.border_dot {
    border: 1px dashed #ccc;
}


    .dragable_modal .close_btn {
        top: -2px;
        margin: 0px !important;
        opacity: 1;
        width: 30px;
        height: 30px;
        padding: 0px;
        color: #fff;
    }

.custom_tab_on_editor {
    background: var(--orange);
    padding: 0px;
    margin: 0px;
}

    .custom_tab_on_editor .nav-item {
        margin-bottom: 0px;
    }

        .custom_tab_on_editor .nav-item .nav-link {
            min-width: 100px;
            text-align: center;
            border: 0px solid transparent;
            border-radius: 0px;
            padding: 10px;
            color: var(--white);
        }

            .custom_tab_on_editor .nav-item .nav-link:hover {
                color: #ffffff;
                border-width: 0px;
                background: #ffb586;
                border-bottom: 0px solid transparent;
            }

        .custom_tab_on_editor .nav-item.show .nav-link,
        .custom_tab_on_editor .nav-link.active {
            color: #ffffff;
            border-width: 0px;
            background: #ffb586;
            border-bottom: 0px solid transparent;
            position: relative;
        }

.dragable_touch {
    cursor: move;
}

.custom_tab_on_editor .nav-item.show .nav-link:before,
.custom_tab_on_editor .nav-link.active:before {
    content: "";
    border-bottom: 10px solid var(--white);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}


.modal-dialog-fullscreen {
    width: 80%;
    margin: 10px;
    padding: 0;
}

.modal-header {
    /*padding-left: 15px;*/
    background-color: #4694b6;
    padding: 10px 15px 10px 15px;
    margin: 0px;
}


    .modal-header h3,
    .modal-header h5 {
        padding: 0px;
        margin: 0px;
        font-size: 1.3em;
        color:#fff;
        font-weight:bold;
    }

.modal-footer {
    background-color: #f1f1f1;
    padding:5px;
}

    .modal-footer #btnAlert123 {
        background-color: #3386b6;
        padding-left: 1em;
        padding-right: 1em;
        color:#fff;
    }


    .modal-footer .btn {
        min-width: 100px;
    }


.modalclose {
    background-color:#ff0000;
    align-items:center;
    text-align:center;
    color:#fff !important;
    height:20px;
    width:20px;
    font-weight:bold;
    font-size:14px;
    border-radius:4px;
    display:block;
    cursor: pointer;
}
a.modalclose {
    color:#fff;
}

.modalBlue .modal-header {
    background-color: #2b64ab;
}

.modalBlue .modal-footer {
    background-color: #89a2ad;
}


.modal-Danger .modal-header {
    /*background-color: #8d1919;*/
    background: #8D1919;
    background: linear-gradient(90deg,rgba(141, 25, 25, 1) 0%, rgba(199, 76, 76, 1) 65%);
}
.modal-Danger .modal-footer {
    background-color: #d9aaaa;
}


.modal-Success .modal-header {
    /*background-color: #007175;*/
    background: #007175;
    background: linear-gradient(90deg,rgba(0, 113, 117, 1) 0%, rgba(29, 191, 196, 1) 65%);
}
.modal-Success .modal-footer {
    background-color: #d9e1db;
}


.mdlDanger .modal-header {
    background-color: #c72424 !important;
}




.modalYellow .modal-header {
    background-color: #d39e00;
}

.modalYellow .modal-footer {
    background-color: #f1f1f1;
}



.modalOrange .modal-header {
    background-color: #d38800;
}

.modalOrange .modal-footer {
    background-color: #f1f1f1;
}

.modalBrown .modal-header {
    background-color: #523b13;
}

.modalBrown .modal-footer {
    background-color: #e6c7b3;
}



.modalAddItem .modal-header {
    background: #3D14CC;
    background: linear-gradient(100deg,rgba(61, 20, 204, 1) 0%, rgba(162, 140, 245, 1) 65%);
}

.modalAddItem .modal-footer {
    background-color: #b3c4e6;
}

.modalAddItem2 .modal-header {
    /* background-color: #5616f5;*/
    background: #aa3dd1;
    background: linear-gradient(90deg,rgba(170, 61, 209, 1) 0%, rgba(195, 115, 230, 1) 65%);
}

.modalAddItem2 .modal-footer {
    background-color: #d4d7dc;
}


.modalConfirm .modal-header {
    background: #D38800;
    background: linear-gradient(90deg,rgba(211, 136, 0, 1) 0%, rgba(247, 231, 198, 1) 65%);
}

.modalConfirm .modal-footer {
    background-color: #f1f1f1;
    
}
.modalConfirm .modal-body {
    font-size:1.4em; 
    line-height:1.7em;
}

    .ms-btn-Confirm-Ok {
        background-color: #ce9b3f;
        color: #fff;
    }

    .ms-btn-Confirm-Ok:hover {
        background-color: #D38800;
        color: #fff;
        font-weight:bold;
    }

.ms-btn-Confirm-Cancel {
    background-color: #a85454;
    color: #fff;
}

    .ms-btn-Confirm-Cancel:hover {
        background-color: #cf0e0e;
        color: #fff;
        font-weight: bold;
    }



.modalEditItem .modal-header {
    background: #06929c;
    background: linear-gradient(90deg,rgba(6, 146, 156, 1) 0%, rgba(247, 231, 198, 1) 80%);
}

.modalEditItem .modal-footer {
    background-color: #F7E7C6
}