/*----------------------------------------
    Login Page
------------------------------------------*/
html {
    font-family: 'Muli', sans-serif !important;
    font-weight: normal;
    line-height: 1.5;
    color: #6b6f82;
}
* {
    margin:0px;
    padding:0px;
}
.full-login-from {
    width: 425px;
    margin: 70px auto;
    /*border: 1px solid #efefef;*/
    padding: 15px;
}
button.btn.waves-effect.waves-light.border-round.gradient-45deg-purple-deep-cyan.col.s12 {
    background: #1D47BF;
    width: 40%;
    margin: 0 auto;
        display: block;
    float: none;
}
h5.ml-4.login-title {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}
.login-bg
{
    background-image: url('../../../images/dispensary.jpg');
   background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 50% 100%;
    background-position: right;
    background-color: #1D47BF;
}
.col.s5.card-panel.login-card {
    box-shadow: 0 0 0;
}
.col.s7.card-panel.login-card {
    box-shadow: 0 0 0;
    padding-right: 0px;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.operation-button {
    width: 87px;
    display: block;
}
#login-page
{
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;

    height: 100vh; 

    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
#login-page .card-panel.border-radius-6.login-card {
    margin-left: 0 !important;
    background: #fff;
    height: 100%;
    float: right;
    width: 50%;
}
.row {
    margin-bottom: 0;
}
.row .col {
    padding: 0 1rem;
}
.border-radius-6 {
    border-radius: 6px !important;
}
.bg-opacity-8 {
    background-color: rgba(255, 255, 255, .8);
}
.gradient-45deg-purple-deep-orange {
    /* background: #8e24aa; */
    background: -webkit-linear-gradient(45deg, #8e24aa, #ff6e40) !important; 
    background: -moz- oldlinear-gradient(45deg, #8e24aa, #ff6e40) !important;
    background: -o-linear-gradient(45deg, #8e24aa, #ff6e40) !important;
    background: linear-gradient(45deg, #8e24aa, #ff6e40) !important;
}
.border-round {
    border-radius: 150px !important;
}
.margin {
    margin: 0 !important;
}
.medium-small {
    font-size: .9rem !important;
}
p {
    font-family: 'Muli', sans-serif;
}
.container
{
    width: 100%;
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0 .5rem;
}
.container .dropdown-settings i.right
{
    margin-left: 0;
}
@media only screen and (min-width: 0)
html {
    font-size: 14px;
}
@media only screen and (min-width: 601px)
{
    .container
    {
        width: 100%;
    }
}

@media only screen and (min-width: 993px)
{
    .container
    {
        width: 100%;
    }
    .sidenav-overlay
    {
        background-color: transparent;
    }
}

@media (max-width: 600px) {
    .col.s4.card-panel.login-card {
        width: 100% !important;
        background: none;
    }

    .full-login-from {
        width: 100% !important;
        margin: 70px auto;
        /* border: 1px solid #efefef; */
        padding: 15px;
    }
}