html {
    font-family: 'Helvetica Neue', Helvetica, sans-serif !important;
    cursor: default;
}

body {
    font-family: 'Helvetica Neue', Helvetica, sans-serif !important;
    cursor: default;
}

.show-scrollbar {
    background-color: #ffffff;
}
.show-scrollbar::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
}
.show-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
}

input:focus, textarea:focus {
    outline: none;
}
*:focus {
    outline: none !important;
}

.mapboxgl-marker:hover {
    cursor: pointer;
}

.no-border-quill-button{
    border: none;
}

.ql-mergetag-label button{
    background-color: inherit;
}

/* example of use : page titles */
/* overwrite <h1> */
h1 {
    font-size: 32px;
    font-weight: bold;
    color: #333333;
}

.h1 {
    font-size: 32px;
    font-weight: bold;
    color: #333333;
    margin: 0 !important;
}

/* example of use : popup title */
/* overwrite <h2> */
h2 {
    font-size: 26px;
    font-weight: bold;
    color: #333333;
    margin: 0;
}

.h2 {
    font-size: 26px;
    font-weight: bold;
    color: #333333;
    margin: 0 !important;
}

/* example of use : settings headers */
/* overwrite <h3> */
h3 {
    font-size: 19px;
    font-weight: bold;
    color: #333333;
    margin-top: 0;
    margin-bottom: 10px;
}

.h3 {
    font-size: 19px;
    font-weight: bold;
    color: #333333;
    margin: 0 !important;
}

.h3-t {
    font-size: 19px;
    font-weight: bold;
}

.h3-card {
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    color: #333333;
    margin: 0 !important;
}

.black-text {
    color: #333333 !important;
}

/* example of use : all regular text */
/* overwrite <p> <span> <div> <a> */
p, span, div, a, label, pre {
    font-size: 15px;
}

a {
    text-decoration: none;
    color: #3F8F24;
}

a:hover {
    color: #2f6B1B;
}

.clickable-text {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}
.clickable-text:hover {
    cursor: pointer;
}

.italic {
    font-weight: normal;
    font-size: 15px;
    font-style: italic;
    color: #cccccc;
}

.bold-font {
    font-weight: bold !important;
}

.font-12 {
    font-size: 12px;
}

/* example of use : all regular text */
.t1 {
    font-size: 15px;
    font-weight: normal;
    color: #333333;
}

/* example of use : empty text input */
.t2 {
    font-size: 15px;
    font-weight: normal;
    color: #cccccc;
}

.bold-15 {
    font-size: 15px;
    font-weight: bold;
    color: #333333;
}

/* example of use : whenever it’s below an <h3> header */
/* description text */
.desc-text {
    font-size: 15px;
    font-weight: normal;
    color: #999999;
}

.h3-sub {
    font-size: 15px;
    font-weight: normal;
    color: #999999; 
}

.h3-sub.h3-sub-no-color {
    color: black !important;
}

/* example of use : Form questions */
.fa-23px {
    font-size: 23px;
}

/* overwrite bootstrap .btn bold font in the button */
.btn {
    font-size: 15px !important;
    font-weight: bold !important;
}

/* example of use : all red button */
/* overwrite bootstrap .btn-danger */
.btn-danger {
    color: #fff;
    background-color: #EE4A5D !important;
    border-color: #EE4A5D;
}

.btn-danger.active, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #cc3333 !important;
    border-color: #cc3333
}

.btn-danger.active, .btn-danger:active, .open .dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background-color: #EE4A5D !important;
    border-color: #EE4A5D;
}

.btn-danger .badge {
    color: #EE4A5D;
    background-color: #fff
}
/* End */

/* example of use : all yellow button */
/* overwrite bootstrap .btn-warning */
.btn-warning {
    color: #fff;
    background-color: #F3A424;
    border-color: #F3A424
}

.btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #B67B1B;
    border-color: #B67B1B
}

.btn-warning.active, .btn-warning:active, .open .dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #F3A424;
    border-color: #F3A424
}

.btn-warning .badge {
    color: #F3A424;
    background-color: #fff
}
/* End */

/* example of use : all green button */
/* overwrite bootstrap .btn-success */
.btn-success {
    color: #fff;
    background-color: #3F8F24;
    border-color: #3F8F24;
}

.btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #2F6B1B;
    border-color: #2F6B1B;
}

.btn-success.active, .btn-success:active, .open .dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #8DC233;
    border-color: #8DC233;
}

.btn-success .badge {
    color: #0c9;
    background-color: #fff
}
/* End */

/* Panel */
#filterAccordian>.panel-default {
    border: none;
    overflow: hidden;
    background: none;
    box-shadow: none;
}
#filterAccordian>.panel-default>.panel-heading {
    background: none;
    border: none;
}
.filter-box-v2 {
    background: #EFEFEF;
    border: 1px solid #DFDFDF !important;
    margin: 0;
    border-radius: 4px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.filter-box-v3 {
    background: #EFEFEF;
    border: 1px solid #DFDFDF;
    margin: 0;
    border-radius: 4px;
    padding-top: 20px;
    padding-bottom: 10px;
}

/* Modal side section */
.modal-body-section {
    display: flex;
    padding: 0;
}

.modal-sidenav-section {
    width: 300px;
    background-color: white;
    transition: all 0.3s;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}

.modal-main-section {
    width: 100%;
    border-left: #E9EAEA solid 1px;
}

.modal-send-message{
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.email-preview img{
    max-width: 100%;
    max-height: auto;
}

.email-preview a { 
    color: #06c; 
}


.send-message-item{
    display: grid;
    align-items: center;
    text-align: end;
    grid-column-gap: 10px;
}

.send-message-right-column-height{
   height: 70vh;
}

.modal-open .modal-no-overflow {
    overflow-y: hidden;
}

.dynamic-modal-body {
    overflow: scroll;
    height: 65vh;
}

.send-message-footer{
    display: none;
}

.send-message-right-column-footer{
    display: block;
}

@media (min-width: 768px) {

    .submenu-item {
        position: relative;
    }

    .submenu-item .dropdown-menu {
        display: none;
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        border-radius: 0 6px 6px 6px;
    }

    .submenu-item:hover .dropdown-menu {
        display: block;
    }

    .submenu-item>a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .submenu-item:hover>a:after {
        border-left-color: #fff;
    }

    .submenu-item.pull-left {
        float: none;
    }

    .submenu-item.pull-left>.dropdown-menu {
        left: -100%;
        margin-left: 10px;
        border-radius: 6px 0 6px 6px;
    }

}

@media (max-width:768px){
    .sent-history-button-width{
        width: 100%;
    }

    .sent-history-button-margin{
        margin-bottom: 20px;
    }
}
@media (max-width:600px){
    .modal-send-message .send-message-item{
        grid-template-columns: auto !important;
        text-align: start !important;
        align-items: flex-start !important;
    }
    .send-message-right-column-height{
        height: 35vh !important;
    }

    .send-message-footer{
        display: block;
    }

    .send-message-right-column-footer{
        display: none;
    }
}

@media (max-width: 1024px) {
    #display-dropdown-btn {
        visibility: visible;
    }

    #no-diaplay-availability-section {
        visibility: visible;
    }

    .modal-sidenav-section {
        display: none;
    }

    .availability-section {
        display: none;
    }
}
/* End Modal side section */

/* example of use : Event Setting page devider line */
.box-devider {
    border-bottom: 1px solid #E9EAEA;
}

.text-align-right {
    text-align: right !important;
}
.text-align-left {
    text-align: left !important;
}

.initlive-error-border {
    border: 2px solid #F3A424 !important;
}

.dot-for-long-text {
    overflow: hidden;
    white-space: nowrap;
    max-width: 200px;
    text-overflow: ellipsis;
    display: inline-block;
}

.modal-window-70 .modal-dialog {
    width: 70%;
}

.bc-330099 {
    background-color: #7259A2;
}

.bc-00cc99 {
    background-color: #70B300;
}

.bc-0099cc {
    background-color: #409CDD;
}

.bc-6600ff {
    background-color: #7259A2;
}

.bc-ff3399 {
    background-color: #F99DA0;
}

.bc-ff6600 {
    background-color: #FF8527;
}

.bc-ff9900 {
    background-color: #F3A424;
}

.c-000066 {
    color: #55437A;
}

.c-006666 {
    color: #548600;
}

.c-006699 {
    color: #3075A6;
}

.c-330099 {
    color: #7259A2;
}

.c-cc0066 {
    color: #BB7678;
}

.c-cc3300 {
    color: #BF641D;
}

.c-cc6600 {
    color: #B67B1B;
}

.c-white {
    color: #ffffff;
}

.check-mark-selected {
    color: #ffffff;
    background-color: #3f8f24 !important;
    padding: 3px;
    font-size: 16px !important;
}

.checkbox-text {
    display: inline-block;
}

.checkbox-text > *{
    vertical-align: middle;
}

/* Pointer */

a:hover {
    cursor: pointer;
}
i.icon-hover:hover {
    cursor: pointer;
}

/* Screen Size */
@media (max-width: 978px) {
    .col-sm-no-padding {
        padding: 0;
    }
    .col-sm-no-margin-top-xs {
        margin-top: 5px;
    }
}

.animate-if.ng-enter, .animate-if.ng-leave {
    -webkit-transition: 0.5s linear all;
    -moz-transition: 0.5s linear all;
    -ms-transition: 0.5s linear all;
    -o-transition: 0.5s linear all;
    transition: 0.5s linear all;
}
/* du début de l'entrée */
 .animate-if.ng-enter {
    max-height: 0;
    opacity: 0;
}
/* à la fin de l'entrée */
 .animate-if.ng-enter.ng-enter-active {
    max-height: 999px;
    opacity:1;
}
/* du début de la sortie */
 .animate-if.ng-leave {
    max-height: 999px;
    opacity:1;
}
/* à la fin de la sortie */
 .animate-if.ng-leave.ng-leave-active {
    max-height: 0;
    opacity:1;
}

.yellow-star {
    color: #FF8527;
}

.smaller-i-font {
    font-size: 13px !important;
    font-style: italic !important;
}

/* still need to map all the functionality from ng-quill to here */
.ql-size-large {
    font-size: 20px;
}

.ql-size-small {
    font-size: 10px;
}

.ql-align-justify {
    text-align: justify;
}

.ql-divider {
    width: 250px;
}

/* .ql-divider:after {
    content: '---';
    left: 0;
    top: 1px;
    position: absolute;
} */
.ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="horizontalLine"]::before, .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="horizontalLine"]::before {
    content: 'Horizontal Line' !important;
    color: #c9c9c9;
    font-size: 15px;
}

.eng_can .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="horizontalLine"]::before, .eng_can .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="horizontalLine"]::before {
    content: 'Horizontal Line' !important;
}

.fra_can .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="horizontalLine"]::before, .fra_can .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="horizontalLine"]::before {
    content: 'Ligne horizontale' !important;
}

.nld_nld .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="horizontalLine"]::before, .nld_nld .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="horizontalLine"]::before {
    content: 'Horizontale lijn' !important;
}

.deu_deu .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="horizontalLine"]::before, .deu_deu .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="horizontalLine"]::before {
    content: 'Horizontale Linie' !important;
}

.ita_ita .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="horizontalLine"]::before, .ita_ita .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="horizontalLine"]::before {
    content: 'Linea orizzontale' !important;
}

.spa_esp .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="horizontalLine"]::before, .spa_esp .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="horizontalLine"]::before {
    content: 'Linea horizontal' !important;
}

.ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="solidLineFull"]::before, .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="solidLineFull"]::before {
    content: 'Solid: Full Width' !important;
    font-size: 15px;
}

.eng_can .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="solidLineFull"]::before, .eng_can .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="solidLineFull"]::before {
    content: 'Solid: Full Width' !important;
}

.fra_can .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="solidLineFull"]::before, .fra_can .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="solidLineFull"]::before {
    content: 'Solide: pleine largeur' !important;
}

.nld_nld .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="solidLineFull"]::before, .nld_nld .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="solidLineFull"]::before {
    content: 'Effen: volledige breedte' !important;
}

.deu_deu .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="solidLineFull"]::before, .deu_deu .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="solidLineFull"]::before {
    content: 'Fest: Volle Breite' !important;
}

.ita_ita .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="solidLineFull"]::before, .ita_ita .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="solidLineFull"]::before {
    content: 'Solido: larghezza totale' !important;
}

.spa_esp .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="solidLineFull"]::before, .spa_esp .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="solidLineFull"]::before {
    content: 'Sólida: Ancho completo' !important;
}

.ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="soildLineShort"]::before, .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="soildLineShort"]::before {
    content: 'Solid: Short Width' !important;
    font-size: 15px;
}

.eng_can .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="soildLineShort"]::before, .eng_can .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="soildLineShort"]::before {
    content: 'Solid: Short Width' !important;
}

.fra_can .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="soildLineShort"]::before, .fra_can .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="soildLineShort"]::before {
    content: 'Solide: largeur courte' !important;
}

.nld_nld .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="soildLineShort"]::before, .nld_nld .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="soildLineShort"]::before {
    content: 'Effen: korte breedte' !important;
}

.deu_deu .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="soildLineShort"]::before, .deu_deu .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="soildLineShort"]::before {
    content: 'Fest: Kurze Breite' !important;
}

.ita_ita .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="soildLineShort"]::before, .ita_ita .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="soildLineShort"]::before {
    content: 'Solido: larghezza ridotta' !important;
}

.spa_esp .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="soildLineShort"]::before, .spa_esp .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="soildLineShort"]::before {
    content: 'Sólido: ancho corto' !important;
}

.ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="dashedLineFull"]::before, .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="dashedLineFull"]::before {
    content: 'Dashed: Full Width' !important;
    font-size: 15px;
}

.eng_can .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="dashedLineFull"]::before, .eng_can .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="dashedLineFull"]::before {
    content: 'Dashed: Full Width' !important;
}

.fra_can .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="dashedLineFull"]::before, .fra_can .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="dashedLineFull"]::before {
    content: 'En pointillés: pleine largeur' !important;
}

.nld_nld .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="dashedLineFull"]::before, .nld_nld .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="dashedLineFull"]::before {
    content: 'Onderbroken: volledige breedte' !important;
}

.deu_deu .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="dashedLineFull"]::before, .deu_deu .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="dashedLineFull"]::before {
    content: 'Gestrichelt: Volle Breite' !important;
}

.ita_ita .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="dashedLineFull"]::before, .ita_ita .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="dashedLineFull"]::before {
    content: 'Tratteggiato: larghezza intera' !important;
}

.spa_esp .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="dashedLineFull"]::before, .spa_esp .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="dashedLineFull"]::before {
    content: 'Discontinuo: ancho completo' !important;
}

.ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="dashedLineShort"]::before, .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="dashedLineShort"]::before {
    content: 'Dashed: Short Width' !important;
    font-size: 15px;
}

.eng_can .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="dashedLineShort"]::before, .eng_can .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="dashedLineShort"]::before {
    content: 'Dashed: Short Width' !important;
}

.fra_can .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="dashedLineShort"]::before, .fra_can .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="dashedLineShort"]::before {
    content: 'En pointillés: largeur courte' !important;
}

.nld_nld .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="dashedLineShort"]::before, .nld_nld .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="dashedLineShort"]::before {
    content: 'Onderbroken: korte breedte' !important;
}

.deu_deu .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="dashedLineShort"]::before, .deu_deu .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="dashedLineShort"]::before {
    content: 'Gestrichelt: Kurze Breite' !important;
}

.ita_ita .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="dashedLineShort"]::before, .ita_ita .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="dashedLineShort"]::before {
    content: 'Tratteggiata: larghezza ridotta' !important;
}

.spa_esp .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="dashedLineShort"]::before, .spa_esp .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="dashedLineShort"]::before {
    content: 'Discontinuo: ancho corto' !important;
}

.ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="thickLineFull"]::before, .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="thickLineFull"]::before {
    content: 'Solid (Thick): Full Width' !important;
    font-size: 15px;
}

.eng_can .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="thickLineFull"]::before, .eng_can .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="thickLineFull"]::before {
    content: 'Solid (Thick): Full Width' !important;
}

.fra_can .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="thickLineFull"]::before, .fra_can .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="thickLineFull"]::before {
    content: 'Solide (épais): pleine largeur' !important;
}

.nld_nld .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="thickLineFull"]::before, .nld_nld .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="thickLineFull"]::before {
    content: 'Massief (dik): volledige breedte' !important;
}

.deu_deu .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="thickLineFull"]::before, .deu_deu .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="thickLineFull"]::before {
    content: 'Fest (dick): Volle Breitee' !important;
}

.ita_ita .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="thickLineFull"]::before, .ita_ita .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="thickLineFull"]::before {
    content: 'Solido (spesso): larghezza totale' !important;
}

.spa_esp .ql-snow .ql-picker.ql-divider .ql-picker-label[data-value="thickLineFull"]::before, .spa_esp .ql-snow .ql-picker.ql-divider .ql-picker-item[data-value="thickLineFull"]::before {
    content: 'Sólida (gruesa): Ancho completo' !important;
}

.ql-button {
    width: 40px;
    color: #000;
    border-radius: 3px;
    font-size: 10px;
    margin:  2px 0 0 0;
    padding: 0;
    line-height: 12px;
    height: 20px;
}

.ql-button:after {
    content: '\f25a';
    font-family: FontAwesome;
    font-size: 15px;
    margin-top: -3px;
    display: block;
    padding: 0;
}

.ql-clearall:after {
    content: '\f1f8';
    font-family: FontAwesome;
    font-size: 15px;
    margin-top: -3px;
    display: block;
    padding: 0;
}

/* .ql-expand:after {
    content: '\F065';
    font-family: FontAwesome;
    font-size: 15px;
    margin-top: -3px;
    display: block;
    padding: 0;
    background: #333333;
    color: white;
    width: 22px;
    height: 22px;
    border-radius: 3px;
} */

.ql-undo:after {
    content: '\f0e2';
    font-family: FontAwesome;
    font-size: 15px;
    margin-top: -3px;
    display: block;
    padding: 0;
}

.ql-redo:after {
    content: '\f01e';
    font-family: FontAwesome;
    font-size: 15px;
    margin-top: -3px;
    display: block;
    padding: 0;
}

.ql-editor hr {
    background: #dfdfdf;
    border: none;
    height: 1px;
    margin: 0;
    /* margin-bottom: 0; */
    /* padding-bottom: 20px; */
    /* border-top: 1px solid #999; */
    /* margin: 0; */
    /* background: #999;
    margin: 20px 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    height: 1px;
    border: none; */
}

.ql-editor.ql-blank::before {
    content: '';
}

/* .ql-editor area {
    height: 38px;
    display: inline-block;
    line-height: 60px;
}

.ql-editor area::after {
    background: #FFF;
    height: 45px;
    width: 100.2%;
    position: absolute;
    content: "[New Block]";
    font-style: italic;
    color: rgb(204, 204, 204);
    text-align: center;
    border: none;
    border-top: 1px solid rgb(204, 204, 204);
    border-bottom: 1px solid rgb(204, 204, 204);
    margin: 10px -4px 0 -16px;
    line-height: 40px;
    z-index: 101;
}

.ql-editor area::before {
    background: #FFF;
    height: 45px;
    width: 100%;
    position: absolute;
    content: "";
    right: 0px;
    z-index: 100;
    margin-top: 10px;
    border: none;
    border-top: 1px solid rgb(204, 204, 204);
    border-bottom: 1px solid rgb(167, 111, 111);
} */

.ql-editor .ql-image {
    width: 100%;
}

.ql-editor .ql-video {
    width: 755px;
    height: 424px;
    max-width: 100%;
    max-height: calc((100vw - 40px) / (16/9));
}

.ql-editor .custom-editor-button:hover {
    background-color: #548600;
    border-color: #548600;
    color: #FFF;
}

.ql-editor  img {
    /* width: 100%; */
    max-width: 100%;
    height: auto;
}

.ql-toolbar [data-tooltip] {
    content: attr(data-tooltip);
    display: none;
}

.ql-toolbar [data-tooltip]:hover {
    display: block;
}

.ql-editor span {
    font-size: inherit;
}

.ql-editor blockquote {
    font-size: 16px;
}

.ql-toolbar.ql-snow .ql-formats {
    border-right: 1px solid rgb(204, 204, 204);
    margin-right: 8px;
    padding-right: 8px;
}

.ql-toolbar.ql-snow .ql-formats:last-child {
    border-right: none;
    margin-right: 8px;
    padding-right: 8px;
}

.ql-snow.ql-toolbar button.ql-link.disabled .ql-stroke, .ql-snow.ql-toolbar button.ql-link.disabled:hover .ql-stroke{
    stroke: #999;
}

.ql-snow.ql-toolbar button.ql-link.disabled:hover, .ql-snow.ql-toolbar button.ql-link.disabled:focus {
    color: #999;
}

.ql-snow .ql-picker.ql-header {
    width: 130px !important;
}

#desc-editor .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before {
    font-size: 16px;
    line-height: 1;
}

#desc-editor .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    font-size: 19px;
    color: rgb(68, 68, 68);
    font-weight: 700;
    line-height: 1;
}

#desc-editor .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    font-style: italic;
    font-size: 15px;
    color: rgb(187, 187, 187);
    line-height: 1;
}

.ql-snow .ql-editor p {
    font-size: 16px;
    line-height: 1.42857143;
    /* display: inline */
}

#rte .ql-snow .ql-editor p {
    font-size: 16px;
    color: #000000;
    line-height: 1.42857143;
    /* display: inline */
}

.ql-snow .ql-editor a {
    /* margin: 0 3px; */
    font-size: 16px;
}

.ql-snow .ql-editor a.custom-link {
    color: #3F8F24;
}

.ql-snow .ql-editor a.custom-editor-button {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #3F8F24;
    border-color: #3F8F24;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

/* .quill-hover-tooltip {
    position: absolute;
    background: #000;
    z-index: 9999;
} */

#desc-editor .ql-snow .ql-editor h1 {
    font-size: 19px;
    color: rgb(68, 68, 68);
    font-weight: 700;
    line-height: 1.1;
}

#desc-editor .ql-snow .ql-editor h6 {
    font-style: italic;
    font-size: 15px;
    color: rgb(187, 187, 187);
    line-height: 1.42857143;
}

.btn-init-grey {
    color: #666666;
    background-color:#e3e3e3;
}

.btn-init-grey:hover{
    background-color: #cacaca;
}

.btn-init-dark-grey {
    color: #ffffff;
    background-color:#4d4d4d ;
}

.btn-init-dark-grey:hover{
    color: #ffffff;
    background-color: #333333;
}

.btn-init-grey.disabled, .btn-init-grey.disabled.active, .btn-init-grey.disabled:active, .btn-init-grey.disabled:focus, .btn-init-grey.disabled:hover, .btn-init-grey[disabled], .btn-init-grey[disabled].active, .btn-init-grey[disabled]:active, .btn-init-grey[disabled]:focus, .btn-init-grey[disabled]:hover{
    background-color: #cacaca;
    color: #666666;
}

#desc-editor .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: 'Heading' !important;
}

#desc-editor .eng_can .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .eng_can .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: 'Heading' !important;
}

#desc-editor .fra_can .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .fra_can .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: 'Titre' !important;
}

#desc-editor .nld_nld .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .nld_nld .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: 'Rubriek' !important;
}

#desc-editor .deu_deu .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .deu_deu .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: 'Überschrift' !important;
}

#desc-editor .ita_ita .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ita_ita .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: 'Intestazione' !important;
}

#desc-editor .spa_esp .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .spa_esp .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: 'Bóveda' !important;
}

#desc-editor .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: 'Sub Text' !important;
}

#desc-editor .eng_can .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .eng_can .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: 'Sub Text' !important;
}

#desc-editor .fra_can .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .fra_can .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: 'petit texte' !important;
}

#desc-editor .nld_nld .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .nld_nld .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: 'kleine tekst' !important;
}

#desc-editor .deu_deu .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .deu_deu .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: 'kleiner Text' !important;
}

#desc-editor .ita_ita .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ita_ita .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: 'piccolo testo' !important;
}

#desc-editor .spa_esp .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .spa_esp .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: 'texto pequeño' !important;
}

#desc-editor .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: 'Normal Text' !important;
}

#desc-editor .eng_can .ql-snow .ql-picker.ql-header .ql-picker-label::before, .eng_can .ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: 'Normal Text' !important;
}

#desc-editor .fra_can .ql-snow .ql-picker.ql-header .ql-picker-label::before, .fra_can .ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: 'Texte normal' !important;
}

#desc-editor .nld_nld .ql-snow .ql-picker.ql-header .ql-picker-label::before, .nld_nld .ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: 'Normale tekst' !important;
}

#desc-editor .deu_deu .ql-snow .ql-picker.ql-header .ql-picker-label::before, .deu_deu .ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: 'Normaler Text' !important;
}

#desc-editor .ita_ita .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ita_ita .ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: 'Testo normale' !important;
}

#desc-editor .spa_esp .ql-snow .ql-picker.ql-header .ql-picker-label::before, .spa_esp .ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: 'Texto normal' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="10px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]::before {
    content: '10px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before {
    content: '12px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before {
    content: '14px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="15px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="15px"]::before {
    content: '15px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before {
    content: '16px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before {
    content: '18px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before {
    content: '20px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before {
    content: '24px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="30px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="30px"]::before {
    content: '30px';
}

.ql-snow.ql-toolbar button.ql-mergetag, .ql-snow.ql-toolbar button.ql-specialLinks, .ql-snow.ql-toolbar button.ql-space {
    display: none;
}

.ql-snow .ql-align {
    width: 32px;
}

.ql-snow .ql-align .ql-picker-label svg {
    width: 18px;
}

.ql-snow .ql-align .ql-picker-label:before {
    content: '\f0dc';
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item:hover::before,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #409CDD;
}

.ql-snow.ql-toolbar .ql-picker-item[data-value="horizontalLine"]:hover, .ql-snow.ql-toolbar .ql-picker-item[data-value="horizontalLine"]:hover::before {
    color: #c9c9c9 !important;
}

.opportunity-description-holder img {
    width: 100%;
}

input#buttonUrl.invalid, input#imageUrl.invalid, input#linkUrl.invalid  {
    border-width: 2px;
    border-color: #EE4A5D;
}

#quillViewer area {
    height: 38px;
    display: inline-block;
    line-height: 60px;
}

#quillViewer img {
    width: 100%;
}

#quillViewer area::after {
    background: rgb(239,
     239, 239);
    height: 30px;
    width: 100%;
    position: absolute;
    content: "";
    font-style: italic;
    color: #dfdfdf;
    text-align: center;
    border: none;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    margin: 15px -4px 0 -41px;
    line-height: 35px;
    z-index: 101;
}

#quillViewer area::before {
    background: rgb(239, 239, 239);
    /* background:#000; */
    height: 30px;
    width: 100%;
    position: absolute;
    content: "";
    right: -26px;
    z-index: 100;
    margin-top: 15px;
    border: none;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

#quillViewer .ql-container {
    border: none;
}

#quillViewer .ql-editor {
    padding: 0;
}
#editor .ql-snow .ql-picker.ql-font {
    width: 160px;
}
#editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Times New Roman"]::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Times New Roman"]::before {
    content: 'Times New Roman';
    font-family: 'Times New Roman';
}
#editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Courier New"]::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Courier New"]::before {
    content: 'Courier New';
    font-family: 'Courier New';
}
#editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Arial"]::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Arial"]::before {
    content: 'Arial';
    font-family: 'Arial';
}
#editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Verdana"]::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Verdana"]::before {
    content: 'Verdana';
    font-family: 'Verdana';
}
#editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Trebuchet MS"]::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Trebuchet MS"]::before {
    content: 'Trebuchet MS';
    font-family: 'Trebuchet MS';
}
#editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Georgia"]::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Georgia"]::before {
    content: 'Georgia';
    font-family: 'Georgia';
}

.btn-init-white-send-message {
    color: #666666;
    background-color: #fff;
    border-color: #e3e3e3;
    border-width: 2px;
}
.btn-init-white-send-message:hover{
    border-color: #666666;
    border-width: 2px;
    color: #666666;
}
.btn-init-green-send-message {
    color: #fff;
    background-color: #3F8F24;
    border-color: #3F8F24;
}
.btn-init-green-send-message:hover{
    color: #fff;
    background-color: #2F6B1B;
    border-color: #2F6B1B;
}
.btn-send-message {
    font-size: 15px !important;
    font-weight: bold !important;
    display: inline-block;
    margin-bottom: 0; 
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
}

/* WEBSAFE FONTS */
/* Arial (sans-serif)
Verdana (sans-serif)
Helvetica (sans-serif)
Tahoma (sans-serif)
Trebuchet MS (sans-serif)
Times New Roman (serif)
Georgia (serif)
Garamond (serif)
Courier New (monospace)
Brush Script MT (cursive) */

.chip-force-hover .chip:hover {
    cursor: pointer !important;
    background: #333;
}

.chip-force-hover .chip:hover > .chip-head {
    background-color: #575757;
}

.chip{
    display: inline-flex;
    flex-direction: row;
    background-color: #575757;
    color:#fff;
    border: none;
    cursor: default;
    height: 22px;
    outline: none;
    padding: 0;
    font-size: 11px;
    font-weight:bold;
    font-family:"Open Sans", sans-serif;
    white-space: nowrap;
    align-items: center;
    border-radius: 16px;
    vertical-align: middle;
    justify-content: center;
    margin: 2px 0;
}
/* .chip:hover{
    background-color: #333333;
} */
.chip:hover > .chip-close {
    color: #EE4A5D;
}
.chip .chip-close:active {
    color: #cc3333;
}
.chip-head{
    display: flex;
    position: relative;
    overflow: hidden;
    background-color: #696969;
    font-size: 1.25rem;
    flex-shrink: 0;
    align-items: center;
    user-select: none;
    border-radius: 50%;
    justify-content: center;
    width: 22px;
    color: #fff;
    height: 22px;
    font-size: 11px;
    margin-right: -4px;
}
.chip-head i {
    margin-top: 1px;
}
.chip-content{
    cursor: inherit;
    display: flex;
    align-items: center;
    user-select: none;
    max-width: 158px;
}
.chip-content-inner-wrapper{
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 200px;
    padding-left: 12px;
    padding-right: 12px;
    overflow: hidden;
}
.chip-content-inner-wrapper-meta {
    color: #cccccc;
    font-size: 11px;
    vertical-align: top;
    margin-top: -1px;
}
.chip-close{
    padding:10px;
    margin-top: -1px;
}
.chip-svg{
    color: #fff;
    cursor: pointer;
    height: auto;
    margin: 4px 4px 0 -8px;
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 24px;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    user-select: none;
    flex-shrink: 0;
}

.change-border-color :hover{
    border-color: #adadad;
}

.chip-content-inner-wrapper {
    font-size: 11px;
    margin-top: -1px;
}

.send-message-labels{
    margin-top: 4px;
}

.send-message-right-view{
    max-width: 300px;
    min-width: 200px;
}


@media (min-width : 480px) {
    .preview-dropdown{
        width: 100%;
        height: 100%;
        padding-top: 5px;
    }
    
    .desktop{
        width: 100%;
    }

    .tablet{
        width: 100%;   
    }

    .mobile{
        width: 100%;
    }

    .display-sent-history{
        display: grid;
    }
}

@media (min-width : 768px) {
    .desktop{
        width: 100%;
    }

    .tablet{
        width: 100%;  
    }

    .mobile{
        width: 480px;
    }

    .display-sent-history{
        display: flex;
    }
}

@media (min-width : 992px) {
    .send-message-footer-position{
        bottom: 0; 
        right: 0; 
        position: fixed; 
        width: 25%;
    }
    .preview-dropdown{
        width: 500px;
        height: 100%;
        padding-top: 5px;
    }
    
    .desktop{
        width: 992px;
    }

    .tablet{
        width: 768px   
    }

    .mobile{
        width: 480px;
    }
}


.attachment-list {
    background-color: #F0F0F0;
}

.attachment-list > .fa-close:hover{
    color:#EE4A5D;
}

.attachment-overflow {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width:250px;
    overflow: hidden;
}

.remove-attachment {
    color:#999999;
}

.tooltip-inner{
    word-wrap: break-word;
}

.disabled-btn{
    background: #D4D5D6 !important;
    /* color: #999999; */
    border: 1px solid #d3d3d3 !important;
}
.disabled-btn[disabled]{
    cursor: not-allowed;
}

.disabled-btn:hover{
    background: #d7d6d6;
    border: 1px solid #c4c3c3;
}
.disabled-btn i{
    color: #999999;
}

.remove-attachment:hover{
    color:#EE4A5D;
}

.choose-file-upload{
    background-color: #3F8F24;
    border-color: #3F8F24;
}

.custom-file-upload:hover .choose-file-upload {
    background : #2F6B1B;
    border-color: #2F6B1B;
}

::-webkit-input-placeholder { /* Edge */
    font-weight: normal;
    font-size: 15px;
    font-style: italic;
    color: #cccccc !important;
}
  
:-ms-input-placeholder { /* Internet Explorer */
    font-weight: normal;
    font-size: 15px;
    font-style: italic;
    color: #cccccc !important;
}
  
::placeholder {
    font-weight: normal;
    font-size: 15px;
    font-style: italic;
    color: #cccccc !important;
}


#rte .ql-toolbar.ql-snow {
    background: #f1f1f1 !important;
    border: 1px solid #ecf0f1 !important;
}

#rte .ql-container.ql-snow {
    border: 1px solid #ecf0f1 !important;
}

.sticky-toolbar {
    position: fixed;
    top: 0;
}

.resize-handle {
    border: 3px dotted #666666;
}

.noContent::before {
    display: none;
}

.noContent  > *{
    margin: 0;
}

.ql-mergetag-label {
    border: 1px solid #3075A6;
    border-radius: 3px;
    background: #409CDD;
    color: #ffffff;
    font-weight: 900 !important;
    padding: 5px;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    margin-bottom: 1px;
    line-height: 1;
}

.ql-mergetag-label > i {
    margin-left: 6px;
    color: #EE4A5D;
    font-size: 13px;
    cursor: pointer;
}

.ql-mergetag-label.MTPERSONAL, .ql-mergetag-label.MTSENDER, .ql-mergetag-label.MTSERVICETIME {
    background: #E9EAEA;
    color:#272D30;
    font-weight: bold;
    outline: 2px solid #D4D5D6;
    outline-offset: -2px;
}

.ql-mergetag-label.MT_OPP_CATEGORY_NAME {
    background: #70B300;
    color:white;
    font-weight: bold;
    outline: 2px solid #548600;
    outline-offset: -2px;
}

.ql-mergetag-label.MT_ORG_CATEGORY_NAME {
    background: #F3A424;
    color:white;
    font-weight: bold;
    outline: 2px solid #B67B1B;
    outline-offset: -2px;
}
.ql-mergetag-label.MT_LINKS_CATEGORY_NAME {
    background: #3F8F24;
    color:white;
    font-weight: bold;
    outline: 2px solid #2F6B1B;
    outline-offset: -2px;
}

.ql-mergetag-label.MT_PERSONAL_SCHEDULE_CATEGORY_NAME {
    background: #f1f1f1;
    color:#666666;
    font-weight: bold;
    outline: 2px dashed #bebebe;
    outline-offset: -2px;
    width: 100%;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    border: none;
    display: grid;
    padding: 45px;
}
.ql-mergetag-label.MT_PERSONAL_SCHEDULE_CATEGORY_NAME > i {
    color: #666666;
}

.fa.MT_ORG_CATEGORY_NAME{
    color:#F3A424
}
.fa.MT_LINKS_CATEGORY_NAME{
    color:#3F8F24
}

.fa.MTPERSONAL, .fa.MTSENDER, .fa.MTSERVICETIME{
    color: #E9EAEA
}

.fa.MT_OPP_CATEGORY_NAME{
    color:#70B300
}

#rte-preview p span {
    font-size: inherit;
}

/* #rte-preview a {
    color: initial;
} */

.geolocation-address-card{
    height: 90px;
    width: 100%; 
    border-radius: 3px;
    margin-bottom: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    padding: 16px;
    text-align: center;
}

.geolocation-address-card-color{
    border: 2px solid grey; 
    background-color: #f1f1f1;
}

.geolocation-address-card-color:hover:not(.geolocation-address-card-selected){
    border: 2px solid darkgray; 
    background-color: #d7d7d7;
}

.geolocation-address-card-selected{
    background-color: #3d3d3d;
    color: white;
    font-weight: bold;
}

.full-screen-mode-quill-toolbar {
    z-index: 999999999999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.full-screen-mode-quill-toolbar-context{
    z-index: 999;
    position: fixed;
    top: 55px;
    left: 0;
    width: 100%;
}

.staff-profile-main-body{
    height: 67vh;
    overflow-y: auto;
}

.send-message-dropdown.dropdown-submenu > a:after {
    float: left;
    border-left: none;
    margin-left: -10px;
    margin-right: 0;
    border-right: 4px dashed;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.email-modal-body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
}
.email-modal-body::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
}

.email-preview-body{
    background-color: #ffffff;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    height: 60vh; 
    overflow-y: scroll;
}

.email-preview-body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
}
.email-preview-body::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
}

#copy-shift-body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
}
#copy-shift-body::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
}

.dropdown-li-section::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.dropdown-li-section::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
}

.indent-space {
    margin-left: 20px !important;
}
/*#rte-editor {
    background-color: #ffffff;
}

.rte-fullsize {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}*/

/* .ql-expand:after {
    content: '';
    font-family: FontAwesome;
    font-size: 15px;
    margin-top: -2px;
    display: block;
    padding: 0;
}
.ql-expand.expanded:after {
    content: '\f066';
} */

#editor .ql-toolbar.ql-snow .ql-formats:last-child button {
    border-radius: 5px;
    border-color: transparent !important;
    background: #555555 !important;
    width: 24px;
    height: 24px;
    color: #FFF;
}

#editor .ql-toolbar.ql-snow .ql-formats:last-child button:hover {
    background-color: black !important;
    color: #FFF;
}

#editor .ql-snow .ql-picker.ql-header {
    width: 110px !important;
}

#editor .ql-snow .ql-picker.ql-size {
    width: 60px !important;
}

.green-link {
    color: #3F8F24 !important;
}

#rte .green-link {
    color: #06c !important;
}

.no-padding-top-bottom{
    padding-top: 0px;
    padding-bottom: 0px;
}

@media (max-width:992px){
    .send-message-email-item {
        display: block;
    }

    .send-message-email-item .send-message-labels {
        float: left;
    }

    #rte {
        clear: both;
    }

    .email-modal-body {
        /* height: auto !important; */
        border: none !important;
    }

    .send-message-right {
        padding: 0 !important;
        margin-bottom: 15px;
    }

    .send-message-right-column-height {
        margin: 0 30px;
        border-top:1px solid #ecf0f1;
        height: auto !important;
    }

    .send-message-right-column-height .row {
        padding-top: 0 !important;
        margin: 0 !important;
    }

    .send-message-right-view {
        max-width: 100%;
    }
}

.ql-snow .ql-editor button{
    cursor: pointer;
}

.ql-editor button>a{
    color: #ffffff !important;
    text-decoration: none !important; /* no underline */
    cursor: pointer;
}

.section-divider {
    height: auto;
    margin: 3.5px 7px;
    overflow: hidden;
    background-color: #ffffff;
    color: #666666;
    font-size: 18px;
}

.rte-preview-view-only {
    border: 1px solid #ecf0f1;
    padding: 10px;
}

.send-message-item-send-as {
    grid-template-columns: 115px minmax(0,10fr) 20px minmax(0,1fr);
}

@media screen and (max-width: 977px) {
    .rte-preview-view-only {
        border: none;
        padding: 0;
    }

    .rte-preview-view-only-container .send-message-labels {
        width: 100%;
        display: block;
        text-align: left;
    }
}

.shift-popup-divider {
    border-top: 1px solid #dce4ec;
}

.borderless-modal .modal-content {
    box-shadow: none;
    border: none;
}