/* Minification failed. Returning unminified contents.
(5528,16): run-time error CSS1030: Expected identifier, found ' '
(5528,17): run-time error CSS1031: Expected selector, found '500px'
(5528,17): run-time error CSS1025: Expected comma or open brace, found '500px'
(5529,14): run-time error CSS1030: Expected identifier, found ' '
(5529,19): run-time error CSS1031: Expected selector, found ';'
(5529,19): run-time error CSS1025: Expected comma or open brace, found ';'
(7229,21): run-time error CSS1038: Expected hex color, found '#677389999'
(7331,21): run-time error CSS1038: Expected hex color, found '#677389999'
(7459,10): run-time error CSS1038: Expected hex color, found '#677389999'
(7574,10): run-time error CSS1038: Expected hex color, found '#677389999'
(7675,16): run-time error CSS1038: Expected hex color, found '#677389999'
 */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url(/Content/fonts/inter/Inter-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 400;
    src: url(/Content/fonts/inter/Inter-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url(/Content/fonts/inter/Inter-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 500;
    src: url(/Content/fonts/inter/Inter-MediumItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url(/Content/fonts/inter/Inter-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 600;
    src: url(/Content/fonts/inter/Inter-SemiBoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url(/Content/fonts/inter/Inter-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 700;
    src: url(/Content/fonts/inter/Inter-BoldItalic.ttf) format('truetype');
}

.ui-slider {
    border: 0;
}

    .ui-slider .ui-slider-handle {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: 0;
        background: #4A5568;
        color: #fff;
    }

.ui-slider-horizontal .ui-slider-handle {
    top: -.5em;
}

.slider-small {
    height: 8px;
    border-radius: 10px;
}

.slider-inverse {
    background-color: #E2E7F0;
}

.slider-show-min-max {
    margin-bottom: 30px;
}

    .slider-show-min-max:before {
        content: attr(data-min);
        position: absolute;
        top: 20px;
        left: 0;
        font-size: 12px;
        font-weight: bold;
        color: #A0ABC0;
    }

    .slider-show-min-max:after {
        content: attr(data-max);
        position: absolute;
        top: 20px;
        right: 0;
        font-size: 12px;
        font-weight: bold;
        color: #A0ABC0;
    }

.tag {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 2px;
}

.tag-small {
    padding: 1px 4px;
    font-size: 10px;
}

.tag-medium {
    padding: 3px 6px;
    font-size: 10px;
}

.tag-iclips {
    background-color: #F23F87;
    border-color: #F23F87;
}

.tag-primary,
.tag-default {
    background-color: #3576ED;
    border-color: #3576ED;
}

.tag-success {
    background-color: #46BD6F;
    border-color: #46BD6F;
}

.tag-danger {
    background-color: #F34242;
    border-color: #F34242;
}

.tag-warning {
    background-color: #FFB92E;
    border-color: #FFB92E;
}

.tag-prior, .tag-status {
    padding: 3px 5px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
}

.tag-code {
    border: 1px solid #CBD2E0;
    border-radius: 2px;
    color: #677389;
    padding: 1px 5px 2px 5px;
    text-transform: initial;
    font-weight: 600;
    pointer-events: none;
}

.tag-pill{
    border-radius: 7px;
}

#tabela-endereco .tag .tag {
    background-color: #4DC5DB;
}
.bg-black {
    background-color: #000000;
}

/* @@@ Backgrounds Solides @@@ */

.bg-gray-50 {
    background-color: #F7FAFD !important;
}

.bg-gray-100 {
    background-color: #EDF1F7 !important;
}

.bg-gray-200 {
    background-color: #E2E7F0 !important;
}

.bg-gray-300 {
    background-color: #CBD2E0 !important;
}

.bg-gray-400 {
    background-color: #A0ABC0 !important;
}

.bg-gray-500 {
    background-color: #677389 !important;
}

.bg-gray-600 {
    background-color: #4A5568 !important;
}

.bg-gray-700 {
    background-color: #2D3648 !important;
}

.bg-gray-800 {
    background-color: #1A202C !important;
}

.bg-gray-900 {
    background-color: #171923 !important;
}

/* @@@ Background Pink @@@ */

.bg-pink-50 {
    background-color: #FFF5F9 !important;
}

.bg-pink-100 {
    background-color: #FFC2D9 !important;
}

.bg-pink-200 {
    background-color: #FF90BB !important;
}

.bg-pink-300 {
    background-color: #FC639F !important;
}

.bg-pink-400 {
    background-color: #F23F87 !important;
}

.bg-pink-500 {
    background-color: #D6236D !important;
}

.bg-pink-600 {
    background-color: #B21056 !important;
}

.bg-pink-700 {
    background-color: #89063F !important;
}

.bg-pink-800 {
    background-color: #590129 !important;
}

.bg-pink-900 {
    background-color: #320117 !important;
}

/* @@@ Background Purple @@@ */

.bg-purple-50 {
    background-color: #F9F7FF !important;
}

.bg-purple-100 {
    background-color: #DAD2FF !important;
}

.bg-purple-200 {
    background-color: #BAADFC !important;
}

.bg-purple-300 {
    background-color: #9D8AF5 !important;
}

.bg-purple-400 {
    background-color: #826DEB !important;
}

.bg-purple-500 {
    background-color: #6B58D6 !important;
}

.bg-purple-600 {
    background-color: #5647BB !important;
}

.bg-purple-700 {
    background-color: #42379A !important;
}

.bg-purple-800 {
    background-color: #2D2673 !important;
}

.bg-purple-900 {
    background-color: #141236 !important;
}

/* @@@ Background Blue @@@ */

.bg-blue-50 {
    background-color: #F5F8FF !important;
}

.bg-blue-100 {
    background-color: #C0D6FF !important;
}

.bg-blue-200 {
    background-color: #8BB3FD !important;
}

.bg-blue-300 {
    background-color: #5C93F7 !important;
}

.bg-blue-400 {
    background-color: #3576ED !important;
}

.bg-blue-500 {
    background-color: #225ED8 !important;
}

.bg-blue-600 {
    background-color: #1649BC !important;
}

.bg-blue-700 {
    background-color: #0F369B !important;
}

.bg-blue-800 {
    background-color: #0B2574 !important;
}

.bg-blue-900 {
    background-color: #040C2A !important;
}

/* @@@ Background Cyan @@@ */

.bg-cyan-50 {
    background-color: #EAFAFC !important;
}

.bg-cyan-100 {
    background-color: #B9EFF9 !important;
}

.bg-cyan-200 {
    background-color: #8CE5F5 !important;
}

.bg-cyan-300 {
    background-color: #4DC5DB !important;
}

.bg-cyan-400 {
    background-color: #1C9BB5 !important;
}

.bg-cyan-500 {
    background-color: #077C94 !important;
}

.bg-cyan-600 {
    background-color: #0A6275 !important;
}

.bg-cyan-700 {
    background-color: #094E5E !important;
}

.bg-cyan-800 {
    background-color: #043542 !important;
}

.bg-cyan-900 {
    background-color: #022833 !important;
}

/* @@@ Background Yellow @@@ */

.bg-yellow-50 {
    background-color: #FFF9ED !important;
}

.bg-yellow-100 {
    background-color: #FFECBB !important;
}

.bg-yellow-200 {
    background-color: #FFDD87 !important;
}

.bg-yellow-300 {
    background-color: #FFB92E !important;
}

.bg-yellow-400 {
    background-color: #DB7500 !important;
}

.bg-yellow-500 {
    background-color: #B35C00 !important;
}

.bg-yellow-600 {
    background-color: #883E01 !important;
}

.bg-yellow-700 {
    background-color: #742F01 !important;
}

.bg-yellow-800 {
    background-color: #5F2102 !important;
}

.bg-yellow-900 {
    background-color: #3C0901 !important;
}

/* @@@ Background Orange @@@ */

.bg-orange-50 {
    background-color: #FFF9F6 !important;
}

.bg-orange-100 {
    background-color: #FFD0B8 !important;
}

.bg-orange-200 {
    background-color: #FFA77A !important;
}

.bg-orange-300 {
    background-color: #F87E42 !important;
}

.bg-orange-400 {
    background-color: #F46421 !important;
}

.bg-orange-500 {
    background-color: #D43D02 !important;
}

.bg-orange-600 {
    background-color: #A42600 !important;
}

.bg-orange-700 {
    background-color: #7B1600 !important;
}

.bg-orange-800 {
    background-color: #4B0900 !important;
}

.bg-orange-900 {
    background-color: #330300 !important;
}

/* @@@ Background Red @@@ */

.bg-red-50 {
    background-color: #FFF6F6 !important;
}

.bg-red-100 {
    background-color: #FFC7C7 !important;
}

.bg-red-200 {
    background-color: #FF9696 !important;
}

.bg-red-300 {
    background-color: #FD6969 !important;
}

.bg-red-400 {
    background-color: #F34242 !important;
}

.bg-red-500 {
    background-color: #E01F1F !important;
}

.bg-red-600 {
    background-color: #B61B1B !important;
}

.bg-red-700 {
    background-color: #8A1919 !important;
}

.bg-red-800 {
    background-color: #561212 !important;
}

.bg-red-900 {
    background-color: #310D0D !important;
}

/* @@@ Background Green @@@ */

.bg-green-50 {
    background-color: #EEFCF3 !important;
}

.bg-green-100 {
    background-color: #BDEFCE !important;
}

.bg-green-200 {
    background-color: #88DFA5 !important;
}

.bg-green-300 {
    background-color: #46BD6F !important;
}

.bg-green-400 {
    background-color: #2AA254 !important;
}

.bg-green-500 {
    background-color: #157F3F !important;
}

.bg-green-600 {
    background-color: #0D6331 !important;
}

.bg-green-700 {
    background-color: #0F4D29 !important;
}

.bg-green-800 {
    background-color: #0B371F !important;
}

.bg-green-900 {
    background-color: #072C19 !important;
}

/* @@@ Background Teal @@@ */

.bg-teal-50 {
    background-color: #ECFCFC !important;
}

.bg-teal-100 {
    background-color: #C1F9F8 !important;
}

.bg-teal-200 {
    background-color: #8FEBEA !important;
}

.bg-teal-300 {
    background-color: #39D2D2 !important;
}

.bg-teal-400 {
    background-color: #009E9E !important;
}

.bg-teal-500 {
    background-color: #008080 !important;
}

.bg-teal-600 {
    background-color: #006666 !important;
}

.bg-teal-700 {
    background-color: #004D4D !important;
}

.bg-teal-800 {
    background-color: #003333 !important;
}

.bg-teal-900 {
    background-color: #062424 !important;
}

/* Backgrounds Gradients */

.bg-gradient-blue {
    background: -webkit-linear-gradient(124.66deg, #5C93F7 0%, #3576ED 100%);
}

.bg-gradient-pink {
    background: -webkit-linear-gradient(124.66deg, #FF66CC 0%, #F23F87 100%);
}

.bg-gradient-purple {
    background: -webkit-linear-gradient(124.66deg, #5647BB 0%, #42379A 100%);
}

.blue-gradient {
    background: linear-gradient(124.66deg, #5C93F7 0%, #3576ED 100%);
}

    .blue-gradient:hover {
        box-shadow: 0px 6px 14px rgba(34, 94, 216, 0.4);
    }

.pink-gradient {
    background: linear-gradient(124.66deg, #FF66CC 0%, #F23F87 100%);
}

    .pink-gradient:hover {
        box-shadow: 0px 6px 14px rgba(242, 63, 135, 0.4);
    }

.purple-gradient {
    background: linear-gradient(124.66deg, #5647BB 0%, #42379A 100%);
}

    .purple-gradient:hover {
        box-shadow: 0px 6px 14px rgba(66, 55, 154, 0.4);
    }

/* @@@ Colors Font @@@ */

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

.text-gray-50 {
    color: #F7FAFD !important;
}

.text-gray-100 {
    color: #EDF1F7 !important;
}

.text-gray-200 {
    color: #E2E7F0 !important;
}

.text-gray-300 {
    color: #CBD2E0 !important;
}

.text-gray-400 {
    color: #A0ABC0 !important;
}

.text-gray-500 {
    color: #677389 !important;
}

.text-gray-600 {
    color: #4A5568 !important;
}

.text-gray-700 {
    color: #2D3648 !important;
}

.text-gray-800 {
    color: #1A202C !important;
}

.text-gray-900 {
    color: #171923 !important;
}

/* @@@ Text Pink @@@ */

.text-pink-50 { /* Nova */
    color: #FFF5F9 !important;
}

.text-pink-100 {
    color: #FFC2D9 !important;
}

.text-pink-200 {
    color: #FF90BB !important;
}

.text-pink-300 {
    color: #FC639F !important;
}

.text-pink-400 {
    color: #F23F87 !important;
}

.text-pink-500 {
    color: #D6236D !important;
}

.text-pink-600 {
    color: #B21056 !important;
}

.text-pink-700 {
    color: #89063F !important;
}

.text-pink-800 {
    color: #590129 !important;
}

.text-pink-900 {
    color: #320117 !important;
}

/* @@@ Text Purple @@@ */

.text-purple-50 {
    color: #F9F7FF !important;
}

.text-purple-100 {
    color: #DAD2FF !important;
}

.text-purple-200 {
    color: #BAADFC !important;
}

.text-purple-300 {
    color: #9D8AF5 !important;
}

.text-purple-400 {
    color: #826DEB !important;
}

.text-purple-500 {
    color: #6B58D6 !important;
}

.text-purple-600 {
    color: #5647BB !important;
}

.text-purple-700 {
    color: #42379A !important;
}

.text-purple-800 {
    color: #2D2673 !important;
}

.text-purple-900 {
    color: #141236 !important;
}


/* @@@ Text Purple iClips @@@ */

.text-style-purple-100 {
    color: #F6E9FF !important;
}

.text-style-purple-200 {
    color: #DAA6FF !important;
}

.text-style-purple-300 {
    color: #BB6DF2 !important;
}

.text-style-purple-400 {
    color: #7F26BF !important;
}

.text-style-purple-500 {
    color: #5B158C !important;
}

.text-style-purple-600 {
    color: #420F66 !important;
}



/* @@@ Text Blue @@@ */

.text-blue-50 {
    color: #F5F8FF !important;
}

.text-blue-100 {
    color: #C0D6FF !important;
}

.text-blue-200 {
    color: #8BB3FD !important;
}

.text-blue-300 {
    color: #5C93F7 !important;
}

.text-blue-400 {
    color: #3576ED !important;
}

.text-blue-500 {
    color: #225ED8 !important;
}

.text-blue-600 {
    color: #1649BC !important;
}

.text-blue-700 {
    color: #0F369B !important;
}

.text-blue-800 {
    color: #0B2574 !important;
}

.text-blue-900 {
    color: #040C2A !important;
}

/* @@@ Text Cyan @@@ */

.text-cyan-50 {
    color: #EAFAFC !important;
}

.text-cyan-100 {
    color: #B9EFF9 !important;
}

.text-cyan-200 {
    color: #8CE5F5 !important;
}

.text-cyan-300 {
    color: #4DC5DB !important;
}

.text-cyan-400 {
    color: #1C9BB5 !important;
}

.text-cyan-500 {
    color: #077C94 !important;
}

.text-cyan-600 {
    color: #0A6275 !important;
}

.text-cyan-700 {
    color: #094E5E !important;
}

.text-cyan-800 {
    color: #043542 !important;
}

.text-cyan-900 {
    color: #022833 !important;
}

/* @@@ Text Yellow @@@ */

.text-yellow-50 {
    color: #FFF9ED !important;
}

.text-yellow-100 {
    color: #FFECBB !important;
}

.text-yellow-200 {
    color: #FFDD87 !important;
}

.text-yellow-300 {
    color: #FFB92E !important;
}

.text-yellow-400 {
    color: #DB7500 !important;
}

.text-yellow-500 {
    color: #B35C00 !important;
}

.text-yellow-600 {
    color: #883E01 !important;
}

.text-yellow-700 {
    color: #742F01 !important;
}

.text-yellow-800 {
    color: #5F2102 !important;
}

.text-yellow-900 {
    color: #3C0901 !important;
}

/* @@@ Text Orange @@@ */

.text-orange-50 {
    color: #FFF9F6 !important;
}

.text-orange-100 {
    color: #FFD0B8 !important;
}

.text-orange-200 {
    color: #FFA77A !important;
}

.text-orange-300 {
    color: #F87E42 !important;
}

.text-orange-400 {
    color: #F46421 !important;
}

.text-orange-500 {
    color: #D43D02 !important;
}

.text-orange-600 {
    color: #A42600 !important;
}

.text-orange-700 {
    color: #7B1600 !important;
}

.text-orange-800 {
    color: #4B0900 !important;
}

.text-orange-900 {
    color: #330300 !important;
}

/* @@@ Text Red @@@ */

.text-red-50 {
    color: #FFF6F6 !important;
}

.text-red-100 {
    color: #FFC7C7 !important;
}

.text-red-200 {
    color: #FF9696 !important;
}

.text-red-300 {
    color: #FD6969 !important;
}

.text-red-400 {
    color: #F34242 !important;
}

.text-red-500 {
    color: #E01F1F !important;
}

.text-red-600 {
    color: #B61B1B !important;
}

.text-red-700 {
    color: #8A1919 !important;
}

.text-red-800 {
    color: #561212 !important;
}

.text-red-900 {
    color: #310D0D !important;
}

/* @@@ Text Danger @@@ */

.text-danger-500 {
    color: #C21F2D !important;
}

/* @@@ Text Green @@@ */

.text-green-50 {
    color: #EEFCF3 !important;
}

.text-green-100 {
    color: #BDEFCE !important;
}

.text-green-200 {
    color: #88DFA5 !important;
}

.text-green-300 {
    color: #46BD6F !important;
}

.text-green-400 {
    color: #2AA254 !important;
}

.text-green-500 {
    color: #157F3F !important;
}

.text-green-600 {
    color: #0D6331 !important;
}

.text-green-700 {
    color: #0F4D29 !important;
}

.text-green-800 {
    color: #0B371F !important;
}

.text-green-900 {
    color: #072C19 !important;
}

/* @@@ Text Success @@@ */

.text-success-500 {
    color: #127339 !important;
}

/* @@@ Text Teal @@@ */

.text-teal-50 {
    background-color: #ECFCFC !important;
}

.text-teal-100 {
    background-color: #C1F9F8 !important;
}

.text-teal-200 {
    background-color: #8FEBEA !important;
}

.text-teal-300 {
    background-color: #39D2D2 !important;
}

.text-teal-400 {
    background-color: #009E9E !important;
}

.text-teal-500 {
    background-color: #008080 !important;
}

.text-teal-600 {
    background-color: #006666 !important;
}

.text-teal-700 {
    background-color: #004D4D !important;
}

.text-teal-800 {
    background-color: #003333 !important;
}

.text-teal-900 {
    background-color: #062424 !important;
}

/* @@@ Text Hover @@@ */

.text-hover-gray-600:hover {
    color: #4A5568 !important;
}

.text-hover-gray-700:hover {
    color: #2D3648 !important;
}

/* @@@ Border Color @@@ */

.border-green {
    border-color: #2AA254 !important;
}

.border-blue {
    border-color: #3576ED !important;
}

.border-pink {
    border-color: #F23F87 !important;
}

.border-purple {
    border-color: #5647BB !important;
}

.border-purple {
    border-color: #5647BB !important;
}

.border-bottom {
    border-bottom: 1px solid #E2E7F0 !important;
}

.border-gray-100 {
    border-color: #F7FAFD !important;
}

.border-gray-200 {
    border-color: #EDF1F7 !important;
}

.border-gray-300 {
    border-color: #E2E7F0 !important;
}

.border-gray-400 {
    border-color: #CBD2E0 !important;
}

.border-gray-500 {
    border-color: #A0ABC0 !important;
}

.border-gray-600 {
    border-color: #677389 !important;
}

/* @@@ Tag Colors @@@ */

.cor_tag_padrao {
    background-color: #39D2D2 !important;
}

.cor_tag_verde {
    background-color: #46BD6F !important;
}

.cor_tag_amarelo {
    background-color: #FFB92E !important;
}

.cor_tag_rosa {
    background-color: #FF90BB !important;
}

.cor_tag_violeta {
    background-color: #826DEB !important;
}

.cor_tag_azul {
    background-color: #5C93F7 !important;
}

.cor_tag_salmao {
    background-color: #FFA77A !important;
}

.cor_tag_marron {
    background-color: #883E01 !important;
}

.cor_tag_azul_turquesa {
    background-color: #1C9BB5 !important;
}

.cor_tag_verde_escuro {
    background-color: #157F3F !important;
}

.cor_tag_vermelho {
    background-color: #F34242 !important;
}

.cor_tag_azul_claro {
    background-color: #4DC5DB !important;
}

.cor_tag_roxo {
    background-color: #42379A !important;
}

.cor_tag_pink {
    background-color: #F23F87 !important;
}

.cor_tag_laranja {
    background-color: #F46421 !important;
}

.cor_tag_cinza {
    background-color: #A0ABC0 !important;
}

/* Situation Colors  */

.cor_situacao_jeans {
    background-color: #5C93F7 !important;
}

.cor_situacao_roxo {
    background-color: #F23F87 !important;
}

.cor_situacao_roxo_escuro {
    background-color: #9137eb !important;
}

.cor_situacao_azul {
    background-color: #3576ED !important;
}

.cor_situacao_amarelo {
    background-color: #FFB92E !important;
}

.cor_situacao_laranja {
    background-color: #F46421 !important;
}

.cor_situacao_verde_agua {
    background-color: #009E9E !important;
}

.cor_situacao_verde {
    background-color: #46BD6F !important;
}

.cor_tag_atrasada {
    background-color: #F34242 !important;
}

.cor_tag_prazo_proximo {
    background-color: #F5A623 !important;
}

/* @@@ Social Media Colors @@@ */

.cor_facebook {
    color: #0B2574 !important;
}

.cor_instagram {
    color: #F23F87 !important;
}

.cor_twitter {
    color: #3576ED !important;
}

.cor_linkedin {
    color: #1649BC !important;
}

.cor_pinterest {
    color: #8A1919 !important;
}

.cor_youtube {
    color: #F34242 !important;
}

.cor_blog {
    color: #F46421 !important;
}

.cor_outros {
    color: #3576ED !important;
}

/* @@@ Event Colors @@@ */

.event-naoplanejado {
    border-color: #5C93F7;
    background-color: #5C93F7;
}

    .event-naoplanejado:not(.status-nao-publicado) .header {
        color: #5C93F7;
    }

.event-planejado-naoxecutado {
    border-color: #F23F87;
    background-color: #F23F87;
}

    .event-planejado-naoxecutado:not(.status-nao-publicado) .header {
        color: #F23F87;
    }

.event-emandamento {
    border-color: #3576ED;
    background-color: #3576ED;
}

    .event-emandamento:not(.status-nao-publicado) .header {
        color: #3576ED;
    }

.event-aguardando-aprovacao {
    border-color: #FFB92E;
    background-color: #FFB92E;
}

    .event-aguardando-aprovacao:not(.status-nao-publicado) .header {
        color: #FFB92E;
    }

.event-finalizado {
    border-color: #0B2574;
    background-color: #0B2574;
}

    .event-finalizado:not(.status-nao-publicado) .header {
        color: #0B2574;
    }

.event-facebook {
    border-color: #0B2574;
    background-color: #0B2574;
}

    .event-facebook .icomoon-facebook-20 {
        color: #0B2574;
    }

    .event-facebook:not(.status-nao-publicado) .header {
        color: #0B2574;
    }

.event-instagram {
    border-color: #F23F87;
    background-color: #F23F87;
}

    .event-instagram .icomoon-instagram-20 {
        color: #F23F87;
    }

    .event-instagram:not(.status-nao-publicado) .header {
        color: #F23F87;
    }

.event-twitter {
    border-color: #3576ED;
    background-color: #3576ED;
}

    .event-twitter .icomoon-twitter-20 {
        color: #3576ED;
    }

    .event-twitter:not(.status-nao-publicado) .header {
        color: #3576ED;
    }

.event-linkedin {
    border-color: #1649BC;
    background-color: #1649BC;
}

    .event-linkedin .icomoon-linkedin-20 {
        color: #1649BC;
    }

    .event-linkedin:not(.status-nao-publicado) .header {
        color: #1649BC;
    }

.event-pinterest {
    border-color: #8A1919;
    background-color: #8A1919;
}

    .event-pinterest .icomoon-pinterest-20 {
        color: #8A1919;
    }

    .event-pinterest:not(.status-nao-publicado) .header {
        color: #8A1919;
    }

.event-youtube {
    border-color: #F34242;
    background-color: #F34242;
}

    .event-youtube .icomoon-youtube-20 {
        color: #F34242;
    }

    .event-youtube:not(.status-nao-publicado) .header {
        color: #F34242;
    }

.event-blog {
    border-color: #F46421;
    background-color: #F46421;
}

    .event-blog .icomoon-rss-20 {
        color: #F46421;
    }

    .event-blog:not(.status-nao-publicado) .header {
        color: #F46421;
    }

.event-finalizado {
    border-color: #46BD6F;
    background-color: #46BD6F;
}

    .event-finalizado .header {
        color: #46BD6F;
    }

.fs-14 {
    font-size: .875rem;
}

.fs-12 {
    font-size: 0.75rem;
}
.avatar-list .avatar {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    margin-right: 4px;
}

    #tab-visao-geral .avatar-list .avatar{
        width: 24px;
        height: 24px;
    }

    /* AVATAR COM ETAPA DE FLUXO CONCLUIDA */
    .avatar-list .avatar.concluido {
        overflow: initial;
    }

        .avatar-list .avatar.concluido img {
            border-radius: 50%;
        }

    .avatar-list .avatar.concluido > span {
        position: absolute;
        top: -2px;
        right: -2px;
        width: 14px;
        height: 14px;
        font-size: 6px;
        padding: 2px;
        color: #FFFFFF;
        background-color: #24B347;
        border: 2px solid #FFFFFF;
        border-radius: 50%;
        text-align: center;
    }
    
 
.detalhe .avatar-list .avatar {
    width: 32px;
    height: 32px;
    margin: 1px;
}


/* -----------------------------------------------------------------------------------------------
 ----- Select2 Avatar Usuario  -------------------------------------------------------------------
 ------------------------------------------------------------------------------------------------- */
.avatar-usuario .select2-container.select2-container-multi .select2-choices,
.avatar-usuario-contato .select2-container.select2-container-multi .select2-choices {
    border: none;
    background: none;
}

    .avatar-usuario .select2-container.select2-container-multi .select2-choices .select2-search-choice,
    .avatar-usuario-contato .select2-container.select2-container-multi .select2-choices .select2-search-choice {
        background: none;
        border: none;
        border-radius: 0;
        padding-left: 5px;
    }


.avatar-usuario .select2-container.select2-container-multi.select2-container-active .select2-choices,
.avatar-usuario-contato .select2-container.select2-container-multi.select2-container-active .select2-choices {
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.avatar-usuario .select2-container.select2-container-multi .select2-search-choice-close,
.avatar-usuario-contato .select2-container.select2-container-multi .select2-search-choice-close {
    left: 0;
    top: 0;
}

.avatar-usuario .select2-container.select2-container-multi .select2-choices .select2-search-field input,
.avatar-usuario-contato .select2-container.select2-container-multi .select2-choices .select2-search-field input {
    border: none;
    line-height: 36px;
    min-width: 45px;
    height: 36px;
    background-image: url(/Content/images/forms/more@2x.png) !important;
    background-repeat: no-repeat !important;
    background-size: 36px !important;
    cursor: pointer !important;
    padding-left: 40px;
}

.avatar-usuario .select2-container.select2-container-multi .select2-choices .select2-search-field input,
.avatar-usuario-contato .select2-container.select2-container-multi .select2-choices .select2-search-field input {
    margin: 3px 0 3px 8px;
}

.avatar-usuario .select2-search-choice .span-nome,
.avatar-usuario-contato .select2-search-choice .span-nome {
    display: none;
}

.avatar-usuario .img-size-select,
.avatar-usuario-contato .img-size-select,
.avatar-usuario-drop .img-size-select {
    max-height: 45px;
    min-width: 36px;
}

.avatar-usuario .over-image-select,
.avatar-usuario-contato .over-image-select,
.avatar-usuario-drop .over-image-select {
    height: 36px;
    width: 36px;
    margin-top: 0;
}

#popover-avatar .popover-content {
    max-width: 250px;
    padding: 5px 8px;
    border-radius: 4px;
}

.avatar-usuario .container-popover,
.avatar-usuario-contato .container-popover {
    position: fixed;
    z-index: 100;
}

.avatar-usuario .primaria,
.avatar-usuario-contato .primaria,
.tooltip-inner span.primaria {
    color: #fff;
    font-size: 11pt;
    text-align: left;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.avatar-usuario .secundaria,
.avatar-usuario-contato .secundaria,
.tooltip-inner span.secundaria {
    text-align: left !important;
    font-size: 9pt;
    color: #fff;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.responsavel-container {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
}

    .responsavel-container .over-image {
        right: 3px;
    }
.freela-avatar {
    background-color: #39D2D2;
}

    .freela-avatar:before,
    .freela-avatar:after {
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        border-radius: 50%;
    }

    .freela-avatar:before {
        border: 4px solid #fff;
    }

    .freela-avatar:after {
        border: 2px solid #39D2D2;
    }

/* Avatar com iniciais para contatos */
/*.avatar-initials {
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.wf-avatar .avatar-initials {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}*/


/* -----------------------------------------------------------------------------------------------
 ---------------------------------- Truncate Avatar ----------------------------------------------
 ------------------------------------------------------------------------------------------------- */
.avatar-row .avatar {
    position: relative;
    width: 20px;
    height: 20px;
}

    .avatar-row .avatar img {
        max-width: 100%;
        height: auto;
    }

.avatar-list .avatar.concluded {
    overflow: initial;
}

    .avatar-list .avatar.concluded img {
        border-radius: 50%;
    }

    .avatar-row .avatar.concluded > i,
    .avatar-list .avatar.concluded > i {
        position: absolute;
        top: -2px;
        right: -2px;
        width: 14px;
        height: 14px;
        font-size: 6px;
        padding: 2px;
        color: #FFFFFF;
        background-color: #24B347;
        border: 2px solid #FFFFFF;
        border-radius: 50%;
    }

/* Avatar truncado na Lista*/
.avatar-truncate {
    display: inline-flex;
}

#Todos .avatar-list {
    display: inline-flex;
}

    #Todos .avatar-list .avatar-truncate {
        font-size: 12px;
        line-height: 1.2;
        padding: 8px !important;
        border-radius: 15px;
    }
.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropzone {
  position: relative;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(0,0,0,0.02);
  padding: 1em;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone.dz-clickable .btn {
    cursor: pointer;
}
.dropzone .dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone.dz-drag-hover {
  border-color: rgba(0,0,0,0.15);
  background: rgba(0,0,0,0.04);
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
    background: rgba(250,250,250,0.8);
    position: relative;
    display: block;
    /*margin:17px;*/
    margin: 5px;
    vertical-align: top;
    border: 1px solid #acacac;
    padding: 6px 6px 6px 6px;
}
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
    display: none;
}
    .dropzone .dz-preview .dz-details,
    .dropzone-previews .dz-preview .dz-details {
        background: #fbfbfb;
        border-radius: 50%;
        height: 100px;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        width: 100px;
    }
.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename {
    overflow: hidden;
    height: 100%;
    display:none;
}
.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
    left: 50%;
    max-height: 100px;
    min-width: 100px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translate(-50%, -50%);
    object-fit: cover;
}
.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
  position: absolute;
  bottom: -28px;
  left: 3px;
  height: 28px;
  line-height: 28px;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  display: block;
}
.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img {
  display: none;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  color: #46BD6F;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  color: #F34242;
}
.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #d7d7d7;
  display: none;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #46BD6F;
}
.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress {
  display: block;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245,245,245,0.8);
  padding: 8px 10px;
  color: #8A1919;
  min-width: 140px;
  max-width: 500px;
  z-index: 500;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  display: block;
}
.dropzone {
  /*border: 1px solid rgba(0,0,0,0.03);
      min-height: 360px;
      padding: 23px;
      min-height: 120px;
      */
  border: 3px dashed #CBD2E0;  
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
   min-height: 187px;
    padding: 5px;
}
.dropzone .dz-default.dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;
  left:0;
  top: 25px;
  position: absolute;
  width: 100%;
  height: 135px;
  /*margin-left: -214px;
  margin-top: -61.5px;
  top: 50%;
  left: 50%;*/
}

.dropzone .dz-default.dz-message span {
  /*display: none;*/
}
.dropzone.dz-square .dz-default.dz-message {
  background-position: 0 -123px;
  width: 268px;
  margin-left: -134px;
  height: 174px;
  margin-top: -87px;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.15;
  filter: alpha(opacity=15);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
}
.dropzone.dz-started .dz-message {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
  box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
  font-size: 12px;
}
.dropzone .dz-preview.dz-image-preview:hover .dz-details img,
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
  display: block;
  /*opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";*/
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview.dz-error .dz-progress .dz-upload,
.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
  background: #F34242;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  background-image: url(/Content/images/utils/spritemap.svg);
  background-repeat: no-repeat;
}

.dropzone .dz-preview .dz-error-mark span,
.dropzone-previews .dz-preview .dz-error-mark span,
.dropzone .dz-preview .dz-success-mark span,
.dropzone-previews .dz-preview .dz-success-mark span {
  display: none;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  background-position: -268px -123px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  background-position: -268px -163px;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  -webkit-animation: loading 0.4s linear infinite;
  -moz-animation: loading 0.4s linear infinite;
  -o-animation: loading 0.4s linear infinite;
  -ms-animation: loading 0.4s linear infinite;
  animation: loading 0.4s linear infinite;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-image: url(/Content/images/utils/spritemap.svg);
  background-repeat: repeat-x;
  background-position: 0px -400px;
}

.dropzone .dz-preview.dz-success .dz-progress,
.dropzone-previews .dz-preview.dz-success .dz-progress {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
/* .dropzone a.dz-remove,
    .dropzone-previews a.dz-remove {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7FAFD), color-stop(1, #eee));
        background-image: -webkit-linear-gradient(top, #F7FAFD 0%, #eee 100%);
        background-image: -moz-linear-gradient(top, #F7FAFD 0%, #eee 100%);
        background-image: -o-linear-gradient(top, #F7FAFD 0%, #eee 100%);
        background-image: -ms-linear-gradient(top, #F7FAFD 0%, #eee 100%);
        background-image: linear-gradient(top, #F7FAFD 0%, #eee 100%);
        -webkit-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #eee;
        padding: 2px 5px;
        text-decoration: none;
        text-align: center;
        width: 100px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        padding: 10px 16px;
        font-size: 16px;
        border-radius: 20px;
        line-height: initial;
        cursor: pointer;
        background-color: #FFF;
        border-color: #0F369B;
        color: #0F369B;
        padding: 7.5px 12px;
        font-size: 14px;
    }
        .dropzone a.dz-remove:hover,
        .dropzone-previews a.dz-remove:hover {
            color: #fff;
            background-color: #0F369B;
        }
    */
@-moz-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@-webkit-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@-o-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@-ms-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
#dropzone {
  margin: 30px 0;
  -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.13);
  box-shadow: 0 0 50px rgba(0,0,0,0.13);
  padding: 4px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#dropzone .dropzone {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*DropZone modal-joblayout*/

#modal-joblayout div#drop_AnexoStr {
    min-height: 410px;
    max-height: 410px;
    overflow-y:auto;
}

/*#modal-joblayout .dz-default.dz-message {
    top: 150px;
}*/

#modal-joblayout .dz-preview.dz-processing.dz-image-preview.dz-success {
    width: 225px;
    display: inline-block;
}

#modal-joblayout .dz-details {
    overflow: visible;
    width: max-content;
}

#modal-joblayout .dz-size {
    display: none;
}

#modal-joblayout .dz-preview.dz-processing.dz-image-preview {
    width: 230px;
    display: inline-block;
}


/* Anexar arquivo responsivo */
@media screen and (max-width: 37.5em) {
    /*.dropzone .dz-default.dz-message {
    background-position: 0 -123px;
    width: 268px;
    margin-left: -134px;
    height: 174px;
    margin-top: -87px;
  }*/
}
.opentip-container,
.opentip-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.opentip-container {
  position: absolute;
  max-width: 300px;
  z-index: 100;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -moz-transition: -moz-transform 1s ease-in-out;
  -o-transition: -o-transform 1s ease-in-out;
  -ms-transition: -ms-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  pointer-events: none;
  -webkit-transform: translateX(0) translateY(0);
  -moz-transform: translateX(0) translateY(0);
  -o-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-center {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-right {
  -webkit-transform: translateY(-5px) translateX(5px);
  -moz-transform: translateY(-5px) translateX(5px);
  -o-transform: translateY(-5px) translateX(5px);
  -ms-transform: translateY(-5px) translateX(5px);
  transform: translateY(-5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-right {
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -o-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-right {
  -webkit-transform: translateY(5px) translateX(5px);
  -moz-transform: translateY(5px) translateX(5px);
  -o-transform: translateY(5px) translateX(5px);
  -ms-transform: translateY(5px) translateX(5px);
  transform: translateY(5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-center {
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  -o-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-left {
  -webkit-transform: translateY(5px) translateX(-5px);
  -moz-transform: translateY(5px) translateX(-5px);
  -o-transform: translateY(5px) translateX(-5px);
  -ms-transform: translateY(5px) translateX(-5px);
  transform: translateY(5px) translateX(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-left {
  -webkit-transform: translateX(-5px);
  -moz-transform: translateX(-5px);
  -o-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
  transform: translateX(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-left {
  -webkit-transform: translateY(-5px) translateX(-5px);
  -moz-transform: translateY(-5px) translateX(-5px);
  -o-transform: translateY(-5px) translateX(-5px);
  -ms-transform: translateY(-5px) translateX(-5px);
  transform: translateY(-5px) translateX(-5px);
}
.opentip-container.ot-fixed .opentip {
  pointer-events: auto;
}
.opentip-container.ot-hidden {
  display: none;
}
.opentip-container .opentip {
  position: relative;
  font-size: 13px;
  line-height: 120%;
  padding: 9px 14px;
  color: #4f4b47;
  text-shadow: -1px -1px 0px rgba(255,255,255,0.2);
}
.opentip-container .opentip .header {
  margin: 0;
  padding: 0;
}
.opentip-container .opentip .ot-close {
  pointer-events: auto;
  display: block;
  position: absolute;
  top: -12px;
  left: 60px;
  color: rgba(0,0,0,0.5);
  background: rgba(0,0,0,0);
  text-decoration: none;
}
.opentip-container .opentip .ot-close span {
  display: none;
}
.opentip-container .opentip .ot-loading-indicator {
  display: none;
}
.opentip-container.ot-loading .ot-loading-indicator {
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  display: block;
}
.opentip-container.ot-loading .ot-loading-indicator span {
  display: block;
  -webkit-animation: otloading 2s linear infinite;
  -moz-animation: otloading 2s linear infinite;
  -o-animation: otloading 2s linear infinite;
  -ms-animation: otloading 2s linear infinite;
  animation: otloading 2s linear infinite;
  text-align: center;
}
.opentip-container.style-dark .opentip,
.opentip-container.style-alert .opentip {
  color: #f8f8f8;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}
.opentip-container.style-glass .opentip {
  padding: 15px 25px;
  color: #317cc5;
  text-shadow: 1px 1px 8px rgba(22,73,188,0.3);
}
.opentip-container.ot-hide-effect-fade {
  -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.opentip-container.ot-hide-effect-fade.ot-hiding {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.opentip-container.ot-show-effect-appear.ot-going-to-show,
.opentip-container.ot-show-effect-appear.ot-showing {
  -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
}
.opentip-container.ot-show-effect-appear.ot-going-to-show {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.opentip-container.ot-show-effect-appear.ot-showing {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.opentip-container.ot-show-effect-appear.ot-visible {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

@-moz-keyframes otloading {
    0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media (max-width: 874px) and (min-width: 475px) {

    .dropzone .dz-default.dz-message {
        background-position: center center;
        margin-left: auto;
        margin-top: auto;
    }

    /*#drop_AnexoContratoStr .dropzone .dz-default.dz-message {
        background-position: center center;
        margin-left: -35px;
        margin-top: auto;
    }*/
}

@media (max-width: 475px) and (min-width: 440px) {
    /*.dropzone {
        margin-left: auto;
        margin-top: auto;
    }*/
    .dz-default.dz-message {
        margin-left: auto;
        margin-top: auto;
    }
}

.rock-theme .dropzone {
    border-width: 2px;
    border-radius: 8px;
}

.rock-theme .dropzone .dz-default.dz-message {
    top: 0;
    height: 100%;
}

    /*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
/*#cboxOverlay{background:url(/Content/images/overlay.png) repeat 0 0; opacity: 0.7; filter: alpha(opacity = 90);}*/
#cboxOverlay{background-color:rgba(0,0,0,.4);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(/Content/images/plugins/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/Content/images/plugins/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/Content/images/plugins/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/Content/images/plugins/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/Content/images/plugins/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/Content/images/plugins/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/Content/images/plugins/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/Content/images/plugins/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #CBD2E0;}
        #cboxLoadedContent{margin-bottom:28px;}                             
        #cboxTitle{position:absolute; bottom:4px; left:10%; text-align:center;vertical-align: -webkit-baseline-middle; width:85%;color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(/Content/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/Content/images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#3576ED;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/Content/images/plugins/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/Content/images/plugins/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/Content/images/plugins/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; }
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFF,endColorstr=#00FFFF);
}


/****************************** Reestruturação *******************************/

#colorbox, #cboxOverlay, #cboxWrapper {
    overflow: initial;
}

#cboxContent {
    overflow: initial;
    border-radius: 4px;
}

#cboxLoadedContent {
    border: 5px solid #fff;
    background: #fff;
    margin-bottom: 0;
    border-radius: 4px;
}

#cboxTitle {
    left: initial;
    position: initial;
    bottom: initial;
    width: 100%;
    margin-top: 10px;
    color: #fff;
    text-align: center;
}

#cboxCurrent {
    position: absolute;
    top: -25px;
    bottom: initial;
    left: 0px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}

#cboxTopLeft,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxBottomCenter {
    display: none;
}

#cboxPrevious,
#cboxNext {
    position: absolute;
    top: calc(50% - 10px);
    bottom: initial;
    background: none;
    background-size: 14px;
    width: 32px;
    height: 32px;
    text-indent: 0;
    border: 1px solid #FFF;
    border-radius: 4px;
    line-height: 38px;
}

#cboxPrevious {
    left: -35px;    
}

    #cboxPrevious:hover {
        background-position: center;
    }

#cboxNext {
    right: -35px;
    left: initial;    
}

    #cboxNext:hover {
        background-position: center;
    }

#cboxClose {
    position: absolute;
    top: -28px;
    right: -6px;
    display: block;
    background-image: none;
    background-size: 12px;
    width: 26px;
    height: 26px;
}

    #cboxClose:hover {
        background-position: center;
    }
@font-face {
  font-family: "icomoon";
  src: url(/Content/fonts/icomoon/icomoon.eot);
  src: url(/Content/fonts/icomoon/icomoon.ttf) format("truetype"),
    url(/Content/fonts/icomoon/icomoon.woff) format("woff"),
    url(/Content/fonts/icomoon/icomoon.svg#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icomoon-"], [class*=" icomoon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icomoon-file-text-40:before {
    content: "\ea19";
}

.icomoon-home-40:before {
    content: "\ea20";
}

.icomoon-project-40:before {
    content: "\ea21";
}

.icomoon-play-circle-40:before {
    content: "\ea22";
}

.icomoon-zoom-in-40:before {
    content: "\ea23";
}

.icomoon-copy-24:before {
    content: "\e928";
}

.icomoon-edit-24:before {
    content: "\e929";
}

.icomoon-excel-24:before {
    content: "\e92a";
}

.icomoon-export-24:before {
    content: "\e92b";
}

.icomoon-message-plus-24:before {
    content: "\e92c";
}

.icomoon-minus-24:before {
    content: "\e92d";
}

.icomoon-print-24:before {
    content: "\e92e";
}

.icomoon-update-24:before {
    content: "\e92f";
}

.icomoon-trash-24:before {
    content: "\e930";
}

.icomoon-image-24:before {
    content: "\e900";
}

.icomoon-link-24:before {
    content: "\e901";
}

.icomoon-plus-24:before {
    content: "\e902";
}

.icomoon-upload-24:before {
    content: "\e903";
}

.icomoon-message-24:before {
    content: "\e904";
}

.icomoon-play-circle-24:before {
    content: "\e906";
}

.icomoon-undo-24:before {
    content: "\e907";
}

.icomoon-redo-24:before {
    content: "\ea24";
}

.icomoon-settings-24:before {
    content: "\e908";
}

.icomoon-text-24:before {
    content: "\e909";
}

.icomoon-user-check-24:before {
    content: "\e90b";
}

.icomoon-video-24:before {
    content: "\e90c";
}

.icomoon-pinterest-24:before {
    content: "\e905";
}

.icomoon-twitter-24:before {
    content: "\e90a";
}

.icomoon-youtube-24:before {
    content: "\e90d";
}

.icomoon-linkedin-24:before {
    content: "\e90e";
}

.icomoon-facebook-24:before {
    content: "\e916";
}

.icomoon-instagram-24:before {
    content: "\e920";
}

.icomoon-rss-24:before {
    content: "\e9b1";
}

.icomoon-log-out-24:before {
    content: "\e90f";
}

.icomoon-info-24:before {
    content: "\e910";
}

.icomoon-check-circle-24:before {
    content: "\e911";
}

.icomoon-money-24:before {
    content: "\e912";
}

.icomoon-import-24:before {
    content: "\e913";
}

.icomoon-eye-24:before {
    content: "\e914";
}

.icomoon-eye-off-24:before {
    content: "\e915";
}

.icomoon-file-24:before {
    content: "\e917";
}

.icomoon-edited-24:before {
    content: "\e918";
}

.icomoon-alert-circle-24:before {
    content: "\e919";
}

.icomoon-alert-triangle-24:before {
    content: "\e91a";
}

.icomoon-at-24:before {
    content: "\e91b";
}

.icomoon-bell-24:before {
    content: "\e91c";
}

.icomoon-box-24:before {
    content: "\e91d";
}

.icomoon-briefcase-24:before {
    content: "\e91e";
}

.icomoon-calendar-24:before {
    content: "\e91f";
}

.icomoon-search-24:before {
    content: "\e921";
}

.icomoon-user-24:before {
    content: "\e922";
}

.icomoon-x-24:before {
    content: "\e923";
}

.icomoon-arrow-up-24:before {
    content: "\e925";
}

.icomoon-arrow-down-24:before {
    content: "\e924";
}

.icomoon-arrow-left-24:before {
    content: "\e927";
}

.icomoon-arrow-right-24:before {
    content: "\ea25";
}

.icomoon-chevron-up-24:before {
    content: "\e982";
}

.icomoon-chevron-down-24:before {
    content: "\e9db";
}

.icomoon-chevron-left-24:before {
    content: "\e94a";
}

.icomoon-chevron-right-24:before {
    content: "\e94b";
}

.icomoon-check-24:before {
    content: "\e926";
}

.icomoon-mail-24:before {
    content: "\e94c";
}

.icomoon-more-24:before {
    content: "\e96c";
}

.icomoon-contract-24:before {
    content: "\e972";
}

.icomoon-project-24:before {
    content: "\e973";
}

.icomoon-file-text-24:before {
    content: "\e974";
}

.icomoon-premium-24:before {
    content: "\e975";
}

.icomoon-menu-24:before {
    content: "\e977";
}

.icomoon-pie-chart-24:before {
    content: "\e978";
}

.icomoon-favorite-24:before {
    content: "\e979";
}

.icomoon-clock-24:before {
    content: "\e976";
}

.icomoon-loader-24:before {
    content: "\e988";
}

.icomoon-download-24:before {
    content: "\e989";
}

.icomoon-question-24:before {
    content: "\e98a";
}

.icomoon-play-24:before {
    content: "\e9a1";
}

.icomoon-pause-24:before {
    content: "\e9a2";
}

.icomoon-share-24:before {
    content: "\e9b0";
}

.icomoon-external-link-24:before {
    content: "\e9b2";
}

.icomoon-storage-24:before {
    content: "\e9b3";
}

.icomoon-maximize-24:before {
    content: "\e9bd";
}

.icomoon-user-plus-24:before {
    content: "\e9be";
}

.icomoon-sort-24:before {
    content: "\e9c5";
}

.icomoon-font-monospace-24:before {
    content: "\e9c6";
}

.icomoon-font-serif-24:before {
    content: "\e9c7";
}

.icomoon-font-sans-serif-24:before {
    content: "\e9c8";
}

.icomoon-hard-drive-24:before {
    content: "\e9c9";
}

.icomoon-lightbulb-24:before {
    content: "\e9ca";
}

.icomoon-filter-24:before {
    content: "\e9cb";
}

.icomoon-filter-x-24:before {
    content: "\e9cc";
}

.icomoon-pin-24:before {
    content: "\e9d8";
}

.icomoon-cta-24:before {
    content: "\e9d9";
}

.icomoon-chevrons-up-24:before {
    content: "\e9e9";
}

.icomoon-chevrons-down-24:before {
    content: "\e9da";
}

.icomoon-monitor-24:before {
    content: "\e9fc";
}

.icomoon-project-template-24:before {
    content: "\e9fd";
}

.icomoon-kanban-24:before {
    content: "\e9a9";
}

.icomoon-gantt-24:before {
    content: "\ea08";
}

.icomoon-blocks-24:before {
    content: "\ea09";
}

.icomoon-list-24:before {
    content: "\ea0a";
}

.icomoon-slash-24:before {
    content: "\ea0b";
}

.icomoon-unlink-24:before {
    content: "\ea0c";
}

.icomoon-card-settings-24:before {
    content: "\ea16";
}

.icomoon-marketplace-24:before {
    content: "\ea17";
}

.icomoon-thumbs-up-24:before {
    content: "\ea1a";
}

.icomoon-thumbs-down-24:before {
    content: "\ea1b";
}

.icomoon-workflow-24:before {
    content: "\ea26";
}

.icomoon-service-24:before {
    content: "\ea27";
}

.icomoon-users-24:before {
    content: "\ea28";
}

.icomoon-home-24:before {
    content: "\ea62";
}

.icomoon-new-project-24:before {
    content: "\ea63";
}

.icomoon-phone-24:before {
    content: "\ea64";
}

.icomoon-file-pdf-24:before {
    content: "\ea65";
}

.icomoon-file-xml-24:before {
    content: "\ea66";
}

.icomoon-file-xls-24:before {
    content: "\ea67";
}

.icomoon-book-24:before {
    content: "\ea68";
}

.icomoon-bold-20:before {
    content: "\e931";
}

.icomoon-italic-20:before {
    content: "\e932";
}

.icomoon-underline-20:before {
    content: "\e934";
}

.icomoon-strikethrough-20:before {
    content: "\e933";
}

.icomoon-align-left-20:before {
    content: "\e935";
}

.icomoon-align-center-20:before {
    content: "\e936";
}

.icomoon-align-right-20:before {
    content: "\e937";
}

.icomoon-align-justify-20:before {
    content: "\e938";
}

.icomoon-bullet-list-20:before {
    content: "\e939";
}

.icomoon-number-list-20:before {
    content: "\e93a";
}

.icomoon-link-20:before {
    content: "\e93b";
}

.icomoon-image-20:before {
    content: "\e93c";
}

.icomoon-emoji-20:before {
    content: "\e93d";
}

.icomoon-maximize-20:before {
    content: "\e93e";
}

.icomoon-info-20:before {
    content: "\e94d";
}

.icomoon-slash-20:before {
    content: "\e94e";
}

.icomoon-alert-circle-20:before {
    content: "\e94f";
}

.icomoon-check-circle-20:before {
    content: "\e950";
}

.icomoon-trash-20:before {
    content: "\e95d";
}

.icomoon-plus-20:before {
    content: "\e95e";
}

.icomoon-search-20:before {
    content: "\e95f";
}

.icomoon-update-20:before {
    content: "\e960";
}

.icomoon-calendar-20:before {
    content: "\e961";
}

.icomoon-print-20:before {
    content: "\e962";
}

.icomoon-message-plus-20:before {
    content: "\e963";
}

.icomoon-excel-20:before {
    content: "\e964";
}

.icomoon-export-20:before {
    content: "\e965";
}

.icomoon-import-20:before {
    content: "\e966";
}

.icomoon-minus-20:before {
    content: "\e967";
}

.icomoon-copy-20:before {
    content: "\e968";
}

.icomoon-edit-20:before {
    content: "\e969";
}

.icomoon-settings-20:before {
    content: "\e96b";
}

.icomoon-more-20:before {
    content: "\e96d";
}

.icomoon-chevron-up-20:before {
    content: "\e96f";
}

.icomoon-chevron-down-20:before {
    content: "\e96e";
}

.icomoon-chevron-left-20:before {
    content: "\e970";
}

.icomoon-chevron-right-20:before {
    content: "\e971";
}

.icomoon-chevrons-left-20:before {
    content: "\e9cd";
}

.icomoon-chevrons-right-20:before {
    content: "\e9ce";
}

.icomoon-a-z-20:before {
    content: "\e97a";
}

.icomoon-z-a-20:before {
    content: "\e97b";
}

.icomoon-1-9-20:before {
    content: "\e9ea";
}

.icomoon-9-1-20:before {
    content: "\e9eb";
}

.icomoon-bell-20:before {
    content: "\e97c";
}

.icomoon-upload-20:before {
    content: "\e97d";
}

.icomoon-clock-20:before {
    content: "\e97e";
}

.icomoon-minimize-20:before {
    content: "\e97f";
}

.icomoon-message-20:before {
    content: "\e98b";
}

.icomoon-key-20:before {
    content: "\e98c";
}

.icomoon-question-20:before {
    content: "\e98d";
}

.icomoon-book-20:before {
    content: "\e98e";
}

.icomoon-log-out-20:before {
    content: "\e98f";
}

.icomoon-user-20:before {
    content: "\e990";
}

.icomoon-sun-20:before {
    content: "\e991";
}

.icomoon-droplet-20:before {
    content: "\e992";
}

.icomoon-download-20:before {
    content: "\e993";
}

.icomoon-thumbs-up-20:before {
    content: "\e994";
}

.icomoon-message-square-20:before {
    content: "\ea29";
}

.icomoon-share-arrow-20:before {
    content: "\ea2a";
}

.icomoon-thumbs-down-20:before {
    content: "\e995";
}

.icomoon-alteration-20:before {
    content: "\e996";
}

.icomoon-file-20:before {
    content: "\e997";
}

.icomoon-text-20:before {
    content: "\e998";
}

.icomoon-undo-20:before {
    content: "\e9cf";
}

.icomoon-redo-20:before {
    content: "\e999";
}

.icomoon-history-20:before {
    content: "\e99a";
}

.icomoon-arrow-up-20:before {
    content: "\e99c";
}

.icomoon-arrow-down-20:before {
    content: "\e99b";
}

.icomoon-arrow-left-20:before {
    content: "\e96a";
}

.icomoon-arrow-right-20:before {
    content: "\e99d";
}

.icomoon-box-20:before {
    content: "\e99e";
}

.icomoon-play-20:before {
    content: "\e9a3";
}

.icomoon-pause-20:before {
    content: "\e9a4";
}

.icomoon-check-20:before {
    content: "\e9a5";
}

.icomoon-briefcase-20:before {
    content: "\e9aa";
}

.icomoon-premium-20:before {
    content: "\e9ab";
}

.icomoon-menu-20:before {
    content: "\e9ac";
}

.icomoon-user-plus-20:before {
    content: "\e9ad";
}

.icomoon-kanban-20:before {
    content: "\e9ae";
}

.icomoon-share-20:before {
    content: "\e9b4";
}

.icomoon-youtube-20:before {
    content: "\e9b5";
}

.icomoon-linkedin-20:before {
    content: "\e9b6";
}

.icomoon-facebook-20:before {
    content: "\e9b7";
}

.icomoon-pinterest-20:before {
    content: "\e9b8";
}

.icomoon-twitter-20:before {
    content: "\e9b9";
}

.icomoon-instagram-20:before {
    content: "\e9ba";
}

.icomoon-rss-20:before {
    content: "\e9bb";
}

.icomoon-title-1-20:before {
    content: "\e9c0";
}

.icomoon-title-2-20:before {
    content: "\e9bf";
}

.icomoon-increase-indent-20:before {
    content: "\e9c1";
}

.icomoon-decrease-indent-20:before {
    content: "\e9c2";
}

.icomoon-quote-20:before {
    content: "\e9c3";
}

.icomoon-video-20:before {
    content: "\e9bc";
}

.icomoon-clear-formatting-20:before {
    content: "\e9c4";
}

.icomoon-mail-20:before {
    content: "\e9d0";
}

.icomoon-sort-20:before {
    content: "\e9d1";
}

.icomoon-filter-20:before {
    content: "\e9d2";
}

.icomoon-filter-x-20:before {
    content: "\e9d3";
}

.icomoon-lightbulb-20:before {
    content: "\e9d6";
}

.icomoon-play-circle-20:before {
    content: "\e9d7";
}

.icomoon-pin-20:before {
    content: "\e9dc";
}

.icomoon-percent-20:before {
    content: "\e9dd";
}

.icomoon-nfs-e-20:before {
    content: "\e9de";
}

.icomoon-intercom-20:before {
    content: "\e9df";
}

.icomoon-input-20:before {
    content: "\e9e0";
}

.icomoon-company-20:before {
    content: "\e9e1";
}

.icomoon-at-20:before {
    content: "\e9e2";
}

.icomoon-eye-20:before {
    content: "\e9fe";
}

.icomoon-eye-off-20:before {
    content: "\e9ff";
}

.icomoon-drag-20:before {
    content: "\ea00";
}

.icomoon-hourly-wage-20:before {
    content: "\ea01";
}

.icomoon-money-20:before {
    content: "\ea02";
}

.icomoon-favorite-20:before {
    content: "\ea03";
}

.icomoon-favorite-filled-20:before {
    content: "\ea04";
}

.icomoon-contract-20:before {
    content: "\ea05";
}

.icomoon-project-20:before {
    content: "\ea06";
}

.icomoon-note-20:before {
    content: "\ea0d";
}

.icomoon-unlink-20:before {
    content: "\ea0e";
}

.icomoon-x-20:before {
    content: "\ea1c";
}

.icomoon-timer-plus-20:before {
    content: "\ea1d";
}

.icomoon-timer-20:before {
    content: "\ea2b";
}

.icomoon-send-20:before {
    content: "\ea69";
}

.icomoon-moon-20:before {
    content: "\ea73";
}

.icomoon-user-16:before {
    content: "\e93f";
}

.icomoon-search-16:before {
    content: "\e940";
}

.icomoon-maximize-16:before {
    content: "\e941";
}

.icomoon-trash-16:before {
    content: "\e942";
}

.icomoon-edit-16:before {
    content: "\e943";
}

.icomoon-x-16:before {
    content: "\e944";
}

.icomoon-external-link-16:before {
    content: "\e945";
}

.icomoon-undo-16:before {
    content: "\ea2c";
}

.icomoon-redo-16:before {
    content: "\e946";
}

.icomoon-folder-16:before {
    content: "\e947";
}

.icomoon-arrow-up-16:before {
    content: "\e948";
}

.icomoon-arrow-down-16:before {
    content: "\e949";
}

.icomoon-arrow-right-16:before {
    content: "\e9e5";
}

.icomoon-plus-16:before {
    content: "\e951";
}

.icomoon-check-list-16:before {
    content: "\e952";
}

.icomoon-calendar-16:before {
    content: "\e953";
}

.icomoon-box-16:before {
    content: "\e954";
}

.icomoon-favorite-16:before {
    content: "\e980";
}

.icomoon-favorite-filled-16:before {
    content: "\e981";
}

.icomoon-lock-16:before {
    content: "\e9ec";
}

.icomoon-premium-16:before {
    content: "\e983";
}

.icomoon-play-16:before {
    content: "\e9a6";
}

.icomoon-pause-16:before {
    content: "\e9a7";
}

.icomoon-check-16:before {
    content: "\e9a8";
}

.icomoon-message-16:before {
    content: "\e9e3";
}

.icomoon-image-16:before {
    content: "\e9e4";
}

.icomoon-alert-circle-16:before {
    content: "\e9e6";
}

.icomoon-info-16:before {
    content: "\e9ed";
}

.icomoon-globe-16:before {
    content: "\e9ee";
}

.icomoon-chevron-up-16:before {
    content: "\e9f0";
}

.icomoon-chevron-down-16:before {
    content: "\e9ef";
}

.icomoon-chevron-left-16:before {
    content: "\e9f1";
}

.icomoon-chevron-right-16:before {
    content: "\e9f2";
}

.icomoon-facebook-16:before {
    content: "\e9f6";
}

.icomoon-instagram-16:before {
    content: "\e9f7";
}

.icomoon-twitter-16:before {
    content: "\e9f8";
}

.icomoon-linkedin-16:before {
    content: "\e9f9";
}

.icomoon-youtube-16:before {
    content: "\e9fa";
}

.icomoon-pinterest-16:before {
    content: "\ea0f";
}

.icomoon-rss-16:before {
    content: "\e9fb";
}

.icomoon-clock-16:before {
    content: "\ea07";
}

.icomoon-sort-16:before {
    content: "\ea10";
}

.icomoon-check-circle-16:before {
    content: "\ea11";
}

.icomoon-note-16:before {
    content: "\ea12";
}

.icomoon-service-16:before {
    content: "\ea13";
}

.icomoon-timer-plus-16:before {
    content: "\ea1e";
}

.icomoon-workflow-16:before {
    content: "\ea2d";
}

.icomoon-type-16:before {
    content: "\ea2e";
}

.icomoon-history-16:before {
    content: "\ea2f";
}

.icomoon-clip-16:before {
    content: "\ea30";
}

.icomoon-clipboard-filled-16:before {
    content: "\ea31";
}

.icomoon-send-16:before {
    content: "\ea32";
}

.icomoon-log-out-16:before {
    content: "\ea33";
}

.icomoon-lock-161:before {
    content: "\ea34";
}

.icomoon-unlock-16:before {
    content: "\ea35";
}

.icomoon-font-size-16:before {
    content: "\ea36";
}

.icomoon-bold-16:before {
    content: "\ea37";
}

.icomoon-italic-16:before {
    content: "\ea38";
}

.icomoon-underline-16:before {
    content: "\ea39";
}

.icomoon-strikethrough-16:before {
    content: "\ea3a";
}

.icomoon-align-left-16:before {
    content: "\ea3b";
}

.icomoon-align-center-16:before {
    content: "\ea3c";
}

.icomoon-align-right-16:before {
    content: "\ea3d";
}

.icomoon-align-justify-16:before {
    content: "\ea3e";
}

.icomoon-left-indent-16:before {
    content: "\ea3f";
}

.icomoon-right-indent-16:before {
    content: "\ea40";
}

.icomoon-bullet-list-16:before {
    content: "\ea41";
}

.icomoon-number-list-16:before {
    content: "\ea42";
}

.icomoon-link-16:before {
    content: "\ea43";
}

.icomoon-smile-16:before {
    content: "\ea44";
}

.icomoon-copy-16:before {
    content: "\ea45";
}

.icomoon-drag-16:before {
    content: "\ea46";
}

.icomoon-gift-16:before {
    content: "\ea47";
}

.icomoon-money-16:before {
    content: "\ea48";
}

.icomoon-update-16:before {
    content: "\ea49";
}

.icomoon-settings-16:before {
    content: "\ea4a";
}

.icomoon-plus-square-16:before {
    content: "\ea4b";
}

.icomoon-contract-16:before {
    content: "\ea4c";
}

.icomoon-project-16:before {
    content: "\ea4d";
}

.icomoon-menu-16:before {
    content: "\ea4e";
}

.icomoon-x-circle-16:before {
    content: "\ea4f";
}

.icomoon-album-16:before {
    content: "\ea50";
}

.icomoon-sort-default-16:before {
    content: "\ea51";
}

.icomoon-bar-chart-16:before {
    content: "\ea6a";
}

.icomoon-heart-16:before {
    content: "\ea6b";
}

.icomoon-music-16:before {
    content: "\ea6c";
}

.icomoon-clear-formatting-16:before {
    content: "\ea6d";
}

.icomoon-table-16:before {
    content: "\ea6e";
}

.icomoon-video-16:before {
    content: "\ea6f";
}

.icomoon-code-16:before {
    content: "\ea70";
}

.icomoon-paint-bucket-16:before {
    content: "\ea71";
}

.icomoon-submenu-open-16:before {
    content: "\ea74";
}

.icomoon-submenu-close-16:before {
    content: "\ea75";
}

.icomoon-check-12:before {
    content: "\e955";
}

.icomoon-chevron-up-12:before {
    content: "\e957";
}

.icomoon-chevron-down-12:before {
    content: "\e956";
}

.icomoon-chevron-left-12:before {
    content: "\e95a";
}

.icomoon-chevron-right-12:before {
    content: "\e95b";
}

.icomoon-minus-12:before {
    content: "\e958";
}

.icomoon-x-12:before {
    content: "\e959";
}

.icomoon-clock-12:before {
    content: "\e984";
}

.icomoon-favorite-12:before {
    content: "\e985";
}

.icomoon-lock-12:before {
    content: "\e986";
}

.icomoon-premium-12:before {
    content: "\e987";
}

.icomoon-play-12:before {
    content: "\e99f";
}

.icomoon-pause-12:before {
    content: "\e9a0";
}

.icomoon-external-link-12:before {
    content: "\e9af";
}

.icomoon-arrow-up-12:before {
    content: "\e9d5";
}

.icomoon-arrow-down-12:before {
    content: "\e9d4";
}

.icomoon-arrow-right-12:before {
    content: "\ea1f";
}

.icomoon-alert-12:before {
    content: "\e9e7";
}

.icomoon-sort-default-12:before {
    content: "\e9f3";
}

.icomoon-sort-increasing-12:before {
    content: "\e9f5";
}

.icomoon-sort-decreasing-12:before {
    content: "\e9f4";
}

.icomoon-alert-circle-12:before {
    content: "\ea14";
}

.icomoon-undo-12:before {
    content: "\ea18";
}

.icomoon-bolt-12:before {
    content: "\ea52";
}

.icomoon-project-12:before {
    content: "\ea53";
}

.icomoon-user-12:before {
    content: "\ea54";
}

.icomoon-hash-12:before {
    content: "\ea55";
}

.icomoon-calendar-12:before {
    content: "\ea56";
}

.icomoon-progress-12:before {
    content: "\ea57";
}

.icomoon-check-circle-12:before {
    content: "\ea58";
}

.icomoon-service-12:before {
    content: "\ea59";
}

.icomoon-edit-12:before {
    content: "\ea5a";
}

.icomoon-trash-12:before {
    content: "\ea5b";
}

.icomoon-plus-12:before {
    content: "\ea5c";
}

.icomoon-text-12:before {
    content: "\ea72";
}

.icomoon-link-12:before {
    content: "\ea76";
}

.icomoon-arrow-corner-down-left-12:before {
    content: "\ea77";
}

.icomoon-play-8:before {
    content: "\e9e8";
}

.icomoon-check-8:before {
    content: "\ea15";
}

.icomoon-chevron-up-8:before {
    content: "\ea5d";
}

.icomoon-chevron-down-8:before {
    content: "\ea5e";
}

.icomoon-chevron-left-8:before {
    content: "\ea5f";
}

.icomoon-chevron-right-8:before {
    content: "\e95c";
}

.icomoon-sort-decreasing-8:before {
    content: "\ea60";
}

.icomoon-x-8:before {
    content: "\ea61";
}
.open .icomoon-chevron-down-8:before {
    content: "\ea5e";
}

#usuario-mensagem > .icone {
    background: url(/Content/images/ijob/msgs.png) no-repeat top right;
}

.icone-status {
    position: absolute;
    bottom: -5px;
    right: 2px;
    width: 16px;
    height: 16px;
    font-size: .7em;
    font-weight: 700;
    text-align: center;
    line-height: 20px;
    color: #fff;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #46BD6F;
}

    .icone-status .icomoon-check-16 {
        top: 0px;
    }

/*********************************** Gestão de Arquivos ******************************/

#grid-arquivos .icone-img-amazon {
    max-width: 64px;
    padding: 15px 0;
}

/********************************* Fim Gestão de Arquivos ****************************/

.transacao-card .accordion-toggle::before {
    content: "";
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    background: url(/Content/images/seta-up-down.png) 0 0;
}

.transacao-card .accordion-toggle.collapsed::before {
    background-position: 20px 0;
}
img.img-border {
    border: solid 1px #eee;
}

.object-fit-cover {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.img-size {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
}

.img-size-ideias {
    position: relative;
    max-height: 200px;
    -moz-min-width: 200px;
    -ms-min-width: 200px;
    -o-min-width: 200px;
    -webkit-min-width: 200px;
    min-width: 200px;
    display: inline-block;
    border-bottom-color: black;
    border-style: double;
}

.img-size-select {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    min-height: 100%;
}

.over-image {
    height: 36px;
    overflow: hidden;
    position: relative;
    width: 36px;
    display: inline-block;
    vertical-align: middle;
}

.over-image-select {
    height: 22px;
    overflow: hidden;
    position: relative;
    width: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
}

.img-titulo-aba {
    vertical-align: middle;
    width: 10px;
    margin: 4px;
}

.ideias-img {
    overflow: hidden;
    position: relative;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 10px 10px 30px 10px;
    width: 190px;
    height: 195px;
    background-color: white;
}

    .div-categoria-img:hover, .ideias-img:hover {
        background-color: #A0ABC0;
    }

.div-categoria-img {
    overflow: hidden;
    position: relative;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 0 10px;
    width: 190px;
    height: 185px;
    background-color: white;
}

.ideias-div-img {
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 155px;
    position: relative;
    overflow: inherit;
    width: 170px;
    background-color: white;
}

.ideias-categoria-img {
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 155px;
    position: relative;
    overflow: inherit;
    width: 170px;
    background-color: white;
}

.img-centralizada {
    top: 50%;
    -webkit-transform: translate(-50%,50%);
    -moz-transform: translate(-50%,50%);
    -ms-transform: translate(-50%,50%);
    -o-transform: translate(-50%,50%);
    transform: translate(-50%,50%);
    position: relative;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
}

.ideias-foto {
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: relative;
    overflow: hidden;
}

.ideias-foto-categoria {
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: relative;
    overflow: hidden;
}

.jImgPDF {
    cursor: pointer;
}

/*Imagem do funcionario no post*/
#grid-post .rounded-circle {
    float: none !important;
}

.video,
.imagem {
    position: relative;
}

    .imagem img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.avatar-4 {
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    border-radius:100%;
}
.detalhe-briefing ul, .detalhe-briefing-cliente ul, .label-conteudo ul {
    list-style: unset;
}

.detalhe {
    overflow-x: hidden;
}

    .detalhe .dash-box {
        margin: 0;
    }

        .detalhe .dash-box .dash-box-content {
            padding-top: 0px;
            padding-right: 20px;
            padding-left: 20px;
            padding-bottom: 0px;
        }

            .detalhe .dash-box .dash-box-content .dash-subtitulo,
            .header-fix-detalhe-ijob .dash-box-content .dash-subtitulo {
                font-size: 12px;
                font-weight: 600;
                /*letter-spacing: 0.5px;*/
                color: #4A5568;
            }

            .detalhe .dash-box .dash-box-content .dash-titulo {
                margin: 5px 0;
                font-weight: 600;
                line-height: 1.3em;
                font-size: 1rem;
            }

                .detalhe .dash-box .dash-box-content .subtitle {
                    display: block;
                    margin-top: 10px;
                    line-height: 1em;
                }

                .detalhe .dash-box .dash-box-content .subtitle-gray-upper {
                    font-size: 11px;
                    font-weight: bold;
                    color: #9a9da4;
                    text-transform: uppercase;
                }

    .detalhe .dash-label {
        font-size: 12px;
        color: #677389;
    }

    .detalhe .dash-content.max-1500 {
        max-width: 1500px;
        margin-top: 34px;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .detalhe .dash-box-content .timesheet .time-container {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
    }

    .detalhe .dash-box-content .timesheet .time-completo {
        color: #4A5568;
    }

    .detalhe .briefing-header {
        margin-bottom: 25px;
    }

    .detalhe .field-edit-group .field-edit {
        box-shadow: none;
        border-color: #CBD2E0 !important;
        border-radius: 4px;
        padding: 10px 12px;
    }    

    .detalhe .dash-box-content .timesheet .btn > span {
        border: none;
    }


@media all and ( max-width: 1580px ) {
    .detalhe-minhas-atividades .btn {
           display: block;
    }

    .detalhe-minhas-atividades .btn + .btn {
        margin-top: .75rem;
    }
}

.minhas-atividades .detalhe .dash-box .dash-box-content {
    border: none;
    padding-top: 0px;
}

.detalhe-header {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-flow: column;
}

    .detalhe-header .item-detalhe-header {
        margin-right:12px;
    }

        .detalhe-header .item-detalhe-header .timesheet {
            display: flex;
            flex-direction: row;
        }

    .detalhe-header .identificacao-dash-criacao {
        margin: 10px;
        padding: 0px !important;
    }

    .detalhe-header .dash-titulo-atividade {
        font-family: Inter;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 120%;
    }

    .detalhe-header .item-timesheet {
        margin-top: 12px;
    }

    .detalhe-header div.item-detalhe-header:last-child {
        margin-right: 0;
    }

        .detalhe-header .item-detalhe-header .timesheet .btn-play,
        .detalhe-header .item-detalhe-header .timesheet .btn-pause,
        .detalhe-header .item-detalhe-header .timesheet .btn-success {
            padding-left: 20px;
            padding-right: 20px
        }

    .detalhe-header .item-detalhe-header-datas{
        display: flex;
    }

    .detalhe-header .item-detalhe-header-buttons,
    .detalhe-header .item-detalhe-header-times {
        display: flex;
        flex-direction: column;
    }

    .detalhe-header .subtitulo-projeto {
        margin-top: 4px;
    }

.detalhe-header .prioridade {
    display: flex;
    padding: 3px;
    font-size: 12px;
}

.top-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}

@media only screen and (max-width: 1140px) {
    .detalhe-header .item-detalhe-header-datas {
        flex-direction: column;
    }
}

@media only screen and (min-width: 1920px) {
    .detalhe-header > div {
        margin-left: 12px;
        margin-right: 12px;
    }

    .detalhe-header .item-detalhe-header-buttons,
    .detalhe-header .item-detalhe-header-times {
        flex-direction: row;
    }

    .detalhe-header .item-timesheet {
        margin-top: 0;
        margin-left: 12px;
    }

    .detalhe-header .item-detalhe-header .timesheet {
        margin-top: 22px;
    }

    .detalhe-header .time-container {
        margin-top: 0 !important;
    }

    .detalhe-header .item-detalhe-header-times > div:first-child  {
        margin-right: 16px;
    }
}

#blc-identificacao .header-fix-detalhe-ijob ~ * {
    display: none;
}

.link-projeto:hover {
    color: #BB6DF2 !important;
    text-decoration-line: underline !important;
}
.datepicker-align-top-left {
    display: block !important;
    top: initial !important;
    left: initial !important;
    right: 0 !important;
    bottom: 100% !important;
    margin-bottom: 1px !important;
}

.datepicker-align-top-center {
    display: block !important;
    top: initial !important;
    left: 50% !important;
    right: initial !important;
    bottom: 100% !important;
    margin-bottom: 1px !important;
    transform: translateX(-50%) !important;
}

.datepicker-align-top-right {
    display: block !important;
    top: initial !important;
    left: 0 !important;
    right: initial !important;
    bottom: 100% !important;
    margin-bottom: 1px !important;
}

.datepicker-align-bottom-left {
    display: block !important;
    top: 100% !important;
    left: initial !important;
    right: 0 !important;
    bottom: initial !important;
    margin-top: 1px !important;
}

.datepicker-align-bottom-center {
    display: block !important;
    top: 100% !important;
    left: 50% !important;
    right: initial !important;
    bottom: initial !important;
    margin-top: 1px !important;
    transform: translateX(-50%) !important;
}

.datepicker-align-bottom-right {
    display: block !important;
    top: 100% !important;
    left: 0 !important;
    right: initial !important;
    bottom: initial !important;
    margin-top: 1px !important;
}

.datepicker-dropdown {
    z-index: 100 !important;
}

.datepicker-dropdown-orientation-right .datepicker-dropdown {
    top: 100% !important;
    left: initial !important;
    right: 0 !important;
}

.datepicker-dropdown-orientation-left .datepicker-dropdown {
    top: 100% !important;
    left: 0 !important;
    right: initial !important;
}

.datepicker-dropdown-orientation-top-left .datepicker-dropdown {
    top: initial !important;
    left: 0 !important;
    right: initial !important;
    bottom: 100%;
    margin-bottom: 3px;
}

.datepicker-dropdown-orientation-top-right .datepicker-dropdown {
    top: initial !important;
    left: initial !important;
    right: 0 !important;
    bottom: 100%;
    margin-bottom: 3px;
}

.datepicker-week .datepicker-days tbody tr:hover {
    background-color: #EEE;
}

.datepicker-week .datepicker-days tbody tr td.active {
    background-color: #EEE !important;
    color: #000 !important;
    text-shadow: none !important;
}

.datepicker-week .datepicker-days tbody tr td.today {
    color: #000 !important;
    background-color: #ffdb99 !important;
    border-color: #ffb733 !important;
}

.datepicker-week .datepicker-days tbody tr td.disabled {
    background-color: #FFF !important;
}
.w10, div.dash-box-content .w10 {
    width: 10px;
    max-width: 10px;
    min-width: 10px;
    padding: 0 !important;
}

.w50, div.dash-box-content .w50 {
    width: 50px;
    padding: 0 !important;
}

.w50porc, div.dash-box-content .w50porc {
    width: 50%;
}

.w50, div.dash-box-content .w50 {
    width: 50px;
    padding: 0 !important;
}

.w600 {
    max-width: 600px;
    min-width: 600px;
}

.min-width-valor {
    min-width: 160px;
    max-width: 160px;
    width: 160px;
    text-align: right;
}

.min-width-qtde-porcentagem {
    min-width: 100px !important;
    max-width: 100px !important;
    width: 100px;
    text-align: right;
}

.min-width-20 {
    min-width: 20px !important;
}

.min-width-40 {
    min-width: 40px !important;
}

.min-width-50 {
    min-width: 50px !important;
}

.min-width-55 {
    min-width: 55px !important;
}

.min-width-60 {
    min-width: 60px !important;
}

.min-width-70 {
    min-width: 70px !important;
}

.min-width-80 {
    min-width: 80px !important;
}

.min-width-90 {
    min-width: 90px !important;
}

.min-width-100 {
    min-width: 100px !important;
}

.min-width-110 {
    min-width: 110px !important;
}

.min-width-120 {
    min-width: 120px !important;
}

.min-width-125 {
    min-width: 125px !important;
}

.min-width-130 {
    min-width: 130px !important;
}

.min-width-140 {
    min-width: 140px !important;
}

.min-width-160 {
    min-width: 160px !important;
}

.min-width-200 {
    min-width: 200px !important;
}

.min-width-220 {
    min-width: 220px !important;
}

.min-width-250 {
    min-width: 250px !important;
}

.min-width-600 {
    min-width: 600px !important;
}

.width-100 {
    width: 100px !important;
}

.width-50 {
    width: 50px !important;
}

.width-60 {
    width: 60px !important;
}

.width-150 {
    width: 150px !important;
}

.width-180 {
    width: 180px !important;
}

.width-168 {
    width: 168px !important;
}

.width-170 {
    width: 170px !important;
}

.width-200 {
    width: 200px;
}

.width-300 {
    width: 300px !important;
}

.width-600 {
    width: 600px !important;
}

.max-width-110 {
    max-width: 110px !important;
}

.max-width-180 {
    max-width: 180px !important;
}

.max-width-240 {
    width: 100%;
    max-width: 240px !important;
}

.max-width-300 {
    max-width: 300px !important;
}

.max-width-388 {
    max-width: 388px !important;
}

.max-width-600 {
    max-width: 600px !important;
}

.max-width-700 {
    max-width: 700px;
    margin: 0 auto;
}

.squad-24 {
    width: 24px;
    height: 24px;
}

.squad-32 {
    width: 32px;
    height: 32px;
}

.field-time-hh-mm {
    width: 100%;
    max-width: 90px;
}

.field-data {
    width: 100%;
    max-width: 142px;
}
.valor-invisivel, .rock-theme .valor-invisivel, {
    visibility: hidden;
}

.invisivel, .rock-theme .invisible {
    visibility: hidden;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

.hide, .rock-theme .hide {
    display: none;
}
.d-hide {
    display: none !important;
}

.show, .rock-theme .show {
    display: block;
}
.d-show {
    display: block !important;
}
.divider-vertical {
    border-right: 1px solid #E2E7F0;
    float: right;
    height: 35px;
    margin-right: 10px;
    padding-left: 10px;
    width: 15px;
}

.box-shadow {
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-initial {
    cursor: initial !important;
}

.disabled {
    pointer-events: none !important;
}

/*No gráfico de gantt precisa deixar o pointer-events senão o tooltip não funciona*/
.gantt .disabled {
    pointer-events: auto !important;
}

.event-opacity {
    opacity: 0.6;
}

.absolute {
    position: absolute;
    left: 0;
    z-index: 11;
}

.relative{
    position: relative;
}

.spin:before {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* ================== Circles ================== */

.circle-32 {
    font-size: 14px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #A0ABC0;
    text-align: center;
    padding: 7px;
    display: inline-block;
}

/* ================== Prioridades ================== */

.prioridade-alta, .prioridade-alta:hover {
    color: #F34242;
    background: #FFF6F6;
}

.prioridade-media, .prioridade-media:hover {
    color: #FFB92E;
    background: #FFF9ED;
}

.prioridade-baixa, .prioridade-baixa:hover {
    color: #3576ED;
    background: #C0D6FF;
}


/* ================== Progress Indicator Ring ================== */

.circle-chart {
    width: 126px;
    height: 126px;
}

.circle-chart__circle {
    stroke: #5C93F7;
    stroke-width: 2;
    stroke-linecap: round;
    fill: none;
    animation: circle-chart-fill 2s reverse;
    transform: rotate(-90deg);
    transform-origin: center;
}

.circle-chart__circle--negative {
    transform: rotate(-90deg) scale(1,-1);
}

.circle-chart__background {
    stroke: #F7FAFD;
    stroke-width: 2;
    fill: none;
}

.circle-chart__info {
    opacity: 1;
    transform: translateY(0);
}

.circle-chart__percent {
    text-anchor: middle;
    font-size: 8px;
}

.circle-chart__subline {
    text-anchor: middle;
    font-size: 3px;
}

.low-stroke {
    stroke: #3576ED;
}

.medium-stroke {
    stroke: #5C93F7;
}

.high-stroke {
    stroke: #5C93F7;
}

@keyframes circle-chart-fill {
    to {
        stroke-dasharray: 0 100;
    }
}

@keyframes circle-chart-appear {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ================== Progress Bar ================== */
#tab-visao-geral .progress {
    height: 0.5rem;
    background-color: #F7FAFD;
}

#tab-visao-geral .progress-bar {
    background-color: #3576ED;
    border-radius: 6px;
}

#Detalhe .timesheet .progress,
#conteudo-dash-detalhe .timesheet .progress {
    width: 98px;
    height: 4px;
    background-color: #E9EEF5;
    border-radius: 4px;
}

#Detalhe .timesheet .progress-bar,
#conteudo-dash-detalhe .timesheet .progress-bar {
    background-color: #0086E6;
    border-radius: 4px;
}

.bxs-1 {
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.position-initial{
    position:initial !important;
}


.list-style-type-disc {
    list-style-type: disc;
}
/****************************** Detalhe Unificado *******************************/

.overlay {
    background: rgba(0,0,0,0.5);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

    .overlay a {
        text-decoration: none !important;
    }

    .overlay .icon {
        color: #fff;
        font-size: 16px;
        cursor: pointer;
        transition: .3s;
    }

    .overlay.overlay-hover {
        opacity: 0;
        transition: .2s;
    }

        .overlay.overlay-hover:hover {
            opacity: 1;
        }

        .overlay.overlay-hover .icon {
            margin-top: -10px;
        }

        .overlay.overlay-hover:hover .icon {
            margin-top: inherit;
        }

.data-select-txts {
    display: none;
    width: 375px;
}

/* ------------------------------------------------------------------------------------------------------
 ----- Grade Mapa de Midia (PI) ------------------------------------------------------------------------
 ------------------------------------------------------------------------------------------------------ */

.collapse-tabela-colunas {
    width: 12px;
    height: 55px;
    position: absolute;
    margin-left: -11px;
    margin-top: -18px;
    background-color: #E2E7F0;
    cursor: pointer;
    color: #3576ED;
    padding-top: 21px;
    font-size: 10px;
    border-radius: 0 4px 4px 0;
}

/****************************** Gráfico de Pizza ****************************************/

.chart_wrap > .centro_total {
    position: absolute;
    left: 33.6%;
    top: calc(50% + 5px);
    transform: translate(calc(-50% + 10px), 0);
}

.chart_wrap > .chart_job {
    /*position: absolute;*/
    width: 100%;
    height: 100%;
}

.chart_wrap > .chart_proposta {
    width: 100%;
    height: 100%;
}

.centro_total > .estilo_total {
    font-size: 22pt;
    font-weight: normal;
    color: #F78137;
}

.estilo_total > .label-total {
    color: #aaa;
    font-size: 15pt;
    margin: -7px;
}

/******************************* Inicio CSS Mensagens ************************/

.botoes-mensagem {
    border: thin dotted gainsboro;
    background-color: #ffffff;
    float: right;
    padding: 8px !important;
}

.corpo-mensagem {
    padding: 8px;
}

.texto-mensagem {
    font-size: 15px;
    padding: 35px 12px;
    color: #0B2574;
}

.ler-mensagem {
    background-color: #A0ABC0;
}

    .ler-mensagem .tit {
        color: #fff;
    }

    .ler-mensagem .msg {
        color: #fff;
        font-weight: bold;
    }

    .ler-mensagem > a:hover {
        background-color: #A0ABC0;
    }

.titulo-assunto {
    margin: 10px;
    font-weight: 600;
    color: #0B2574;
    font-size: 18px;
    line-height: inherit;
    top: 12px;
}

.texto-remetente {
    padding-right: 5px;
    font-weight: bold;
}

.remetente {
    margin: 10px;
    font-weight: 500;
    color: #191970;
    font-size: 13px;
    top: 12px;
    display: block;
}

.remetente .rounded-circle {
    margin-left: 5px;
}

.data-envio {
    float: right;
    font-weight: 600;
    color: #0B2574;
    font-size: 16px;
    margin-right: 15px;
}    

/******************************* Fim CSS Mensagens ************************/

.cabecalho-relatorio-offline {
    border-color: #2D3648 !important;
    background-color: #4A5568 !important;
    opacity: 0.7 !important;
    max-width: 10px;
}

.cabecalho-relatorio-tabela {
    background-color: #E2E7F0 !important;
    text-align: left;
    font-weight: 600;
}

.valor-relatorio-tabela {
    text-align: right;
    min-width: 150px;
}

.espacamento-relatorio {
    float: left;
    margin: 0 5px;
    line-height: 35px;
}

.espacamento-relatorio-margem {
    float: left;
    margin: 0 5px;
    display: table;
}

.iconeAtividadeEmAndamento {
    color: #E6E6E6;
    font-size: 14pt;
}

.redireciona_peca .botoes-dahstrafego-tabela {
    display: none;
}

.redireciona_peca:hover .botoes-dahstrafego-tabela {
    display: block;
}

.prioridade_alta {
    color: white;
    background-color: #F34242;
}

.prioridade_media {
    color: white;
    background-color: #FFF9ED;
}

.prioridade_baixa {
    color: white;
    background-color: #A3D772;
}

.funcionario-tempo-container.funcionario-tempo-grid-container {
    margin: 0px !important;
}

.funcionario-tempo-container {
    display: flex !important;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    height: 120px;
    overflow-x: auto;
    overflow-y: hidden;
}

.label-conteudo {
    display: inline;
    word-break: break-word;
}

.label-conteudo.overflow-hidden p {
    overflow:hidden
}

    .label-conteudo .tempo-funcionario {
        width: 195px;
        height: 50px;
    }

.tempo-funcionario {
    padding-top: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .label-conteudo .tempo-funcionario .imagem .nome-funcionario-small,
    .tempo-funcionario .imagem .nome-funcionario-small {
        position: relative;
        display: inline-block;
        top: -10px;
        font-size: 14px;
        width: 140px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .label-conteudo .tempo-funcionario .tempo-atividade,
    .tempo-funcionario .tempo-atividade {
        position: relative;
        top: -23px;
        left: 44px;
        font-size: 12px;
    }

/********************************* Mídia Digital **********************************/

@media (max-width: 1199px) {
    #valorVerba .numero-secundario,
    #comissaoEmbutida .numero-secundario,
    #porcentagemMonitoramentoAgencia .numero-secundario {
        display: none;
    }

    #valorVerba, #comissaoEmbutida {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    #porcentagemMonitoramentoAgencia {
        margin-bottom: 30px;
    }
}

/****************************** Outros ( tab texto ) *******************************/

.texto.paragrafo > .box-container {
    padding: 2rem;
    display: block;
    width: initial;
}

/****************************** Fim Calendário *******************************/

    max-height: 500px;
    overflow: auto;
.box-container .box-content {
    margin: 0;
    padding: 0;
    position: relative;
}

/******************************************/

/* Lista dragable modal modelo de job */

/*ocultar botões de ação quando estiver no modo de visualização*/

.container-list-itens-mdj .add-line {
    color: #F23F87;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 32px;
    padding-left: 42px;
    letter-spacing: 0.25px;
    z-index: 2;
    cursor: pointer;
}

.container-empty-mdj {
    text-align: center;
    margin-bottom: 15px;
    margin-top: 30px;
}

    .container-empty-mdj .thumb img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .container-empty-mdj .title {
        font-size: 20px;
        font-weight: bold;
        color: #2D3648;
        margin-bottom: 15px;
    }

    .container-empty-mdj .subtitle {
        color: #4A5568;
        font-size: 14px;
        font-weight: 500;
        max-width: 390px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
    }

.escolher-modelo-de-job .modal-title {
    line-height: 32px;
}

.escolher-modelo-de-job .container-active-modelos {
}

    .escolher-modelo-de-job .container-active-modelos .legenda {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0;
        margin-right: 10px;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 12px;
        color: #A0ABC0;
        letter-spacing: .350px;
    }

    .escolher-modelo-de-job .container-active-modelos .btn-usar {
        vertical-align: middle;
        font-weight: 600;
        font-size: 13px;
    }

.fc table{
    font-size: 0.875rem;
}
.p-events-none{
    pointer-events: none;
}
/*correção nav modal defs conciliação bancária*/
#modal-conciliacao .form-group .secundaria {
    color: #1A202C;
    display: block;
    font-size: 9pt;
    margin-top: 0px;
}
.form-control.mention{
    overflow:auto;
    max-height:175px;
}
#checklist-eventos .card{
    display: table;
    min-width: 100%;
}

.excluir-checklist-eventos {
    position: absolute;
    right: 10px;
    top: 6px;
    display: none;
    transition: .2s ease-in-out;
}

.editar-checklist-eventos {
    position: absolute;
    right: 45px;
    top: 6px;
    display: none;
    transition: .2s ease-in-out;
}

#checklist-eventos .card:hover .excluir-checklist-eventos{
    display: block;
}

#checklist-eventos .card:hover .editar-checklist-eventos {
    display: block;
}

#wrapper {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.p-30{
    padding: 30px 30px;
}

/*#TODO: Foi criado pois era necessário ajustar a posição de uma mensagem de validação no _CadastroCompromissoModal. Quando forem atualizados as mensagens de validação de campo, retirar!*/
.fix-date-validation{
    top: 0;
    right: 18px;
}

.fix-ellipsis-job {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*HubSpot Config*/
#btnHubspot {
    position: absolute; 
    right: 16px; 
    bottom: 16px; 
    z-index: 2147483647; 
    width: 60px; 
    height: 60px;
    border-radius: 50%;
    background-color: transparent;
    border: none;
}

#fecharChat {
    display: none;
    position: absolute;
    padding: 6px;
    width: 24px;
    height: 24px;
    background-color: white;
    border: none;
    border-radius: 50%;
    right: 10px;
    bottom: 58px;
}

#hubspot-messages-iframe-container #fecharChat:hover,
#hubspot-messages-iframe-container.showCloseLabel #fecharChat {
    display: flex;
}

#modalNovaPeca .tooltip-inner {
    max-width: 235px !important;
    text-align: left !important;
}

/* código que estava no arquivo filtro-simples  */
.checkbox-mostrar-inativos {
    float: left;
    width: 200px;
}

.fundo-funcionario-ausente {
    background-image: url(/Content/images/utils/rectangle.png);
    background-repeat: repeat;
    border-right: none !important;
    opacity: 1;
}

.txt-busca-simples-container {
    float: left;
}

.fundo-funcionario-ausente-agenda {
    background-size: 30px 33px;
}

.fundo-funcionario-ausente-gantt {
    background-size: 50% 50%;
}

.icon-avatar-ausente {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #FFF;
    border-radius: 50%;
    width: 8px !important;
    height: 8px;
    text-align: center;
    box-shadow: 0px 0px 0px 2px #FFF, inset 0px 0px 0px 2px #DB7500;
}

.select2-choice .icon-avatar-ausente {
    right: -1px;
    bottom: 5px;
}

    .select2-choice .icon-avatar-ausente

    .mentions-autocomplete-list li {
        position: relative;
    }

.mentions-autocomplete-list .icon-avatar-ausente {
    right: initial;
    bottom: 3px;
    padding: 0;
    width: 8px;
    left: 22px;
}
html.view-layout,
html.view-layout body {
    height: 100%;
    overflow: hidden;
}

.jspHorizontalBar {
    z-index: 99;
}

.jspHorizontalBar {
    position: fixed !important;
}

#page-loader {
    position: fixed;
    left: 72px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1049;
    background-image: url(/Content/images/utils/loader.svg);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 42px;
}

.blc-content {
    position: relative;
    width: calc(100% - 72px);
    transform: translateX(72px);
}

#blc-modal {
    position: relative;
}

#page-loader.ijob {
    left: 0;
}

#ajax-loader {
    position: absolute;
    left: 50%;
    z-index: 9999;
    color: #171923;
    top: 24px;
    padding: .5rem 1rem;
    border-radius: 8px;
    transform: translateX(-50%);
    font-weight: 500;
}

#blc-identificacao {
    position: relative;
    clear: both;
    width: 100%;
    padding: 20px 32px;
    line-height: 1.3;
    background: #fff;
    color: #1A202C;
}

.header-main {
    min-height: 80px;
}

.layout-ijob .header-main {
    position: relative;
    z-index: 10;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06), 0px 1px 2px -1px rgba(0, 0, 0, 0.06);
}

/* Logo */
.blc-logo {
    width: 220px;
    height: 80px;
}

#blc-menu .navbar {
    margin-bottom: 0;
    border: none;
    border-radius: 0;
}

#blc-painel-usuario > div {
    float: left;
    margin-top: 1.5rem !important;
}

/* Novo Layout */

#blc-painel-usuario .usuario-notificacao-lista .j-scroll {
    overflow-y: auto;
    max-height: 400px;
}

#blc-painel-usuario .usuario-notificacao-lista .jspVerticalBar {
    background-color: transparent;
    right: 12px;
    width: 6px;
    top: 2px;
    height: initial;
    bottom: 2px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: hidden;
}

#blc-painel-usuario .usuario-notificacao-lista .jspDrag {
    border-radius: 3px;
    overflow: hidden;
    width: 100%;
    float: right;
}

#blc-painel-usuario .usuario-notificacao-lista .jspTrack {
    background-color: transparent;
}

/* Identificação e Alerta */

#blc-identificacao-superior a {
    color: #677389;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 4px;
    display: inline-flex;
}

.icon-breadcrumb {
    padding-left: 4px;
    color: #CBD2E0;
}


#blc-identificacao-superior:empty {
    margin-bottom: 8px;
}

#blc-alerta {
    position: absolute;
    top: 11px;
    max-width: 630px;
    z-index: 99999;
}

    #blc-alerta .close {
        margin-left: 16px;
        line-height: 17px;
    }

/* essa estrutura blc-identificacao blc-alerta é somente no layoutiJob*/
#blc-identificacao #blc-alerta.alert {
    left: 50%;
    transform: translateX(-50%);
}

#blc-botoes > div {
    float: right;
}

#blc-botoes .container-botoes {
    display: inline-block
}

/* Conteúdo */
#blc-conteudo {
    position: relative;
    display: block;
    width: 100%;
    background: #EDF1F7;
    overflow: hidden;
}

    #blc-conteudo .ijob-texto img {
        max-width: 100%;
    }

/* Principal */
#blc-principal-conteudo {
    width: 100%;
    outline: none;
}

/* Contextos */
#blc-contexto-nav {
    left: 0;
    z-index: 1;
    width: 220px;
    background: #2D3648;
}

    #blc-contexto-nav .blc-contexto-toggle {
        right: 10px;
    }

    #blc-contexto-nav .blc-contexto-show {
        background-position: right 10px bottom;
    }

    #blc-contexto-nav .blc-contexto-hide {
        background-position: right 10px top;
    }

#blc-contexto-detalhe {
    right: 0;
    width: 380px;
    background: #fff;
    border-left: 5px solid #A0ABC0;
    z-index: 99;
    height: 100%;
}

    #blc-contexto-detalhe .blc-contexto-toggle {
        left: 10px;
    }

    #blc-contexto-detalhe .blc-contexto-show {
        background-position: left 10px top;
    }

    #blc-contexto-detalhe .blc-contexto-hide {
        background-position: left 10px bottom;
    }

#blc-novo-contexto-nav {
    right: 0;
    width: 330px;
    background: #fff;
    border-left: 5px solid #A0ABC0;
    z-index: 1;
}

    #blc-novo-contexto-nav .blc-contexto-toggle {
        position: absolute;
        bottom: 5px !important;
    }

    #blc-novo-contexto-nav .blc-contexto-show {
        background-position: left 10px top;
    }

    #blc-novo-contexto-nav .blc-contexto-hide {
        background-position: left 10px bottom;
    }

    #blc-novo-contexto-nav .blc-contexto-logo {
        position: absolute;
        background: url(/Content/images/logos/logo.svg) no-repeat !important;
        top: 45px !important;
        width: 121px !important;
        height: 40px !important;
        left: 105px;
    }


#blc-identificacao > .row {
    min-height: 40px;
}

.blc-contexto {
    position: absolute;
    top: 0;
}

.blc-contexto-wrap {
    position: relative;
    height: 100%;
    padding-bottom: 30px;
    overflow-y: auto;
}

#blc-contexto-nav > .blc-contexto-wrap {
    overflow: hidden !important;
}

.blc-contexto-toggle {
    width: 100%;
    height: 16px;
    margin: 5px 0;
    background: url(/Content/images/utils/open-close-direita@2x.png) no-repeat;
    background-size: 16px !important;
    cursor: pointer;
}

.blc-contexto-conteudo {
    width: 100%;
}

#blc-painel-usuario .destaque {
    font-size: 13px;
    text-align: center;
    margin-top: 10px;
    color: #9a9da4;
}

#blc-painel-usuario .iconePlay {
    position: absolute;
    top: -9px;
    left: 12px;
    display: none;
    width: 20px;
    height: 20px;
    font-size: .7em;
    font-weight: 700;
    text-align: center;
    line-height: 20px;
    color: #fff;
    border-radius: 50%;
    background: #3576ED;
}

.divider-vertical {
    border-right: 1px solid #E2E7F0;
    float: right;
    height: 50px;
    margin-right: 10px;
    padding-left: 10px;
    width: 15px;
}

.blc-contexto-tab {
    right: 0;
    height: 32px;
    background: #fff;
    border-left: 5px solid #A0ABC0;
    z-index: 1;
}

/* ------------------------------------------------------------------------------------------------------
 ----- PAINEL DO USUÁRIO --------------------------------------------------------------------------------
 ------------------------------------------------------------------------------------------------------ */

.usuario-notificacao .icone {
    width: 40px;
    text-align: center;
    line-height: 1px;
}

    .usuario-notificacao .icone:hover {
        opacity: .9;
    }


#usuario-peca-andamento .dropdown-menu {
    margin-top: 10px;
    margin-left: -188px;
}

#usuario-intercom-popover .dropdown-menu {
    margin-top: 10px;
    margin-left: -65px;
}

#usuario-info .dropdown-menu {
    margin-top: 10px;
}

.btn-topo-filtro .dropdown-menu {
    min-width: 15rem;
}

.usuario-notificacao .num {
    position: absolute;
    top: 0px;
    right: 2px;
    display: none;
    width: 18px;
    height: 18px;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    line-height: 18px;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 2px #fff;
}

.usuario-notificacao-lista > ul {
    margin: 0;
    padding: 0;
    font-size: 9pt;
    list-style: none;
    overflow-y: auto;
    max-height: 400px;
}

.usuario-notificacao-item {
    border-bottom: 1px solid #dedede;
    border-left: 6px solid #CBD2E0;
}

    .usuario-notificacao-item.aniversario {
        border-left-color: #39D2D2;
    }

    .usuario-notificacao-item.ijob {
        border-left-color: #FFA77A;
    }

    .usuario-notificacao-item > a {
        display: block;
        padding: 8px;
        text-decoration: none;
    }

        .usuario-notificacao-item > a:hover {
            text-decoration: none;
            background: #F7FAFD;
        }

    .usuario-notificacao-item .msg {
        font-size: 9pt;
        margin-top: 5px;
    }

    .usuario-notificacao-item .tit {
        margin-top: 3px;
        font-size: 10pt;
        color: #0B2574;
        word-break: break-word;
        word-break: break-all;
    }

    .usuario-notificacao-item .remetente-data {
        padding-left: 50px;
    }

    .usuario-notificacao-item .nao-lida {
        background: #F7FAFD;
        cursor: pointer;
    }

    .usuario-notificacao-item .marcar-lida {
        cursor: pointer;
    }

.usuario-notificacao-lista .nao-lida {
    background: #F7FAFD;
}

.mensagens .marcar-lido {
    float: right;
    margin: 10px;
    cursor: pointer;
}

.mensagens .tooltip .tooltip-inner {
    position: absolute;
    left: -33px;
}

.mensagens .link-mensagens {
    float: right;
    margin: 10px;
    cursor: pointer;
}

.usuario-notificacao-link {
    padding: 8px 15px;
    background-color: #E2E7F0;
    border-top: 1px solid #CBD2E0;
}

    .usuario-notificacao-link a {
        font-size: 8pt;
        color: #225ED8;
    }

#usuario-info .dropdown {
    float: left;
}

#usuario-info-nome {
    height: 22px;
    color: #fff;
    font-size: .95rem;
    overflow: hidden;
}

#usuario-info-funcao {
    color: #A0ABC0;
    font-size: 8pt;
    font-weight: bold;
    line-height: 12px;
}

#usuario-info-direita {
    float: right;
    width: 32px;
    height: 32px;
}

#usuario-intercom-menu,
#usuario-info-menu {
    margin: 0;
    padding: 10px 0;
    font-size: 10pt;
    list-style: none;
}

    #usuario-intercom-menu > li,
    #usuario-info-menu > li {
        padding: 10px 20px;
    }

    #usuario-intercom-menu .divider,
    #usuario-info-menu .divider {
        margin: 10px 20px;
        padding: 0;
        height: 1px;
        background-color: #E2E7F0;
    }

/* ------------------------------------------------------------------------------------------------------
 ----- PAINEL DE NAVEGAÇÃO ------------------------------------------------------------------------------
 ------------------------------------------------------------------------------------------------------ */

#blc-contexto-nav li {
    border-top: 1px solid #2D3648;
    list-style-type: none;
}

    #blc-contexto-nav li:last-child {
        border-bottom: 1px solid #2D3648;
    }

    #blc-contexto-nav li > a {
        display: block;
        padding: 17px 10px;
        font-size: 8.5pt;
        font-weight: bold;
        text-transform: uppercase;
        color: #677389;
        border-left: 5px solid #2D3648;
        outline: none;
        cursor: pointer;
    }

        #blc-contexto-nav li > a:hover,
        #blc-contexto-nav li > a:visited,
        #blc-contexto-nav li > a:active,
        #blc-contexto-nav li > a:focus {
            text-decoration: none;
        }

        #blc-contexto-nav li > a:hover {
            color: #fff;
            border-left-color: #3576ED;
        }

        #blc-contexto-nav li > a[data-toggle="block"] {
            cursor: not-allowed;
        }

            #blc-contexto-nav li > a[data-toggle="block"]:hover {
                color: #677389;
                border-left-color: #2D3648;
            }

    #blc-contexto-nav li.active a {
        color: #fff;
        text-decoration: none;
        background-color: #1A202C;
        border-left-color: #F23F87 !important;
    }

.blc-contexto-logo {
    position: absolute;
    left: 60px;
    bottom: 20px;
    width: 100px;
    height: 50px;
    background: url(/Content/images/logos/logo-white.svg) no-repeat;
}

.blc-contexto-logo-static {
    position: static;
    margin: 50px auto 20px;
}

#blc-contexto-nav li > a .num-quant {
    background-color: #3576ED;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 9pt;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    min-width: 20px;
    padding: 0 4px;
    text-align: center;
    vertical-align: middle;
    width: auto;
}

/* ------------------------------------------------------------------------------------------------------
 ----- BLOCO PRINCIPAL ----------------------------------------------------------------------------------
 ------------------------------------------------------------------------------------------------------ */

.blc-disabled {
    pointer-events: none !important;
    opacity: 0.4 !important;
}

#blc-conteudo-topo {
    padding: 20px 20px;
    background: #EDF1F7;
    background-color: #EDF1F7;
    min-height: 75px;
}

    #blc-conteudo-topo:empty {
        margin: 0px 0px 16px 0px;
        padding: 0px;
        min-height: 0px;
    }

.blc-conteudo-novo {
    background: none !important;
}

#blc-conteudo-topo::after {
    content: "";
    display: block;
    clear: both;
}

#blc-conteudo-topo .titulo {
    float: left;
    padding-top: 3px;
    font-size: 16pt;
    font-weight: 600;
}

    #blc-conteudo-topo .titulo > span.num-quant {
        display: none;
    }


#blc-conteudo-topo .titulo-novo {
    float: left;
    padding-top: 3px;
    font-size: 16pt;
    font-weight: 600;
    padding-left: 20px;
}

    #blc-conteudo-topo .titulo-novo > span.num-quant {
        display: none;
    }

#blc-conteudo-topo > .acoes,
#blc-conteudo-topo > .form-busca,
#blc-conteudo-topo > .form-busca .resultado,
#blc-conteudo-topo .form-busca > .input-group {
    float: right;
}

    #blc-conteudo-topo > .form-busca .resultado {
        margin-right: 20px;
        font-style: italic;
        line-height: 35px;
    }

#blc-conteudo-topo .form-busca > .input-group {
    width: 345px;
}

#blc-conteudo-topo-filtro {
    margin: 0px 15px 15px;
    padding: 3px 0;
}

    #blc-conteudo-topo-filtro::after {
        content: "";
        display: block;
        clear: both;
    }

#blc-conteudo-topo input[class*="txt-busca"]:focus {
    border-color: #E2E7F0;
}

/** Num-Quant na Esquerda  para Tabs (sem utilizar linkgrid) **/
#blc-contexto-nav .blc-contexto-conteudo li a span.num-quant {
    background-color: #2D3648;
    color: #677389;
}


#blc-contexto-nav .blc-contexto-conteudo li.active a span.num-quant {
    background-color: #3576ED;
    color: #fff;
}

/****************************** Cadastro de Tarefas e Peças Job *******************************/

#blc-inserir-topo {
    margin: 0px 15px;
    padding: 3px 0;
}

.painel-inserir-tarefa::before,
.painel-inserir-peca::before {
    content: "+";
    position: absolute;
    font-size: 33px;
    font-weight: bold;
    color: #bbb;
    margin-left: 18px;
    z-index: 1;
}

.easy-autocomplete-container.eac-overflow {
    max-height: 200px;
    overflow: auto;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: #CBD2E0;
    border-radius: 3px;
}

.painel-inserir-peca .easy-autocomplete {
    width: 100% !important;
}

.painel-inserir-peca .easy-autocomplete-container ul li,
.painel-inserir-peca .easy-autocomplete-container ul .eac-category {
    padding: 10px 12px;
}

.painel-inserir-peca .easy-autocomplete .easy-autocomplete-container ul.vazio {
    display: block !important;
}

.painel-inserir-peca .easy-autocomplete input,
.painel-inserir-peca input,
.painel-inserir-tarefa input {
    padding-left: 50px;
    height: 50px;
    border: 1px solid #E2E7F0;
    box-shadow: none;
}

/************************** Fim do Cadastro de Tarefas e Peças Job ****************************/

/************************** Alertas ****************************/

.modal-open #blc-alerta {
    top: 44px;
    z-index: 9999;
}

/************************** Fim Alertas ****************************/

@media (max-width: 1300px) {
    #usuario-info-nome,
    #usuario-info-funcao {
        display: none;
    }
}

@media screen and (max-width: 1300px) and (min-width: 970px) {

    /*Justificar campos a direita*/
    #blc-contexto-detalhe #dados .campo,
    #blc-contexto-detalhe #dados-direita .campo,
    #blc-contexto-detalhe #destino-direita .campo {
        width: 100%;
    }

    #blc-contexto-detalhe #dados .col-md-4 {
        display: table-cell;
        width: 50%;
    }

    #blc-contexto-detalhe #dados .col-md-8 {
        display: table-cell;
        width: 70%;
        padding-right: 1px;
    }
}

@media screen and (max-width:752px), screen and (max-height: 500px) {

    .usuario-notificacao {
        margin-right: 0;
    }

        .usuario-notificacao > .icone {
            width: 35px;
        }
}

/* Não estava aparecendo em telas com width grande e height pequeno*/
@media screen and (max-height: 500px) {
    #usuario-info {
        margin-left: 0;
    }
}

/*Tablet e celular landscape*/
@media screen and (max-width:1040px), screen and (max-height: 600px) {

    /*Login pelo celular PROVISORIO*/
    #blc-conteudo {
        height: 100%;
    }

    /*Subir os icones e notificacoes*/
    .usuario-notificacao {
        padding: 1px 0px;
    }

    #usuario-info {
        padding: 2px 0px;
    }

    .usuario-notificacao > .num {
        top: -2px;
    }

    #blc-identificacao-atual {
        color: #1A202C;
    }

        #blc-identificacao-atual .span {
            color: #1A202C;
        }

    #blc-identificacao .row {
        position: relative;
        top: 2px;
    }

    #blc-identificacao-superior {
        color: #A0ABC0;
    }

    /*Botões na esquerda*/
    #blc-contexto-nav li > a {
        font-size: 10px !important;
    }

    #blc-conteudo-topo .form-busca > .input-group {
        width: 225px;
    }

    /*Subir conteudo das buscas*/
    #blc-conteudo-topo .titulo,
    #blc-conteudo-topo .titulo-novo {
        font-size: 14px;
        padding-top: 6px;
    }

    /*Ajuste na seta do drop*/
    #blc-conteudo-topo .seta-drop {
        bottom: 82px;
    }

    /*Ajuste caixa de busca*/
    #blc-conteudo-topo .form-busca {
        font-size: 10pt;
        padding-right: 15px;
        margin-top: 3px;
    }

    /*Barra de rolagem menor*/
    #blc-principal-conteudo .jspHorizontalBar {
        height: 7px;
    }

    #blc-principal-conteudo .jspVerticalBar {
        width: 7px;
    }

    /*Justificar campos a direita*/
    #blc-contexto-detalhe #dados .campo,
    #blc-contexto-detalhe #dados-direita .campo,
    #blc-contexto-detalhe #destino-direita .campo {
        width: 100%;
    }

    #blc-contexto-detalhe #dados .col-md-4 {
        display: table-cell;
        width: 50%;
    }

    #blc-contexto-detalhe #dados .col-md-8 {
        display: table-cell;
        width: 70%;
        padding-right: 1px;
    }

    /*Fonte do conteudo menor*/
    #blc-conteudo, .form-filtro-descricao {
        font-size: 12px;
    }

    /*Logomarca do menu da direita*/
    .blc-contexto-logo {
        display: none;
    }

    #blc-conteudo-topo .bloco-filtro .radio-group {
        width: 320px;
    }
}

.banner-fixed-top {
    font-size: 14px;
    background-color: #FFECBB;
    width: 100%;
    z-index: 999999;
    text-align: center;
    height: 40px;
    padding: 8px 16px 10px 16px;
    color: #B61B1B;
}

    .banner-fixed-top i.icomoon-alert-circle-16 {
        font-size: 16px;
    }

    .banner-fixed-top ~ #wrapper {
        height: calc(100% - 40px);
    }

    .banner-fixed-top ~ #page-loader {
        top: 40px;
    }

    .banner-fixed-top ~ #wrapper #sub-sidebar,
    .banner-fixed-top ~ #wrapper #sidebar {
        top: 40px;
        height: initial;
        bottom: 0;
    }

/* FIX content 100% height with scroll in react view component */

.blc-content.content-view-wrapper > form {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.blc-content.content-view-wrapper #blc-conteudo {
    display: flex;
    flex: 1 1 auto;
    min-width: 100%;
    flex-direction: column;
}

.blc-content.content-view-wrapper,
.blc-content.content-view-wrapper .content-view-wrapper,
.blc-content.content-view-wrapper #blc-principal,
.blc-content.content-view-wrapper #blc-principal-conteudo,
.blc-content.content-view-wrapper #blc-principal-conteudo > .container-fluid {
    height: 100% !important;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background: #fff;
    z-index: 99;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: #fff;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #EDF1F7;
	position: relative;
}

.jspDrag
{
	background: #A0ABC0;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #4A5568;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #677389;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #F7FAFD;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  direction: ltr;
  /*.dow {
		border-top: 1px solid #CBD2E0 !important;
	}*/
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  position: absolute;
  top: 0; left: 0;
  z-index: 100;
  display: none;
  font-size: 8pt;
  color: #000;
  padding: 4px;
  margin-top: 1px;
  background: #fff;
  border: 1px solid #A0ABC0;
  border-radius: 2px;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.176) !important;
     -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.176) !important;
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.176) !important;
}
/*
//Setinha
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CBD2E0;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}*/
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #677389;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  padding: 4px 8px;
  border-radius: 4px;
  border: none;
}
div.datepicker-months table tr th,
div.datepicker-months table tr td {
  padding: 4px 14px;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #677389;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #677389;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #FFDD87;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #FFB92E;
  border-color: #DB7500;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
  background-color: #FFDD87;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #FFDD87;
  border-color: #DB7500;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #FFB92E;
  border-color: #B35C00;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
  background-color: #FFDD87;
  border-color: #DB7500;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #677389999;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #858585;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  background-image: none;
}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
  background-color: #677389999;
  border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #3576ED;
  border-color: #3576ED;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
    .datepicker table tr td.active:hover,
    .datepicker table tr td.active:hover:hover,
    .datepicker table tr td.active.disabled:hover,
    .datepicker table tr td.active.disabled:hover:hover,
    .datepicker table tr td.active:focus,
    .datepicker table tr td.active:hover:focus,
    .datepicker table tr td.active.disabled:focus,
    .datepicker table tr td.active.disabled:hover:focus,
    .datepicker table tr td.active:active,
    .datepicker table tr td.active:hover:active,
    .datepicker table tr td.active.disabled:active,
    .datepicker table tr td.active.disabled:hover:active,
    .datepicker table tr td.active.active,
    .datepicker table tr td.active:hover.active,
    .datepicker table tr td.active.disabled.active,
    .datepicker table tr td.active.disabled:hover.active,
    .open .dropdown-toggle.datepicker table tr td.active,
    .open .dropdown-toggle.datepicker table tr td.active:hover,
    .open .dropdown-toggle.datepicker table tr td.active.disabled,
    .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
        color: #ffffff;
        background-color: #5B158C;
        border-color: #420F66;
    }
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background-image: none;
}
        .datepicker table tr td.active.disabled,
        .datepicker table tr td.active:hover.disabled,
        .datepicker table tr td.active.disabled.disabled,
        .datepicker table tr td.active.disabled:hover.disabled,
        .datepicker table tr td.active[disabled],
        .datepicker table tr td.active:hover[disabled],
        .datepicker table tr td.active.disabled[disabled],
        .datepicker table tr td.active.disabled:hover[disabled],
        fieldset[disabled] .datepicker table tr td.active,
        fieldset[disabled] .datepicker table tr td.active:hover,
        fieldset[disabled] .datepicker table tr td.active.disabled,
        fieldset[disabled] .datepicker table tr td.active.disabled:hover,
        .datepicker table tr td.active.disabled:hover,
        .datepicker table tr td.active:hover.disabled:hover,
        .datepicker table tr td.active.disabled.disabled:hover,
        .datepicker table tr td.active.disabled:hover.disabled:hover,
        .datepicker table tr td.active[disabled]:hover,
        .datepicker table tr td.active:hover[disabled]:hover,
        .datepicker table tr td.active.disabled[disabled]:hover,
        .datepicker table tr td.active.disabled:hover[disabled]:hover,
        fieldset[disabled] .datepicker table tr td.active:hover,
        fieldset[disabled] .datepicker table tr td.active:hover:hover,
        fieldset[disabled] .datepicker table tr td.active.disabled:hover,
        fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
        .datepicker table tr td.active.disabled:focus,
        .datepicker table tr td.active:hover.disabled:focus,
        .datepicker table tr td.active.disabled.disabled:focus,
        .datepicker table tr td.active.disabled:hover.disabled:focus,
        .datepicker table tr td.active[disabled]:focus,
        .datepicker table tr td.active:hover[disabled]:focus,
        .datepicker table tr td.active.disabled[disabled]:focus,
        .datepicker table tr td.active.disabled:hover[disabled]:focus,
        fieldset[disabled] .datepicker table tr td.active:focus,
        fieldset[disabled] .datepicker table tr td.active:hover:focus,
        fieldset[disabled] .datepicker table tr td.active.disabled:focus,
        fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
        .datepicker table tr td.active.disabled:active,
        .datepicker table tr td.active:hover.disabled:active,
        .datepicker table tr td.active.disabled.disabled:active,
        .datepicker table tr td.active.disabled:hover.disabled:active,
        .datepicker table tr td.active[disabled]:active,
        .datepicker table tr td.active:hover[disabled]:active,
        .datepicker table tr td.active.disabled[disabled]:active,
        .datepicker table tr td.active.disabled:hover[disabled]:active,
        fieldset[disabled] .datepicker table tr td.active:active,
        fieldset[disabled] .datepicker table tr td.active:hover:active,
        fieldset[disabled] .datepicker table tr td.active.disabled:active,
        fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
        .datepicker table tr td.active.disabled.active,
        .datepicker table tr td.active:hover.disabled.active,
        .datepicker table tr td.active.disabled.disabled.active,
        .datepicker table tr td.active.disabled:hover.disabled.active,
        .datepicker table tr td.active[disabled].active,
        .datepicker table tr td.active:hover[disabled].active,
        .datepicker table tr td.active.disabled[disabled].active,
        .datepicker table tr td.active.disabled:hover[disabled].active,
        fieldset[disabled] .datepicker table tr td.active.active,
        fieldset[disabled] .datepicker table tr td.active:hover.active,
        fieldset[disabled] .datepicker table tr td.active.disabled.active,
        fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
            background-color: #7F26BF;
            border-color: #7F26BF;
        }
.datepicker table tr td span {
  display: block;
  width: 23%; height: 40px;
  line-height: 40px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 2px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #677389999;
  cursor: default;
}
    .datepicker table tr td span.active,
    .datepicker table tr td span.active:hover,
    .datepicker table tr td span.active.disabled,
    .datepicker table tr td span.active.disabled:hover {
        color: #ffffff;
        background-color: #7F26BF;
        border-color: #7F26BF;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }
        .datepicker table tr td span.active:hover,
        .datepicker table tr td span.active:hover:hover,
        .datepicker table tr td span.active.disabled:hover,
        .datepicker table tr td span.active.disabled:hover:hover,
        .datepicker table tr td span.active:focus,
        .datepicker table tr td span.active:hover:focus,
        .datepicker table tr td span.active.disabled:focus,
        .datepicker table tr td span.active.disabled:hover:focus,
        .datepicker table tr td span.active:active,
        .datepicker table tr td span.active:hover:active,
        .datepicker table tr td span.active.disabled:active,
        .datepicker table tr td span.active.disabled:hover:active,
        .datepicker table tr td span.active.active,
        .datepicker table tr td span.active:hover.active,
        .datepicker table tr td span.active.disabled.active,
        .datepicker table tr td span.active.disabled:hover.active,
        .open .dropdown-toggle.datepicker table tr td span.active,
        .open .dropdown-toggle.datepicker table tr td span.active:hover,
        .open .dropdown-toggle.datepicker table tr td span.active.disabled,
        .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
            color: #ffffff;
            background-color: #7F26BF;
            border-color: #7F26BF;
        }
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}
            .datepicker table tr td span.active.disabled,
            .datepicker table tr td span.active:hover.disabled,
            .datepicker table tr td span.active.disabled.disabled,
            .datepicker table tr td span.active.disabled:hover.disabled,
            .datepicker table tr td span.active[disabled],
            .datepicker table tr td span.active:hover[disabled],
            .datepicker table tr td span.active.disabled[disabled],
            .datepicker table tr td span.active.disabled:hover[disabled],
            fieldset[disabled] .datepicker table tr td span.active,
            fieldset[disabled] .datepicker table tr td span.active:hover,
            fieldset[disabled] .datepicker table tr td span.active.disabled,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
            .datepicker table tr td span.active.disabled:hover,
            .datepicker table tr td span.active:hover.disabled:hover,
            .datepicker table tr td span.active.disabled.disabled:hover,
            .datepicker table tr td span.active.disabled:hover.disabled:hover,
            .datepicker table tr td span.active[disabled]:hover,
            .datepicker table tr td span.active:hover[disabled]:hover,
            .datepicker table tr td span.active.disabled[disabled]:hover,
            .datepicker table tr td span.active.disabled:hover[disabled]:hover,
            fieldset[disabled] .datepicker table tr td span.active:hover,
            fieldset[disabled] .datepicker table tr td span.active:hover:hover,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
            .datepicker table tr td span.active.disabled:focus,
            .datepicker table tr td span.active:hover.disabled:focus,
            .datepicker table tr td span.active.disabled.disabled:focus,
            .datepicker table tr td span.active.disabled:hover.disabled:focus,
            .datepicker table tr td span.active[disabled]:focus,
            .datepicker table tr td span.active:hover[disabled]:focus,
            .datepicker table tr td span.active.disabled[disabled]:focus,
            .datepicker table tr td span.active.disabled:hover[disabled]:focus,
            fieldset[disabled] .datepicker table tr td span.active:focus,
            fieldset[disabled] .datepicker table tr td span.active:hover:focus,
            fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
            .datepicker table tr td span.active.disabled:active,
            .datepicker table tr td span.active:hover.disabled:active,
            .datepicker table tr td span.active.disabled.disabled:active,
            .datepicker table tr td span.active.disabled:hover.disabled:active,
            .datepicker table tr td span.active[disabled]:active,
            .datepicker table tr td span.active:hover[disabled]:active,
            .datepicker table tr td span.active.disabled[disabled]:active,
            .datepicker table tr td span.active.disabled:hover[disabled]:active,
            fieldset[disabled] .datepicker table tr td span.active:active,
            fieldset[disabled] .datepicker table tr td span.active:hover:active,
            fieldset[disabled] .datepicker table tr td span.active.disabled:active,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
            .datepicker table tr td span.active.disabled.active,
            .datepicker table tr td span.active:hover.disabled.active,
            .datepicker table tr td span.active.disabled.disabled.active,
            .datepicker table tr td span.active.disabled:hover.disabled.active,
            .datepicker table tr td span.active[disabled].active,
            .datepicker table tr td span.active:hover[disabled].active,
            .datepicker table tr td span.active.disabled[disabled].active,
            .datepicker table tr td span.active.disabled:hover[disabled].active,
            fieldset[disabled] .datepicker table tr td span.active.active,
            fieldset[disabled] .datepicker table tr td span.active:hover.active,
            fieldset[disabled] .datepicker table tr td span.active.disabled.active,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
                background-color: #7F26BF;
                border-color: #7F26BF;
            }
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #677389999;
}
.datepicker th.datepicker-switch {
  font-size: 12pt;
}
.datepicker th.today {
  color: #BB6DF2;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
  font-weight: normal;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-group.date .input-group-addon i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: solid #CBD2E0;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
.form-datepicker {
    position: relative;
}

    .form-datepicker .input-group-addon {
        cursor: pointer;
    }

    .form-datepicker > input[disabled] + .input-group-addon,
    .form-datepicker > input.disabled + .input-group-addon {
        cursor: not-allowed;
    }

    .form-datepicker .input-group-addon .input-group-text {
        min-width: 40px;
        line-height: 1.4;
    }

.inline-datepicker .atividade-calendario {
    font-weight: bold;
    border-radius: 50%;
    color: #1A202C !important;
    background-color: #5C93F7 !important;
}

.inline-datepicker td.feriado {
    font-weight: normal;
    border-radius: 50%;
    color: #1A202C !important;
    background-color: #eeeeee !important;
}

.inline-datepicker td.today {
    font-weight: bold;
    color: #1A202C !important;
    font-size: 13px;
    border-radius: 50% !important;
}

.inline-datepicker td.disabled {
    color: #1A202C !important;
    cursor: pointer !important;
}

    .inline-datepicker td.disabled.old, .inline-datepicker td.disabled.new {
        color: #677389999 !important;
        cursor: default !important;
    }

.inline-datepicker table tr td, .inline-datepicker table tr th {
    padding: 9px 10px !important;
}

#fixCalendarBottom .datepicker.datepicker-dropdown {
    left: 0 !important;
    top: 34px !important;
}

/*!
 * @copyright © Kartik Visweswaran, Krajee.com, 2014 - 2015
 * @version 1.4.0
 *
 * Bootstrap Popover Extended - Popover with modal behavior, styling enhancements and more.
 *
 * For more JQuery/Bootstrap plugins and demos visit http://plugins.krajee.com
 * For more Yii related demos visit http://demos.krajee.com
 */
.popover {
    padding: 0;
  position: absolute;
}

.popover-lg {
    min-width: 480px;
}

.popover-md {
    min-width: 350px;
}

.popover > .close {
    float: right;
    margin: 7px 9px 7px 7px;
}

.popover.top-right > .arrow, .popover.bottom-right > .arrow {
    left: 90%;
}

.popover.top-left > .arrow, .popover.bottom-left > .arrow {
    left: 10%;
}

.popover.left-top > .arrow, .popover.right-top > .arrow {
    top: 10%;
}

.popover.left-bottom > .arrow, .popover.right-bottom > .arrow {
    top: 90%;
}

.popover-default.bottom > .arrow:after {
    border-bottom-color: #f7f7f7;
}

.popover-primary.bottom > .arrow:after {
    border-bottom-color: #3576ED;
}

.popover-success.bottom > .arrow:after {
    border-bottom-color: #BDEFCE;
}

.popover-danger.bottom > .arrow:after {
    border-bottom-color: #FFC7C7;
}

.popover-warning.bottom > .arrow:after {
    border-bottom-color: #FFF9ED;
}

.popover-info.bottom > .arrow:after {
    border-bottom-color: #C0D6FF;
}

.popover-default.left-top > .arrow:after {
    border-left-color: #f7f7f7;
}

.popover-default.right-top > .arrow:after {
    border-right-color: #f7f7f7;
}

.popover-primary.left-top > .arrow:after {
    border-left-color: #3576ED;
}

.popover-primary.right-top > .arrow:after {
    border-right-color: #3576ED;
}

.popover-success.left-top > .arrow:after {
    border-left-color: #BDEFCE;
}

.popover-success.right-top > .arrow:after {
    border-right-color: #BDEFCE;
}

.popover-danger.left-top > .arrow:after {
    border-left-color: #FFC7C7;
}

.popover-danger.right-top > .arrow:after {
    border-right-color: #FFC7C7;
}

.popover-warning.left-top > .arrow:after {
    border-left-color: #FFF9ED;
}

.popover-warning.right-top > .arrow:after {
    border-right-color: #FFF9ED;
}

.popover-info.left-top > .arrow:after {
    border-left-color: #C0D6FF;
}

.popover-info.right-top > .arrow:after {
    border-right-color: #C0D6FF;
}

.popover-default > .popover-title {
    color: #2D3648;
    background-color: #f7f7f7;
}

.popover-primary > .popover-title {
    color: #fff;
    background-color: #3576ED;
    border: 2px solid #3576ED;
}

.popover-success > .popover-title {
    color: #157F3F;
    background-color: #BDEFCE;
    border-bottom: 1px solid #BDEFCE;
}

.popover-info > .popover-title {
    color: #0A6275;
    background-color: #C0D6FF;
    border-bottom: 1px solid #C1F9F8;
}

.popover-warning > .popover-title {
    color: #883E01;
    background-color: #FFF9ED;
    border-bottom: 1px solid #FFF9ED;
}

.popover-danger > .popover-title {
    color: #B61B1B;
    background-color: #FFC7C7;
    border-bottom: 1px solid #ebccd1;
}

.popover-footer {
    padding: 4px;
    background-color: #fbfbfb;
    text-align: right;
    border-top: 1px solid #ebebeb;
    border-radius: 0 0 5px 5px;
}

.popover-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 4px;
}

.popover-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.popover-footer .btn-block + .btn-block {
    margin-left: 0;
}

.popover.has-footer.top > .arrow:after, .has-footer.popover.top > .arrow:after {
    border-top-color: #fbfbfb;
}

.popover.has-footer.left-bottom > .arrow:after {
    border-top-color: transparent;
    border-left-color: #fbfbfb;
}

.popover.has-footer.right-bottom > .arrow:after {
    border-top-color: transparent;
    border-right-color: #fbfbfb;
}

.popover-loading {
    padding: 30px;
    background: url(/Content/images/loading.gif) center center;
}

/******************* Reestrutura��o ********************/

body > .popover {
    z-index: 999999;
}

.seta-popover {
    cursor: pointer;
}

#blc-painel-usuario .popover {
    max-width: 400px;
    padding: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border-color: #A0ABC0;
}

#blc-painel-usuario .popover-content {
    padding: 0;
}

#blc-painel-usuario .popover.nl-popover {
    border-color: #CBD2E0;
    border-radius: 8px;
    box-shadow: 0px 3px 3px -1px #dcdcdc;
}

.usuario-notificacao + .popover {
    top: 70px;
    left: auto;
    width: 400px;
}

    .usuario-notificacao + .popover > .arrow {
        left: 190px;
        right: auto;
    }

#usuario-mensagem-popover {
    right: 21px;
}

#usuario-info-popover {
    top: 100%;
    left: initial;
    right: -1px;
    width: 195px;
    margin-top: .5rem;
}

    #usuario-info-popover > .arrow {
        left: 30px;
        right: auto;
    }

.popover.permissao {
    max-width: 400px;
    font-size: 9pt;
}

div.plano-popover {
    left: 28px;
    top: 47px;
    max-width: 900px;
    min-width: 540px;
}


    div.plano-popover div.popover-content {
        overflow-y: auto;
        max-height: 360px;
    }

.plano-popover a.link_pequeno, .plano-popover span.link_pequeno {
    font-size: 9pt;
    cursor: pointer;
}

.plano-popover .popover-title {
    border-radius: 0;
    font-size: 10pt;
    padding: 3px 14px;
}

.plano-popover div.valores_plano {
    text-align: center;
}

.plano-popover .moeda-titulo {
    font-size: 10pt;
    vertical-align: top;
}

.plano-popover .h3-detalhes-plano {
    margin: 0;
}

.plano-popover div.resumo-plano {
    padding-top: 10px;
}

.plano-popover .titulo-abaixo-numero {
    color: #1A202C;
    font-size: 8pt;
    font-weight: bold;
    margin-top: 5px;
    text-transform: uppercase;
}

.plano-popover div.planejamento-periodo {
    width: auto;
    overflow-x: auto;
    margin-bottom: 10px;
}

.painel-busca .popover {
    left: -163px;
}

.agenda-popover .popover-content {
    overflow: hidden;
    text-overflow: ellipsis;
}

.agenda-popover span.tooltip-agenda {
    font-weight: 700;
    color: #4A5568;
}

.agenda-popover .tag {
    font-size: 7pt;
    font-weight: 700 !important;
    padding: 1px 4px;
    border-radius: 2px;
    text-transform: uppercase;
    color: #fff;
    vertical-align: top;
    display: inline-block;
    margin-top: 2px;
}

.popover-content {
    overflow-y: initial;
}

.popover-icon {
    max-width: 25px;
    max-height: 25px;
    position: absolute;
    top: 3px;
    right: 10px;
}

.popover-title {
    padding-right: 30px;
}


@media (max-width: 1300px) {

    .usuario-notificacao + .popover > .arrow {
        left: 317px;
    }

    #usuario-info-popover > .arrow {
        left: 150px;
    }

    #usuario-peca-andamento .dropdown-menu {
        margin-left: -207px;
    }

    #usuario-alerta .dropdown-menu {
        margin-left: -238px;
    }

}

/*Tablet e celular landscape*/
@media screen and (max-width:1040px), screen and (max-height: 600px) {

    /*Popover do menu do usuario*/
    #blc-painel-usuario .popover {
        top: 37px;
    }

    /*Scroll no popover*/
    .popover-content .form-group {
        margin: 6px -1px;
    }

}

@media (max-width: 1440px) {

    .fix-overflow #filtro-popover {
        overflow-y: auto;
        height: 440px;
        width: 460px;
        left: -33%;
        overflow-x: hidden;
    }

        .fix-overflow #filtro-popover .popover-content .form-group .fix-calendar .form-datepicker .datepicker.datepicker-dropdown {
            top: -202px !important;
            left: 0 !important;
        }
}
/****************************** Galeria Anexos/Layouts ************************/

.layout-container,
.layout-container-layout-job,
#anexo-container,
#table-ideias {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    padding: 16px;
}

#tab-anexo #anexo-container,
#tab-jobLayout .layout-container,
#tab-jobLayout .layout-container-layout-job {
    padding: 0;
}

.layout-container,
.layout-container-layout-job,
#anexo-container {
    width: 100%;
}

    .layout-container .download-todos,
    .layout-container-layout-job .download-todos,
    #anexo-container .download-todos {
        padding: 0 10px;
        display: flex;
        justify-content: space-between;
    }

    .layout-container #downloadTodos:active,
    .layout-container-layout-job #downloadTodos:active,
    #anexo-container #downloadTodos:active {
        box-shadow: 0px 11px 7px 6px #8080805c;
    }

    #anexo-container .item-layout,
    .layout-container .item-layout,
    .layout-container-layout-job .item-layout {
        width: 30%;
        margin: 10px;
        max-width: 230px;
    }

    #anexo-container .seleciona-todos,
    .layout-container .seleciona-todos,
    .layout-container-layout-job .seleciona-todos {
        display: flex;
        align-items: center;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 120%;
    }

    #layout-sem-registro .item-img,
    #anexo-container .item-img,
    .layout-container .item-img,
    .layout-container-layout-job .item-img,
    #table-ideias .item-img {
        background: #EDF1F7;
        margin: 0 5px 15px;
        width: 275px;
        height: 400px;
        border: solid 1px #CBD2E0;
        border-radius: 5px;
        cursor: default;
        text-overflow: ellipsis;
        line-height: 23px;
    }

    #layout-sem-registro .item-img,
    .layout-container .item-img,
    .layout-container-layout-job .item-img,
    #table-ideias .item-img {
        height: 350px;
    }

        .layout-container .item-img .titulo-anexo,
        .layout-container-layout-job .item-img .titulo-anexo,
        #table-ideias .item-img .titulo-anexo {
            text-align: center;
            white-space: nowrap;
            width: 260px;
            height: 25px;
            margin: 0 3px;
        }

            .layout-container .item-img .titulo-anexo h5,
            .layout-container-layout-job .item-img .titulo-anexo h5,
            #table-ideias .item-img .titulo-anexo h5 {
                overflow: hidden;
                text-overflow: ellipsis;
                padding-bottom: 5px;
                font-size: 13pt;
                color: #225ED8;
            }

                .layout-container .item-img .titulo-anexo h5 abbr,
                .layout-container-layout-job .item-img .titulo-anexo h5 abbr,
                #table-ideias .item-img .titulo-anexo h5 abbr {
                    cursor: default;
                    border-bottom: none;
                }

        #anexo-container .item-img .img-container,
        .layout-container .item-img .img-container,
        .layout-container-layout-job .item-img .img-container,
        #table-ideias .item-img .img-container {
            width: 260px;
            height: 250px;
            vertical-align: middle;
            margin: 5px;
            padding-bottom: 75px;
            cursor: pointer;
            background-color: #FFF;
            background-repeat: no-repeat;
            background-position: center;
            border-radius: 5px;
            border: solid 1px #CBD2E0;
        }

        #anexo-container .item-img .autor-anexo, #anexo-container .item-img .data-anexo,
        .layout-container .item-img .autor-anexo, .layout-container .item-img .data-anexo,
        .layout-container-layout-job .item-img .autor-anexo, .layout-container-layout-job .item-img .data-anexo,
        #table-ideias .item-img .autor-anexo, .layout-container .item-img .data-anexo, .layout-container-layout-job .item-img .data-anexo {
            font-weight: bold;
            font-size: 10pt;
            padding: 10px 10px 0;
        }

        #anexo-container .item-img .autor-anexo,
        .layout-container .item-img .autor-anexo,
        .layout-container-layout-job .item-img .autor-anexo,
        #table-ideias .item-img .autor-anexo {
            float: left;
        }

            .layout-container .item-img .autor-anexo .rounded-circle .img-size-layout,
            .layout-container-layout-job .item-img .autor-anexo .rounded-circle .img-size-layout,
            #table-ideias .item-img .autor-anexo .rounded-circle .img-size-layout {
                max-height: 40px;
            }

        #anexo-container .item-img .data-anexo,
        .layout-container .item-img .data-anexo,
        .layout-container-layout-job .item-img .data-anexo,
        #table-ideias .item-img .data-anexo {
            float: right;
            margin: 5px 0;
        }

        #anexo-container .item-img .descricao-anexo,
        .layout-container .item-img .descricao-anexo,
        .layout-container-layout-job .item-img .descricao-anexo,
        #table-ideias .item-img .descricao-anexo {
            clear: both;
            text-align: center;
            font-weight: 300;
            background: #FFF;
            height: 75px;
            margin: 15px 5px;
            border: solid 1px #CBD2E0;
            border-radius: 5px;
            overflow: hidden;
        }

.miniatura-layout-image, .miniatura-icone {
    height: 250px;
}

.miniatura-icone {
    padding-top: 50px;
    margin: 3px;
}

.imagem-anexo {
    position: relative;
}

    .imagem-anexo .ver-anexo, .imagem-anexo .ver-doc {
        margin: 0 -25%;
    }

    .imagem-anexo .exclui-anexo {
        margin: 0 25%;
        background-color: #2D3648 !important;
    }

.miniatura-layout-image:after,
.miniatura-icone::after {
    content: '';
    position: absolute;
    width: 260px;
    height: 250px;
    top: 1px;
    left: 7px;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
    border-radius: 5px;
    transition: .3s;
    cursor: pointer;
}

.miniatura-layout-image:hover:after,
.miniatura-icone:hover::after {
    opacity: 1;
}

.miniatura-layout-image .icomoon-icon,
.miniatura-icone .icomoon-icon {
    color: #fff;
    position: absolute;
    font-size: 20pt;
    z-index: 999;
    top: calc(50% - 25pt);
    left: calc(50% - 11pt);
    display: none;
    transition: .3s;
    padding: 10px 10px;
    border-radius: 50%;
    cursor: pointer;
}

#anexo-container .miniatura-layout-image .icomoon-icon {
    font-size: 24pt;
    left: calc(50% - 20pt);
}

.miniatura-layout-image .icomoon-bin2,
.miniatura-icone .icomoon-bin2 {
    margin: 0 25%;
    background-color: #E01F1F;
}

.miniatura-layout-image .icomoon-zoom-in,
.miniatura-icone .icomoon-zoom-in {
    left: calc(50% - 23px);
    background-color: #2D3648;
}

.miniatura-layout-image .edita-layout,
.miniatura-icone .edita-layout {
    left: calc(20% - 23px);
    background-color: #3576ED;
}

.miniatura-layout-image:hover .icomoon-icon,
.miniatura-icone:hover .icomoon-icon {
    display: inline-block;
    transition: .3s;
}

.item-img .label-status {
    position: relative;
    color: inherit;
    border-radius: 5px;
    top: 5px;
    color: #FFF;
    text-transform: uppercase;
    margin-right: 5px;
}

#anexo-container {
    min-height: 55px;
}

#anexos .paragrafo {
    position: absolute;
}

.layout-container .item-img .data-layout,
.layout-container-layout-job .item-img .data-layout {
    font-weight: bold;
    font-size: 10pt;
    padding: 10px 10px 0;
}

#blc-conteudo-topo .form-busca .buscaLayoutSimples .filtro-status {
    width: 150px;
    float: left;
    margin-right: 15px;
}

.layout-container.layout-resumido,
.layout-container-layout-job.layout-resumido {
    background: #F7FAFD;
    border: 1px solid #dcdcdc;
    padding: 0;
}

.layout-resumido .item {
    padding: 10px;
}

.layout-resumido .miniatura-layout-image, .layout-resumido .miniatura-icone {
    height: auto;
}

    .layout-resumido .miniatura-layout-image .boardCoverWrapper {
        width: 100%;
        height: 100%;
    }

    .layout-resumido .miniatura-layout-image:after, .layout-resumido .miniatura-icone::after {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: 0;
    }

    .layout-resumido .miniatura-layout-image .boardCoverWrapper .job-peca-div-img {
        width: 100%;
        height: 150px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .layout-resumido .miniatura-icone .no-layout-image {
        height: 150px;
        background-repeat: no-repeat;
        background-position: center;
        border: 1px solid #EDF1F7;
    }

    .layout-resumido .miniatura-layout-image .boardCoverWrapper .hoverMask {
        border-radius: 0;
        box-shadow: none;
    }

.layout-resumido .miniatura-icone {
    padding: 0;
}

.layout-resumido .icomoon-zoom-in {
    left: 10px;
    font-size: 15pt;
    top: auto;
    bottom: 10px;
}

.layout-resumido .seleciona-layout {
    right: 10px;
    left: auto;
    background: #46BD6F;
    font-size: 15pt;
    top: auto;
    bottom: 10px;
}

/*----------------------------------------------------------------------------*/

.miniatura-layout-image .boardCoverWrapper {
    position: relative;
    overflow: hidden;
    clear: both;
    width: 260px;
    height: 250px;
    background-color: #FFF;
}

    .miniatura-layout-image .boardCoverWrapper .hoverMask {
        transition: background .04s linear;
        border-radius: 3px;
        box-shadow: 0 0 2px rgba(0,0,0,.33) inset;
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 100;
    }

    .miniatura-layout-image .boardCoverWrapper .job-peca-div-img {
        position: relative;
        width: 260px;
        height: 250px;
        overflow: hidden;
    }

        .miniatura-layout-image .boardCoverWrapper .job-peca-div-img .boardCover {
            border-radius: 3px;
            position: absolute;
            overflow: hidden;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

/****************************** Fim Galeria Anexos/Layouts ************************/

.img-layout {
    width: 10%
}

.job-anexo .item-layout .layout-title {
    font-size: 14px;
    text-align: left;
}

.job-anexo .layout-title .titulo {
    display: block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.jobLayoutVoltar {
    font-size: 13px;
    height: 32px;
    padding: 8px;
    margin-left: 5px;
}

.imagem-status .layout-img-tag {
    padding-left: calc(50% - 25px);
}

    #tab-layout .layout-container,
    .layout-container > .layout-container {
        background: transparent;
        padding: 0;
    }

    .layout-container .button-circle,
    .layout-container-layout-job .button-circle,
    #anexo-container .button-circle {
        width: 32px;
        height: 32px;
        background-color: #F23F87;
        color: #fff;
        border-radius: 50%;
        padding: 7px 10px;
        line-height: 1.3em;
        display: block;
        margin-left: auto;
        margin-right: auto;
        font-size: 0.875rem;
    }

.item-layout {
    position: relative;
    display: inline-block;
    min-height: 242px;
    margin: 0 15px 30px;
    padding: 14px 20px 20px;
    border-radius: 10px;
    text-overflow: ellipsis;
    background: #fff;
}

    .item-layout:hover {
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
        transition: opacity 0.2s linear;
    }

    .item-layout input[type="checkbox"] ~ label span {
        margin: 0;
    }

    .item-layout .layout-thumbnail {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        position: relative;
        border-radius: 5px;
        height: 110px;
    }

    .item-layout .layout{
        border-radius: 10px;
    }

    .item-layout .link-icon {
        font-size: 24px;
        margin-top: 10px;
    }

    .item-layout .excluir-layout:hover,
    .item-layout .excluir-anexo:hover {
        color: #F34242 !important;
    }


    .item-layout .layout-thumbnail i {
        font-size: 28px;
        color: #fff;
    }

        .item-layout .layout-thumbnail .nome-arquivo {
            margin: 10px;
            margin-top: 0px;
            font-weight: bold;
            text-align: center;
            word-break: break-all;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .item-layout .layout-thumbnail img {
            max-width: fit-content;
            max-height: 250px;
        }

    .item-layout .layout-title {
        display: flex;
        align-items: center;
        white-space: nowrap;
        margin: 10px 0;
        font-size: 16px;
        color: black;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .item-layout .layout-title .new {
            margin-right: 8px;
            padding: 2px 8px;
            border-radius: 20px;
            font-size: 9px;
            text-transform: uppercase;
            color: #fff;
            background: #F23F87;
        }

        .item-layout .layout-title .cliente {
            margin-right: 8px;
            padding: 2px 8px;
            border-radius: 20px;
            font-size: 9px;
            text-transform: uppercase;
            color: #fff;
            background: #46BD6F;
        }

        .item-layout .layout-title .agencia {
            margin-right: 8px;
            padding: 2px 8px;
            border-radius: 20px;
            font-size: 9px;
            text-transform: uppercase;
            color: #fff;
            background: #225ED8;
        }

    .item-layout .layout-data {
        font-size: 12px;
        line-height: 1.2;
        font-weight: 500;
        color: #A0ABC0;
    }

    .item-layout .layout-info {
        text-align: center;
    }
   
    .item-layout .layout-actions {
        min-height: 32px;
        visibility: hidden;
        padding-right: 0px;
    }
        .item-layout .layout-actions .j-check {
            visibility: hidden;
        }

        .item-layout .layout-actions .j-check:checked {
            opacity: 1;
            visibility: visible;
        }

        .item-layout .layout-info .layout-actions {
            opacity: 0;
            transition: .2s;
            position: absolute;
            bottom: -20px;
            left: 0;
        }

    .item-layout:hover .layout-actions {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.2s linear
    }

.ijob .item-layout{
    min-height: 200px;
}

/*Anexo Job*/
#tab-anexo .link .img-size {
    top: 35%;
}

.layout-button {
    visibility: visible;
}

@media screen and (max-width: 1300px) and (min-width: 970px) {
    /*Job Layout*/
    #jobLayout {
        width: 170px;
    }

    .jobLayoutVoltar {
        margin-left: 5px;
    }
}
.Board .hoverMask {
    -webkit-transition: background .04s linear;
    -moz-transition: background .04s linear;
    -ms-transition: background .04s linear;
    -o-transition: background .04s linear;
    transition: background .04s linear;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .33) inset;
    -ms-box-shadow: 0 0 2px rgba(0, 0, 0, .33) inset;
    box-shadow: 0 0 2px rgba(0, 0, 0, .33) inset;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;

}

.Board .boardLinkWrapper:hover .hoverMask {
    background: rgba(255, 255, 255, .08)
}

.Board .boardLinkWrapper:active .hoverMask {
    background: rgba(0, 0, 0, .08)
}

.Board.boardCoverImage {
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
    -ms-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    width: 100%;
    height: 265px
}

    .Board.boardCoverImage a .jp-layout-quantidade {
        background-color: #3576ED;
        -ms-border-radius: 20px;
        border-radius: 20px;
        color: #fff;
        display: inline-block;
        float: right;
        font-size: 9pt;
        font-weight: bold;
        height: 20px;
        line-height: 20px;
        -moz-min-width: 20px;
        -ms-min-width: 20px;
        -o-min-width: 20px;
        -webkit-min-width: 20px;
        min-width: 20px;
        padding: 0 4px;
        text-align: center;
        vertical-align: middle;
        width: auto
    }

.Board .boardName {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #4A5568;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin: 0 3px 6px;
    position: relative;
    height: auto;
    text-align: left
}

.Board.boardCoverImage .boardLinkWrapper {
    display: block;
    padding: 16px;
}

.Board.boardCoverImage img {
    -ms-border-radius: 2px;
    border-radius: 2px
}

.Board.boardCoverImage a {
    color: #4A5568;
    display: block
}

.Board.boardCoverImage .BoardIcons {
    float: right
}

.Board.boardCoverImage .boardCoverWrapper {
    position: relative;
    overflow: hidden;
    background-color: #eee;
    clear: both;
    height: 146px;
    width: 216px
}

    .Board.boardCoverImage .boardCoverWrapper:after {
        -ms-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .33) inset;
        -ms-box-shadow: 0 0 2px rgba(0, 0, 0, .33) inset;
        box-shadow: 0 0 2px rgba(0, 0, 0, .33) inset;
        content: " ";
        height: 146px;
        left: 0;
        position: absolute;
        top: 0;
        width: 216px
    }

    .Board.boardCoverImage .boardCoverWrapper .boardCover {
        -ms-border-radius: 3px;
        border-radius: 3px;
        position: absolute;
        overflow: hidden;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

.Board.boardCoverImage .boardThumbs {
    margin: 4px 0
}

    .Board.boardCoverImage .boardThumbs:after {
        content: "";
        display: table;
        clear: both
    }

    .Board.boardCoverImage .boardThumbs li {
        position: relative;
        display: inline;
        float: left;
        height: 69.33333px;
        margin-left: 4px;
        position: relative;
        width: 69.33333px;
        background-color: #eee
    }

        .Board.boardCoverImage .boardThumbs li:after {
            -ms-border-radius: 3px;
            border-radius: 3px;
            content: " ";
            height: 69.33333px;
            left: 0;
            position: absolute;
            top: 0;
            width: 69.33333px
        }

        .Board.boardCoverImage .boardThumbs li .thumb {
            -ms-border-radius: 3px;
            border-radius: 3px;
            position: absolute;
            overflow: hidden;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

        .Board.boardCoverImage .boardThumbs li:first-child {
            margin-left: 0
        }

.Board.boardCoverImage .Button {
    margin: 0 10px 10px;
    width: 216px
}

.Board.boardCoverImage:hover {
    -ms-opacity: 1;
    opacity: 1;
    -ms-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    background-color: #A0ABC0;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
}

.padItems > .item,
.padItems > .item-ideia {
    margin: 14px 7px 0 7px;
    width: 236px
}

.boardName .jp-layout-title {
    overflow: hidden;
    white-space: nowrap;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline;
    float: left;
    width: 85%
}

.job-peca-div-img {
    position: relative;
    width: 216px;
    height: 146px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.job-peca-thumb-div-img {
    position: relative;
    width: 69.33333px;
    height: 69.33333px;
    overflow: hidden
}

#grid-layout-job,
#grid-layout-job-finalizado {
    margin-bottom: 20px;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#grid-layout .j-abre-contexto-layout {
    height: auto;
    cursor: pointer
}

img.miniatura-layout-image {
    position: absolute;
    overflow: hidden;
    background-color: #eee;
    -ms-border-radius: 6px;
    border-radius: 6px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

img.miniatura-layout-image-direita {
    position: absolute;
    overflow: hidden;
    background-color: #eee;
    -ms-border-radius: 6px;
    border-radius: 6px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

img.no-layout-image {
    position: absolute;
    overflow: hidden;
    background-color: #eee;
    -ms-border-radius: 6px;
    border-radius: 6px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.img-size-layout {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 50px;
    -moz-min-width: 40px;
    -ms-min-width: 40px;
    -o-min-width: 40px;
    -webkit-min-width: 40px;
    min-width: 40px
}

.j-abre-contexto-layout .foto-usuario {
    text-align: center;
    width: 15%
}

    .j-abre-contexto-layout .foto-usuario .over-image {
        height: 50px !important;
        width: 50px !important
    }

.j-abre-contexto-layout .principal {
    width: 35%;
    padding-top: 10px;
    padding-bottom: 10px
}

    .j-abre-contexto-layout .principal .primaria {
        font-size: 20px
    }

    .j-abre-contexto-layout .principal .secundaria {
        font-size: 15px;
        white-space: normal !important
    }

    .j-abre-contexto-layout .principal .primaria,
    .j-abre-contexto-layout .principal .secundaria {
        position: relative;
        text-align: justify
    }

.j-abre-contexto-layout .padrao {
    font-size: 15px;
    width: 30%;
    text-align: center
}

.j-abre-contexto-layout .imagem-status {
    padding: 10px 0 !important;
    width: 170px
}

    .j-abre-contexto-layout .imagem-status .primaria {
        margin-bottom: 15px
    }

.layout-div-img {
    position: relative;
    width: 170px;
    height: 155px;
    overflow: hidden;
    margin: 10px 0;
    -ms-border-radius: 6px;
    border-radius: 6px
}

.j-abre-contexto-layout .remove-layout {
    -moz-min-width: 70px;
    -ms-min-width: 70px;
    -o-min-width: 70px;
    -webkit-min-width: 70px;
    min-width: 70px;
}

.j-abre-contexto-layout td .btn-edit-del {
    height: 50px !important;
    width: 50px !important;
    line-height: 50px !important
}

#grid-layout-job .img-board {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #EDF1F7;
}

#grid-layout-job .rodape-board {
    display: flex;
    flex-direction: column;
    font-weight: 600;
    font-size: 15px;
    line-height: 120%;
    margin-top: 10px;
}

#grid-layout-job .item-layout {
    padding: 16px 16px;
    width: 265px;
    min-height: 229px;
}

#grid-layout-job .boardName {
    display: flex;
    flex-direction: column;
}


/*--------------------------------------------------------------------
---------------------------------IJOB---------------------------------
---------------------------------------------------------------------- */

.layout-ijob .padItems > .item {
    width: 296px;
}

.layout-ijob #grid-layout-job {
    text-align: start;
}

.layout-ijob .layout-thumb-div {
    width: 264px;
    height: 186px;
}

    .layout-ijob .layout-thumb-div img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
    }



div.dash-box-content span[class*="cor_tag_"],
div.dash-box-content span[class*="cor_situacao_"] {
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

div.dash-box-content span[class*="cor_tag_"],
div.dash-box-content span[class*="cor_situacao_"] {
    background-color: #39D2D2;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 8px;
    font-size: 8pt;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;
}

.dash-box-content .img-size {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 28px;
    -moz-min-width: 30px;
    -ms-min-width: 30px;
    -o-min-width: 30px;
    -webkit-min-width: 30px;
    min-width: 30px;
}

.dash-box-content .over-image {
    height: 28px;
    overflow: hidden;
    position: relative;
    width: 28px;
    display: inline-block;
    vertical-align: middle;
}

#Dashboard h2.titulo {
    color: #225ED8;
    font-size: 20pt;
    text-align: left;
}

.dash-graficos {
    display: flex;
    margin-top: 15%;
}

    .dash-graficos div .chart_wrap {
        position: relative;
        padding-bottom: 100%;
        background: #fff;
    }

#dashJob .form-group .secundaria {
    color: #225ED8;
    display: block;
    font-size: 9pt;
    margin-top: 0;
}

#dashJob .dash-box label {
    color: #1A202C;
}

#dashJob .form-group .primaria {
    color: #1A202C;
    display: block;
    font-size: 12pt;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#dashJob .dash-box .dash-box-content {
    padding: 0 0 0 !important;
}

/****************************** Dashboard Criacao ************************/
#Detalhe .dash-block {
    background: #fff;
    margin: 15px 15px 0 0;
    padding: 5px 30px 0;
    border-radius: 5px;
}

    #Detalhe .dash-block .dash-titulo {
        font-size: 20pt;
    }

    #Detalhe .dash-block .dash-subtitulo {
        padding-bottom: 15px;
    }

        #Detalhe .dash-block .dash-subtitulo .dash-status {
            display: inline;
            margin: 0 25px;
            font-size: 8pt;
            font-weight: bold;
        }

            #Detalhe .dash-block .dash-subtitulo .dash-status .statustag {
                padding: 3px 5px;
                color: #fff;
                text-transform: uppercase;
                border-radius: 5px;
            }

.dash-label, .dash-label label {
    font-size: 8pt;
    font-weight: bold;
    color: #1A202C;
    text-transform: uppercase;
}

    .dash-label:hover, .dash-label label:hover {
        color: #225ED8;
        text-decoration: none;
    }

.label-total-dash-midia {
    font-size: 15pt;
    margin: 24px 0 12px 0;
    font-weight: 600;
}

.txt-porc-dash-midia {
    max-width: 80px;
    display: inline;
}

.txt-dash-midia {
    display: inline;
    max-width: 130px;
}

.dash-box .numero-secundario {
    font-size: 11pt;
    font-weight: bold;
    color: #5C93F7;
    display: inline-block;
}
.dash-content .tab-content {
    min-height: 210px;
}


/* -- Dashboard ------------------------------- */
.dash-titulo-atalho {
    color: black !important;
    font-size: 10pt !important;
    font-weight: 600;
    margin-top: 10px;
    text-transform: uppercase;
}

.dash-atalho {
    line-height: 20px;
    list-style: outside none disc !important;
    margin-left: 20px;
}

.dash-box {
    clear: both;
    margin-top: 15px;
    min-height: 90px;
    padding: 0;
}

    .dash-box .disabled {
        pointer-events: none;
        opacity: 0.6;
    }

    .dash-box .row .statustag {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 7pt;
        font-weight: bolder;
        width: 85px;
        height: 20px;
        line-height: 15px;
        text-align: center;
        overflow: hidden;
        -moz-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: right;
    }

    .dash-box .icone-status {
        bottom: 1px;
    }

.dash-box span.primaria {
    white-space: normal;
}
.dash-box span.secundaria {
    white-space: normal;
}

    .dash-box .dash-box-title {
        background-color: #ffffff;
        border-color: #EDF1F7;
        color: inherit;
        font-weight: bold;
        height: 48px;
        margin-bottom: 0;
        padding: 10px 15px 2px 15px;
    }

    .dash-box .dash-box-content {
        background-color: #ffffff;
        border: 1px solid #ebebeb;
        -ms-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
        clear: both;
        color: inherit;
        height: 100%;
        padding: 10px 25px 15px;
        width: 100%;
    }
        .dash-box .dash-box-content .titulo {
            color: #1A202C;
            font-size: 14pt;
            margin: 6px 0 20px;
            overflow: hidden;
            white-space: nowrap;
            -moz-text-overflow: ellipsis;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            float: left;
            width: auto;
        }

        .dash-box .dash-box-content .num-quant {
            background-color: #3576ED;
            -ms-border-radius: 20px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            border-radius: 20px;
            color: #fff;
            display: inline-block;
            float: right;
            font-size: 9pt;
            font-weight: bold;
            height: 20px;
            line-height: 20px;
            -moz-min-width: 20px;
            -ms-min-width: 20px;
            -o-min-width: 20px;
            -webkit-min-width: 20px;
            min-width: 20px;
            padding: 0 4px;
            text-align: center;
            width: auto;
            margin: 11px 0 20px;
        }

    .dash-criacao .num-quant  {
        margin: 3px 0 20px !important;
    }

.dash-box h1 {
    color: #1A202C;
    font-size: 15pt;
    margin: 10px 0 20px;
    display:inline-block;
}

    .dash-titulo a {
        color: #225ED8;
        font-size: 15pt;
        margin: 10px 0 20px;
    }

    .dash-box p {
        color: #225ED8;
        font-size: 10pt;
    }


    .dash-box h2 {
        font-size: 28pt;
        font-weight: normal;
        margin: 10px 0 5px 0;
    }

    .dash-box h5 {
    font-size: 10pt;
    color: #225ED8;
}

    .dash-box .moeda-titulo {
        font-size: 12pt;
        vertical-align: top;
    }

    .dash-box .text-align-left {
        text-align: left;
    }

    .dash-box .text-align-center {
        text-align: center;
    }

        .dash-box .row .statustag {
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            -ms-border-radius: 4px;
            border-radius: 4px;
            color: #ffffff;
            text-transform: uppercase;
            font-size: 7pt;
            width: 85px;
            height: 20px;
            line-height: 15px;
            text-align: center;
            overflow: hidden;
            -moz-text-overflow: ellipsis;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            float: right;
        }

        .dash-box .row a {
            color: #225ED8;
        }

            .dash-box .row a:hover {
                color: #225ED8;
                text-decoration: underline;
            }

    .dash-box .resumo-item {
        font-size: 13px;
        border-bottom: 1px solid #ebebeb;
        padding: 15px 0 5px 0px;
    }

    .dash-box .titulo-abaixo-numero {
        color: #1A202C;
        font-size: 8pt;
        font-weight: bold;
        margin-top: 15px;
        text-transform: uppercase;
    }

    .dash-box .item {
        float: left;
        margin-bottom: 5px;
        text-align: left;
    }

    .dash-box .sub-titulo-item {
        float: left;
        line-height: 20px;
        max-height: 40px;
        overflow: hidden;
        text-align: left;
        -moz-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        width: 96%;
        white-space: nowrap;
        font-weight: 600;
    }

    .dash-box .img-banco {
        float: left;
        width: 10%;
        line-height: 36px;
        text-align: right;
    }

    .dash-box .valor-item {
        float: right;
        font-weight: 600;
    }

    .dash-box .sub-titulo-item .sub-item, .dash-box .sub-item {
        font-size: 11px;
        overflow: hidden;
        -moz-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        width: 100%;
        max-width: 175px;
        color: #4c4c4c;
        white-space: nowrap;
        font-weight: normal;
    }

    .dash-box .link-veja-mais {
        font-size: 11px;
        position: relative;
        float: right;
        margin-top: -5.3%;
        margin-right: 25px;

    }   .dash-box .link-veja-mais-trafego {
        font-size: 11px;
        position: relative;
        float: right;
            margin-top: -3.7%;
        margin-right: 25px;

    }

    .dash-box .nenhum-resultado {
        line-height: 200px;
        text-align: center;
        vertical-align: middle;
    }

    .dash-box .j-baixar {
        color: #225ED8;
    }

.dash-box .titulo-item {
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .dash-box .label-conteudo, .detalhe-briefing, .detalhe-briefing-cliente, .dash-box sub  {
       font-size: 9pt; 
       color: #4C4C4C; 
    }

    .dash-box .body label, label a, label[for^="IdDetalheEntradaBriefing"] {
       font-size: 14px; 
       font-weight: 600;
       color: #1A202C; 
       line-height: 1.2;
       margin-bottom: 0;
    }

    .over-image-dash {
    height: 27px;
    overflow: hidden;
    position: relative;
    width: 27px;
    display: inline-block;
    vertical-align: middle;
}
    .img-size-dash {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 33px;
    -moz-min-width: 35px;
    -ms-min-width: 35px;
    -o-min-width: 35px;
    -webkit-min-width: 35px;
    min-width: 35px;
}

.limit-area-visualizacao-timeline {
    position: relative;
}

    .limit-area-visualizacao-timeline:before,
    .limit-area-visualizacao-timeline:after {
        content: "";
        display: block;
        height: 100%;
        background-color: #000000;
        width: 125px;
        position: absolute;
        top: 0;
        z-index: 2;
    }

    .limit-area-visualizacao-timeline:before {
        left: 0;
        background: -moz-linear-gradient(left, rgba(235,237,242,1) 0%, rgba(229,229,229,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(235,237,242,1) 0%,rgba(229,229,229,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(235,237,242,1) 0%,rgba(229,229,229,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 */
    }

    .limit-area-visualizacao-timeline:after {
        right: 0;
        background: -moz-linear-gradient(left, rgba(229,229,229,0) 0%, rgba(235,237,242,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(229,229,229,0) 0%,rgba(235,237,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(229,229,229,0) 0%,rgba(235,237,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#1e5799',GradientType=1 ); /* IE6-9 */
    }

/*Tablet e celular landscape*/
@media screen and (max-width:1040px), screen and (max-height: 600px) {
    .numero-dash {
        font-size: 28pt !important;
    }

    /*Dashboard Financeiro*/
    #blc-botoes #dash-financeiro {
        margin: 0px -550px;
        position: absolute;
    }

    #dash-financeiro .select2-container-multi .select2-choices, #dash-financeiro .select2-choice {
        max-height: 35px;
        overflow-y: scroll;
        font-size: 11px;
    }

    #dash-financeiro .input-group.date.form-datepicker {
        left: -33px;
        margin: 0px 14px;
        font-size: 11px;
    }

    #dash-financeiro .col-1.text-right.pr-lg-7 {
        left: -53px;
        position: absolute;
        top: -4px;
    }

    #dash-financeiro #s2id_filtro-periodo {
        margin: 0px 2px;
    }

    #dash-financeiro #s2id_IdCaixa {
        margin: 0px -25px;
    }

    /*Botoes dashboard ijob*/
    .botoes-dash-ijob {
        position: absolute;
        left: -100px;
    }

    #dash-box-calendar.dash-box h2 {
        font-size: 17pt;
    }

}

/****************************** Dashboard Financeiro ************************/
@media (max-height: 768px) {
    .dash-financeiro .blocos .bloco {
        margin-top: 20px;
    }

    .dash-financeiro .bloco-content .bloco-item:not(:last-child) {
        padding-bottom: 5px;
    }

    .dash-financeiro .bloco-content .bloco-item {
        padding-top: 5px;
    }

    .dash-financeiro .bloco-container {
        min-height: 420px;
    }

    .dash-financeiro .bloco-content {
        min-height: 300px;
    }

        .dash-financeiro .bloco-content .bloco-item .titulo-item {
            font-size: 14px;
        }
}
@media (max-width: 768px) {
    .dash-content .row .column2 {
        margin-top: 15px;
    }

        .dash-content .row .column2 .funcionario-tempo-container {
            padding-left: 25px;
        }

}
@media (min-width: 1800px) {
    .dash-content .row .column1 {
        width: 40%;
    }

    .dash-content .row .column2 {
        width: 60%;
    }
}
#direita {
    padding: 0 15px;
    font-size: 10pt;
    color: #1A202C;
    margin-bottom: 24px;
}

    #direita .titulo {
        font-size: 20px;
        line-height: 1.2;
        font-weight: 600;
        color: #2D3648;
        margin: 10px 0;
        padding: 0px;
    }

        #direita .titulo input {
            font-size: 15pt;
            color: #1A202C;/*gray-800*/
            padding: 0px 5px;
            width: 100%;
        }


    #direita .subtitulo, .concluir-tempo-detalhe {
        font-size: 13px;
        color: #1A202C;
        text-transform: initial;
        font-weight: bold;
        margin-bottom: 4px;
    }

    #direita .campo-imagem {
        position: relative;
        height: 18px;
        margin-bottom: 6px;
        line-height: 13pt;
    }

        #direita .campo-imagem > span {
            position: absolute;
            top: 0;
            left: 0;
            font-size: 13pt;
        }

        #direita .campo-imagem > i {
            position: absolute;
            top: 3px;
            left: 0;
            font-size: 13pt;
        }

        #direita .campo-imagem > .texto {
            padding-top: 4px;
            margin-left: 26px;
        }

        #direita .campo-imagem > .field-edit {
            margin-left: 22px;
        }

    #direita .lbl {
        display: inline;
        margin-right: 5px;
        font-size: 9pt;
    }

        #direita .lbl::after {
            content: ":";
        }

    #direita ul.atalho li {
        list-style: disc inside none;
    }

    #direita ul li.menu-icones {
        list-style: none;
    }

    #direita ul li a.active {
        width: auto;
    }


    #direita ul li a {
        cursor: pointer;
        text-decoration: none;
    }

#direita ::-webkit-input-placeholder {
    font-style: normal;
    color: #9BA5B3;
}

#direita ::-moz-placeholder {
    font-style: normal;
    color: #9BA5B3;
}
/* firefox 19+ */
#direita :-ms-input-placeholder {
    font-style: normal;
    color: #9BA5B3;
}
/* ie */
#direita input:-moz-placeholder {
    font-style: normal;
    color: #9BA5B3;
}

.imagem-layout-direita {
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
}

#direita .form-control.border-left {
    border-left-width: 3px !important;
    border-left-style: solid !important;
}

    #direita .form-control.border-left.yellow {
        border-left-color: #FFB92E;
    }

    #direita .form-control.border-left.red {
        border-left-color: #F34242 !important;
    }

#direita .ideias-img .layout-div-img {
    border: solid 2px #CBD2E0;
}

#direita #anexo-container .item-img .img-container {
    width: auto;
    height: 100px;
    background-size: cover;
}

#direita #anexo-container .item-img .miniatura-layout-image {
    height: auto;
}

#direita #anexo-container .item-img {
    width: 160px;
    height: auto;
}

/******************************* Início CSS OS *******************************/

#direita .tab-os .row > .col-sm-6:first-child {
    padding-right: 5px;
    padding-left: 0px;
}

#direita .tab-os .row > .col-sm-6:last-child {
    padding-left: 5px;
    padding-right: 0px;
}

#direita .tab-os .row > .col-sm-6 {
    padding-right: 5px;
    padding-left: 5px;
}


#direita .tab-os .card-os {
    border-style: solid;
    border-width: 1px;
    margin: 10px 0;
    padding: 10px;
    border-radius: 10px;
    border-color: #E2E7F0;
}


    #direita .tab-os .card-os .descricao-item {
        padding-left: 5px;
        display: block;
    }

    #direita .tab-os .card-os .valor-unitario {
        padding-left: 5px;
        padding-top: 3px;
    }


    #direita .tab-os .card-os .paragrafo {
        margin-top: 0;
    }


#direita .tab-os .footer-servico {
    float: right;
    margin: 10px;
}


#direita .tab-os .label-total {
    font-weight: 600;
    margin-right: 20px;
    font-size: 10pt;
}



#direita .tab-os .card-os .valor-servico {
    padding-left: 5px;
    padding-top: 3px;
    float: right;
    font-weight: 600;
}



#direita .tab-os .valores-totais-grupo {
    padding: 0 10px;
    margin-bottom: 5px;
}


#direita .tab-os .valor-total-grupo-os {
    font-weight: 600;
}

#direita .tab-os .form-group-card-os {
    margin: 10px 0 0 0;
    padding: 0 10px;
}

#direita .tab-os .label-valor-grupo-card {
    font-weight: 600;
    font-size: 7.5pt;
}


#direita .tab-os .label-info {
    height: 12px;
}


#direita .tab-os .label-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


#direita .tab-os .calendar-input-left .datepicker-dropdown {
    display: block;
    top: 34px !important;
    left: auto !important;
    right: auto !important;
}


/******************************* Fim CSS OS *******************************/


/*********************************** Gestão de Arquivos ******************************/

#direita.blc-contexto-conteudo .titulo-image-amazon {
    word-break: break-word;
}

#direita .img-amazon-container {
    width: 225px;
    height: 130px;
    margin: 5px auto;
    padding: 10px 0;
    transition: .3s;
}

    #direita .img-amazon-container:hover {
        background-color: rgba(0,0,0,.5);
        cursor: pointer;
        transition: background-color .3s;
        border-color: #FFF;
        border: dashed 3px #FFF;
    }

        #direita .img-amazon-container:hover img {
            opacity: .5;
        }

        #direita .img-amazon-container:hover .ver-img-amazon {
            display: inline-block;
        }

    #direita .img-amazon-container .ver-img-amazon {
        width: 64px;
        height: 64px;
        position: absolute;
        left: calc(50% - 32px);
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 50%;
        color: #FFF;
        padding-top: 15px;
        margin-top: 15px;
        z-index: 1;
        display: none;
    }

        #direita .img-amazon-container .ver-img-amazon .icomoon-icon {
            font-size: 25pt;
        }

#direita .icone-amazon-detalhe {
    max-width: 100px;
    height: 100px;
    vertical-align: middle;
    border-radius: 50%;
    display: block;
    margin: calc(50% - 110px) auto 0;
}

#direita label.info-img {
    font-size: 8pt;
    font-weight: bold;
    color: #1A202C;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 5px;
}

/********************************* Fim Gestão de Arquivos ****************************/

/****************************** Direita JobPeca ****************************************/
#direita .layout-container {
    padding: 10px 0 0 0;
}

    #direita .layout-container .download-todos {
        padding: 0;
    }

    #direita .layout-container #btnNovoLayout,
    #direita .layout-container #btnNovoAnexo {
        margin-left: 0;
    }

    #direita .layout-container > div:first-child {
        margin-bottom: 20px !important;
    }

    #direita .layout-container > div:nth-child(2n){
        margin-right: 20px;
    }

#direita .item-layout {
    width: 157px;
    padding: 3px 10px 10px 10px;
    margin: 0 0 20px 0;
    min-height: 210px;
}

    #direita .item-layout .layout-title {
        margin: 12px 0 8px 0;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.2;
        color: #4A5568;
    }

#direita .item-layout .layout-title .titulo {
    font-size: 14px;
    margin: 0;
    font-weight: bold;
    color: #4A5568;
}

#direita .item-layout .layout-thumbnail {
    height: 110px;
}

#direita .nav-tabs > li {
    float: left;
}


#direita .social-icon {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

#direita .social-text .media-list .media-item {
    width: 80px;
    height: 80px;
    border-radius: 6%;
}

.nav-tabs.nav-direita .nav-item .nav-link {
    border: none;
}

    .nav-tabs.nav-direita .nav-item .nav-link .menu-nome {
        width: 0;
        overflow: hidden;
        display: none;
        vertical-align: middle;
    }

.nav-tabs.nav-direita .nav-item .menu-icon {
    display: inline-block;
    vertical-align: sub;
    font-size: 16px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.nav-tabs.nav-direita .nav-item .nav-link.active .menu-nome{
    width: auto;
    display: inline-block;
}

.nav-tabs.nav-direita .nav-item .menu-icon .nav-link.active {
    opacity: 1;
}

#direita .check-canal-group li {
    width: 21%;
    padding: 0;
}

    #direita .check-canal-group li:nth-child(n+5) {
        margin-top: 10px;
    }

/* Custom columns */
#direita .col-direita-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

    #direita .col-direita-4 .input-group-addon {
        display: none;
    }

#direita .col-direita-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

#direita .row-direita > col,
#direita .row-direita > [class*="col-"] {
    padding-right: 8px;
    padding-left: 8px;
}

/******************************************************************************/

/* Recorrência tarefa */
#direita .custom-group-radio-label-choose {
    display: flex;
    flex-direction: column;
}

    #direita .custom-group-rlc + .custom-group-rlc {
        margin-left: 0;
    }

#direita .frequencia {
    flex-direction: column;
    margin-bottom: 16px;
}

/*Tablet e celular landscape*/
@media screen and (max-width:1040px), screen and (max-height: 600px) {
    #direita .subtitulo, .concluir-tempo-detalhe {
        font-size: 10px !important;
    }

    #direita ul li a {
        font-size: 11px !important;
    }

}
/* ------------------------------------------------------------------------------------------------------
 ----- MENU ---------------------------------------------------------------------------------------------
 ------------------------------------------------------------------------------------------------------ */
/* INICIO MENU IJOB */
#menu ul {
    float: left;
    list-style: none;
}

#menu > ul {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.menu-item {
    display: block;
    float: left;
    height: 40px;
}


    .menu-item > a {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        padding: 8px 16px;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        cursor: pointer;
        -webkit-transition: background-color .2s;
        -moz-transition: background-color .2s;
        -ms-transition: background-color .2s;
        -o-transition: background-color .2s;
        transition: background-color .2s;
    }

    .menu-item .menu-item-icone {
        width: 50px;
        height: 40px;
        margin: auto;
    }

.menu-item-titulo {
    font-size: .7rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.menu-item > a:hover,
.menu-item > a:focus {
    text-decoration: none;
}

#menu .active > a,
#menu .open > a,
#menu .open > a:hover,
#menu .open > a:focus {
    color: #fff;
    background-color: #B21056;
}

    #menu .active > a.disabled,
    #menu .open > a.disabled,
    #menu .open > a.disabled:hover,
    #menu .open > a.disabled:focus {
        color: #A0ABC0;
        background-color: transparent;
    }

    .menu-item > a:hover > .menu-item-icone,
    .menu-item > a:focus > .menu-item-icone,
    #menu .open > a:hover > .menu-item-icone,
    #menu .open > a:focus > .menu-item-icone,
    #menu .active .menu-item-icone,
    #menu .open .menu-item-icone {
        background-position: top right;
    }

    .menu-item > a.disabled:hover > .menu-item-icone,
    .menu-item > a.disabled:focus > .menu-item-icone,
    #menu .open > a.disabled:hover > .menu-item-icone,
    #menu .open > a.disabled:focus > .menu-item-icone,
    #menu .active .disabled .menu-item-icone,
    #menu .open .disabled .menu-item-icone {
        background-position: top left;
    }

.menu-item:not(:last-child) {
    margin-right: 10px;
}


.menu-item:hover {
    background-color: #F5F8FF;
    border-radius: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
}

.menu-item:hover span, .menu-item:hover i {
    color: #225ed8;
}


/* FIM MENU IJOB */
p {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.7em;
    color: #677389;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

    a[data-toggle="collapse"],
    a[data-toggle="collapseSlide"] {
        position: relative;
    }

    a.download {
        background: #FFFFFF;
        color: #5C93F7;
    }

/* Sidebar */

#sidebar {
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 72px;
    height: 100%;
    background: #FFFFFF;
    color: #5B158C;
    top: 0;
    left: 0;
    z-index: 1049;
    transition: all 0.3s;
    padding: 16px 0;
    box-shadow: 1px 0px 2px -1px rgba(0, 0, 0, 0.06), 2px 0px 4px -1px rgba(0, 0, 0, 0.06);
}

    #sidebar .brand {
        width: 40px;
        height: 40px;
        background-image: url(/Content/images/logos/logo-menu.svg);
    }

    #sidebar.active {
        margin-left: -250px;
    }

    #sidebar .menu-up-part > li,
    #sidebar .menu-bottom-part > li {
        width: 72px;
        display: flex;
        justify-content: center;
    }

    #sidebar .menu-up-part > li:not(:last-child) {
        margin-bottom: 0.75rem;
    }

    #sidebar .menu-bottom-part > li:not(:last-child) {
        margin-bottom: .25rem;
    }

    #sidebar .menu-bottom-part .iconePlay {
        position: absolute;
        top: 4px;
        left: 18px;
        display: none;
        width: 18px;
        height: 18px;
        font-size: .7em;
        font-weight: 700;
        text-align: center;
        line-height: 14px;
        color: #fff;
        border-radius: 50%;
        background: #225ED8;
        align-items: center;
        justify-content: center;
    }

/* Menu Adicionar */

#dropdownMenuAdicionar + .dropdown-menu.show {
    min-width: 212px;
}

    #dropdownMenuAdicionar + .dropdown-menu.show li {
        line-height: 2rem;
        padding-left: 1rem;
    }

/* Sub-sidebar */

#sub-sidebar {
    width: 287px;
    color: #000;
    transition: all 0.3s;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin-left: -287px;
    z-index: 1048;
}

    #sub-sidebar .title-module-menu {
        display: flex;
        align-items: center;
    }

        #sub-sidebar .title-module-menu span + button {
            margin-left: .25rem;
        }

    #sub-sidebar.sub-sidebar-open,
    #sub-sidebar.sub-sidebar-close-open-override {
        box-shadow: 1px 0px 2px -1px rgba(0, 0, 0, 0.06), 2px 0px 4px -1px rgba(0, 0, 0, 0.06);
    }

    #sub-sidebar .menu-favoritos,
    #sub-sidebar .menu-configuracao {
        position: absolute;
        top: 56px;
        left: 0;
        width: 100%;
        bottom: 0;
        overflow: auto;
    }

    #sub-sidebar .conheca-o-marketplace + .menu-favoritos,
    #sub-sidebar .conheca-o-marketplace + .menu-configuracao {
        bottom: 120px;
    }

    #sub-sidebar .container-clear-cache + .conheca-o-marketplace + .menu-favoritos,
    #sub-sidebar .container-clear-cache + .conheca-o-marketplace + .menu-configuracao {
        bottom: 134px;
    }

    #sub-sidebar a[data-toggle="collapse"],
    #sub-sidebar a[data-toggle="collapseSlide"] {
        display: block;
    }

.btn-close {
    position: absolute;
    right: 2px;
    width: 32px;
    height: 32px;
    border: 2px solid #E2E7F0;
    border-radius: 8px;
    transition: right 400ms ease;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}

.sub-sidebar-open .btn-close,
.sub-sidebar-close-open-override .btn-close {
    right: -12px;
    transition-delay: 50ms;
}

.btn-open {
    position: absolute;
    display: none;
    left: 60px;
    top: 20px;
    z-index: 999;
    width: 32px;
    height: 32px;
    border: 2px solid #E2E7F0;
    border-radius: 8px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}

#sidebar:not(.disabled-sub-sidebar):hover .btn-open {
    display: block;
}

#sub-sidebar .icomoon-chevron-down-20,
#sub-sidebar .icomoon-chevron-up-20 {
    right: 0.75rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.accordion div a[aria-expanded="true"] .icomoon-chevron-down-20:before {
    content: "\e96f";
}

#sidebar ul li .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    border: none;
    background-color: #1649BC;
    color: #fff;
    box-shadow: 0px 4px 12px rgba(66, 55, 154, 0.2);
}

#accordionSubMenu {
    overflow: auto;
    height: calc(100% - 78px);
}

.container-clear-cache + #accordionSubMenu {
    height: calc(100% - 108px);
}

.conheca-o-marketplace + #accordionSubMenu {
    height: calc(100% - 160px);
}

.conheca-o-marketplace {
    position: absolute;
    bottom: 16px;
    left: 25px;
    right: 25px;
}

#sub-sidebar .container-clear-cache + .conheca-o-marketplace,
#sub-sidebar .container-clear-cache + .menu-favoritos {
    bottom: 52px;
}

#accordionSubMenu ul li a.active,
#sub-sidebar div ul li a.active {
    color: #BB6DF2 !important;
    font-weight: 600;
}

#accordionSubMenu ul li a.disabled,
#sub-sidebar div ul li a.disabled {
    color: #A0ABC0 !important;
    font-weight: 500;
}

#sidebar ul .dropright .dropdown-menu.show {
    margin-left: 1.2rem;
    box-shadow: 0px 5px 5px 5px #8080805c;
    border: none;
}

#sidebar ul .user-menu .dropright .dropdown-menu.show {
    display: block;
    top: -56px !important;
    width: 210px;
}

#sidebar ul .time-menu .dropright .dropdown-menu.show,
#sidebar ul .notify-menu .dropright .dropdown-menu.show {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    top: initial !important;
    bottom: 0;
    width: 400px;
}

#openSubmenu .btn-open {
    opacity: 0;
}

#sub-sidebar:hover .btn-close {
    opacity: 1;
    transition: opacity 300ms ease-in;
}

#sub-sidebar.disabled-sub-sidebar {
    display: none;
}

#sub-sidebar.sub-sidebar-open + #sidebar .btn-open,
#sub-sidebar.sub-sidebar-close-open-override + #sidebar .btn-open {
    display: none !important;
}

.container-clear-cache {
    position: absolute;
    bottom: 20px;
    left: 0;
    width : 100%;
}

.min-heigth-32 {
    min-height: 32px;
}

.icon-alignment {
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.text-yellow-gradient {
    background: linear-gradient(180deg, #FFB92E 20%, #DB7500 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#modal-premium .modal-header {
    border: none;
}

#modal-premium .modal-footer {
    border: none;
}

#sub-sidebar ul li:hover {
    border-radius: 10px;
    background-color: #EDF1F7;
}

#sub-sidebar ul li .icomoon-favorite-16 {
    box-shadow: -1px -1px 7px 7px #EDF1F7;
    background-color: #EDF1F7;
    display: none;
}

#sub-sidebar ul li .premium-icon-shadow {
    box-shadow: -1px -1px 7px 7px #F7FAFD;
    background-color: #F7FAFD;
}

#sub-sidebar ul li:hover .premium-icon-shadow {
    box-shadow: -1px -1px 7px 7px #EDF1F7;
    background-color: #EDF1F7;
}

#sub-sidebar ul li:hover .icomoon-favorite-16 {
    display: block;
}

#sub-sidebar ul li .icomoon-favorite-16[data-favorite="True"]:before {
    content: "\e981";
    color: #FFB92E;
}

#sub-sidebar:not(.disabled-sub-sidebar).sub-sidebar-always-open ~ .blc-content,
#sub-sidebar:not(.disabled-sub-sidebar).sub-sidebar-open ~ .blc-content,
#sub-sidebar:not(.disabled-sub-sidebar).sub-sidebar-close-open-override ~ .blc-content {
    width: calc( 100% - 359px );
    transform: translateX(359px);
    transition: width 0.3s ease, transform 0.3s ease;
}

#sub-sidebar.sub-sidebar-open {
    margin-left: 72px;
}

/* Transição suave para quando o submenu está fechado */
.blc-content {
    transition: width 0.3s ease, transform 0.3s ease;
}

.sub-sidebar-close {
    margin-left: -287px;
    position: absolute;
    display: block;
    z-index: 12;
}

#sub-sidebar.sub-sidebar-close.sub-sidebar-close-open-override,
#sub-sidebar.sub-sidebar-always-open {
    margin-left: 72px;
}

#sub-sidebar .tab-nav.nav {
    flex-direction: column;
}

    #sub-sidebar .tab-nav.nav .nav-item {
        position: relative;
    }

        #sub-sidebar .tab-nav.nav .nav-item i {
            position: absolute;
            right: 5px;
            top: 50%;
            transform: translateY(-50%);
        }

/* Timesheet */

.atividades-andamento {
    width: 400px;
}

.atividades-andamento-content {
    max-height: 390px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .atividades-andamento-content .item-atividade-andamento {
        padding: 15px 20px;
        border-bottom: 1px solid;
    }

        .atividades-andamento-content .item-atividade-andamento #detalheAtividadeAndamento {
            display: flex;
            flex-direction: column;
        }

            .atividades-andamento-content .item-atividade-andamento #detalheAtividadeAndamento .title {
                font-weight: 600;
                font-size: 16px;
                line-height: 140%;
            }

            .atividades-andamento-content .item-atividade-andamento #detalheAtividadeAndamento .subtitle {
                font-weight: 500;
                font-size: 12px;
                line-height: 100%;
                margin-top: 4px;
            }

            .atividades-andamento-content .item-atividade-andamento #detalheAtividadeAndamento .projeto {
                font-weight: 600;
                font-size: 12px;
                line-height: 140%;
            }

/* Menu usuário */

#sidebar .user-menu .avatar-menu {
    border-radius: 50%;
    width: 32px;
    height: 32px;
}

#sidebar #usuario-info-dropdown li,
#sidebar #usuario-info-dropdown h3 {
    line-height: 2rem;
    padding-left: 1rem;
}

    #sidebar #usuario-info-dropdown li a {
        display: flex;
        align-items: center;
    }

    #sidebar #usuario-info-dropdown li i {
        color: #A0ABC0;
        margin-right: 0.5rem;
    }


.user-info-container {
    display: flex;
    align-items: center;
}

/* Media Queries */

@media (max-height: 640px) {
    #sidebar {
        padding: 0.5em;
    }

    #sidebar .menu-up-part > li:not(:last-child) {
        margin-bottom: 0.25rem;
    }
}

.sub-sidebar-loading {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background-image: url(/Content/images/utils/loader.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
}

/* #### DARK MENU #### */

#sidebar.dark-menu {
    background: #1A202C;
    color: #A0ABC0;
}

#sidebar.dark-menu .brand {
    width: 40px;
    height: 40px;
    background-image: url(/Content/images/logos/logo-menu-white.svg);
}
.painel-busca .popover .img-size-select,
#filtro-modal .img-size-select {
    max-height: 20px;
    min-width: 16px;
}

.painel-busca .popover .over-image-select,
#filtro-modal .over-image-select {
    height: 16px;
    width: 16px;
    margin-top: -3px;
}

#painel-busca .popover-content .form-group,
#filtro-popover-funcionarioAtividade .popover-content .form-group,
#filtro-popover-planejamento .popover-content .form-group,
#filtro-popover-controleHoras .popover-content .form-group,
#filtro-popover-blocos .popover-content .form-group {
    display: flex;
    align-items: center;
}

.gest-input .form-select,
.gest-input .form-control{
    width: 270px;
}

.form-filtro {
    float: right;
    margin-right: 15px;
}

.form-indicator{
    width: 360px;
}

    .form-indicator .form-select {
        width: 260px !important;
    }

.form-conta .select2-container {
    width: 254px !important;
}

.form-pend {
    width: 360px !important;
}
    .form-pend #filtro-periodo-data-select,
    .form-pend .form-select {
        width: 260px !important;
    }
.form-imposto .form-select,
.form-invest .form-select,
.form-invest-tipo .form-select,
.form-comi-fornecedor .form-select {
    width: 260px !important;
}

.form-filtro-descricao {
    padding: 4px 15px;
    color: #1A202C;
    font-size: 10pt;
    border-radius: 5px;
    background-color: #E2E7F0;
    justify-content: space-between;
    display: flex;
    align-items: center;
    min-height: 35px;
}

    .form-filtro-descricao .btn {
        background-color: #EDF1F7;
        color: #1A202C;
        font-size: 10pt;
        font-weight: 600;
        height: 27px;
        padding-bottom: 0;
        padding-top: 0;
    }

.drop-filtro {
    font-size: 9pt;
}

.seta-drop {
    position: absolute;
    left: 70px;
    bottom: 91px;
    width: 20px;
    height: 20px;
    border-left: 1px solid #CBD2E0;
    border-top: 1px solid #CBD2E0;
    background: #ffffff;
    transform: rotate(45deg);
}

.active-drop {
    color: #F23F87 !important;
}

#buttonFixSmallInlineFilterPeriodo {
    height: 26px;
    line-height: 100%;
    width: 51px !important;
    padding: 6px 16px 5px 16px;
}

#periodoBuscaAvancada-data-select .data-select-txts .col-6:nth-of-type(2) {
    padding-right: 0 !important;
}

.dataFim-dentroBusca {
    margin-left: -7px;
}

/*--------------------- Novo Filtro Resumo ------------------------*/

.dropdown-filtro-resumo {
    text-align: left;
    width: max-content;
    padding: 20px;
}

.filtro-resumo {
    margin-top: 1px;
    margin-right: auto;
    padding-left: 3px;
    position: relative;
}

/* -- Painel de busca ------------------------------- */
.form-busca {
    font-size: 10pt;
}

.msg-busca, .blc-total-registros {
    float: right;
    margin-right: 15px;
    color: #677389;
    font-weight: 700;
    line-height: 35px;
    text-align: right;
    text-transform: uppercase;
}

.blc-total-registros {
    font-size: 12px;
    float: none;
    color: #677389;
}

.txt-busca:focus {
    border-color: #A0ABC0 !important;
}

.painel-busca {
    float: right;
    width: 345px;
}

    .painel-busca.painel-busca-group {
        float: right;
        width: auto;
    }

.simples {
    width: 365px;
    float: right;
}

.painel-busca .txt-busca-simples {
    min-height: 35px;
    width: 270px;
    color: #677389;
    border-right: none !important;
}

    .painel-busca .txt-busca-simples::-webkit-input-placeholder,
    .painel-busca .txt-busca-simples::-moz-placeholder,
    .painel-busca .txt-busca-simples:-ms-input-placeholder,
    .painel-busca .txt-busca-simples:-moz-placeholder {
        font-size: 13px;
    }

.painel-busca .input-group-addon {
    border-left: none !important;
}

.painel-busca .form-group {
    margin: 0 0 10px 0;
}

body > .popover {
    z-index: 999999;
}

.painel-busca .popover {
    top: 34px !important;
    left: -93px;
    width: 400px;
    max-width: 404px !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
}

.painel-busca .popover-button.popover-button-group {
    top: 34px !important;
    left: -280px;
    width: 400px;
    max-width: 400px !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
}

.pendencia-cliente .painel-busca .popover-button.popover-button-group {
    left: -352px;
}

.pendencia-cliente #filtro-popover{
    min-width: 450px;
}

.pendencia-cliente .form-pend {
    width: 400px !important;
}

.pendencia-cliente .form-pend #filtro-periodo-data-select, .form-pend .form-select {
    width: 300px !important;
}

.pendencia-cliente .painel-busca .popover .date {
    max-width: 115px;
}

.pendencia-cliente .dataFim-dentroBusca{
    margin-left: 0px;
}

.painel-busca .popover-button {
    top: 34px !important;
    left: -128px;
    width: 400px;
    max-width: 400px !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
}


.painel-busca .popover .arrow {
    display: none;
}

.painel-busca .popover label {
    display: inline-block;
    float: left;
    font-size: 9pt;
    font-weight: normal;
    color: #1A202C;
    width: 96px;
    text-align: right;
    margin-right: 5px;
}

    .painel-busca .popover label.overflow {
        line-height: 100%;
        margin-top: -1px;
    }

.painel-busca .popover .form-control {
    font-size: 9pt;
    height: 26px;
    width: 300px;
    padding: 0 6px;
}

    .painel-busca .popover .form-control:focus {
        border-color: #3576ED;
    }

.painel-busca .popover label.btn-radio {
    margin: 0;
    width: auto;
}

.painel-busca .popover .form-select, .painel-busca .popover #txt-etapa-workflow {
    height: auto !important;
    width: 300px;
    display: inline-block;
}

.painel-busca .popover .select2-container {
    height: 25px;
    font-size: 12px;
}

    .painel-busca .popover .select2-container .select2-choice {
        height: 25px;
        line-height: 25px;
        font-size: 12px;
    }

        .painel-busca .popover .select2-container .select2-choice .select2-arrow {
            padding-top: 0;
        }

            .painel-busca .popover .select2-container .select2-choice .select2-arrow b {
                background-position: 0 -1px;
            }

        .painel-busca .popover .select2-container .select2-choice abbr {
            top: 5px;
        }

.painel-busca .popover .select2-container-multi .select2-choices .select2-search-choice {
    font-size: 12px;
    line-height: 19px;
    margin: 2px 0 2px 2px;
}

.painel-busca .popover .select2-search-choice-close {
    top: 3px;
}

.drop-filtro {
    font-size: 9pt;
}

.seta-popover {
    cursor: pointer;
}

.painel-busca .popover .popover-title {
    border-radius: 0;
    font-size: 9pt;
    padding: 4px 8px;
    background-color: #f7f7f7;
}

.painel-busca .popover .input-group-addon .input-group-text {
    padding: 2px 8px;
    min-width: 35px;
}

.painel-busca .popover .form-datepicker input {
    width: 241px;
}

.painel-busca .popover .select2-container-multi .select2-choices .select2-search-field input {
    padding: 0 0 0 5px;
    height: 22px;
}

.painel-busca .popover .input-group {
    float: left;
}

.painel-busca .popover .form-datepicker input {
    width: 80px;
}

.painel-busca .popover .date {
    max-width: 114px;
}

.painel-busca .input-date .date {
    max-width: 132px;
}

#filtro-popover-funcionarioAtividade .input-date .date,
#filtro-popover-controleHoras .input-date .date {
    max-width: 130px;
}

.painel-busca .popover .select-group {
    max-width: 80px;
}

.filtro-popover .popover-content{
    padding: 8px;
}

#filtro-popover-status .popover-content .form-group {
    position: relative;
    margin: 0 0px 15px 50px;
}

    #filtro-popover-status .popover-content .form-group label {
        display: inline-block;
        margin: 0 5px 0 -50px;
    }

    #filtro-popover-status .popover-content .form-group .select2-container {
        width: 185px;
    }

#filtro-popover-pendentes,
#filtro-popover-processando,
#filtro-popover-enviadas,
#filtro-popover-canceladas {
    width: 440px;
    left: -134px !important;
}

#filtro-popover-processando .date,
#filtro-popover-canceladas .date {
    max-width: 127px;
}

#filtro-popover-pendentes .form-group,
#filtro-popover-processando .form-group,
#filtro-popover-enviadas .form-group,
#filtro-popover-canceladas .form-group {
    display: flex;
    align-items: center;
}

    #filtro-popover-pendentes .form-group label,
    #filtro-popover-processando .form-group label,
    #filtro-popover-enviadas .form-group label,
    #filtro-popover-canceladas .form-group label {
        margin-bottom: 0px;
    }

.painel-busca #filtro-popover-pendentes,
.painel-busca #filtro-popover-processando,
.painel-busca #filtro-popover-enviadas,
.painel-busca #filtro-popover-canceladas {
    left: -94px;
}

/* -- Filtro Modal ----------------------------- */
#filtro-modal,
#filtro-modal label,
#filtro-modal .form-control {
    font-size: 9pt;
}

    #filtro-modal .input-group-addon .input-group-text {
        font-size: 10px;
        padding: 4px 8px;
    }

    #filtro-modal .form-group {
        margin-bottom: 10px;
    }

    #filtro-modal .form-control {
        height: 25px;
        padding: 0 6px;
    }

    #filtro-modal .select2-container .select2-choice {
        height: 25px;
        line-height: 25px;
    }

        #filtro-modal .select2-container .select2-choice .select2-arrow {
            padding-top: 0;
        }

            #filtro-modal .select2-container .select2-choice .select2-arrow b {
                background-position: 0 -1px;
            }

        #filtro-modal .select2-container .select2-choice abbr {
            top: 5px;
        }

    #filtro-modal .select2-choices {
        height: 25px;
    }

    #filtro-modal .select2-container-multi .select2-choices .select2-search-field input {
        padding: 2px 5px;
    }

    #filtro-modal .select2-search-choice-close {
        top: 3px;
    }

    #filtro-modal .data-select-btn {
        height: 24px;
        padding: 0;
        line-height: 24px;
        font-size: 10px;
    }

    #filtro-modal .select2-container-multi .select2-choices .select2-search-choice {
        font-size: 12px;
        line-height: 19px;
        margin: 2px 0 2px 2px;
    }

    #filtro-modal .select2-search-choice-close {
        top: 3px;
    }


#filtro-popover-status .popover-content .form-group {
    position: relative;
    margin: 0 0px 15px 50px;
}

    #filtro-popover-status .popover-content .form-group label {
        display: inline-block;
        margin: 0 5px 0 -50px;
    }

    #filtro-popover-status .popover-content .form-group .select2-container {
        width: 185px;
    }

/* -- Filtro Modal ----------------------------- */
#filtro-modal,
#filtro-modal label,
#filtro-modal .form-control {
    font-size: 9pt;
}

    #filtro-modal .input-group-addon {
        font-size: 10px;
    }

    #filtro-modal .form-group {
        margin-bottom: 10px;
    }

    #filtro-modal .form-control {
        height: 25px;
        padding: 0 6px;
    }

    #filtro-modal .select2-container .select2-choice {
        height: 25px;
        line-height: 25px;
    }

        #filtro-modal .select2-container .select2-choice .select2-arrow {
            padding-top: 0;
        }

            #filtro-modal .select2-container .select2-choice .select2-arrow b {
                background-position: 0 -1px;
            }

        #filtro-modal .select2-container .select2-choice abbr {
            top: 5px;
        }

    #filtro-modal .select2-choices {
        height: 25px;
    }

    #filtro-modal .select2-container-multi .select2-choices .select2-search-field input {
        padding: 2px 5px;
    }

    #filtro-modal .select2-search-choice-close {
        top: 3px;
    }

    #filtro-modal .data-select-btn {
        height: 24px;
        padding: 0;
        line-height: 24px;
        font-size: 10px;
    }

    #filtro-modal .select2-container-multi .select2-choices .select2-search-choice {
        font-size: 12px;
        line-height: 19px;
        margin: 2px 0 2px 2px;
    }

    #filtro-modal .select2-search-choice-close {
        top: 3px;
    }

#filtro-popover .data-select-txts {
    width: 300px;
    position: unset;
    display: flex;
    flex-wrap: wrap;
}


#filtro-popover .form-group .input-group {
    float: left !important;
    width: 270px;
}

#filtro-popover,
#filtro-popover-funcionarioAtividade,
#filtro-popover-planejamento,
#filtro-popover-controleHoras {
    float: left !important;
    width: 450px;
}

    #filtro-popover .popover-content {
        overflow-y: auto;
        max-height: 500px;
    }

    #filtro-popover .popover-content label {
        margin-bottom: 0;
    }

.bloco-filtro {
    width: auto;
    display: inline;
    float: left;
}

/** Novo Layout Opções ****/
.filtro-data {
    position: relative;
    margin-left: 63%;
    float: left;
}

.form-busca .filtro-resumo {
    vertical-align: baseline;
    width: auto;
    float: right;
    margin-top: 8px;
}

.filtro-prioridade {
    width: 12%;
    float: left;
    position: absolute;
}

    .filtro-prioridade .j-drop-opcoes {
        position: absolute;
    }

.filtro-ijob-opcoes ul.dropdown-light-direita {
    left: -195px;
    top: 21px;
    width: 316px;
}

.filtro-prioridade .j-drop-opcoes {
    display: inline-block;
    position: absolute;
}

.filtro-data .j-drop-opcoes {
    display: inline-block;
    position: relative;
}

.bloco-filtro-relatorio {
    display: flex;
    float: right;
}

/********************************** Filtro Auditoria ********************************/
#painel-busca-direita #filtro-popover-auditoria.popover {
    left: 0;
    width: 315px;
    max-width: 315px;
}

    #painel-busca-direita #filtro-popover-auditoria.popover .popover-title {
        padding: 3px 10px;
    }

    #painel-busca-direita #filtro-popover-auditoria.popover .popover-content {
        padding: 10px;
    }

        #painel-busca-direita #filtro-popover-auditoria.popover .popover-content .form-group label {
            width: 80px;
            line-height: 2.1;
        }

        #painel-busca-direita #filtro-popover-auditoria.popover .popover-content .form-group .j-busca-param {
            width: 200px;
        }

        #painel-busca-direita #filtro-popover-auditoria.popover .popover-content .form-group .form-datepicker input {
            width: 90px;
        }

#painel-busca-direita.painel-busca {
    width: inherit;
    float: initial;
}

#painel-busca-direita .paragrafo {
    margin: 5px 0 5px 25px;
}

/****************************** Fim do Filtro Auditoria *****************************/

.painel-busca .popover {
    top: 34px !important;
    left: -144px;
    max-width: 500px !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
}


div#filtro-popover-status,
div#filtro-popover-situacao,
div#filtro-popover-redesocial {
    margin-top: -8px;
    display: inline-grid;
    position: absolute;
    left: 101px;
    width: 73%;
}


label.label-check-filtro {
    width: unset !important;
}

.container-box-sub-filtro {
    padding: 15px;
}

    .container-box-sub-filtro .item-filtro .label-check-filtro {
        margin-bottom: 0;
    }

.item-filtro {
    font-weight: 600;
    font-size: 13px;
    line-height: 30px;
}



    .item-filtro .label-item-filtro span {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

/********************* Novo Filtro ************************/


/* filtro de blocos */

.novo-filtro .painel-busca {
    width: auto;
}

.novo-filtro .btn-filtrar-por {
    text-align: left;
    font-weight: 600;
}

.botao-filtrar-por #filtro-popover .form-select,
.filtro-filtrar-por #filtro-popover .form-select {
    width: 264px;
}

.novo-filtro #btn-popover-text {
    line-height: 1;
}

/* Popover */

#filtro-popover-blocos {
    width: 440px;
    border: 1px solid #CBD2E0;
    border-radius: 2px;
    max-width: 445px !important;
    left: initial;
    right: 0;
    top: 100% !important;
    margin-top: .5rem;
}

    #filtro-popover-blocos .calendar-bottom-input .datepicker-dropdown {
        top: 100% !important;
        right: 0 !important;
        left: 0 !important;
        width: max-content;
    }

    #filtro-popover-blocos .popover-content {
        padding: 25px;
        overflow-y: initial;
    }


    #filtro-popover-blocos .form-group .input-group {
        float: left !important;
        width: 270px;
    }

.filtro-bloco-tooltip {
    display: inline-block;
    font-size: 11px;
}

#popover-filtro-periodo .data-select {
    width: 300px;
    height: 28px;
    float: left;
}

#filtro-popover-blocos #popover-filtro-periodo.remove-close .select2-search-choice-close {
    display: none;
}

#filtro-popover-blocos .form-datepicker .form-control {
    width: 80px !important;
}

#filtro-popover-blocos .data-select-txts {
    width: 100%;
    display: inline-block;
    padding: 0;
}

#filtro-popover-blocos .pr-lg-7 {
    padding-right: 0 !important;
    clear: both;
    margin: 4px 0 0 0;
}

/* Filtro do gestão de atividades • Relatórios*/
#filtro-popover-funcionarioAtividade,
#filtro-popover-planejamento,
#filtro-popover-controleHoras {
    left: -144px;
}

#filtro-popover-funcionarioAtividade .form-group label {
    margin-bottom: 0;
}

/* Select2 */
#filtro-popover-blocos .form-control, #filtro-popover-blocos .select2-container {
    width: 300px;
    height: 28px;
    border-color: #CBD2E0;
}

#filtro-popover-blocos .select2-search-choice div {
    max-width: 228px;
    overflow: hidden;
    white-space: nowrap;
}

/* labels e Tooltip */
#filtro-calendario .filtro-blocos-labels,
#filtro-popover-blocos .filtro-blocos-labels {
    float: left;
    width: 73px;
    margin: 0px 7px 0 0;
    text-align: right;
}

    #filtro-calendario .filtro-blocos-labels label,
    #filtro-popover-blocos .filtro-blocos-labels label {
        display: inline-block;
        width: auto !important;
        float: none !important;
        text-align: right;
        font-size: 13px;
        font-weight: 600;
        color: #2D3648;
        margin: 0;
    }

#filtro-calendario .btn-group-filtro .btn:first-of-type,
#filtro-popover-blocos .btn-group-filtro .btn:first-of-type {
    margin-right: 0;
}

/* Botoes */
#filtro-calendario .btn-filtro,
#filtro-popover-blocos .btn-filtro {
    width: auto !important;
    height: 30px !important;
    padding: 0px 10px !important;
    line-height: 30px;
    font-weight: 700;
    font-size: 11px;
    float: right;
    text-transform: uppercase;
}

#filtro-calendario .popover-content .form-group:last-child,
#filtro-popover-blocos .popover-content .form-group:last-child {
    margin: 0 !important;
}

/*Gráfico de Gantt*/
.busca-grafico-gantt {
    min-width: 250px;
    max-width: 250px;
}

.show-after-busca {
    display: none;
}

#auditoria #painel-busca {
    margin-right: 25px;
}


.novo-check {
    display: inline-block;
    margin-left: 19px;
}

    .novo-check > span {
        display: inline-block;
    }

.chevron-opcoes {
    vertical-align: baseline;
    margin-left: 5px;
    font-size: 10px;
}

.novo-check .chevron-opcoes {
    margin-left: -5px;
}

/* Filtro Contatos */
#filtro-popover-contato {
    width: 450px;
}

@media screen and (min-width: 1400px) {
    #filtro-popover-blocos .select2-container-multi {
        width: 300px !important;
    }
}

@media (max-width: 1440px) and (min-width: 768px) {
    #filtro-popover-blocos .popover-content {
        padding: 25px;
    }
}

@media screen and (max-width: 1040px), screen and (max-height: 600px) {
    #filtro-popover-blocos {
        left: -284px;
    }

    .bloco-filtro .painel-busca .btn-primary {
        font-size: 10pt !important;
        padding: 5px 8px;
    }

    .bloco-filtro .painel-busca .btn-filtro {
        font-size: 11px !important;
    }

    #filtro-popover-blocos .popover-content label {
        font-size: 13px !important;
    }

    #filtro-popover-blocos .select2-choice, #filtro-popover-blocos .select2-container, #filtro-popover-blocos .select2-choices {
        width: 260px !important;
    }

    .bloco-filtro .painel-busca .popover {
        top: 30px !important;
    }

    #filtro-popover-blocos #btn-busca {
        margin-right: 2px;
    }

   

    .novo-filtro .painel-busca .popover .form-select {
        height: 28px !important;
    }
}

@media screen and (min-width: 650px) and (max-width: 1199px) {
    .filtro-prioridade {
        width: 18%;
    }
    .chevron-opcoes {
        vertical-align: text-top;
    }
}

/*Tablet e celular landscape*/

@media screen and (max-height: 700px) {
    #filtro-popover .popover-content {
        overflow-y: auto;
        max-height: 400px;
    }
}

@media screen and (max-height: 600px) {
    #filtro-popover .popover-content {
        overflow-y: auto;
        max-height: 300px;
    }
}

@media screen and (max-width:1040px), screen and (max-height: 600px) {
    .usuario-notificacao-lista > ul {
        max-height: 200px;
    }

    #filtro-popover, #filtro-popover-enviadas, #filtro-popover-pendentes, #filtro-popover-status {
        width: 405px;
    }

    /*Campos de busca*/
    .painel-busca .txt-busca-simples {
        width: 150px;
        font-size: 10.5px;
    }

    #txt-busca-simples, #txtBusca {
        font-size: 10.5px !important;
    }

    .form-filtro .select2-choice, .form-filtro .select2-drop, .form-filtro .select2-container, .form-filtro .select2-choices {
        width: 150px !important;
        font-size: 11px;
    }

    .resultado {
        display: none;
    }

    /*Finaceiro controle*/
    .bloco-filtro .radio-group {
        margin: 0px 5px;
    }

    .filtro-ijob-opcoes ul.dropdown-light-direita {
        left: -187px !important;
        top: 21px;
        width: 270px !important;
    }

    /* Campos data */

    #filtro-popover .data-select-txts .form-datepicker .form-control {
        width: 236px !important;
    }

    #filtro-popover .data-select-txts {
        width: auto;
        display: inline-block;
        padding: 0;
    }

    #filtro-popover .pr-lg-7 {
        padding-right: 0 !important;
        clear: both;
        margin: 4px 0 0 0;
    }

    /*Data personalizada dentro da Busca Avançada*/
    .dataFim-dentroBusca {
        margin-left: 27px;
    }

    /*Gráfico de Gantt*/
    .busca-grafico-gantt {
        min-width: 200px !important;
        max-width: 200px !important;
    }
}

@media screen and (max-width: 1300px) and (min-width: 970px) {

    /*Campos de busca*/
    .painel-busca .txt-busca-simples {
        width: 200px;
    }

    .painel-busca {
        width: 345px;
    }

    #blc-conteudo-topo .form-busca > .input-group {
        width: 250px;
    }

    .form-filtro .select2-choice, .form-filtro .select2-drop, .form-filtro .select2-container, .form-filtro .select2-choices {
        width: 150px !important;
    }

    .select-conta-filtro-lancamento .select2-container,
    .select-conta-filtro-lancamento .select2-container .select2-choices {
        width: 190px !important;
    }

    .j-grid-extrato .form-filtro {
        display: inline-table;
    }

    .bloco-filtro-relatorio .linha-vertical {
        background-color: #E2E7F0;
        width: 2px;
        height: 35px;
        margin: 0 20px;
    }

    #filtro-popover-blocos .select2-choice, #filtro-popover-blocos .select2-container, #filtro-popover-blocos .select2-choices {
        width: 260px !important;
    }
}

@media screen and (max-width: 1480px) and (min-width: 768px) {
    #filtro-modal .modal-dialog {
        width: 85% !important;
    }
}

.filtro-ordena-kanban {
    right: 20px;   
    margin: 0;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;  
    font-size: 0.875rem;
    width: 20px;
    height: 20px;
}


.container-empty-state {
    padding: 80px 0;
    cursor: initial;
}

    .container-empty-state .body-empty-state {
        max-width: 210px;        
    }

        .container-empty-state .body-empty-state p {
            line-height: 140%;
        }

    .container-empty-state .body-empty-state p:last-child {
        margin-bottom:0;
    }


.height-spacer-radio {
    min-height: 43px;
}


#filtro-simples-ijob .form-control {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 9px 12px;
    color: #677389; /*gray-500*/
}
/* Timesheet */
#blc-painel-usuario .timesheet-content {
    display: block;
    min-height: 73px;
    padding: 5px 0 10px 0;
    box-sizing: padding-box;
}

    #blc-painel-usuario .timesheet-content .timesheet-linha:first-of-type {
        margin-bottom: 15px;
    }

    #blc-painel-usuario .timesheet-content .timesheet-nome, #blc-painel-usuario .timesheet-content .timesheet-titulo, #blc-painel-usuario .timesheet-content .timesheet-job {
        width: 370px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

    #blc-painel-usuario .timesheet-content .timesheet-linha a {
        width: 380px;
    }

    #blc-painel-usuario .timesheet-content .timesheet-nome {
        font-size: 11px;
        font-weight: bold;
        color: #9a9da4;
        text-transform: uppercase;
    }

    #blc-painel-usuario .timesheet-content .timesheet-titulo {
        padding: 0;
        font-size: 15px;
        font-weight: 600;
        color: #1A202C;
    }

    #blc-painel-usuario .timesheet-content .timesheet-job {
        font-size: 11px;
        font-weight: bold;
        color: #9a9da4;
        text-transform: uppercase;
    }

    #blc-painel-usuario .timesheet-content .time-status {
        display: inline-grid;
        margin-left: 10px;
    }

    #blc-painel-usuario .timesheet-content .btn, .botoes-ppc .timesheet .btn {
        height: 25px;
        width: 25px;
    }

    #blc-painel-usuario .timesheet-content .btn-warning, .botoes-ppc .timesheet .j-play {
        margin-right: 4px;
    }

    #blc-painel-usuario .timesheet-content .btn .icon {
        font-size: 8px;
    }

/*temporário para atender o dash do atendimento que é layout antigo*/
.botoes-ppc .timesheet .btn {
    height: 25px;
    width: 25px;
}

.botoes-ppc .timesheet .j-play, .botoes-ppc .timesheet .btn-warning {
    margin-right: 4px;
}

.botoes-ppc .time-status span {
    color: #4c4c4c;
    font-size: 11px;
    text-align: center;
    text-transform: inherit;
    font-weight: 500;
    display: block;
}

.timesheet {
    font-weight: bold;
}

    .timesheet .time {
        color: #A0ABC0;
        font-size: 11px;
        text-transform: uppercase;
    }

    .timesheet .btn:not(:last-of-type) {
        margin-right: 8px;
    }

    .timesheet .btn-group-aprovacao {
        display: inline-block;
        position: relative;
    }

        .timesheet .btn-group-aprovacao:hover .btn-group-menu {
            visibility: visible;
            opacity: 1;
        }

        .timesheet .btn-group-aprovacao .btn-group-menu {
            position: absolute;
            top: -1px;
            left: -1px;
            border: 1px solid transparent;
            z-index: 1;
            width: max-content;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: visibility 0s, opacity 0.5s ease-out;
            -moz-transition: visibility 0s, opacity 0.5s ease-out;
            -o-transition: visibility 0s, opacity 0.5s ease-out;
            transition: visibility 0s, opacity 0.5s ease-out;
        }

        #Workflow .timesheet .btn-group-aprovacao .btn-group-menu .btn {
            padding: 6px 20px 9px 16px;
        }
/* somente a coluna 3 com relative z-index maior para o timesheet */
#KanbanCriacao > div:nth-of-type(3) {
    position: relative;
    z-index: 2;
}

.timesheet .btn-group-aprovacao .btn-group-menu .btn {
    width: 100% !important;
    padding: 8px 8px 9px 8px;
    border: none;
    border-radius: 0;
    text-align: left;
    color: #fff;
    height: 32px !important;
}

.timesheet .btn-group-aprovacao .btn-group-menu li:first-child .btn {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.timesheet .btn-group-aprovacao .btn-group-menu li:last-child .btn {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.timesheet .btn-group-aprovacao .btn-group-menu strong {
    padding-left: 5px;
}

.table-grid .timesheet {
    display: flex;
}

.table-grid .time-status {
    display: inline-grid;
    margin-left: 10px;
}

.table-grid .timesheet .time {
    display: block;
    border: none;
}

.table-grid .timesheet .btn {
    height: 25px;
    width: 25px;
}

.table-grid .timesheet > .btn,
.table-grid .timesheet > .btn-group-aprovacao {
    margin: 4px;
}

/* TimeSheet Menu Novo */

#sidebar .timesheet-content .timesheet-linha.group-info > a {
    display: block;
}

#sidebar .timesheet-content .timesheet-linha.group-info .timesheet-nome {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
}

#sidebar .timesheet-content .timesheet-linha.group-info .timesheet-titulo {
    display: inline-block;
    margin-right: .5rem;
    text-transform: uppercase;
    font-size: 12px;
    color: #A0ABC0;
    font-weight: bold;
}

#sidebar .timesheet-content .timesheet-linha.group-info .timesheet-job {
    display: inline;
    text-transform: uppercase;
    font-size: 12px;
    color: #A0ABC0;
    font-weight: bold;
}

#sidebar .timesheet-content .timesheet-linha + .timesheet-linha {
    margin-top: .75rem;
}

#sidebar .timesheet-content .timesheet-linha.btn-actions > .timesheet {
    display: flex;
    align-items: center;
}

#sidebar .timesheet-content .timesheet-linha.btn-actions .time-status {
    margin-left: 1rem;
}

    #sidebar .timesheet-content .timesheet-linha.btn-actions .time-status span {
        display: block;
    }
.timeline-circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-flex !important;
    font-size: .5rem;
}

.timeline {
    position: relative;
}

.timeline .timeline-item:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 100%;
    background-color: #eee;
    top: 0;
    left: 17px;
}

.timeline .timeline-item .timeline-content {
    padding-left: 50px;
}

.timeline .timeline-item .timeline-circle {
    position: absolute;
    z-index: 1;
}

.timeline .timeline-item:not(:last-of-type) {
    position: relative;
    padding-bottom: 20px;
}

/* ======================= GRID ======================= */

/* STRIPED */

#novo-grid .table-striped > tbody > tr > td,
#novo-grid .table-striped > tbody > tr > th {
  background-color: #F7FAFD;
}

#novo-grid .table-striped > tbody > tr:nth-child(odd) > td,
#novo-grid .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #fff;
}

/* LINHA */

#novo-grid .table tr.j-abre-contexto {
    height: 68px;
}

#novo-grid .table > tbody > tr > td:first-child{
    border-top: none;
}

#novo-grid .table > tbody > tr > td {
    border-top: 1px solid #EDF1F7;
}

#novo-grid .table > tbody > tr.disabled {
    pointer-events: none;
    opacity: 0.6;
}

/* LINHA SELECIONADA */

#novo-grid .table td.active:not(.vazia) {
    background-color: #e4e6ed !important;
    color: #2D3648 !important;
}

#novo-grid .table td.active {
    border-top: 1px solid #E2E7F0;
    border-bottom: 1px solid #E2E7F0;
}

#novo-grid .table td.active:first-child {
    border-left: 0px solid #E2E7F0;
    border-bottom: none;
    border-top: none;
}

#novo-grid .table td.active:last-child {
    border-right: 1px solid #E2E7F0;
}

/* SITUACAO TAG  */

#novo-grid .w4, div.dash-box-content .w4 {
    width: 4px;
    max-width: 4px;
    min-width: 4px;
    padding: 0 !important;
}

/* COLUNA PRINCIPAL E SECUNDARIA */

#novo-grid td.principal .primaria {
    color: #1A1F26;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 12px;
    line-height: 120%;
    margin-bottom: 3px;
}

#novo-grid td.principal .primaria:empty {
    display: none;
}

    #novo-grid td.principal .primaria:empty + .secundaria:last-of-type {
        margin: 0;
    }

    #novo-grid .table td.principal {
        max-width: 350px;
        font-size: 14px;
        font-weight: 600;
        color: #0F369B;
    }

#novo-grid td.principal .secundaria {
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 120%;
}

    #novo-grid td.principal .secundaria + .secundaria {
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .5px;
    }

    #novo-grid td.principal .secundaria:last-of-type {
        margin-bottom: 12px;
    }

    #novo-grid td.principal .secundaria:not(:empty):nth-of-type(2) + .secundaria {
        margin-top: 3px;
    }    

    #novo-grid .grid-subtitulo {
        font-size: 11px;
        font-weight: bold;
        color: #677389;
    }

/* TAG */

#novo-grid .table td .tag.tag-small {
    padding: 1px 4px;
    font-size: 9px;
    border-radius: 2px;
    margin-left: 5px;
    letter-spacing: 0.02em;
    line-height: 120%;
}

#novo-grid .table td.tag .tag .tag.tag-medium {
    font-size: 10px;
    margin-left: 0;
}

/* RESPONSAVEL */

/* LEGENDA */

#novo-grid .td-legenda {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    text-align: left;
}

#novo-grid .td-data {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    text-align: left;
}


#novo-grid .span-labellegenda {
    font-size: 10px;
    font-weight: bold;
    color: #A0ABC0;
    text-transform: uppercase;
    text-align: left;
}
.div-tab-white {
    background-color: white;
    height: 100px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    border-radius: 10px;
    line-height: 100px;
    font-size: 15pt;
    color: #4A5568;
    cursor: pointer
}

.div-tab-white:not(.div-tab-white-active):hover {
    border-width: 2px;
    border-style: solid;
    line-height: 96px;
}

.div-tab-white-active {
    border-width: 2px;
    border-style: solid;
    line-height: 96px;
}

.fontIconStyle {
    font-size: 15pt;
    color: white;
    vertical-align: middle;
    text-align: center;
}

.divImg {
    line-height: 30px;
}

.line {
    width: 95%;
    height: 47px;
    border-bottom: 1px solid #d6dbe4;
}

#blc-tab .blc-contexto-conteudo.draggable-tab {
    position: relative;
    height: 31px;
}

    #blc-tab .blc-contexto-conteudo.draggable-tab .nav.nav-inline {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap;
        height: 100%;
        cursor: grab;
    }

        #blc-tab .blc-contexto-conteudo.draggable-tab .nav.nav-inline .nav-link {
            cursor: pointer;
        }

@media screen and (max-width: 1040px), screen and (max-height: 600px) {
    #blc-tab .blc-contexto-conteudo.draggable-tab {
        height: 26px;
    }
}

.tab-project-activities {
    margin-right: -15px !important;
    margin-left: -15px !important;
    background-color: white;
    border-top: 1px solid #EDF1F7;
}

    .tab-project-activities.tab-pane {
        padding: 0px !important;
    }

/* ------------------------------------------------------------------------------------------------------
 ----- Social Editor --------------------------------------------------------------------------------------------
 ------------------------------------------------------------------------------------------------------ */
.social-text-group {
    position: relative;
    padding: 20px 0 10px 0px;
}

.social-text-group-ijob {
    position: relative;
    padding: 5px 10px 10px 14px;
    margin-bottom: 20px;
}

.social-text-group .social-icon {
    position: absolute;
    top: 20px;
}

.social-solicitar-alteracao {
    position: absolute;
    top: 60px;
    width: 30px;
    height: 30px;
    padding: 6px 9px;
}

.social-icon {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
}

.facebook-icon {
    background-image: url(/Content/images/integrations/facebook.svg);
}

.instagram-icon {
    background-image: url(/Content/images/integrations/instagram.svg);
}

.twitter-icon {
    background-image: url(/Content/images/integrations/twitter.svg);
}

.linkedin-icon {
    background-image: url(/Content/images/integrations/linkedin.svg);
}

.pinterest-icon {
    background-image: url(/Content/images/integrations/pinterest.svg);
}

.social-icon-ijob {
    top: 20px;
    margin-top: 0;
}

.social-espaco-posts {
    height: 30px;
}

.social-publish.disabled {
    pointer-events: none;
}

.social-text-group {
    margin: auto;
    padding: 30px 40px;
    border-top: 1px solid #E2E7F0;
    background: #F7FAFD;
    min-height: 210px;
}

    .social-text-group .select2-container .select2-choice {
        background: #fff;
        border-radius: 3px;
        border-color: #CBD2E0;
        padding: 0 0 0 12px;
        font-weight: bold;
    }

        .social-text-group .select2-container .select2-choice .select2-arrow b {
            font-family: "icomoon";
            background: none;
            font-size: 8px;
            line-height: 26px;
            color: #888;
        }

            .social-text-group .select2-container .select2-choice .select2-arrow b:before {
                content: "\e96e";
            }

    .social-text-group .select2-dropdown-open .select2-choice .select2-arrow b:before {
        content: "\e96f";
    }

.social-text {
    position: relative;
}

    .social-text .emojionearea {
        border-bottom: none;
        box-shadow: none;
        border-color: #CBD2E0;
    }

        .social-text .emojionearea.focused {
            border-color: #CBD2E0;
            box-shadow: none;
        }

        .social-text .emojionearea .emojionearea-editor {
            padding-right: 50px;
        }

        .social-text .emojionearea .emojionearea-button {
            right: 25px;
        }

    .social-text .count {
        position: absolute;
        right: 7px;
        bottom: 100px;
        font-weight: 600;
        color: #A0ABC0;
    }

        .social-text .count.text-danger {
            color: #F34242;
        }

    .social-text .media-picker {
        position: absolute;
        top: 7px;
        right: 5px;
        height: 20px;
        cursor: pointer;
        transition: .3s;
        font-size: 17px;
        color: #A0ABC0;
    }

#twitter .social-publish .btn-primary {
    background: #2aa9e0;
    border-color: #2aa9e0;
}

    #twitter .social-publish .btn-primary:hover {
        opacity: 0.9;
    }

#linkedin .social-publish .btn-primary {
    background: #0077b7;
    border-color: #0077b7;
}

    #linkedin .social-publish .btn-primary:hover {
        opacity: 0.9;
    }

.social-text .media-picker:hover {
    filter: contrast(0);
}

.social-text .media-list {
    border: 1px solid #CBD2E0;
    border-top: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 6px 12px 6px 12px;
    margin-top: -1px;
    background-color: #fff;
}

.social-text.disabled .remover-layout,
.social-text.disabled .media-picker,
.social-text.disabled .emojionearea-button {
    display: none;
}

.social-text .media-list .media-item {
    width: 100px;
    height: 100px;
    display: inline-block;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: left;
    position: relative;
}

    .social-text .media-list .media-item .icon:hover {
        cursor: pointer;
    }

    .social-text .media-list .media-item .icon {
        opacity: 0;
        position: absolute;
        top: 5px;
        right: 5px;
        color: #fff;
        font-size: 11px;
        transition: .2s;
    }

    .social-text .media-list .media-item .ver-layout {
        top: calc(50% - 8px);
        right: calc(50% - 10px);
        left: auto;
        font-size: 16px;
    }

    .social-text .media-list .media-item .overlay {
        z-index: 0;
        opacity: 0;
        border-radius: 3px;
        transition: .2s;
    }

    .social-text .media-list .media-item:hover .icon,
    .social-text .media-list .media-item:hover .overlay {
        opacity: 1;
    }

.media-toolbar {
    margin-top: 5px;
}

    .media-toolbar i {
        display: inline-block;
        margin-right: 5px;
    }

.social-publish .status .icon {
    font-size: 21px;
    vertical-align: middle;
}

.social-publish .input-group .input-group-addon {
    background: #F7FAFD;
    border-color: #CBD2E0;
    cursor: pointer;
}

/*================== Tabs Preview ====================*/

.tab-content.tab-preview .btn-novo-layout {
    margin: 0;
    margin-bottom: 0;
    min-height: 280px;
    width: initial;
}

.tab-content.tab-preview .social-publish {
    padding: 0 40px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 40px;
    display: block;
    background-color: #F7FAFD;
}

.tab-content.tab-preview .button-action-images {
    position: absolute;
    top: 8px;
    z-index: 5;
    right: 8px;
    color: #fff;
    font-size: 8px;
}

    .tab-content.tab-preview .button-action-images i {
        display: inline-block;
        border-radius: 8px;
        padding: 6px;
        margin: 0 2px;
        cursor: pointer;
    }

        .tab-content.tab-preview .button-action-images i.remover-layout {
            background: white;
            border: 2px solid #E2E7F0;
            padding: 4px;
        }

.preview {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
    background-color: #F7FAFD;
    border-top: 1px solid #CBD2E0;
    display: inline-block;
    word-break: break-all;
}

    .preview > .box {
        background: #FFF;
        border-radius: 4px;
        height: auto;
        margin: 40px auto;
        max-width: 500px;
        padding: 0;
        position: relative;
        border: 1px solid #E2E7F0;
    }

    .preview .box .texto {
        word-break: break-word;
    }

    .preview .box .box-header {
        position: relative;
    }

    .preview .status {
        position: absolute;
        top: 0;
        right: 0;
    }

    .preview .carousel-inner > .item > img,
    .preview .carousel-inner > .item > a > img {
        width: 100%;
    }

    .preview .carousel-control {
        top: calc(50% - 10px);
        background: rgba(0,0,0,0.3);
        width: 25px;
        height: 25px;
        margin: 0 10px;
        padding: 3px;
        border-radius: 4px;
        font-size: 14px;
        text-shadow: none;
        transition: opacity ease-in-out .2s;
    }

    .preview .raw-field-edit .emojionearea {
        border: none;
        box-shadow: none;
    }

        .preview .raw-field-edit .emojionearea .emojionearea-editor {
            border: none;
            width: auto;
            height: auto;
            min-width: initial;
            min-height: initial;
            padding: 0;
            pointer-events: none;
            overflow: hidden;
            max-height: unset;
        }

        .preview .raw-field-edit .emojionearea .emojionearea-button {
            display: none;
        }


    .preview .container-conteudo-edit-button .emojionearea {
        display: inline-block;
        width: initial;
        vertical-align: middle;
    }

    .preview .field-edit-group .container-conteudo-edit-button .j-show-field-edit,
    .preview .field-edit-group .container-conteudo-edit-button .j-show-field-edit label {
        display: inline-block;
        vertical-align: middle;
    }

    .preview .emojionearea .emojionearea-editor {
        padding-right: 24px;
    }

    .preview .emojionearea {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

        .preview .emojionearea .emojionearea-button {
            right: 3px;
        }

    .preview .layout {
        position: relative;
        overflow: visible;
    }

    .preview.disabled .texto .j-show-field-edit,
    .preview.disabled .texto .btn-novo-texto,
    .preview.disabled .layout .btn-novo-layout,
    .preview.disabled .button-action-images {
        display: none;
    }

    .preview .position-center-label-add {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        text-align: center;
        margin-top: -28px;
    }

    .preview .button-circle {
        width: 32px;
        height: 32px;
        background-color: #F23F87;
        color: #fff;
        border-radius: 50%;
        padding: 8px 9px;
        line-height: 1.3em;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .preview .label-button-text {
        margin-bottom: 0;
        margin-top: 10px;
        color: #F23F87;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 12px;
    }

.texto .alteracao-texto,
.layout .alteracao-layout,
#tabRedesSociais .texto .alteracao-texto {
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -16px;
    margin-left: -16px;
    transition: .2s;
    display: none;
}

#tabRedesSociais .texto .alteracao-texto {
    margin-left: 2px;
}

.preview:hover .alteracao-texto,
.preview:hover .alteracao-layout,
.texto .box-container:hover .alteracao-texto {
    display: flex !important;
}

#tabPreviewOutros .social-text-group .social-text {
    margin: auto;
    max-width: 500px;
}

#modalPreview .btn-alteracao {
    display: none;
}

#modalPreview .preview,
#modalPreview .social-publish {
    background: transparent;
    padding-bottom: 0;
}

/*==================  Preview Facebook ====================*/

.preview.facebook .box {
    padding: 20px 20px 5px;
}

.preview.facebook > .box > [class*="box-"] {
    margin: 0 auto;
    padding: 0 30px;
    position: relative;
}

.preview.facebook > .box > .box-header {
    margin: 0 auto;
    padding: 0 0 15px 0;
    display: flex;
    flex-flow: column;
}

    .preview.facebook > .box > .box-header > .box-header-content {
        font-weight: 700;
        position: relative;
    }

        .preview.facebook > .box > .box-header > .box-header-content > .nome {
            font-size: 14px;
            color: #1649BC;
            font-weight: bold;
            display: block;
            margin-top: 2px;
        }

        .preview.facebook > .box > .box-header > .box-header-content > .data-publicacao-post {
            color: #677389;
            display: block;
            font-size: 12px;
        }

    .preview.facebook > .box > .box-header .avatar {
        border-radius: 50%;
        float: left;
        height: 40px;
        width: 40px;
        margin-right: 8px;
        object-fit: cover;
    }

.preview.facebook > .box > .box-content {
    margin: 0;
    padding: 0;
    position: relative;
    width: initial;
}

    .preview.facebook > .box > .box-content > .texto {
        height: auto;
        margin: 0;
        padding: 0;
        position: relative;
        width: initial;
    }

.preview.facebook > .box > .box-buttons {
    margin: 0 auto;
    padding: 0;
    position: relative;
}

    .preview.facebook > .box > .box-buttons *,
    .preview.facebook > .box > .box-buttons *::before,
    .preview.facebook > .box > .box-buttons *::after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .preview.facebook > .box > .box-buttons button {
        display: inline-block;
        background: #FFF;
        border: 0;
        color: #A0ABC0;
        font-weight: 600;
        height: 42px;
        margin: 0;
        outline: 1px #3576ED;
        padding: 0;
        width: 32.5%;
    }

        .preview.facebook > .box > .box-buttons button * {
            display: inline-block;
            vertical-align: middle;
        }

        .preview.facebook > .box > .box-buttons button .text {
            margin-left: 5px;
            font-size: 13px;
        }

.preview.facebook > .box > .box-content > .content > .media {
    margin: 0;
    padding: 0;
    position: relative;
    width: initial;
    overflow: inherit;
}

.preview.facebook > .box > .box-content > .content > .img:before {
    border: 1px solid rgba(0,0,0,.25);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}


/*==================  Preview Instagram ====================*/

.preview.instagram .top-insta {
    position: relative;
    margin: 20px;
    height: 30px;
    display: block;
}

    .preview.instagram .top-insta img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .preview.instagram .top-insta .user {
        margin-left: 10px;
        -ms-flex-item-align: center;
        align-self: center;
        font-size: 13px;
        font-weight: 600
    }

.preview.instagram .post {
    position: relative;
    padding: 0 20px;
}

    .preview.instagram .post .carousel:hover .carousel-control {
        opacity: 1;
    }

    .preview.instagram .post .carousel-control {
        background: url(/Content/images/integrations/sprite-instagram.png);
        height: 24px;
        width: 24px;
        display: inline-block;
        background-repeat: no-repeat;
        margin: 0 10px;
        padding: 0;
        opacity: 0;
    }

        .preview.instagram .post .carousel-control span {
            display: none;
        }

        .preview.instagram .post .carousel-control.right {
            background-position: -171px -355px;
        }

        .preview.instagram .post .carousel-control.left {
            background-position: -235px -355px;
        }

    .preview.instagram .post .carousel-indicators {
        left: 0;
        bottom: -30px;
        margin: auto;
        width: 100%;
    }

        .preview.instagram .post .carousel-indicators li {
            background: #dbdbdb;
            width: 6px;
            height: 6px;
            border: none;
            margin: 1px;
        }

            .preview.instagram .post .carousel-indicators li.active {
                background: #5C93F7;
            }

    .preview.instagram .post img {
        width: 100%;
        height: 100%;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
    }

.preview.instagram .footer {
    padding: 5px 20px 15px;
    color: #2D3648;
}

.preview.instagram .react {
    position: relative;
}

    .preview.instagram .react span {
        background-image: url(/Content/images/integrations/sprite-instagram.png);
        height: 24px;
        width: 24px;
        display: inline-block;
        background-repeat: no-repeat;
        margin: 8px 8px 4px 0px;
    }

        .preview.instagram .react span:last-child {
            margin-right: 0;
        }

    .preview.instagram .react .love {
        background-position: -408px -156px;
    }

    .preview.instagram .react .comment {
        background-position: -408px -26px;
    }

    .preview.instagram .react .save {
        background-position: -104px -389px;
        float: right;
    }

.preview.instagram .caption {
    position: relative;
    font-size: 14px;
    margin-bottom: 5px;
}

    .preview.instagram .caption a {
        margin-right: .3em;
        font-weight: 600;
    }

.preview.instagram .time {
    font-size: 10px;
    text-transform: uppercase;
    color: #677389;
}


/*==================  Preview Twitter ====================*/

.preview.twitter .tweet {
    padding: 20px 20px 20px 75px;
}

    .preview.twitter .tweet .avatar {
        position: absolute;
        left: 20px;
        border-radius: 50%;
        height: 40px;
        width: 40px;
        object-fit: cover;
        top: 20px;
    }

    .preview.twitter .tweet .tweet-header .fullname {
        word-break: break-all;
        color: #171923;
        font-size: 14px;
        font-weight: bold;
    }

    .preview.twitter .tweet .tweet-header .username,
    .preview.twitter .tweet .tweet-header .time {
        font-size: 14px;
        color: #677389;
    }

    .preview.twitter .tweet .tweet-content {
        position: relative;
    }

    .preview.twitter .tweet .tweet-media {
        position: relative;
        margin-top: 15px;
    }

        .preview.twitter .tweet .tweet-media img {
            border-radius: 5px;
        }

    .preview.twitter .tweet .tweet-buttons {
        margin-bottom: 2px;
        margin-top: 10px;
        color: #677389;
    }

        .preview.twitter .tweet .tweet-buttons span {
            display: inline-block;
            min-width: 80px;
        }

/*==================  Preview Linkedin ====================*/

.preview.linkedin .box {
    border-radius: 2px;
}

.preview.linkedin .box-header {
    margin: 20px 20px 10px 20px;
    position: relative;
}

    .preview.linkedin .box-header .avatar,
    .preview.linkedin .box-header .meta {
        display: inline-block;
        vertical-align: middle;
    }

    .preview.linkedin .box-header .avatar {
        border-radius: 50%;
        height: 40px;
        width: 40px;
        object-fit: cover;
    }

    .preview.linkedin .box-header .fullname {
        font-size: 13px;
        color: #222;
        font-weight: 600;
        display: block;
    }

    .preview.linkedin .box-header .time {
        font-size: 11px;
    }

.preview.linkedin .box-content {
    position: relative;
    margin: 0 20px;
}

.preview.linkedin .box-media {
    position: relative;
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 20px;
}

.preview.linkedin hr {
    margin: 15px;
}

.preview.linkedin .box-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    padding-left: 10px;
}

    .preview.linkedin .box-buttons span {
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
        height: 32px;
        padding: 0 8px;
        position: relative;
        display: inline-block;
    }

        .preview.linkedin .box-buttons span svg {
            fill: rgba(0,0,0,.6);
        }

/*==================  Preview Pinterest ====================*/

.preview.pinterest > .box {
    padding: 20px;
}

    .preview.pinterest > .box > [class*="box-"] {
        margin: 0 auto;
        padding: 0 30px;
        position: relative;
    }

    .preview.pinterest > .box > .box-header {
        margin: 0 auto;
        padding: 15px 0;
        display: flex;
        flex-flow: column;
    }

        .preview.pinterest > .box > .box-header > .box-header-content {
            position: relative;
            display: flex;
            align-items: center;
        }

            .preview.pinterest > .box > .box-header > .box-header-content > .nome {
                font-size: 14px;
                color: #1A202C;
                font-weight: bold;
                margin-right: 5px;
            }

        .preview.pinterest > .box > .box-header .avatar {
            border-radius: 50%;
            float: left;
            height: 40px;
            width: 40px;
            margin-right: 8px;
            object-fit: cover;
        }

    .preview.pinterest > .box > .box-content {
        margin: 0;
        padding: 0;
        position: relative;
        width: initial;
    }

        .preview.pinterest > .box > .box-content > .texto {
            height: auto;
            margin: 0;
            padding: 0;
            position: relative;
            width: initial;
        }

        .preview.pinterest > .box > .box-content > .content > .media {
            margin: 0;
            padding: 0;
            position: relative;
            width: initial;
            overflow: inherit;
        }

        .preview.pinterest > .box > .box-content > .content > .img:before {
            border: 1px solid rgba(0,0,0,.25);
            bottom: 0;
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
        }

/*==================  Preview Youtube ====================*/

.preview.youtube > .box {
    padding: 20px;
}

    .preview.youtube > .box > [class*="box-"] {
        position: relative;
    }

    .preview.youtube > .box > .box-titulo {
        margin-top: 15px;
    }

        .preview.youtube > .box > .box-titulo .titulo {
            display: inline-block;
            font-size: 18px;
            font-weight: bold;
            color: #2D3648;
        }

    .preview.youtube > .box > .box-header {
        margin: 0 auto;
        padding: 15px 0;
        display: flex;
        flex-flow: column;
    }

        .preview.youtube > .box > .box-header > .box-header-content {
            font-weight: 700;
            position: relative;
        }

            .preview.youtube > .box > .box-header > .box-header-content .nome {
                font-size: 14px;
                color: #2D3648;
                font-weight: bold;
                display: block;
                margin-top: 2px;
            }

            .preview.youtube > .box > .box-header > .box-header-content .data-publicacao-post {
                color: #8e8e8e;
                display: block;
                font-size: 12px;
            }

        .preview.youtube > .box > .box-header .avatar {
            border-radius: 50%;
            height: 40px;
            width: 40px;
            margin-right: 8px;
            object-fit: cover;
        }

.preview.youtube .box-buttons {
    border-bottom: 1px solid #E2E7F0;
    color: #677389;
}

    .preview.youtube .box-buttons > div {
        width: 49%;
        display: inline-block;
    }

        .preview.youtube .box-buttons > div:nth-child(2) {
            text-align: right;
        }

    .preview.youtube .box-buttons .text {
        font-size: 16px;
    }

    .preview.youtube .box-buttons .icon {
        font-size: 18px;
        margin-left: 15px;
    }

    .preview.youtube .box-buttons .icomoon-thumbs-up-20:nth-child(2):before {
        transform: rotate(180deg);
    }

.preview.youtube > .box > .box-content {
    margin: 0;
    padding: 0;
    position: relative;
    width: initial;
}

    .preview.youtube > .box > .box-content > .texto {
        height: auto;
        margin: 0;
        padding: 0;
        position: relative;
        width: initial;
    }

    .preview.youtube > .box > .box-content > .content > .media {
        margin: 0;
        padding: 0;
        position: relative;
        width: initial;
        overflow: inherit;
    }

    .preview.youtube > .box > .box-content > .content > .img:before {
        border: 1px solid rgba(0,0,0,.25);
        bottom: 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }

.preview.youtube .btn-inscrever {
    display: inline-block;
    padding: 8px 21px;
    border-radius: 4px;
    background: #F34242;
    color: #FFFFFF;
    text-transform: uppercase;
}

/*==================  Preview Blog ====================*/

.preview.blog > .box {
    max-width: 100%;
    margin: 40px;
    min-height: 200px;
}

    .preview.blog > .box > .box-content {
        margin: 0;
        padding: 0;
        position: relative;
        width: initial;
    }

        .preview.blog > .box > .box-content > .texto {
            height: auto;
            margin: 2rem;
            padding: 0;
            position: relative;
            width: initial;
        }

        .preview.blog > .box > .box-content .btn-novo-texto {
            min-height: 336px;
        }

/*********************************** Guia iClips ************************************/

#guia-iclips {
    padding: 15px 0 25px;
    z-index: 3
}

    #guia-iclips #guia::before {
        content: "";
        display: inline-block;
        width: 3px;
        background-color: #CBD2E0;
        position: absolute;
        left: 35px;
        top: 25px;
        height: 100%
    }

    #guia-iclips #guia .tarefa {
        width: 100%;
        margin: 0px 0;
        margin-top: -10px;
    }

        #guia-iclips #guia .tarefa div, body main #guia .tarefa h3 {
            display: inline-block
        }

        #guia-iclips #guia .tarefa .status-tarefa-guia {
            width: 40px;
            height: 40px;
            border: solid 3px #F23F87;
            background-color: #EDF1F7;
            color: #F23F87;
            border-radius: 50%;
            position: relative;
            top: 55px;
            text-align: center;
            font-size: 25px;
            padding-top: 2px;
        }

        #guia-iclips #guia .tarefa h3 {
            color: #4A5568;
            margin-left: 75px
        }

        #guia-iclips #guia .tarefa h5 {
            margin-left: 100px;
            font-size: 11pt;
            line-height: 1.6em;
        }

        #guia-iclips #guia .tarefa .desc-subtarefa-guia {
            font-size: 11pt !important;
        }

        #guia-iclips #guia .tarefa .subtarefas {
            margin-left: 140px;
            background-color: #F7FAFD;
            border: solid 1px #4A5568;
            border-radius: 5px;
            margin-top: 5px;
            width: 90%;
            padding: 0px 15px;
            font-size: 13pt;
        }

            #guia-iclips #guia .tarefa .subtarefas a {
                float: right;
                color: #4A5568;
                cursor: pointer
            }

            #guia-iclips #guia .tarefa .subtarefas:hover {
                height: inherit
            }

            #guia-iclips #guia .tarefa .subtarefas::after {
                content: "";
                display: inline-block;
                width: 103%;
                height: 10px;
                background-color: #F7FAFD;
                border: solid 1px;
                border-color: transparent #4A5568 #4A5568 #4A5568;
                border-radius: 3px;
                position: relative;
                bottom: -17px;
                left: -1.5%;
                transition: .2s
            }

            #guia-iclips #guia .tarefa .subtarefas::before {
                content: "";
                display: inline-block;
                width: 102%;
                height: 7px;
                background-color: #F7FAFD;
                border-radius: 3px;
                border: solid 1px #4A5568;
                position: relative;
                bottom: -71px;
                left: -1%;
                transition: .2s
            }

            #guia-iclips #guia .tarefa .subtarefas:hover::after {
                height: 12px;
                bottom: -20px;
                transition: .2s
            }

            #guia-iclips #guia .tarefa .subtarefas:hover::before {
                height: 15px;
                bottom: -80px;
                transition: .2s
            }

        #guia-iclips #guia .tarefa .secao {
            display: none;
            width: 100%;
            position: relative
        }

            #guia-iclips #guia .tarefa .secao ul {
                list-style: none
            }

                #guia-iclips #guia .tarefa .secao ul li {
                    margin-left: 140px;
                    background-color: #F7FAFD;
                    border: solid 1px #4A5568;
                    border-radius: 5px;
                    margin-top: 5px;
                    width: 90%;
                    padding: 0 15px;
                    font-size: 13pt;
                    z-index: 2;
                    min-height: 70px;
                    cursor: pointer
                }

                    #guia-iclips #guia .tarefa .secao ul li .status-subtarefa {
                        width: 40px;
                        height: 40px;
                        border-radius: 50%;
                        border: solid 2px #CBD2E0;
                        color: #CBD2E0;
                        position: absolute;
                        margin-top: 20px;
                        font-size: 20px;
                        text-align: center;
                        padding-top: 5px;
                    }

                    #guia-iclips #guia .tarefa .status-concluido, #guia-iclips #guia .tarefa .secao ul li .status-concluido {
                        background: #46BD6F;
                        color: #fff;
                        border-color: #46BD6F;
                    }

    #guia-iclips #descricao .titulo-descricao-subtarefa .status-subtarefa.status-concluido {
        border: none;
    }

    #guia-iclips #guia .tarefa .secao ul li .subtarefa-titulo {
        margin-left: 60px;
        margin-top: 15px;
        font-weight: 600;
        color: #4A5568
    }

    #guia-iclips #guia .tarefa .secao ul li p {
        margin-left: 75px;
        margin-top: 5px;
        font-weight: 300;
        font-size: 12pt;
    }

    #guia-iclips #progresso {
        border: solid 1px #4A5568;
        border-radius: 5px;
        padding: 5px 15px 25px;
        margin-top: 50px;
        background-color: #F7FAFD
    }

        #guia-iclips #progresso h4 {
            color: #4A5568;
            display: inline-block
        }

        #guia-iclips #progresso .tarefas-restantes {
            color: #F23F87;
            float: right;
            padding-top: 5px;
            font-size: 22px
        }

            #guia-iclips #progresso .tarefas-restantes sub {
                font-size: 11px;
                padding-right: 5px;
                color: #4A5568
            }

        #guia-iclips #progresso .progress {
            width: 90%;
            margin: 5px auto 20px
        }

            #guia-iclips #progresso .progress .progress-bar {
                text-align: center;
                background-color: #F23F87;
                font-size: 10px;
            }

        #guia-iclips #progresso a {
            color: #4A5568
        }



    /******************************* Descrição Guia iClips ******************************/
    #guia-iclips #descricao {
        border: solid 1px #4A5568;
        border-radius: 5px;
        padding: 25px 0 0 0;
        margin-top: 20px;
        background-color: #F7FAFD;
    }

#guia-iclips #descricao .status-concluido,
#guia-iclips #descricao .status-concluido .btn-proximo-passo a {
    background: #46BD6F;
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.subtarefa-ignorada {
    text-decoration: line-through;
    opacity: 0.7;
}

.etapa-opacity {
    opacity: 0.5;
}

#guia-iclips #descricao .status-ignorado,
#guia-iclips #descricao .status-ignorado div .status-subtarefa {
    background: #e6e6e6;
    color: black;
    border-color: black;
}

#guia-iclips #descricao .btn-primary {
    min-width: 100px;
    width: 100%;
    background: transparent;
    color: #2D3648;
    border-color: #2D3648;
}

#guia-iclips #descricao .btn-success {
    min-width: 100px;
    background-color: transparent;
    border-color: #46BD6F;
    color: #46BD6F;
}

    #guia-iclips #descricao .btn-success:hover {
        background-color: #46BD6F;
        border-color: transparent;
        color: #FFFFFF;
        transition: .2s;
    }

#guia-iclips #descricao #btn-ignorar:hover, #guia-iclips #descricao .btn-proximo-passo a:hover {
    background: #f2f2f2;
    border: 1px solid #CBD2E0;
    transition: .3s;
    color: black;
}

#guia-iclips #descricao .btn {
    padding: 6px 12px;
    border: 1px solid;
}

#guia-iclips #descricao .titulo-descricao-subtarefa {
    min-height: 50px;
    padding: 0px 25px;
}

    #guia-iclips #descricao .titulo-descricao-subtarefa .status-subtarefa {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: solid 2px #CBD2E0;
        color: #CBD2E0;
        position: absolute;
        font-size: 25px;
        text-align: center;
        padding-top: 10px;
    }

    #guia-iclips #descricao .titulo-descricao-subtarefa .titulo-subtarefa {
        font-size: 20px;
        margin-left: 75px;
        margin-top: 10px;
        font-weight: 600;
        color: #4A5568;
    }

    #guia-iclips #descricao .titulo-descricao-subtarefa .acao-descricao-subtarefa {
        margin-top: 9px;
    }

#guia-iclips #descricao .conteudo-descricao-subtarefa {
    margin-top: 25px;
    width: 100%;
    border-top: 1px solid #d8d8d8;
    padding: 25px;
}

#guia-iclips #descricao .realizar-descricao-subtarefa {
    width: 100%;
    text-align: right;
}

    #guia-iclips #descricao .realizar-descricao-subtarefa hr {
        border: 0;
        height: 1px;
        background-image: -webkit-linear-gradient(left, #EDF1F7, #8c8b8b, #EDF1F7);
        background-image: -moz-linear-gradient(left, #EDF1F7, #8c8b8b, #EDF1F7);
        background-image: -ms-linear-gradient(left, #EDF1F7, #8c8b8b, #EDF1F7);
        background-image: -o-linear-gradient(left, #EDF1F7, #8c8b8b, #EDF1F7);
    }

#guia-iclips #descricao .status-descricao-subtarefa {
    display: none;
    min-height: 80px;
    padding: 25px;
    border-radius: 5px;
}

    #guia-iclips #descricao .status-descricao-subtarefa .status-subtarefa {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        border: solid 2px #fff;
        color: #fff;
        position: absolute;
        font-size: 10px;
        text-align: center;
        padding-top: 4px;
    }

    #guia-iclips #descricao .status-descricao-subtarefa .titulo-subtarefa {
        font-size: 14px;
        margin-left: 40px;
        margin-top: 2px;
    }

    #guia-iclips #descricao .status-descricao-subtarefa .acao-descricao-subtarefa {
    }

#guia-iclips #descricao-sidebar::before {
    content: "";
    display: inline-block;
    width: 2px;
    background-color: #CBD2E0;
    position: absolute;
    left: 26px;
    top: 30px;
    height: 100%;
}

#guia-iclips #descricao-sidebar {
    margin-top: 25px;
}

    #guia-iclips #descricao-sidebar .active {
        color: #F23F87;
        font-weight: bold;
    }

    #guia-iclips #descricao-sidebar .voltar a span {
        font-size: 20px;
        padding-right: 30px;
    }

    #guia-iclips #descricao-sidebar .tarefa .status-tarefa-guia {
        width: 25px;
        height: 25px;
        border: solid 2px #F23F87;
        background-color: #EDF1F7;
        color: #F23F87;
        border-radius: 50%;
        position: relative;
        text-align: center;
        font-size: 15px;
        padding-top: 1px;
        top: 24px;
    }

    #guia-iclips #descricao-sidebar .tarefa p {
        margin-left: 35px;
        font-weight: bold;
    }

    #guia-iclips #descricao-sidebar .subtarefas {
        margin-left: 38px
    }

        #guia-iclips #descricao-sidebar .subtarefas li {
            padding-top: 15px;
        }

        #guia-iclips #descricao-sidebar .subtarefas ul li .marcador::before {
            margin-top: 5px;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            content: '';
            background-color: #CBD2E0;
            display: inline-block;
            position: absolute;
        }

        #guia-iclips #descricao-sidebar .subtarefas ul li .texto {
            padding-left: 20px;
            cursor: pointer;
        }

        #guia-iclips #descricao-sidebar .subtarefas ul .status-concluido .marcador::before {
            background-color: #46BD6F;
        }

/********************************* Fim Guia iClips **********************************/

@media screen and (min-width: 1020px) and (max-width: 1170px) {
    #guia-iclips #guia .tarefa .subtarefas {
        width: 100%;
    }
}

@media screen and (min-width: 993px) and (max-width: 1199px) {
    #guia-iclips #descricao {
        margin-left: 0;
    }
}

@media screen and (min-width: 650px) and (max-width: 990px) {
    #guia {
        margin-left: 10%;
    }
}

@media (max-width: 991px) {
    #guia-iclips #guia .tarefa {
        width: 75%;
    }
}
/* ------------------------------------------------------------------------------------------------------
 ----- Process Steps --------------------------------------------------------------------------------------------
 ------------------------------------------------------------------------------------------------------ */

.draggable .process-steps {
    cursor: -webkit-grab;
}

.process-steps {
    display: flex;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    border: none;
    padding: 0 0 10px 0;
}

    .process-steps > .process-steps-step {
        display: inline-block;
        position: relative;
        min-width: 200px;
        max-width: 300px;
        margin-right: -5px;
        padding: 0;
    }

        .process-steps > .process-steps-step.disabled {
            opacity: 1;
            pointer-events: initial !important;
        }

        .process-steps > .process-steps-step + .process-steps-step {
        }

        .process-steps > .process-steps-step.complete .process-steps-stepnum,
        .process-steps > .process-steps-step.active .process-steps-stepnum {
            color: #4A5568;
        }

        .process-steps > .process-steps-step .process-steps-stepnum {
            color: #677389;
            font-size: 12px;
            margin-bottom: 5px;
            pointer-events: none;
            min-height: 20px;
            padding: 0 10px;
            font-weight: bold;
            white-space: nowrap;
            text-overflow: ellipsis;
            text-transform: uppercase;
            overflow: hidden;
        }

        .process-steps > .process-steps-step .process-steps-info {
            color: #677389;
            font-size: 14px;
        }

        .process-steps > .process-steps-step.complete > .process-steps-dot {
            background-image: url(/Content/images/utils/check-step.svg);
            background-repeat: no-repeat;
            font-family: "icomoon";
            font-size: 16px;
            font-style: initial;
            -webkit-font-smoothing: antialiased;
            color: #FFFFFF;
        }

        .process-steps > .process-steps-step > .process-steps-dot {
            position: absolute;
            width: 30px;
            height: 30px;
            display: block;
            background-color: #fff;
            top: 45px;
            left: 50%;
            margin-top: -15px;
            margin-left: -15px;
            border-radius: 50%;
            cursor: help;
        }

            .process-steps > .process-steps-step > .process-steps-dot:after {
                content: ' ';
                width: 10px;
                height: 10px;
                background: #46BD6F;
                border-radius: 50px;
                position: absolute;
                top: 10px;
                left: 10px;
            }

        .process-steps > .process-steps-step.complete > .process-steps-dot:after {
            content: "\e9a8";
            width: 16px;
            height: 16px;
            top: 4px;
            left: 7px;
            background: transparent;
        }

        .process-steps > .process-steps-step > .progress {
            position: relative;
            border-radius: 0px;
            height: 8px;
            box-shadow: none;
            margin: 20px 0;
            background-color: #fff;
        }

            .process-steps > .process-steps-step > .progress > .progress-bar {
                width: 0px;
                box-shadow: none;
                background: #46BD6F;
            }

        .process-steps > .process-steps-step.complete > .progress > .progress-bar {
            width: 100%;
        }

        .process-steps > .process-steps-step.active > .progress > .progress-bar {
            width: 50%;
        }

        .process-steps > .process-steps-step:first-child.active > .progress > .progress-bar {
            width: 0%;
        }

        .process-steps > .process-steps-step:last-child.active > .progress > .progress-bar {
            width: 100%;
        }

        .process-steps > .process-steps-step.active > .process-steps-dot {
            border: 1px solid #677389;
        }

            .process-steps > .process-steps-step.active > .process-steps-dot:after,
            .process-steps > .process-steps-step.disabled > .process-steps-dot {
                background-color: #fff;
            }

                .process-steps > .process-steps-step.disabled > .process-steps-dot:after {
                    opacity: 0;
                }

        .process-steps > .process-steps-step:first-child > .progress {
            left: 50%;
            width: 50%;
        }

        .process-steps > .process-steps-step:last-child > .progress {
            width: 50%;
        }

        .process-steps > .process-steps-step.disabled .process-steps-dot {
            /*pointer-events: none;*/
        }

    .process-steps.contract > .process-steps-step > .progress {
        margin-top: 40px;
    }

    .process-steps.contract > .process-steps-step .process-steps-stepnum {
        opacity: 0;
        width: initial;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: #EDF1F7;
    }

    .process-steps.contract > .process-steps-step:hover .process-steps-stepnum {
        opacity: 1;
    }

    .process-steps.contract > .process-steps-step.active .process-steps-stepnum {
        opacity: 1;
        width: auto;
    }

    .process-steps.contract > .process-steps-step:not(.active) {
        min-width: 100px;
        width: 100px;
    }

    .process-steps.contract .process-steps-step:not(.active) .popover {
        left: -50% !important;
        min-width: 200px;
    }

@media (max-width: 768px) {
    .process-steps > .process-steps-step .process-steps-stepnum {
        font-size: 10px;
    }
}
/******************************* Workflow *******************************/

.wf-list {
    list-style: none;
    padding: 0;
    margin: 0 !important;
}

    .wf-list .wf-item {
        position: relative;
        padding-left: 60px;
    }

        .wf-list .wf-item:not(:last-of-type) {
            margin-bottom: 24px;
        }

        .wf-list .wf-item:before {
            content: "";
            position: absolute;
            left: 14px;
            top: 40px;
            width: 6px;
            height: 100%;
            background: #fff;
        }

    .wf-list .wf-order,
    .wf-footer .wf-order {
        position: absolute;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #fff;
        text-align: center;
        padding: 8px;
        left: 0;
        top: 8px;
        color: #9a9ca2;
        font-weight: bold;
        font-size: 0.75rem;
    }

    .workflow-flexible {
        background-image: url(/Content/images/utils/workflow_flexible.svg);
        width: 16px !important;
        height: 16px !important;
        display: flex;
        position: absolute;
        left: 9px;
        background-repeat: no-repeat;
    }

    .wf-list .wf-header {
        position: relative;
        padding: 10px 96px 10px 50px;
        border-radius: 4px;
        background: #3576ED;
        font-size: 0.75rem;
        font-weight: bold;
    }

        .wf-list .wf-header.aprovacao,
        .wf-list .wf-header.aprovacao:before {
            background: #FFB92E;
        }

        .wf-list .wf-header:before {
            content: "";
            width: 15px;
            height: 15px;
            position: absolute;
            left: -6px;
            top: calc(50% - 10px);
            background: #3576ED;
            transform: rotate(45deg);
        }

        .wf-list .wf-header input,
        .wf-header label {
            width: 100%;
            display: inline-block;
            margin: 0;
            padding: 3px 10px;
            background: transparent;
            border: none;
            box-shadow: none;
            color: #fff !important;
            text-transform: uppercase;
            font-weight: 600;
            text-overflow: ellipsis;
            font-size: 14px;
        }

            .wf-list .wf-header input:hover,
            .wf-list .wf-header input:focus {
                background-color: rgba(0,0,0,0.1) !important;
                border: none !important;
            }

        .wf-list .wf-header .btnCollapse {
            position: absolute;
            right: 20px;
            top: calc(50% - 10px);
            color: #fff !important;
            text-decoration: none;
            transition: .2s;
        }

            .wf-list .wf-header .btnCollapse.collapsed {
                transform: rotate(180deg);
            }

        .wf-list .wf-header .btnExcluirWorkflow {
            position: absolute;
            right: 55px;
            top: calc(50% - 10px);
            color: #fff;
            opacity: 0;
            cursor: pointer;
            transition: opacity .2s;
            font-size: 16px;
        }

        .wf-list .wf-header:hover .btnExcluirWorkflow {
            opacity: 1;
        }

    .wf-list .wf-ico-handle {
        position: absolute;
        top: 14px;
        left: 80px;
        color: white;
        z-index: 2;
        cursor: move;
    }

    .wf-list .wf-content {
        border: 1px solid #CBD2E0;
        background: #fff;
        padding: 20px;
        border-bottom-left-radius: 3px;
    }

        .wf-list .wf-content.collapse:not(.show) {
            height: 0 !important;
        }

        .wf-list .wf-content.in,
        .wf-list .wf-content.collapsing {
            height: auto !important;
        }

        .wf-list .wf-content #DiaEntregaInt {
            width: 35px;
            margin-right: 10px;
            padding: 5px;
            text-align: center;
            border: 1px solid #CBD2E0;
            border-radius: 2px;
        }

.wf-container,
.wf-footer {
    padding: 0 !important;
}

    .wf-footer .wf-col-add {
        text-align: center;
        padding: 32px 0 32px 60px;
    }

        .wf-footer .wf-col-add .dropdown-menu[x-placement^="bottom"] {
            top: 10px !important;
            left: -87px !important;
        }

        .wf-footer .wf-col-add .dropdown-menu[x-placement^="top"] {
            top: -15px !important;
            left: -87px !important;
        }

        .wf-footer .wf-col-add .dropdown-menu[x-placement^="bottom"]:before {
            content: "";
            position: absolute;
            width: 16px;
            height: 16px;
            top: -8px;
            left: calc(50% - 12px);
            background: #fff;
            border-top: 1px solid #CBD2E0;
            border-left: 1px solid #CBD2E0;
            transform: rotate(45deg);
        }

        .wf-footer .wf-col-add .dropdown-menu[x-placement^="top"]:before {
            content: "";
            position: absolute;
            width: 16px;
            height: 16px;
            top: 110px;
            left: calc(50% - 12px);
            background: #fff;
            border-bottom: 1px solid #CBD2E0;
            border-right: 1px solid #CBD2E0;
            transform: rotate(45deg);
        }

    .wf-footer .wf-item {
        position: relative;
        padding-left: 60px;
    }

        .wf-footer .wf-item:before {
            content: "";
            position: absolute;
            left: 14px;
            top: -80px;
            width: 6px;
            height: 100px;
            background: #fff;
        }

    .wf-footer .wf-order {
        top: calc(50% - 17.5px);
        bottom: 3px;
    }

    .wf-footer .wf-header {
        position: relative;
        padding: 10px 30px;
        border-radius: 3px;
        background: #46BD6F;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 0.75rem;
    }

        .wf-footer .wf-header:before {
            content: "";
            width: 15px;
            height: 15px;
            position: absolute;
            left: -6px;
            top: calc(50% - 8px);
            background: #46BD6F;
            transform: rotate(45deg);
        }

.wf-placeholder,
.wf-empty {
    position: relative;
    min-height: 50px;
    margin-left: 60px;
    margin-bottom: 30px;
    border: 2px dashed #bbb;
    border-radius: 3px;
    background-color: #F7FAFD;
}

    .wf-placeholder:before,
    .wf-empty:before {
        content: "";
        position: absolute;
        left: -48px;
        top: 0;
        width: 6px;
        height: 200%;
        background: #fff;
    }

.wf-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
    cursor: move !important;
}

    .wf-dragel .wf-ico-handle {
        left: 20px;
    }

    .wf-dragel .wf-item {
        padding-left: 0;
    }

        .wf-dragel .wf-item:before,
        .wf-dragel .wf-order,
        .wf-dragel .wf-header:before,
        .wf-dragel .wf-header .btnCollapse {
            display: none;
        }

    .wf-dragel .wf-container {
        -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .5);
        box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .5);
        border-radius: 3px;
        cursor: move;
    }

.wf-item.concluido .wf-order,
.wf-item.concluido .wf-header,
.wf-item.concluido .wf-header:before {
    background: #46BD6F !important;
    color: #fff;
}

.wf-item.concluido .wf-handle {
    display: none;
}

.wf-item.concluido .wf-header {
    display: flex;
    align-items: center !important;
    padding: 17px 24px !important;
    height: 48px;
}

.wf-item.concluido .wf-content {
    background: #eaf8ed;
}

.wf-item.concluido .btnExcluirWorkflow {
    display: none;
}

.wf-item.concluido .wf-avatar {
    overflow: hidden;
    max-width: 40px;
    max-height: 40px;
}

    .wf-item.concluido .wf-avatar img {
        width: 40px;
        height: 40px;
    }

.detalhe-briefing img {
    max-width: 100%;
}


#direita .wf-item:before,
#direita .wf-order {
    background: #F7FAFD;
}

#direita .wf-header {
    padding: 10px 80px 10px 40px;
}

#direita .wf-ico-handle {
    left: 75px;
}

#direita .wf-header .btnCollapse {
    right: 20px;
}

#direita .wf-header .btnExcluirWorkflow {
    right: 45px;
}

#direita .wf-content .subtitulo.inline-block {
    max-width: 75px;
    vertical-align: text-top;
}

#direita .wf-footer .wf-col-add .dropdown-menu {
    left: -87px !important;
}

#direita .wf-footer .wf-col-add .dropdown-menu[x-placement^="top"]:before {
    top: 94px;
}

.modelo-workflow-personalizado {
    height: auto;
    text-transform: uppercase;
    border: 2px dotted #9a9ca2;
    border-radius: 3px;
    padding: 15px;
    font-weight: bolder;
    text-align: center;
    color: #697280;
    cursor: pointer;
}

    .modelo-workflow-personalizado::before {
        content: "+ ";
        font-size: 140%;
        line-height: 100%;
        display: inline-block;
        font-weight: 600;
    }

.modelo-workflow {
    background: #fff;
    padding: 15px 30px 30px;
    box-shadow: 2px 2px 7px 0px #CBD2E0;
    margin-bottom: 20px;
    border: 1px solid #CBD2E0;
    border-radius: 3px;
}

    .modelo-workflow h4 {
        font-weight: bolder;
    }

.container-list-modelos-de-workflow {
    margin-top: 20px;
}

    .container-list-modelos-de-workflow .group-modelo + .group-modelo {
        margin-top: 20px;
    }

    .container-list-modelos-de-workflow .title-modelo-workflow {
        margin: 0;
        font-weight: bold;
        text-transform: uppercase;
    }

    .container-list-modelos-de-workflow .list {
        margin-top: 16px;
        list-style-type: none;
    }

    .container-list-modelos-de-workflow .list .item {
        display: block;
        background-color: #fff;
        padding: 14px 16px;
        margin-top: 16px;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
    }

    .container-list-modelos-de-workflow .list .item:first-child {
        margin-top: 0;
    }

    .container-list-modelos-de-workflow .list .item .control {
        position: relative;
    }

    .container-list-modelos-de-workflow:not(.on-sidebar) .list .item .control {
        padding-left: 30px;
        overflow: hidden;
    }

    .container-list-modelos-de-workflow .list .item .icone {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 28px;
        text-align: center;
        line-height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .container-list-modelos-de-workflow .list .item .title-workflow {
        display: block;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-bottom: 0;
        line-height: 19px;
        color: #2D3648;
        font-weight: 600;
        font-size: 16px;
        min-height: 19px;
    }

        .container-list-modelos-de-workflow .list .item .title-workflow .field-transparent {
            background-color: #EDF1F7;
            border: 0 !important;
            height: 24px;
            padding: 0px 16px;
            color: #2D3648;
            font-weight: 600;
        }

        .container-list-modelos-de-workflow .list .item .title-workflow .text-value {
            padding: 0px 16px;
            line-height: 1.5;
            min-height: 19px;
            display: flex;
            align-items: center;
        }

    .container-list-modelos-de-workflow .list .item .title-workflow .text-value:hover {
        background-color: #EDF1F7;
    }

    .container-list-modelos-de-workflow.on-sidebar .list .item .title-workflow {
        font-size: 14px;
    }

    .container-list-modelos-de-workflow .list .item .options-row {
        position: absolute;
        right: -100%;
        opacity: 0;
        transition: all 250ms ease;
        background-color: #fff;
        box-shadow: -12px 0px 13px 0px #fff;
        height: 100%;
        top: 0;
        padding-left: 5px;
    }

    .container-list-modelos-de-workflow .list .item:hover .options-row {
        right: 0;
        opacity: 1;
    }

    .container-list-modelos-de-workflow .list .item .options-row > span {
        display: inline-block;
        vertical-align: middle;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        text-align: center;
        line-height: 28px;
        margin-right: 5px;
        cursor: pointer;
    }

    .container-list-modelos-de-workflow .list .item .options-row .btn-usar {
        display: inline-block;
        vertical-align: middle;
        height: 28px;
        line-height: 28px;
        padding: 0 10px;
        border-radius: 4px;
        font-weight: 600;
        font-size: 12px;
        cursor: pointer;
    }

.container-criar-workflow {
}

    .container-criar-workflow ::-webkit-input-placeholder {
        font-style: normal;
        color: #979daa;
    }

    .container-criar-workflow ::-moz-placeholder {
        font-style: normal;
        color: #979daa;
    }
    /* firefox 19+ */
    .container-criar-workflow :-ms-input-placeholder {
        font-style: normal;
        color: #979daa;
    }
    /* ie */
    .container-criar-workflow input:-moz-placeholder {
        font-style: normal;
        color: #979daa;
    }

    .container-criar-workflow .title-modelo-workflow {
        font-weight: 600;
        font-size: 16px;
    }

    .container-criar-workflow .mudar-modelo {
        margin-top: 10px;
        font-size: 12px;
        font-weight: bold;
    }

        .container-criar-workflow .mudar-modelo a:hover,
        .container-criar-workflow .mudar-modelo a:focus {
            color: #F23F87;
        }

    .container-criar-workflow .edit-title {
        color: #F23F87;
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        margin-left: 2px;
        cursor: pointer;
    }

#btnNovoWorkflow .label-text {
    display: block;
    position: absolute;
    top: 109%;
    left: 50%;
    transform: translateX(-50%);
    color: #F23F87;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
}

/******************************* Fim Workflow *******************************/
@media (max-width: 991px) {
    #direita #workflowPartial {
        margin: 0;
    }

    #workflowPartial {
        margin: 0 50px 15px 50px;
    }
}

@media (max-width:1024px){

    #direita .wf-footer .wf-col-add .dropdown-menu[x-placement^="top"]:before {
        top: 82px;
    }

}

/* Modal Detalhe */

#modalDetalhe .wf-list .wf-order,
#modal-novo-jobpeca .wf-list .wf-order {
    background-color: #EDF1F7;
    color: #9BA5B3;
}

#modalDetalhe .wf-list .concluido .wf-order,
#modal-novo-jobpeca .wf-list .concluido .wf-order {
    background-color: #EDF1F7;
    color: #FFFFFF;
}

#modalDetalhe .wf-list .wf-item:before,
#modalDetalhe .wf-footer .wf-item:before,
#modal-novo-jobpeca .wf-list .wf-item:before,
#modal-novo-jobpeca .wf-footer .wf-item:before {
    background: #EDF1F7;
}
/******************************* Profitability Report *******************************/

.profitability-body {
    padding-left: 11px;
}

    .profitability-body div.card:last-child {
        border: 0 !important;
    }

    .profitability-body h4.heading-3 {
        line-height: 25px;
        font-weight: 800;
    }

    .profitability-body h5.heading-2 {
        line-height: 20px;
        font-weight: 800;
    }

.summary-job-header-detail {
    font-weight: 800;
    line-height: 20px;
}

.summary-job-profitability-hours {
    padding-top: 8px;
    gap: 16px;
}

    .summary-job-profitability-hours > div {
        width: 100%;
    }

.row-bottom-line {
    border-bottom: 1px solid #EDF1F7;
}

.summary-job-title-principal {
    font-weight: 600;
    font-size: 14px;
    line-height: 37px;
    color: #000000;
    height: 37px;
}

.summary-job-title-secondary {
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    color: #000000;
    height: 37px;
}

.profitability-project-card {
    flex-direction: column;
    box-sizing: border-box;
    border: 1px solid #EDF1F7;
    border-radius: 8px;
    width: 100%;
    padding: 16px;
}

    .profitability-project-card .table > thead > tr > th {
        background-color: inherit;
    }

    .profitability-project-card .table tr,
    .profitability-project-card .table td,
    .profitability-project-card .table th {
        height: 37px !important;
    }

    .profitability-project-card .profitability-project-card-top {
        height: 68px;
        padding: 16px 7px
    }

    .profitability-project-card .profitability-project-card-body {
        padding-left: 7px;
        padding-right: 7px;
    }

.profitability-project-card-top.profitability-project-card-top-summary {
    height: 97px;
}

.profibitability-back-to-top {
    padding: 30px;
    text-align: center;
    color: #225ED8;
    font-weight: 600;
    font-size: 16px;
}


/****************************** Comentarios *******************************/

#comentarios {
    background: none;
    border: none;
}

    #comentarios #feed-title {
        padding: 0 0 8px;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: bold;
        background: none;
        border: none;
        text-align: left;
    }

        #comentarios #feed-title .badge {
            background-color: #3576ED;
            font-weight: 600;
            margin-left: 5px;
        }

        #comentarios #feed-title .icomoon-message-16 {
            display: inline-block;
            vertical-align: bottom;
            margin-right: 5px;
            font-size: 17px;
            color: #A0ABC0;
        }

    #comentarios .feed-content {
        border: 1px solid #CBD2E0;
        border-radius: 4px;
        background: #FFFFFF;
    }

        #comentarios .feed-content #feed-comentarios {
            max-height: 350px;
        }

        #novo-comentario-area #area-padding {
            padding: 32px 32px 16px;
        }

.disabled #comentarios .feed-content #feed-comentarios {
    min-height: 198px;
}

.comentario {
    position: relative;
    margin: auto;
    padding-left: 55px;
    max-width: 900px;
}

    .comentario .comentario-avatar {
        position: absolute;
        left: 0px;
        overflow: hidden;
        width: 35px;
        height: 35px;
    }

    .comentario .comentario-content {
        padding: 12px 16px;
        color: #1A1F26;
        border-radius: 0px 12px 12px 12px;
        font-size: 14px;
        word-break: break-all;
    }

        .comentario .comentario-content span.consideracao {
            font-size: 12px;
            text-transform: none;
        }

        .comentario .comentario-content .tag {
            margin-bottom: 0px;
            border-radius: 10px;
            text-transform: uppercase;
            text-align: center;
            padding: 1px 5px;
            color: white;
            width: 120px;
            font-size: 10px;
        }

        .comentario .comentario-content div {
            word-break: break-word;
        }

        .comentario .comentario-content .comentario-title {
            font-weight: bold;
            font-size: 14px;
            width: 90%;
            margin-bottom: 8px;
        }

        .comentario .comentario-content span {
            display: block;
            margin-bottom: 8px;
            font-size: 11px;
            text-transform: uppercase;
            font-weight: bold;
        }

        .comentario .comentario-content .edit,
        .comentario .comentario-content .delete {
            position: absolute;
            top: 20px;
            opacity: 0;
            transition: .2s;
            cursor: pointer;
        }

        .comentario .comentario-content .delete {
            right: 15px;
        }

        .comentario .comentario-content .edit {
            right: 35px;
        }

        .comentario .comentario-content:hover .edit,
        .comentario .comentario-content:hover .delete {
            opacity: 1;
        }

         .externo .delete:hover,
         .interno .delete:hover,
         .interno-privado .delete:hover i{
            color: #F34242 !important;
        }

        .externo .edit:hover,
        .interno .edit:hover,
        .interno-privado .edit:hover i{
            color: #3576ED !important;
        }

        .consideracao-externa .delete:hover,
        .consideracao-interna .delete:hover{
            color: #F46421 !important;
        }

        .consideracao-interna .edit:hover {
            color: #5C93F7 !important;
        }

        .consideracao-externa .edit:hover {
            color: #8BB3FD !important;
        }

        .externo .edit,
        .interno .edit,
        .interno-privado .edit,
        .externo .delete,
        .interno .delete,
        .interno-privado .delete{
            color: #2D3648 !important;
        }

        .consideracao-interna .edit,
        .consideracao-externa .edit,
        .consideracao-interna .delete,
        .consideracao-externa .delete{
            color: #fff  !important;
        }

        .comentario .comentario-content.usuario-nao-logado {
            background: #F5F8FF;
        }

        /*****************************************************/
        .comentario .comentario-content.externo {
            background: #F5F8FF;
        }

        .comentario .comentario-content.interno-privado {
            background: #F5F8FF;
        }

        .comentario .comentario-content.consideracao-interna {
            background: #4A5568;
            color: #fff;
        }

        .comentario .comentario-content.consideracao-externa {
            background: #3576ED;
            color: #fff;
        }
        /*****************************************************/

        .comentario .comentario-content .comentario-anexos .anexo {
            position: relative;
            display: inline-block;
            vertical-align: top;
            width: 90%;
            max-width: 100px;
            overflow: hidden;
        }

            .comentario .comentario-content .comentario-anexos .anexo .anexo-overlay {
                background: rgba(0,0,0,0.5);
                position: absolute;
                height: 100%;
                width: 100%;
                left: 0;
                top: 0;
                bottom: 0;
                right: 0;
                opacity: 0;
                -webkit-transition: all 0.2s ease-in-out 0s;
                -moz-transition: all 0.2s ease-in-out 0s;
                transition: all 0.2s ease-in-out 0s;
            }

            .comentario .comentario-content .comentario-anexos .anexo:hover .anexo-overlay {
                opacity: 1;
            }

            .comentario .comentario-content .comentario-anexos .anexo .anexo-image {
                width: 100%;
            }

            .comentario .comentario-content .comentario-anexos .anexo .anexo-actions {
                position: absolute;
                text-align: center;
                padding-left: 1em;
                padding-right: 1em;
                width: 100%;
                top: 50%;
                left: 50%;
                opacity: 0;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                -webkit-transition: all 0.2s ease-in-out 0s;
                -moz-transition: all 0.2s ease-in-out 0s;
                transition: all 0.2s ease-in-out 0s;
                color: #fff;
            }

            .comentario .comentario-content .comentario-anexos .anexo:hover .anexo-actions {
                top: 50%;
                left: 50%;
                opacity: 1;
            }

        .comentario .comentario-content .comentario-anexos .anexo,
        .comentario .comentario-content .comentario-anexos .anexo-file {
            display: inline-block;
            margin: 10px 10px 0 0;
        }

        .comentario .comentario-content .comentario-anexos .anexo-box {
            padding: 15px;
            border: 1px solid #CBD2E0;
            background: #fff;
            box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
            color: #A0ABC0;
        }

            .comentario .comentario-content .comentario-anexos .anexo-box * {
                display: inline-block;
                vertical-align: middle;
            }

        .comentario .comentario-content .comentario-anexos .anexo-nome {
            font-weight: 600;
            color: #2D3648;
            margin-left: 5px;
            word-break: break-all;
        }

    .comentario .comentario-date {
        text-transform: uppercase;
        font-size: 11px;
        font-weight: bold;
        color: #A0ABC0;
        margin-top: 5px;
    }

    .comentario .comentario-footer {
        display: flex;
        justify-content: flex-start;
        font-size: 0.75rem;
        font-weight: 600;
        color: #A0ABC0;
        margin-bottom: 16px;
        margin-top: 6px;
        height: 16px;

    }

        .comentario .comentario-footer .item-footer {
            margin: 0 4px;
            white-space: nowrap;        
        }

            .comentario .comentario-footer .item-footer#icone,
            .comentario .comentario-footer .item-footer#entidadeTitulo{
                text-overflow: ellipsis;
                overflow: hidden;
            }

    .comentario .comentario-existente{
        margin-top: 8px;
    }

        .comentario .comentario-existente img {
            max-width: 30% !important;
            height: auto !important;
            display: block;
            object-fit: contain;
        }

#novo-comentario-area {
    background: none;
    padding: 0;
    border: none;
}

.disabled #novo-comentario-area {
    display: none;
}

.enabled #novo-comentario-area {
    display: block;
}

.enabled #comentarios .show-field-edit,
.enabled #comentarios .btn:not(.link-busca-simples),
.enabled #comentarios .btn-file,
.enabled #comentarios .btn-novo-layout {
    display: inline-flex;
}
.enabled #comentarios .btnComentar{
    opacity:1;
}

.hidden {
    visibility: hidden;
}

.comentario-editado-excluido {
    color: #A0ABC0;
    font-style: italic;
}

.consideracao-externa .comentario-editado-excluido {
    color: #E2E7F0;
}

    #novo-comentario-area .interno-privado {
        background: #F5F8FF;
        border-color: #DAD2FF;
    }

    #novo-comentario-area .emojionearea .emojionearea-editor {
        padding-right: 50px;
    }

    #novo-comentario-area .emojionearea .emojionearea-button {
        right: 25px;
    }

    #novo-comentario-area .comentario-area {
        height: auto;
        padding: 0;
        border: 1px solid #DAE1EB;
        border-radius: 4px;
    }

        #novo-comentario-area .comentario-area textarea {
            width: 100%;
            background: transparent;
            border: none;
            padding: 12px 36px 16px 16px;
            height: auto;
            min-height: 120px;
            max-height: 200px;
            resize: none;
            font-size: 14px;
            color: #4A5568;
        }

        #novo-comentario-area .comentario-area .mentions-input-box,
        #novo-comentario-area .comentario-area .mentions-input-box .mentions {
            background: transparent;
            padding: 0;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border: none;
        }

            #novo-comentario-area .comentario-area .mentions-input-box .mentions {
                padding: 6px 24px 6px 12px;
                font-size: 13.8px;
            }

        #novo-comentario-area .comentario-area.required {
            border-left: 3px solid #cc3333;
        }

    #novo-comentario-area .btn-file {
        position: absolute;
        top: 16px;
        right: 18px;
        height: 20px;
        cursor: pointer;
        transition: .3s;
        font-size: 16px;
        color: #677389;
    }

        #novo-comentario-area .btn-file:hover {
            filter: contrast(0);
        }

    #novo-comentario-area.alteracao-externa .alteracao-titulo {
        color: #3576ED;
    }

    #novo-comentario-area.alteracao-interna .alteracao-titulo {
        color: #4A5568;
    }

    #novo-comentario-area .alteracao-titulo {
        position: relative;
        display: block;
        margin: 8px 18px 0px 12px;
        padding-right: 20px;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: bold;
    }

        #novo-comentario-area .alteracao-titulo .btn-remove {
            position: absolute;
            right: 0;
            cursor: pointer;
        }

    #novo-comentario-area .comentario-anexos {
        padding: 0px 12px 6px 12px;
    }

    #novo-comentario-area .anexo {
        max-width: 100px;
        display: inline-block;
    }

        #novo-comentario-area .anexo .btn-remover {
            position: absolute;
            top: 8px;
            right: 8px;
            color: #fff;
            font-size: 12px;
        }

.tab-pane #comentarios .feed-content {
    border: none;
}

.ijob #comentarios .feed-content{
    border-radius: 0;
}

#direita .comentario {
    position: relative;
    margin: 0;
    padding-left: 55px;
}

    #direita .comentario .comentario-footer .item-footer#entidadeTitulo {
        max-width: 110px;
    }

#comentarios-anexos {
    background: #FFF;
    padding: 15px 10px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

    #comentarios-anexos .item-layout {
        width: 150px;
        margin: 0 6px 15px;
        padding: 6px;
    }

        #comentarios-anexos .item-layout .layout-title {
            margin: 10px 0;
            font-size: 16px;
            font-weight: bold;
        }

            #comentarios-anexos .item-layout .layout-title .titulo {
                font-size: 13px;
                margin: 10px 0 0;
                font-weight: bold;
                color: #4A5568;
            }

        #comentarios-anexos .item-layout .layout-thumbnail {
            height: 125px;
        }

            #comentarios-anexos .item-layout .layout-thumbnail .nome-arquivo {
                font-size: 13px;
                margin: 5px;
            }

    #comentarios-anexos .btn-novo-layout {
        width: 150px;
        min-height: 139px;
        margin: 0 6px 15px;
    }


#partial-auditoria .comentarios {
    min-height: 100px;
}

#comentarios-partial-auditoria {
    margin: 32px;
}

#partial-auditoria ul.comentarios:last-of-type li:last-child .comentario-footer {
    margin-bottom: 0;
}

.empty-comment-area {
    height: 286px;
}

ul.historico {
    margin: 0;
    padding: 0;
    font-size: 9pt;
    list-style: none;
    overflow-y: auto;
}

.historico li.historico-item {
    list-style: none;
    border-bottom: 2px solid #dedede;
    margin-top: 10px;
}

    .historico li.historico-item .foto {
        display: inline;
        float: left;
        padding: 0 5px 0 0;
    }

    .historico li.historico-item .msg {
        font-size: 11px;
    }

    .historico li.historico-item .detalhe {
        font-size: 85%;
        color: #888888;
    }

        .historico li.historico-item .detalhe a {
            display: block;
            text-align: right;
            outline: none;
        }

            .historico li.historico-item .detalhe a i {
                font-size: 12px;
            }

            .historico li.historico-item .detalhe a:hover {
                text-decoration: none;
            }

/****************************** Histórico *******************************/
.historicos {
    position: relative;
}

    .historicos:before {
        content: "";
        position: absolute;
        left: 44px;
        top: 0;
        width: 2px;
        height: 100%;
        background: #fff;
    }

    #modal-peca .historicos:before, 
    #modalDetalhe .historicos:before {
        left: 16px;
    }

    #modalDetalhe .historicos:before {
        background: #F2F6FA;
    }

.historico {
    position: relative;
    margin: 0 25px 20px 25px;
    padding-left: 55px;
}

    .historico .historico-avatar {
        position: absolute;
        left: 0;
        overflow: hidden;
        height: 35px;
        width: 35px;
    }

    .historico .historico-content {
        display: inline-block;
        width: 85%;
        padding: 15px 20px;
        background: #F7FAFD;
        color: #677389;
        border-radius: 10px;
        border-top-left-radius: 0;
        font-size: 14px;
        line-height: 1.4;
    }

    .historico.open .historico-content {
        background: #fff;
        border: 1px solid #CBD2E0;
        padding: 14px 19px;
    }

        .historico.open .historico-content .historico-title .collapse-content .btnCollapse {
            transform: rotate(180deg);
        }

        .historico.open .historico-content .historico-alteracoes {
            height: auto;
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px solid #CBD2E0;
        }

    .historico .historico-content .historico-title > * {
        display: inline-block;
        font-size: 14px;
    }

    .historico .historico-content .historico-title .collapse-content {
        float: right;
    }

        .historico .historico-content .historico-title .collapse-content .btnCollapse {
            display: inline-block;
            color: #A0ABC0;
            font-size: 11px;
            cursor: pointer;
            text-decoration: none;
            transition: .2s;
        }

    .historico .historico-content .historico-alteracoes {
        height: 0;
        margin: 0;
        padding: 0;
        border: none;
        overflow: hidden;
    }

        .historico .historico-content .historico-alteracoes b {
            color: #2D3648;
        }

    .historico .historico-content .historico-anexos .anexo {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 90%;
        max-width: 100px;
        overflow: hidden;
    }

        .historico .historico-content .historico-anexos .anexo .anexo-overlay {
            background: rgba(0,0,0,0.5);
            position: absolute;
            height: 100%;
            width: 100%;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            opacity: 0;
            -webkit-transition: all 0.2s ease-in-out 0s;
            -moz-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
        }

        .historico .historico-content .historico-anexos .anexo:hover .anexo-overlay {
            opacity: 1;
        }

        .historico .historico-content .historico-anexos .anexo .anexo-image {
            width: 100%;
        }

        .historico .historico-content .historico-anexos .anexo .anexo-actions {
            position: absolute;
            text-align: center;
            padding-left: 1em;
            padding-right: 1em;
            width: 100%;
            top: 50%;
            left: 50%;
            opacity: 0;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-transition: all 0.2s ease-in-out 0s;
            -moz-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
            color: #fff;
        }

        .historico .historico-content .historico-anexos .anexo:hover .anexo-actions {
            top: 50%;
            left: 50%;
            opacity: 1;
        }

    .historico .historico-content .historico-anexos .anexo,
    .historico .historico-content .historico-anexos .anexo-file {
        display: inline-block;
        margin: 10px 10px 0 0;
    }

    .historico .historico-content .historico-anexos .anexo-box {
        padding: 15px;
        border: 1px solid #CBD2E0;
        background: #fff;
        box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
        color: #A0ABC0;
    }

        .historico .historico-content .historico-anexos .anexo-box * {
            display: inline-block;
            vertical-align: middle;
        }

    .historico .historico-content .historico-anexos .anexo-nome {
        font-weight: 600;
        color: #2D3648;
        margin-left: 5px;
        word-break: break-all;
    }

    .historico .historico-date {
        position: absolute;
        display: inline-block;
        width: 14%;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 1.2;
        font-weight: 600;
        color: #A0ABC0;
        top: 15px;
        padding-left: 20px;
    }

#direita #partial-auditoria {
    float: left;
    width: 100%;
}

#feed-historico {
    max-height: 500px;
}

#historico-partial-auditoria {
    padding: 0 20px;
}

#feed-historico-busca {
    margin-bottom: 15px;
    padding: 30px;
    border-bottom: 1px solid #CBD2E0;
}

    #feed-historico-busca .input-group .form-control {
        background: #FFFFFF;
        border-radius: 4px 0 0 4px;
        padding: 0 12px;
        font-weight: 500;
        font-size: 14px;
        box-shadow: none;
    }

    #direita .historico,
    #modal-peca .historico,
    #modalDetalhe .historico,
    #feed-historico .historico {
        margin: 0;
        margin-bottom: 16px;
    }

    #direita .historico .historico-date,
    #feed-historico .historico .historico-date {
        position: initial;
        width: initial;
        padding: 8px 0 0;
    }

    #modal-peca .historico .historico-date,
    #modalDetalhe .historico .historico-date {
        position: initial;
        width: initial;
        padding: 6px 0 0;
    }

    #direita .historico .historico-content,
    #modal-peca .historico .historico-content,
    #modalDetalhe .historico .historico-content,
    #feed-historico .historico .historico-content {
        width: 100%;
    }

        #direita .historico .historico-content .historico-title .collapse-content,
        #modal-peca .historico .historico-content .historico-title .collapse-content,
        #modalDetalhe .historico .historico-content .historico-title .collapse-content,
        #feed-historico .historico .historico-content .historico-title .collapse-content {
            float: initial;
            display: block;
            text-align: right;
        }

#partial-auditoria ul.historicos:last-of-type li:last-child {
    margin-bottom: 0;
}

/*Busca simples no historico*/
.grupoBuscaHistoricoTamanhoCliente {
    width: 418px;
}

.grupoBuscaHistoricoBuscaCliente {
    width: 90%;
    float: left;
}

.grupoBuscaHistoricoTamanhoJob {
    width: 340px;
}

.grupoBuscaHistoricoBuscaJob {
    width: 87%;
    float: left;
}

.grupoBuscaHistoricoBuscaDetalhe {
    padding-right: 45px;
    padding-top: 5px;
    margin-bottom: -40px;
}

.botaoNovoHistoricoBuscaDetalhe {
    float: right;
    position: relative;
    top: -10px;
    margin-right: 25px;
}

#busca-historico #painel-busca .paragrafo {
    margin-top: 5px;
}

@media (max-width: 1300px) {
    #busca-historico #painel-busca .input-group {
        right: 40px;
    }

    #busca-historico #painel-busca .paragrafo #btnNovoHistorico {
        right: -20px;
    }
}


/*Tablet e celular landscape*/
@media screen and (max-width:1040px), screen and (max-height: 600px) {
    /*Busca simples no historico*/
    .grupoBuscaHistoricoTamanhoCliente {
        width: 310px !important;
    }

    .grupoBuscaHistoricoBuscaCliente {
        width: 85% !important;
        float: left;
    }

    .grupoBuscaHistoricoTamanhoJob {
        width: 261px !important;
    }

    .grupoBuscaHistoricoBuscaJob {
        width: 83% !important;
    }

}

@media (max-width: 970px) {
    #busca-historico #painel-busca .input-group {
        right: 90px;
    }

    #busca-historico #painel-busca .paragrafo #btnNovoHistorico {
        right: -15px;
    }
}

/****************************** Badges de ação *******************************/
.historico-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-right: 6px;
    vertical-align: middle;
}
.historico-badge-success { background: #d4edda; color: #155724; }
.historico-badge-warning { background: #fff3cd; color: #856404; }
.historico-badge-danger  { background: #f8d7da; color: #721c24; }
.historico-badge-info    { background: #d1ecf1; color: #0c5460; }

/****************************** Avatar colorido *******************************/
.historico-avatar-success { background: #28a745 !important; color: #fff; display: flex !important; align-items: center; justify-content: center; }
.historico-avatar-warning { background: #ffc107 !important; color: #fff; display: flex !important; align-items: center; justify-content: center; }
.historico-avatar-danger  { background: #dc3545 !important; color: #fff; display: flex !important; align-items: center; justify-content: center; }
.historico-avatar-info    { background: #17a2b8 !important; color: #fff; display: flex !important; align-items: center; justify-content: center; }

.historico-avatar i { font-size: 16px; }

/****************************** Título da entidade *******************************/
.historico-entidade-titulo {
    display: block;
    font-size: 12px;
    color: #A0ABC0;
    margin-top: 2px;
}

/****************************** Data dupla *******************************/
.historico-date-rel { display: block; }
.historico-date-abs { display: block; font-size: 10px; color: #C0C8D8; margin-top: 2px; }

/****************************** Separadores de data *******************************/
.historico-separador {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 16px 25px 8px;
    padding: 0;
}
.historico-separador::before,
.historico-separador::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #CBD2E0;
}
.historico-separador span {
    font-size: 11px;
    font-weight: 600;
    color: #A0ABC0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

/****************************** Texto narrativo no corpo *******************************/
.historico-narrativa {
    font-style: italic;
    color: #2D3648;
    font-weight: 600;
    margin: 0 0 8px;
    padding: 0;
}

/****************************** CTA "Ver alterações" *******************************/
.historico .historico-content .historico-title .collapse-content .btnCollapse {
    font-size: 12px;
    color: #677389;
    gap: 4px;
}
.historico .historico-content .historico-title .collapse-content .btnCollapse i {
    transition: .2s;
}
/********************* Novos Blocos ************************/

.blocos {
    max-width: 100%;
}

    .blocos .bloco {
        margin-top: 30px;
    }

.bloco-container {
    background: #fff;
    padding: 20px 30px;
    min-height: 545px;
    height: 100%;
}

.bloco-atendimento {
    min-height: 600px;
}

.bloco-header {
    margin-bottom: 10px;
}

    .bloco-header .titulo {
        font-size: 18px;
        font-weight: 600;
        color: #222;
    }


.bloco-atendimento .bloco-content {
    min-height: 479px;
}

.bloco-content {
    min-height: 420px;
}

    .bloco-content .bloco-item:not(:last-child) {
        border-bottom: 1px solid #EDF1F7;
        padding-bottom: 15px;
    }

    .bloco-content .bloco-item {
        padding-top: 15px;
        font-weight: bold;
        display: flex;
        align-items: center;
        position: relative;
    }

        .bloco-content .bloco-item.disabled > * {
            opacity: 0.6;
            pointer-events: none;
        }

        .bloco-content .bloco-item.disabled .timesheet {
            visibility: hidden;
        }

        .bloco-content .bloco-item .titulo-item {
            color: #222;
            font-size: 15px;
            font-weight: 600
        }

        .bloco-content .bloco-item .sub-titulo-item,
        .bloco-content .bloco-item .legenda-item {
            font-size: 11px;
            letter-spacing: 0.5px;
            text-transform: uppercase;
        }

            .bloco-content .bloco-item .sub-titulo-item.urgente:before {
                content: "";
                position: relative;
                width: 6px;
                height: 6px;
                background: #F34242;
                display: inline-block;
                border-radius: 50%;
                margin: 0 4px 2px 0;
            }

        .bloco-content .bloco-item .sub-titulo-item,
        .bloco-content .bloco-item .titulo-item {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .bloco-content .bloco-item .legenda-item {
            color: #677389;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .bloco-content .bloco-item .data {
            font-size: 11px;
            color: #A0ABC0;
        }

        .bloco-content .bloco-item .layout {
            margin-left: 5px;
        }

        .bloco-content .bloco-item .layout,
        .bloco-content .bloco-item .comment {
            display: inline-block;
            color: #A0ABC0;
            max-width: 105px;
            position: relative;
        }

            .bloco-content .bloco-item .comment .new:after {
                content: "";
                position: absolute;
                top: 0px;
                right: 0px;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: #F23F87;
                box-shadow: 0px 0px 0px 2px #fff;
            }

        .bloco-content .bloco-item .icomoon-message-16,
        .bloco-content .bloco-item .icomoon-image-16 {
            position: relative;
            font-size: 17px;
            display: inline-block;
            vertical-align: middle;
        }

.bloco .bloco-item .tag {
    padding: 1px 4px;
    font-size: 7pt;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
}


.bloco-footer {
    text-align: right;
    margin-top: 20px;
}

    .bloco-footer a {
        color: #7F26BF;
        font-weight: bold;
        font-size: 12px;
        text-transform: uppercase;
    }

@media (min-width: 1700px) {
    .blocos .bloco.col-xl-4:nth-child(3n+1),
    .blocos .bloco.col-xl-6:nth-child(2n+1) {
        padding-left: 0;
    }

    .blocos .bloco.col-xl-4:nth-child(3n+3),
    .blocos .bloco.col-xl-6:nth-child(2n+2) {
        padding-right: 0;
    }
}

@media (max-width: 1699px) {
    .blocos .bloco.col-lg-4:nth-child(3n+1),
    .blocos .bloco.col-lg-6:nth-child(2n+1) {
        padding-left: 0;
    }

    .blocos .bloco.col-lg-4:nth-child(3n+3),
    .blocos .bloco.col-lg-6:nth-child(2n+2) {
        padding-right: 0;
    }
}

@media (max-width: 1199px) {
    .blocos .bloco.col-md-4:nth-child(3n+1),
    .blocos .bloco.col-md-6:nth-child(2n+1) {
        padding-left: 0;
    }

    .blocos .bloco.col-md-4:nth-child(3n+3),
    .blocos .bloco.col-md-6:nth-child(2n+2) {
        padding-right: 0;
    }
}

@media (max-width: 991px) {
    .blocos .bloco.col-sm-4:nth-child(3n+1),
    .blocos .bloco.col-sm-6:nth-child(2n+1) {
        padding-left: 0;
    }

    .blocos .bloco.col-sm-4:nth-child(3n+3),
    .blocos .bloco.col-sm-6:nth-child(2n+2) {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .blocos .bloco.col-4:nth-child(3n+1),
    .blocos .bloco.col-6:nth-child(2n+1) {
        padding-left: 0;
    }

    .blocos .bloco.col-4:nth-child(3n+3),
    .blocos .bloco.col-6:nth-child(2n+2) {
        padding-right: 0;
    }
}
.remetente-regua-cobranca {
    padding-top: 1rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    margin-top: 1rem;
}

#detalhes #tab-detalhes, #job #tab-job, #briefing #tab-briefing,
#briefingCliente #tab-briefingCliente {
    padding: 10px 30px;
}

/* Briefing Job */
#grid-entrada-briefing-job {
}

    #grid-entrada-briefing-job .section-briefing {
        margin-bottom: 30px;
    }

        #grid-entrada-briefing-job .section-briefing:first-child {
            margin-top: 0;
        }

        #grid-entrada-briefing-job .section-briefing > .title {
            color: #677389;
            font-size: 12px;
            text-transform: uppercase;
            margin-bottom: 10px;
            font-weight: bold;
        }

    #grid-entrada-briefing-job .container-questions {
        margin-bottom: 15px;
    }

    #grid-entrada-briefing-job .question-item {
        position: relative;
        border-bottom: 1px solid #E2E7F0;
        padding: 15px 0;
    }

        #grid-entrada-briefing-job .question-item .disabled {
            pointer-events: none;
        }

        #grid-entrada-briefing-job .question-item .trigger-drop {
            position: absolute;
            top: 11px;
            left: 0;
            width: 31px;
            height: 31px;
            display: block;
            z-index: 1;
            cursor: pointer;
            opacity: 0;
        }

        #grid-entrada-briefing-job .question-item .container-top {
            position: relative;
        }

            #grid-entrada-briefing-job .question-item .container-top > .icon {
                width: 30px;
                height: 30px;
                display: block;
                text-align: center;
                line-height: 32px;
                float: left;
                margin-right: 10px;
                transition: all 150ms ease;
                color: #A0ABC0;
            }

        #grid-entrada-briefing-job .question-item .trigger-drop:checked ~ .container-top > .icon {
            transform: rotate(180deg);
        }

        #grid-entrada-briefing-job .question-item .container-top .position {
            width: 30px;
            height: 30px;
            float: left;
            background-color: #fff;
            color: #A0ABC0;
            text-align: center;
            line-height: 30px;
            font-weight: bold;
            margin-right: 20px;
        }

            #grid-entrada-briefing-job .question-item .container-top .question-box .text {
                display: flex;
                align-items: center;
                justify-content: space-between;
                color: #2D3648;
                font-weight: 600;
                line-height: 22px;
                position: relative;
                min-height: 27px;
            }

                #grid-entrada-briefing-job .question-item .container-top .question-box .text > .box-field {
                    display: block;
                    width: 100%;
                    margin-right: 8px;
                }

                    #grid-entrada-briefing-job .question-item .container-top .question-box .text > .box-field.without-model {
                        right: 60px;
                    }

                    #grid-entrada-briefing-job .question-item .container-top .question-box .text > .box-field input {
                        display: block;
                        width: 100%;
                        padding: 5px 10px;
                        border-radius: 4px;
                        border: 1px solid #CBD2E0;
                    }

                    #grid-entrada-briefing-job .question-item .container-top .question-box .text > .box-field + .box-vincular {
                        width: 260px;
                    }

                #grid-entrada-briefing-job .question-item .container-top .question-box .text .box-vincular {
                    opacity: 0;
                    transition: all 350ms ease;
                }

        #grid-entrada-briefing-job .question-item:hover .container-top .question-box .text .box-vincular {
            opacity: 1;
        }

        #grid-entrada-briefing-job .question-item .container-top .question-box .text .box-vincular .title-vincular {
            float: left;
            margin-right: 8px;
            margin-bottom: 0px;
            font-weight: bold;
        }

        #grid-entrada-briefing-job .question-item .container-top .question-box .text .box-vincular .switch {
            float: left;
        }

        #grid-entrada-briefing-job .question-item .container-top .question-box .btn-icon {
            opacity: 0;
            transition: all 350ms ease;
        }

        #grid-entrada-briefing-job .question-item .container-top .question-box > [class*="icomoon-trash-20"] {
            background-color: #F34242;
        }

        #grid-entrada-briefing-job .question-item:hover .container-top .question-box .btn-icon {
            opacity: 1;
        }

        #grid-entrada-briefing-job .question-item .container-answer {
            display: none;
            margin-top: -1px;
        }

        #grid-entrada-briefing-job .question-item .trigger-drop:checked ~ .container-answer {
            display: block;
        }

        #grid-entrada-briefing-job .question-item .container-answer .answer {
            padding-top: 15px;
        }

        #grid-entrada-briefing-job .question-item .container-answer .answered {
            line-height: 22px;
            color: #677389;
            font-size: 14px;
            padding-top: 15px;
            padding-left: 40px;
        }

            #grid-entrada-briefing-job .question-item .container-answer .answered .icomoon-edit-12 {
                font-size: 8px;
                padding: 4px;
                width: 16px;
                margin-left: 5px;
                cursor: pointer;
                display: inline-block;
                vertical-align: middle;
            }

    #grid-entrada-briefing-job .add-question {
        padding-left: 40px;
    }
.tour {
    height: 150px;
    position: relative;
    line-height: 24px;
}

.action-button {
    position: absolute;
    right: 32px;
    top: calc(50% - 16px);
    display: none;
}

.checklist li:hover .action-button {
    display: block;
}

.tour .view-tour {
    position: absolute;
    bottom: 12px;
}

.tour:hover + .tour-complete {
    display: none !important;
}
.tour:hover + .view-tour {
    display: block
}

.tour-complete {
    z-index: 999;
    position: absolute;
    height: 150px;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to bottom, transparent 0%, black 115%);
    border-radius: 4px;
    line-height: 16px;
    -webkit-transition: opacity 0.300s ease-out;
    -moz-transition: opacity 0.300s ease-out;
    -ms-transition: opacity 0.300s ease-out;
    -o-transition: opacity 0.300s ease-out;
    transition: opacity 0.300s ease-out;
}

    .tour-complete .tour-complete-icon {
        width: 50px;
    }

    .tour-complete .tour-complete-legend {
        width: 100px;
    }

.tour-complete-rodape {
    position: absolute;
    bottom: 12px;
    left: 16px;
}


    .tour-complete:hover {
        opacity: 0;
    }

.tours-content, .checklist-content {
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}
/* Aba Visão Geral */

.overview-panel {
    max-width: 600px;
    width: 100%;
}

.my-modules > div:last-child {
    margin-bottom: 24px !important;
}

/* Aba Upgrade */
.card-plans {
    position: relative;
    max-width: 296px;
    width: 100%;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

    .card-plans:hover {
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
    }

.card-plans-most-used {
    border: 2px solid #3576ED;
}

    .card-plans-most-used .card-plans-most-used-text {
        position: absolute;
        border-radius: 15px;
        padding: 4px 8px;
        top: -10px;
        right: 14px;
        line-height: 0;
    }

        .card-plans-most-used .card-plans-most-used-text span {
            text-transform: uppercase;
            text-align: center;
            letter-spacing: 0.02em;
            line-height: 120%;
        }

    .card-plans-most-used:hover {
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
    }

.card-resume {
    max-width: 395px;
    width: 100%;
}

.card-upgrade {
    max-width: 661px;
    width: 100%;
}

    .card-upgrade > section {
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    }

#modules section:first-child {
    margin-top: 0 !important;
}

.card-confirm-upgrade {
    max-width: 608px;
    width: 100%;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.custom-radio-meu-plano {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: white;
    box-shadow: inset 0 0 0 1px #E2E7F0;
}

.custom-radio-meu-plano-input:checked + span .custom-radio-meu-plano {
    box-shadow: inset 0 0 0 6px #1649BC;
}

.custom-radio-meu-plano-input:checked + span {
    background-color: #C0D6FF;
    border: 2px solid #1649BC !important;
}

    .custom-radio-meu-plano-input:checked + span span[class*="text-"] {
        color: #0F369B !important;
    }

.custom-radio-meu-plano-input:disabled + span {
    border: 1px solid rgba(226, 231, 240, 0.4) !important;
}

    .custom-radio-meu-plano-input:disabled + span span[class*="text-"] {
        color: rgba(103, 115, 137, 0.4) !important;
    }

/* Wizard */
#wizard {
    width: 1075px;
}

    #wizard .absolute {
        display: none;
        top: 22px;
    }

.wizard-circle {
    width: 32px;
    height: 32px;
    color: #1649BC;
    padding: 8px;
    border-radius: 50%;
    background-color: #1649BC;
}

    .wizard-circle p {
        display: none;
    }

#wizard .active .wizard-circle {
    color: white;
    border: 2px solid #1649BC;
    background-color: transparent;
}

#wizard .active p {
    display: block;
    font-weight: 600;
    color: #1649BC;
}

#wizard .active i,
#wizard .disabled i {
    display: none;
}

#wizard .disabled .wizard-circle {
    color: #A0ABC0;
    border: 2px solid #A0ABC0;
    background-color: transparent;
}

#wizard .disabled p {
    display: block;
    color: #677389 !important;
}

.resume-item {
    min-width: 110px;
}

#resume .input-group-prepend {
    border-radius: 4px 0px 0 4px;
}

#contrato p,
#contrato h5 {
    font-size: 0.875rem;
    font-weight: 400;
    Line-height: 1.4;
    color: #1A202C;
}

.input-error-red-border {
    border: 2px solid #FF5967;
    border-radius: 4px;
}

/* Aba Adicionais */
.add-ons-panel {
    max-width: 998px;
    width: 100%;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.progress-indicator {
    border-right: 2px solid #F2F6FA;
    width: 184px;
}

/* Slider */
.slider {
    -webkit-appearance: none;
    margin: 10px auto;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background-color: #DAE1EB;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 20px;
        height: 20px;
        background: #FFFFFF;
        border: 2px solid #0F369B;
        border-radius: 50%;
        cursor: -moz-grab;
        cursor: -webkit-grab;
    }

    .slider:before {
        content: attr(min);
        position: absolute;
        top: -12px;
        left: 0px;
        color: #677389;
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
    }

    .slider::after {
        content: attr(max);
        position: absolute;
        top: -12px;
        right: 0px;
        color: #677389;
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
    }

.slider-small {
    height: 4px;
    border-radius: 2px;
}

.slider-show-min-max {
    margin-bottom: 0;
}

.ui-slider .ui-slider-handle {
    width: 20px;
    height: 20px;
    background: white;
    border: 2px solid #5B158C;
}

.slider-show-min-max:before,
.slider-show-min-max:after {
    top: -25px;
    color: #677389;
    font-weight: 500;
}

/* Aba Módulos */
.module-panel {
    width: 491px;
    background-color: white;
    padding: 32px;
    border-radius: 8px;
}

.w-panel {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
    width: 100%;
    max-width: 998px;
}

/* ------------------------------------------------------------------------------------------------------
 ----- BOOTBOX ----------------------------------------------------------------------------------------
 ------------------------------------------------------------------------------------------------------ */

.bootbox.modal{
    z-index: 1402;
}

.bootbox .modal-header {
    /* bootbox.js faz prepend() do botao de fechar antes do titulo no DOM;
       com justify-content:space-between isso jogava o X pra esquerda e o
       titulo pra direita. Inverte a ordem visual sem tocar na lib. */
    flex-direction: row-reverse;
}

.bootbox-body-msg {
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    color: #171923;
}

.bootbox-body-img {
    width: 70px;
    height: 70px;
    margin: 10px auto 30px;
    background-repeat: no-repeat;
}

.bootbox-confirm .bootbox-body-img {
    background: url(/Content/images/plugins/bootbox/question.svg);
}

.bootbox-alert .bootbox-body-img {
    background: url(/Content/images/plugins/bootbox/alert.svg);
}

.bootbox-info .bootbox-body-img {
    background: url(/Content/images/plugins/bootbox/info.svg);
}

.bootbox-success .bootbox-body-img {
    background: url(/Content/images/plugins/bootbox/success.svg);
}

/* STD-3007: alerta de estouro do limite do empenho */
.bootbox-estouro-empenho .bootbox-body-titulo {
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    color: #171923;
}

.bootbox-estouro-empenho .modal-footer {
    justify-content: center;
    gap: 8px;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller,
.fc-day-grid-container,    /* these divs might be assigned height, which we need to cleared */
.fc-time-grid-container {  /* */
	overflow: visible !important;
	height: auto !important;
}

#fullCalendarAgenda {
    /*padding-top: 1cm;
    padding-bottom: 1cm;       
    max-width: 95%;
    margin: 0 auto;*/
    padding: 15px;
}

    #fullCalendarAgenda .fc-toolbar {
        padding: 15px 0;
    }

    #fullCalendarAgenda .fc-view-container {
        background-color: #FFFFFF;
    }


#fullCalendarAgenda .fc-widget-header table thead tr th {
    height:50px;
    background-color: #E2E7F0;
    font-weight: normal;
    line-height: 50px;
    font-size:15px;
}

#fullCalendarAgenda .fc-widget-header table thead tr th.fc-today {
    background-color: #A0ABC0;
    color: #4A5568; 
}

.calendario-padrao #fullCalendarAgenda .fc-widget-header table thead tr th.fc-today {
    background-color: #E2E7F0;
    color: #4A5568;
    opacity: 1;
}

.fc-more-popover {
	z-index: 100;
	width: 220px;
}

.fc-unthemed th, 
.fc-unthemed thead, 
.fc-unthemed tbody, 
.fc-unthemed 
.fc-divider, 
.fc-unthemed 
.fc-row, 
.fc-unthemed 
.fc-popover
{
    border-color: #FCFCFC;
}

.fc-unthemed td {
    border-left-color: #eee;
    border-right-color: #eee;
    border-top-color: #EDF1F7;
    border-bottom-color: #EDF1F7;
}

.fc-nonbusiness {
    background-color: #CBD2E0;
}

.fc-unthemed .fc-today  {
	background: #E2E7F0;
}

.fc-day-grid td.fc-axis {
opacity:0.5;
}

.fc-slats tr:nth-child(4n+2) {background-color: #F7FAFD; opacity:0.5;}
.fc-slats tr:nth-child(4n+1) {background-color: #F7FAFD; opacity:0.5;}
                                                                
.fc-slats tr:nth-child(4n+3) {background-color: #FFFFFF; opacity:0.5;}
.fc-slats tr:nth-child(4n+4) {background-color: #FFFFFF; opacity:0.5;}

.fc-event {
    border-radius:0;
    cursor:pointer;
    color: #fff !important;
}

.fc-content {
    padding: 5px;
    color: #fff;
}

.fc-time-grid-container .fc-content-skeleton .fc-event-container .fc-time span {
    font-weight:600;
    font-size:11px;
    text-transform:uppercase;
}

.fc-day-grid .fc-event-container .fc-content span {
    font-weight:600;
    text-transform: uppercase;
    font-size:11px;
    color: #fff;
}

.fc-day-grid .fc-popover .fc-header.fc-widget-header {
    background-color:#E2E7F0;
}

.fc-day-grid .fc-popover .fc-header .fc-title{
    font-weight: normal;
    font-size:14px;
}


.fc-more-popover .fc-event-container{
    padding:0px;
}

.fc-more-popover .fc-body {
    padding: 8px;
}

.fc-time-grid-container .fc-event-container {
    width:99.5%;
    padding:0;
    margin: 0;
}

.fc-state-default {
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    box-shadow: none;
    text-shadow: none;
    border:0;
}

.fc-button {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    border-bottom: solid 3px transparent;
}

.fc-state-active {
    border-bottom: solid 3px #7F26BF;
    font-weight: bold;
}

.fc-state-disabled {
    opacity:1;
    color: #CBD2E0;
}

.fc-prev-button.fc-state-hover, .fc-next-button.fc-state-hover {
    border-bottom: solid 3px transparent;
}

.fc-state-hover {
    font-weight: normal;
    border-bottom: solid 3px #7F26BF;
}

.fc-state-default.fc-corner-right {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
.fc-state-default.fc-corner-left {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}


.agenda-popover .popover-title {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    text-transform:uppercase;
    height:30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.agenda-popover .popover-content {
    padding: 10px;
    font-size: 13px;
}

.agenda-popover .popover-content b {
    font-weight: 600;
}


#external-events {
    margin: 0 15px;
    /*background-color: #fff;
    width: auto;
    float: left;
    padding: 0 10px;
    text-align: left;*/
}

#external-events h4 {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

#external-events h4 {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 15px 0 5px 0;
}

#external-events h5 {
    font-size: 12px;
    font-weight: normal;
    margin:0;
}

#external-events .panel {
    margin:0px;
    border-radius: 0;
    box-shadow: none;
}

    #external-events .panel-default {
        border: none;
    }

    #external-events .panel-heading {
        border-radius: 0;
        border: none;
        background-color: #ffffff;
        padding: 15px 0 0 0;
    }

    #external-events .panel-title {
        font-size: 11px;
        margin: 0;
        text-decoration: none;
        text-transform: uppercase;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        width: 200px;
        padding: 8px 0;
    }

    #external-events .panel-title a {
        text-decoration: none;
    }

    #external-events .panel-title a:hover {
        text-decoration: none;
    }

    #external-events .ver_mais {
        padding:0;
        display:inline;
    }

    #external-events .num-quant {
        background-color: #3576ED;
        border-radius: 20px;
        color: #fff;
        display: inline-block;
        font-size: 11px;
        font-weight: bold;
        height: 20px;
        line-height: 20px;
        min-width: 20px;
        padding: 0 4px;
        text-align: center;
        vertical-align: middle;
        width: auto;
        margin-left:0;
        margin-right: 4px;
    }
    
    #external-events .panel-body {
        padding:0;
        border:none;
    }


    #external-events .fc-event {
        cursor: move;
        height: 25px;
        line-height: 25px;
        margin: auto;
        border: none;
        margin-bottom: 10px;
        border-radius: 6px;
    }

    #external-events .fc-title {
        display: inline-flex;
        align-items: center;
        overflow: hidden;
        padding: 0 16px 0 8px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 200px;
        color: white;
        font-weight: 600;
    }

    #external-events .fc-event span.icomoon {
        position: absolute;
        top: 0;
        right: 4px;
        font-weight: normal;
        line-height: 23px;
        padding: 0 4px;
        text-align: right;
    }

#external-events .ui-draggable-dragging {
    z-index:1000;
    border: dashed 1px #fff;
    opacity:0.7;

}

    #external-events .card-body {
        padding: 0;
        margin-bottom: 10px;
        margin-left: 10px;
    }

    #external-events .icomoon-menu {
        color: white;
    }

#calendario.calendario-padrao .fc-event .fc-bg {
    opacity: 0.15;
}

.fc-head.fixo {
    position: absolute;
    z-index: 99;
    display: table;
}

.tooltip-agenda-descricao {
    max-height: 100px;
    overflow-y: hidden;
}

/*Tablet e celular landscape*/
@media screen and (max-width:1040px), screen and (max-height: 600px) {

    /*Agenda*/
    .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover {
        font-size: 9px !important;
    }

    .fc-content {
        font-size: 7pt !important;
    }

    .fc-basic-view td.fc-week-number span, .fc-basic-view td.fc-day-number {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 1300px) and (min-width: 970px) {
    /*Agenda*/
    .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover {
        font-size: 11px !important;
    }

    .fc-content {
        font-size: 9pt !important;
    }

    .fc-basic-view td.fc-week-number span, .fc-basic-view td.fc-day-number {
        font-size: 15px !important;
    }

}
.new-grid > thead > tr > th {
    background-color: #E9EEF5;
    color: #1A1F26;
    position: sticky;
    top: 0;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 1.2;
}
    .new-grid > thead > tr > th,
    .new-grid > tbody > tr > td {
        padding: 0;
    }

    .new-grid > thead > tr > th:first-child,
    .new-grid > tbody > tr > td:first-child {
        padding-left: 24px;
    }

.new-grid > tbody > tr > td,
.new-grid > tbody > tr > td p {
    position: initial;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    color: #1A1F26;
    margin-bottom: 0;
}
    .new-grid > tbody > tr > td p.short-1 {
        font-size: 0.75rem;
    }

    .new-grid > tbody > tr:hover .btn-grid-edit,
    .new-grid > tbody > tr:hover .btn-grid-delete,
    .new-grid > tbody > tr.editable-active > td .btn-grid-cancel,
    .new-grid > tbody > tr.editable-active > td .btn-grid-save {
        display: inline-flex;
        position: initial;
    }

    .new-grid > tbody > tr > td .btn-grid-cancel,
    .new-grid > tbody > tr > td .btn-grid-save,
    .new-grid > tbody > tr > td .btn-grid-edit,
    .new-grid > tbody > tr > td .btn-grid-delete,
    .new-grid > tbody > tr.editable-active .btn-grid-edit,
    .new-grid > tbody > tr.editable-active .btn-grid-delete,
    .new-grid > tbody > tr > td .editable {
        display: none;
        position: initial;
    }

.new-grid tbody tr:not(.editable-active) .input-group-addon {
    display: none;
}

/* ###### DATEPICKER INSIDE TABLE ###### */
.new-grid .datepicker table > tbody > tr > td {
    line-height: 16px;
    font-weight: 400;
}

.new-grid .datepicker table > thead > tr > th {
    line-height: 24px;
}

.new-grid .datepicker table > thead > tr > th.dow {
    line-height: 16px;
}

.new-grid.table-striped .datepicker table tr td,
.new-grid.table-striped .datepicker table tr th {
    background-color: white;
}

.new-grid .datepicker table tr td.active.active {
    background-color: #3276b1 !important;
}

.new-grid .datepicker thead tr:first-child th:hover,
.new-grid .datepicker table tr td.day:hover,
.datepicker tfoot tr th:hover {
    background: #eeeeee;
}

.new-grid .datepicker table tr td.today {
    color: #000000;
    background-color: #ffdb99;
    border-color: #ffb733;
}
/*
    TinyMce custom css to make it's buttons a little smaller
*/

.tox .tox-tbtn {
    width: auto !important;
    height: auto !important;
}

.tox-toolbar__group {
    padding: 0 5px !important;
}

.tox:not([dir="rtl"])
.tox-toolbar__group:not(:last-of-type) {
    border-right: inherit;
    margin-right: 10px;
}

.tox.tox-tinymce.tox-fullscreen {
    width: 100% !important;
}
.avatar-group {
    display: flex;
}

.avatar-box {
    position: relative;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 2px white;
    margin-right: initial;
    margin-bottom: initial;
}


.avatar {
    position: relative;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    vertical-align: top;
    border-radius: 9999px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.625rem;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
}

    .avatar img {
        border-style: none;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 9999px;
    }

.avatar-name {
    vertical-align: bottom;
}

.ai-modal-loading, .ai-modal-loading > div {
    gap: 16px;
    align-items: center;
}

.ai-modal-loading-list {
    width: 400px;
    gap: 16px;
}

.ai-modal-loading-list-text {
    gap: 4px;
    animation: left-in 1s;
}

.animated-ellipsis:after {
    position: absolute;
    overflow: hidden;
    display: inline-block;
    animation: ellipsis steps(1,end) 1s infinite;
    content: '';
}

@keyframes left-in {
    0% {
        transform: translateX(-10px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes ellipsis {
    0% {
        content: '';
    }

    25% {
        content: '.';
    }

    50% {
        content: '..';
    }

    75% {
        content: '...';
    }

    100% {
        content: '';
    }
}