﻿/*-----------------------------------------------------------------------------------------------------------------------*/
/*Todos os títulos do Cultural Fit*/
.labelTituloFit {
    color: #303030 !important;
    font-weight: 800;
    font-size: 25px;
}

/*Títulos menores do Cultural Fit*/
.TextoFit {
    color: #303030 !important;
    resize: none;
}

/*----------------------------------------*/
/*Menu*/
.side-nav-Fit li a:hover {
    background: linear-gradient(#303030, #565656, #959494, Silver) !important;
    color: white;
    transition: 1s;
}

.side-nav-Fit li a:focus {
    background: linear-gradient(#303030, #565656, #959494, Silver) !important;
    color: white !important;
}


/*Menu botão primeiro nível*/
#MenuLateral1_MenuLateralCultura:hover {
    color: White !important;
    background: linear-gradient(Silver,#959494,#565656, #303030) !important;
    transition: 0.5s;
}
/*Menu*/
.MenuTextoFit {
    color: #303030 !important;
}

    .MenuTextoFit:hover {
        color: white !important;
    }


.MenuTextoFit2 {
    color: #303030 !important;
}

    .MenuTextoFit2:hover {
        color: white !important;
    }

/*----------------------------------------*/
/*Cor de fundo das linhas do Cultural Fit*/
.TextoFundoFit {
    color: White !important;
    background: linear-gradient(#303030, #565656, #959494, Silver) !important;
}

.TextoFundoFit2 {
    color: White !important;
    background: linear-gradient(#303030, #565656, #959494, Silver) !important;
}



/*Botão do Cultural Fit*/
.btn-Fit {
    color: #fff;
    background: linear-gradient(#303030, #565656, #959494, #D1CFCF) !important;
    border-color: #303030 !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px #727272;
}

    .btn-Fit:focus,
    .btn-Fit.focus {
        color: #fff !important;
        background: linear-gradient(#303030, #565656, #959494, Silver) !important;
        border-color: #303030 !important;
    }

    .btn-Fit:hover {
        color: #fff !important;
        background: linear-gradient(Silver, #959494, #565656, #303030) !important;
        border-color: #303030 !important;
        box-shadow: 3px 4px 1px #727272;
        text-shadow: 1px 1px 4px #fff;
    }

    .btn-Fit:active,
    .btn-Fit.active,
    .open > .dropdown-toggle.btn-Fit {
        color: #fff !important;
        background-color: #303030 !important;
        border-color: #BBBBBB !important;
    }

        .btn-Fit:active:hover,
        .btn-Fit.active:hover,
        .open > .dropdown-toggle.btn-Fit:hover,
        .btn-Fit:active:focus,
        .btn-Fit.active:focus,
        .open > .dropdown-toggle.btn-Fit:focus,
        .btn-Fit:active.focus,
        .btn-Fit.active.focus,
        .open > .dropdown-toggle.btn-Fit.focus {
            color: #BBBBBB !important;
            background-color: #303030 !important;
            border-color: #BBBBBB !important;
        }

    .btn-Fit:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

    .btn-Fit:active,
    .btn-Fit.active,
    .open > .dropdown-toggle.btn-Fit {
        background-image: none;
    }

    .btn-Fit.disabled:hover,
    .btn-Fit[disabled]:hover,
    fieldset[disabled] .btn-Fit:hover,
    .btn-Fit.disabled:focus,
    .btn-Fit[disabled]:focus,
    fieldset[disabled] .btn-Fit:focus,
    .btn-Fit.disabled.focus,
    .btn-Fit[disabled].focus,
    fieldset[disabled] .btn-Fit.focus {
        background-color: #303030 !important;
        border-color: #BBBBBB !important;
    }

    .btn-Fit .badge {
        color: #303030 !important;
        background-color: #fff !important;
    }

/*Botão fechar*/
.btn-Fit2 {
    color: #fff;
    background-color: #BBBBBB !important;
    border-color: #303030 !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px #727272;
}

    .btn-Fit2:focus,
    .btn-Fit2.focus {
        color: #fff !important;
        background-color: #303030 !important;
        border-color: #BBBBBB !important;
    }

    .btn-Fit2:hover {
        color: #303030 !important;
        background-color: #303030 !important;
        border-color: #BBBBBB !important;
        box-shadow: 3px 4px 1px white;
        text-shadow: 1px 1px 4px #303030;
    }

    .btn-Fit2:active,
    .btn-Fit2.active,
    .open > .dropdown-toggle.btn-Fit2 {
        color: #fff !important;
        background-color: #303030 !important;
        border-color: #BBBBBB !important;
    }

        .btn-Fit2:active:hover,
        .btn-Fit2.active:hover,
        .open > .dropdown-toggle.btn-Fit2:hover,
        .btn-Fit2:active:focus,
        .btn-Fit2.active:focus,
        .open > .dropdown-toggle.btn-Fit2:focus,
        .btn-Fit2:active.focus,
        .btn-Fit2.active.focus,
        .open > .dropdown-toggle.btn-Fit2.focus {
            color: #fff !important;
            background-color: #303030 !important;
            border-color: #BBBBBB !important;
        }

    .btn-Fit2:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

    .btn-Fit2:active,
    .btn-Fit2.active,
    .open > .dropdown-toggle.btn-Fit2 {
        background-image: none;
    }

    .btn-Fit2.disabled:hover,
    .btn-Fit2[disabled]:hover,
    fieldset[disabled] .btn-Fit2:hover,
    .btn-Fit2.disabled:focus,
    .btn-Fit2[disabled]:focus,
    fieldset[disabled] .btn-Fit2:focus,
    .btn-Fit2.disabled.focus,
    .btn-Fit2[disabled].focus,
    fieldset[disabled] .btn-Fit2.focus {
        background-color: #303030 !important;
        border-color: #BBBBBB !important;
    }

    .btn-Fit2 .badge {
        color: #303030 !important;
        background-color: #fff !important;
    }

/*Botão Fa*/
.btn-FitFa {
    color: #fff;
    background-color: #303030 !important;
    border-color: #BBBBBB !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px #727272;
}

    .btn-FitFa:focus,
    .btn-FitFa.focus {
        color: #fff !important;
        background-color: #303030 !important;
        border-color: #BBBBBB !important;
    }

    .btn-FitFa:hover {
        color: #fff !important;
        background-color: #BBBBBB !important;
        border-color: #303030 !important;
        box-shadow: 3px 4px 1px #303030;
        text-shadow: 1px 1px 4px white;
    }

    .btn-FitFa:active,
    .btn-FitFa.active,
    .open > .dropdown-toggle.btn-FitFa {
        color: #fff !important;
        background-color: #303030 !important;
        border-color: #BBBBBB !important;
    }

        .btn-FitFa:active:hover,
        .btn-FitFa.active:hover,
        .open > .dropdown-toggle.btn-FitFa:hover,
        .btn-FitFa:active:focus,
        .btn-FitFa.active:focus,
        .open > .dropdown-toggle.btn-FitFa:focus,
        .btn-FitFa:active.focus,
        .btn-FitFa.active.focus,
        .open > .dropdown-toggle.btn-FitFa.focus {
            color: #fff !important;
            background-color: #303030 !important;
            border-color: #BBBBBB !important;
        }

    .btn-FitFa:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

    .btn-FitFa:active,
    .btn-FitFa.active,
    .open > .dropdown-toggle.btn-FitFa {
        background-image: none;
    }

    .btn-FitFa.disabled:hover,
    .btn-FitFa[disabled]:hover,
    fieldset[disabled] .btn-FitFa:hover,
    .btn-FitFa.disabled:focus,
    .btn-FitFa[disabled]:focus,
    fieldset[disabled] .btn-FitFa:focus,
    .btn-FitFa.disabled.focus,
    .btn-FitFa[disabled].focus,
    fieldset[disabled] .btn-FitFa.focus {
        background-color: #303030 !important;
        border-color: #BBBBBB !important;
    }

    .btn-FitFa .badge {
        color: #303030 !important;
        background-color: #fff !important;
    }

/* O checkbox do status*/
.status-Fit input[type="checkbox"]:checked + label::before {
    background-color: #303030;
    border-color: #BBBBBB;
}

.status-Fit input[type="checkbox"]:checked + label::after {
    color: white;
    border-color: #BBBBBB;
}

/*-------------------------------------------------------------------------------------------------------------------*/
/*Todos os títulos do Cultural Index*/
.labelTituloCai {
    color: #905495 !important;
    font-weight: 800;
    font-size: 25px;
}

/*Menu*/
.MenuTextoCai {
    color: #905495 !important;
}

    .MenuTextoCai:hover {
        color: white !important;
    }

.side-nav-Cai li a:hover {
    background: linear-gradient(#915495, #905495, #9E7EA0, #B195B3, #D1B0D4) !important;
    color: white;
    transition: 1s;
}

.side-nav-Cai li a:focus {
    background: linear-gradient(#915495, #905495, #9E7EA0, #B195B3, #D1B0D4) !important;
    color: white !important;
}

.MenuTextoCai2 {
    color: #905495 !important;
}

    .MenuTextoCai2:hover {
        color: white !important;
    }

/*Menu Botão primeiro nível*/
#MenuLateral1_MenuLateralCai:hover {
    background: linear-gradient(#D1B0D4, #B195B3, #9E7EA0, #905495, #915495) !important;
    transition: 0.5s;
}
/*Títulos menores do Cultural Index*/
.TextoCai {
    color: #905495 !important;
    resize: none;
}

/*Cor de fundo das linhas do Cultural Index*/
.TextoFundoCai2 {
    color: #fff !important;
    background: linear-gradient(#915495, #905495, #9E7EA0, #B195B3, #D1B0D4) !important;
}


/*Cor de fundo das tabelas do Cultural Index*/
.TextoFundoCai {
    color: white;
    font-weight: bold;
    text-shadow: 3px 2px 1px #905495 !important;
    background: linear-gradient(#915495, #905495, #9E7EA0, #B195B3, #D1B0D4) !important;
    font-size: 15px;
}

/*Cor do menu principal*/
.BotaoMenuCaiPrincipal {
    color: #905495 !important;
    text-shadow: 1px 1px 4px white;
    display: none;
}

/*Botão do cultural index*/

.btn-Cai {
    color: #fff;
    background: linear-gradient(#915495, #905495, #9E7EA0, #B195B3, #D1B0D4) !important;
    border-color: #927994 !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px purple;
}

    .btn-Cai:focus,
    .btn-Cai.focus {
        color: #fff !important;
        background: linear-gradient(#915495, #905495, #9E7EA0, #B195B3, #D1B0D4) !important;
        border-color: #A42E88 !important;
    }

    .btn-Cai:hover {
        color: #fff !important;
        background: linear-gradient(#D1B0D4, #B195B3, #9E7EA0, #905495, #915495) !important;
        border-color: #927994 !important;
        box-shadow: 3px 4px 1px #927994;
        text-shadow: 1px 1px 4px #A42E88;
    }

    .btn-Cai:active,
    .btn-Cai.active,
    .open > .dropdown-toggle.btn-Cai {
        color: #fff !important;
        background-color: #905495 !important;
        border-color: #927994 !important;
    }

    .btn-Cai:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

        .btn-Cai:active:hover,
        .btn-Cai.active:hover,
        .open > .dropdown-toggle.btn-Cai:hover,
        .btn-Cai:active:focus,
        .btn-Cai.active:focus,
        .open > .dropdown-toggle.btn-Cai:focus,
        .btn-Cai:active.focus,
        .btn-Cai.active.focus,
        .open > .dropdown-toggle.btn-Cai.focus {
            color: #fff !important;
            background-color: #927994 !important;
            border-color: #905495 !important;
        }

    .btn-Cai:active,
    .btn-Cai.active,
    .open > .dropdown-toggle.btn-Cai {
        background-image: none;
    }

    .btn-Cai.disabled:hover,
    .btn-Cai[disabled]:hover,
    fieldset[disabled] .btn-Cai:hover,
    .btn-Cai.disabled:focus,
    .btn-Cai[disabled]:focus,
    fieldset[disabled] .btn-Cai:focus,
    .btn-Cai.disabled.focus,
    .btn-Cai[disabled].focus,
    fieldset[disabled] .btn-Cai.focus {
        background-color: #927994 !important;
        border-color: #905495 !important;
    }

    .btn-Cai .badge {
        color: #B73390 !important;
        background-color: #fff !important;
    }

/*Botão fechar*/
.btn-Cai2 {
    color: #fff;
    background-color: #905495 !important;
    border-color: #927994 !important;
    border: hidden !important;
    padding: 1px;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px purple;
}

    .btn-Cai2:focus,
    .btn-Cai2.focus {
        color: #fff !important;
        background-color: #915495 !important;
        border-color: #A42E88 !important;
    }

    .btn-Cai2:hover {
        color: #fff !important;
        background-color: #905495 !important;
        border-color: #927994 !important;
        box-shadow: 3px 4px 1px #927994;
        text-shadow: 1px 1px 4px white;
    }

    .btn-Cai2:active,
    .btn-Cai2.active,
    .open > .dropdown-toggle.btn-Cai2 {
        color: #fff !important;
        background-color: #905495 !important;
        border-color: #927994 !important;
    }

    .btn-Cai2:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

        .btn-Cai2:active:hover,
        .btn-Cai2.active:hover,
        .open > .dropdown-toggle.btn-Cai2:hover,
        .btn-Cai2:active:focus,
        .btn-Cai2.active:focus,
        .open > .dropdown-toggle.btn-Cai2:focus,
        .btn-Cai2:active.focus,
        .btn-Cai2.active.focus,
        .open > .dropdown-toggle.btn-Cai2.focus {
            color: #fff !important;
            background-color: #927994 !important;
            border-color: #905495 !important;
        }

    .btn-Cai2:active,
    .btn-Cai2.active,
    .open > .dropdown-toggle.btn-Cai2 {
        background-image: none;
    }

    .btn-Cai2.disabled:hover,
    .btn-Cai2[disabled]:hover,
    fieldset[disabled] .btn-Cai2:hover,
    .btn-Cai2.disabled:focus,
    .btn-Cai2[disabled]:focus,
    fieldset[disabled] .btn-Cai2:focus,
    .btn-Cai2.disabled.focus,
    .btn-Cai2[disabled].focus,
    fieldset[disabled] .btn-Cai2.focus {
        background-color: #927994 !important;
        border-color: #905495 !important;
    }

    .btn-Cai2 .badge {
        color: #B73390 !important;
        background-color: #fff !important;
    }

/*Botão Fa*/
.btn-CaiFa {
    color: #fff;
    background-color: #905495 !important;
    border-color: #927994 !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px purple;
}

    .btn-CaiFa:focus,
    .btn-CaiFa.focus {
        color: #fff !important;
        background-color: #915495 !important;
        border-color: #A42E88 !important;
    }

    .btn-CaiFa:hover {
        color: #fff !important;
        background-color: #905495 !important;
        border-color: #927994 !important;
        box-shadow: 3px 4px 1px #927994;
        text-shadow: 1px 1px 4px white;
    }

    .btn-CaiFa:active,
    .btn-CaiFa.active,
    .open > .dropdown-toggle.btn-CaiFa {
        color: #fff !important;
        background-color: #905495 !important;
        border-color: #927994 !important;
    }

    .btn-CaiFa:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

        .btn-CaiFa:active:hover,
        .btn-CaiFa.active:hover,
        .open > .dropdown-toggle.btn-CaiFa:hover,
        .btn-CaiFa:active:focus,
        .btn-CaiFa.active:focus,
        .open > .dropdown-toggle.btn-CaiFa:focus,
        .btn-CaiFa:active.focus,
        .btn-CaiFa.active.focus,
        .open > .dropdown-toggle.btn-CaiFa.focus {
            color: #fff !important;
            background-color: #927994 !important;
            border-color: #905495 !important;
        }

    .btn-CaiFa:active,
    .btn-CaiFa.active,
    .open > .dropdown-toggle.btn-CaiFa {
        background-image: none;
    }

    .btn-CaiFa.disabled:hover,
    .btn-CaiFa[disabled]:hover,
    fieldset[disabled] .btn-CaiFa:hover,
    .btn-CaiFa.disabled:focus,
    .btn-CaiFa[disabled]:focus,
    fieldset[disabled] .btn-CaiFa:focus,
    .btn-CaiFa.disabled.focus,
    .btn-CaiFa[disabled].focus,
    fieldset[disabled] .btn-CaiFa.focus {
        background-color: #927994 !important;
        border-color: #905495 !important;
    }

    .btn-CaiFa .badge {
        color: #B73390 !important;
        background-color: #fff !important;
    }

/* O checkbox do status*/
.status-Cai input[type="checkbox"]:checked + label::before {
    background-color: #905495;
    border-color: #927994;
}

.status-Cai input[type="checkbox"]:checked + label::after {
    color: white;
    border-color: #927994;
}


/*------------------------------------------------------------------------------------------------------------------------*/
/*Todos os títulos do Team Index*/
.labelTituloTai {
    color: #008b6a !important;
    font-weight: 800;
    font-size: 25px;
}

/*----------------------------------------*/
/*Menu*/
.side-nav-Tai li a:hover {
    background: linear-gradient(#044F3D,#008b6a, #88baae, #A0D6C9) !important;
    color: white;
    transition: 1s;
}

.side-nav-Tai li a:focus {
    background: linear-gradient(#044F3D,#008b6a, #88baae, #A0D6C9) !important;
    color: white !important;
}

/*Menu*/
.MenuTextoTai {
    color: #008b6a !important;
}

    .MenuTextoTai:hover {
        color: white !important;
    }


.MenuTextoTai2 {
    color: #008b6a !important;
}

    .MenuTextoTai2:hover {
        color: white !important;
    }


/*----------------------------------------*/

/*Menu botão primeiro nível*/
#MenuLateral1_MenuLateralTai:hover {
    background: linear-gradient(#A0D6C9,#88baae, #008b6a, #044F3D) !important;
    color: White !important;
    transition: 0.5s;
}
/*Títulos menores do Team Index*/
.TextoTai {
    color: #008b6a !important;
}

/*Cor de fundo das linhas do Team Index*/
.TextoFundoTai {
    color: White !important;
    background: linear-gradient(#044F3D,#008b6a, #88baae, #A0D6C9) !important;
}

.TextoFundoTai2 {
    color: White !important;
    background: linear-gradient(#044F3D,#008b6a, #88baae, #A0D6C9) !important;
}

/*Botão do Team Index*/
.btn-Tai {
    color: #fff;
    background: linear-gradient(#044F3D,#008b6a, #88baae, #A0D6C9) !important;
    border-color: #88baae !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px darkgreen;
}

    .btn-Tai:focus,
    .btn-Tai.focus {
        color: #fff !important;
        background: linear-gradient(#044F3D,#008b6a, #88baae, #A0D6C9) !important;
        border-color: #88baae !important;
    }

    .btn-Tai:hover {
        color: #fff !important;
        background: linear-gradient(#A0D6C9, #88baae, #008b6a, #044F3D) !important;
        border-color: #008B6A !important;
        box-shadow: 3px 4px 1px #008B6A;
        text-shadow: 1px 1px 4px white;
    }

    .btn-Tai:active,
    .btn-Tai.active,
    .open > .dropdown-toggle.btn-Tai {
        color: #fff !important;
        background-color: #008B6A !important;
        border-color: #88baae !important;
    }

        .btn-Tai:active:hover,
        .btn-Tai.active:hover,
        .open > .dropdown-toggle.btn-Tai:hover,
        .btn-Tai:active:focus,
        .btn-Tai.active:focus,
        .open > .dropdown-toggle.btn-Tai:focus,
        .btn-Tai:active.focus,
        .btn-Tai.active.focus,
        .open > .dropdown-toggle.btn-Tai.focus {
            color: #fff !important;
            background-color: #008B6A !important;
            border-color: #88baae !important;
        }

    .btn-Tai:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

    .btn-Tai:active,
    .btn-Tai.active,
    .open > .dropdown-toggle.btn-Tai {
        background-image: none;
    }

    .btn-Tai.disabled:hover,
    .btn-Tai[disabled]:hover,
    fieldset[disabled] .btn-Tai:hover,
    .btn-Tai.disabled:focus,
    .btn-Tai[disabled]:focus,
    fieldset[disabled] .btn-Tai:focus,
    .btn-Tai.disabled.focus,
    .btn-Tai[disabled].focus,
    fieldset[disabled] .btn-Tai.focus {
        background-color: #008B6A !important;
        border-color: #88baae !important;
    }

    .btn-Tai .badge {
        color: #008B6A !important;
        background-color: #fff !important;
    }
/*Botão fechar*/
.btn-Tai2 {
    color: #fff;
    background-color: #008b6a !important;
    border-color: #88baae !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px darkgreen;
}

    .btn-Tai2:focus,
    .btn-Tai2.focus {
        color: #fff !important;
        background-color: #008B6A !important;
        border-color: #88baae !important;
    }

    .btn-Tai2:hover {
        color: #fff !important;
        background-color: #88baae !important;
        border-color: #008B6A !important;
        box-shadow: 3px 4px 1px #008B6A;
        text-shadow: 1px 1px 4px white;
    }

    .btn-Tai2:active,
    .btn-Tai2.active,
    .open > .dropdown-toggle.btn-Tai2 {
        color: #fff !important;
        background-color: #008B6A !important;
        border-color: #88baae !important;
    }

        .btn-Tai2:active:hover,
        .btn-Tai2.active:hover,
        .open > .dropdown-toggle.btn-Tai2:hover,
        .btn-Tai2:active:focus,
        .btn-Tai2.active:focus,
        .open > .dropdown-toggle.btn-Tai2:focus,
        .btn-Tai2:active.focus,
        .btn-Tai2.active.focus,
        .open > .dropdown-toggle.btn-Tai2.focus {
            color: #fff !important;
            background-color: #008B6A !important;
            border-color: #88baae !important;
        }

    .btn-Tai2:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

    .btn-Tai2:active,
    .btn-Tai2.active,
    .open > .dropdown-toggle.btn-Tai2 {
        background-image: none;
    }

    .btn-Tai2.disabled:hover,
    .btn-Tai2[disabled]:hover,
    fieldset[disabled] .btn-Tai2:hover,
    .btn-Tai2.disabled:focus,
    .btn-Tai2[disabled]:focus,
    fieldset[disabled] .btn-Tai2:focus,
    .btn-Tai2.disabled.focus,
    .btn-Tai2[disabled].focus,
    fieldset[disabled] .btn-Tai2.focus {
        background-color: #008B6A !important;
        border-color: #88baae !important;
    }

    .btn-Tai2 .badge {
        color: #008B6A !important;
        background-color: #fff !important;
    }
/*Botão Fa*/
.btn-TaiFa {
    color: #fff;
    background-color: #008b6a !important;
    border-color: #88baae !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px darkgreen;
}

    .btn-TaiFa:focus,
    .btn-TaiFa.focus {
        color: #fff !important;
        background-color: #008B6A !important;
        border-color: #88baae !important;
    }

    .btn-TaiFa:hover {
        color: #fff !important;
        background-color: #88baae !important;
        border-color: #008B6A !important;
        box-shadow: 3px 4px 1px #008B6A;
        text-shadow: 1px 1px 4px white;
    }

    .btn-TaiFa:active,
    .btn-TaiFa.active,
    .open > .dropdown-toggle.btn-TaiFa {
        color: #fff !important;
        background-color: #008B6A !important;
        border-color: #88baae !important;
    }

        .btn-TaiFa:active:hover,
        .btn-TaiFa.active:hover,
        .open > .dropdown-toggle.btn-TaiFa:hover,
        .btn-TaiFa:active:focus,
        .btn-TaiFa.active:focus,
        .open > .dropdown-toggle.btn-TaiFa:focus,
        .btn-TaiFa:active.focus,
        .btn-TaiFa.active.focus,
        .open > .dropdown-toggle.btn-TaiFa.focus {
            color: #fff !important;
            background-color: #008B6A !important;
            border-color: #88baae !important;
        }

    .btn-TaiFa:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

    .btn-TaiFa:active,
    .btn-TaiFa.active,
    .open > .dropdown-toggle.btn-TaiFa {
        background-image: none;
    }

    .btn-TaiFa.disabled:hover,
    .btn-TaiFa[disabled]:hover,
    fieldset[disabled] .btn-TaiFa:hover,
    .btn-TaiFa.disabled:focus,
    .btn-TaiFa[disabled]:focus,
    fieldset[disabled] .btn-TaiFa:focus,
    .btn-TaiFa.disabled.focus,
    .btn-TaiFa[disabled].focus,
    fieldset[disabled] .btn-TaiFa.focus {
        background-color: #008B6A !important;
        border-color: #88baae !important;
    }

    .btn-TaiFa .badge {
        color: #008B6A !important;
        background-color: #fff !important;
    }

/* O checkbox do status*/
.status-Tai input[type="checkbox"]:checked + label::before {
    background-color: #008B6A;
    border-color: #88baae;
}

.status-Tai input[type="checkbox"]:checked + label::after {
    color: white;
    border-color: #008B6A;
}

/*-----------------------------------------------------------------------------------------------------------------------*/
/*Todos os títulos do PSSI*/
.labelTituloPSSI {
    color: #461d3f !important;
    font-weight: 800;
    font-size: 25px;
}

/*Títulos menores do PSSI*/
.TextoPSSI {
    color: #672C5D !important;
}

/*Cor de fundo das linhas do PSSI*/
.TextoFundoPSSI {
    color: White !important;
    background: linear-gradient(#461d3f, #672C5D, #722A66, #A03C8F) !important;
}

.TextoFundoPSSI2 {
    color: White !important;
    background: linear-gradient(#461d3f, #672C5D, #722A66, #A03C8F) !important;
}

/*----------------------------------------*/
/*Menu*/
.MenuTextoPSSI {
    color: #461d3f !important;
}

    .MenuTextoPSSI:hover {
        color: White !important;
    }

.side-nav-PSSI li a:hover {
    background: linear-gradient(#461d3f, #672C5D, #722A66, #A03C8F) !important;
    color: White;
    transition: 1s;
}

.side-nav-PSSI li a:focus {
    background: linear-gradient(#461d3f, #672C5D, #722A66, #A03C8F) !important;
    color: White !important;
}

.MenuTextoPSSI2 {
    color: #461d3f !important;
}

    .MenuTextoPSSI2:hover {
        color: White !important;
    }

/*Menu Botão primeiro nível*/
#MenuLateral1_MenuLateralPSSI:hover {
    background: linear-gradient(#A03C8F, #722A66, #672C5D, #461d3f) !important;
    transition: 0.5s;
}

/*Cor do menu principal*/
.BotaoMenuPSSIPrincipal {
    color: #461d3f !important;
    text-shadow: 1px 1px 4px #e8dee6;
    display: none;
}

/*Botão do PSSI*/
.btn-PSSI {
    color: #e8dee6;
    background: linear-gradient(#461d3f, #672C5D, #722A66, #A03C8F) !important;
    border-color: #e8dee6 !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px purple;
}

    .btn-PSSI:focus,
    .btn-PSSI.focus {
        color: #e8dee6 !important;
        background: linear-gradient(#461d3f, #672C5D, #722A66, #A03C8F) !important;
        border-color: #e8dee6 !important;
    }

    .btn-PSSI:hover {
        color: #e8dee6 !important;
        background: linear-gradient(#A03C8F, #722A66, #672C5D, #461d3f) !important;
        border-color: #461d3f !important;
        box-shadow: 3px 4px 1px #461d3f;
        text-shadow: 1px 1px 4px #ed0bc6;
        animation: slidebg 2s linear infinite;
    }

    .btn-PSSI:active,
    .btn-PSSI.active,
    .open > .dropdown-toggle.btn-PSSI {
        color: #e8dee6 !important;
        background-color: #461d3f !important;
        border-color: #e8dee6 !important;
    }

        .btn-PSSI:active:hover,
        .btn-PSSI.active:hover,
        .open > .dropdown-toggle.btn-PSSI:hover,
        .btn-PSSI:active:focus,
        .btn-PSSI.active:focus,
        .open > .dropdown-toggle.btn-PSSI:focus,
        .btn-PSSI:active.focus,
        .btn-PSSI.active.focus,
        .open > .dropdown-toggle.btn-PSSI.focus {
            color: #ed0bc6 !important;
            background-color: #461d3f !important;
            border-color: #e8dee6 !important;
        }

    .btn-PSSI:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

    .btn-PSSI:active,
    .btn-PSSI.active,
    .open > .dropdown-toggle.btn-PSSI {
        background-image: none;
    }

    .btn-PSSI.disabled:hover,
    .btn-PSSI[disabled]:hover,
    fieldset[disabled] .btn-PSSI:hover,
    .btn-PSSI.disabled:focus,
    .btn-PSSI[disabled]:focus,
    fieldset[disabled] .btn-PSSI:focus,
    .btn-PSSI.disabled.focus,
    .btn-PSSI[disabled].focus,
    fieldset[disabled] .btn-PSSI.focus {
        background-color: #461d3f !important;
        border-color: #e8dee6 !important;
    }

    .btn-PSSI .badge {
        color: #461d3f !important;
        background-color: #e8dee6 !important;
    }
/*Botão Sair ou fechar*/
.btn-PSSI2 {
    color: #e8dee6;
    background-color: #461d3f !important;
    border-color: #e8dee6 !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px #ed0bc6;
}

    .btn-PSSI2:focus,
    .btn-PSSI2.focus {
        color: #e8dee6 !important;
        background-color: #461d3f !important;
        border-color: #e8dee6 !important;
    }

    .btn-PSSI2:hover {
        color: #ed0bc6 !important;
        background-color: #e8dee6 !important;
        border-color: #461d3f !important;
        box-shadow: 3px 4px 1px #461d3f;
        text-shadow: 1px 1px 4px #ed0bc6;
    }

    .btn-PSSI2:active,
    .btn-PSSI2.active,
    .open > .dropdown-toggle.btn-PSSI2 {
        color: #e8dee6 !important;
        background-color: #461d3f !important;
        border-color: #e8dee6 !important;
    }

        .btn-PSSI2:active:hover,
        .btn-PSSI2.active:hover,
        .open > .dropdown-toggle.btn-PSSI2:hover,
        .btn-PSSI2:active:focus,
        .btn-PSSI2.active:focus,
        .open > .dropdown-toggle.btn-PSSI2:focus,
        .btn-PSSI2:active.focus,
        .btn-PSSI2.active.focus,
        .open > .dropdown-toggle.btn-PSSI2.focus {
            color: #ed0bc6 !important;
            background-color: #461d3f !important;
            border-color: #e8dee6 !important;
        }

    .btn-PSSI2:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

    .btn-PSSI2:active,
    .btn-PSSI2.active,
    .open > .dropdown-toggle.btn-PSSI2 {
        background-image: none;
    }

    .btn-PSSI2.disabled:hover,
    .btn-PSSI2[disabled]:hover,
    fieldset[disabled] .btn-PSSI2:hover,
    .btn-PSSI2.disabled:focus,
    .btn-PSSI2[disabled]:focus,
    fieldset[disabled] .btn-PSSI2:focus,
    .btn-PSSI2.disabled.focus,
    .btn-PSSI2[disabled].focus,
    fieldset[disabled] .btn-PSSI2.focus {
        background-color: #461d3f !important;
        border-color: #e8dee6 !important;
    }

    .btn-PSSI2 .badge {
        color: #461d3f !important;
        background-color: #e8dee6 !important;
    }
/*Botão Fa*/
.btn-PSSI-Fa {
    color: #e8dee6;
    background-color: #461d3f !important;
    border-color: #e8dee6 !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 1px 1px 3px #e8dee6;
}

    .btn-PSSI-Fa:focus,
    .btn-PSSI-Fa.focus {
        color: #e8dee6 !important;
        background-color: #461d3f !important;
        border-color: #e8dee6 !important;
    }

    .btn-PSSI-Fa:hover {
        color: #ed0bc6 !important;
        background-color: #e8dee6 !important;
        border-color: #461d3f !important;
        box-shadow: 3px 4px 1px #461d3f;
        text-shadow: 1px 1px 3px #ed0bc6;
    }

    .btn-PSSI-Fa:active,
    .btn-PSSI-Fa.active,
    .open > .dropdown-toggle.btn-PSSI-Fa {
        color: #e8dee6 !important;
        background-color: #461d3f !important;
        border-color: #e8dee6 !important;
    }

        .btn-PSSI-Fa:active:hover,
        .btn-PSSI-Fa.active:hover,
        .open > .dropdown-toggle.btn-PSSI-Fa:hover,
        .btn-PSSI-Fa:active:focus,
        .btn-PSSI-Fa.active:focus,
        .open > .dropdown-toggle.btn-PSSI-Fa:focus,
        .btn-PSSI-Fa:active.focus,
        .btn-PSSI-Fa.active.focus,
        .open > .dropdown-toggle.btn-PSSI-Fa.focus {
            color: #ed0bc6 !important;
            background-color: #461d3f !important;
            border-color: #e8dee6 !important;
        }

    .btn-PSSI-Fa:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

    .btn-PSSI-Fa:active,
    .btn-PSSI-Fa.active,
    .open > .dropdown-toggle.btn-PSSI-Fa {
        background-image: none;
    }

    .btn-PSSI-Fa.disabled:hover,
    .btn-PSSI-Fa[disabled]:hover,
    fieldset[disabled] .btn-PSSI-Fa:hover,
    .btn-PSSI-Fa.disabled:focus,
    .btn-PSSI-Fa[disabled]:focus,
    fieldset[disabled] .btn-PSSI-Fa:focus,
    .btn-PSSI-Fa.disabled.focus,
    .btn-PSSI-Fa[disabled].focus,
    fieldset[disabled] .btn-PSSI-Fa.focus {
        background-color: #461d3f !important;
        border-color: #e8dee6 !important;
    }

    .btn-PSSI-Fa .badge {
        color: #461d3f !important;
        background-color: #e8dee6 !important;
    }

/* O checkbox do status*/
.status-PSSI input[type="checkbox"]:checked + label::before {
    background-color: #461d3f;
    border-color: #e8dee6;
}

.status-PSSI input[type="checkbox"]:checked + label::after {
    color: white;
    border-color: #461d3f;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*Todos os títulos do DMI*/
.labelTituloDMI {
    color: #461d3f !important;
    font-weight: 800;
    font-size: 25px;
}

/*Títulos menores do DMI*/
.TextoDMI {
    color: #672C5D !important;
}

/*Cor de fundo das linhas do DMI*/
.TextoFundoDMI {
    color: White !important;
    background: linear-gradient(#461d3f, #672C5D, #722A66, #A03C8F) !important;
}

.TextoFundoDMI2 {
    color: White !important;
    background: linear-gradient(#461d3f, #672C5D, #722A66, #A03C8F) !important;
}

/*----------------------------------------*/
/*Menu*/
.MenuTextoDMI {
    color: #461d3f !important;
}

    .MenuTextoDMI:hover {
        color: White !important;
    }

.side-nav-DMI li a:hover {
    background: linear-gradient(#461d3f, #672C5D, #722A66, #A03C8F) !important;
    color: White;
    transition: 1s;
}

.side-nav-DMI li a:focus {
    background: linear-gradient(#461d3f, #672C5D, #722A66, #A03C8F) !important;
    color: White !important;
}

.MenuTextoDMI2 {
    color: #461d3f !important;
}

    .MenuTextoDMI2:hover {
        color: White !important;
    }

/*Menu Botão primeiro nível*/
#MenuLateral1_MenuLateralDMI:hover {
    background: linear-gradient(#A03C8F, #722A66, #672C5D, #461d3f) !important;
    transition: 0.5s;
}

/*Cor do menu principal*/
.BotaoMenuDMIPrincipal {
    color: #461d3f !important;
    text-shadow: 1px 1px 4px #e8dee6;
    display: none;
}

/*Botão do DMI*/
.btn-DMI {
    color: #e8dee6;
    background: linear-gradient(#461d3f, #672C5D, #722A66, #A03C8F) !important;
    border-color: #e8dee6 !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px purple;
}

    .btn-DMI:focus,
    .btn-DMI.focus {
        color: #e8dee6 !important;
        background: linear-gradient(#461d3f, #672C5D, #722A66, #A03C8F) !important;
        border-color: #e8dee6 !important;
    }

    .btn-DMI:hover {
        color: #e8dee6 !important;
        background: linear-gradient(#A03C8F, #722A66, #672C5D, #461d3f) !important;
        border-color: #461d3f !important;
        box-shadow: 3px 4px 1px #461d3f;
        text-shadow: 1px 1px 4px #ed0bc6;
        animation: slidebg 2s linear infinite;
    }

    .btn-DMI:active,
    .btn-DMI.active,
    .open > .dropdown-toggle.btn-DMI {
        color: #e8dee6 !important;
        background-color: #461d3f !important;
        border-color: #e8dee6 !important;
    }

        .btn-DMI:active:hover,
        .btn-DMI.active:hover,
        .open > .dropdown-toggle.btn-DMI:hover,
        .btn-DMI:active:focus,
        .btn-DMI.active:focus,
        .open > .dropdown-toggle.btn-DMI:focus,
        .btn-DMI:active.focus,
        .btn-DMI.active.focus,
        .open > .dropdown-toggle.btn-DMI.focus {
            color: #ed0bc6 !important;
            background-color: #461d3f !important;
            border-color: #e8dee6 !important;
        }

    .btn-DMI:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

    .btn-DMI:active,
    .btn-DMI.active,
    .open > .dropdown-toggle.btn-DMI {
        background-image: none;
    }

    .btn-DMI.disabled:hover,
    .btn-DMI[disabled]:hover,
    fieldset[disabled] .btn-DMI:hover,
    .btn-DMI.disabled:focus,
    .btn-DMI[disabled]:focus,
    fieldset[disabled] .btn-DMI:focus,
    .btn-DMI.disabled.focus,
    .btn-DMI[disabled].focus,
    fieldset[disabled] .btn-DMI.focus {
        background-color: #461d3f !important;
        border-color: #e8dee6 !important;
    }

    .btn-DMI .badge {
        color: #461d3f !important;
        background-color: #e8dee6 !important;
    }
/*Botão Sair ou fechar*/
.btn-DMI2 {
    color: #e8dee6;
    background-color: #461d3f !important;
    border-color: #e8dee6 !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px #ed0bc6;
}

    .btn-DMI2:focus,
    .btn-DMI2.focus {
        color: #e8dee6 !important;
        background-color: #461d3f !important;
        border-color: #e8dee6 !important;
    }

    .btn-DMI2:hover {
        color: #ed0bc6 !important;
        background-color: #e8dee6 !important;
        border-color: #461d3f !important;
        box-shadow: 3px 4px 1px #461d3f;
        text-shadow: 1px 1px 4px #ed0bc6;
    }

    .btn-DMI2:active,
    .btn-DMI2.active,
    .open > .dropdown-toggle.btn-DMI2 {
        color: #e8dee6 !important;
        background-color: #461d3f !important;
        border-color: #e8dee6 !important;
    }

        .btn-DMI2:active:hover,
        .btn-DMI2.active:hover,
        .open > .dropdown-toggle.btn-DMI2:hover,
        .btn-DMI2:active:focus,
        .btn-DMI2.active:focus,
        .open > .dropdown-toggle.btn-DMI2:focus,
        .btn-DMI2:active.focus,
        .btn-DMI2.active.focus,
        .open > .dropdown-toggle.btn-DMI2.focus {
            color: #ed0bc6 !important;
            background-color: #461d3f !important;
            border-color: #e8dee6 !important;
        }

    .btn-DMI2:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

    .btn-DMI2:active,
    .btn-DMI2.active,
    .open > .dropdown-toggle.btn-DMI2 {
        background-image: none;
    }

    .btn-DMI2.disabled:hover,
    .btn-DMI2[disabled]:hover,
    fieldset[disabled] .btn-DMI2:hover,
    .btn-DMI2.disabled:focus,
    .btn-DMI2[disabled]:focus,
    fieldset[disabled] .btn-DMI2:focus,
    .btn-DMI2.disabled.focus,
    .btn-DMI2[disabled].focus,
    fieldset[disabled] .btn-DMI2.focus {
        background-color: #461d3f !important;
        border-color: #e8dee6 !important;
    }

    .btn-DMI2 .badge {
        color: #461d3f !important;
        background-color: #e8dee6 !important;
    }
/*Botão Fa*/
.btn-DMI-Fa {
    color: #e8dee6;
    background-color: #461d3f !important;
    border-color: #e8dee6 !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 1px 1px 3px #e8dee6;
}

    .btn-DMI-Fa:focus,
    .btn-DMI-Fa.focus {
        color: #e8dee6 !important;
        background-color: #461d3f !important;
        border-color: #e8dee6 !important;
    }

    .btn-DMI-Fa:hover {
        color: #ed0bc6 !important;
        background-color: #e8dee6 !important;
        border-color: #461d3f !important;
        box-shadow: 3px 4px 1px #461d3f;
        text-shadow: 1px 1px 3px #ed0bc6;
    }

    .btn-DMI-Fa:active,
    .btn-DMI-Fa.active,
    .open > .dropdown-toggle.btn-DMI-Fa {
        color: #e8dee6 !important;
        background-color: #461d3f !important;
        border-color: #e8dee6 !important;
    }

        .btn-DMI-Fa:active:hover,
        .btn-DMI-Fa.active:hover,
        .open > .dropdown-toggle.btn-DMI-Fa:hover,
        .btn-DMI-Fa:active:focus,
        .btn-DMI-Fa.active:focus,
        .open > .dropdown-toggle.btn-DMI-Fa:focus,
        .btn-DMI-Fa:active.focus,
        .btn-DMI-Fa.active.focus,
        .open > .dropdown-toggle.btn-DMI-Fa.focus {
            color: #ed0bc6 !important;
            background-color: #461d3f !important;
            border-color: #e8dee6 !important;
        }

    .btn-DMI-Fa:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

    .btn-DMI-Fa:active,
    .btn-DMI-Fa.active,
    .open > .dropdown-toggle.btn-DMI-Fa {
        background-image: none;
    }

    .btn-DMI-Fa.disabled:hover,
    .btn-DMI-Fa[disabled]:hover,
    fieldset[disabled] .btn-DMI-Fa:hover,
    .btn-DMI-Fa.disabled:focus,
    .btn-DMI-Fa[disabled]:focus,
    fieldset[disabled] .btn-DMI-Fa:focus,
    .btn-DMI-Fa.disabled.focus,
    .btn-DMI-Fa[disabled].focus,
    fieldset[disabled] .btn-DMI-Fa.focus {
        background-color: #461d3f !important;
        border-color: #e8dee6 !important;
    }

    .btn-DMI-Fa .badge {
        color: #461d3f !important;
        background-color: #e8dee6 !important;
    }

/* O checkbox do status*/
.status-DMI input[type="checkbox"]:checked + label::before {
    background-color: #461d3f;
    border-color: #e8dee6;
}

.status-DMI input[type="checkbox"]:checked + label::after {
    color: white;
    border-color: #461d3f;
}

/*-----------------------------------------------------------------------------------------------------------------------*/
/*Todos os títulos do People Index*/

.corCardPai {
    color: white;
    background-color: #EF6A01 !important;
    font-size: 20px;
}

.labelTituloPai {
    color: #EF6A01 !important;
    font-weight: 800;
    font-size: 25px;
}

.MenuTextoPai {
    color: #EF6A01 !important;
}

    .MenuTextoPai:hover {
        color: white !important;
    }

.side-nav-Pai li a:hover {
    background: linear-gradient(#ff4700, #EF6A01, #ff7515, #ffa42d, #ffb86f) !important;
    color: white;
    transition: 1s;
}

.side-nav-Pai li a:focus {
    background: linear-gradient(#ff4700, #EF6A01, #ff7515, #ffa42d, #ffb86f) !important;
    color: white !important;
}

.MenuTextoPai2 {
    color: #EF6A01 !important;
}

    .MenuTextoPai2:hover {
        color: white !important;
    }

/*Menu Botão primeiro nível*/
#MenuLateral1_MenuLateralPai:hover {
    background: linear-gradient(#ffb86f, #ffa42d, #ff7515, #EF6A01, #ff4700) !important;
    transition: 0.5s;
}
/*Títulos menores do Cultural Index*/
.TextoPai {
    color: #EF6A01 !important;
    resize: none;
}

/*Cor de fundo das linhas do Cultural Index*/
.TextoFundoPai2 {
    color: #fff !important;
    background: linear-gradient(#ff4700, #EF6A01, #ff7515, #ffa42d, #ffb86f) !important;
}


/*Cor de fundo das tabelas do Cultural Index*/
.TextoFundoPai {
    color: white;
    font-weight: bold;
    text-shadow: 3px 2px 1px #EF6A01 !important;
    background: linear-gradient(#ff4700, #EF6A01, #ff7515, #ffa42d, #ffb86f) !important;
    font-size: 15px;
}

/*Cor do menu principal*/
.BotaoMenuPaiPrincipal {
    color: #EF6A01 !important;
    text-shadow: 1px 1px 4px white;
    display: none;
}

/*Botão do cultural index*/

.btn-Pai {
    color: #fff;
    background: linear-gradient(#ff4700, #EF6A01, #ff7515, #ffa42d, #ffb86f) !important;
    border-color: #948779 !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px orange;
}

    .btn-Pai:focus,
    .btn-Pai.focus {
        color: #fff !important;
        background: linear-gradient(#ff4700, #EF6A01, #ff7515, #ffa42d, #ffb86f) !important;
        border-color: #a4542e !important;
    }

    .btn-Pai:hover {
        color: #fff !important;
        background: linear-gradient(#ffb86f, #ffa42d, #ff7515, #EF6A01, #ff4700) !important;
        border-color: #948779 !important;
        box-shadow: 3px 4px 1px #948779;
        text-shadow: 1px 1px 4px #a4542e;
    }

    .btn-Pai:active,
    .btn-Pai.active,
    .open > .dropdown-toggle.btn-Pai {
        color: #fff !important;
        background-color: #EF6A01 !important;
        border-color: #948779 !important;
    }

    .btn-Pai:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

        .btn-Pai:active:hover,
        .btn-Pai.active:hover,
        .open > .dropdown-toggle.btn-Pai:hover,
        .btn-Pai:active:focus,
        .btn-Pai.active:focus,
        .open > .dropdown-toggle.btn-Pai:focus,
        .btn-Pai:active.focus,
        .btn-Pai.active.focus,
        .open > .dropdown-toggle.btn-Pai.focus {
            color: #fff !important;
            background-color: #948779 !important;
            border-color: #EF6A01 !important;
        }

    .btn-Pai:active,
    .btn-Pai.active,
    .open > .dropdown-toggle.btn-Pai {
        background-image: none;
    }

    .btn-Pai.disabled:hover,
    .btn-Pai[disabled]:hover,
    fieldset[disabled] .btn-Pai:hover,
    .btn-Pai.disabled:focus,
    .btn-Pai[disabled]:focus,
    fieldset[disabled] .btn-Pai:focus,
    .btn-Pai.disabled.focus,
    .btn-Pai[disabled].focus,
    fieldset[disabled] .btn-Pai.focus {
        background-color: #948779 !important;
        border-color: #EF6A01 !important;
    }

    .btn-Pai .badge {
        color: #b77033 !important;
        background-color: #fff !important;
    }

/*Botão fechar*/
.btn-Pai2 {
    color: #fff;
    background-color: #EF6A01 !important;
    border-color: #948779 !important;
    border: hidden !important;
    padding: 1px;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px orange;
}

    .btn-Pai2:focus,
    .btn-Pai2.focus {
        color: #fff !important;
        background-color: #ff4700 !important;
        border-color: #a4542e !important;
    }

    .btn-Pai2:hover {
        color: #fff !important;
        background-color: #EF6A01 !important;
        border-color: #948779 !important;
        box-shadow: 3px 4px 1px #948779;
        text-shadow: 1px 1px 4px white;
    }

    .btn-Pai2:active,
    .btn-Pai2.active,
    .open > .dropdown-toggle.btn-Pai2 {
        color: #fff !important;
        background-color: #EF6A01 !important;
        border-color: #948779 !important;
    }

    .btn-Pai2:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

        .btn-Pai2:active:hover,
        .btn-Pai2.active:hover,
        .open > .dropdown-toggle.btn-Pai2:hover,
        .btn-Pai2:active:focus,
        .btn-Pai2.active:focus,
        .open > .dropdown-toggle.btn-Pai2:focus,
        .btn-Pai2:active.focus,
        .btn-Pai2.active.focus,
        .open > .dropdown-toggle.btn-Pai2.focus {
            color: #fff !important;
            background-color: #948779 !important;
            border-color: #EF6A01 !important;
        }

    .btn-Pai2:active,
    .btn-Pai2.active,
    .open > .dropdown-toggle.btn-Pai2 {
        background-image: none;
    }

    .btn-Pai2.disabled:hover,
    .btn-Pai2[disabled]:hover,
    fieldset[disabled] .btn-Pai2:hover,
    .btn-Pai2.disabled:focus,
    .btn-Pai2[disabled]:focus,
    fieldset[disabled] .btn-Pai2:focus,
    .btn-Pai2.disabled.focus,
    .btn-Pai2[disabled].focus,
    fieldset[disabled] .btn-Pai2.focus {
        background-color: #948779 !important;
        border-color: #EF6A01 !important;
    }

    .btn-Pai2 .badge {
        color: #b77033 !important;
        background-color: #fff !important;
    }

/*Botão Fa*/
.btn-PaiFa {
    color: #fff;
    background-color: #EF6A01 !important;
    border-color: #948779 !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px orange;
}

    .btn-PaiFa:focus,
    .btn-PaiFa.focus {
        color: #fff !important;
        background-color: #ff4700 !important;
        border-color: #a4542e !important;
    }

    .btn-PaiFa:hover {
        color: #fff !important;
        background-color: #EF6A01 !important;
        border-color: #948779 !important;
        box-shadow: 3px 4px 1px #948779;
        text-shadow: 1px 1px 4px white;
    }

    .btn-PaiFa:active,
    .btn-PaiFa.active,
    .open > .dropdown-toggle.btn-PaiFa {
        color: #fff !important;
        background-color: #EF6A01 !important;
        border-color: #948779 !important;
    }

    .btn-PaiFa:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

        .btn-PaiFa:active:hover,
        .btn-PaiFa.active:hover,
        .open > .dropdown-toggle.btn-PaiFa:hover,
        .btn-PaiFa:active:focus,
        .btn-PaiFa.active:focus,
        .open > .dropdown-toggle.btn-PaiFa:focus,
        .btn-PaiFa:active.focus,
        .btn-PaiFa.active.focus,
        .open > .dropdown-toggle.btn-PaiFa.focus {
            color: #fff !important;
            background-color: #948779 !important;
            border-color: #EF6A01 !important;
        }

    .btn-PaiFa:active,
    .btn-PaiFa.active,
    .open > .dropdown-toggle.btn-PaiFa {
        background-image: none;
    }

    .btn-PaiFa.disabled:hover,
    .btn-PaiFa[disabled]:hover,
    fieldset[disabled] .btn-PaiFa:hover,
    .btn-PaiFa.disabled:focus,
    .btn-PaiFa[disabled]:focus,
    fieldset[disabled] .btn-PaiFa:focus,
    .btn-PaiFa.disabled.focus,
    .btn-PaiFa[disabled].focus,
    fieldset[disabled] .btn-PaiFa.focus {
        background-color: #948779 !important;
        border-color: #EF6A01 !important;
    }

    .btn-PaiFa .badge {
        color: #b77033 !important;
        background-color: #fff !important;
    }

/* O checkbox do status*/
.status-Pai input[type="checkbox"]:checked + label::before {
    background-color: #EF6A01;
    border-color: #948779;
}

.status-Pai input[type="checkbox"]:checked + label::after {
    color: white;
    border-color: #948779;
}

/*-----------------------------------------------------------------------------------------------------------------------*/
/*Todos os títulos do Value Index*/

.corCardValue {
    color: white;
    background-color: #004268 !important;
    font-size: 20px;
}

.labelTituloValue {
    color: #004268 !important;
    font-weight: 800;
    font-size: 25px;
}

.MenuTextoValue {
    color: #004268 !important;
}

    .MenuTextoValue:hover {
        color: white !important;
    }

.side-nav-value li a:hover {
    background: linear-gradient(#6699cc, #3399cc, #336699, #004268, #003333) !important;
    color: white;
    transition: 1s;
}

.side-nav-value li a:focus {
    background: linear-gradient(#6699cc, #3399cc, #336699, #004268, #003333) !important;
    color: white !important;
}

.MenuTextoValue2 {
    color: #004268 !important;
}

    .MenuTextoValue2:hover {
        color: white !important;
    }

#MenuLateral1_MenuLateralValue:hover {
    background: linear-gradient(#6699cc, #3399cc, #336699, #004268, #003333) !important;
    transition: 0.5s;
}
.TextoValue {
    color: #004268 !important;
    resize: none;
}

.TextoFundoValue2 {
    color: #fff !important;
    background: linear-gradient(#6699cc, #3399cc, #336699, #004268, #003333) !important;
}

.TextoFundoValue {
    color: white;
    font-weight: bold;
    text-shadow: 3px 2px 1px #004268 !important;
    background: linear-gradient(#6699cc, #3399cc, #336699, #004268, #003333) !important;
    font-size: 15px;
}
.BotaoMenuValuePrincipal {
    color: #004268 !important;
    text-shadow: 1px 1px 4px white;
    display: none;
}

.btn-Value {
    color: #fff;
    background: linear-gradient(#6699cc, #3399cc, #336699, #004268, #003333) !important;
    border-color: #948779 !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px #003333;
}

    .btn-Value:focus,
    .btn-Value.focus {
        color: #fff !important;
        background: linear-gradient(#6699cc, #3399cc, #336699, #004268, #003333) !important;
        border-color: #003333 !important;
    }

    .btn-Value:hover {
        color: #fff !important;
        background: linear-gradient(#003333, #004268, #336699, #3399cc, #6699cc) !important;
        border-color: #948779 !important;
        box-shadow: 3px 4px 1px #948779;
        text-shadow: 1px 1px 4px #003333;
    }

    .btn-Value:active,
    .btn-Value.active,
    .open > .dropdown-toggle.btn-Value {
        color: #fff !important;
        background-color: #004268 !important;
        border-color: #948779 !important;
    }

    .btn-Value:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

        .btn-Value:active:hover,
        .btn-Value.active:hover,
        .open > .dropdown-toggle.btn-Value:hover,
        .btn-Value:active:focus,
        .btn-Value.active:focus,
        .open > .dropdown-toggle.btn-Value:focus,
        .btn-Value:active.focus,
        .btn-Value.active.focus,
        .open > .dropdown-toggle.btn-Value.focus {
            color: #fff !important;
            background-color: #948779 !important;
            border-color: #004268 !important;
        }

    .btn-Value:active,
    .btn-Value.active,
    .open > .dropdown-toggle.btn-Value {
        background-image: none;
    }

    .btn-Value.disabled:hover,
    .btn-Value[disabled]:hover,
    fieldset[disabled] .btn-Value:hover,
    .btn-Value.disabled:focus,
    .btn-Value[disabled]:focus,
    fieldset[disabled] .btn-Value:focus,
    .btn-Value.disabled.focus,
    .btn-Value[disabled].focus,
    fieldset[disabled] .btn-Value.focus {
        background-color: #948779 !important;
        border-color: #004268 !important;
    }

    .btn-Value .badge {
        color: #b77033 !important;
        background-color: #fff !important;
    }

.btn-Value2 {
    color: #fff;
    background-color: #004268 !important;
    border-color: #948779 !important;
    border: hidden !important;
    padding: 1px;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px #004268;
}

    .btn-Value2:focus,
    .btn-Value2.focus {
        color: #fff !important;
        background-color: #004268 !important;
        border-color: #01324e !important;
    }

    .btn-Value2:hover {
        color: #fff !important;
        background-color: #004268 !important;
        border-color: #948779 !important;
        box-shadow: 3px 4px 1px #948779;
        text-shadow: 1px 1px 4px white;
    }

    .btn-Value2:active,
    .btn-Value2.active,
    .open > .dropdown-toggle.btn-Value2 {
        color: #fff !important;
        background-color: #004268 !important;
        border-color: #948779 !important;
    }

    .btn-Value2:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

        .btn-Value2:active:hover,
        .btn-Value2.active:hover,
        .open > .dropdown-toggle.btn-Value2:hover,
        .btn-Value2:active:focus,
        .btn-Value2.active:focus,
        .open > .dropdown-toggle.btn-Value2:focus,
        .btn-Value2:active.focus,
        .btn-Value2.active.focus,
        .open > .dropdown-toggle.btn-Value2.focus {
            color: #fff !important;
            background-color: #948779 !important;
            border-color: #004268 !important;
        }

    .btn-Value2:active,
    .btn-Value2.active,
    .open > .dropdown-toggle.btn-Value2 {
        background-image: none;
    }

    .btn-Value2.disabled:hover,
    .btn-Value2[disabled]:hover,
    fieldset[disabled] .btn-Value2:hover,
    .btn-Value2.disabled:focus,
    .btn-Value2[disabled]:focus,
    fieldset[disabled] .btn-Value2:focus,
    .btn-Value2.disabled.focus,
    .btn-Value2[disabled].focus,
    fieldset[disabled] .btn-Value2.focus {
        background-color: #948779 !important;
        border-color: #004268 !important;
    }

    .btn-Value2 .badge {
        color: #b77033 !important;
        background-color: #fff !important;
    }

.btn-ValueFa {
    color: #fff;
    background-color: #004268 !important;
    border-color: #336699 !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px #004268;
}

    .btn-ValueFa:focus,
    .btn-ValueFa.focus {
        color: #fff !important;
        background-color: #004268 !important;
        border-color: #01324e !important;
    }

    .btn-ValueFa:hover {
        color: #fff !important;
        background-color: #004268 !important;
        border-color: #336699 !important;
        box-shadow: 3px 4px 1px #948779;
        text-shadow: 1px 1px 4px white;
    }

    .btn-ValueFa:active,
    .btn-ValueFa.active,
    .open > .dropdown-toggle.btn-ValueFa {
        color: #fff !important;
        background-color: #004268 !important;
        border-color: #336699 !important;
    }

    .btn-ValueFa:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

        .btn-ValueFa:active:hover,
        .btn-ValueFa.active:hover,
        .open > .dropdown-toggle.btn-ValueFa:hover,
        .btn-ValueFa:active:focus,
        .btn-ValueFa.active:focus,
        .open > .dropdown-toggle.btn-ValueFa:focus,
        .btn-ValueFa:active.focus,
        .btn-ValueFa.active.focus,
        .open > .dropdown-toggle.btn-ValueFa.focus {
            color: #fff !important;
            background-color: #336699 !important;
            border-color: #004268 !important;
        }

    .btn-ValueFa:active,
    .btn-ValueFa.active,
    .open > .dropdown-toggle.btn-ValueFa {
        background-image: none;
    }

    .btn-ValueFa.disabled:hover,
    .btn-ValueFa[disabled]:hover,
    fieldset[disabled] .btn-ValueFa:hover,
    .btn-ValueFa.disabled:focus,
    .btn-ValueFa[disabled]:focus,
    fieldset[disabled] .btn-ValueFa:focus,
    .btn-ValueFa.disabled.focus,
    .btn-ValueFa[disabled].focus,
    fieldset[disabled] .btn-ValueFa.focus {
        background-color: #948779 !important;
        border-color: #004268 !important;
    }

    .btn-ValueFa .badge {
        color: #01324e !important;
        background-color: #fff !important;
    }

.status-Value input[type="checkbox"]:checked + label::before {
    background-color: #004268;
    border-color: #948779;
}

.status-Value input[type="checkbox"]:checked + label::after {
    color: white;
    border-color: #948779;
}

/*-----------------------------------------------------------------------------------------------------------------------*/
/*Todos os títulos do Perfil Champion*/

.corCardPerfChamp {
    color: white;
    background-color: #00436d !important;
    font-size: 20px;
}

.labelTituloPerfChamp {
    font-family: Georgia;
    color: #00436d !important;
    font-size: 18px !important;
    font-weight: bolder !important;
}

.MenuTextoPerfChamp {
    color: #fff !important;
}

    .MenuTextoPerfChamp:hover {
        color: #fff !important;
        font-weight: bolder !important;
    }

.side-nav-PerfChamp li a:hover {
    background: #336699 !important;
    color: white;
    transition: 1s;
}

.side-nav-PerfChamp li a:focus {
    background: linear-gradient(#6699cc, #3399cc, #336699, #00436d, #043250) !important;
    color: white !important;
}

.MenuTextoPerfChamp2 {
    color: #fff !important;
}

    .MenuTextoPerfChamp2:hover {
        color: #fff !important;
        font-weight:bolder !important;
    }

#MenuLateral1_MenuLateralPerfChamp:hover {
    background: #336699 !important;
    transition: 0.5s;
}

.TextoPerfChamp {
    color: #00436d !important;
    resize: none;
}

.TextoFundoPerfChamp2 {
    color: #fff !important;
    background: #00436d !important;
}

.TextoFundoPerfChamp {
    color: #fff !important;
    font-weight: bold;
    text-shadow: 3px 2px 1px #00436d !important;
    background: #00436d !important;
    font-size: 15px;
}

.BotaoMenuPerfChampPrincipal {
    color: #00436d !important;
    text-shadow: 1px 1px 4px white;
    display: none;
}

.btn-PerfChamp {
    color: #fff;
    background: #00436d !important;
    border-color: #948779 !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px #043250;
}

    .btn-PerfChamp:focus,
    .btn-PerfChamp.focus {
        color: #fff !important;
        background-color: #336699 !important;
        border-color: #043250 !important;
    }

    .btn-PerfChamp:hover {
        color: #fff !important;
        background: #336699 !important;
        border-color: #336699 !important;
        box-shadow: 1px 2px 1px #336699;
        text-shadow: 1px 1px 4px #043250;
    }

    .btn-PerfChamp:active,
    .btn-PerfChamp.active,
    .open > .dropdown-toggle.btn-PerfChamp {
        color: #fff !important;
        background-color: #00436d !important;
        border-color: #336699 !important;
    }

    .btn-PerfChamp:active {
        position: relative;
        top: 1px;
        box-shadow: none;
    }

        .btn-PerfChamp:active:hover,
        .btn-PerfChamp.active:hover,
        .open > .dropdown-toggle.btn-PerfChamp:hover,
        .btn-PerfChamp:active:focus,
        .btn-PerfChamp.active:focus,
        .open > .dropdown-toggle.btn-PerfChamp:focus,
        .btn-PerfChamp:active.focus,
        .btn-PerfChamp.active.focus,
        .open > .dropdown-toggle.btn-PerfChamp.focus {
            color: #fff !important;
            background-color: #043250 !important;
            border-color: #336699 !important;
        }

    .btn-PerfChamp:active,
    .btn-PerfChamp.active,
    .open > .dropdown-toggle.btn-PerfChamp {
        background-image: none;
    }

    .btn-PerfChamp.disabled:hover,
    .btn-PerfChamp[disabled]:hover,
    fieldset[disabled] .btn-PerfChamp:hover,
    .btn-PerfChamp.disabled:focus,
    .btn-PerfChamp[disabled]:focus,
    fieldset[disabled] .btn-PerfChamp:focus,
    .btn-PerfChamp.disabled.focus,
    .btn-PerfChamp[disabled].focus,
    fieldset[disabled] .btn-PerfChamp.focus {
        background-color: #948779 !important;
        border-color: #00436d !important;
    }

    .btn-PerfChamp .badge {
        color: #b77033 !important;
        background-color: #fff !important;
    }

.btn-PerfChamp2 {
    color: #fff;
    background-color: #00436d !important;
    border-color: #948779 !important;
    border: hidden !important;
    padding: 1px;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px #00436d;
}

    .btn-PerfChamp2:focus,
    .btn-PerfChamp2.focus {
        color: #fff !important;
        background-color: #00436d !important;
        border-color: #01324e !important;
    }

    .btn-PerfChamp2:hover {
        color: #fff !important;
        background-color: #336699 !important;
        border-color: #948779 !important;
        box-shadow: 3px 4px 1px #948779;
        text-shadow: 1px 1px 4px white;
    }

    .btn-PerfChamp2:active,
    .btn-PerfChamp2.active,
    .open > .dropdown-toggle.btn-PerfChamp2 {
        color: #fff !important;
        background-color: #043250 !important;
        border-color: #336699 !important;
    }

    .btn-PerfChamp2:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

        .btn-PerfChamp2:active:hover,
        .btn-PerfChamp2.active:hover,
        .open > .dropdown-toggle.btn-PerfChamp2:hover,
        .btn-PerfChamp2:active:focus,
        .btn-PerfChamp2.active:focus,
        .open > .dropdown-toggle.btn-PerfChamp2:focus,
        .btn-PerfChamp2:active.focus,
        .btn-PerfChamp2.active.focus,
        .open > .dropdown-toggle.btn-PerfChamp2.focus {
            color: #fff !important;
            background-color: #043250 !important;
            border-color: #336699 !important;
        }

    .btn-PerfChamp2:active,
    .btn-PerfChamp2.active,
    .open > .dropdown-toggle.btn-PerfChamp2 {
        background-image: none;
    }

    .btn-PerfChamp2.disabled:hover,
    .btn-PerfChamp2[disabled]:hover,
    fieldset[disabled] .btn-PerfChamp2:hover,
    .btn-PerfChamp2.disabled:focus,
    .btn-PerfChamp2[disabled]:focus,
    fieldset[disabled] .btn-PerfChamp2:focus,
    .btn-PerfChamp2.disabled.focus,
    .btn-PerfChamp2[disabled].focus,
    fieldset[disabled] .btn-PerfChamp2.focus {
        background-color: #948779 !important;
        border-color: #00436d !important;
    }

    .btn-PerfChamp2 .badge {
        color: #b77033 !important;
        background-color: #fff !important;
    }

.btn-PerfChampFa {
    color: #fff;
    background-color: #00436d !important;
    border-color: #336699 !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px #00436d;
}

    .btn-PerfChampFa:focus,
    .btn-PerfChampFa.focus {
        color: #fff !important;
        background-color: #00436d !important;
        border-color: #01324e !important;
    }

    .btn-PerfChampFa:hover {
        color: #fff !important;
        background-color: #336699 !important;
        border-color: #00436d !important;
        box-shadow: 3px 4px 1px #948779;
        text-shadow: 1px 1px 4px white;
    }

    .btn-PerfChampFa:active,
    .btn-PerfChampFa.active,
    .open > .dropdown-toggle.btn-PerfChampFa {
        color: #fff !important;
        background-color: #043250 !important;
        border-color: #336699 !important;
    }

    .btn-PerfChampFa:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

        .btn-PerfChampFa:active:hover,
        .btn-PerfChampFa.active:hover,
        .open > .dropdown-toggle.btn-PerfChampFa:hover,
        .btn-PerfChampFa:active:focus,
        .btn-PerfChampFa.active:focus,
        .open > .dropdown-toggle.btn-PerfChampFa:focus,
        .btn-PerfChampFa:active.focus,
        .btn-PerfChampFa.active.focus,
        .open > .dropdown-toggle.btn-PerfChampFa.focus {
            color: #fff !important;
            background-color: #043250 !important;
            border-color: #336699 !important;
        }

    .btn-PerfChampFa:active,
    .btn-PerfChampFa.active,
    .open > .dropdown-toggle.btn-PerfChampFa {
        background-image: none;
    }

    .btn-PerfChampFa.disabled:hover,
    .btn-PerfChampFa[disabled]:hover,
    fieldset[disabled] .btn-PerfChampFa:hover,
    .btn-PerfChampFa.disabled:focus,
    .btn-PerfChampFa[disabled]:focus,
    fieldset[disabled] .btn-PerfChampFa:focus,
    .btn-PerfChampFa.disabled.focus,
    .btn-PerfChampFa[disabled].focus,
    fieldset[disabled] .btn-PerfChampFa.focus {
        background-color: #948779 !important;
        border-color: #00436d !important;
    }

    .btn-PerfChampFa .badge {
        color: #01324e !important;
        background-color: #fff !important;
    }

.status-PerfChamp input[type="checkbox"]:checked + label::before {
    background-color: #00436d;
    border-color: #948779;
}

.status-PerfChamp input[type="checkbox"]:checked + label::after {
    color: white;
    border-color: #948779;
}

/*-----------------------------------------------------------------------------------------------------------------------*/

/* Menu principal */

.btn-MenuEmpresa {
    position: relative;
    background: none;
    text-decoration: none;
}

    .btn-MenuEmpresa::before {
        content: "";
        display: block;
        position: absolute;
        width: 25%;
        background: #88baae;
        height: 0.3em;
        right: 1%;
        top: 2.79em;
        -webkit-transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
        transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
    }

    .btn-MenuEmpresa::after {
        content: "";
        display: block;
        position: absolute;
        width: 25%;
        background: #88baae;
        height: 0.3em;
        left: 1%;
        bottom: 0.75em;
        -webkit-transition: all 0.45 cubic-bezier(0.86, 0, 0.07, 1);
        transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
    }

    .btn-MenuEmpresa:hover::before {
        right: 75%;
    }

    .btn-MenuEmpresa:hover::after {
        left: 75%;
    }

.btn-MenuGestor {
    position: relative;
    background: none;
    text-decoration: none;
}

    .btn-MenuGestor::before {
        content: "";
        display: block;
        position: absolute;
        width: 20%;
        background: #88baae;
        height: 0.3em;
        right: -23%;
        top: 93px;
        transform: rotateZ(90deg) translate(-5em, 7.5em);
        -webkit-transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
        transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
    }

    .btn-MenuGestor::after {
        content: "";
        display: block;
        position: absolute;
        width: 20%;
        background: #88baae;
        height: 0.3em;
        left: 1%;
        top: 23px;
        transform: rotateZ(90deg) translate(0em, 1.5em);
        -webkit-transition: all 0.45 cubic-bezier(0.86, 0, 0.07, 1);
        transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
    }

    .btn-MenuGestor:hover::before {
        right: 41%;
    }

    .btn-MenuGestor:hover::after {
        left: 65%;
    }
/*-----------------------------------------------------------------------------------------------------------------*/
/*Geral*/
.labelTituloGeral {
    color: #149D72 !important;
    font-weight: 800;
    font-size: 25px;
}

.TextoFundoGeral {
    color: #fff;
    background: #149D72;
    text-shadow: 3px 2px 1px #157255;
}

.TextoFundoMenuGeral:hover, .TextoFundoMenuGeral:focus {
    color: #fff;
    background: linear-gradient(#25E9B7, #35C9A3, #149D72);
    transition: 0.5s;
}

.btn-geral {
    color: #fff;
    background-color: #149D72 !important;
    border-color: #35C9A3 !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px #181818;
}

    .btn-geral:focus,
    .btn-geral.focus {
        color: #fff !important;
        background-color: #149D72 !important;
        border-color: #35C9A3 !important;
    }

    .btn-geral:hover {
        color: #fff !important;
        background-color: #35C9A3 !important;
        border-color: #149D72 !important;
        box-shadow: 3px 4px 1px #149D72;
        text-shadow: 1px 1px 2px #181818;
    }

    .btn-geral:active,
    .btn-geral.active,
    .open > .dropdown-toggle.btn-geral {
        color: #fff !important;
        background-color: #149D72 !important;
        border-color: #35C9A3 !important;
    }

        .btn-geral:active:hover,
        .btn-geral.active:hover,
        .open > .dropdown-toggle.btn-geral:hover,
        .btn-geral:active:focus,
        .btn-geral.active:focus,
        .open > .dropdown-toggle.btn-geral:focus,
        .btn-geral:active.focus,
        .btn-geral.active.focus,
        .open > .dropdown-toggle.btn-geral.focus {
            color: #fff !important;
            background-color: #149D72 !important;
            border-color: #35C9A3 !important;
        }

    .btn-geral:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

    .btn-geral:active,
    .btn-geral.active,
    .open > .dropdown-toggle.btn-geral {
        background-image: none;
    }

    .btn-geral.disabled:hover,
    .btn-geral[disabled]:hover,
    fieldset[disabled] .btn-geral:hover,
    .btn-geral.disabled:focus,
    .btn-geral[disabled]:focus,
    fieldset[disabled] .btn-geral:focus,
    .btn-geral.disabled.focus,
    .btn-geral[disabled].focus,
    fieldset[disabled] .btn-geral.focus {
        background-color: #149D72 !important;
        border-color: #35C9A3 !important;
    }

    .btn-geral .badge {
        color: #149D72 !important;
        background-color: #fff !important;
    }

/*Botão Geral*/
.btn-geral2 {
    color: #fff;
    background-color: #BB241A !important;
    border-color: #F41C0D !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px #181818;
}

    .btn-geral2:focus,
    .btn-geral2.focus {
        color: #fff !important;
        background-color: #BB241A !important;
        border-color: #F41C0D !important;
    }

    .btn-geral2:hover {
        color: #fff !important;
        background-color: #F41C0D !important;
        border-color: #BB241A !important;
        box-shadow: 3px 4px 1px #BB241A;
        text-shadow: 1px 1px 2px #181818;
    }

    .btn-geral2:active,
    .btn-geral2.active,
    .open > .dropdown-toggle.btn-geral2 {
        color: #fff !important;
        background-color: #BB241A !important;
        border-color: #F41C0D !important;
    }

        .btn-geral2:active:hover,
        .btn-geral2.active:hover,
        .open > .dropdown-toggle.btn-geral2:hover,
        .btn-geral2:active:focus,
        .btn-geral2.active:focus,
        .open > .dropdown-toggle.btn-geral2:focus,
        .btn-geral2:active.focus,
        .btn-geral2.active.focus,
        .open > .dropdown-toggle.btn-geral2.focus {
            color: #fff !important;
            background-color: #BB241A !important;
            border-color: #F41C0D !important;
        }

    .btn-geral2:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

    .btn-geral2:active,
    .btn-geral2.active,
    .open > .dropdown-toggle.btn-geral2 {
        background-image: none;
    }

    .btn-geral2.disabled:hover,
    .btn-geral2[disabled]:hover,
    fieldset[disabled] .btn-geral2:hover,
    .btn-geral2.disabled:focus,
    .btn-geral2[disabled]:focus,
    fieldset[disabled] .btn-geral2:focus,
    .btn-geral2.disabled.focus,
    .btn-geral2[disabled].focus,
    fieldset[disabled] .btn-geral2.focus {
        background-color: #BB241A !important;
        border-color: #F41C0D !important;
    }

    .btn-geral2 .badge {
        color: #BB241A !important;
        background-color: #fff !important;
    }

.btn-geral3 {
    color: #fff !important;
    background-color: #318AE7 !important;
    border-color: #11368D !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px #181818;
}

    .btn-geral3:focus,
    .btn-geral3.focus {
        color: #fff !important;
        background-color: #11368D !important;
        border-color:  #318AE7 !important;
    }

    .btn-geral3:hover {
        color: #fff !important;
        background-color: #1151E7 !important;
        border-color: #72B4FA !important;
        box-shadow: 3px 4px 1px #0F246A;
        text-shadow: 1px 1px 2px #181818;
    }

    .btn-geral3:active,
    .btn-geral3.active,
    .open > .dropdown-toggle.btn-geral3 {
        color: #fff !important;
        background-color: #97C4F4 !important;
        border-color: #304577 !important;
    }

        .btn-geral3:active:hover,
        .btn-geral3.active:hover,
        .open > .dropdown-toggle.btn-geral3:hover,
        .btn-geral3:active:focus,
        .btn-geral3.active:focus,
        .open > .dropdown-toggle.btn-geral3:focus,
        .btn-geral3:active.focus,
        .btn-geral3.active.focus,
        .open > .dropdown-toggle.btn-geral3.focus {
            color: #fff !important;
            background-color: #318AE7 !important;
            border-color: #11368D !important;
        }

    .btn-geral3:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

    .btn-geral3:active,
    .btn-geral3.active,
    .open > .dropdown-toggle.btn-geral3 {
        background-image: none;
    }

    .btn-geral3.disabled:hover,
    .btn-geral3[disabled]:hover,
    fieldset[disabled] .btn-geral3:hover,
    .btn-geral3.disabled:focus,
    .btn-geral3[disabled]:focus,
    fieldset[disabled] .btn-geral3:focus,
    .btn-geral3.disabled.focus,
    .btn-geral3[disabled].focus,
    fieldset[disabled] .btn-geral3.focus {
        color: #fff !important;
        background-color: #1151E7 !important;
        border-color: #72B4FA !important;
    }

    .btn-geral3 .badge {
        color: #1151E7 !important;
        background-color: #fff !important;
    }


/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*Todos os títulos da Nova Ferramenta */
.labelTituloPat {
    color: #008b6a !important;
    font-weight: 800;
    font-size: 25px;
}

/*----------------------------------------*/
/*Menu*/
.side-nav-Pat li a:hover {
    background: linear-gradient(#044F3D,#008b6a, #88baae, #A0D6C9) !important;
    color: white;
    transition: 1s;
}

.side-nav-Pat li a:focus {
    background: linear-gradient(#044F3D,#008b6a, #88baae, #A0D6C9) !important;
    color: white !important;
}

/*Menu*/
.MenuTextoPat {
    color: #008b6a !important;
}

    .MenuTextoPat:hover {
        color: white !important;
    }


.MenuTextoPat2 {
    color: #008b6a !important;
}

    .MenuTextoPat2:hover {
        color: white !important;
    }


/*----------------------------------------*/

/*Menu botão primeiro nível*/
#MenuLateral1_MenuLateralPat:hover {
    background: linear-gradient(#A0D6C9,#88baae, #008b6a, #044F3D) !important;
    color: White !important;
    transition: 0.5s;
}
/*Títulos menores do Nova Ferramenta*/
.TextoPat {
    color: #008b6a !important;
}

/*Cor de fundo das linhas do Nova Ferramenta*/
.TextoFundoPat {
    color: White !important;
    background: linear-gradient(#044F3D,#008b6a, #88baae, #A0D6C9) !important;
}

.TextoFundoPat2 {
    color: White !important;
    background: linear-gradient(#044F3D,#008b6a, #88baae, #A0D6C9) !important;
}

/*Botão do Nova Ferramenta*/
.btn-Pat {
    color: #fff;
    background: linear-gradient(#044F3D,#008b6a, #88baae, #A0D6C9) !important;
    border-color: #88baae !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px darkgreen;
}

    .btn-Pat:focus,
    .btn-Pat.focus {
        color: #fff !important;
        background: linear-gradient(#044F3D,#008b6a, #88baae, #A0D6C9) !important;
        border-color: #88baae !important;
    }

    .btn-Pat:hover {
        color: #fff !important;
        background: linear-gradient(#A0D6C9, #88baae, #008b6a, #044F3D) !important;
        border-color: #008B6A !important;
        box-shadow: 3px 4px 1px #008B6A;
        text-shadow: 1px 1px 4px white;
    }

    .btn-Pat:active,
    .btn-Pat.active,
    .open > .dropdown-toggle.btn-Pat {
        color: #fff !important;
        background-color: #008B6A !important;
        border-color: #88baae !important;
    }

        .btn-Pat:active:hover,
        .btn-Pat.active:hover,
        .open > .dropdown-toggle.btn-Pat:hover,
        .btn-Pat:active:focus,
        .btn-Pat.active:focus,
        .open > .dropdown-toggle.btn-Pat:focus,
        .btn-Pat:active.focus,
        .btn-Pat.active.focus,
        .open > .dropdown-toggle.btn-Pat.focus {
            color: #fff !important;
            background-color: #008B6A !important;
            border-color: #88baae !important;
        }

    .btn-Pat:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

    .btn-Pat:active,
    .btn-Pat.active,
    .open > .dropdown-toggle.btn-Pat {
        background-image: none;
    }

    .btn-Pat.disabled:hover,
    .btn-Pat[disabled]:hover,
    fieldset[disabled] .btn-Pat:hover,
    .btn-Pat.disabled:focus,
    .btn-Pat[disabled]:focus,
    fieldset[disabled] .btn-Pat:focus,
    .btn-Pat.disabled.focus,
    .btn-Pat[disabled].focus,
    fieldset[disabled] .btn-Pat.focus {
        background-color: #008B6A !important;
        border-color: #88baae !important;
    }

    .btn-Pat .badge {
        color: #008B6A !important;
        background-color: #fff !important;
    }
/*Botão fechar*/
.btn-Pat2 {
    color: #fff;
    background-color: #008b6a !important;
    border-color: #88baae !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px darkgreen;
}

    .btn-Pat2:focus,
    .btn-Pat2.focus {
        color: #fff !important;
        background-color: #008B6A !important;
        border-color: #88baae !important;
    }

    .btn-Pat2:hover {
        color: #fff !important;
        background-color: #88baae !important;
        border-color: #008B6A !important;
        box-shadow: 3px 4px 1px #008B6A;
        text-shadow: 1px 1px 4px white;
    }

    .btn-Pat2:active,
    .btn-Pat2.active,
    .open > .dropdown-toggle.btn-Pat2 {
        color: #fff !important;
        background-color: #008B6A !important;
        border-color: #88baae !important;
    }

        .btn-Pat2:active:hover,
        .btn-Pat2.active:hover,
        .open > .dropdown-toggle.btn-Pat2:hover,
        .btn-Pat2:active:focus,
        .btn-Pat2.active:focus,
        .open > .dropdown-toggle.btn-Pat2:focus,
        .btn-Pat2:active.focus,
        .btn-Pat2.active.focus,
        .open > .dropdown-toggle.btn-Pat2.focus {
            color: #fff !important;
            background-color: #008B6A !important;
            border-color: #88baae !important;
        }

    .btn-Pat2:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

    .btn-Pat2:active,
    .btn-Pat2.active,
    .open > .dropdown-toggle.btn-Pat2 {
        background-image: none;
    }

    .btn-Pat2.disabled:hover,
    .btn-Pat2[disabled]:hover,
    fieldset[disabled] .btn-Pat2:hover,
    .btn-Pat2.disabled:focus,
    .btn-Pat2[disabled]:focus,
    fieldset[disabled] .btn-Pat2:focus,
    .btn-Pat2.disabled.focus,
    .btn-Pat2[disabled].focus,
    fieldset[disabled] .btn-Pat2.focus {
        background-color: #008B6A !important;
        border-color: #88baae !important;
    }

    .btn-Pat2 .badge {
        color: #008B6A !important;
        background-color: #fff !important;
    }
/*Botão Fa*/
.btn-PatFa {
    color: #fff;
    background-color: #008b6a !important;
    border-color: #88baae !important;
    border: hidden !important;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none;
    text-shadow: 3px 2px 1px darkgreen;
}

    .btn-PatFa:focus,
    .btn-PatFa.focus {
        color: #fff !important;
        background-color: #008B6A !important;
        border-color: #88baae !important;
    }

    .btn-PatFa:hover {
        color: #fff !important;
        background-color: #88baae !important;
        border-color: #008B6A !important;
        box-shadow: 3px 4px 1px #008B6A;
        text-shadow: 1px 1px 4px white;
    }

    .btn-PatFa:active,
    .btn-PatFa.active,
    .open > .dropdown-toggle.btn-PatFa {
        color: #fff !important;
        background-color: #008B6A !important;
        border-color: #88baae !important;
    }

        .btn-PatFa:active:hover,
        .btn-PatFa.active:hover,
        .open > .dropdown-toggle.btn-PatFa:hover,
        .btn-PatFa:active:focus,
        .btn-PatFa.active:focus,
        .open > .dropdown-toggle.btn-PatFa:focus,
        .btn-PatFa:active.focus,
        .btn-PatFa.active.focus,
        .open > .dropdown-toggle.btn-PatFa.focus {
            color: #fff !important;
            background-color: #008B6A !important;
            border-color: #88baae !important;
        }

    .btn-PatFa:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

    .btn-PatFa:active,
    .btn-PatFa.active,
    .open > .dropdown-toggle.btn-PatFa {
        background-image: none;
    }

    .btn-PatFa.disabled:hover,
    .btn-PatFa[disabled]:hover,
    fieldset[disabled] .btn-PatFa:hover,
    .btn-PatFa.disabled:focus,
    .btn-PatFa[disabled]:focus,
    fieldset[disabled] .btn-PatFa:focus,
    .btn-PatFa.disabled.focus,
    .btn-PatFa[disabled].focus,
    fieldset[disabled] .btn-PatFa.focus {
        background-color: #008B6A !important;
        border-color: #88baae !important;
    }

    .btn-PatFa .badge {
        color: #008B6A !important;
        background-color: #fff !important;
    }

/* O checkbox do status*/
.status-Pat input[type="checkbox"]:checked + label::before {
    background-color: #008B6A;
    border-color: #88baae;
}

.status-Pat input[type="checkbox"]:checked + label::after {
    color: white;
    border-color: #008B6A;
}

















/*-----------------------------------------------------------------------------------------------------------------------*/
.border-none {
    border:none;
}
.resize-none {
    resize:none;
}
.lb-disable {
    color: #bdbdbd !important
}
.font_inherit {
    font-size: inherit !important;
}
.bg-transparent {
    background-color:transparent !important;
}.bg-transparent:active {
    background-color:transparent !important;
}}.bg-transparent:hover {
    background-color:transparent !important;
}

.text-danger {
    color: #a94442 !important;
}

.md-form > .md-form-select {
    margin-top: 0px !important;
}
.cursor-default {
    cursor: default;
}


/*INICIO CLASSES PARA O ASP:DROPDOWNLIST*/
.md-form-select {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    padding: 5px 10px;
    line-height: 1.428571;
    color: #999;
    vertical-align: middle;
    background: #FFFFFF url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%233d3c3c' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 8px 10px;
    border: 1px solid #d5d8de;
    border-radius: 2px;
    appearance: none;
}

    .md-form-select:focus {
        border-color: #4285f4;
        outline: 0;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(66, 133, 244, 0.5);
    }

        .md-form-select:focus::-ms-value {
            color: #3d3c3c;
            background-color: #FFFFFF;
        }

    .md-form-select[multiple], .md-form-select[size]:not([size="1"]) {
        height: auto;
        padding-right: 0.75rem;
        background-image: none;
    }

    .md-form-select:disabled {
        color: #3d3c3c;
        background-color: #dddddd;
    }

    .md-form-select::-ms-expand {
        opacity: 0;
    }

    .md-form-select option {
        color: #3d3c3c;
    }

        .md-form-select option[value=""] {
            color: #999;
        }
/*FINAL CLASSES PARA O ASP:DROPDOWNLIST*/

.card .md-form label {
    font-weight: 300;
}

.md-form.input-group label {
    top: 0;
    margin-bottom: 0;
}

.md-form.input-group .input-group-text {
    background-color: #e0e0e0;
}

    .md-form.input-group .input-group-text.md-addon {
        font-weight: 500;
        background-color: transparent;
        /*border: none;*/
    }

.md-form.input-group .form-control {
    padding: 0.375rem 0.75rem;
    margin: 0;
}
.navbar form .md-form input {
    margin: 0 5px 1px 8px;
}

.md-form {
    position: relative;
    margin-top: 0.75rem;
    margin-bottom: 0.5rem;
}

    .md-form input:not([type]),
    .md-form input[type="text"]:not(.browser-default),
    .md-form input[type="password"]:not(.browser-default),
    .md-form input[type="email"]:not(.browser-default),
    .md-form input[type="url"]:not(.browser-default),
    .md-form input[type="time"]:not(.browser-default),
    .md-form input[type="date"]:not(.browser-default),
    .md-form input[type="datetime"]:not(.browser-default),
    .md-form input[type="datetime-local"]:not(.browser-default),
    .md-form input[type="tel"]:not(.browser-default),
    .md-form input[type="number"]:not(.browser-default),
    .md-form input[type="search"]:not(.browser-default),
    .md-form input[type="phone"]:not(.browser-default),
    .md-form input[type="search-md"],
    .md-form textarea.md-textarea {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        /*background-color: transparent;*/
        /*border: none;*/
        border-bottom: 1px solid #ced4da;
        border-radius: 0;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    }

        .md-form input:not([type]):focus:not([readonly]),
        .md-form input[type="text"]:not(.browser-default):focus:not([readonly]),
        .md-form input[type="password"]:not(.browser-default):focus:not([readonly]),
        .md-form input[type="email"]:not(.browser-default):focus:not([readonly]),
        .md-form input[type="url"]:not(.browser-default):focus:not([readonly]),
        .md-form input[type="time"]:not(.browser-default):focus:not([readonly]),
        .md-form input[type="date"]:not(.browser-default):focus:not([readonly]),
        .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]),
        .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
        .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]),
        .md-form input[type="number"]:not(.browser-default):focus:not([readonly]),
        .md-form input[type="search"]:not(.browser-default):focus:not([readonly]),
        .md-form input[type="phone"]:not(.browser-default):focus:not([readonly]),
        .md-form input[type="search-md"]:focus:not([readonly]),
        .md-form textarea.md-textarea:focus:not([readonly]) {
            border-bottom: 1px solid #4285f4;
            -webkit-box-shadow: 0 1px 0 0 #4285f4;
            box-shadow: 0 1px 0 0 #4285f4;
        }

            .md-form input:not([type]):focus:not([readonly]) + label,
            .md-form input[type="text"]:not(.browser-default):focus:not([readonly]) + label,
            .md-form input[type="password"]:not(.browser-default):focus:not([readonly]) + label,
            .md-form input[type="email"]:not(.browser-default):focus:not([readonly]) + label,
            .md-form input[type="url"]:not(.browser-default):focus:not([readonly]) + label,
            .md-form input[type="time"]:not(.browser-default):focus:not([readonly]) + label,
            .md-form input[type="date"]:not(.browser-default):focus:not([readonly]) + label,
            .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label,
            .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label,
            .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]) + label,
            .md-form input[type="number"]:not(.browser-default):focus:not([readonly]) + label,
            .md-form input[type="search"]:not(.browser-default):focus:not([readonly]) + label,
            .md-form input[type="phone"]:not(.browser-default):focus:not([readonly]) + label,
            .md-form input[type="search-md"]:focus:not([readonly]) + label,
            .md-form textarea.md-textarea:focus:not([readonly]) + label {
                color: #4285f4;
            }

        .md-form input:not([type]) + label::after,
        .md-form input[type="text"]:not(.browser-default) + label::after,
        .md-form input[type="password"]:not(.browser-default) + label::after,
        .md-form input[type="email"]:not(.browser-default) + label::after,
        .md-form input[type="url"]:not(.browser-default) + label::after,
        .md-form input[type="time"]:not(.browser-default) + label::after,
        .md-form input[type="date"]:not(.browser-default) + label::after,
        .md-form input[type="datetime"]:not(.browser-default) + label::after,
        .md-form input[type="datetime-local"]:not(.browser-default) + label::after,
        .md-form input[type="tel"]:not(.browser-default) + label::after,
        .md-form input[type="number"]:not(.browser-default) + label::after,
        .md-form input[type="search"]:not(.browser-default) + label::after,
        .md-form input[type="phone"]:not(.browser-default) + label::after,
        .md-form input[type="search-md"] + label::after,
        .md-form textarea.md-textarea + label::after {
            position: absolute;
            top: 65px;
            display: block;
            content: "";
            opacity: 0;
            -webkit-transition: 0.2s opacity ease-out, 0.2s color ease-out;
            transition: 0.2s opacity ease-out, 0.2s color ease-out;
        }

        .md-form input:not([type]).valid,
        .md-form input:not([type]):focus.valid,
        .md-form input[type="text"]:not(.browser-default).valid,
        .md-form input[type="text"]:not(.browser-default):focus.valid,
        .md-form input[type="password"]:not(.browser-default).valid,
        .md-form input[type="password"]:not(.browser-default):focus.valid,
        .md-form input[type="email"]:not(.browser-default).valid,
        .md-form input[type="email"]:not(.browser-default):focus.valid,
        .md-form input[type="url"]:not(.browser-default).valid,
        .md-form input[type="url"]:not(.browser-default):focus.valid,
        .md-form input[type="time"]:not(.browser-default).valid,
        .md-form input[type="time"]:not(.browser-default):focus.valid,
        .md-form input[type="date"]:not(.browser-default).valid,
        .md-form input[type="date"]:not(.browser-default):focus.valid,
        .md-form input[type="datetime"]:not(.browser-default).valid,
        .md-form input[type="datetime"]:not(.browser-default):focus.valid,
        .md-form input[type="datetime-local"]:not(.browser-default).valid,
        .md-form input[type="datetime-local"]:not(.browser-default):focus.valid,
        .md-form input[type="tel"]:not(.browser-default).valid,
        .md-form input[type="tel"]:not(.browser-default):focus.valid,
        .md-form input[type="number"]:not(.browser-default).valid,
        .md-form input[type="number"]:not(.browser-default):focus.valid,
        .md-form input[type="search"]:not(.browser-default).valid,
        .md-form input[type="search"]:not(.browser-default):focus.valid,
        .md-form input[type="phone"]:not(.browser-default).valid,
        .md-form input[type="phone"]:not(.browser-default):focus.valid,
        .md-form input[type="search-md"].valid,
        .md-form input[type="search-md"]:focus.valid,
        .md-form textarea.md-textarea.valid,
        .md-form textarea.md-textarea:focus.valid {
            border-bottom: 1px solid #00c851;
            -webkit-box-shadow: 0 1px 0 0 #00c851;
            box-shadow: 0 1px 0 0 #00c851;
        }

            .md-form input:not([type]).valid + label:after,
            .md-form input:not([type]):focus.valid + label:after,
            .md-form input[type="text"]:not(.browser-default).valid + label:after,
            .md-form input[type="text"]:not(.browser-default):focus.valid + label:after,
            .md-form input[type="password"]:not(.browser-default).valid + label:after,
            .md-form input[type="password"]:not(.browser-default):focus.valid + label:after,
            .md-form input[type="email"]:not(.browser-default).valid + label:after,
            .md-form input[type="email"]:not(.browser-default):focus.valid + label:after,
            .md-form input[type="url"]:not(.browser-default).valid + label:after,
            .md-form input[type="url"]:not(.browser-default):focus.valid + label:after,
            .md-form input[type="time"]:not(.browser-default).valid + label:after,
            .md-form input[type="time"]:not(.browser-default):focus.valid + label:after,
            .md-form input[type="date"]:not(.browser-default).valid + label:after,
            .md-form input[type="date"]:not(.browser-default):focus.valid + label:after,
            .md-form input[type="datetime"]:not(.browser-default).valid + label:after,
            .md-form input[type="datetime"]:not(.browser-default):focus.valid + label:after,
            .md-form input[type="datetime-local"]:not(.browser-default).valid + label:after,
            .md-form input[type="datetime-local"]:not(.browser-default):focus.valid + label:after,
            .md-form input[type="tel"]:not(.browser-default).valid + label:after,
            .md-form input[type="tel"]:not(.browser-default):focus.valid + label:after,
            .md-form input[type="number"]:not(.browser-default).valid + label:after,
            .md-form input[type="number"]:not(.browser-default):focus.valid + label:after,
            .md-form input[type="search"]:not(.browser-default).valid + label:after,
            .md-form input[type="search"]:not(.browser-default):focus.valid + label:after,
            .md-form input[type="phone"]:not(.browser-default).valid + label:after,
            .md-form input[type="phone"]:not(.browser-default):focus.valid + label:after,
            .md-form input[type="search-md"].valid + label:after,
            .md-form input[type="search-md"]:focus.valid + label:after,
            .md-form textarea.md-textarea.valid + label:after,
            .md-form textarea.md-textarea:focus.valid + label:after {
                color: #00c851;
                content: attr(data-success);
                opacity: 1;
            }

        .md-form input:not([type]).invalid,
        .md-form input:not([type]):focus.invalid,
        .md-form input[type="text"]:not(.browser-default).invalid,
        .md-form input[type="text"]:not(.browser-default):focus.invalid,
        .md-form input[type="password"]:not(.browser-default).invalid,
        .md-form input[type="password"]:not(.browser-default):focus.invalid,
        .md-form input[type="email"]:not(.browser-default).invalid,
        .md-form input[type="email"]:not(.browser-default):focus.invalid,
        .md-form input[type="url"]:not(.browser-default).invalid,
        .md-form input[type="url"]:not(.browser-default):focus.invalid,
        .md-form input[type="time"]:not(.browser-default).invalid,
        .md-form input[type="time"]:not(.browser-default):focus.invalid,
        .md-form input[type="date"]:not(.browser-default).invalid,
        .md-form input[type="date"]:not(.browser-default):focus.invalid,
        .md-form input[type="datetime"]:not(.browser-default).invalid,
        .md-form input[type="datetime"]:not(.browser-default):focus.invalid,
        .md-form input[type="datetime-local"]:not(.browser-default).invalid,
        .md-form input[type="datetime-local"]:not(.browser-default):focus.invalid,
        .md-form input[type="tel"]:not(.browser-default).invalid,
        .md-form input[type="tel"]:not(.browser-default):focus.invalid,
        .md-form input[type="number"]:not(.browser-default).invalid,
        .md-form input[type="number"]:not(.browser-default):focus.invalid,
        .md-form input[type="search"]:not(.browser-default).invalid,
        .md-form input[type="search"]:not(.browser-default):focus.invalid,
        .md-form input[type="phone"]:not(.browser-default).invalid,
        .md-form input[type="phone"]:not(.browser-default):focus.invalid,
        .md-form input[type="search-md"].invalid,
        .md-form input[type="search-md"]:focus.invalid,
        .md-form textarea.md-textarea.invalid,
        .md-form textarea.md-textarea:focus.invalid {
            border-bottom: 1px solid #f44336;
            -webkit-box-shadow: 0 1px 0 0 #f44336;
            box-shadow: 0 1px 0 0 #f44336;
        }

            .md-form input:not([type]).invalid + label:after,
            .md-form input:not([type]):focus.invalid + label:after,
            .md-form input[type="text"]:not(.browser-default).invalid + label:after,
            .md-form input[type="text"]:not(.browser-default):focus.invalid + label:after,
            .md-form input[type="password"]:not(.browser-default).invalid + label:after,
            .md-form input[type="password"]:not(.browser-default):focus.invalid + label:after,
            .md-form input[type="email"]:not(.browser-default).invalid + label:after,
            .md-form input[type="email"]:not(.browser-default):focus.invalid + label:after,
            .md-form input[type="url"]:not(.browser-default).invalid + label:after,
            .md-form input[type="url"]:not(.browser-default):focus.invalid + label:after,
            .md-form input[type="time"]:not(.browser-default).invalid + label:after,
            .md-form input[type="time"]:not(.browser-default):focus.invalid + label:after,
            .md-form input[type="date"]:not(.browser-default).invalid + label:after,
            .md-form input[type="date"]:not(.browser-default):focus.invalid + label:after,
            .md-form input[type="datetime"]:not(.browser-default).invalid + label:after,
            .md-form input[type="datetime"]:not(.browser-default):focus.invalid + label:after,
            .md-form input[type="datetime-local"]:not(.browser-default).invalid + label:after,
            .md-form input[type="datetime-local"]:not(.browser-default):focus.invalid + label:after,
            .md-form input[type="tel"]:not(.browser-default).invalid + label:after,
            .md-form input[type="tel"]:not(.browser-default):focus.invalid + label:after,
            .md-form input[type="number"]:not(.browser-default).invalid + label:after,
            .md-form input[type="number"]:not(.browser-default):focus.invalid + label:after,
            .md-form input[type="search"]:not(.browser-default).invalid + label:after,
            .md-form input[type="search"]:not(.browser-default):focus.invalid + label:after,
            .md-form input[type="phone"]:not(.browser-default).invalid + label:after,
            .md-form input[type="phone"]:not(.browser-default):focus.invalid + label:after,
            .md-form input[type="search-md"].invalid + label:after,
            .md-form input[type="search-md"]:focus.invalid + label:after,
            .md-form textarea.md-textarea.invalid + label:after,
            .md-form textarea.md-textarea:focus.invalid + label:after {
                color: #f44336;
                content: attr(data-error);
                opacity: 1;
            }

        .md-form input:not([type]).form-control.valid + label:after,
        .md-form input:not([type]).form-control:focus.valid + label:after,
        .md-form input[type="text"]:not(.browser-default).form-control.valid + label:after,
        .md-form input[type="text"]:not(.browser-default).form-control:focus.valid + label:after,
        .md-form input[type="password"]:not(.browser-default).form-control.valid + label:after,
        .md-form input[type="password"]:not(.browser-default).form-control:focus.valid + label:after,
        .md-form input[type="email"]:not(.browser-default).form-control.valid + label:after,
        .md-form input[type="email"]:not(.browser-default).form-control:focus.valid + label:after,
        .md-form input[type="url"]:not(.browser-default).form-control.valid + label:after,
        .md-form input[type="url"]:not(.browser-default).form-control:focus.valid + label:after,
        .md-form input[type="time"]:not(.browser-default).form-control.valid + label:after,
        .md-form input[type="time"]:not(.browser-default).form-control:focus.valid + label:after,
        .md-form input[type="date"]:not(.browser-default).form-control.valid + label:after,
        .md-form input[type="date"]:not(.browser-default).form-control:focus.valid + label:after,
        .md-form input[type="datetime"]:not(.browser-default).form-control.valid + label:after,
        .md-form input[type="datetime"]:not(.browser-default).form-control:focus.valid + label:after,
        .md-form input[type="datetime-local"]:not(.browser-default).form-control.valid + label:after,
        .md-form input[type="datetime-local"]:not(.browser-default).form-control:focus.valid + label:after,
        .md-form input[type="tel"]:not(.browser-default).form-control.valid + label:after,
        .md-form input[type="tel"]:not(.browser-default).form-control:focus.valid + label:after,
        .md-form input[type="number"]:not(.browser-default).form-control.valid + label:after,
        .md-form input[type="number"]:not(.browser-default).form-control:focus.valid + label:after,
        .md-form input[type="search"]:not(.browser-default).form-control.valid + label:after,
        .md-form input[type="search"]:not(.browser-default).form-control:focus.valid + label:after,
        .md-form input[type="phone"]:not(.browser-default).form-control.valid + label:after,
        .md-form input[type="phone"]:not(.browser-default).form-control:focus.valid + label:after,
        .md-form input[type="search-md"].form-control.valid + label:after,
        .md-form input[type="search-md"].form-control:focus.valid + label:after,
        .md-form textarea.md-textarea.form-control.valid + label:after,
        .md-form textarea.md-textarea.form-control:focus.valid + label:after {
            top: 4.1rem;
        }

        .md-form input:not([type]).form-control.invalid + label:after,
        .md-form input:not([type]).form-control:focus.invalid + label:after,
        .md-form input[type="text"]:not(.browser-default).form-control.invalid + label:after,
        .md-form input[type="text"]:not(.browser-default).form-control:focus.invalid + label:after,
        .md-form input[type="password"]:not(.browser-default).form-control.invalid + label:after,
        .md-form input[type="password"]:not(.browser-default).form-control:focus.invalid + label:after,
        .md-form input[type="email"]:not(.browser-default).form-control.invalid + label:after,
        .md-form input[type="email"]:not(.browser-default).form-control:focus.invalid + label:after,
        .md-form input[type="url"]:not(.browser-default).form-control.invalid + label:after,
        .md-form input[type="url"]:not(.browser-default).form-control:focus.invalid + label:after,
        .md-form input[type="time"]:not(.browser-default).form-control.invalid + label:after,
        .md-form input[type="time"]:not(.browser-default).form-control:focus.invalid + label:after,
        .md-form input[type="date"]:not(.browser-default).form-control.invalid + label:after,
        .md-form input[type="date"]:not(.browser-default).form-control:focus.invalid + label:after,
        .md-form input[type="datetime"]:not(.browser-default).form-control.invalid + label:after,
        .md-form input[type="datetime"]:not(.browser-default).form-control:focus.invalid + label:after,
        .md-form input[type="datetime-local"]:not(.browser-default).form-control.invalid + label:after,
        .md-form input[type="datetime-local"]:not(.browser-default).form-control:focus.invalid + label:after,
        .md-form input[type="tel"]:not(.browser-default).form-control.invalid + label:after,
        .md-form input[type="tel"]:not(.browser-default).form-control:focus.invalid + label:after,
        .md-form input[type="number"]:not(.browser-default).form-control.invalid + label:after,
        .md-form input[type="number"]:not(.browser-default).form-control:focus.invalid + label:after,
        .md-form input[type="search"]:not(.browser-default).form-control.invalid + label:after,
        .md-form input[type="search"]:not(.browser-default).form-control:focus.invalid + label:after,
        .md-form input[type="phone"]:not(.browser-default).form-control.invalid + label:after,
        .md-form input[type="phone"]:not(.browser-default).form-control:focus.invalid + label:after,
        .md-form input[type="search-md"].form-control.invalid + label:after,
        .md-form input[type="search-md"].form-control:focus.invalid + label:after,
        .md-form textarea.md-textarea.form-control.invalid + label:after,
        .md-form textarea.md-textarea.form-control:focus.invalid + label:after {
            top: 4rem;
        }

        .md-form input:not([type]).form-control-lg.valid + label:after,
        .md-form input:not([type]).form-control-lg:focus.valid + label:after,
        .md-form input[type="text"]:not(.browser-default).form-control-lg.valid + label:after,
        .md-form input[type="text"]:not(.browser-default).form-control-lg:focus.valid + label:after,
        .md-form input[type="password"]:not(.browser-default).form-control-lg.valid + label:after,
        .md-form input[type="password"]:not(.browser-default).form-control-lg:focus.valid + label:after,
        .md-form input[type="email"]:not(.browser-default).form-control-lg.valid + label:after,
        .md-form input[type="email"]:not(.browser-default).form-control-lg:focus.valid + label:after,
        .md-form input[type="url"]:not(.browser-default).form-control-lg.valid + label:after,
        .md-form input[type="url"]:not(.browser-default).form-control-lg:focus.valid + label:after,
        .md-form input[type="time"]:not(.browser-default).form-control-lg.valid + label:after,
        .md-form input[type="time"]:not(.browser-default).form-control-lg:focus.valid + label:after,
        .md-form input[type="date"]:not(.browser-default).form-control-lg.valid + label:after,
        .md-form input[type="date"]:not(.browser-default).form-control-lg:focus.valid + label:after,
        .md-form input[type="datetime"]:not(.browser-default).form-control-lg.valid + label:after,
        .md-form input[type="datetime"]:not(.browser-default).form-control-lg:focus.valid + label:after,
        .md-form input[type="datetime-local"]:not(.browser-default).form-control-lg.valid + label:after,
        .md-form input[type="datetime-local"]:not(.browser-default).form-control-lg:focus.valid + label:after,
        .md-form input[type="tel"]:not(.browser-default).form-control-lg.valid + label:after,
        .md-form input[type="tel"]:not(.browser-default).form-control-lg:focus.valid + label:after,
        .md-form input[type="number"]:not(.browser-default).form-control-lg.valid + label:after,
        .md-form input[type="number"]:not(.browser-default).form-control-lg:focus.valid + label:after,
        .md-form input[type="search"]:not(.browser-default).form-control-lg.valid + label:after,
        .md-form input[type="search"]:not(.browser-default).form-control-lg:focus.valid + label:after,
        .md-form input[type="phone"]:not(.browser-default).form-control-lg.valid + label:after,
        .md-form input[type="phone"]:not(.browser-default).form-control-lg:focus.valid + label:after,
        .md-form input[type="search-md"].form-control-lg.valid + label:after,
        .md-form input[type="search-md"].form-control-lg:focus.valid + label:after,
        .md-form textarea.md-textarea.form-control-lg.valid + label:after,
        .md-form textarea.md-textarea.form-control-lg:focus.valid + label:after {
            top: 4.6rem;
        }

        .md-form input:not([type]).form-control-lg.invalid + label:after,
        .md-form input:not([type]).form-control-lg:focus.invalid + label:after,
        .md-form input[type="text"]:not(.browser-default).form-control-lg.invalid + label:after,
        .md-form input[type="text"]:not(.browser-default).form-control-lg:focus.invalid + label:after,
        .md-form input[type="password"]:not(.browser-default).form-control-lg.invalid + label:after,
        .md-form input[type="password"]:not(.browser-default).form-control-lg:focus.invalid + label:after,
        .md-form input[type="email"]:not(.browser-default).form-control-lg.invalid + label:after,
        .md-form input[type="email"]:not(.browser-default).form-control-lg:focus.invalid + label:after,
        .md-form input[type="url"]:not(.browser-default).form-control-lg.invalid + label:after,
        .md-form input[type="url"]:not(.browser-default).form-control-lg:focus.invalid + label:after,
        .md-form input[type="time"]:not(.browser-default).form-control-lg.invalid + label:after,
        .md-form input[type="time"]:not(.browser-default).form-control-lg:focus.invalid + label:after,
        .md-form input[type="date"]:not(.browser-default).form-control-lg.invalid + label:after,
        .md-form input[type="date"]:not(.browser-default).form-control-lg:focus.invalid + label:after,
        .md-form input[type="datetime"]:not(.browser-default).form-control-lg.invalid + label:after,
        .md-form input[type="datetime"]:not(.browser-default).form-control-lg:focus.invalid + label:after,
        .md-form input[type="datetime-local"]:not(.browser-default).form-control-lg.invalid + label:after,
        .md-form input[type="datetime-local"]:not(.browser-default).form-control-lg:focus.invalid + label:after,
        .md-form input[type="tel"]:not(.browser-default).form-control-lg.invalid + label:after,
        .md-form input[type="tel"]:not(.browser-default).form-control-lg:focus.invalid + label:after,
        .md-form input[type="number"]:not(.browser-default).form-control-lg.invalid + label:after,
        .md-form input[type="number"]:not(.browser-default).form-control-lg:focus.invalid + label:after,
        .md-form input[type="search"]:not(.browser-default).form-control-lg.invalid + label:after,
        .md-form input[type="search"]:not(.browser-default).form-control-lg:focus.invalid + label:after,
        .md-form input[type="phone"]:not(.browser-default).form-control-lg.invalid + label:after,
        .md-form input[type="phone"]:not(.browser-default).form-control-lg:focus.invalid + label:after,
        .md-form input[type="search-md"].form-control-lg.invalid + label:after,
        .md-form input[type="search-md"].form-control-lg:focus.invalid + label:after,
        .md-form textarea.md-textarea.form-control-lg.invalid + label:after,
        .md-form textarea.md-textarea.form-control-lg:focus.invalid + label:after {
            top: 4.6rem;
        }

        .md-form input:not([type]).form-control-sm.valid + label:after,
        .md-form input:not([type]).form-control-sm:focus.valid + label:after,
        .md-form input[type="text"]:not(.browser-default).form-control-sm.valid + label:after,
        .md-form input[type="text"]:not(.browser-default).form-control-sm:focus.valid + label:after,
        .md-form input[type="password"]:not(.browser-default).form-control-sm.valid + label:after,
        .md-form input[type="password"]:not(.browser-default).form-control-sm:focus.valid + label:after,
        .md-form input[type="email"]:not(.browser-default).form-control-sm.valid + label:after,
        .md-form input[type="email"]:not(.browser-default).form-control-sm:focus.valid + label:after,
        .md-form input[type="url"]:not(.browser-default).form-control-sm.valid + label:after,
        .md-form input[type="url"]:not(.browser-default).form-control-sm:focus.valid + label:after,
        .md-form input[type="time"]:not(.browser-default).form-control-sm.valid + label:after,
        .md-form input[type="time"]:not(.browser-default).form-control-sm:focus.valid + label:after,
        .md-form input[type="date"]:not(.browser-default).form-control-sm.valid + label:after,
        .md-form input[type="date"]:not(.browser-default).form-control-sm:focus.valid + label:after,
        .md-form input[type="datetime"]:not(.browser-default).form-control-sm.valid + label:after,
        .md-form input[type="datetime"]:not(.browser-default).form-control-sm:focus.valid + label:after,
        .md-form input[type="datetime-local"]:not(.browser-default).form-control-sm.valid + label:after,
        .md-form input[type="datetime-local"]:not(.browser-default).form-control-sm:focus.valid + label:after,
        .md-form input[type="tel"]:not(.browser-default).form-control-sm.valid + label:after,
        .md-form input[type="tel"]:not(.browser-default).form-control-sm:focus.valid + label:after,
        .md-form input[type="number"]:not(.browser-default).form-control-sm.valid + label:after,
        .md-form input[type="number"]:not(.browser-default).form-control-sm:focus.valid + label:after,
        .md-form input[type="search"]:not(.browser-default).form-control-sm.valid + label:after,
        .md-form input[type="search"]:not(.browser-default).form-control-sm:focus.valid + label:after,
        .md-form input[type="phone"]:not(.browser-default).form-control-sm.valid + label:after,
        .md-form input[type="phone"]:not(.browser-default).form-control-sm:focus.valid + label:after,
        .md-form input[type="search-md"].form-control-sm.valid + label:after,
        .md-form input[type="search-md"].form-control-sm:focus.valid + label:after,
        .md-form textarea.md-textarea.form-control-sm.valid + label:after,
        .md-form textarea.md-textarea.form-control-sm:focus.valid + label:after {
            top: 3.7rem;
        }

        .md-form input:not([type]).form-control-sm.invalid + label:after,
        .md-form input:not([type]).form-control-sm:focus.invalid + label:after,
        .md-form input[type="text"]:not(.browser-default).form-control-sm.invalid + label:after,
        .md-form input[type="text"]:not(.browser-default).form-control-sm:focus.invalid + label:after,
        .md-form input[type="password"]:not(.browser-default).form-control-sm.invalid + label:after,
        .md-form input[type="password"]:not(.browser-default).form-control-sm:focus.invalid + label:after,
        .md-form input[type="email"]:not(.browser-default).form-control-sm.invalid + label:after,
        .md-form input[type="email"]:not(.browser-default).form-control-sm:focus.invalid + label:after,
        .md-form input[type="url"]:not(.browser-default).form-control-sm.invalid + label:after,
        .md-form input[type="url"]:not(.browser-default).form-control-sm:focus.invalid + label:after,
        .md-form input[type="time"]:not(.browser-default).form-control-sm.invalid + label:after,
        .md-form input[type="time"]:not(.browser-default).form-control-sm:focus.invalid + label:after,
        .md-form input[type="date"]:not(.browser-default).form-control-sm.invalid + label:after,
        .md-form input[type="date"]:not(.browser-default).form-control-sm:focus.invalid + label:after,
        .md-form input[type="datetime"]:not(.browser-default).form-control-sm.invalid + label:after,
        .md-form input[type="datetime"]:not(.browser-default).form-control-sm:focus.invalid + label:after,
        .md-form input[type="datetime-local"]:not(.browser-default).form-control-sm.invalid + label:after,
        .md-form input[type="datetime-local"]:not(.browser-default).form-control-sm:focus.invalid + label:after,
        .md-form input[type="tel"]:not(.browser-default).form-control-sm.invalid + label:after,
        .md-form input[type="tel"]:not(.browser-default).form-control-sm:focus.invalid + label:after,
        .md-form input[type="number"]:not(.browser-default).form-control-sm.invalid + label:after,
        .md-form input[type="number"]:not(.browser-default).form-control-sm:focus.invalid + label:after,
        .md-form input[type="search"]:not(.browser-default).form-control-sm.invalid + label:after,
        .md-form input[type="search"]:not(.browser-default).form-control-sm:focus.invalid + label:after,
        .md-form input[type="phone"]:not(.browser-default).form-control-sm.invalid + label:after,
        .md-form input[type="phone"]:not(.browser-default).form-control-sm:focus.invalid + label:after,
        .md-form input[type="search-md"].form-control-sm.invalid + label:after,
        .md-form input[type="search-md"].form-control-sm:focus.invalid + label:after,
        .md-form textarea.md-textarea.form-control-sm.invalid + label:after,
        .md-form textarea.md-textarea.form-control-sm:focus.invalid + label:after {
            top: 3.6rem;
        }

    .md-form > input[type="date"]:not(.browser-default) {
        color: transparent;
    }

        .md-form > input[type="date"]:not(.browser-default) + label {
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
        }

    .md-form > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label,
    .md-form > input[type="time"]:not(.browser-default) + label {
        font-size: 0.8rem;
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    .md-form .was-validated input[type="text"]:valid + label {
        color: #00c851 !important;
    }

    .md-form .was-validated input[type="text"]:invalid + label {
        color: #f44336 !important;
    }

    .md-form .was-validated .form-control:valid:focus {
        -webkit-box-shadow: 0 1px 0 0 #00c851 !important;
        box-shadow: 0 1px 0 0 #00c851 !important;
    }

    .md-form .was-validated .form-control:valid {
        border-color: #00c851 !important;
    }

    .md-form .was-validated .form-control:invalid:focus {
        -webkit-box-shadow: 0 1px 0 0 #f44336 !important;
        box-shadow: 0 1px 0 0 #f44336 !important;
    }

    .md-form .was-validated .form-control:invalid {
        border-color: #f44336 !important;
    }

    .md-form .form-control {
        height: auto;
        padding: 1rem 0.75rem;
        margin: 0 0 0.5rem 0;
        background-color: transparent;
        border-radius: 3px !important;
    }

        .md-form .form-control:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .md-form .form-control:disabled,
        .md-form .form-control[readonly] {
            color: #bdbdbd !important;
            background-color: transparent;
            border-bottom: 1px solid #bdbdbd;
        }

        .md-form .form-control.is-valid {
            border-color: #00c851;
        }

            .md-form .form-control.is-valid:focus {
                border-color: #00c851 !important;
                -webkit-box-shadow: 0 1px 0 0 #00c851 !important;
                box-shadow: 0 1px 0 0 #00c851 !important;
            }

        .md-form .form-control.is-invalid {
            border-color: #f44336;
        }

            .md-form .form-control.is-invalid:focus {
                border-color: #f44336 !important;
                -webkit-box-shadow: 0 1px 0 0 #f44336 !important;
                box-shadow: 0 1px 0 0 #f44336 !important;
            }

        .md-form .form-control.is-valid,
        .md-form .form-control.is-invalid {
            background-position: center right !important;
        }

    .md-form .validate {
        margin-bottom: 2.5rem;
    }

        .md-form label.active {
            margin: 0 0 0 5px;
            font-size: 1.75rem;
            background-color: #ffffff;
            font-weight:bolder;
        }

    .md-form .prefix {
        top: 0.25rem;
        font-size: 1.75rem;
    }

        .md-form .prefix ~ input,
        .md-form .prefix ~ textarea {
            width: calc(100% - 2.5rem);
            margin-left: 2.5rem;
        }

        .md-form .prefix ~ label {
            margin-left: 2.5rem;
        }

        .md-form .prefix ~ .form-text {
            margin-left: 2.6rem;
        }

    .md-form label {
        position: absolute;
        top: -3px;
        left: 10px;
        font-size: 1.5rem;
        color: #757575;
        font-weight: bold !important;
        cursor: text;
        -webkit-transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
        transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
        transition: transform 0.2s ease-out, color 0.2s ease-out;
        transition: transform 0.2s ease-out, color 0.2s ease-out, -webkit-transform 0.2s ease-out;
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
    }

        .md-form label.active {
            top: 0;
            left: 5px;
            color: inherit !important;
            -webkit-transform: translateY(-14px) scale(0.8);
            transform: translateY(-14px) scale(0.8);
        }

    .md-form .prefix {
        position: absolute;
        -webkit-transition: color 0.2s;
        transition: color 0.2s;
    }

        .md-form .prefix.active {
            color: #4285f4;
        }

    .md-form.form-lg .validate {
        margin-bottom: 2.8rem;
    }

    .md-form.form-lg label {
        font-size: 1.25rem;
    }

        .md-form.form-lg label.active {
            font-size: 1.15rem;
        }

    .md-form.form-lg .prefix {
        top: 0.4rem;
        font-size: 2rem;
    }

        .md-form.form-lg .prefix ~ input,
        .md-form.form-lg .prefix ~ textarea {
            width: calc(100% - 3rem);
            margin-left: 3rem;
        }

        .md-form.form-lg .prefix ~ label {
            margin-left: 3rem;
        }

        .md-form.form-lg .prefix ~ .form-text {
            margin-left: 3.1rem;
        }

    .md-form.form-sm .validate {
        margin-bottom: 2.3rem;
    }

    .md-form.form-sm label {
        font-size: 0.875rem;
    }

        .md-form.form-sm label.active {
            font-size: 0.95rem;
        }

    .md-form.form-sm .prefix {
        top: 0.35rem;
        font-size: 1.5rem;
    }

        .md-form.form-sm .prefix ~ input,
        .md-form.form-sm .prefix ~ textarea {
            width: calc(100% - 2rem);
            margin-left: 2rem;
        }

        .md-form.form-sm .prefix ~ label {
            margin-left: 2rem;
        }

        .md-form.form-sm .prefix ~ .form-text {
            margin-left: 2rem;
        }

    .md-form textarea.md-textarea {
        padding: 0;
        overflow-y: hidden;
    }

        .md-form textarea.md-textarea + label {
            top: -0.6rem;
        }

    .md-form textarea.md-textarea-auto {
        padding: 0;
        padding-top: 1.5rem;
    }

        .md-form textarea.md-textarea-auto + label {
            top: 0;
        }

    .md-form.md-outline {
        position: relative;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

        .md-form.md-outline input[type="text"],
        .md-form.md-outline input[type="password"],
        .md-form.md-outline input[type="email"],
        .md-form.md-outline input[type="url"],
        .md-form.md-outline input[type="time"],
        .md-form.md-outline input[type="date"],
        .md-form.md-outline input[type="datetime-local"],
        .md-form.md-outline input[type="tel"],
        .md-form.md-outline input[type="number"],
        .md-form.md-outline input[type="search-md"],
        .md-form.md-outline input[type="search"],
        .md-form.md-outline textarea.md-textarea {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background-color: transparent;
            border: 1px solid #dadce0;
            border-radius: 4px;
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

            .md-form.md-outline input[type="text"]:focus:not([readonly]),
            .md-form.md-outline input[type="password"]:focus:not([readonly]),
            .md-form.md-outline input[type="email"]:focus:not([readonly]),
            .md-form.md-outline input[type="url"]:focus:not([readonly]),
            .md-form.md-outline input[type="time"]:focus:not([readonly]),
            .md-form.md-outline input[type="date"]:focus:not([readonly]),
            .md-form.md-outline input[type="datetime-local"]:focus:not([readonly]),
            .md-form.md-outline input[type="tel"]:focus:not([readonly]),
            .md-form.md-outline input[type="number"]:focus:not([readonly]),
            .md-form.md-outline input[type="search-md"]:focus:not([readonly]),
            .md-form.md-outline input[type="search"]:focus:not([readonly]),
            .md-form.md-outline textarea.md-textarea:focus:not([readonly]) {
                border-color: #4285f4;
                -webkit-box-shadow: inset 0 0 0 1px #4285f4;
                box-shadow: inset 0 0 0 1px #4285f4;
            }

                .md-form.md-outline input[type="text"]:focus:not([readonly]) + label,
                .md-form.md-outline input[type="password"]:focus:not([readonly]) + label,
                .md-form.md-outline input[type="email"]:focus:not([readonly]) + label,
                .md-form.md-outline input[type="url"]:focus:not([readonly]) + label,
                .md-form.md-outline input[type="time"]:focus:not([readonly]) + label,
                .md-form.md-outline input[type="date"]:focus:not([readonly]) + label,
                .md-form.md-outline input[type="datetime-local"]:focus:not([readonly]) + label,
                .md-form.md-outline input[type="tel"]:focus:not([readonly]) + label,
                .md-form.md-outline input[type="number"]:focus:not([readonly]) + label,
                .md-form.md-outline input[type="search-md"]:focus:not([readonly]) + label,
                .md-form.md-outline input[type="search"]:focus:not([readonly]) + label,
                .md-form.md-outline textarea.md-textarea:focus:not([readonly]) + label {
                    color: #4285f4;
                }

            .md-form.md-outline input[type="text"].valid,
            .md-form.md-outline input[type="text"]:focus.valid,
            .md-form.md-outline input[type="password"].valid,
            .md-form.md-outline input[type="password"]:focus.valid,
            .md-form.md-outline input[type="email"].valid,
            .md-form.md-outline input[type="email"]:focus.valid,
            .md-form.md-outline input[type="url"].valid,
            .md-form.md-outline input[type="url"]:focus.valid,
            .md-form.md-outline input[type="time"].valid,
            .md-form.md-outline input[type="time"]:focus.valid,
            .md-form.md-outline input[type="date"].valid,
            .md-form.md-outline input[type="date"]:focus.valid,
            .md-form.md-outline input[type="datetime-local"].valid,
            .md-form.md-outline input[type="datetime-local"]:focus.valid,
            .md-form.md-outline input[type="tel"].valid,
            .md-form.md-outline input[type="tel"]:focus.valid,
            .md-form.md-outline input[type="number"].valid,
            .md-form.md-outline input[type="number"]:focus.valid,
            .md-form.md-outline input[type="search-md"].valid,
            .md-form.md-outline input[type="search-md"]:focus.valid,
            .md-form.md-outline input[type="search"].valid,
            .md-form.md-outline input[type="search"]:focus.valid,
            .md-form.md-outline textarea.md-textarea.valid,
            .md-form.md-outline textarea.md-textarea:focus.valid {
                border-color: #00c851;
                -webkit-box-shadow: inset 0 0 0 1px #00c851;
                box-shadow: inset 0 0 0 1px #00c851;
            }

                .md-form.md-outline input[type="text"]:focus:not([readonly]).valid + label,
                .md-form.md-outline input[type="text"].valid + label:after,
                .md-form.md-outline input[type="text"]:focus.valid + label:after,
                .md-form.md-outline input[type="password"]:focus:not([readonly]).valid + label,
                .md-form.md-outline input[type="password"].valid + label:after,
                .md-form.md-outline input[type="password"]:focus.valid + label:after,
                .md-form.md-outline input[type="email"]:focus:not([readonly]).valid + label,
                .md-form.md-outline input[type="email"].valid + label:after,
                .md-form.md-outline input[type="email"]:focus.valid + label:after,
                .md-form.md-outline input[type="url"]:focus:not([readonly]).valid + label,
                .md-form.md-outline input[type="url"].valid + label:after,
                .md-form.md-outline input[type="url"]:focus.valid + label:after,
                .md-form.md-outline input[type="time"]:focus:not([readonly]).valid + label,
                .md-form.md-outline input[type="time"].valid + label:after,
                .md-form.md-outline input[type="time"]:focus.valid + label:after,
                .md-form.md-outline input[type="date"]:focus:not([readonly]).valid + label,
                .md-form.md-outline input[type="date"].valid + label:after,
                .md-form.md-outline input[type="date"]:focus.valid + label:after,
                .md-form.md-outline input[type="datetime-local"]:focus:not([readonly]).valid + label,
                .md-form.md-outline input[type="datetime-local"].valid + label:after,
                .md-form.md-outline input[type="datetime-local"]:focus.valid + label:after,
                .md-form.md-outline input[type="tel"]:focus:not([readonly]).valid + label,
                .md-form.md-outline input[type="tel"].valid + label:after,
                .md-form.md-outline input[type="tel"]:focus.valid + label:after,
                .md-form.md-outline input[type="number"]:focus:not([readonly]).valid + label,
                .md-form.md-outline input[type="number"].valid + label:after,
                .md-form.md-outline input[type="number"]:focus.valid + label:after,
                .md-form.md-outline input[type="search-md"]:focus:not([readonly]).valid + label,
                .md-form.md-outline input[type="search-md"].valid + label:after,
                .md-form.md-outline input[type="search-md"]:focus.valid + label:after,
                .md-form.md-outline input[type="search"]:focus:not([readonly]).valid + label,
                .md-form.md-outline input[type="search"].valid + label:after,
                .md-form.md-outline input[type="search"]:focus.valid + label:after,
                .md-form.md-outline textarea.md-textarea:focus:not([readonly]).valid + label,
                .md-form.md-outline textarea.md-textarea.valid + label:after,
                .md-form.md-outline textarea.md-textarea:focus.valid + label:after {
                    color: #00c851;
                    content: attr(data-success);
                    opacity: 1;
                }

            .md-form.md-outline input[type="text"].invalid,
            .md-form.md-outline input[type="text"]:focus.invalid,
            .md-form.md-outline input[type="password"].invalid,
            .md-form.md-outline input[type="password"]:focus.invalid,
            .md-form.md-outline input[type="email"].invalid,
            .md-form.md-outline input[type="email"]:focus.invalid,
            .md-form.md-outline input[type="url"].invalid,
            .md-form.md-outline input[type="url"]:focus.invalid,
            .md-form.md-outline input[type="time"].invalid,
            .md-form.md-outline input[type="time"]:focus.invalid,
            .md-form.md-outline input[type="date"].invalid,
            .md-form.md-outline input[type="date"]:focus.invalid,
            .md-form.md-outline input[type="datetime-local"].invalid,
            .md-form.md-outline input[type="datetime-local"]:focus.invalid,
            .md-form.md-outline input[type="tel"].invalid,
            .md-form.md-outline input[type="tel"]:focus.invalid,
            .md-form.md-outline input[type="number"].invalid,
            .md-form.md-outline input[type="number"]:focus.invalid,
            .md-form.md-outline input[type="search-md"].invalid,
            .md-form.md-outline input[type="search-md"]:focus.invalid,
            .md-form.md-outline input[type="search"].invalid,
            .md-form.md-outline input[type="search"]:focus.invalid,
            .md-form.md-outline textarea.md-textarea.invalid,
            .md-form.md-outline textarea.md-textarea:focus.invalid {
                border-color: #f44336;
                -webkit-box-shadow: inset 0 0 0 1px #f44336;
                box-shadow: inset 0 0 0 1px #f44336;
            }

                .md-form.md-outline input[type="text"]:focus:not([readonly]).invalid + label,
                .md-form.md-outline input[type="text"].invalid + label:after,
                .md-form.md-outline input[type="text"]:focus.invalid + label:after,
                .md-form.md-outline input[type="password"]:focus:not([readonly]).invalid + label,
                .md-form.md-outline input[type="password"].invalid + label:after,
                .md-form.md-outline input[type="password"]:focus.invalid + label:after,
                .md-form.md-outline input[type="email"]:focus:not([readonly]).invalid + label,
                .md-form.md-outline input[type="email"].invalid + label:after,
                .md-form.md-outline input[type="email"]:focus.invalid + label:after,
                .md-form.md-outline input[type="url"]:focus:not([readonly]).invalid + label,
                .md-form.md-outline input[type="url"].invalid + label:after,
                .md-form.md-outline input[type="url"]:focus.invalid + label:after,
                .md-form.md-outline input[type="time"]:focus:not([readonly]).invalid + label,
                .md-form.md-outline input[type="time"].invalid + label:after,
                .md-form.md-outline input[type="time"]:focus.invalid + label:after,
                .md-form.md-outline input[type="date"]:focus:not([readonly]).invalid + label,
                .md-form.md-outline input[type="date"].invalid + label:after,
                .md-form.md-outline input[type="date"]:focus.invalid + label:after,
                .md-form.md-outline input[type="datetime-local"]:focus:not([readonly]).invalid + label,
                .md-form.md-outline input[type="datetime-local"].invalid + label:after,
                .md-form.md-outline input[type="datetime-local"]:focus.invalid + label:after,
                .md-form.md-outline input[type="tel"]:focus:not([readonly]).invalid + label,
                .md-form.md-outline input[type="tel"].invalid + label:after,
                .md-form.md-outline input[type="tel"]:focus.invalid + label:after,
                .md-form.md-outline input[type="number"]:focus:not([readonly]).invalid + label,
                .md-form.md-outline input[type="number"].invalid + label:after,
                .md-form.md-outline input[type="number"]:focus.invalid + label:after,
                .md-form.md-outline input[type="search-md"]:focus:not([readonly]).invalid + label,
                .md-form.md-outline input[type="search-md"].invalid + label:after,
                .md-form.md-outline input[type="search-md"]:focus.invalid + label:after,
                .md-form.md-outline input[type="search"]:focus:not([readonly]).invalid + label,
                .md-form.md-outline input[type="search"].invalid + label:after,
                .md-form.md-outline input[type="search"]:focus.invalid + label:after,
                .md-form.md-outline textarea.md-textarea:focus:not([readonly]).invalid + label,
                .md-form.md-outline textarea.md-textarea.invalid + label:after,
                .md-form.md-outline textarea.md-textarea:focus.invalid + label:after {
                    color: #f44336;
                    content: attr(data-error);
                    opacity: 1;
                }

            .md-form.md-outline input[type="text"].form-control.valid + label:after,
            .md-form.md-outline input[type="text"].form-control:focus.valid + label:after,
            .md-form.md-outline input[type="password"].form-control.valid + label:after,
            .md-form.md-outline input[type="password"].form-control:focus.valid + label:after,
            .md-form.md-outline input[type="email"].form-control.valid + label:after,
            .md-form.md-outline input[type="email"].form-control:focus.valid + label:after,
            .md-form.md-outline input[type="url"].form-control.valid + label:after,
            .md-form.md-outline input[type="url"].form-control:focus.valid + label:after,
            .md-form.md-outline input[type="time"].form-control.valid + label:after,
            .md-form.md-outline input[type="time"].form-control:focus.valid + label:after,
            .md-form.md-outline input[type="date"].form-control.valid + label:after,
            .md-form.md-outline input[type="date"].form-control:focus.valid + label:after,
            .md-form.md-outline input[type="datetime-local"].form-control.valid + label:after,
            .md-form.md-outline input[type="datetime-local"].form-control:focus.valid + label:after,
            .md-form.md-outline input[type="tel"].form-control.valid + label:after,
            .md-form.md-outline input[type="tel"].form-control:focus.valid + label:after,
            .md-form.md-outline input[type="number"].form-control.valid + label:after,
            .md-form.md-outline input[type="number"].form-control:focus.valid + label:after,
            .md-form.md-outline input[type="search-md"].form-control.valid + label:after,
            .md-form.md-outline input[type="search-md"].form-control:focus.valid + label:after,
            .md-form.md-outline input[type="search"].form-control.valid + label:after,
            .md-form.md-outline input[type="search"].form-control:focus.valid + label:after,
            .md-form.md-outline textarea.md-textarea.form-control.valid + label:after,
            .md-form.md-outline textarea.md-textarea.form-control:focus.valid + label:after {
                position: absolute;
                top: 4rem;
                left: 0;
            }

            .md-form.md-outline input[type="text"].form-control.invalid + label:after,
            .md-form.md-outline input[type="text"].form-control:focus.invalid + label:after,
            .md-form.md-outline input[type="password"].form-control.invalid + label:after,
            .md-form.md-outline input[type="password"].form-control:focus.invalid + label:after,
            .md-form.md-outline input[type="email"].form-control.invalid + label:after,
            .md-form.md-outline input[type="email"].form-control:focus.invalid + label:after,
            .md-form.md-outline input[type="url"].form-control.invalid + label:after,
            .md-form.md-outline input[type="url"].form-control:focus.invalid + label:after,
            .md-form.md-outline input[type="time"].form-control.invalid + label:after,
            .md-form.md-outline input[type="time"].form-control:focus.invalid + label:after,
            .md-form.md-outline input[type="date"].form-control.invalid + label:after,
            .md-form.md-outline input[type="date"].form-control:focus.invalid + label:after,
            .md-form.md-outline input[type="datetime-local"].form-control.invalid + label:after,
            .md-form.md-outline input[type="datetime-local"].form-control:focus.invalid + label:after,
            .md-form.md-outline input[type="tel"].form-control.invalid + label:after,
            .md-form.md-outline input[type="tel"].form-control:focus.invalid + label:after,
            .md-form.md-outline input[type="number"].form-control.invalid + label:after,
            .md-form.md-outline input[type="number"].form-control:focus.invalid + label:after,
            .md-form.md-outline input[type="search-md"].form-control.invalid + label:after,
            .md-form.md-outline input[type="search-md"].form-control:focus.invalid + label:after,
            .md-form.md-outline input[type="search"].form-control.invalid + label:after,
            .md-form.md-outline input[type="search"].form-control:focus.invalid + label:after,
            .md-form.md-outline textarea.md-textarea.form-control.invalid + label:after,
            .md-form.md-outline textarea.md-textarea.form-control:focus.invalid + label:after {
                position: absolute;
                top: 4rem;
                left: 0;
            }

        .md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label,
        .md-form.md-outline > input[type="time"]:not(.browser-default) + label {
            left: 8px;
            padding-right: 5px;
            padding-left: 5px;
            font-size: 1rem;
            font-weight: 500;
            background: #fff;
            -webkit-transform: translateY(-9px) scale(0.8);
            transform: translateY(-9px) scale(0.8);
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
        }

            .md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label.active,
            .md-form.md-outline > input[type="time"]:not(.browser-default) + label.active {
                -webkit-transform: translateY(-9px) scale(0.8);
                transform: translateY(-9px) scale(0.8);
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
            }

@-webkit-keyframes autofill {
    to {
        color: #495057;
        background: transparent;
    }
}

@keyframes autofill {
    to {
        color: #495057;
        background: transparent;
    }
}

.md-form.md-outline input:-webkit-autofill {
    -webkit-animation-name: autofill;
    animation-name: autofill;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.md-form.md-outline .form-control {
    padding: 0.375rem 0.75rem;
}

.md-form.md-outline label {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 10px;
    font-size: 1rem;
    color: #757575;
    cursor: text;
    -webkit-transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
    transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out, color 0.2s ease-out;
    transition: transform 0.2s ease-out, color 0.2s ease-out, -webkit-transform 0.2s ease-out;
    -webkit-transform: translateY(9px);
    transform: translateY(9px);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

    .md-form.md-outline label.active {
        left: 8px;
        padding-right: 5px;
        padding-left: 5px;
        font-weight: 500;
        background: #fff;
        -webkit-transform: translateY(-13px) scale(0.8);
        transform: translateY(-13px) scale(0.8);
    }

.md-form.md-outline.form-lg .form-control.form-control-lg {
    padding: 0.5rem 0.725rem;
}

.md-form.md-outline.form-lg label {
    font-size: 1.25rem;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

    .md-form.md-outline.form-lg label.active {
        font-size: 1.1rem;
        -webkit-transform: translateY(-14px) scale(0.8);
        transform: translateY(-14px) scale(0.8);
    }

.md-form.md-outline.form-lg .prefix {
    top: 0.65rem;
    font-size: 25px;
}

    .md-form.md-outline.form-lg .prefix ~ input,
    .md-form.md-outline.form-lg .prefix ~ textarea {
        width: calc(100% - 2.2rem);
        margin-left: 2.2rem;
    }

    .md-form.md-outline.form-lg .prefix ~ label {
        margin-left: 2.2rem;
    }

    .md-form.md-outline.form-lg .prefix ~ .form-text {
        margin-left: 2.3rem;
    }

.md-form.md-outline.form-sm .form-control.form-control-sm {
    padding: 0.25rem 0.625rem;
}

.md-form.md-outline.form-sm label {
    font-size: 0.8rem;
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}

    .md-form.md-outline.form-sm label.active {
        font-size: 0.85rem;
        -webkit-transform: translateY(-12px) scale(0.8);
        transform: translateY(-12px) scale(0.8);
    }

.md-form.md-outline.form-sm .prefix {
    top: 0.5rem;
    font-size: 15px;
}

    .md-form.md-outline.form-sm .prefix ~ input,
    .md-form.md-outline.form-sm .prefix ~ textarea {
        width: calc(100% - 1.6rem);
        margin-left: 1.6rem;
    }

    .md-form.md-outline.form-sm .prefix ~ label {
        margin-left: 1.6rem;
    }

    .md-form.md-outline.form-sm .prefix ~ .form-text {
        margin-left: 1.7rem;
    }

.md-form.md-outline .prefix {
    position: absolute;
    top: 0.6rem;
    font-size: 20px;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

    .md-form.md-outline .prefix:focus {
        color: #4285f4;
    }

    .md-form.md-outline .prefix ~ input,
    .md-form.md-outline .prefix ~ textarea {
        width: calc(100% - 2rem);
        margin-left: 2rem;
    }

    .md-form.md-outline .prefix ~ label {
        margin-left: 2rem;
    }

    .md-form.md-outline .prefix ~ .form-text {
        margin-left: 2.1rem;
    }

.md-form.md-outline .character-counter {
    margin-top: -0.5rem;
}

.md-form.md-bg input[type="text"],
.md-form.md-bg input[type="password"],
.md-form.md-bg input[type="email"],
.md-form.md-bg input[type="url"],
.md-form.md-bg input[type="time"],
.md-form.md-bg input[type="date"],
.md-form.md-bg input[type="datetime-local"],
.md-form.md-bg input[type="tel"],
.md-form.md-bg input[type="number"],
.md-form.md-bg input[type="search-md"],
.md-form.md-bg input[type="search"],
.md-form.md-bg textarea.md-textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 5px;
    background: #f5f5f5 no-repeat;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4285f4), to(#4285f4)), -webkit-gradient(linear, left top, left bottom, from(#ced4da), to(#ced4da));
    background-image: linear-gradient(to bottom, #4285f4, #4285f4), linear-gradient(to bottom, #ced4da, #ced4da);
    background-position: 50% 100%, 50% 100%;
    background-size: 0 2px, 100% 1px;
    border: 0;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    -webkit-transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
}

    .md-form.md-bg input[type="text"]:focus:not([readonly]),
    .md-form.md-bg input[type="password"]:focus:not([readonly]),
    .md-form.md-bg input[type="email"]:focus:not([readonly]),
    .md-form.md-bg input[type="url"]:focus:not([readonly]),
    .md-form.md-bg input[type="time"]:focus:not([readonly]),
    .md-form.md-bg input[type="date"]:focus:not([readonly]),
    .md-form.md-bg input[type="datetime-local"]:focus:not([readonly]),
    .md-form.md-bg input[type="tel"]:focus:not([readonly]),
    .md-form.md-bg input[type="number"]:focus:not([readonly]),
    .md-form.md-bg input[type="search-md"]:focus:not([readonly]),
    .md-form.md-bg input[type="search"]:focus:not([readonly]),
    .md-form.md-bg textarea.md-textarea:focus:not([readonly]) {
        border-bottom: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .md-form.md-bg input[type="text"]:focus,
    .md-form.md-bg input[type="password"]:focus,
    .md-form.md-bg input[type="email"]:focus,
    .md-form.md-bg input[type="url"]:focus,
    .md-form.md-bg input[type="time"]:focus,
    .md-form.md-bg input[type="date"]:focus,
    .md-form.md-bg input[type="datetime-local"]:focus,
    .md-form.md-bg input[type="tel"]:focus,
    .md-form.md-bg input[type="number"]:focus,
    .md-form.md-bg input[type="search-md"]:focus,
    .md-form.md-bg input[type="search"]:focus,
    .md-form.md-bg textarea.md-textarea:focus {
        background-color: #dcdcdc;
        background-size: 100% 2px, 100% 1px;
        outline: none;
    }

.md-form.md-bg > input[type="date"]:not(.browser-default) {
    color: transparent;
}

    .md-form.md-bg > input[type="date"]:not(.browser-default) + label {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }

.md-form.md-bg > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label,
.md-form.md-bg > input[type="time"]:not(.browser-default) + label {
    font-size: 0.8rem;
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.md-form.md-bg .form-control {
    padding: 1.1rem 0.7rem 0.4rem !important;
}

.md-form.md-bg label {
    top: 0;
    padding-left: 0.7rem;
    font-size: 1rem;
    -webkit-transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
    transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out, color 0.2s ease-out;
    transition: transform 0.2s ease-out, color 0.2s ease-out, -webkit-transform 0.2s ease-out;
    -webkit-transform: translateY(13px);
    transform: translateY(13px);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

    .md-form.md-bg label.active {
        padding-left: 0.75rem;
        font-weight: 500;
        -webkit-transform: translateY(-3px) scale(0.8);
        transform: translateY(-3px) scale(0.8);
    }

.md-form.md-bg.form-lg label {
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
}

    .md-form.md-bg.form-lg label.active {
        -webkit-transform: translateY(-4px) scale(0.8);
        transform: translateY(-4px) scale(0.8);
    }

.md-form.md-bg.form-sm label {
    -webkit-transform: translateY(11px);
    transform: translateY(11px);
}

    .md-form.md-bg.form-sm label.active {
        -webkit-transform: translateY(-2px) scale(0.8);
        transform: translateY(-2px) scale(0.8);
    }

.md-form .form-control.is-invalid,
.was-validated .md-form .form-control:invalid {
    padding-right: 0;
}

.md-form .form-control.is-valid,
.was-validated .md-form .form-control:valid {
    padding-right: 0;
}

.needs-validation .md-form label {
    left: 0.3rem;
}

.custom-file-input:lang(es) ~ .custom-file-label::after {
    content: "Elegir";
}

.custom-file-input:lang(pl-pl) ~ .custom-file-label::after {
    content: "Wybierz";
}

.custom-file-input:lang(fr) ~ .custom-file-label::after {
    content: "Choisir";
}

.custom-file-input:lang(in) ~ .custom-file-label::after {
    content: "Pilih";
}

.custom-file-input:lang(zh) ~ .custom-file-label::after {
    content: "選擇";
}

.custom-file-input:lang(de) ~ .custom-file-label::after {
    content: "Wählen";
}

.custom-file-input:lang(ru) ~ .custom-file-label::after {
    content: "Выбрать";
}

.md-form > label {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.md-form .form-control {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.md-form .input-prefix {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    color: rgba(0, 0, 0, 0.87);
    pointer-events: none;
}

    .md-form .input-prefix.active {
        color: #4285f4;
    }

.md-form.input-with-pre-icon label {
    left: 36px;
    right: initial;
}

.md-form.input-with-pre-icon .input-prefix {
    left: 16px;
    right: initial;
}

.md-form.input-with-pre-icon .form-control {
    padding-left: 2.7rem !important;
}

.md-form.input-with-post-icon .input-prefix {
    right: 16px;
    left: initial;
}

.md-form.input-with-post-icon .form-control {
    padding-right: 2.7rem !important;
}

.md-form.input-with-post-icon.input-with-pre-icon .input-prefix {
    right: 16px;
    left: initial;
}

    .md-form.input-with-post-icon.input-with-pre-icon .input-prefix:first-of-type {
        left: 16px;
        right: initial;
    }

.md-form.input-with-post-icon.input-with-pre-icon .form-control {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}







.paginacao-mp {
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .paginacao-mp tbody tr:hover {
        background-color: transparent !important;
    }

    .paginacao-mp tbody tr:hover {
        background-color: transparent !important;
    }

    .paginacao-mp tbody tr:nth-of-type(odd) {
        background-color: transparent !important;
    }

    .paginacao-mp table > tbody > tr > td {
        border: none !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

        .paginacao-mp table > tbody > tr > td > a,
        .paginacao-mp table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #00436d;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            margin-left: -1px;
        }

        .paginacao-mp table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            color: #ffffff;
            background-color: #00436d;
            border-color: #dddddd;
            cursor: default;
            /*#6699cc, #3399cc, #336699, #00436d, #043250*/
        }

        .paginacao-mp table > tbody > tr > td:first-child > a,
        .paginacao-mp table > tbody > tr > td:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .paginacao-mp table > tbody > tr > td:last-child > a,
        .paginacao-mp table > tbody > tr > td:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .paginacao-mp table > tbody > tr > td > a:hover,
        .paginacao-mp table > tbody > tr > td > span:hover,
        .paginacao-mp table > tbody > tr > td > a:focus,
        .paginacao-mp table > tbody > tr > td > span:focus {
            color: #ffffff;
            background-color: #336699;
            border-color: #dddddd;
        }
