/*Menu / page structure*/
header, main, footer, .side-nav-main {
    padding-left: 300px;
}
main{
    margin-top: 20px;
}

.page-title{
    font-size: 1.25rem;
}
nav,
.side-nav li.active{
    background-color: #ee6422;
}
.side-nav li.active a,
.side-nav li.active a i{
    color: #fff;
}

/*Header*/
nav .nav-wrapper{
    display: flex;
    justify-content: space-between;
}
nav .nav-wrapper ul li i{
    height: auto;
    line-height: inherit;
}
@media only screen and (max-width : 992px) {
    header, main, footer, .side-nav-main{
        padding-left: 0;
    }
}

/*Login*/
.login-container{
    margin-top: 20vh;
}
.login-container form{
    position: relative;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
/*Prevent bg img from overflowing*/
.login-container .login-bg-container{
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}
/*White overlay, better visibility login form*/
.login-container .login-bg-container:after{
    content: '';
    display: block;
    width: 100vw;
    height: 100vh;
    background: #fff;
    opacity: .5;
}
/*Set bg img size and position*/
.login-container .login-bg-container .login-bg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100vmax;
    min-height: 100vmax;
}

.login-container .login-logo{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    height: 200px;
    margin-bottom: -50px;
}

/*Button*/
.btn,
.btn-large,
.btn:hover,
.btn-large:hover,
.btn:focus,
.btn-large:focus,
.btn-floating:focus,
.tabs .indicator{
    background-color: #d85a1e;
}
.btn-small{
    height: 24px;
    line-height: 24px;
    padding: 0 1rem;
}
.tabs .tab a,
.tabs .tab a:hover,
.tabs .tab a.active{
    color: #d85a1e;
}

/*Table*/
[data-field="action"]{
    width: 175px;
    text-align: center;
}
@media only screen and (max-width : 992px) {
    [data-field="action"]{
        width: auto;
    }
}

/*Flex*/
.flex{
    display: flex;
}

/*Form*/
input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]){
    border-bottom: 1px solid #ee6422;
    box-shadow: 0 1px 0 0 #ee6422;
}
input:not([type]):focus:not([readonly])+label,
input[type=text]:focus:not([readonly])+label,
input[type=password]:focus:not([readonly])+label,
input[type=email]:focus:not([readonly])+label,
input[type=url]:focus:not([readonly])+label,
input[type=time]:focus:not([readonly])+label,
input[type=date]:focus:not([readonly])+label,
input[type=datetime]:focus:not([readonly])+label,
input[type=datetime-local]:focus:not([readonly])+label,
input[type=tel]:focus:not([readonly])+label,
input[type=number]:focus:not([readonly])+label,
input[type=search]:focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label{
    color: #ee6422;
}

.label-field{
    margin-top: 25px;
}

/*Loader*/
.preloader-container{
    position: absolute;
    height: 100vh;
    width: 100vw;
    z-index: 1000;
    background-color: rgba(255, 255, 255, .5);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.preloader-container .preloader-wrapper{
    left: 50%;
}