body {
    color: #111;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol", 'Source Sans Pro', sans-serif;
    background-color: #ebf5f9;
}
.bg-principal {
    background: url(../images/login1.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0;
}
.conteudo {
    background-color: #ffffff;
    padding-top: 1em;
    padding-bottom: 1em;
    
    margin-top: 2%;
        border-radius: 10px;
    /*
    
    -webkit-box-shadow: -2px 3px 121px 9px rgba(0,0,0,0.31);
    -moz-box-shadow: -2px 3px 121px 9px rgba(0,0,0,0.31);
    box-shadow: -2px 3px 121px 9px rgba(0,0,0,0.31);*/
}
.login {background-color: rgba(255,255,255,.9)}
.login .title {padding-top: 0 !important}
.login .form-group { margin-left: 0px; margin-right: 0px }
.login>.panel-success>.panel-heading{ background-color: #26aa58 !important; background-image: none;}
a, a:focus, a:hover{color:#007f00 !important}

::-webkit-scrollbar {width: 1em;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(170,103,57,0.4); border-radius: 10px;}
::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(170,103,57,0.4);}

.affix { background-color: #ffffff; border-color: rgba(34,34,34,.1); z-index: 9; }
.btn-success {
    background-image: -webkit-linear-gradient(top,#0f866d 0,#007f00 100%) !important;
    background-image: -o-linear-gradient(top,#4dc766 0,#007f00 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4dc766),to(#007f00)) !important;
    background-image: linear-gradient(to bottom,#4dc766 0,#007f00 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4dc766', endColorstr='#007f00', GradientType=0) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
    background-repeat: repeat-x !important;
    border-color: #0b5f2b !important;
}
.text-success {color: #007f00 !important;}
.btn-success.active, .btn-success:active, .btn-success:hover, .btn-success:focus, .open>.dropdown-toggle.btn-success, success[disabled]:hover {
    background-color: #007f00 !important;
    border-color: #000 !important;
    background-position: 0px !important
}
.panel-success{border-color: #cfd0d0 !important}

@media (min-width: 768px){
    .navbar-nav>li>a {
         padding-top: 10px !important; 
        padding-bottom: 10px !important; 
    }
}
.navbar-collapse{padding-top: 15px !important;}

.btn-primary{background-image: -webkit-linear-gradient(top,#26b99a 0,#23aa8e 100%);
    background-image: -o-linear-gradient(top,#26b99a 0,#23aa8e 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#26b99a),to(#23aa8e));
    background-image: linear-gradient(to bottom,#26b99a 0,#23aa8e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border: none !important;

}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #26b99a;
    border: none !important;
}
.btn-primary.active, .btn-primary:active {background-color: #26b99a;border: none !important;}
.btn-primary:focus, .btn-primary:hover {background-color: #26b99a;background-position: 0 -15px;}

.nav-site{z-index: 999; height: 5.5em; border-bottom-color: #cacaca; border-bottom-width: 5px}



.tracado{background-color: rgba(253,252,252,0.9);}
small.tracado{color: #51493d !important}
.padding-cite{ color: #fff}

.configuracao-inicial{background-color: rgba(246,246,246,0.9)}

p.footer{margin-top: 15px;
    margin-bottom: 60px;
}

footer{ left:0px; bottom:0px;
    width:100%;
    border-top: 1px solid #bfbfbf;
    text-shadow: 0 1px 0 rgba(0,0,0,0.15);
}



.description{ font-family: 'Alfa Slab One', Arial, Helvetica, sans-serif;}
 .description code{background-color: #f0eaf3;font-weight: bold;font-size: 1.4em;text-transform: uppercase;}
 blockquote{border-left: 7px solid #e17f00 !important;}
 footer blockquote{border-left: 7px solid #007f00 !important; font-size: 12px}

button{font-size: 1.3em; text-decoration: solid; font-weight: 100}

.quote-cite{color: #007f00;}
a.text-white:hover, a.text-white:focus, a.text-white:active, .text-white{color: #fff !important;}

.logo{padding-top:5px !important; min-width: 10em}

label.control-label {
    text-align: left !important;
}

.panel-success > .panel-heading {
    color: #fff;
    border-color: #22a13d;
    border-bottom-width: 3px;
}


.stepwizard-step p {
    margin-top: 10px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 50%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.sk-cube-grid {
    width: 10em;
    height: 10em;
    margin: 100px auto;
}

    .sk-cube-grid .sk-cube {
        width: 33%;
        height: 33%;
        background-color: #fff;
        float: left;
        -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
        animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    }

    .sk-cube-grid .sk-cube1 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .sk-cube-grid .sk-cube2 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-cube-grid .sk-cube3 {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .sk-cube-grid .sk-cube4 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .sk-cube-grid .sk-cube5 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .sk-cube-grid .sk-cube6 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-cube-grid .sk-cube7 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .sk-cube-grid .sk-cube8 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .sk-cube-grid .sk-cube9 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}