#mySidenav {
display: none;
}
.mt-4 {
    margin-top: 2.7rem;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.text-right.mt-2 {
    margin-top: 1rem;
}
.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}
.justify-content-end {
    justify-content:end !important;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    /*color: #fff;
    background-color: #ee5057 !important;*/
    background: #00000000 !important;
    color: #ee5057 !important;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    background: #00000000 !important;
    color: #ee5057 !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff !important;
}

.navbar-brand {
    position: relative !important;
    padding: 15px 0px !important;
    font-size: 16px !important;
    left: -40px !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.col-flex-login {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}
#navbartoplinks a:hover {
    background: none !important;
    color: #ee5057 !important;
    text-decoration: none !important;
}
#navbartoplinks li a {
color: #fff;
padding: 5px;
font-size: 16px;
font-family: 'myriadpro-regular', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#navbartoplinks li {
display: inline-block;
padding: 10px;
}

#navbartoplinks {
    float: right;
    /*margin-right: 100px;*/
    position: relative;
    /*top: 5px;*/
}
.leftpanel {
    min-height: 600vh;
    height: 100%;
    text-align: left;
    border-right: 1px solid #ddd;
    color: #333333 !important;
    font-weight: normal !important;
    font-size: 16px !important;
    display: inline-block;
    width: 17%;
    float: left;
    margin-top: -20px;
    background-color: #fff;
}

#divRenderrightside {
    float: left;
    width: 82.5%;
    padding: 1rem;
    margin-bottom: 200px;
}

.leftpanel ul li a:hover {
    background-color: #fafad2 !important;
}
#header {
background-color: #505050;
border: #505050;
}
.txtbox {
width: 243px;
height: 40px;
}
#LoginbtnSubmit {
width: 243px;
height: 40px;
font-size: 16px;
}
.btnCommon {
width: 210px;
height: 30px;
font-size: 16px;
background-color: #ee5057;
border: #ee5057;
color: #fff;
}
.d-flex-sm-12 .btnCommon2 {
    width: 14%;
}
.btnCommon2 {
    width: 43%;
    /*width: 117px;*/
    height: 30px;
    font-size: 16px;
    background-color: #ee5057;
    border: #ee5057;
    color: #fff;
}
    .btnCommon2.back {
        width: 117px;
    }
    .btn-mbt {
color: #ee5057;
font-weight: bold;
text-decoration: none;
}
.btn-mbt:hover {
color: #ee5057;
text-decoration: none;
}
.divContainer {
margin-top: 0px;
}
/*begin--------------------------------------------------------------*/
.loginform {
width: 900px;
margin-left: 500px;
margin-top: 150px;
}
.text-center {
text-align: center !important;
}
#profilelist {
margin-top: 82px;
padding: 10px;
}

#profilelist li {
padding: 0;
border-bottom: 1px solid #ddd;
}
#profilelist li a {
text-decoration: none;
color: #333333;
padding: 5px;
}

#profilelist ul > li:last-child {
border-bottom: none;
}
i.fa {
padding-right: 8px;
}
.form-control {
border-radius: 0 !important;
}

.form-control[readonly] {
background-color: #fff !important;
}
ul {
list-style: none;
}

.Admintab a {
display: block;
width: 100%;
}

.arrow {
height: 15px;
width: 15px;
border: 1px solid grey;
border-width: 2px 2px 0 0;
transform: rotate(135deg);
display: inline-block;
float: right;
}

.ulsubmenu {
display: none;
padding-left: 25px;
}

.panelmaxwidth {
width: 250px !important;
}

.panelminwidth {
width: 0;
}

.panelcolor {
background-color: #FCFEC4 !important;
}

.cdlbl label {
font-size: 16px;
font-weight: normal;
}
.whitespace {
    white-space: nowrap;
}

@media (min-width: 320px) and (max-width: 991.98px) {
    .holder {
        height: auto !important;
        width: auto !important;
    }
    #mySidenav, .navbar-toggle {
        display: block !important;
    }
    .mbmenus li {
        font-size: 15px !important;
        padding: 2px 10px;
    }

    .mbmenus {
        width: 100% !important;
        margin-left: 0 !important;
    }

        .mbmenus ul {
            padding-left: 0 !important;
            height: auto;
            padding-top: 12px;
            padding-bottom: 15px;
            width: 100% !important;
        }
    /*.mbmenus ul li {
           white-space: nowrap;
        }*/
    .sidenav {
        width: 0;
        height: auto;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #505050;
        overflow-x: hidden;
        transition: 0.5s;
        margin-top: 50px;
        border-bottom: 1px solid grey;
    }

    #leftpanelvisible {
        font-size: 30px;
        cursor: pointer;
        color: White !important;
        float: left;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        height: 5px;
        margin-top: 5px;
        width: 27px;
    }

    .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover {
        border-color: #222 !important;
        background-color: #222 !important;
    }

    #dsktpleftpanel {
        display: none;
    }

    #profilelist li a {
        text-decoration: none;
        color: #AAA;
        padding: 5px;
        font-size: 20px;
    }

    #navbartoplinks {
        display: none !important;
    }

    .loginform {
        margin: auto;
        width: 100%;
        padding: 50px;
        position: relative;
        top: 50px;
    }

    .txtbox {
        width: 100%;
        height: 40px;
    }

    #LoginbtnSubmit {
        width: 100%;
        height: 40px;
        font-size: 16px;
    }

/*    .divContainer {
        margin: 0px 16px;
    }*/

    .btnCommon2 {
        width: 100%;
        height: 30px;
        font-size: 16px;
        background-color: #ee5057;
        border: #ee5057;
        color: #fff;
    }
}

@media (min-width: 320px) and (max-width: 575.98px) {
    .holder {
        height: auto !important;
        width: auto !important;
    }
    .navbar-brand {
        left: 0 !important;
        top: 10px !important;
    }
    .col-flex-login {
        -ms-flex: 0 0 95% !important;
        flex: 0 0 95% !important;
        max-width: 95% !important;
    }
    .d-flex-sm-12 .btnCommon2 {
        width: 100%;
    }
    .dataTables_wrapper.form-inline.dt-bootstrap.no-footer .row:first-child input {
        width: 58%;
    }
    .dataTables_wrapper.form-inline.dt-bootstrap.no-footer .row:first-child {
        display: flex;
    }
    div.dataTables_wrapper div.dataTables_length select {
        width: 50px!important;
        display: inline-block;
    }
    .d-flex-sm-12{
        display:flex !important;
        justify-content:center !important;
    }
    .sm-hide{
        display:none;
    }
    .btnCommon2 {
        width: 117px;
        height: 30px;
        font-size: 16px;
        background-color: #ee5057;
        border: #ee5057;
        color: #fff;
    }
    #divRenderrightside {
        width: 100%;
    }
    .panel-title span {
        font-size: 1.34rem;
    }
    .panel-title small {
        font-size: 1.34rem;
    }
    }

@media (min-width: 576px) and (max-width: 767.98px) {
    .navbar-brand {
        left: 0 !important;
        top: 10px !important;
    }
    .col-flex-login {
        -ms-flex: 0 0 95% !important;
        flex: 0 0 95% !important;
        max-width: 95% !important;
    }
    .btnCommon2 {
        width: 117px;
        height: 30px;
        font-size: 16px;
        background-color: #ee5057;
        border: #ee5057;
        color: #fff;
    }
    .d-flex-sm-12 {
        display: flex !important;
        justify-content: center !important;
    }
    #divRenderrightside {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .scrollstop {
        position: static;
        height: auto;
        overflow-y: hidden;
    }
    .sidenavmobi {
        width: 0;
        height: 100%;
        max-height: 100%;
        position: absolute;
        z-index: 1000;
        top: 0;
        left: 0;
        background-color: #ffffff;
        overflow-x: auto;
        transition: 0.5s;
        margin-top: 50px;
        border-bottom: 1px solid grey;
    }
    #divRenderrightside.overlay::before {
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        position: absolute;
        height: 100%;
        z-index: 999;
        background-color: rgba(0,0,0,0.5);
    }

    #header {
        z-index: 1020;
    }

    #mySidenav .sidebar.sidebar-main.sidebar-default {
        display: block !important;
    }
}

    @media (min-width: 768px) and (max-width: 991.98px) {
        .navbar-right {
            margin: 7.5px 0 !important;
        }

        .navbar-brand {
            left: 0px !important;
            top: 7.5px;
        }
        #divRenderrightside {
            width: 100%;
        }

        .btnCommon2 {
            width: 70px;
            height: 25px;
            font-size: 13px;
        }

        .col-flex-login {
            -ms-flex: 0 0 80% !important;
            flex: 0 0 80% !important;
            max-width: 80% !important;
        }
    }

    @media (min-width: 992px) and (max-width: 1199.98px) {
        #dsktpleftpanel ul li a span {
            font-size: 14px;
        }

        .ulsubmenu {
            padding-left: 25px;
        }

        .leftpanel {
            width: 20%;
            background-color: #fff;
        }

        #divRenderrightside {
            width: 79.5%;
        }

        .btnCommon2 {
            width: 100px;
        }

        .form-horizontal .control-label {
            font-size: 13px;
        }
    }