/* Ajustes para tematização topo fixo */

h2 {
    font-size: 21px !important;
}

h2 small {
    font-size: 13px !important;
}

.page-header .nav.navbar-nav {
    margin-top: 6px;
}

.containerMenuGeral {
    position: fixed;
}

.page-header .nav > li > a {
    width: 34px !important;
}

.containerTopoFixo {
    /*background: #3c4d56 !important; */
    height: 54px;
    min-height: 54px !important;
    -webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -ms-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    transition: background 0.5s linear;
}

.containerTopoFixo.comScroll {
    box-shadow: 0 0.15em 0.35em 0 rgba(0, 0, 0, 0.41);
    background-color: rgba(51, 51, 51, 0.67);
    z-index: 99999;
    -webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -ms-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    transition: background 0.5s linear;
}

.logo {
    height: 29px;
    padding-top: 0;
}

.pace-active {
    z-index: 999999;
}

.btn-toolbar a, .btn-toolbar i {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.btn-toolbar-flutuante.comScroll {
    position: fixed;
    float: right;
    right: 66px;
    top: 62px;
    font-size: 0 !important;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    z-index: 999;
}

.btn-toolbar-flutuante.comScroll a {
    font-size: 0 !important;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.btn-toolbar-flutuante.comScroll i {
    font-size: 14px !important;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.topo {
    min-height: 25px !important;
    height: 25px !important;
}

.logo-goias-custom {
    font-size: 14px !important;
    margin-left: 40px;
    margin-top: 10px;
    width: 41.9%;
}

.page-header {
    display: inline;
    margin-top: 10px;
    margin-left: 0px;
}

.containerNomeSistema {
    vertical-align: unset !important;
    margin-left: 20px;
    font-size: 25px !important;
    font-family: 'Raleway',sans-serif;
}

.containerLogoTopo {
    display: inline !important;
}

.logo-segplan-custom-centro {
    padding-top: 5px;
    display: inline;
    margin-left: 0;
    width: 320px;
}

.containerTopoFixo {
    position: fixed;
    width: 100%;
    right: 0;
    padding-left: 0px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.painelDeslocamento-open .containerTopoFixo {
    left: 256px;
    width: 100%;
    padding-right: 256px;
}



@media(max-width: 767px) {
    .logo-segplan-custom-centro {
        display: none !important;
    }

    .page-header .nav.navbar-nav {
        margin-top: -20px !important;
        padding-right: 20px !important;
    }

    .containerTopoFixo.comScroll{
        height: 32px !important;
        min-height:32px !important;
    }

}

@media (max-width: 1260px) {
    .acessibilidadeMobile {
        display: none !important;
    }

    .page-header {
        display: inline !important;
    }

    .painelDeslocamento-open .logo-segplan-custom-centro {
        display: none !important;
    }
}

@media (max-width:1640px) {
    .painelDeslocamento-open .logo-segplan-custom-centro {
        display: none !important;
    }
}

@media (max-width:1747px) {
    .painelDeslocamento-open  {
        /*margin-left: 4% !important;*/
    }
}

@media (max-width:950px) {
    .painelDeslocamento-open .acessibilidadeMobile {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .page-header .nav.navbar-nav {
        margin-top: -29px !important;
        padding-right: 10px !important;
        padding-left: 10px;
    }

    .navbar-mobile li.containerMarca {
        top: -22px !important;
    }

    .logo {
        height: 33px !important;
        min-height: 29px !important;
    }

    .painelDeslocamento-open .containerTopoFixo {
        left: 0;
        width: 100%;
        padding-right: 0;
    }
}

body .notifyjs-corner {
    margin-top: 47px !important;
    margin-right: 42px !important;
}

/* Acessibilidade barra nova */

.contraste .logo.comScroll {
    background: black;
    opacity: 0.8;
}

.relevo .logo.comScroll {
    border: 2px outset black;
    box-shadow: 0px 0px 12px black;
}

.relevo .btn.btn-icon.btn-circle.btn-primary.btn-scroll-to-top.fade.in {
    border: 2px outset black;
    box-shadow: 0px 0px 12px black;
}

/* Tematizacao Inicio */

body.temaAzulEscuro {
     background-image: url(http://cdn.segplan.go.gov.br/sistemas/ligthblue/bg-pattern.svg),radial-gradient(ellipse farthest-side at 10% 0,rgba(1, 44, 68, 0.89),#496f84 83%,rgba(1, 44, 68, 0.89) 110%);
     background-color: rgba(28, 72, 97, 0.89);
     background-size: cover;
}

.bootstrap-select .btn-white.active, .bootstrap-select .btn-white:active, .bootstrap-select .btn-white:focus, .bootstrap-select .btn-white:hover,
.open .btn.dropdown-toggle.selectpicker.btn-white, .multiselect.btn-white.active, .multiselect.btn-white:active,
.multiselect.btn-white:focus, .multiselect.btn-white:hover, .open .multiselect.dropdown-toggle.btn-white,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #eee !important;
    border-color: #ccc !important;
    color: #555 !important;
}

body.temaCinzaClaro {
     background-image: url(http://cdn.segplan.go.gov.br/sistemas/ligthblue/bg-pattern.svg),radial-gradient(ellipse farthest-side at 10% 0,rgb(111, 111, 111),#b3b2b2 83%,rgba(111, 111, 111, 0.89) 110%);
     background-color: rgba(117, 117, 117, 0.89);
    background-size: cover;
}

body.temaCinzaEscuro {
     background-image: url(http://cdn.segplan.go.gov.br/sistemas/ligthblue/bg-pattern.svg),radial-gradient(ellipse farthest-side at 10% 0,rgba(66, 66, 66, 0.89),#777779 83%,rgba(66, 66, 66, 0.89) 110%);
     background-color: rgba(0, 0, 0, 0.89);
     background-size: cover;
}

body.temaPetroleo {
    background-image: url(http://cdn.segplan.go.gov.br/sistemas/ligthblue/bg-pattern.svg),radial-gradient(ellipse farthest-side at 10% 0,rgba(0, 0, 0, 0.89),#1c3644 83%,rgba(0, 0, 0, 0.89) 110%);
    background-color: rgba(0, 0, 0, 0.89);
    background-size: cover;
}

body.temaVerdeEscuro {
    background-image: url(http://cdn.segplan.go.gov.br/sistemas/ligthblue/bg-pattern.svg),radial-gradient(ellipse farthest-side at 10% 0,#092f02e3,#065608 83%,#092f02e3 110%);
    background-color: #092f02e3;
    background-size: cover;
}

body.relevo .side-nav li a {
    background: rgba(97, 97, 97, 0.3803921568627451) none repeat scroll 0 0 !important;
}

/* Tematizacao Fim */

.versaoNome {
    font-size: 10px;
    opacity: 0.4;
    letter-spacing: 0.5px;
    padding-left: 10px;
    font-weight: normal;
}


.page-header .nav > li.open > a {
    color: #fff !important;
}


body.comScroll .versaoNome {
    opacity: 1.0;
    webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.versaoNome {
    webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#painelDeslocamento.introjs-fixParent {
    overflow-y: hidden !important;
}

@media(max-width: 752px) {
    .painelDeslocamento-open {
        padding-left: 0px !important;
        transform: translateX(256px);
    }

    #painelDeslocamento {
        padding-left: 0px !important;
    }
}



@-webkit-keyframes swing {
    15% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }

    30% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    50% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }

    65% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes swing {
    15% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }

    30% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    50% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }

    65% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.swing {
    -webkit-animation: swing 0.5s ease;
    animation: swing 0.5s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
}

.iconeFechado, iconeAberto {
    height: 28px;
    width: 28px;
}


.painelDeslocamento-open {
    padding-left: 256px !important;
    webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#painelDeslocamento {
    padding-left: 0px;
    webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.slideout-menu {
    z-index: 100;
}

.slideout-panel {
    overflow-y: auto !important;
    left: 0px;
}

.content {
    padding: 25px 40px;
}