/* here you can put your own css to customize and override the theme */

/*Loader*/
#overlay {
    position:fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #444d58;
    opacity: 1.0;
	width:100%;
	height:100%;
    filter: alpha(opacity=100);
	z-index:9999;
}
.loader {
 position: fixed;
  top: 50%;
  left: 50%;
}
.loader ul li {
  border-radius: 50%;
  height: 20px;
  width: 20px;
  position: absolute;
  color:#fff;
  -webkit-animation: spin 1.2s ease-in-out infinite;
  -ms-animation: spin 1.2s ease-in-out infinite;
  animation: spin 1.2s ease-in-out infinite;
}
.loader ul li:nth-child(1) {
  -webkit-animation-delay: 0.125s;
  -ms-animation-delay: 0.125s;
  animation-delay: 0.125s;
}
.loader ul li:nth-child(2) {
  -webkit-animation-delay: 0.25s;
  -ms-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.loader ul li:nth-child(3) {
  -webkit-animation-delay: 0.375s;
  -ms-animation-delay: 0.375s;
  animation-delay: 0.375s;
}
.loader ul li:nth-child(4) {
  -webkit-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
  }
  100% {
    -webkit-transform: rotate(410deg);
    -ms-transform: rotate(410deg);
    transform: rotate(410deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
  }
  100% {
    -webkit-transform: rotate(410deg);
    -ms-transform: rotate(410deg);
    transform: rotate(410deg);
  }
}
/*Loader ends*/
/*Custom CSS starts*/
#sample_1 tr td .details{background:none !important;width:100%;margin-bottom:5px;}
#sample_1 tr td .details span.label{background:none !important;font-weight:600;color:#000 !important;margin-right:5px;}
#sample_1 tbody tr td{/*text-transform:lowercase !important;*/color:#5f5f5f;}
.error-message {display:none;}
.has-error input[type="text"],.has-error input[type="password"],.has-error textarea,.has-error select {border:1px solid #ff0000;}
.form-section.small{color:#5f5f5f;font-size:18px;}
.portlet > .portlet-title > .tools{min-width:25%;}
.portlet > .portlet-title > .tools > a {float: right;}
#sample_1 tbody tr.group{
    background-color: #444d58d !important;
	color:#bcc2cb;
}
#sample_1 tbody tr.group td{text-align:center; background-color: #444d58d !important;color:#bcc2cb; }
/*Custom CSS ends*/