body {
	background-attachment: fixed;
	background-repeat : no-repeat;
    background-image:url(../../../imagens/cingo/wallpaper.png); 
    background-color: #4C7FAC;
    color: black;
    font-family: sans-serif;
	font-size: 14px;
}

#quiosqueFuncBody {
	background-attachment: fixed;
	background-repeat : no-repeat;
    background-image:url(../../../imagens/cingo/wallpaper.png) !important; 
    background-color: #4C7FAC;
}

.cingoBody {
	background-attachment: fixed;
	background-repeat : no-repeat;
    background-image:url(../../../imagens/cingo/wallpaper.png) !important; 
    background-color: #4C7FAC;
}

div.header {
    text-align: center;
    color: white;
    padding: 2px;
    height: 60px;
}

a.headerText {
    color: #E6E6E6 !important;
    height: 60px;
    vertical-align: middle;
    margin-top: 5px;
    font-size: 18px;
}

button.menuButton {
    background: linear-gradient(rgb(5,178,161), rgb(15,149,136), rgb(5,124,113));
    color: white;
    border: none;
}
.navbar .nav > li.dropdown.open.active > a:hover, 
.navbar .nav > li.dropdown.open > a
{
   color: #fff;
   background-color: transparent;
   border-color: #fff;
}

nav.fixedHeader {
    position: fixed;
    z-index: 500;
    width: 99.8%;
    height: 65px;
    background-color: #05B2A1;
    background: linear-gradient(rgb(5,178,161), rgb(15,149,136), rgb(5,124,113));
    color: white;
    border: none;
}

.nav>li>a {
    padding: 10px 13px;
    color: #818181;
    font-weight: 600;
}
	
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	color: #fff;
    background-color: #818181;
}

table.dataTable {
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #eeeeee;
}

.table.dataTable.no-footer {
	border-bottom: solid #eeeeee 1px!important;
}

.table.dataTable thead th {
	border-bottom: none;
}

.badge {
	background-color: #31ce36;
}

.table-head {
	background-color: #eeeeee;
	color: #797979;
}

.table-head-text {
    vertical-align: middle!important;
    font-weight: 700!important;
    font-size: 14px!important;
}

.td-ot-class {
	text-align: center!important;
	vertical-align: middle!important;
}

.td-md-class {
	vertical-align: middle!important;
}

.panel-default >.panel-heading {
	color: #818181;
	font-size: 16px;
}

.bt-dash {
	color: #818181;
	font-size: 16px;
}
	
ul.fixedHeader {
	background-color: #05B2A1;
    background: linear-gradient(rgb(5,178,161), rgb(15,149,136), rgb(5,124,113));
}

ul.dropdown-menu {
	background: rgb(255,255,255);
}
#secondPart {
    position: relative;
    margin: 5px;
    top: 2px;
    width: auto;
}
#secondPart .tab-content {
	color: black;
}
div.layoutOne {
    height: 90%;
    color: white;   
}

img.profilePicture {
    width: 35px;
    height: 35px;
    border-radius: 20px;
    opacity: 0.8;
}

img.profilePicture:hover {
    
}

footer {
	position: fixed;
    bottom: 5px; 
    right: 5px;
    z-index: -999;
}

div.sliderMenu {
    position: relative;
    padding: 10px;
    top: 20px;
    width: 100%;
    height: 200px;
    margin-top: -80px;
    display:none;
    background: linear-gradient(rgb(5,178,161), rgb(15,149,136), rgb(5,124,113));
    border-radius: 5px;
}

div.settings {
    position: fixed;
    padding: 5px;
    top: 18%;
    left: 10%;
    width: 80%;
    height: 400px;
    margin-top: 0px;
    border-radius: 10px;
    display:none;
    background: linear-gradient(#FBF8EF,#FBF5EF); 
    color: #776868;
    z-index: 500;
}

div.marcarPonto {
    position: fixed;
    padding: 5px;
    top: 25%;
    left: 30%;
    width: 30%;
    height: 250px;
    margin-top: 0px;
    border-radius: 10px;
    display:none;
    box-shadow: 10px 10px 5px #888888;
    background: linear-gradient(#FBF8EF,#FBF5EF); 
    color: #776868;
    z-index: 500;
}

div.respostaAvaliacao {
	position: absolute;
    padding: 5px;
    top: 2%;
    left: 5%;
    width: 90%;
    height: 90%;
    margin-top: 0px;
  /*  border-radius: 10px; */
    display:none;
    background-color: #FBF8EF;
    /* background: linear-gradient(#FBF8EF,#FBFAF6,#FBF5EF);
     box-shadow: 10px 10px 5px #888888;
    background: linear-gradient(#FBF8EF,#FBF5EF); */
    color: #776868;
    z-index: 9999;
    overflow: auto;
}

table.tabelaAval  tr:hover { 
	background: #E0F8E0 ; 
	padding: 5px;
}

div.cabecalhoAvaliacao {
    margin-top: 10px;
    padding: 5px;
    width: 90%;
    
}

div.pergunta {
    margin-top: 10px;
    padding: 10px;
    width: 90%;
    border: solid;
    text-align: left;
    background-color: grey; 
    color: white;
    border-radius: 10px;
    font-weight: 600;
}

div.resposta {
    margin-top: 10px;
    padding: 5px;
    width: 90%;
    text-align: left;

}

.styled-select {
   font-family: Arial;
   width: 100%;
   height: 30px;
   overflow: hidden;
   border: 1px solid #ccc;
   }

table {
    width: 100%;
    text-align: 100%;
}

table td {
    padding: 5px;
    text-align: left;
    font-size: 12px;
}

table.infoBasica td {
    text-align: left;

}

table th {
/*     text-align: center; */ 
}

@media ( max-width : 767px) {
	.tcenter {
		text-align: center;
		margin-left: 0px!important;
		margin-right: 0px!important;
	}
	
	.marginscore {
		margin-left: calc(50% - 75px)!important;
	}
}

@media ( max-width : 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #F5F5F5;
	}
	.panel-body-xs {
		padding: 2px;
		padding-left: 2px;
		padding-right: 2px;
		width: 100%;
		overflow: auto;
	}
	
	.no-padding-xs {
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
	
	.no-padtop-xs {
		padding-top: 0px!important;
	}
	
	.no-margin-xs {
		margin-left: 0px!important;
		margin-right: 0px!important;
	}
	
	.no-vmargin-xs {
		margin-top: 0px!important;
		margin-bottom: 0px!important;
	}
	
	.scroll-xs {
		display: inline-flex;
		overflow-x: scroll;
	}
	.btng-xs {
		display: flex;
		justify-content: center;
		min-width: 50%;
	}
	.btnb-xs {
		justify-content: center;
		min-width: 50%;
	}
	.dropd-xs{
		min-width: 50%;
		max-width: 100%;
		left: auto;
	}
	
	.align-xs{
		text-align: center!important;
	}
	
	.metasmargin-xs{
		margin-top: 5px !important;
	}
	
	.metasbut-xs{
		display: block!important;
	}
	
	.organo-row-xs {
		display: -webkit-inline-box;
	}
	
	.organo-info-xs {
		display: inline;
	}
	
	.AvaliacImg-xs {
		height:45px;
		width: 45px;
	}
	
	.AvaliacCab-xs {
		max-height: 55px;
		overflow: hidden;
		text-align: left;
	}
}

@media ( max-width : 950px) {
	.tableoverflow{
		overflow-x:scroll; 
		overflow-y:hidden;
	}
	
	.align-xs{
		text-align: center!important;
	}
}


@media ( min-width : 768px) {
	.panel-body-xs {
		padding: 15px;
		width: 100%;
		overflow: auto;
	}
	.modal-lg-95 {
		width: 95%;
	}
	
	.margin-t-25 {
		margin-top: 25px!important;
	}
	
	.margbotxs {
		margin-bottom: 20px;
	}
}

@media ( min-width : 1200px) {
	#div-funcionario-fotoperfil {
		max-width: 150px;
		max-height: 110px;
		min-width: 150px
	}
	
	#funcionario-dadosgerais {
		width: 83%;
	}
}

/* Scroll Bar */

::-webkit-scrollbar-track {
	-webkit-box-shadow: none;
	background-color: transparent;
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: transparent;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,0.5);
	-webkit-border-radius: 6px;
	border-radius: 6px;
}