﻿

select.form-control {
    padding: .375rem 1.75rem .375rem .75rem;
     line-height: 1.5; 
    color: #495057;
    vertical-align: middle;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cgo8ZGVmcz4KPC9kZWZzPgo8ZyBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDA7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IG5vbmU7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNDA2NTkzNDA2NTkzNDAxNiAxLjQwNjU5MzQwNjU5MzQwMTYpIHNjYWxlKDIuODEgMi44MSkiID4KCTxwYXRoIGQ9Ik0gOTAgMjQuMjUgYyAwIC0wLjg5NiAtMC4zNDIgLTEuNzkyIC0xLjAyNSAtMi40NzUgYyAtMS4zNjYgLTEuMzY3IC0zLjU4MyAtMS4zNjcgLTQuOTQ5IDAgTCA0NSA2MC44IEwgNS45NzUgMjEuNzc1IGMgLTEuMzY3IC0xLjM2NyAtMy41ODMgLTEuMzY3IC00Ljk1IDAgYyAtMS4zNjYgMS4zNjcgLTEuMzY2IDMuNTgzIDAgNC45NSBsIDQxLjUgNDEuNSBjIDEuMzY2IDEuMzY3IDMuNTgzIDEuMzY3IDQuOTQ5IDAgbCA0MS41IC00MS41IEMgODkuNjU4IDI2LjA0MiA5MCAyNS4xNDYgOTAgMjQuMjUgeiIgc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAxOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiByZ2IoMCwwLDApOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiB0cmFuc2Zvcm09IiBtYXRyaXgoMSAwIDAgMSAwIDApICIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPgo8L2c+Cjwvc3ZnPg==") !important;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 0.75rem);
    background-position-y: center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-control[readonly] {
    background-color: initial;
}

nav.navbar,
.bg-primary,
.btn-primary,
nav.side-navbar,
nav.navbar .dropdown-menu,
input.form-control-custom:checked + label::before,
.datepicker .active,
.mbsc-bootstrap .mbsc-sc-whl-l,
.mbsc-fr-hdr.popover-title.popover-header,
.datepicker-header .datepicker-controls,
.datepicker-cell.focused, .datepicker-cell.focused:hover,
#raw-materials-modal-table .kings-gridview-row:not(.no-results-row):hover {
    background-color: #fab702 !important;
}
.datepicker-header .datepicker-controls .button {
    background-color: transparent !important;
}
    .datepicker-cell.focused, .datepicker-cell.focused:focus {
        color: #000000;
        font-weight: 500;
    }

.datepicker-cell:not(.disabled):hover {
    background-color: #ececec !important;

}
    .btn-primary {
        border-color: #fab702 !important;
    }
.default-color-hover:hover{

    color: #fab702 !important;
    cursor:pointer
}


nav.navbar a{
    color:#000000;
}

nav.side-navbar a {
    color: #000000 !important;
   /*// font-size: 0.9rem;*/
    font-weight:400;
    font-size: 14.4px;
}

nav.side-navbar .sidenav-header-inner {
    height: 200px;
    width: 100%;
    background-color: #ffffff;
}

nav.side-navbar .sidenav-header img {
    height: 150px;
    width:auto;
    max-width: 150px;
    margin-top: 25px;
    margin-left: -13px;
}


 nav.side-navbar .sidenav-header{
        padding:0;
    }

    #user span, #sync-servicem8 span {
        padding-left: 5px;
        font-size:14.4px;
    }

nav.navbar .dropdown-menu {
    width: 202px;
    right: -36px;
    top: 32px;
    color: #000000;
/*    background-color: #fab702;*/
    font-size: initial;
    padding: 10px;
    padding-left: 0;
    padding-right: 0;
}

nav.navbar .dropdown-menu a {
    color:#000000;
    padding-left: 20px;
}

span {
    font-size: initial;
}

nav.side-navbar a:hover{
    background-color :#ffffff;
    color: #000000;

}

input.form-control-custom + label {
    font-size:initial;
    color: initial;
    cursor:pointer;

}

    input.form-control-custom + label::before {
       top:5px;
    }

     input.form-control-custom + label::after{
        top:7px
    }

input[type=radio].form-control-custom.radio-custom + label::after {
    top:10px;
}

.bg-primary {
    color: #000000;
}

    h2 .bg-primary:not([disabled]):hover, .modal-footer .bg-primary:hover, a.bg-primary:focus, a.bg-primary:hover, .btn-danger:hover, button.bg-primary:not([disabled]):hover {
        background-color: rgba(0,0,0, 0.6) !important;
        border-color: transparent !important;
        color: #ffffff;
    }

.container-fluid {
    padding: 0 15px;
}

.bold {
    font-weight: 900;
}

/*input.form-control-custom:checked + label::before {
    background: red !important;
}*/

input.form-control-custom.radio-custom + label::after {
    background-color: #000000 !important;
}

input.form-control-custom + label::after {
    color:#000000;
}

.btn-header {
    border-radius: 30px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5px;
    margin-top: -1px;
}



ul.nav-menu i {
    padding-right: 5px;
    padding-top: 0.2rem;
}


.btn:focus, .btn.focus {
    outline:none;
    box-shadow: none;
}

nav.side-navbar a:focus, nav.side-navbar a:hover, nav.side-navbar a[aria-expanded="true"], nav.side-navbar li ul.collapse a:hover {
    border: none;
    background-color: #ffffff;
    color: #000000;
}

nav.side-navbar li:focus {
    outline: none;
}


.page {
    padding-bottom: 0;
}

.modal .close:focus {
    outline: none;
}

.bg-danger {
    color: #ffffff;
}

#side-main-menu li ul {
    background-color: transparent;
}
nav.side-navbar li ul.collapse a {
    border: none;
}

 a[aria-expanded="true"] {
     background-color: transparent !important;
 }

nav.side-navbar a:focus{
    border:none;
    background-color: transparent;
}

#side-main-menu li > a {
    padding-left:22px !important;
}

    [href="#admin-nav-list"]:hover {
        background-color:#ffffff !important;
    }
    
    nav.side-navbar li ul.collapse a {
        padding-left: 40px;
    }

.difficulty .add-item {
    margin-top: 9px;
    margin-left: 13px;
}

.difficulty .add-item i:hover {
    color: #000000 !important;
}

.difficulty i {
    color: #014dff;
    font-size: 22px;
}
