/* BEGIN OF COLOR DEFINITION */

@import url(base_th.css);

    :root {
        --color-bg-elements: #fff;
        --primary-color: #37474F;
        --primary-border-color: #37474F;
        --active-color: #febe37;
        --pending-color: #febe37;
        --success-color: #3BD2A2;
        --default-color: #184891;
        --error-color: #eb3569;
        --link-color: #eb3569;
        --smooth-bg: rgba(0, 0, 0, 0.2);
        --smoother-bg:#f4f5f5;
        --box-shadow: #8a8a8a;

        --color-btn-dark-bg: #f7f7f7;
        --bg-color-btn-dark-bg: #f7f7f7;
        --border-color-btn-dark-bg: #37474F;

        --bg-color-primary-btn: #fbf9f2;
        --color-primary-btn: #fbf9f2;
        --border-color-primary-btn: #febe37;

        --bg-color-success-btn: #f2fbf6;
        --color-success-btn: #f2fbf6;
        --border-color-success-btn: #3BD2A2;
        
        --bg-color-pending-btn: #fbf9f2;
        --color-pending-btn: #fbf9f2;
        --border-color-pending-btn: #febe37;
        
        --bg-color-error-btn: #fbf2f7;
        --color-error-btn: #fbf2f7;
        --border-color-error-btn: #eb3569;
    }

    body {
        font-family: 'Lato'!important;
        font-weight: 400!important; 
        color: var(--primary-color)!important;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    }

    .title,
    .titulo {
        font-size: 26px;
        font-family: 'Oswald', 'Lato', sans-serif;
    }

    .section-title {
        font-size: 42px;
        font-family: 'Oswald', 'Lato', sans-serif;
        text-transform: uppercase;
        text-align: center;
        font-weight: 400;
        letter-spacing: 0.1em;
        color: #3b484c;
        max-width: 90%;
        margin: 70px auto 50px;
    }

    .section-subtitle {
        font-size: 21px;
        font-family: 'Oswald', 'Lato', sans-serif;
        text-align: center;
        font-weight: 400;
        letter-spacing: 0.5px;
        color: #3b484c;
        max-width: 90%;
        margin: -50px auto 50px;
    }
    @media(max-width:768px) {
        .section-title {
            font-size: 26px;
        }

        .section-subtitle {
            font-size: 18px;
        }
    }

    .subtitle,
    .subtitulo {
        font-size: 20px;
    }

    input[type="text"],
    .form-control {
        border: 1px solid var(--box-shadow);
    }

    .active-color {
        color: var(--active-color)!important;
    }

    .success-color {
        color: var(--success-color)!important;
    }
    
    .error-color {
        color: var(--error-color)!important;
    }
    
    .pending-color {
        color: var(--pending-color)!important;
    }
    
    .default-color {
        color: var(--default-color)!important;
    }

    .active-bg {
        background-color: var(--active-color)!important;
    }

    .success-bg {
        background-color: var(--success-color)!important;
    }
    
    .error-bg {
        background-color: var(--error-color)!important;
    }
    
    .pending-bg {
        background-color: var(--pending-color)!important;
    }
    
    .default-bg {
        background-color: var(--default-color)!important;
    }

    a,
    a:hover,
    a:focus {
        text-decoration: none;
    }

/* END OF COLOR DEFINITION */


/* BEGIN OF WELCOME HEADER */
    .welcome-header {
        background: var(--color-bg-elements);
        color: var(--primary-color);
    }

    .welcome-header .menu_bar {
        background: var(--smooth-bg);
    }

    .menu_bar {
        background: var(--smoother-bg);
        font-family: 'Oswald', 'Lato', sans-serif;
    }

    .welcome-header .swiper-conteudo .swiper-info{
        background: var(--smooth-bg);
        color: #fff;
    }

    .welcome-header .swiper-conteudo .swiper-info .title{
        font-family: 'Oswald','Lato', sans-serif;
        font-weight: 400;
        font-size: 32px;
        text-transform: uppercase;
        margin: 0;
    }

    .welcome-header .swiper-conteudo .swiper-info .title:empty,
    .welcome-header .swiper-conteudo .swiper-info .subtitle:empty {
        display: none;
    }

    .welcome-header .swiper-conteudo .swiper-info .subtitle{
        font-family: 'Oswald','Lato', sans-serif;
        font-weight: 300;
        font-size: 26px;
    }

    .welcome-header .action-btn {
        font-family: 'Oswald', 'Lato', sans-serif;
        font-weight: 400;
        font-size: 20px;
    }

    .menu-bar-dropdown{
        box-shadow: 0px 0px 40px 0px var(--box-shadow);
        background-color: var(--color-bg-elements);
    }

    .menu-entry:hover .menu-bar-dropdown {
        opacity: 1;
        pointer-events: auto;
        top: 75px;
        visibility: visible;
    }

    .menu-bar-dropdown-text .subtitulo {
        color: #797979;
    }

    .menu-bottom-bar {
        background: #fff;
        z-index: 99;
        box-shadow: 1px 4px 12px 0px var(--box-shadow);
    }

    .menu-bottom-bar div {
        border-top: 2px solid #fff;
        background: #fff;
        color: var(--active-color);
    }

    .menu-bottom-bar div:hover {
        border-top: 2px solid var(--active-color);
    }

    .menu-bottom-bar div.active {
        border-top: 2px solid var(--active-color)!important;
        background: var(--active-color)!important;
        color: #fff!important;
    }
/* END OF WELCOME HEADER */



/* BEGIN OF CONTENT PAGE */
    .content-page .container .card-3-steps p {
        font-family: 'Lato', sans-serif;
        font-weight: normal;
        color: var(--primary-color);
        text-align: justify;
    }

    .content-card {
        box-shadow: 0px 0px 25px -5px var(--box-shadow);
        background-color: var(--color-bg-elements);
    }

    .content-card .content-card-footer {
        background-color: var(--smooth-bg);
        opacity: 0.5;
    }

    .div_alerta_bg {
        background: var(--smooth-bg);;
        color:var(--primary-color);
    }

    .div_alerta_small_conteudo {
        background: #fff;
        border-top: 5px solid #febe35;
    }


    .div_alerta_big {
        background: var(--smooth-bg);
        color:var(--primary-color);
    }

    .div_alerta_big_div {
        background: #fff;
        color: var(--primary-color);
    }

    .div_alerta_big_div .div_alerta_big-image:after {
        background-color: var(--smooth-bg);
    }

    .img-galery {
        transition: 0.5s;
    }

    .img-galery:after {
        content:"";
        width:100%;
        height: 100%;
        border: 13px solid #fff;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        -webkit-transition: border-width 0.2s linear;
        transition: border-width 0.2s linear;
    }

    .img-galery:before {
        content: "";
        border: 1px solid #febf34;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        -webkit-transition: 0.5s linear;
        transition: 0.5s linear;
        opacity: 0;
    }

    .img-galery:hover:after {
        border: 5px solid #fff;
    }

    .img-galery:hover:before {
        opacity:1;
        top: 30px;
        right: 30px;
        left: 30px;
        bottom: 30px;
    }

    .img-galery > * {
        background-color: var(--smooth-bg);
    }

    .img-galery .float-element {
        bottom: -100px;
        transition: 0.5s linear;
    }

    .img-galery:hover .float-element {
        bottom: 30px;
    }

    .widesection {
        background-color: var(--smoother-bg);
    }

    .breadcrumbr {
        background: var(--smoother-bg);
        padding: 5px 15px;
    }
    .breadcrumbr * {
        margin:0;
    }
/* END OF CONTENT PAGE */



/* BEGIN OF ACTION BUTTONS */
    .action-btn {
        color: inherit;
        font-family: 'Oswald';
        text-transform: uppercase;
    }
    .action-btn.btn-dark-bg {
        background-color: var(--bg-color-btn-dark-bg);
        border-bottom: 3px solid var(--border-color-btn-dark-bg);
        color: var(--border-color-btn-dark-bg);
    }

    .action-btn.btn-dark-bg:hover{
        color: var(--border-color-btn-dark-bg);
        background-color: var(--bg-color-btn-dark-bg);
    }

    .action-btn.btn-dark-bg:active,
    .action-btn.btn-dark-bg:focus  {
        background-color: var(--border-color-btn-dark-bg);
        color: var(--bg-btn-dark-bg);
        border-bottom: 3px solid var(--border-color-btn-dark-bg);
    }

    .action-btn.btn-primary {
        background-color: var(--bg-color-primary-btn);
        border-bottom: 3px solid var(--border-color-primary-btn);
    }

    .action-btn.btn-primary:hover {
        color: var(--border-color-primary-btn);
        background-color: var(--bg-color-primary-btn);
    }

    .action-btn.btn-primary:active,
    .action-btn.btn-primary:focus {
        background-color: var(--border-color-primary-btn);
        color: var(--color-primary-btn);
        border-bottom: 3px solid var(--border-color-primary-btn);
    }
    
    .action-btn.btn-success {
        background-color: var(--bg-color-success-btn);
        border-bottom: 3px solid var(--border-color-success-btn);
    }

    .action-btn.btn-success:hover {
        color: var(--border-color-success-btn);
        background-color: var(--bg-color-success-btn);
    }

    .action-btn.btn-success:active,
    .action-btn.btn-success:focus {
        background-color: var(--border-color-success-btn);
        color: var(--color-success-btn);
        border-bottom: 3px solid var(--border-color-success-btn);
    }


    .action-btn.btn-pending,
    .action-btn.btn-warning {
        background-color: var(--bg-color-pending-btn);
        border-bottom: 3px solid var(--border-color-pending-btn);
    }

    .action-btn.btn-pending:hover,
    .action-btn.btn-warning:hover {
        color: var(--border-color-pending-btn);
        background-color: var(--bg-color-pending-btn);
    }

    .action-btn.btn-pending:active,
    .action-btn.btn-pending:focus,
    .action-btn.btn-warning:active,
    .action-btn.btn-warning:focus  {
        background-color: var(--border-color-pending-btn);
        color: var(--color-pending-btn);
        border-bottom: 3px solid var(--border-color-pending-btn);
    }

    .action-btn.btn-error {
        background-color: var(--bg-color-error-btn);
        border-bottom: 3px solid var(--border-color-error-btn);
    }

    .action-btn.btn-error:hover {
        color: var(--border-color-error-btn);
        background-color: var(--bg-color-error-btn);
    }

    .action-btn.btn-error:active,
    .action-btn.btn-error:focus {
        background-color: var(--border-color-error-btn);
        color: var(--color-error-btn);
        border-bottom: 3px solid var(--border-color-error-btn);
    }
    
/* BEGIN OF ACTION BUTTONS */



/* BEGIN OF COMMENTS */
    .rounded-button-mini {
        background: var(--smoother-bg);
    }

    .rounded-button-mini:hover {
        box-shadow: var(--smooth-bg) 0 7px 20px;
    }

    .rounded-button-mini .inner {
        background: var(--active-color);
        color: #fff;
    }

    .rounded-button-mini.alt {
        background: var(--primary-color);
        color: var(--smoother-bg);
    }

    .comment-outer .comment-container .photo {
        background-color: var(--smoother-bg);
    }
/* ENF OF COMMENTS */



/* BEGIN OF CARD TIMELINE */
    .card-timeline {
        border: 1px solid var(--smooth-bg);;
        border-left: 8px solid;
        background: rgba(249, 249, 249, 0.34);;
        border-radius: 7px;
    }

    .card-timeline.status_1 {
        border-left-color: var(--default-color);;
    }

    .card-timeline.status_1 .title::before {
        background: var(--default-color);;
    }

    .card-timeline.status_2 {
        border-left-color: var(--default-color);;
    }

    .card-timeline.status_2 .title::before {
        background: var(--default-color);;
    }

    .card-timeline.status_3 {
        border-left-color: var(--pending-color);;
    }

    .card-timeline.status_3 .title::before {
        background: var(--pending-color);;
    }

    .card-timeline.status_4 {
        border-left-color: var(--pending-color);;
    }

    .card-timeline.status_4 .title::before {
        background: var(--pending-color);;
    }

    .card-timeline.status_5 {
        border-left-color: var(--success-color);
    }

    .card-timeline.status_5 .title::before {
        background: var(--success-color);
    }

    .card-timeline.status_6 {
        border-left-color: var(--error-color);
    }

    .card-timeline.status_6 .title::before {
        background: var(--error-color);
    }
/* END OF CARD TIMELINE */




/* BEGIN OF EXPANSIVE CARD */
    .card-expansive-header {
        background: var(--smoother-bg);
        border: 1px solid var(--smooth-bg);
    }

    .card-expansive-body {
        border: 1px solid var(--smooth-bg);
        border-top: none;
    }

    .card-expansive-footer {
        border: 1px solid var(--smooth-bg);
        border-top: none;
        background: var(--smoother-bg);
    }

    .card-expansive-top-bg {
        background: var(--success-color);
        color: #fff;
    }
    .card-expansive-top-bg .profile-pic {
        background-repeat: no-repeat;
    }
    .card-expansive-body a:first-child .bullet {
        border-top: 1px solid var(--smoother-bg);
    }
    .card-expansive-body .bullet.active {
        background: var(--smoother-bg);
    }
    .card-expansive-body .bullet {
        margin: 0 -10px;
        padding: 10px;
        font-size: 17px;
        font-weight: 400;
        border-bottom: 1px solid var(--smoother-bg);
        cursor: pointer;
        color: var(--primary-color);
    }

    .card-expansive-body .bullet:hover {
        background: var(--smoother-bg);
    }
/* END OF EXPANSIVE CARD */



/* BEGIN OF SECTION BIG */
    .section-big-bg {
        background: var(--smoother-bg);
        border: 1px solid var(--smooth-bg);
        border-top: 1px solid transparent;
    }

    .section-big-bg.white_bg {
        background: var(--color-bg-elements);
    }

    .section-big-bg:first-of-type {
        border-top: 1px solid var(--smooth-bg);
    }

    .section-big-bg .section-big-header .inner .photo {
        background-color: #fff;
    }
/* END OF SECTION BIG */