html body .b-r {
    border-right: 1px solid #e9ecef;
}

.li-display-setting{
  display: inline-block !important;
}
.display-timer{
    display: block !important;
}
@media only screen and (max-width:499px) {
  .display-timer{
    display: none !important;
  }
  .li-display-setting{
    display: inline !important;
  }
}
@media only screen and (min-width: 768px){
.mini-sidebar .sidebar-nav #sidebarnav>li.li-display-setting>a {
    width: auto !important;
}
}
/* loading_img*/
.loading_img{
  width:150px;
  height:150px;
}
.loading_text{
  font-size: 20px;
}

@media only screen and (max-width:767px){
  .loading_img{
    width:100px !important;
    height:100px !important;
  }
  .loading_text{

      font-size: 16px !important;
  }
}
.blockOverlay {
  z-index: 100000 !important;
}
.blockElement {
  z-index: 100011 !important;
  border-radius: 5px !important;
}


.label-visited{

  color: white !important;
  background-color: #9d00ff !important;
}
.add-nodrop-btn{
  color: white !important;
    background-color: #00c2925e;
    cursor: no-drop !important;
}
.link-nodrop-btn,.link-nodrop-btn:hover{
  color: white !important;
background-color: #e46a766b;
  cursor: no-drop !important;
}
.link-nodrop-info-btn{
  color: white !important;
background-color:#03a9f361;
  cursor: no-drop !important;
}
.link-nodrop{
  cursor: no-drop !important;
    color: #686b6e99 !important;
}

.branchestyle{
  font-size: 14px !important;
  white-space: nowrap !important;
  color: #ffffff !important;
  padding: 10px !important;
  cursor: initial !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #03a9f3 !important;
}


 .help-block ul li{
  color: #e46a76 !important;
}
a{color: #03a8f3;}
a:hover{color:#038fcd;}

.table tr.odd:hover, .table tr.even:hover {
    background: #dddedd6b !important;
}

.geekmark {
    position: absolute;
    top: 0;
    left: 20px ;
    height: 25px;
    width: 25px;
    background-color: #d8d8d8;
}


/* datatable check box style */

.checkbox-main {
    display: block;
    position: relative;
    padding-left: 45px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 20px;
}

/* Hide the default checkbox */
input[type=checkbox] {
    visibility: hidden;
}

/* Creating a custom checkbox
based on demand */
.geekmark {
    position: absolute;
    top: 0;
    left: 20px ;
    height: 25px;
    width: 25px;
    background-color: #d8d8d8;
}

/* Specify the background color to be
shown when hovering over checkbox */
.checkbox-main:hover input ~ .geekmark {
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
}

/* Specify the background color to be
shown when checkbox is active */
.checkbox-main input:active ~ .geekmark {
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
}

/* Specify the background color to be
shown when checkbox is checked */
.checkbox-main input:checked ~ .geekmark {
    background-color: #ffffff;
      border: 1px solid #d8d8d8;
}

/* Checkmark to be shown in checkbox */
/* It is not be shown when not checked */
.geekmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Display checkmark when checked */
.checkbox-main input:checked ~ .geekmark:after {
    display: block;
}

/* Styling the checkmark using webkit */
/* Rotated the rectangle by 45 degree and
showing only two border to make it look
like a tickmark */
.checkbox-main .geekmark:after {
    left: 8px;
    bottom: 5px;
    width: 6px;
    height: 15px;
    border: solid green;
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* end datatable checkbox style */

/* datpicker */

.dtp-btn-clear,.dtp-btn-now{
  margin-right: 10px !important;
}
/* end datpicker */

/* theme color */

.skin-megna .topbar {
    background: #3bb7bf !important;
}

 .skin-megna .page-titles .breadcrumb .breadcrumb-item.active,
 .skin-megna .sidebar-nav ul li a.active,
 .skin-megna .sidebar-nav ul li a.active i,
  .skin-megna .sidebar-nav ul li a:hover,
  .skin-megna .sidebar-nav ul li a:hover i,
  .skin-megna .sidebar-nav>ul>li.active>a i {
    color: #3bb7bf !important;
}

.customtab li a.nav-link.active, .profile-tab li a.nav-link.active {
    border-bottom: 2px solid #3bb7bf !important;
    color: #3bb7bf !important;
}
.customtab li a.nav-link:hover, .profile-tab li a.nav-link:hover {
    color: #3bb7bf !important;
}

.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
    background-image: linear-gradient(#3bb7bf,#3bb7bf),linear-gradient(#e9ecef,#e9ecef) !important;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #3bb7bf !important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    background-color: #3bb7bf !important;
}
.custom-control-input:checked~.custom-control-label::before {
    background-color: #3bb7bf !important;
}
/* theme color */


/* appointment extra */
.normal_button {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.extra_button {
  background-color: #004A7F;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-top: 2px;
  margin-bottom: 2px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 20px;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 15px #FF0000; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-moz-keyframes glowing {
  0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 15px #FF0000; }
  100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 15px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 15px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

/* end appointment extra */