body {background-color:#ecf0f5; letter-spacing: .5px;}
.bgimg{background-image:url(../img/bg.jpg);height:100vh;background-size: cover; background-repeat: no-repeat;}

.skin-blue .main-header .logo {
    background-color: #F2F2F2;
    color: #fff;
    border-bottom: 0 solid transparent;
}
.info-box-number {padding-top:10px;}

#pageloader, #popuploader {
  z-index:999;position: fixed;top: 50%;left: 50%; margin-top: -50px; margin-left: -50px;

  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; / Safari /
  animation: spin 2s linear infinite;
}

/ Safari /
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
	
.logintext{
    border-radius: 5px!important;
    border: solid 1px #c6cacf!important;
    border-radius: 5px!important;
    height: 40px;
    padding: 10px;	
	}
	

.login-box-msg {padding:2px 20px 20px 20px;}
.login-box-button {padding:20px;}
.login-logo {margin-bottom: 20px;color:#FFFFFF;}
.login-box-body{padding-bottom:30px;}

#divmsg{text-align:center;}

#divmsg p {border:1px solid #FC7070;background-color:#FFDBCA;font-size:16px;padding:8px;border-radius: 5px;text-align: center;}

.etable {width:100%;}
.etable .form-control {padding:2px 6px;height:28px;}
.etable td, .etable th{padding:4px!important;}

.tlbsearch {width:100%;}
.tlbsearch .form-control {padding:2px 6px;height:28px;}
.tlbsearch td, .tlbsearch th{padding:4px 12px 0px 0px;}
@media 
only screen and (max-width: 560px),
(min-device-width: 568px) and (max-device-width: 724px)  {

	/* Force table to not be like tables anymore */
	 .tlbsearch th, .tlbsearch td { 
		display: block; 
		border:0;
		min-height:24px;
		width:100%;
	}
	.tlbsearch button {width:100%;margin-top:10px;}
	
	.etable th, .etable td { 
		display: block; 
		border:0;
		min-height:24px;
		width:100%;
		
	}	
	.etable td, .etable th{padding:1px;}
}

.dataTables_paginate, .dataTables_filter{text-align:right;}
.pagination {margin:0px;}


element.style {
}
.progress.sm, .progress-sm, .progress.sm .progress-bar, .progress-sm .progress-bar {
    border-radius: 1px;
}
.progress.sm, .progress-sm {
    height: 10px;
}
.progress, .progress > .progress-bar, .progress .progress-bar, .progress > .progress-bar .progress-bar {
    border-radius: 1px;
}
.progress, .progress > .progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.progress {margin-bottom:5px;}
.description-block {margin: 0;}
.description-title {margin: 20px 0;text-align:center;}
.products-list .product-info {margin-left: 4px;}
.products-list .product-description {font-size:12px;}
.login-logo > img {max-height: 60px;}
.log-text{padding:20px 10px;font-size:12px;font-style:italic;}
	
@media (max-width: 767px) {
.dataTables_wrapper {overflow-x:scroll;overflow-y: hidden;}
}


.btn-social > :first-child {width:48px;}
.btn-social{text-align:center;}
.login-box, .register-box {
    margin: 6% auto 1% auto;
}


.feedbacktext{min-height:40px;background-color:#F5F5F5;border-radius:5px;margin-left:20px;padding:5px;}
.inactive{color:#F5F5F5;}
.btninactive{background-color:#FFFFFF;color:#999999;border-color:#999999}
.numberCircle {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 8px;
  background: #fff;
  text-align: center;
  background-color:#0080FF;
  color:#FFFFFF;
  font-weight:600;
  font-size:16px;
}

.progress-bar {border-radius:10px}

.fixedevents{background-color:#9D0000}
.brd{border:1px solid;}
.btn-app {
    border-radius: 3px;
    position: relative;
    padding: 15px 5px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    height: 60px;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    font-size: 12px;
}
.btn-app>.fa, .btn-app>.glyphicon, .btn-app>.ion {
    font-size: 20px;
    display: block;
}
.selected {
    background-color:#BCE7FE!important;
}

.btn-time {
    border-radius: 3px;
    position: relative;
    padding: 5px 5px;
    margin: 0 0 10px 10px;
    min-width: 50px;
    height: 40px;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    font-size: 12px;
}
.btn-text{
    border: 0px;
    height: 18px;
    text-align: center;
    max-width: 40px;
    background: transparent;

}
.btn-member {
display:block;
text-align:left;
background:#FFFFFF;
margin:5px 0;
}
.imgmember{border-radius:20px; max-height:40px;margin-right:20px;}
.clsgoogle{background-color:#FF0000;}
.clsoutlook{background-color:#0080FF;}

.main-header .logo {
    padding: 0px;
	font-size:18px;
}


.account-logo{
    padding: 0px 10px;
	background-color:#FFFFFF;
	border-right:1px solid #367fa9;
	text-align:center;
}
.account-logo img{max-height:55px;}
.account-title {font-size:16px;color:#FFFFFF;}


.account-title {color:#FFFFFF;text-align:center}
.btn-xs{min-width:60px;margin-right:2px}

.tlblist thead {
    background-color: #3c8dbc !important;
    color: #FFFFFF;
	font-size:12px;
}




.btn-outline-primary {background-color: transparent;background-image: none;border-color: #007bff;}
.btn-outline-success {background-color: transparent;background-image: none;border-color: #28a745;}
.btn-outline-info {background-color: transparent;background-image: none;border-color: #17a2b8;}
.btn-outline-warning {background-color: transparent;background-image: none;border-color: #ffc107;}
.btn-outline-danger {background-color: transparent;background-image: none;border-color: #dc3545; color:#dc3545}

.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}
.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}
.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}
.btn-outline-warning:hover{color:#fff;background-color:#ffc107;border-color:#ffc107}
.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}

.tlbs-small td {padding:1px!important;}


.content-header {
    padding: 10px 8px 0 15px;
}
.content-header > .breadcrumb {
    top: 2px;
}

.box-header {
    padding: 10px 0px 0px 10px;
}

#tblchat_wrapper .pull-left{
width:100%;
}
#tblchat_filter label { width:100%;}
#tblchat_filter label input { width:100%; border: 0px;}

.chatday{margin-top:-28px;text-align:center;font-size:12px}
.chatday span {background:#FFFFFF;padding:0 5px 0 5px; color:#666666;}
#messagechat .fa {width:20px;text-align:center;}


.skin-black-light .main-header > .logo {
    background-color: white!important;
}
.skin-black-light .main-header .logo{
    border-bottom: 1px solid #d2d6de;
}

.progress-group {padding:10px 0px}

.nav-tabs-custom > .nav-tabs > li.active > a {
    font-weight: 600;
}    
.nav-tabs>li {
    min-width: 120px;
    text-align: center;
   }
.modal-footer .btn {min-width:100px; }

.modal-footer {text-align:left;}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding:4px 8px;}
.input-sm {margin-left: 10px;height:26px;}

@media (min-width: 768px) {
.w500 {width: 500px;}
.w400 {width: 400px;}

}

.tlblist {min-width:600px}
.hideme{display:none;}

.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.tab.active {
    background: gray;
}


.modal-backdrop 
		{
    			background-color: transparent !important;
   	    		z-index: -1;
 		}
 		
.mainLogo{
	text-align:center;
	background:rgba(255,255,255,0.6);
	top: 0;
	bottom: 0;
	width:100%;
	padding:4px 0 10px 0;
}

.error-page-wrap {
			min-height: 100vh;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 32px 16px;
			background: #f4f6f9;
		}

		.error-panel {
			width: 100%;
			max-width: 560px;
			padding: 34px 30px;
			text-align: center;
			background: #fff;
			border-top: 4px solid #3c8dbc;
			box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
		}

		.error-icon {
			width: 62px;
			height: 62px;
			margin: 0 auto 18px;
			border-radius: 50%;
			color: #3c8dbc;
			background: #eaf4fb;
			font-size: 34px;
			line-height: 62px;
		}

		.error-title {
			margin: 0 0 10px;
			color: #222d32;
			font-size: 26px;
			font-weight: 600;
		}

		.error-message {
			margin: 0 auto 20px;
			color: #5f6b73;
			font-size: 16px;
			line-height: 1.5;
		}

		.error-reference {
			margin: 0 0 22px;
			color: #7a858c;
			font-size: 13px;
		}

		.error-actions .btn {
			min-width: 120px;
			margin: 4px;
		}