/*******************
/*Top bar
*******************/
.topbar {
background: #00BCD4;
}

.topbar .navbar-header {
background: #ffffff;
}

.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
display: none;
color: rgba(255, 255, 255, 0.8);
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
color: #ffffff !important;
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
color: rgba(255, 255, 255, 0.8) !important;
}

/*******************
/*General Elements
*******************/
a.link:hover, a.link:focus {
color: #00BCD4 !important;
}

.bg-theme {
background-color: #00BCD4 !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #00BCD4;
border-color: #00BCD4;
}

.right-sidebar .rpanel-title {
background: #00BCD4;
}

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
border-left: 4px solid #00BCD4;
}

.text-themecolor {
color: #00BCD4 !important;
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
border-bottom: 2px solid #00BCD4;
color: #00BCD4;
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
color: #00BCD4;
}

/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: #00BCD4;
color: #ffffff;
border: 1px solid #00BCD4;
}

.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
background: #00c5e8;
border: 1px solid #00c5e8;
}
.btn-themecolor:focus,
.btn-themecolor.disabled:focus {
background: #1ae4ff;
border: 1px solid #1ae4ff;
box-shadow: 0 14px 26px -12px rgba(26, 228, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(26, 228, 255, 0.42);
}


.btn-themecolor.active,
.btn-themecolor.disabled.active
{
background: #1ae4ff;
}

/*******************
/*sidebar navigation
*******************/
.label-themecolor {
background: #00BCD4;
}

.sidebar-nav > ul > li.active > a {
color: #00BCD4;
border-color: #00BCD4;
}

.sidebar-nav > ul > li.active > a i {
color: #00BCD4;
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
color: #00BCD4 !important;
}

.sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i {
color: #00BCD4;
}
.lighten-2 .fal {
background: #00BCD4 !important;
}
.page-item .page-link {
color: #00BCD4 !important;
}
.topbar ul.dropdown-user li a:hover {
color: #00BCD4;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #00BCD4 !important;
border-bottom: 2px solid #00BCD4 !important;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
color: #00BCD4;
}
.btn-themecolor-border, .btn-themecolor-border.disabled {
color: #00BCD4;
border: 1px solid #00BCD4;
}
input[type=radio], input[type=checkbox] {
border: 1px solid #00BCD4;
}

.btn-themecolor-border:hover {
background: #00BCD4;
box-shadow: 0 14px 26px -12px rgba(0, 205, 232, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 205, 232, 0.42);
border: 1px solid #00BCD4;
color: #fff;
/*cursor: pointer;*/
}
.btn-themecolor-border:disabled {
background: #fff !important;
box-shadow: none !important;
color: #00BCD4 !important;
border: 1px solid #00BCD4 !important;
cursor: default !important;
}
.btn-themecolor-border:focus {
background: #00BCD4;
color: #fff;
border: 1px solid #00BCD4;
box-shadow: 0 14px 26px -12px rgba(26, 228, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(26, 228, 255, 0.42);
}
input[type=checkbox]:checked {
border-color: #00BCD4;
}
input[type=checkbox]:checked:before {
color: #00BCD4;
}
.nav-pills .nav-link.active:after {
background: #00BCD4 !important;
}
.btn-link {
color: #00BCD4 !important;
}
.btn-link:focus, .btn-link:hover {
color: #00BCD4 !important;
}
.q_icon {
color: #00BCD4 !important;
}
.swal2-popup .swal2-styled.swal2-confirm {
background: #00BCD4 !important;
}
input[type=radio] {
border : 2px solid #00BCD4 !important;
}
input[type=radio]:checked:before {
color: #00BCD4 !important;
}

.custom-day.focused {
background-color: #00BCD4 !important;
color: #fff;
}
.progress-bar{
background-color: #00BCD4 !important;
}

.quote_bit {
background: #00BCD4 !important;
color: #fff;
}


.title {
color:#00BCD4 !important;
}

.title:hover {
text-decoration: underline;
}

input[type=checkbox]:focus{
outline:auto !important;
box-shadow: 1px 1px 2px rgb(141, 233, 221);
}

.btn-themecolor-border:hover {
background: #00BCD4;
box-shadow: 0 14px 26px -12px rgba(0, 205, 232, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 205, 232, 0.42);
border: 1px solid #00BCD4;
color: #fff;
/*cursor: pointer;*/
}

.btn-themecolor-border:disabled {
background: #fff !important;
box-shadow: none !important;
color: #00BCD4 !important;
border: 1px solid #00BCD4 !important;
cursor: default !important;
}


.message-center::-webkit-scrollbar-track {
background-color: #eaeaea;
}

.message-center::-webkit-scrollbar-thumb {
background-color: #00BCD4 !important;
}

.message-center::-webkit-scrollbar-thumb:hover {
background-color: #00BCD4 !important;
}
.user_clr {
color: #00BCD4 !important;
}
.multiselect-dropdown .dropdown-btn .selected-item {
background: #00BCD4 !important;
}
.multiselect-item-checkbox input[type=checkbox]:checked + div:before {
background: #00BCD4 !important;
}

.multiselect-item-checkbox input[type=checkbox] + div:before {
color: #00BCD4 !important;
border: 2px solid #00BCD4 !important;
}

.ng5-slider .ng5-slider-pointer {
background-color: #00BCD4 !important;
}
.text-themecolor-hover{
color: #00BCD4 !important;
}
.text-themecolor-hover:hover {
color: #00BCD4 !important;
}
.list-group-item.active, .list-group .list-group-item.active:hover {
background: #00BCD4 !important;
border-color: #00BCD4 !important;
}
.download-text {
color: #00BCD4 !important;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
color: rgba(255, 255, 255, .85);
background-color: #00BCD4 !important;
}
.owl-dt-control-button-content{
color: #00BCD4 !important;
}

.accordion-bg-color {
/*background-color: green !important;*/
background-color: #00BCD4 !important;
}

input[type=checkbox]:disabled, input[type=checkbox]:checked:disabled {
  border-color: #888888;
  background: #e0e0e0;
  box-shadow: none;
}

  input[type=checkbox]:disabled:checked:before {
    color: #888888;
  }

input[type=radio]:hover, input[type=checkbox]:hover:disabled, input[type=checkbox]:focus:disabled {
  box-shadow: none;
  /* cursor: default; */
}
.menu_text_color:hover{
  color:  #00BCD4;
  font-weight: bold;
}
.menu_text_color:hover > i{
  color:  #00BCD4;
  font-weight: bold;
}