.navbar-nav > li > a, .navbar-brand {
    padding-top:5px !important; padding-bottom:0 !important;
    height: 30px;
}
.navbar {min-height:30px !important;}

.fixed{
  top:0;
  position:fixed;
  display:none;
  border:none;
  width :100%;
  
}


.widgets {
    display: flex;
    justify-content: space-around;
}

.hidden { display: none;}

.input-group-addon { color:#3179B5;background-color:#ffffff; border:none; }



table thead {display: table-header-group;}
table tfoot { display: table-footer-group;}
table tbody { display: table-row-group;}
.page-break { page-break-after:always;}

body
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 10pt;
	overflow: auto;
	

	font-style: normal;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	
	text-decoration: none;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-BASE-COLOR: #c3cdef;
	
	
	
}

p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-unhide:no;
	mso-style-qformat:yes;
	mso-style-parent:"";
	margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	mso-fareast-theme-font:minor-fareast;}

.mainBordas
{
	border: 0px solid #000000;
}

.tableMain
{
	border-collapse: collapse;
	width: 100%;
}



table.tftable {font-size:11px;color:#333333;border: 1px solid #d8d8d8;  border-collapse: collapse;}
table.tftable th {background-color:#3179B5;color:#ffffff;border: 1px solid #d8d8d8;vertical-align:middle; padding-left:2px;padding-right:2px;}
    table.tftable tr {
        background-color: #ffffff;
        vertical-align: middle;
        height: 25px;
    }
    table.tftable td {
        border: 1px solid #d8d8d8;
        vertical-align: middle;
        padding-left: 2px;
        padding-right: 2px;
    }

table.tftable.odd {
    background-color: #3179B5;
}



table.tftableFerias {
    width: 98%;
    font-size: 11px;
    color: #333333;
    border: 1px solid #d8d8d8;
    border-collapse: collapse;
}

    table.tftableFerias th {
        background-color: #3179B5;
        color: #ffffff;
        border: 1px solid #d8d8d8;
    }

    table.tftableFerias tr {
        background-color: #ffffff;
    }

    table.tftableFerias td {
        border: 1px solid #d8d8d8;
    }



table.tftableGray {font-size:11px;color:#333333;border: 1px solid #C6C6C6;  border-collapse: collapse;}
table.tftableGray th {background-color:#E2E2E2;color:#222222;border: 1px solid #C6C6C6;}
table.tftableGray tr {background-color:#ffffff;}
table.tftableGray td {border: 1px solid #C6C6C6;}




table.tftableLit {font-size:10px;color:#333333;border: 1px solid #d8d8d8;  border-collapse: collapse;}
table.tftableLit th {background-color:#3179B5;color:#ffffff;border: 1px solid #d8d8d8;}
table.tftableLit tr {background-color:#ffffff;}
table.tftableLit td {border: 1px solid #d8d8d8;}


.tableHeader
{
	margin: 0px;
	border: 1px solid #d8d8d8;
	background-color: #3179B5;
	color: #ffffff;
	font-size:12px;
	font-weight: bold;
	text-align:center;
	height: 30px;
	  border-collapse: collapse;
}

.tableHeaderPDF
{
	margin: 0px;
	border: 1px solid #d8d8d8;
	background-color: #3179B5;
	color: #ffffff;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	height: 30px;
	  border-collapse: collapse;
}


.padding5
{
	padding: 5px;
}


.tableRow
{
	margin: 0px;
	border: 1px solid #d8d8d8;
	background-color: #ffffff;
	color: #000000;
	font-size:12px;
	  border-collapse: collapse;
	
	height: 20px;
}

.tableRowPDF
{
	
	border: 1px solid #d8d8d8;
}


.tableFooter
{
	margin: 0px;
	padding: 1px;
	border: 1px solid #d8d8d8;
	background-color: #BDCBDE;
	color: #000000;
	font-size:12px;
	font-weight: bold;
	text-align:left;
	height: 30px;
	  border-collapse: collapse;
}




/* Iicio pagina REA assiduidade*/
.tableHeaderXPages
{
	margin: 0px;
	padding: 1px;
	border: 0px solid #ffffff;
	background-color: #026493;
	color: #ffffff;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	height: 25px;
}

.tableRowXPages
{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #D8D8D8;
	color: #111111;
	font-size: 7pt; 
	text-align: center;
}

.tableRowXPagesLeft
{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #D8D8D8;
	color: #111111;
	font-size: 7pt;
	text-align: left; 
}

.tableRowXPagesRight
{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #D8D8D8;
	color: #111111;
	font-size: 7pt;
	text-align: right; 
}

.tableRowXPagesIndicador
{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #D8D8D8;
	color: #666666;
	background-color: #dddddd;
	font-size: 7pt; 
	text-align: center;
}

.tableRowXPagesZoomRED
{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #D8D8D8;
	color: #700000;
	font-size: 8pt; 
	text-align: center;
}
.tableRowXPagesZoomGREEN
{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #D8D8D8;
	color: #578743;
	font-size: 8pt; 
	text-align: center;
}







.footer
{
	font-size: 10px;
	font-weight: bold;
	color: #000066;
}

.header
{
	font-size: 9px;
	font-weight: bold;
	color: #000066;
}
a.header:link, a.header:visited, a.header:active, a.header:hover
{
	text-decoration: underline;
}
a.header:hover
{
	color: #001042;
	text-decoration: none;
}

.tituloGndEscuro1
{
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	color: #000066;
}

.tituloGndEscuro2
{
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	color: #000066;
}

.tituloGndEscuro3
{
	text-decoration: none;
	font-size: 9px;
	color: #000066;
}

.tituloGndClaro1
{
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color: #001042;
}

.tituloGndClaro2
{
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #001042;
}

.tituloGndClaro3
{
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #001042;
}


.tituloGndClaroxxsmal
{
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color: #001042;
	cursor: hand;
}
.topicoClaro1
{
	font-size: 14px;
	color: #001042;
    font-weight:bold;
}
a.topicoClaro1:link, a.topicoClaro1:visited
{
	text-decoration: underline;
}
a.topicoClaro1:hover
{
	text-decoration: none;
}
a.topicoClaro1:active
{
	font-weight: bold;
	text-decoration: none;
}

.topicoClaro2
{
	font-size: 12px;
	color: #000000;
}
a.topicoClaro2:link, a.topicoClaro2:visited
{
	text-decoration: underline;
}
a.topicoClaro2:hover
{
	text-decoration: none;
}
a.topicoClaro2:active
{
	font-weight: bold;
	text-decoration: none;
}

.topicoEscuro1
{
	font-size: 14px;
	color: #000066;
}
a.topicoEscuro1:link, a.topicoEscuro1:visited
{
	text-decoration: underline;
}
a.topicoEscuro1:hover
{
	text-decoration: none;
}
a.topicoEscuro1:active
{
	font-weight: bold;
	text-decoration: none;
}

.topicoEscuro2
{
	font-size: 13px;
	color: #000066;
}
a.topicoEscuro2:link, a.topicoEscuro2:visited
{
	text-decoration: underline;
}
a.topicoEscuro2:hover
{
	text-decoration: none;
}
a.topicoEscuro2:active
{
	font-weight: bold;
	text-decoration: none;
}


.arvoreTabela
{
	width: 100%;
	height: 100%;
	border: none;
	border-width: 0;
	border-color: Black;
}

.voltaratras
{
	font-size: 12px;
	border: 0px;
	padding: 2px 2px 2px 2px;
	cursor: hand;
}

.Pai
{
	font-size: 12px;
	font-weight: bold;
	border: 0px;
	padding: 2px 2px 2px 2px;
	cursor: hand;
	background-color: #76413D;
	color: White;
}


.ItemcFilho
{
	font-size: 12px;
	border: 0px;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
	width: 50%;
	cursor: hand;
	background-color: #3179B5;
	color: White;
}

.ItemsFilho
{
	font-size: 12px;
	border: 0px;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
	width: 50%;
	cursor: hand;
	background-color: #256FD1;
	color: White;
}


.ItemsFilhoRED
{
	font-size: 12px;
	border: 0px;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
	width: 50%;
	cursor: hand;
	background-color: #BFBFBF;
	color: White;
}


.downPai
{
	font-size: 12px;
	font-weight: bold;
	border: 0px;
	padding: 2px 2px 2px 2px;
	cursor: hand;
	background-color: #74242A;
	color: Yellow;
}


.downItemcFilho
{
	font-size: 12px;
	border: 0px;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
	width: 50%;
	cursor: hand;
	background-color: #3179B5;
	color: Yellow;
}

.downItemsFilho
{
	font-size: 12px;
	border: 0px;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
	width: 50%;
	cursor: hand;
	background-color: #256FD1;
	color: Yellow;
}


.RED
{
	color: Red;
	font-size :16px;
	background-color:Red;
}
.GREEN
{
	color: green;
}
.REDsmall
{
	font-size: 10px;
	color: Red;
}
.REDlarge
{
	font-size: 13px;
	color: Red;
}

.BLACK
{
	font-size: 26px;
	color: Red;
}
.BLACKsmall
{
	font-size: 10px;
	color: black;
}
.BLACKlarge
{
	font-size: 13px;
	color: black;
}
.BLACKsmallx
{
	font-size: 8px;
	color: black;
}
.DropDown
{
	font-size: 10pt;
}

.BGOrang
{
	background-color:#FFBF77;
}

.TextboxHour
{
	border-width: 0;
	border-color: White;
	border-style: solid;
	width: 42px;
	margin-left: 7px; 
}

.TextboxHourHorarios
{
	width: 42px;
	margin: 2px; 
	color:#636363;
	border-width: 1;
	border-color: #a5a5a5;
	border-style: solid;
}

.DropDownHour
{
	font-size: 8pt;
	border: solid 1px #CCCCCC;
}

.dropDownTextNEW
{
	font-size: 9pt;
	font-weight: bold;
	text-align: right;
}

.dropDownText
{
	font-size: 9pt;
	font-weight: bold;
}


.trHead
{
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	width: 100%;
	background-color: #f00;
}


.txtNormal10Topico
{
	font-size: 10px;
	font-weight: bold;
	color: #003399;
}

.inputNormal
{
	font-size: 10px;
	color: #003366;
	background-color: #EAEAEA;
}

.inputNormalGrande
{
	font-size: 14px;
	color: #003366;
	background-color: #EAEAEA;
}


.menuGI
{
	background-image: url(../imgs/imgCorClara.jpg);
	cursor: hand;
	font-size: 9px;
	color: #000066;
	vertical-align: top;
}

.menuDestaques
{
	color: #74242A;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}


.menuTop
{
	color: #000066;
	font-size: 10px;
	text-decoration: none;
}
.menuTopHover
{
	font-size: 10px;
	cursor: hand;
	color: #0000ff;
	text-decoration: none;
}

.menuTopHover1
{
	font-size: 8pt;
	cursor: hand;
	color: #000000;
	text-decoration: none;
}


.menuTopLeft
{
	padding:2.5px 0 2.5px 2;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px;
	border-color: #5CB2E0;
	border-style: solid;
	color: #000066;
	font-size: 10px;
	text-decoration: none;
	text-align:left;
}


.menuTopHoverLeft
{
	padding:2.5px 0 2.5px 2;
	border: 1px;
	border-color: #74242A;
	border-style: solid;
	font-size: 10px;
	cursor: hand;
	color: #74242A;
	text-decoration: none;
	 text-align:left;
	
}

.menuTopHoverLeftEscalas
{
	padding:2.5px 0 2.5px 2;
	border: 1px;
	border-color: #74242A;
	border-style: solid;
	font-size: 10px;
	cursor: hand;
	color: #74242A;
	text-decoration: none;
	
	 text-align:left;
	
}


.menuTopRED
{
	color: #74242A;
	font-size: 10px;
	text-decoration: none;
}



.menuTopClick
{
	font-weight: bold;
	font-size: 10px;
	cursor: hand;
	color: #ebebeb;
}
.menuTopp
{
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #A81E29;
}


.btnFerias
{
	height:15px;
	width:100%;
	border:1;
	border-style:solid;
	border-color:#ffffff;
	padding:10;
	cursor:hand;
	background-color: #D8D8D8;

}

.btnFeriasBIG
{
	
	height:15px;
	width:100%;
	border:0;
	padding:0;
	cursor:grab ;
	background-color: #fff;

}


.xxxx
{
	height:10px;
}












/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-size: 12px;
  position: relative;
  color:#000000;
}



#cssmenu > ul > li:first-child {
  background: #66665e;
  background: -moz-linear-gradient(#66665e 0%, #45463d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d));
  background: -webkit-linear-gradient(#66665e 0%, #45463d 100%);
  background: linear-gradient(#66665e 0%, #45463d 100%);
  border: 1px solid #45463d;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#cssmenu > ul > li:first-child > a {
  padding: 15px 10px;
  background: url(pattern.png) top left repeat;
  border: none;
  border-top: 1px solid #818176;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  text-shadow: 0 -1px 1px #000000;
}
#cssmenu > ul > li:first-child > a > span {
  padding: 0;
}
#cssmenu > ul > li:first-child:hover {
  background: #66665e;
  background: -moz-linear-gradient(#66665e 0%, #45463d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d));
  background: -webkit-linear-gradient(#66665e 0%, #45463d 100%);
  background: linear-gradient(#66665e 0%, #45463d 100%);
}


#cssmenu > ul > li {
  background: #3179B5;
  padding-left: 10px;
}
#cssmenu > ul > li:hover {
  background: #f3f3f3;
}
#cssmenu > ul > li > a {
  display: block;
  color: #000063;
}

#cssmenu > ul > li > a:hover {
  text-decoration: none;
}
#cssmenu > ul > li.active {
  border-bottom: none;
}
#cssmenu > ul > li.has-sub > a span {
  background: url(images/icon_plus.png) 96% center no-repeat;
}
#cssmenu > ul > li.has-sub.active > a span {
  background: url(images/icon_minus.png) 96% center no-repeat;
}
/* Sub menu */
#cssmenu ul ul {
  display: none;
}
#cssmenu ul ul li {
  padding: 0;
  background: #3179B5;
}
#cssmenu ul ul a {
  padding: 2px 0px 0px 2px;
  display: block;
  color: #676767;
  font-weight: normal;
}
#cssmenu ul ul a:before {
  position: absolute;
  left: 10px;
  color: #e94f31;
}
#cssmenu ul ul a:hover {
  color: #e94f31;
}












































/*Basic reset*/
#accordian * {margin: 0; padding: 0;}


#accordian {
	width: 250px;
	color: #000000;
	/*Some cool shadow and glow effect
	box-shadow: 
		0 5px 15px 1px rgba(0, 0, 0, 0.6), 
		0 0 200px 1px rgba(255, 255, 255, 0.5);*/
}
/*heading styles*/
#accordian h3 {
	line-height: 34px;
	padding: 0 10px;
	cursor:hand;
	/*fallback for browsers not supporting gradients*/
	background: #3179B5; 
}
/*heading hover effect*/
#accordian h3:hover 
{
	background: #AD1C29;
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
	color: #ffffff;
}
/*iconfont styles*/
#accordian h3 span {
	font-size: 12px;
	margin-right: 10px;
}
/*list items*/
#accordian li {
	list-style-type: none;
}
/*links*/
#accordian ul ul li a {
	color: #000463;
	text-decoration: none;
	font-size: 11px;
	line-height: 20px;
	display: block;
	padding: 0 10px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
	background: #3179B5; 
}


/*a.header:link, a.header:visited, a.header:active, a.header:hover*/

#accordian ul ul li a:active
{
	color: #ffffff;
	background: #003545;
	border-left: 5px solid #AD1C29;
}

/*hover effect on links*/
#accordian ul ul li a:hover {
	color: #ffffff;
	background: #003545;
	border-left: 5px solid #AD1C29;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
}
#accordian li.active ul {
	display: block;
}



#accordian ul  li a {
	color: #000463;
	text-decoration: none;
	font-size: 11px;
	line-height: 20px;
	display: block;
	padding: 0 10px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
	background: #73BAE7; 
}
/*hover effect on links*/
#accordian ul  li a:hover {
	background: #003545;
	border-left: 5px solid #AD1C29;
	color: #ffffff;
}













.height250 {
        height: 500px;
        }
        
        
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }

.divPreLoad {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../imgs/acarregar.gif) center no-repeat transparent;
}
.divPreLoadLitle {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../imgs/loading.gif) center no-repeat rgba(1,1,1,0.5);
}        


.divData {
	width: 550px;
    height: 50px;
	background-color: #ffffff;
	position:absolute;
    left:0; right:0;
    top:0; bottom:0;
	margin:auto;
	max-width:100%;
	max-height:100%;
	overflow:auto;
	z-index: 9999;
}        

.transparent 
{
	background-color:#999999;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.showme{ 
display: none;
}
.showhim{
	padding-left:50px;
	cursor:hand;
}
.showhim:hover .showme{
display : block;
}

.showme1{ 
display: none;
}
.showhim1{
	padding-left:50px;
	cursor:hand;
}
.showhim1:hover .showme1{
display : block;
}











































/* tables */
table.tablesorter {
    /*font-family: arial;
    background-color: #CDCDCD;
    font-size: 8pt;
    width: 100%;
    text-align: left;*/
    margin: 10px 0pt 15px;
}

    table.tablesorter thead tr th, table.tablesorter tfoot tr th {
        /*background-color: #e6EEEE;
        border: 1px solid #FFF;
        padding: 40px;
        font-size: 8pt;*/
        padding-right:20px;
    }

    table.tablesorter thead tr .header {
        background-image: url(../imgs/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
    }

    /*table.tablesorter tbody td {
        color: #3D3D3D;
        padding: 4px;
        background-color: #FFF;
        vertical-align: top;
    }*/

    table.tablesorter tbody tr.odd td {
        background-color: #F0F0F6;
    }

    table.tablesorter thead tr .headerSortUp {
        background-image: url(../imgs/asc.gif);
    }

    table.tablesorter thead tr .headerSortDown {
        background-image: url(../imgs/desc.gif);
    }

    table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
        background-color: #8dbdd8;
    }

.tablesorter .tablesorter-filter {
    width: 100%;
}








/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/



/* Autocomplete
----------------------------------*/
.ui-autocomplete {
    position: absolute;
    cursor: default;
    z-index: 99999999999999999;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-autocomplete-loading {
    background: white url('../imgs/ui-anim_basic_16x16.gif') right center no-repeat;
}

/* workarounds */
* html .ui-autocomplete {
    width: 1px;
    height: 400px;
}
/* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
    list-style: none;
    padding-top: 0px;
    margin: 0;
    display: block;
    width: auto;
    border: 1px solid rgba(0,0,0,0.2);
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}

.ui-menu .ui-menu {
    margin-top: -3px;
}

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 5px;
        width: auto;
        color: #000;
        background-color: #fff;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
    }

.ui-menu .ui-menu-item:hover {
    background-color: #4CBEFF;
    color:#fff;
}





.pager{
    width:100%;
    text-align:center;
}




/*
Cool box

  <div class="box box2 shadow2">
    <h3>Shadow 2</h3>
  </div>
*/

.box {
    width: 40%;
    height: 200px;
    float: left;
    background-color: white;
    margin: 25px 15px;
    border-radius: 5px;
}

.box h3 {
    font-family: 'Didact Gothic', sans-serif;
    font-weight: normal;
    text-align: center;
    padding-top: 60px;
    color: #fff;
}

.box1 {
    background-color: #EBA39E;
}

.box2 {
    background-color: #EDE89A;
}

.box3 {
    background-color: #9EEBA1;
}

.box4 {
    background-color: #9EEBBF;
}

.box5 {
    background-color: #9ED9EB;
}

.box6 {
    background-color: #9EB3EB;
}

.box7 {
    background-color: #DB9EEB;
}

.box8 {
    background-color: #C49EEB;
}

.shadow1, .shadow2, .shadow3, .shadow4, .shadow5, .shadow6, .shadow7, .shadow8 {
    position: relative;
}

.shadow1, .shadow2, .shadow3, .shadow4, .shadow5, .shadow6, .shadow7, .shadow8 {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}
    /*****************************************************************dashed border
****************************************************************/
    .shadow1 h3, .shadow2 h3, .shadow3 h3, .shadow4 h3, .shadow5 h3, .shadow6 h3, .shadow7 h3, .shadow8 h3 {
        width: 87%;
        height: 100px;
        margin-left: 6%;
        border: 2px dashed #F7EEEE;
        border-radius: 5px;
    }
    /****************************************************************
*styling shadows
****************************************************************/
    .shadow1:before, .shadow1:after {
        position: absolute;
        content: "";
        bottom: 12px;
        left: 15px;
        top: 80%;
        width: 45%;
        background: #9B7468;
        z-index: -1;
        -webkit-box-shadow: 0 20px 15px #9B7468;
        -moz-box-shadow: 0 20px 15px #9B7468;
        box-shadow: 0 20px 15px #9B7468;
        -webkit-transform: rotate(-6deg);
        -moz-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    .shadow1:after {
        -webkit-transform: rotate(6deg);
        -moz-transform: rotate(6deg);
        transform: rotate(6deg);
        right: 15px;
        left: auto;
    }

    .shadow2:before {
        position: absolute;
        content: "";
        width: 80%;
        top: 140px;
        bottom: 15px;
        left: 30px;
        background-color: #9F8641;
        z-index: -1;
        -webkit-box-shadow: 0 23px 17px 0 #9F8641;
        -moz-box-shadow: 0 23px 17px 0 #9F8641;
        box-shadow: 0 23px 17px 0 #9F8641;
        -webkit-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }

    .shadow3:before, .shadow3:after {
        content: "";
        position: absolute;
        bottom: 0;
        top: 2px;
        left: 15px;
        right: 15px;
        z-index: -1;
        border-radius: 100px/30px;
        -webkit-box-shadow: 0 0 30px 2px #fcfcfc;
        -moz-box-shadow: 0 0 30px 2px #fcfcfc;
        box-shadow: 0 0 30px 2px #fcfcfc;
    }

    .shadow4:before, .shadow4:after {
        position: absolute;
        content: "";
        top: 14px;
        bottom: 14px;
        left: 0;
        right: 0;
        box-shadow: 0 0 25px 3px #548E7F;
        border-radius: 100px/10px;
        z-index: -1;
    }

    .shadow5:before, .shadow5:after {
        position: absolute;
        content: "";
        box-shadow: 0 10px 25px 20px #518C96;
        top: 40px;
        left: 10px;
        bottom: 50px;
        width: 15%;
        z-index: -1;
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-8deg);
        transform: rotate(-8deg);
    }

    .shadow5:after {
        -webkit-transform: rotate(8deg);
        -moz-transform: rotate(8deg);
        transform: rotate(8deg);
        right: 10px;
        left: auto;
    }

    .shadow6:before, .shadow6:after {
        position: absolute;
        content: "";
        top: 100px;
        bottom: 5px;
        left: 30px;
        right: 30px;
        z-index: -1;
        box-shadow: 0 0 40px 13px #486685;
        border-radius: 100px/20px;
    }

    .shadow7:before, .shadow7:after {
        position: absolute;
        content: "1";
        top: 25px;
        left: 20px;
        bottom: 150px;
        width: 80%;
        z-index: -1;
        -webkit-transform: rotate(-6deg);
        -moz-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    .shadow7:before {
        box-shadow: 10px -10px 30px 15px #984D8E;
    }

    .shadow7:after {
        -webkit-transform: rotate(7deg);
        -moz-transform: rotate(7deg);
        transform: rotate(7deg);
        bottom: 25px;
        top: auto;
        box-shadow: 10px 10px 30px 15px #984D8E;
    }

.shadow8 {
    box-shadow: -6px -6px 8px -4px rgba(250,254,118,0.75), 6px -6px 8px -4px rgba(254,159,50,0.75), 6px 6px 8px -4px rgba(255,255,0,0.75), 6px 6px 8px -4px rgba(0,0,255,2.75);
}































/* Loading para ajax */
.modaldivPreLoad {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(../imgs/acarregar.gif) center no-repeat transparent;
}
body.loading .modaldivPreLoad {
    overflow: hidden;
}
body.loading .modaldivPreLoad {
    display: block;
}


.centered {
    vertical-align: middle;
    text-align: center;
}

    .centered img {
        display: block;
        margin: 0 auto;
    }





























#jrange div {
    font-size: 9pt;
}

.date-range-selected > .ui-state-active, .date-range-selected > .ui-state-default {
    background: none;
    background-color: lightsteelblue;
}








/*TS Médico - init*/

.emp_all {
    text-align: center;
    vertical-align: middle;
    flex: 1 0 auto;
    font-size: 11px;
    min-height: 20px;
    align-items: center;
    justify-content: center;
    align-content: space-between;
    cursor: pointer;
}
.emp_white {
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    flex: 1 0 auto;
    font-size: 11px;
    min-height: 20px;
    align-items: center;
    justify-content: center;
    align-content: space-between;
}
.emp_green {
    background-color: #70FF80;
}
.emp_yellow {
    background-color: #FFE460;
}
.emp_red {
    background-color: #FF6666;
}
.emp_gray {
    background-color: #E2E2E2;
    cursor: auto;
}
.emp_lock {
    background-image: url(../imgs/Lock-Lock-icon.png) !important;
    background-repeat: no-repeat;
    background-position: right 1px top 3px;
    background-size: 10px;
    cursor: auto;
    padding-left: 1px;
    text-align: left;
}

.emp_green_selected {
    border-right: solid 1px #2D2D2D;
    border-top: solid 1px #2D2D2D;
    border-bottom: solid 1px #2D2D2D;
    background-color: #00E4FF;
}

.emp_green_selected_p {
    border-right: solid 1px #2D2D2D;
    border-top: solid 1px #2D2D2D;
    border-bottom: solid 1px #2D2D2D;
    background-color: #0097FB;
}

.emp_yellow_border {
    border-left: solid 8px #FFE460;
}
.emp_red_border {
    border-left: solid 8px #FF6666;
}

.hor_nao_grav {
    border-bottom:3px solid #f00;
}


.rounded-corners-gradient-borders {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}






/* escurecer outras caixas ao abrir outra*/
.modal-backdrop {
    visibility: hidden !important;
}

.modal.in {
    background-color: rgba(0,0,0,0.5);
}









.fancyTable td, .fancyTable th {
    /* appearance */
    border: 1px solid #B9D2EA;
    
}

.fancyTable {
    /* text */
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

    .fancyTable tbody tr td {
        /* appearance */
        background-color: #ffffff;
        background-image: -moz-linear-gradient( top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
        background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.4)), color-stop(50%,rgba(255,255,255,0.2)), color-stop(51%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.0)));
        /* text */
        color: #262c31;
        font-size: 14px;
        text-align: center;
        vertical-align: middle;
        min-width: 30px;
    }

    .fancyTable tbody tr.odd td {
        /* appearance */
        background-color: #ffffff;
        background-image: -moz-linear-gradient( top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
        background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.4)), color-stop(50%,rgba(255,255,255,0.2)), color-stop(51%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.0)));
        text-align: center;
        vertical-align: middle;
    }

    .fancyTable thead tr th,
    .fancyTable thead tr td,
    .fancyTable tfoot tr th,
    .fancyTable tfoot tr td {
        /* appearance */
        background-color: #8ca9cf;
        background-image: -moz-linear-gradient( top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
        background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.4)), color-stop(50%,rgba(255,255,255,0.2)), color-stop(51%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.0)));
        /* text */
        color: #121517;
        font-size: 14px;
        font-weight: bold;
        text-shadow: 0 1px 1px #e8ebee;
        text-align: center;
        vertical-align: middle;
    }



.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}



.tolerancia {
    background-color: #CCA847 !important;
}

.hover {
    background-color: #FFD59B !important;
}

.feriado {
    background-color: #CC8B4B !important;
}
.fimsemana {
    background-color: #B59279 !important;
}
.tolerancia {
    background-color: #CCA847 !important;
}

.thclick {
    cursor: pointer;
}

.r99del {
    background-color: #ff0000 !important;
}

.dayss {
    background-image: url(../imgs/a4l.png) !important;
    background-repeat: no-repeat;
    background-position: right 0px top 0px;
    z-index: -99;
    background-size: 8px 8px;
}

.r80_nmec {
  
}

.r80_nmec_select {
    cursor: pointer;
    background-image: url(../imgs/a7l.png) !important;
    background-repeat: no-repeat;
    background-position: left 0px top 50%;
    z-index: -99;
    background-size: 10px 10px;
}

#slider12c .slider-selection {
    background: yellow;
}


.st_alterado {
    cursor: pointer;
    background-image: url(../imgs/a4l.png) !important;
    background-repeat: no-repeat;
    z-index: -98;
    background-position: right 0px top 0px;
    background-size: 10px 10px;
}

.saldodiff {
     background-color: #FFA76D !important;
}

.st {
    cursor: pointer;
}

.obs_bubble {
    background-image: url(../imgs/bubble.png) !important;
    background-repeat: no-repeat;
    background-position: right 2px top 2px;
    z-index: -99;
    background-size: 14px;
    
}
.obs {
    cursor: pointer;
}


/*TS Médico - end*/






.obHover {
    display: table-cell;
    position: relative;
    width: 175px;
    Font-Size:10px;
    background-color:#ffffff;
    border:0;
}

    .obHover:hover {
        width: 250px;
        background-color: #FFEFB2;
        font-size:14px;
    }