.gray-btn {color:#fff !important;background-color: #566676 !important;border-color: #566676 !important;}
.gray-btn:hover {color:#fff !important;background-color: #566676 !important;border-color: #566676 !important;}
.admin-add-buyers .nav-pills .nav-link.active span{background: #6658dd;}
.buyers_add .nav-tabs li {margin: 0 !important;position: relative;z-index: 2;width: 331px;text-align: center;}
.buyers_add .nav-tabs {position: relative;z-index: 2;}
.buyers_add ul.nav-tabs:after {content: "";width: 55%;height: 2px;background-color: #ddd;position: absolute;top: 35%;transform: translateY(-35%);}
.buyers-tab {display: inline-block;border-radius: 100px;z-index: 2;text-align: center;padding: 15px 20px;border-radius: 50%;font-size: 18px;}
.buyers_add .nav-tabs li a h3 {color: #fff;background: #303841;}
.buyers_add .nav-tabs li a.active h3 {color: #fff;background: #6658dd !important;}
.buyers_add .nav-tabs li a.active h5 {color: #6658dd !important;font-weight: bold;}
.buyers_add .tab-content>.active {display: contents;}
.buyer_table .dataTables_filter, .seller_table .dataTables_filter{ float: left; }
.buyer_table .btn-group, .seller_table .btn-group {float: right;}
.view-password {position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.padding-7 {padding: 8px 7px!important;}
.custom-switch .custom-control-label::before {left: -2.25rem;width: 2.15rem;padding: 10px;pointer-events: all;border-radius: 1.5rem;}
.custom-switch .custom-control-label::after {top: calc(.15625rem + 3px);left: calc(-2.25rem + 4px);width: calc(1rem - 0px);height: calc(1rem - 0px);background-color: #adb5bd;border-radius: .5rem;}
#sidebar-menu>ul>li>a.active {color: #6658dd;background-color: #f7f8f9;}
.category-option .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #000 !important;}
/*procurement table*/
.procurement-table .dt-buttons {float: left;} 
/*select2*/
.select2-container--default .select2-selection--single {background-color: #fff;border: 1px solid #ced4da !important;border-radius: 4px;height: calc(1.5em + .9rem + 2px) !important;padding: 0.25rem 0.5rem !important;}
textarea {resize: none !important;}
.form-group label.error {color: #fff !important;background: rgba(241,85,108,.9) !important;padding: 4px 8px !important;border-radius: 4px !important;margin-top: 4px !important;}
.form-control.is-invalid, .was-validated .form-control:invalid , .form-control .error{background: transparent !important;}
#checkbox_signup-error {color: #fff !important;background: rgba(241,85,108,.9) !important;padding: 4px 8px !important;border-radius: 4px !important;margin-top: 4px !important;}
.dt-buttons .btn-secondary {background-color: #f5a51a !important;border-color: #f5a51a !important; color: #000;}
.page-item.active .page-link {z-index: 1;color: #000 !important;background-color: #f5a51a !important;border-color: #f5a51a !important;}
/*loader*/
 #preloader{position:fixed;left:0;top:0;width:100%;height:100%;overflow: hidden;display: table;text-align:center;z-index: 1050;background: transparent !important;}
.loader{ display:table-cell; vertical-align:middle; position:relative; width:200px; height:200px; }
.loader-icon {width: 100px; height: 100px; border: 1px solid #fff; border-right-color: transparent; border-radius: 50%; position: relative; animation: loader-rotate 1s linear infinite; margin: 0 auto;z-index: 1; }
.loader-icon:before, .loader-icon:after {content: ''; display: block; position: absolute; border-radius: 50%; border: .1em solid transparent; border-bottom-color: currentcolor; top: 0; left: 0; -webkit-animation: 3s loader-rotate linear infinite; animation: 3s loader-rotate linear infinite; }
.loader-icon:before {width: 80px; height: 80px; border: 2px solid #fff; border-right-color: #eee; border-right-color: transparent; border-left-color: transparent; margin: 10px;
}
.row.loader:after {content: "";background: rgba(0,0,0,0.5);width: 100%;height: 100%;position: absolute;top: 0;left: 0;
}
.chat-start{font-size: 15px;font-weight: 400;letter-spacing: 0.5px;}
@keyframes loader-rotate{ 0%{ transform:rotate(0) } 100%{ transform:rotate(360deg) } }

/*login page*/
.link-color{color: #323a48 !important;}
.yellow-btn {background: #ffb101;border: 1px solid #ffb101;color: #000;}
.authentication-bg-pattern{background-image: linear-gradient(#566676, #ffb10180);}
/*order*/
.badge-size {font-size: 15px;}
.view-page {font-size: 18px;color: orange!important;}
.menu-icon {color: #ffb101 !important;font-size: 20px;}
.menu-text {color: #000 !important;}
#sidebar-menu>ul>li>a:active, #sidebar-menu>ul>li>a:focus, #sidebar-menu>ul>li>a:hover {color: #fff !important;background: #566676 !important;text-decoration: none;}
#sidebar-menu>ul>li>a>span.menu-text:hover,  #sidebar-menu>ul>li>a>span.menu-text:focus {color: #fff !important;}
#sidebar-menu>ul>li>a.active {color: #fff !important;background-color: #566676 !important;}
#sidebar-menu>ul>li>a.active span {color: #fff !important;}
.nav-second-level li.active>a, .nav-third-level li.active>a{color: #566676;font-weight: bold;}
.nav-third-level li.active>a{color: #fff !important;}
.dropdown-item:focus, .dropdown-item:hover {color: #fff !important;text-decoration: none;background-color: #566676 !important;}

@media only screen and (max-width: 420px){
.buyers_add ul.nav-tabs:after {content: "";width: 70%;height: 2px;background-color: #ddd;position: absolute;top: 18%;transform: translateY(-18%);}
.buyers_add .nav-tabs li {width: 55px;}
.buyers-tab {padding: 6px 10px;}
.buyers_add .nav-tabs li a h5 {font-size: 14px;}
}

a.morelink,a.moredata {text-decoration:none;outline: none;}
.morecontent span, .moreblogcontent span{display: none;}
.space-col{white-space: nowrap;}