#loader {
  z-index:999;
  margin:0 auto;
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #3498db;
  width: 42px;
  height: 42px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}


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

#pageloader, #popuploader, .ploader {
  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); }
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.error{color:#FF6600;display:block;}
.created{font-size:12px;color:red;}
.modal-backdrop {background-color: transparent !important;z-index: -1;}


.card-header {

  padding :10px 0px 0px 10px;
  border-bottom: 0px;
}

.content-header > .breadcrumb {
  float: right;
  background: transparent;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  padding: 7px 5px;
  position: absolute;
  top: 15px;
  right: 10px;
  border-radius: 2px;
  top : 60px;
}

.content-header {
    padding: 0.4rem 1rem;
}

.card-body {
    padding: 1rem;
}

/* -------------------------------------from prebilling 1 --------------------------------------------------*/


.etable {width:100%;}
.etable .form-control {padding:2px 6px;height:40px;}
.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;}




#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;}


  r{color:#FF0000;font-size:14px;font-weight:600;font-family:"Courier New", Courier, monospace;margin-left:-9px;}
.failed {border:1px solid red;}

.error{color:#FF6600;display:block;}
.created{font-size:12px;color:red;}


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

.etable .form-control {
  padding: 2px 6px;
  height: 40px;
}
/*
.note-color
{
  display:none !important;
}
.note-view
{
  display:none !important;
}
.note-table
{
  display :  none !important;
}
.note-fontname
{
  display :  none !important; 
}
.note-style
{
  display :  none !important; 
}
.note-editable
{
  min-height:200px;
  max-width:750px;
}


iframe {min-height:200px!important;}
.wysihtml5-toolbar .btn {padding:6px!important;}
*/
.wysihtml5-sandbox
{
  min-height:300px !important;
}
.pagination {
  margin: 0px;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination>li {
  display: inline;
}

.pagination>li>a, .pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.bootstrap-wysihtml5-insert-image-modal
{
  display:none !important;
}
.bootstrap-wysihtml5-insert-link-modal
{
  display: none !important;
}

.datepicker {
    padding: 15px!important;
}

.note-editable
{
  min-height:350px;
}
th a{
  color:#fff;
}

.pickList_list {height:360px}

.dataTables_filter
{
  float:left;
  padding-bottom:10px;
}
.dataTables_length
{
  float:right;
  padding-bottom:10px;
}
#tlblist_wrapper .row{
width:100%
}
#tlblist_wrapper
{
  width:100%;
}

.nav-link {
  padding: 0.5rem 0rem;
  font-size: 15px;
}


.sidebar-mini .nav-legacy>.nav-item .nav-link .nav-icon, .sidebar-mini-md .nav-legacy>.nav-item .nav-link .nav-icon, .sidebar-mini-xs .nav-legacy>.nav-item .nav-link .nav-icon {
  margin-left: 0rem;
}


.login-page, .register-page
{
  height:80vh !important;
  background: #01c9d8;
}

.login-box-msg, .register-box-msg
{
  padding :0px !important;
}

@media (min-width: 576px)
{
.modal-dialog {
    min-width: 650px ;
}

.modal-dialog >.w850{
  max-width: 850px !important ;
}
}
.form-inline
{
  display :inline-flex !important;
}

.mleft-15
{
  margin-left: 15px  !important;
}
.mright-15
{
  margin-right: 15px  !important;
}
.pleft-5 {
  padding-left: 5px !important;
}

.pright-5 {
  padding-right: 5px !important;
}

.modal {
background: rgba(0,0,0,0.3) !important;
}
.modal-dialog .modal-xl {
  max-width:1400px !important;
} 

.modal-dialog .modal-xl {
  max-width:900px !important;
} 

.bg-attendance{
  background-color:#a8e9b7 !important;
}
.bg-missedvisit{
  background-color:#e30c0c80 !important;
}
.bg-unabletoverify{
  background-color:#f1bb77d6 !important;
}
.bg-callplaced{
  background-color:#15a9e19e !important;
}
.bg-replacement{
  background-color:#edef5db5 !important;
}
.bg-mailsent{
  background-color:#fb76a5 !important;
}
.bg-action1{
  background-color:#9900ff !important;
  color:white !important;
}
.bg-action1 a{
  color:white !important;
}

.bg-action2{
  background-color:yellow !important;
}
.bg-action3{
  background-color:#F2F200 !important;
}
.bg-action4{
  background-color:red !important;
  color:white !important;
}
.bg-action4 a{
  color:white !important;
  font-weight:600;
}
.bg-action5{
  background-color:#efae5d !important;
}
.bg-timesheetsent{
background-color:#82C0FF !important;
}


.btn-yellow {background:#D5D500;color:#FFFFFF;}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

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

/* active */
.nav-legacy.nav-sidebar>.nav-item>.nav-link.active>.nav-icon {
    margin-left: 0px;
}

.main-sidebar {
    background: #01a5b1!important;
}

[class*=sidebar-light] .brand-link, [class*=sidebar-light] .brand-link .pushmenu {
    background:#fff;
}

[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link {
    background-color: #fff;
}

[class*=sidebar-light] .nav-legacy.nav-sidebar>.nav-item>.nav-link.active {
background-color: #fff;
}


[class*=sidebar-light-] .sidebar a {
    color: #fff;
}

.brand-link {
    padding: 0.2rem 0.5rem;
}

.side-logo {
    background: #FFFFFF;
    padding: 5px 0px;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}
[class*=sidebar-light-] .nav-header {
    color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #17a2b8 !important;
    
}