*{
	-webkit-font-smoothing:antialiased;
}
.my-sidebar{
    float:left;
    width:10%;
    background: #e5e5e5;
}
.my-main-sidebar{
    padding:10px;
    height:80vh;
    border-radius: 5px;
}
.note{background:#d0342c; padding:5px 20px;}
.white{font-size: 16px; font-weight: 700; color:white;}
.my-sidebar-menu{width:80%;background: #f1f1f1;padding:15px 15px;}
.img-circle{border-radius:50%; height: 90px;width: 90px;}
.pull-left{width:80%;background: #f1f1f1;padding:15px 15px;}
.text-success{color: #0099cc;}
th{font-size:12px; padding:2px 1px; background: #343350; color:#ffffff; font-family: 'Roboto Condensed', sans-serif; font-weight:400;box-shadow: 2px 2px 2px 2px rgba(103, 128, 159, 0.2);}
table tr{margin:1px; padding:2px 2px; background: #e5e5e5;}
td{margin:1px!important; padding:2px!important;}
tr:hover {background-color: #f5f5f5;}
body {background:#f4f4f4;font-family: 'Roboto Condensed', sans-serif; font-weight:400;color:#212121;font-size: 12px;}

.login-page{background:url('images/biomet-login-bg.jpg');}
.upload-btn-wrapper {
    width: 33.333%;
    padding:20px 65px;
  background: #444;
  border: dashed #fff 2px;
}

/*.btn {
  border: 2px solid gray;
  color: gray;
  background-color: white;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 20px;
  font-weight: bold;
}*/

.upload-btn-wrapper input[type=file] {
  color: white;
}

.login-box{width:60%; margin:0 auto; margin-top:150px;}
.login-logo{width:54%; float:left;}
.login-logo img{width:98%;}
.login-box-body{padding:20px; width:40%; float:left; background:#f4f4f4; border-radius:10px; border:1px solid #000;box-shadow: 2px 2px 2px 2px rgba(103, 128, 159, 0.2);}
.login-box-body input{margin-bottom:10px; padding:10px; width:90%; font-size:16px; border:0; border-bottom:1px solid #000}
.login-box-msg{font-size:22px;}

.col-search-input {
    margin-top: 10px;
    display: block;
    width: 80%;
    font-size:11px;
    border-radius:3px;
}
.clear{clear:both;}
.fade-in-image{animation: fadeIn 3s; }
.stats-wrapper{
    width:100%;
    background:#343350;
    padding:15px 10px;
    height:80px;
}
.quarter-box{
    margin-right:15px;
    border:1px solid #F7941E;
    border-radius:5px;
    float:left;
    width:20%;
    padding:8px;
    background:#ffffff;
    box-shadow: 2px 2px 2px 2px rgba(103, 128, 159, 0.3);
}
.quarter-box h3{margin:0!important;font-size:16px; font-weight:400; color:#7A7A7A;}
.quarter-box h2{margin:0!important;font-size:35px; font-weight:800; color:#111111;}
.headliner{width:80%;float:left;}
.pull-right{float:right;}
ol{display:block; float:right; padding-top:20px;}
ol li{display:inline-block;}
ol li a{text-decoration:none; color:#89766A;}

/* .admin-menu-items{padding-top:10px;}
.admin-menu-items li{display:inline-block;}
.admin-menu-items ul li a{text-decoration:none; color:#1f1f1f;} */
.sidebar-menu-item{font-size: 15px; text-decoration: none; padding:15px 0;}
.datatable-container
{ 
    padding: 20px;
    width:85%;
    float: left;
    border-radius: 5px;
}
#tbl-contact_paginate{margin-top:20px;}

tfoot {
    display: table-header-group;
}
table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 0!important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #0099cc !important;	
    padding: 0.4em 0.8em;
    border: #eaeaea 1px solid;;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #0099cc !important;
	border-color: #eaeaea !important;
    background-color: #eaeaea !important;
	background:unset;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
	background: unset !important;
	border: #0099cc 1px solid !important;
    background-color: #0099cc !important;
	cursor: default;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border: 1px solid #ddd;
    border-left: none;
    border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #fff;
}
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #f3f3f3; 
}
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #fff; 
}
table.dataTable thead th, table.dataTable thead td {
	border: 1px solid #ddd;
    border-left: none;
}
table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even {
    background-color: #f3f3f3;
}
.datatables_length{
	padding-bottom: 15px;
}
table.dataTable{
	border-left:1px solid #ddd;
}

.dataTables_wrapper select,.dataTables_wrapper input 
{
	border:1px solid #ddd;
	padding:0.4em;
}
#tbl-contact_filter {
    float:right;
    margin-bottom: 20px;
}
#tbl-contact_length{
    float:left;
    margin-bottom: 20px;
}
table.dataTable tfoot th, table.dataTable tfoot td {
    border-top: none;
    border-right: #e0e0e0 1px solid;
    border-bottom: #e0e0e0 1px solid;
}
table.dataTable{margin: 0!important;}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }