@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
body {
    background: rgb(0 0 0 / 2%);
    font-size:16px;
   font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
.main-wrap{margin-top:60px;padding-bottom: 20px; padding-top: 20px;}
.main-wrap > .navbar-expand-lg{margin:0px;}
.main-wrap .page-submenu {background: #f1f1f1;}
.page-submenu .nav-item a{border-bottom:2px solid transparent; color:#000 !important;  font-weight: 500;}
.page-submenu .nav-item a.active{border-bottom:2px solid #007bff; color:#007bff !important;}
#navbarResponsive .nav-item a{  font-size:18px; font-weight: 500;}
#accordion .h4, .card-header h2{margin-bottom: 0px;}
.card{
    position: relative;
    box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%);
}
@media (max-width: 768px) {  
 
    .page-submenu{background: red; flex-direction: row;    display: block;}
    .page-submenu li{margin: 0px 2px ;    display: inline-block;}
    
}
 
@media (min-width: 768px) {
    .margin-top-30{
        margin-top: 30px;
    }
}
@media (min-width: 992px) {
    .margin-top-30{
        margin-top: 30px;
    }
}
@media (min-width: 1200px) {
    .margin-top-30{
        margin-top: 30px;
    }
}
.col-auto select.form-control{width:auto;}
[data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover{background: #eee; color: #000;}

/* color css */
.Td-gray-light{
    background: #c5bfbf;
}
.Td-gray-dark{
    background: rgba(0, 6, 8, 0.17);
}
 .clr-gray-dark{
    color: rgba(0, 6, 8, 0.17);
}
.Td-green-light{
	background: #3CB371;
}
.clr-green-light{
	color:#3CB371;
}

.back-clr-Competitor{
	background: #fd9d0d;
}
.clr-Competitor{
	color: #fd9d0d;
}

.back-clr-Agency{
	background: #dc3545;
}
.clr-Agency{
	color: #dc3545;
}

.back-clr-Customer{
	background: #A020F0;
}
.clr-Customer{
	color:#A020F0;
}
 
.bg-dark>a.dropdown-item:hover{background-color: #6c757d; }

.bootstrap-select .dropdown-toggle.btn-default {text-align:left;color: #292b2c;background-color: #fff;border-color: #ccc;}
.bootstrap-select .dropdown-toggle.btn-default >.filter-option{float: left;}
.dropdown-toggle.btn-default >.bs-caret{float: right;}
.bootstrap-select.show>.dropdown-menu>.dropdown-menu {display: block;}
.bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden{display:none;}
.bootstrap-select > .dropdown-menu > .dropdown-menu li a{display: block;width: 100%;padding: 3px 1.5rem;clear: both;font-weight: 400;color: #292b2c;text-align: inherit;white-space: nowrap;background: 0 0;border: 0;}
.bootstrap-select .dropdown-menu > li.active > a {color: #fff !important;background-color: #212529 !important;}
.bootstrap-select .check-mark::after {content: "✓";}
.bootstrap-select button {overflow: hidden;text-overflow: ellipsis;}
/* Make filled out selects be the same size as empty selects */
.bootstrap-select.btn-group .dropdown-toggle .filter-option {display: inline !important;}


.scroll-top {
   width: 50px;
   height: 50px;
   position: fixed;
   bottom: 25px;
   right: 20px;
   display: none;
 }
 .scroll-top i {
   display: inline-block;
   color: #fff;
 }