@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color:#9b96968c;
  }
  
  /* Works on Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 8px;
  }
  
  /* *::-webkit-scrollbar-track {
    background: #2c558d;
  } */
  
  *::-webkit-scrollbar-thumb {
    background-color:#9b96968c;
    /* border-radius: 20px; */
    /* border: 3px solid #2c558d; */
  }
body {
	margin: 0;
    background-color: #F9F9F9;
    /* background-color: #000; */
    font-size: 14px;
    font-family: 'Poppins';
}

html, body {
	width: 100%;
	height: 100%
}

a {
	background-color: transparent;
	text-decoration: none;
}
a:active, a:hover {
	outline: 0;
}
.cont{
    max-width: 100%;
}


/***********************  TOP Bar ********************/
.sidebar{ 
    width:300px;  
    height: 100%; 
    background-color:#2c558d;
    transition: all 0.5s  ease-in-out;
    position: fixed;
    z-index: 999;
}
.sidebar ul{
    list-style:none; 
    margin:0px; 
    padding:0px; 
}
.sidebar li a,.sidebar li a.collapsed.active{ 
    display:block; 
    padding:10px 12px; color:#fff;
    text-decoration:none
}
.sidebar li a.active{
    background-color:#29294D;
    transition: all 0.5s  ease-in-out
}
.sidebar li a:hover{
    background-color:#9b96968c !important;
}
.sidebar li a i{ 
    padding-left: 0px;
    padding-right: 5px;
    font-size: 30px;
}
.nav-label{
    position: relative;
    bottom: 7px;
    font-size: 14px;
}


.sidebar.fliph li a .nav-label,.sidebar.fliph li a .nav-label+span{ 
    display:none;
    transition: all 0.5s  ease-in-out
}
.sidebar.fliph {
    width: 70px;
    transition: all 0.5s  ease-in-out; 
}
.sidebar.fliph li{
    position:relative
}
.sidebar.fliph .sub-menu {
    position: absolute;
    left: 39px;
    top: 0;
    background-color: #222;
    width: 150px;
    z-index: 100;
}

.nav-button{
    background-color: transparent;
    border: none;
    float: right;
}
.nav-button:focus{
    outline: none;
}
.fa-bars{
    color: white;
    font-size: 2rem;
    margin-right: 10px;
}
.sidebar-items{
    margin-top: 50px;
    overflow-y: auto;
    height: 90%;
}

/* Sidebar style end */

.white{
    background-color: white;
}

form .row .col-md-3 .form-group label{
    font-weight: 600;
}
form .row .col-md-3 .form-group .form-control{
    border-radius: 8px;
}
.required{
    color:#2c558d;
}
.fl-right{
    float: right;
}
.btn-div button{
    float: right;
}
.btn-primary {
    border-color: #2c558d;
}
a{
    color:#2c558d;
}
.btn{
    background-color: #2c558d;
    color: white;
    width: 150px;
    margin-right: 20px;
}
.btn:hover {
    color: #fff;
    text-decoration: none;
    background-color: #5b5b5b;
  }
.btn-div{
    position: relative;
}
.btn-div .button-div{
    margin-top: 4.2rem;
}
.div-btn-rewinding{
    top: 14.2rem;
}
.div-btn-rcv-sent-all,.div-btn-loaded-beam,.div-btn-half-cone{
    top: 9rem;
}
.div-btn-summary-detail{
    top: 2.5rem;
}
.div-btn-empty-beam{
    top: -0.2rem;
}
form .row .col-md-3 textarea{
    resize: none;
}
form .row .col-md-3 .form-group .inline-input{
    display: inline !important;
    width: auto !important;
}
.div-btn-towel-delivery{
    top: 10.8rem;
}
.div-btn-wastage-sold{
    top: -3.8rem;
}
.dp-down{
    padding: 10px 10px 10px 10px;
    border: 1px solid #CED4DA;
    background-color: white;
    border-radius: 10px;
    width: 70% ;
    font-weight: 600;
} 
.form-bg{
    background-image: url(../images/GOPRO\ final-02.png);
    background-repeat: no-repeat;
    background-size: 900px;
    background-position: center;
}
.header-2{
    display: flex;
}
.main-head{
    margin: auto;
    margin-left: 10rem;
}
.main-logo{
    width: 240px;
    height: 100px;
    position: relative;
    top: -10px;
}
.fa-bell{
    font-size: 20px;
    position: relative;
    top: 5px;
}
@media only screen and (max-width: 915px) {
    
    .sidebar.fliph {
        width: 50px;
    }
    .sidebar li a i{ 
        font-size: 22px;
    }
    .fa-bars {
        margin-right: 0px !important;
    }
    .nav-label{
        position: relative;
        bottom: 3px;
        font-size: 14px;
    }
    form .row .col-md-3 .form-group label{
        font-size: 12px;
    }
    form .row .col-md-3 .form-group .form-control{
        font-size: 11px;
    }
    .btn-div button{
        background-color: #5b5b5b;
        color: white;
        width: 100px;
        font-size: 12px;
    }
    .form-bg{
        background-size: 600px;
    }
    .main-logo{
        width: 170px;
        height: 40px;
        top: -5px;
    }
    .fa-bell{
        font-size: 15px;
    }
}