/* CSS Document */

body {
	background-image: linear-gradient(#CC9933, #162542);
}

.body_of_page{width:100%; padding-left:2%; padding-right:2%}

#footer {
   position: fixed;
   bottom:0;
   width:100%;
   height:25px;   /* Height of the footer */
   background: #000000;
   z-index:9999999999999999;
}
.footer_txt{color:#FFFFFF; font-size:11px}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.loginbox{
    border: 1px solid;
    border-radius: 6px;
	border-color: #CCCCCC;
	box-shadow: 15px 15px 40px #333333;
	min-width:340px;
}

.modaltitle{font-family: 'Muli', sans-serif; font-size:18px; font-weight: 600; text-align:center; color:#003366}
.panelheader{font-family: 'Muli', sans-serif; font-size:14px; font-weight: 400;}
.panelmaintext{font-family: 'Muli', sans-serif; font-size:12px; font-weight: 400;}
.panelbox{-webkit-box-shadow: 0px 0px 10px 4px rgba(110,109,110,0.75);
-moz-box-shadow: 0px 0px 10px 4px rgba(110,109,110,0.75);
box-shadow: 0px 0px 10px 4px rgba(110,109,110,0.75);}

.linkrow{cursor: pointer;}

.notallowed{cursor: not-allowed;}
.not-allowed{cursor: not-allowed! important;}

hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.circle-active {
  height: 40px;
  width: 40px;
  background-color: #006699;
  border-radius: 50%;
  display: inline-block;
  text-align:center;
  font-size:18px;
  font-weight:800;
  padding-top:8px;
  color:#FFFFFF
}

.circle-disactive {
  height: 40px;
  width: 40px;
  background-color: #666666;
  border-radius: 50%;
  display: inline-block;
  text-align:center;
  font-size:18px;
  font-weight:800;
  padding-top:8px;
  color: #CCCCCC
}

.pink{color:#FABEEF}
.pinkbg{background-color:#FABEEF}
.red{color:#CC0000}
.redbg{background-color:#A50E0E}
.green{color:#06ad12}
.greenbg{background-color:#06ad12}
.yellow{color:#fffea6}
.yellowbg{background-color:#fffea6}
.darkgrey{background-color:#666666}
.dgreybg{background-color:#666666}
.closedticket{background-color:#ebebe8; text-decoration: line-through;}
.orangebg{background-color:#FF6600}
.orange{color:#FF6600}
.white{color:#FFFFFF}
.whitebg{background-color:#FFFFFF}
.brown{color:#663300;}
/* .brownbg{background-color: #663300}  */
.brownbg{background-color: #08153b;}
.blue{color:#3399CC}
.bluebg{background-color:#3399CC}
.smalltext{ font-size: 11px}
.tabletext{font-size: 11px}
.timeline_date{color:#CCCCCC; font-size:11px}

.searchtab{text-decoration: none, display: block; width:100%; color:#0066ff}
.searchtab:hover{text-decoration: none; display: block; background-color:#0066ff; color:#FFFFFF}


.go-top {
	position: fixed;
	bottom: 2em;
	right: 1em;
	text-decoration: none;
	color: white;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 12px;
	padding: 1em;
	display: none;
}

.go-top:hover {
	background-color: rgba(0, 0, 0, 0.9);
	text-decoration:none;
}

input[type='checkbox'] {
    width:20px;
    height:20px;
    border-radius:4px;
    border:1px solid #555;
}

.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-5x{font-size: 5em;}
.gi-6x{font-size: 6em;}
.gi-8x{font-size: 8em;}

.modaltitle{font-family: 'Muli', sans-serif; font-size:18px; font-weight: 600; text-align:center; color:#003366}
.tabstyle{font-family: 'Muli', sans-serif; font-size:18px; font-weight: 600; text-align:center; color:#003366; background-color:#CCCCCC}

.blink_me_red {
color:#CC0000; font-weight:bold;
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.0; }
}

.blink_me_green {
color:#06ad12; font-weight:bold;
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.0; }
}

.hourseperation{border-bottom-style:solid; border-bottom-width:2px; border-bottom-color:#663300; border-bottom:solid}

.bgcalendar {
    background-image: url("calendar.png"); height: 103px; width: 98px;
}
.monthname{font-family: 'Muli', sans-serif; font-size: 18px; font-weight: 600; color:#FFFFFF; padding-left:26px; padding-top:10px;}
.datenumber{font-family: 'Muli', sans-serif; font-size: 38px; font-weight: 600; padding-left:30px; padding-top:00px;}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('Spinner-1.gif') 50% 50% no-repeat rgba(249,249,249, 0.5);
}

.div_transparent {
    width: 100%;
	height: 100%;
	z-index: 9999;
  background-color: rgba(255,255,255,0.7);
}

.dashboard_top_links{border-bottom: 3px solid #FFFFFF; display:block; padding:14px 16px; font-weight:600; text-align:center; float:left}
.dashboard_top_links:hover{border-bottom: 3px solid #003366; background-color:#EFEFEF; text-decoration:none}
.dashboard_top_links:active{border-bottom: 3px solid #003366; background-color:#EFEFEF; text-decoration:none}
.dashboard_top_links_active{border-bottom: 3px solid #003366; background-color:#EFEFEF; text-decoration:none; display:block; padding:14px 16px; font-weight:600; text-align:center; float:left; text-decoration:none}