@charset "utf-8";
/*clients.idbdd*/
body,html{height: 100%;font-family: 'Open Sans', sans-serif;font-weight: 400;color: #374248;background-color: #EEE;font-size: 16px;margin: 0px;}
ul{padding:0px; margin:0px; list-style-type:none;}
img{ max-width:100%;}

.tooltip.show {
  opacity: 1;
}

.tooltip-inner {
  background-color: #4A4948;
  opacity: 1 !important;
}

.tooltip.bs-tooltip-right .arrow:before {
  border-right-color:  #4A4948 !important;
}

.tooltip.bs-tooltip-left .arrow:before {
 border-left-color:  #4A4948 !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
 border-bottom-color: #eeeeee !important;
}

.tooltip.bs-tooltip-top .arrow:before {
 border-top-color: #4A4948 !important;
}


#formLoginContent.hidden {
      opacity: 0;}

    #formLoginContent.visible {
      opacity: 1;
      transition: opacity 1s ease-out;
    }

.text-danger a:not(.btn){color:#dc3545;}

.text-orange{
    color:#F7A500;
}

a.text-orange:hover{
    color:#FFF;
    
}
.btn-orange{
    background:#F7A500;
    color:#FFF;
    
}

.btn-orange:hover{
  background: #cf8b04;
  color: #FFF;
}
.bg-fulldark{background:#262626;}
.text-fulldark{ color:#262626 !important;}

a{color: #374248;}

b{
    font-weight: 700;
}


h1, h2, h3{
    font-size:1.5rem;
}
#app{
    margin-bottom: 100px;
}
#header{}
#sidebar{display:none;top: 0px;}

#bbody{
    min-height: 500px;
    padding-bottom: 100px;
}

body.login{
    background:#000;
    
}
#bbody.login{
    background-position: 50%;
    min-height: 100vh;
    padding: 0px;
    background:#000;
    background-image:url(../img/bg-1920x1080.jpg);
    background-size: cover;
    background-position: 50%;
}

.header-logo{width: 175px;}

#iframe{height:100vh;position: relative;}

#iframe .iheader {
  position:absolute;
  height: 29px;
  background: #EEE;
  top: 0px;
  left: 0px;
}

#iframe iframe { width:100%; height:100%;}
#navbarNav a{ color:#DEDEDE;}
#navbarNav a:hover{ color:#FFF; text-decoration:none;}


#formClientesContent .avatar{
    width: 128px;
    height: 128px;
    overflow: hidden;
    border-radius: 128px;
    border: 2px solid #AAA;
}

#divform{ background:#E5E5E5;}


#divform label{font-weight:700;font-size: 14px;text-transform:uppercase;width: 100%;}
#divform div.calendar{width:100%;background: #FFF;padding: 2px;border-radius: 5px;box-shadow: 3px 2px 5px #333;}
#divform div.calendar input{border: none;background-color: #FFF;margin: 0px 2px 0px 0px;background-image: url(../img/calendar.png);background-repeat: no-repeat;padding-left: 40px;background-position: 0px 4px;}
#divform div.calendar input, #divform select, #divform option{color:#2E3192;font-weight:700;}
#divform label.icon{
    background-image: url(../img/calendar.png);
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin: 4px 5px 0px 0px;
    float: right;
}

#divform select{
    box-shadow: 3px 2px 5px #333;
}
.table div.row:nth-child(odd) {background: #DEDEDE;}
.table div.row:nth-child(even)  {background: #EEE;}
.table div.row:hover {background: #CCC;}

#home div.row{ font-size:14px;}

#produtosHeader, #myformProduto label{ font-size:13px; font-weight:700;}
#reponse, #submit{background: #FFF !important;}

/**footer**/
.page-footer{background: #000;}
#footer{
    padding: 20px 0px;
    background: #FFFF;
    text-align: center;
}
#footer h6{color:#666;margin:0px;font-size:12px;line-height: 15px;}

/**fim footer**/
.header-user p{color:#DEDEDE;}

.btn-google{
    background:#4285F4;
    color:#FFF;
}

.btn-google:hover{
    background:#0b57d0;
    color:#FFF;
}
.btn-google .icon{
    border-right: 2px solid #FFF;
    line-height: 22px;
    padding: 0px 0.5rem 0px 0px;
}

.btn-google .icon svg{
    fill: #FFF;
    width: 20px;
    height: 20px;
}


.btn-google .txt{
   padding: 0px 0px 0px 0.5rem;
   line-height: 22px;
}


@media(min-width:992px){
.container{
    max-width: 850px;
}
.header-logo{width: unset;}
.header-user{
    width: 280px;
}
.header-user p{text-align: right;} 
    
.header-user .avatar{
  background:#FFF;
  cursor:pointer;
    display:block;
    width: 56px;
    height: 56px;
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 56px;
    overflow: hidden;
}
.header-user .user{
    width: 215px;
    overflow: hidden;
}
.header-user .dropdown-menu{
    margin-top: 10px;
}
.header-user .dropdown-content{
    min-width: 200px;
}
.header-user .dropdown-content .img{}
.header-user .dropdown-content .img div{
  background: #FFF;
  width: 110px;
  height: 110px;
  border-radius: 110px;
  overflow:hidden;
  margin:0px auto;
  box-shadow:0px 5px 10px #AAA;
}
.header-user .dropdown-item.active, 
.header-user .dropdown-item:hover{
  background: #333;
  color:#FFF;
}
  
#sidebar{
    position: fixed;
    display: block;
    z-index: 9;
}
#main-sidebar{
    width: 72px;
    height: 100vh;
    position: fixed;
    
    z-index: 999;
}
#main-sidebar ul{ padding:120px 10px 0px 10px;}
#main-sidebar ul li{}
#main-sidebar ul li a{
    display: block;
    border-radius: 72px;
    width: 52px;
    height: 52px;
}
#main-sidebar ul li a.btn:focus{
    box-shadow: none;
}
#main-sidebar ul li a:hover, #main-sidebar ul li a.active{
    background:#FFA800;
    }
#main-sidebar ul li a span{
    width: 32px;
    height: 32px;
    margin: 8px 10px;
}

#nav-sidebar{
    height: 100vh;
    position: fixed;
    z-index: 998;
    left: -180px;
    transition: left .5s;
    width: 240px;
}

#nav-sidebar.active {
  transition: left .5s;
  left: 72px;
}
#nav-sidebar p{ padding:120px 10px 0px 10px;}
#nav-sidebar ul{ padding:0px 20px;}
#nav-sidebar ul li{ }
#nav-sidebar ul li a{  color:#DEDEDE;}
#nav-sidebar ul li a:hover{ color:#FFF; text-decoration:none; }

    
.sprite{background-image:url("../img/sprite-1.png");display: block;background-repeat: no-repeat;}    
.sprite.dash{    background-position:0px 0px;}     
.sprite.escopo{    background-position:-96px 0px;}     
.sprite.contrato{    background-position:-64px 0px;}     
.sprite.contatos{    background-position:-32px 0px;}    
.sprite.cronograma{    background-position:-128px 0px;}     
}


@media(min-width:1200px){

.container{max-width: 1060px;}
}

@media(min-width:1360px){
    .container{max-width:1230px;}
}

@media(min-width:1700px){

 .container{max-width: 1600px;}
  
  #main-header{
  }
.header-logo{/* position: absolute; *//* left: -125px; *//* top: 10px; */}

.header-user{
    /* position:absolute; */
    /* right: -200px; */
    width: 200px;
    /* top: 0px; */
}  
.header-user .user{width: 130px;}
.header-user p{} 
    
.header-user .avatar{
} 
    
}
@media(min-width:1850px){

 .container{max-width: 1750px;}
}