/* 
    default color   : 007bff 007bff66
    hover color     : 5aaaff
    rgb color       : 38 143 255
    
    pallette color  : 3c8dbc 81b5d4
*/

.content-wrapper table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
.content-wrapper table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    background-color: #6967ce;
    -webkit-box-shadow: 0 0 2px #444;
    box-shadow: 0 0 2px #444
}
.content-wrapper table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
.content-wrapper table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    background-color: #fa626b
}
td.highlight {
    color: #6967ce;
    background-color: #f5f5f5 !important
}
tr.group,
tr.group:hover {
    background-color: #ededed !important
}
.no-style tfoot > tr > th,
.no-style thead > tr > th {
    border-bottom: 1px solid #e3ebf3
}
.table-striped tbody tr.even.selected,
.table-striped tbody tr.odd.selected {
    color: #fff;
    background-color: #6967ce
}
table.dataTable tbody > tr > .selected {
    background-color: #6967ce
}

.toast {
  background-color: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
}

.toast-header {
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #000;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  border-right-color: #000;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #000;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  border-left-color: #000;
}

.tooltip-inner {
  color: #fff;
  background-color: #000;
}

.home-blog-area {
    background: #f8fcff
}

.home-blog-area .home-blog-single .blog-img-cap .blog-img .blog-date {
    background: #09cc7f;
}

.home-blog-area .home-blog-single .blog-img-cap .blog-cap p {
    color: #707b8e
}

.home-blog-area .home-blog-single .blog-img-cap .blog-cap h3 a {
    color: #191d34;
}

.home-blog-area .home-blog-single .blog-img-cap .blog-cap h3 a:hover {
    color: #007bff
}

.home-blog-area .home-blog-single .blog-img-cap .blog-cap .more-btn {
    color: #3a3a3a;
}

.home-blog-area .home-blog-single .blog-img-cap .blog-cap .more-btn:hover {
    color: #014b85
}

.home-blog-single:hover .blog-img-cap .blog-img .blog-date {
    background: #007bff
}

.blog_area a.blog_item_date:hover {
    background: #32c9fe;
}
.blog_area a h2.blog-head {
    color: #2d2d2d;
}
.blog_area a:hover h2.blog-head {
    color: #007bff;
}

.single-blog:hover {
    box-shadow: 0px 10px 20px 0px rgba(42, 34, 123, 0.1)
}

.single-blog .date {
    color: #666666;
}

.single-blog .single-blog-content .meta-bottom i {
    color: #fdcb9e;
}

.blog_item_img .blog_item_date {
    background-color: #007bff;
}

.blog_right_sidebar .widget_title::after {
    content: "";
    display: block;
    padding-top: 15px;
    border-bottom: 1px solid #007bff;
}

.blog_right_sidebar .search_widget .form-control {
    border-color: #007bff;
    color: #999999;
}

.blog_right_sidebar .search_widget .form-control::placeholder {
    color: #999999
}

.blog_right_sidebar .search_widget .form-control:focus {
    border-color: #007bff;
}

.blog_right_sidebar .search_widget .input-group button {
    background: #007bff;
    border: 1px solid #007bff;
}

.blog_right_sidebar .search_widget .input-group button i {
    color: #fff
}

.blog_right_sidebar .search_widget .input-group button span {
    color: #999999
}

.blog_right_sidebar .newsletter_widget .form-control {
    border-color: #007bff;
    color: #999999;
}

.blog_right_sidebar .newsletter_widget .form-control::placeholder {
    color: #999999
}

.blog_right_sidebar .newsletter_widget .form-control:focus {
    border-color: #007bff;
}

.blog_right_sidebar .newsletter_widget .input-group button {
    background: #fff;
    border: 1px solid #007bff;
}

.blog_right_sidebar .newsletter_widget .input-group button i,
.blog_right_sidebar .newsletter_widget .input-group button span {
    color: #fff
}

.blog_right_sidebar .post_category_widget .cat-list li {
    border-bottom: 1px solid #007bff;
}

.blog_right_sidebar .post_category_widget .cat-list li a {
    color: #888888
}

.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover {
    color: #fff
}

.blog_right_sidebar .tag_cloud_widget ul li a {
    border: 1px solid #eeeeee;
    background: #fff;
    color: #888888;
}

.blog_right_sidebar .tag_cloud_widget ul li a:hover {
    background: #007bff;
}


.blog-pagination .page-link {
    color: #8a8a8a;
    border: 1px solid #007bff;
}

.blog-pagination .page-item .page-link {
    border-color: #007bff;
    color: #888888
}

.boxed-btn {
    background: #fff;
    color: #007bff !important;
    border: 1px solid #007bff;
}
.custom-control-label::before {
    border: 1px solid #adb5bd;
    background-color: #626e82;
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background: #adb5bd;
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background: #adb5bd;
}

.custom-switch .custom-control-label::after {
    background-color: #adb5bd;
}

div.img_preview {
    background: #f0f0f0;
}
.block.block-themed > .block-header > .block-title small {
  color: rgba(255, 255, 255, 0.75);
}
.bg-default {
    background-color: -webkit-gradient(linear, left top, right top, from(#58acfe), to(#7697fe));
    background-image: -webkit-linear-gradient(left, #58acfe, #7697fe);
    background-image: -moz-linear-gradient(left, #58acfe, #7697fe);
    background-image: -o-linear-gradient(left, #58acfe, #7697fe);
    background-image: linear-gradient(to right, #58acfe, #7697fe);
}

.btn-default { 
    border:1px solid #c2c2c2; 
    color: #41484e; 
    background-color: #fff;
}

.btn-default:hover{ 
    border:1px solid #007bff; 
    color: #007bff; 
}
.btn-default.active,
.btn-default:active { 
    border:1px solid #007bff; 
    background-color:#007bff; 
    color: #fff; 
}

.dd-item > .dd3-handle {
    background: #6b6f80;
}
.dd-item > .dd3-content {
    background: #fafafa;
}

/*faq*/
.faq_item {
  background: #fff;
}

.faq_title:hover * {
  color: #007bff;
}

.comment-form .form-control {
  border: 1px solid #007bff;
}

i.icon_badge.la-s:before {content: 'S'; background: #fa626b; color: #fff; padding: 1px 4px; border-radius: .5rem; font-size: 14px;}
i.icon_badge.la-l:before {content: 'L'; background: #28afd0; color: #fff; padding: 1px 4.5px; border-radius: .5rem; font-size: 14px;}
i.icon_badge.la-m:before {content: 'M'; background: #5ed84f; color: #fff; padding: 2px; border-radius: .5rem; font-size: 13px;}
i.icon_badge.la-a:before {content: 'A'; background: #fdb901; color: #fff; padding: 1px 3px; border-radius: .5rem; font-size: 14px;}


.blog_area .nav-tabs .nav-link, .blog_area .nav-tabs .nav-item .nav-link {
    color: #007bff;
}
.blog_area .nav-tabs .nav-link.active, .blog_area .nav-tabs .nav-item.show .nav-link {
    color: #fff;
    border-color: #babfc7 #626e82 #007bff;
    background-color: #007bff;
}

.pop-layer {background-color: rgba(255,255,255, 0.8);border: 3px solid #007bff;}
a.btn-layerClose {background-color: #007bff;color: #fff;}


.btn-primary, .btn-primary.disabled, .btn-primary:disabled {background-color: #007bff; border-color: #007bff;}
.btn-primary:focus, .btn-primary.active, .btn-primary:hover, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    border-color: #007bff66; background-color: #007bff66;
    -webkit-box-shadow: 0 0 20px rgb(38 143 255 / 30%); box-shadow: 0 0 20px rgb(38 143 255 / 30%) !important;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    border-color: #007bff66; background-color: #007bff66;
}
.btn-outline-primary {color: #007bff; border-color: #007bff;}
.btn-outline-primary:hover {
    background-color: #007bff; border-color: #007bff;
    -webkit-box-shadow: 0 0 20px rgb(38 143 255 / 30%); box-shadow: 0 0 20px rgb(38 143 255 / 30%) !important;
}
.dropdown-tiem.active, .dropdown-item:active {background-color: #007bff;}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {border-color: #babfc7 #828282 #007bff; background-color: #007bff; color: #fff;}
.nav-link {color: #007bff;}

html body a {color: #007bff;}
html body a:hover {color: #5aaaff;}

.badge-primary {background-color: #007bff;}
.badge-primary[href]:hover, .badge-primary[href]:active {
  background-color: white;
  color: #007bff;
  border:  1px solid #007bff;
}

.custom-control-input:checked ~ .custom-control-label::before {background-color: #007bff;}

.form-control:focus {border-color: #007bff;}

body.vertical-layout.vertical-menu.menu-expanded .main-menu.menu-light .navigation .open > a > i, 
body.vertical-layout.vertical-menu.menu-expanded .main-menu.menu-light .navigation .hover > a > i {
    -webkit-box-shadow: 0 0 20px rgb(38 143 255 / 30%); box-shadow: 0 0 20px rgb(38 143 255 / 30%) !important;
}
.main-menu.menu-light .navigation > li.hover > a, .main-menu.menu-light .navigation > li:hover > a, .main-menu.menu-light .navigation > li.active > a {
    color: #007bff;
}
.main-menu.menu-light .navigation > li.open > a {color: #007bff; }
.main-menu.menu-light .navigation > li ul .active > a {color: #007bff;}
.main-menu.menu-light .navigation > li ul .active > a:before, .main-menu.menu-light .navigation > li.open .hover > a:before {border-color: #007bff; background-color: #007bff;}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: #007bff;}

body.vertical-layout[data-color=bg-custom] .navbar-container,
body.vertical-layout[data-color=bg-custom] .content-wrapper-before
{
    background-image: -webkit-gradient(linear, left top, right top, from(#3c8dbc), to(#81b5d4));
    background-image: -webkit-linear-gradient(left, #3c8dbc, #81b5d4);
    background-image:    -moz-linear-gradient(left, #3c8dbc, #81b5d4);
    background-image:      -o-linear-gradient(left, #3c8dbc, #81b5d4);
    background-image:         linear-gradient(to right, #3c8dbc, #81b5d4);
    background-repeat: repeat-x;
}

html body .pace .pace-progress {background: #007bff;}

.pagination .page-link {color: #007bff;}
.page-item.active .page-link {border-color: #007bff; background-color: #007bff;}

.nav.nav-tabs .nav-item.show .nav-link.dropdown-toggle {color: #fff; background-color: #007bff;}
.nav.nav-tabs .nav-item .nav-link.dropdown-toggle {color: #007bff;}
.nav.nav-tabs .nav-item .nav-link.dropdown-toggle:hover {color: #5aaaff;}
.nav.nav-tabs .nav-item.show .nav-link.dropdown-toggle, .nav.nav-tabs .nav-item.show .nav-link.dropdown-toggle:hover,
.nav.nav-tabs .nav-item .nav-link.active.dropdown-toggle, .nav.nav-tabs .nav-item .nav-link.active.dropdown-toggle:hover {color: #fff;}
.nav.nav-tabs .nav-item .nav-link.dropdown-toggle:after, .nav.nav-tabs .nav-item.show .nav-link.dropdown-toggle:after {top: 4px; right: 2px;}

.dropdown-item.active, .dropdown-item:active {background-color: #007bff;}
#receiver-list-body .receiver-list.ui-selecting, #receiver-list-body .receiver-list.ui-selected {background: #5aaaff88;}

.navbar-semi-light {background: #3c8dbc;}

.bg-gradient-directional-primary {
    background-image: -webkit-linear-gradient(45deg, #007bff66, #5aaaff);
    background-image: -moz-linear-gradient(45deg, #007bff66, #5aaaff);
    background-image: -o-linear-gradient(45deg, #007bff66, #5aaaff);
    background-image: linear-gradient(45deg, #007bff66, #5aaaff);
}