html, body {
    height: 100%;
    /*background-color: #f4f4f4!important;*/
	background-color: #ffffff!important;
}

@media only screen and (min-width: 600px) {
    .notifications .notification-menu{
        position: absolute!important;
        transform: translate3d(-255px, 30px, 0px)!important;
        top: 0px!important;
        left: 53px!important;
        left: -1px!important;
        will-change: transform!important;
    }
    .notifications .notification-menu {
        border: none!important;
        box-shadow: 0 0 2px rgba(0,0,0,.3)!important;
        left: auto!important;
        margin: 10px 0px 0px 0;
        padding: 0!important;
        right: -260px!important;
        width: 290px!important;
    }
    .notifications {
        margin: 12px 30px 0 0!important;
    }
}
.notification-menu ul{
    padding-left: 0px;
}
.notification-menu ul li{
    list-style: none;
}
.notification-menu .message{
    color: #717171;
    padding: 0.25rem 0.75rem;
    display: flex;
}
.notification-menu .message.necitit{
    color: #515151;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    display: flex;
}
.notification-menu .title{
    color: #4285f4;
    font-weight: 600;
}
.notification-menu .title.necitit{
    color: #4285f4;
    font-weight: 600;
}
.notification-menu .time-ago{
    color: #717171;
    font-size: 12px;
    font-weight: 400;
}

#loader-wrapper{
    z-index: 99999999!important;    
}
.go-notify{
    padding: 0px!important;
}
.go-notify .image{
	color: #4285f4
}
.notif-header{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.25rem 0.75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.modal-wrapper {
    position: relative;
    padding: 5px 0;
}
.modal-icon+.modal-text {
    float: left;
    width: 80%;
    font-weight: 300;
}
.modal-text {
    padding: 0 5px;
}
.modal-icon {
    float: left;
    width: 20%;
    text-align: center;
    font-size: 50px;
}
.modal-header .modal-title{
    font-weight: 400;
}
.mask-security{
    font-family: "text-security-disc";
     -webkit-text-security: disc;
}

.custom-checkbox-label::before, 
.custom-checkbox-label::after {
    top: .1rem;
    width: 1.25rem;
    height: 1.25rem;
}

#tabel-produse-comanda th{
    position: sticky;
    top: -1px;
    background-color: #fff;
    box-shadow: 0px 4px 1px 0px rgba(0,0,0,.1);
}

.btn-camera-scan{
    color: rgba(1,1,1,0.5);
    position: absolute;
    right: 35px;
    top: 11px;
}

.selecteaza_produs_chk.selected{
    background-color: #ebe9f7;
}

.btn-sari-peste{
    width: 100%;
    height: 100%;
    display: block;
}


.gradient-custom{
    background: #3b24b3 ;
    background: linear-gradient(140deg, #705cd6  0%, #3b24b3  46%, #221469 100%);
}

.btn-custom{
    background-color: #3b24b3 !important;
    font-size:15px;
    color: #fff !important;
    border-radius:4px;  
    text-align: left;
    font-family: Verdana, Arial, Tahoma; 
    padding-top:10px;
    padding-bottom:10px;
    text-transform: capitalize;
}
.btn-custom-center{
    background-color: #3b24b3 !important;
    font-size:15px;
    color: #fff !important;
    border-radius:4px;  
    text-align: center;
    font-family: Verdana, Arial, Tahoma; 
    padding-top:10px;
    padding-bottom:10px;
    text-transform: capitalize;
}

.btn-custom-black{
    background-color: #000000 !important;
    font-size:15px;
    color: #fff !important;
    border-radius:4px;  
    text-align: center;
    font-family: Verdana, Arial, Tahoma; 
    padding-top:10px;
    padding-bottom:10px;
    text-transform: capitalize;
}
.btn-custom-success{
    background-color: #24b33b !important;
    font-size:15px;
    color: #fff !important;
    border-radius:4px;  
    text-align: center;
    font-family: Verdana, Arial, Tahoma; 
    padding-top:10px;
    padding-bottom:10px;
    text-transform: capitalize;
}
.btn-custom-success1{
    background-color: #24b33b !important;
    font-size:15px;
    color: #fff !important;
    border-radius:4px;  
    text-align: center;
    font-family: Verdana, Arial, Tahoma; 
    padding-top:8px;
    padding-bottom:8px;
    text-transform: capitalize;
}
.btn-custom-danger{
    background-color: #b33b24  !important;
    font-size:15px;
    color: #fff !important;
    border-radius:4px;  
    text-align: center;
    font-family: Verdana, Arial, Tahoma; 
    padding-top:10px;
    padding-bottom:10px;
    text-transform: capitalize;
}
.btn-custom-info{
    background-color:#3b24b3  !important;
    font-size:15px;
    color: #fff !important;
    border-radius:4px;  
    text-align: center;
    font-family: Verdana, Arial, Tahoma; 
    padding-top:10px;
    padding-bottom:10px;
    text-transform: capitalize;
}

.btn-dark{
    text-transform: capitalize;
}
.font-menu{
    font-size:15px;
}
.btn-success{
    background-color: #24b33b !important;
}
.btn-danger{
    background-color: #b33b24 !important;
}
.btn-primary{
    background-color: #2455b3 !important;
}
.bg-custom{
    background-color: #3b24b3 !important;
}
.color-custom{
    color: #3b24b3 !important;
}

.btn-sterge-palet {
    background-color: #d6281b;
    color: white;
    border-radius: 5px;
    font-size: 13px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.produs_class:nth-child(odd) {
    background: #f5f5f5;
}

.scroll_mod_com::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #f5f5f5;
	border-radius: 0px; 
}
.scroll_mod_com::-webkit-scrollbar {
	width: 4px;
	background-color: #f5f5f5;
}
.scroll_mod_com::-webkit-scrollbar-thumb {
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background: #428bca;
}