.password-input-container {
    position: relative;
}


.select2 {
    width: 100% !important;
}
.menu-active {
    padding: 5px;
    color: black !important;
    border-bottom-color: #d1001e;
    font-weight: bold;
    border-bottom-width: thick;
}

.swal2-popup {

   z-index:9999999!important;
}

.loadingoverlay {
z-index:999999999!important;
}

.select2-container .select2-selection--single {
    height: 40px !important;
    appearance: none;
    -moz-appearance: none;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    background-size: contain;
    background-image: url(/media/icons/arrow-down-gray.svg);
    /* background-position: right 10px center; */
    background-size: 20px;
    padding-right: 20px;
    padding-left: 20px;
    background-position: left 15px center;
    border: 2px solid #CFCFCF !important;
}
.tox-promotion {
display:none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.success-toast {
    background: #027148 !important;
}

.fail-toast {
    background: #8b0000 !important;
}

.error {
    color: darkred;
    border-color: darkred !important;
}

.bootstrap-tagsinput input[type="text"] {
    margin-top:15px;
}

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
    background-color: grey;
    margin: 6px;
    padding: 2px 10px;
    border-radius: 10px;
    display: inline-block;
}

.bootstrap-tagsinput input, .bootstrap-tagsinput input:focus {
    border: 2px solid #ccc !important;
}

.error-border {
    border-color: darkred !important;
    border: 3px solid !important;
    color: darkred !important;
}
.bootstrap-iso .chat--wrapper {
    bottom: calc(0px + 0px) !important;
    left: calc(0px + 0px) !important;
    z-index: 99999999 !important;
}

.bootstrap-iso .chat--start-btn img {
    display: none; /* Hides the original image */
}

.bootstrap-iso .chat--start-btn {
    background: url('/media/icons/chatbot.png') no-repeat center center / cover !important;
}

.bootstrap-iso .chat--start-btn {
    background-color: white !important;
}
.file-w {
    width: 100%!important;
}
.dialog-centered {
    position: fixed !important;
    top: 35% !important;
    left: 35% !important;
    transform: translate(-50%, -50%) !important;
    box-sizing: border-box !important;
    height: auto !important;
    max-height: 600px !important;
    padding: 20px !important;
    z-index: 999 !important;
}

.dialog-centered-noLines {
    position: fixed;
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    box-sizing: border-box !important;
    height: auto !important;
    max-height: 600px !important;
    padding: 20px !important;
    z-index: 999 !important;
}

@media only screen and (max-width: 768px) {
    .dialog-centered {
        width: 60% !important;
    }
    .dialog-centered-noLines {
        width: 60% !important;
    }
}

@media only screen and (min-width: 769px) {
    .dialog-centered {
        width: 540px !important;
    }
    .dialog-centered-noLines {
        width: 540px !important;
    }
}

.dialog-centered-log {
    position: fixed !important;
    top: 35% !important;
    left: 35% !important;
    transform: translate(-50%, -50%) !important;
    box-sizing: border-box !important;
    height: auto !important;
    max-height: 600px !important;
    padding: 20px !important;
    z-index: 999 !important;
}



.tiny-mc-container {

 & ul
{
    list-style-type: disc;
    list-style-position: inside;
}

& ol {
    list-style-type: decimal;
    list-style-position: inside;
}

&
    ul ul, ol ul {
        list-style-type: circle;
        list-style-position: inside;
        margin-left: 15px;
    }
&
    ol ol, ul ol {
        list-style-type: lower-latin;
        list-style-position: inside;
        margin-left: 15px;
    }
}
 

@media only screen and (max-width: 1010px) {
    .dialog-centered-log {
        width: 90%;
        right: -55%;
    }
}

@media only screen and (min-width: 1011px) {
    .dialog-centered-log {
        width: 540px;
        right:-10%;
    }
}




.dataTables_wrapper
{
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.dataTables_wrapper thead th
{
 padding-left: 10px;
 padding-right: 10px;
}