116/*
 *  Document   : main.css
 *  Author     : pixelcave
 *  Description: The main stylesheet of the template
 *
 *  Structure (with shortcodes):
 *      (#m01mls) MAIN LAYOUT
 *      (#m02hds) HEADER
 *      (#m03sns) SIDEBAR/NAVIGATION
 *      (#m04mcs) MAIN CONTENT
 *      (#m05pgs) PAGES
 *      (#m06bos) BOOTSTRAP OVERWRITE/EXTEND STYLES
 *      (#m07hes) HELPERS
 *      (#m08ths) THEMES
 *      (#m09res) RESPONSIVE
 *      (#m10rts) RETINA
 *      (#m11prs) PRINT
 */

/*
=================================================================
(#m01mls) MAIN LAYOUT
=================================================================
*/

/* Include Open Sans font from Google Web Fonts */
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic');

/* Preloader */
#page-wrapper.page-loading {
    overflow: hidden;
}

    #page-wrapper.page-loading .preloader {
        display: block;
    }

ing .alert-link {
    color: #e67e22;
}

label.error {
    color:red;
}

.alert-success {
    color: #27ae60;
    background-color: #daf2e4;
    border-color: #b8e5cb;
}

.masterpagelogo {
    width: 100%;
    margin: 5px;
    float: left;
}

.btn-id {
    background: none;
    border: none;
    color: #5b9bd1;
}
    .btn-id:hover {
        text-decoration: underline;
    }

    .btn-id:focus {
        border: none;
        box-shadow: none;
        outline: none;
    }


.portlet.box.green {
    border: 1px solid #ff7F1A !important;
    border-top: 0;
}

.page-header {
    margin: 25px 0 -10px;
    height: 110px;
}

    .page-header .page-header-top .top-menu {
        margin: -10px 0 0;
        position: absolute;
        top: 0;
        right: 15px;
    }

    .page-header .page-header-top {
        height: 39px;
        border-bottom: 2px solid #ef7f1b;
        padding-bottom: 47px;
    }

        .page-header .page-header-top .page-logo {
            height: 49px;
        }

        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown {
            height: 54px;
        }

.container {
    width: 1266px !important;
}
/*.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
color: #BCC2CB !important;

}*/

.portlet.box.yellow > .portlet-title {
    background-color: #2a4374 !important;
}
.green.btn {
    color: #FFFFFF;
    background-color: #4d4d4d;
}
    .green.btn:hover, .green.btn:focus, .green.btn:active, .green.btn.active {
        color: #4d4d4d;
        background-color: #FFFFFF;
        border: 1px solid #ff7F1A;
    }

.table .green.btn {
    color: #4d4d4d;
    background-color: #FFFFFF;
    border: 1px solid #ff7F1A;
}
.dashboard-stat.green-haze .desc .more {
    color: #FFFFFF;
    background-color: #ff7F1A;
    opacity:1;
}
    .table .green.btn:hover {
        color: #FFFFFF;
        background-color: #4d4d4d;
    }

.red.btn {
    color: #c23f44;
    background-color: #FFFFFF;
    border: 1px solid #c23f44;
}

    .red.btn:hover {
        color: #FFFFFF;
        background-color: #c23f44;
    }

.page-header .page-header-menu {
    background: #fff;
    left: 15%;
    height: 0 !important;
    position: absolute;
    top: -10px;
}

.portlet.box.green > .portlet-title {
    background-color: #ff7F1A !important;
}

.tables {
    width: 100%;
    height: 300px;
}

.header {
    background-color: #2A4374;
    color: #ffffff;
    font-size: 14px;
}

.header1 {
    background-color: #4d4d4d;
    color: #ffffff;
    font-size: 14px;
}

.cols {
    background-color: #3857941f;
}

.cols1 {
    background-color: #f9f9f9;
}

.cols2 {
    background-color: #f1f1f1;
}

.cols3 {
    background-color: #f9f9f9;
}

.cols4 {
    background-color: #f1f1f1;
}

.cols5 {
    background-color: #f9f9f9;
}

ul.listRoles {
    width: 300px;
    height: 100px;
    padding: 5px;
    margin: 5px;
    list-style-type: none;
    border-radius: 5px;
    min-height: 130px;
    border: 1px solid #ddd;
    overflow: auto;
    /*min-height: 500px;*/
}

    ul.listRoles li {
        padding: 5px 15px;
        margin: 0px;
        /*background-color: #ffff99;*/
        cursor: pointer;
        /*border: 1px solid Black;*/
        border-radius: 5px;
    }

.dashboard-stat2 .display .number .font-green-sharp {
    color: #3faba4 !important;
}

/*.fa-rupee:before, .fa-inr:before {
    font-size: 25px;
}*/

.fa-5x {
    font-size: 5em !important;
}

.fa-4x {
    font-size: 4em !important;
}

.fa-3x {
    font-size: 3em !important;
}

.fa-2x {
    font-size: 2em !important;
}

.fa-lg {
    font-size: 1.33333333em !important;
}

.fa-md {
    font-size: 1em !important;
}



.dashboard-stat2 .display .number h3 > small {
    font-size: 17px;
    font-weight: 400;
}

.scrollit {
    overflow-y: scroll;
    height: 500px;
}

.page-header {
    height: 50px;
    border-bottom: 2px solid #2a4374;
}

.login {
    background: url("/img/bckimg.png");
    background-repeat: repeat;
    background-color: #fff;
    /*background-size: cover;*/
    /*background-position: center;
    background-attachment: fixed;*/
}

    .login:before {
        content: "";
        background: rgba(195, 190, 190, 0.1803921568627451);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }


.status {
    position: relative;
}

.dashboard-stat2 .status > span {
    position: absolute;
    left: 40%;
    top: 10px;
    /*background: #10b5bd;*/
    color: #fff;
    padding: 3px 15px;
    border-radius: 50px 50px 0 0;
}

.first .dashboard-stat2 {
    border: 2px solid #3faba4;
}

.second .dashboard-stat2 {
    border: 2px solid #8877a9;
}

.third .dashboard-stat2 {
    border: 2px solid #4c87b9;
}

.first .dashboard-stat2 .status > span {
    background: #3faba4;
}

.second .dashboard-stat2 .status > span {
    background: #8877a9;
}

.third .dashboard-stat2 .status > span {
    background: #4c87b9;
}

.table.table-light > thead > tr > th {
    color: #ffffff;
    border: 1px solid #fff;
}

.table.table-light .header1 > td {
    border: 1px solid #fff;
}

.table.table-light > tbody > tr > td {
    border-bottom: 1px solid #3857942b;
}

.table.table-light > tbody > tr > td {
    border: 1px solid #3857941f;
}

.table.table-light > tbody > tr:last-child > td {
    border: 1px solid #3857941f;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
    color: #ff7F1A;
}

    .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
        color: #4d4d4d;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
        color: #ffffff;
        background: #ff7F1A !important;
    }

.page-header .page-header-top.fixed {
    padding-top: 15px;
    height: 58px;
}

.dashboard-stat .details .number {
    font-size: 20px;
}


/*.form-group #file {
margin-left: 35%
}*/
/*.portlet.box.yellow.tblborder {
    border: 1px solid #2a4374;
}*/
.table-fixed {
    width: 100%;
}
    .table-fixed thead {
        height:80px;
    }
        .table-fixed tbody{
        overflow:auto;
        height:450px;
    }
    /*.table-fixed thead th {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        z-index: 999;
        background-color: #2A4374;
        color: #fff;
    }
.table-fixed header1 td {
    position: sticky;
    position: -webkit-sticky;
    top: 10;
    z-index: 999;
    background-color: #2A4374;
    color: #fff;
}*/
    /*@media screen and (min-width:1200px) {
        .page-header .page-header-menu {
        position: absolute;
        top: -10px;
        left: 300px;
        background: #ffffff !important;
        float: left;
    }
}*/

/****rating in %****/

.star-ratings-css {
    unicode-bidi: bidi-override;
    color: #c5c5c5;
    font-size: 15px;
    height: 20px;
    width: 65px;
    margin: 0 5px;
    position: relative;
    padding: 0;
    text-shadow: 0px 1px 0 #a2a2a2;
    line-height: 1.3;
}

.star-ratings-css-top {
    color: #e31e26;
    padding: 0;
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden;
}

.star-ratings-css-bottom {
    padding: 0;
    display: block;
    z-index: 0;
}


.dist-search input {
    width: 35%;
    padding: 8px;
    border-radius: 31px;
    border: 1px solid #ff7f1a;
}

    .dist-search input:before {
        content: '\f002';
        font-family: "Font Awesome 5 Free";
        position: absolute;
    }


@media screen and (min-width:1400px){
    .dashboard-stat .details .number {
        font-size: 30px;
    }
}

@media screen and (min-width:480px) and (max-width:1280px){
    .page-header .page-header-menu {
        background: #fff;
        height: 0 !important;
        overflow: hidden !important;
    }
    .page-header-menu.navbar-collapse.collapse.in {
        height: auto !important;
        position: relative;
        z-index: 9999;
        top: initial;
        left: initial;
    }
    .page-header .page-header-top .menu-toggler {
        display: block;
    }
    .page-header .page-header-top .menu-toggler {
        margin: 0px 3px 0 13px;
    }
    .page-header .page-header-top .top-menu{
        right:80px;
    }
    .logoImage {
        /*width: 81% !important;
        margin: -19px !important;*/
        width: 100%;
        margin: -22px;
        float: left;
    }
    .page-header .page-header-menu{
        padding:0;
    }
}

@media screen and (min-width:480px) and (max-width:640px){
    .page-header .page-header-top .top-menu .navbar-nav{
        position:initial !important;
    }
}

@media screen and (min-width:480px) and (max-width:555px){
    .page-header .page-header-top .top-menu{
        position:initial !important;
    }
}

@media screen and (max-width:991px){
    .dashboard-stat .details .number{
        font-size:35px;
    }
    .mb-sm-10 {
        margin-bottom: 10px;
    }
}

@media screen and (max-width:768px) {
    .dist-search input {
        width: 85%;
    }
    }


@media screen and (min-width: 480px) and (max-width: 768px) {
    .page-logo .logoImage {
        width: 75%;
    }

    .page-header .page-header-top .menu-toggler {
        margin-top: 0;
    }

    .page-header .page-header-menu {
        background: none !important;
    }

    .page-header-top > .container-fluid {
        border-bottom: 1px solid #2a4374;
        background: #fff;
    }

    .page-header .page-header-top .top-menu .navbar-nav {
        position: initial;
        top: -10px;
        right: 60px;
    }
}


@media screen and (max-width: 479px) {
    /*.navbar-nav {
        display: none;
    }*/
    .nor-nav {
        display: none;
        margin-top: 80px;
    }
    .page-header-menu.navbar-collapse.collapse{
        height:0 !important;
    }
    .page-header-menu.navbar-collapse.collapse.in {
        height: auto !important
    }

        .page-header .page-header-menu {
        position: inherit;
        top: inherit;
        left: inherit;
        
        background: none !important;
        float: none;
        margin-top: 0px;
        overflow: hidden;
    }

    .res-nav {
        display: block !important;
    }

    .page-header .page-header-top .menu-toggler {
        margin: 10px 3px 0 13px;
    }

     .page-header .page-header-top .top-menu{
         position:relative;
     }

    .page-header .page-header-top .top-menu .username-hide-mobile {
        display: block;
        /*margin-top: 15px !important;*/
    }

    .page-header .page-header-top {
        padding-bottom: 92px;
        border-bottom: 0;
    }

        .page-header .page-header-top .top-menu .navbar-nav {
            margin-bottom: 8px;
            margin-right: 8px;
            display: -webkit-inline-box;
            width: 100%;
        }
    /*.page-header .page-header-top .top-menu {
                float: left;
                top: 20px;
                position: relative;
            }*/
    .page-header {
        height: 91px;
        border-bottom: none;
    }

        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.dropdown-user {
            line-height: 1;
            width: 50%;
            margin: 0 70px 0 0px;
        }

    .dashboard-stat2 .status > span {
        left: 33%;
    }

    .page-header-top > .container-fluid {
        border-bottom: 1px solid #2a4374;
        background: #fff;
    }

    .page-header .top-menu {
        background: none !important;
    }

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown {
        height: auto;
    }

    .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background: none;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav {
        background: none !important;
    }
    .page-header .page-header-top .page-logo {
        width: 225px !important;
    }
}


@media screen and (max-width: 360px){
    .dashboard-stat .details .number {
        font-size: 25px;
    }
}


@media screen and (max-width: 320px) {
    .page-header .page-header-top .menu-toggler {
        margin: -47px 3px 0 13px;
    }
    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.dropdown-user {
        margin: 0 50px 0 0px;
    }
    
}
.btn-success {
    color: #fff;
    background-color: #ff7F1A !important ;
    border-color: #ff7F1A !important ;
}
    .btn-success:hover {
        color: #4D4D4D;

    }
.login .content h3 {
    color: #ff7F1A !important ;
    text-align: center;
    font-size: 28px;
    font-weight: 400 !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
    color: #ef7f1b  ;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #ef7f1b;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination .active > a, .pagination .active > a:hover {
    background: #ef7f1b;
    border-color: #dddddd;
    color: #fff;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
    color: #ef7f1b;
}
a {
    text-shadow: none;
    color: #ff7f1a;
}
    a:hover {
        color: #4d4d4d;
    }


/*@media screen and (max-width: 768px) {

}
    @media screen and (max-width: 479px) {
        .page-header .page-header-top .menu-toggler {
            margin: -40px 3px 0 13px;
            font-size: 30px;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 478px) {
        .login .logo {
            margin-top: 50%;
        }
    }*/