/* there styles */
body {
	padding-top: 80px;
}

form {
	margin-bottom: 0;	
}

.help-block {
	font-size: 11px;
	color: #666;	
}

dt {
	font-weight: normal;	
}

ul {
	list-style: none;
	padding: 5px 20px;
	padding-right: 0;	
}

.caret {
	border-top: 4px solid #bbb;	
}

.box {
	border-radius: 3px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px; 
	border: 1px solid #d5d5d5;
	box-shadow: 0 1px 0 rgba(0,0,0,0.11);
	margin-bottom: 3.0%;
	background: #fff;
}

.box:before, .box:after {
	content: "";
	display: table;
}
	
.box:after {
	clear: both;
}
	
.box .header {
	border-radius: 3px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px; 
	position: relative;
	box-shadow: inset 0 1px 0 #fff, 0 1px 2px rgba(0,0,0,0.02);
}

.box .header h4 {
	position: relative;
	padding: 9px 0;
	padding-top: 8px;
	padding-left: 10px;
	border-bottom: 1px solid #c2c2c2;
	margin: 0;
	font-size: 13px;
	color: #444;
	line-height: 20px;
}
	
.box .content {
	padding: 0;
	margin: 0;
}

.content.pad {
	padding: 20px;	
}

.box .content:before, .box .content:after {
	content: "";
	display: table;
}

.box .content:after {
	clear: both;
}

#cat-holder {
	width: auto;
	position: relative;	
}

#calendar h2 {
	font-size: 16px;
	font-weight: bold;	
}

.fc-toolbar {
    margin-bottom: 0em!important;
    position: relative;
    top: -44px;
    padding: 10px;
    text-align: center;
}

.fc-toolbar .fc-center {
    display: inline-block;
    position: relative;
    top: 50px;
}
.fc-widget-header .fc-sun {
	background-color: #ffffff!important;
}
.fc-sun {
    background-color:#FFF9F9!important;
}
.fc-sun a {
	color: red!important;
}

/******** Header ********/
.navbar-inner {
	background:#151515;
	border-bottom: 2px solid #E10003;
}
	.navbar-fixed-top {
    	margin-bottom: 0;
	}
	
	.navbar-fixed-top, .navbar-fixed-bottom {
   		
	}
.navbar {
    border: 0px solid transparent!important;
}
	
	#header h1 {
		background: url(../img/logo.png) no-repeat;
		width: 257px;
		height: 84px;
		text-indent: -9999px;
		margin-left: 12px;
	}

	#logo {
		float: left;	
	}
	
	#info {
		float: right;
		padding-top: 7px;
		margin-top: 40px;
	}
	
	ul#userBox  {
		margin: 0;
		padding: 0;
		margin-right: 37px;
	}

	ul#userBox li {
		position: relative;
		float: left;
		cursor: pointer; 
		
		color: #fff;
		
	}
	
	ul#userBox li a {
		display: inline-block;
		font-size: 12px;
		text-decoration: none;	
		color: #aaa;
	}
	ul#userBox li:hover {
		background: #333333!important;
	}

	ul#userBox li a img { 
		margin-right: 5px;
		position: relative;
		top: 2px;
	}
	
	ul#userBox li span.notify { 
		position: relative;
		top: -1px;
		text-align: center; 
		background: url(../img/number.png) repeat-x; 
		display: inline-block; 
		padding: 0 5px;
		color: #fff;
		margin-left: 5px; 
		-moz-border-radius: 2px; 
		-webkit-border-radius: 2px; 
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
		-khtml-border-radius: 2px; 
		border-radius: 2px;  
		font-size: 11px; 
		line-height: 15px; 
	}
	
	ul#userBox .dropdown-menu {
		border: 1px solid #d5d5d5;	 
	}
	
	.dropdown-menu, .box-control {
		position: relative;
		z-index: 1000;	
	}
	
	.dropdown-menu {
		position: absolute;
	}
	
	ul#userBox li ul.dropdown-menu {
		width: 160px;
		position: absolute;
		right: 0;
		margin: 0 auto;
		background: #fff;  
		overflow: hidden;
		padding: 0;
	}
	
	ul#userBox li > ul.dropdown-menu {
		top: auto;
		left: auto;
		font-size: 11px;
		padding: 0;
		margin: 0;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	ul#userBox li ul.dropdown-menu li {
		border: none;
		padding: 0;
		margin: 0;
	}
	
	ul#userBox li ul.dropdown-menu li a {
		color: #456180;
		border: none;
		width: 160px;
		display: block;
		padding: 5px 10px;
	}
	
	ul#userBox li ul.dropdown-menu li a img {
		position: relative;
		top: -2px;	
	}
	
	ul#userBox li ul.dropdown-menu li a:hover {
		background: url(../img/button.png);
		text-decoration: none;
		color: #fff;
	}
	
	ul#userBox li ul.dropdown-menu li a:hover .icon-acc {
		background: url(../img/icons/set-1/cog_hover.png) no-repeat;	
	}
	
	ul#userBox li ul.dropdown-menu li a:hover .icon-off {
		background: url(../img/icons/set-1/logoff_hover.png) no-repeat;	
	}
	
	ul#userBox li ul.dropdown-menu li.divider {
		width: 160px;
		margin: 7px 0;	
	}

/******** Login ********/
#login_logo {
	width: 100px;
	height: 26px;
	margin: 0 auto;
	padding: 10px 0 5px 0;
	text-align: center;
	
}


.login-fields input {
    font-size: 13px;
    color: #8e8d8d;
    padding: 11px 15px 10px 50px;
    background-color: #fdfdfd;
    display: block;
    margin: 0;
    box-shadow: inset 2px 2px 4px #f1f1f1;
}

.username-field {
    background: url(../img/user.png) no-repeat;
    background-color: rgba(0, 0, 0, 0);
}
.password-field {
    background: url(../img/password.png) no-repeat;
        background-color: rgba(0, 0, 0, 0);
}
.vmlogo {
    width: 350px;
    display: block !important;
    margin: 60px auto 0 auto;
}
.adminz {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 32px;
}
.form-signin {
	padding: 16px 28px 23px;
    width: 350px;
    display: block !important;
    margin: 30px auto 0 auto;
	background-color: rgba(249, 249, 249, 0.7);
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 10px 10px 0px 0px;
	border-bottom: #141414 4px solid;
    box-shadow: 0px 0px 2px #dadada, inset 0px -3px 0px #e6e6e6;
}
	  
      .form-signin .form-signin-heading,
      .form-signin .checkbox {
        margin-bottom: 10px;
      }
	  
      .form-signin input[type="text"],
      .form-signin input[type="password"] {
      	height: auto;
      	margin-bottom: 15px;
      }
.nav>li>a { color:#fff !important;}
.usinfo {
	background: rgba(50, 50, 50, 0.64);
	border-radius: 3px;
}
.usinfo > li.logout > a {
		background:#F10A0E!important;
		
		border-radius: 0px 3px 3px 0px;
		
    }
.usinfo > li:first-child > a,.usinfo > li:first-child > a:focus {
		border-radius: 3px 0px 0px 3px;
		background: #343434!important;
		
    }
.usinfo > li.logout > a:hover {
		background:#fff!important;
		
		color: #000!important;
	
    }
.usinfo > li > a:hover, .usinfo > li > a:focus {
		background:#fff!important;
		
		color: #000!important;
	
    }
/******** Main ********/
#main {
	padding-top: 0px;
	
}

#main-content {
	float: left;
	width: 100%;
}

[class^="icon-"] { margin-right: 2px; position: relative; top: -2px; }




/********* TABELA ******************/
.tablalist {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	background:#eaebec;
	border:#ccc 1px solid;
	width:100%;
	margin-bottom:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
.tablalist th {
	padding:7px 3px 8px 3px;
	border-top:1px solid #fafafa;
	border-bottom:3px solid #a4a3a3;
	
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.tablalist th:first-child {
	text-align:center;
}
.tablalist tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.tablalist tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.tablalist tr {
	text-align: center;
}


.tablalist td:first-child {
	text-align: center;
	border-left: 0;
}
.tablalist td:nth-child(2) {
	text-align: left;
}


.tablalist tr td.klientatkyqur, .tablalist tr:nth-child(even) td.klientatkyqur, .tablalist tr:hover td.klientatkyqur {
	background:#a5fecb;
	background: -webkit-gradient(linear, left top, left bottom, from(#a5fecb), to(#7bebab));
	background: -moz-linear-gradient(top,  #a5fecb,  #7bebab);
}

.tablalist tr.datasot td, .tablalist tr.datasot:nth-child(even) td, .tablalist tr.datasot:nth-child(odd) td {
	background: #D8EBE1  ;
	background: -webkit-gradient(linear, left top, left bottom, from(#D8EBE1), to(#D8EBE1));
	background: -moz-linear-gradient(top,  #D8EBE1,  #D8EBE1);
}


.tablalist td.qek, .tablalist tr:nth-child(even) td.qek, .tablalist tr:nth-child(odd) td.qek  {
	background:#A8D7FF ;
	background: -webkit-gradient(linear, left top, left bottom, from(#D1E9FF), to(#A8D7FF));
	background: -moz-linear-gradient(top,  #D1E9FF,  #A8D7FF); 
}


.tablalist tr td.klientatqkyqur, .tablalist tr:nth-child(even) td.klientatqkyqur {
	background:#ffa9a9;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffa9a9), to(#e77676));
	background: -moz-linear-gradient(top,  #ffa9a9,  #e77676);
	
}
tablalist tr td.dataskadimittd, .tablalist tr:nth-child(even) td.dataskadimittd, .tablalist tr:nth-child(odd) td.dataskadimittd {
	background:#F7F7F7;
}

.tablalist tr:hover td.dataskadimittd  {
	background:#FFECEC;
}


.tablalist tr td.parregullt, .tablalist tr:nth-child(even) td.parregullt {
	border-left:#191919 solid 2px;
}

.tablalist tr td.irregullt, .tablalist tr:nth-child(even) td.irregullt {
	border-left:#093  solid 2px;
}
.tablalist td {
	color:#111;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:2px;
	padding-right:2px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}


.tablalist tr:nth-child(even) td {
	background: #ececec;
	background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#eeebeb));
	background: -moz-linear-gradient(top,  #fececec,  #eeebeb);
}
.tablalist tr:last-child td {
	border-bottom:0;
}
.tablalist tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.tablalist tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.tablalist tr:hover td {
	cursor:pointer;
	color:#036;
	background: #d4e8ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ECF5FF), to(#d4e8ff));
	background: -moz-linear-gradient(top,  #ECF5FF,  #d4e8ff);	
}




/* jquery.calendar styles */
#details-body-content {
	white-space: pre-wrap;	
}

#event-type-selected {
	display: none;	
}

.modal-backdrop.in {
    opacity: 0.6;
}

.modal-content {
	box-shadow: none;	
	overflow: hidden;
}

.modal-footer, .modal-header {
	background: #efefef;	
}

.mr-10 {
	margin-right: 10px!important;	
}

.map-embed {
	width: 100%;
	height: 300px;	
}

.loadingDiv {
	background: url(../img/ajaxloader.gif);
	margin: 0 auto;	
	width: 16px;
	height: 16px;
	display: none;
}

.modal {
    overflow-y: auto;
}

/* will make modal-body scroll on mobile if you have too many fields*/
.modal-body { 
   height: 60%;
}

label {
	display: block;
} 

.radio-checkbox {
	padding-right: 5px;
} 

.radio-checkbox input {
	margin-right: 5px;
}

.modal-body, .modal-body-import { 
	
    padding: 15px; 
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch; 
 }
 
 /* loading */

#loading {
	display: none;
	position: absolute;
	vertical-align: middle;
	left: 50%;
	top: 45%;
	z-index: 99999;
}

.spinner {
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #587CA3;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/* -// loading */
 
 /* modal body screen sizes */
 @media (max-width: 640px) 
 {
	.modal-body { 
		max-height: 800px!important;
	}

 }
 
 @media (max-width: 600px!) 
 {
	.modal-body { 
		max-height: 800px!important;
	}

 }
 
 @media (max-width: 480px) 
 {
	.modal-body { 
		max-height: 800px!important;
	}

 }
 
 @media (max-width: 360px) 
 {
	.modal-body { 
		max-height: 800px!important;
	}
 }
 
 @media (max-width: 320px) 
 {
	.modal-body { 
		max-height: 800px!important;
	}
 }