#dvPageTitle > span {
    display: inline-block;
    color: rgb(70, 77, 95);
}

.section-header {
    color: rgb(70, 77, 95);
}

.section-header-2 {
    color: rgb(70, 77, 95);
}

    @media (min-width: 768px) {
        #dvPageTitle > span:lang(en) {
            font-size: 26px;
        }

        #dvPageTitle > span:lang(ar) {
            font-size: 30px;
        }
    }

    @media (max-width: 767px) {
        #dvPageTitle > span:lang(en) {
            font-size: 20px;
        }

        #dvPageTitle > span:lang(ar) {
            font-size: 24px;
        }
    }

    #dvPageTitle > .page-subtitle:lang(en) {
    width: 100%;
    font-size: 16px;
    color: rgb(89, 117, 144);
}

#dvPageTitle > .page-subtitle:lang(ar) {
    width: 100%;
    font-size: 20px;
    color: rgb(89, 117, 144);
}




.content-header {
    color: rgb(0,92,185);
    border-bottom: 1px solid #d2d6de;
    border-top: 1px solid #d2d6de;
    background: rgb(224, 231, 238); /*rgba(0,92,185,.075);  For browsers that do not support gradients */
    position: relative;
    padding: 0px;
    width: 100%;
    padding: 8px 14px;
    font-size: 20px;
    text-shadow: 1px 1px 2px #d2d6de;
}

.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 0px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
/******************************************************************************************************************************End of all overridded class*/

html {
    height: 100%;
}
body {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    /*color: rgb(83, 108, 132);*/
    color: rgb(70, 77, 95);
}

#wrapper {
    background-color: rgb(239, 241, 252) !important;
}

#ContentBody {
    background-color: transparent !important;
}

.toolbar {
    background: #ffffff;
    border-radius: 15px;
    border: 1px solid rgb(241, 241, 241);
}

    .toolbar .btn {
        min-width: 75px;
    }

    .toolbar .btn.auto-width {
        min-width: auto;
    }
    

.content-panel {
    padding: 10px;
    background: #ffffff;
    border-radius: 6px;
    border: 1px solid rgb(241, 241, 241);
    display: inline-block;
    width: 100%;
}

.form-horizontal {
    padding: 15px 10px;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid rgb(241, 241, 241);
}

.form-horizontal.connect-top {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top: 0px none;
    margin-top: 0px;
}

.modal-content.form-horizontal {
    /*background-color: rgb(47, 64, 82);
    border-color: rgb(47, 64, 82);*/
    border-color: rgb(115,153,254);
    border-right-color: rgb(191, 87, 255);
    background: rgb(115,153,254);
    background: linear-gradient(135deg, rgba(115, 153, 254,1) 0%, rgba(179, 121, 255,1) 50%);
}

.modal-header {
    color: #ffffff;
}

.modal-message {
    background: white;
    display: flex;
    width: 100%;
}


/*.modal-backdrop {
    
    background-color: #000;
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }*/

/*.modal-backdrop.in {*/
    /*filter: alpha(opacity=50);
        opacity: .5;*/
    /*opactiy: 0 !important;*/
/*}*/

.close {
    color: #fff;
}



/*.btn-group-xs > .btn, .btn-xs {
    border-radius: 4px;
}*/

.btn-primary {
    border-color: rgb(191, 87, 255);
    background-color: rgb(191, 87, 255);
}

    .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        border-color: rgb(191, 87, 255);
        background-color: rgb(191, 87, 255);
    }

    .btn-default {
        color: rgb(89, 117, 144);
        border-color: rgb(223, 226, 253);
        background-color: #fbfbfb;
    }

        .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default, .open > .dropdown-toggle.btn-default:focus {
            background-color: rgb(175, 51, 251);
            color: #ffffff !important;
            border-color: rgb(175, 51, 251);
        }
.btn:hover, .btn:focus {
    background-color: rgb(175, 51, 251) ;
    color: #ffffff !important;
    border-color: rgb(175, 51, 251) ;
}

.dropdown-menu > li > a:hover {
    background-color: rgb(176, 181, 255) ;
    color: #ffffff !important;
}

/*.table-striped > tbody > tr:nth-of-type(even) > td > .btn-default {
    background-color: #fff;
}*/

a.aspNetDisabled {
    opacity: .65;
    /*background-color: #fff;
    border-color: rgb(245, 246, 250);*/
}



.form-control {
    border: 1px solid rgb(239, 241, 252) !important;
    color: rgb(70, 77, 95);
}

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: rgb(239, 241, 252);
    }


span.form-control:not(.input-xs):not(.input-sm):not(.input-md):not(.is-checkbox) {
    background-color: rgb(239, 241, 252);
}
 .aspNetDisabled.form-control {
    background-color: rgb(239, 241, 252) !important;
}


.input-group-addon {
    border-radius: 8px;
}


.table {
    border: 1px solid transparent !important;
}

.table-striped > tbody > tr:nth-of-type(even):not(.selected-row) {
    background-color: rgb(239, 241, 252) !important;
}

.table-striped > tbody > tr:nth-of-type(odd):not(.selected-row) {
    background-color: #fff;
}

.table-striped > tbody > tr:hover:not(.selected-row):not(.eDocGridHeaderStyle) {
    background-color: rgb(223, 226, 253) !important;
}

.table > tbody > .eDocGridHeaderStyle, .table > tbody > .eDocGridHeaderStyle:hover, .table > thead > .eDocGridHeaderStyle, .table > thead > .eDocGridHeaderStyle:hover {
    background-color: #fff !important;
    color: rgb(89, 117, 144) !important;
    border-bottom: 1px solid rgb(223, 226, 253) !important;
}

.table .selected-row, .table .selected-row a {
    background-color: rgb(70, 77, 95) !important;
    color: #ffffff !important;
}


.dashboard-newsbar {
    color: rgb(255, 255, 255) !important;
    min-height: 45px;
    padding: 12px 15px 12px 15px;
    background: rgb(115,153,254);
    background: linear-gradient(135deg, rgba(115, 153, 254,1) 0%, rgba(179, 121, 255,1) 50%);
}

.dashboard-box-calendar {
    background-color: rgb(239, 241, 252) !important;
}

.kpi-disabled {
    background-color: rgb(239, 241, 252) !important;
}


.ajax__tab_xp .ajax__tab_header {
    background-color: #fff;
    border: 1px solid rgb(239, 241, 252);
    padding-top: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

    .ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
        border: 0px none;
        background-color: #fff;
        color: rgb(167, 177, 187);
       /* font-weight: 600;*/
        font-size: 110%;
    }

    .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab, .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab:hover {
        border: 0px none;
        border-bottom: 3px solid rgb(183, 72, 250);
        background-color: #fff;
        color: rgb(183, 72, 250);
        font-size: 110%;
    }

    .ajax__tab_xp .ajax__tab_header .ajax__tab_tab:hover {
        border: 0px solid;
        background-color: #fff;
        color: rgb(183, 72, 250);
        border-top: 0px;
    }


.nav-tabs {
    background-color: #fff;
    border: 1px solid rgb(239, 241, 252);
    padding-top: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

    .nav-tabs > li > a {
        border: 0px none;
        background-color: #fff;
        color: rgb(167, 177, 187);
       /* font-weight: 600;*/
        font-size: 110%;
    }

        .nav-tabs > li > a:hover {
            border: 0px solid;
            background-color: #fff;
            color: rgb(183, 72, 250);
            border-top: 0px;
        }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        border: 0px none;
        border-bottom: 3px solid rgb(183, 72, 250);
        background-color: #fff;
        color: rgb(183, 72, 250);
        font-size: 110%;
    }

.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
    border: 0px solid;
    background-color: #fff;
    color: rgb(183, 72, 250);
    border-top: 0px;
}



body {
    background-color: rgb(239, 241, 252) !important;
}
.content-wrapper,
.right-side {
    min-height: 100%;
    background-color: rgb(239, 241, 252) !important; /*rgba(242, 242, 242, 1);*/
    z-index: 800;
    padding: 0px 20px;
    /*background-image: linear-gradient(rgb(220, 220, 220), rgb(255, 255, 255));*/
}

@media (min-width: 768px) {
    .content-wrapper:lang(en) {
        margin-left: 230px;
        margin-right: 0px;
        border-left: 3px solid rgb(239, 241, 252);
    }

    .content-wrapper:lang(ar) {
        margin-right: 230px;
        margin-left: 0px;
        border-right: 3px solid rgb(239, 241, 252);
    }
}
    .content {
        min-height: 250px;
        padding: 0px; /*20px;*/
        margin-right: auto;
        margin-left: auto;
        overflow: auto;
    }

    /*
 * Skin: Blue
 * ----------
 */

    /*css for top header*/






    /*.skin-blue .main-header .navbar .nav > li > a:hover,
        .skin-blue .main-header .navbar .nav > li > a:active,
        .skin-blue .main-header .navbar .nav > li > a:focus,
        .skin-blue .main-header .navbar .nav .open > a,
        .skin-blue .main-header .navbar .nav .open > a:hover,
        .skin-blue .main-header .navbar .nav .open > a:focus,
        .skin-blue .main-header .navbar .nav > .active > a {
            background: rgb(49,136,198);
            color: #fff;
        }*/

    /*.skin-blue .main-header .navbar .sidebar-toggle:hover {
        color: #fff;
        background: rgb(49,136,198);
    }*/

.skin-blue .main-header .navbar .sidebar-toggle {
    color: rgb(89, 117, 144);
}

    /*.skin-blue .main-header .navbar .sidebar-toggle:hover {
            background-color: rgb(49,136,198);
        }*/

    .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
        color: #fff;
    }




    @media (max-width: 767px) {
        /*.skin-blue .main-header .navbar .dropdown-menu li.divider {
            background-color: rgba(255, 255, 255, 0.1);
        }*/

        /*.skin-blue .main-header .navbar .dropdown-menu li a {
            color: #fff;
        }*/

        .skin-blue .main-header .navbar .dropdown-menu li a:hover {
            background: #367fa9;
        }
    }
     
    /*
 * Component: Main Header
 * ----------------------
 */
    .main-header {
        position: relative;
        /*max-height: 100px;*/
        z-index: 1030;
    }

        .main-header .navbar {
            -webkit-transition: margin-left 0.3s ease-in-out;
            -o-transition: margin-left 0.3s ease-in-out;
            transition: margin-left 0.3s ease-in-out;
            margin-bottom: 0;
            border: none;
            min-height: 90px;
            border-radius: 0;
            background-color: rgb(239, 241, 252) !important;
            /*border-bottom: 3px solid rgb(242, 242, 242);*/
        }

    .layout-top-nav .main-header .navbar {
        margin-left: 0;
    }

.skin-blue .main-header .navbar .nav > li > a {
    color: rgb(89, 117, 144);
    background-color: #fff !important;
}

    .main-header .navbar-custom-menu,
    .main-header .navbar-right {
        float: right;
    }


    @media (max-width: 991px) {
        .main-header .navbar-custom-menu a,
        .main-header .navbar-right a {
            color: inherit;
            background: transparent;
        }
    }

    @media (min-width: 768px) {
        .main-header .navbar {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

            .main-header .navbar:lang(en) {
                margin-left: 230px;
                margin-right: 0px;
                /*border-left: 3px solid rgb(242, 242, 242);*/
                /*border-top: 5px solid rgb(47, 64, 82)*/
            }

            .main-header .navbar:lang(ar) {
                margin-right: 230px;
                margin-left: 0px;
                border-right: 3px solid rgb(239, 241, 252);
            }

        .sidebar-mini.sidebar-collapse .main-header .navbar:lang(en) {
            margin-left: 50px;
            margin-right: 0px;
        }

        .sidebar-mini.sidebar-collapse .main-header .navbar:lang(ar) {
            margin-right: 50px;
            margin-left: 0px;
        }


        .navbar-nav {
            margin: auto 10px;
            
        }

        #dvPageTitleContainer {
            display: inherit;
            width: 100%;
            /*xxx background-color: #ffffff;*/
            border-bottom-right-radius: 15px;
            border-bottom-left-radius: 15px;
            border: 1px solid rgb(241, 241, 241);
            border-top: 0px;
        }

            #dvPageTitleContainer:lang(en) {
                margin-left: 22px;
                margin-right: 20px;
            }
            #dvPageTitleContainer:lang(ar) {
                margin-left: 20px;
                margin-right: 22px;
            }

        .main-header .navbar-custom-menu {
            margin: auto 0px;
        }

            .main-header .navbar-custom-menu:lang(en) {
                margin-left: auto;
            }

            .main-header .navbar-custom-menu:lang(ar) {
                margin-right: auto;
            }


        .navbar-custom-menu > .navbar-nav > li > .dropdown-menu:lang(en) {
            position: absolute;
            right: 0;
            left: auto;
        }

        .navbar-custom-menu > .navbar-nav > li > .dropdown-menu:lang(ar) {
            position: absolute;
            left: 0;
            right: auto;
        }

        .skin-blue .main-header .navbar .nav > li > a {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .dropdown-menu .dropdown-user {
            margin-top: 32px;
        }
    }

    @media (max-width: 767px) {

        .main-header .navbar {
            display: inline-block;
        }

        .navbar-nav {
            margin: 0px;
        }

        .main-header .navbar-right {
            float: none;
        }

        .navbar-collapse .main-header .navbar-right {
            margin: 7.5px -15px;
        }

        .main-header .navbar-right > li {
            color: inherit;
            border: 0;
        }

        .main-header .navbar-custom-menu {
            width: 100%;
        }

        .main-header .navbar .nav > li > select {
            margin: 15px 3px;
        }
    }





.main-header .sidebar-toggle {
    background-color: transparent;
    background-image: none;
    /*padding: 15px 15px;*/
    font-family: fontAwesome;
    color: rgb(255, 255, 255);
}


        .main-header .sidebar-toggle:lang(en) {
            float: right;
        }

        .main-header .sidebar-toggle:lang(ar) {
            float: left;
        }

        .main-header .sidebar-toggle:before {
            /*content: "\f0c9";*/
        }

        .main-header .sidebar-toggle:hover {
            /*color: #fff;*/
        }

        .main-header .sidebar-toggle:focus,
        .main-header .sidebar-toggle:active {
            background: transparent;
        }

        .main-header .sidebar-toggle .icon-bar {
            display: none;
        }

    @media (max-width: 767px) {
        .main-header .sidebar-toggle {
            padding: 20px;
        }
    }

    .main-header .navbar .nav > li.user > a > .fa,
    .main-header .navbar .nav > li.user > a > .glyphicon,
    .main-header .navbar .nav > li.user > a > .ion {
        margin-right: 5px;
    }

    .main-header .navbar .nav > li > a > .label {
        position: absolute;
        top: 9px;
        right: 7px;
        text-align: center;
        font-size: 9px;
        padding: 2px 3px;
        line-height: .9;
    }

    /*.logo-lg {
    margin-top: -6px;
}*/

    /*.logo-lg img {
    height: 40px;
}*/

    /*.logo-mini {
    margin-top: -6px;
}*/

    /*.logo-mini img {
    height: 30px;
}*/


.main-header .logo {
    -webkit-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    display: block;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 15px;
    font-weight: 300;
    overflow: hidden;
    background-color: rgb(179, 121, 255);
    /*background-color: #fff;
        color: rgb(0,92,185);*/
    /*background: rgba(0, 0, 0, 0.2);*/
    /*border-bottom: 0 solid transparent;*/
    border-bottom: 3px solid rgb(179, 121, 255);
    border-right: 1px solid rgb(179, 121, 255);
}

    .main-header .logo:lang(en) {
        float: left;
        border-top-right-radius: 15px;
    }

    .main-header .logo:lang(ar) {
        float: right;
        border-top-left-radius: 15px;
    }

        @media (max-width: 767px) {
            .main-header .logo img {
            margin-left: auto;
            margin-right: auto;
        }
        }

        .main-header .logo .logo-lg {
            display: block;
            height: 50px;
        }

        .main-header .logo .logo-mini {
            display: none;
            width: 30px;
            margin-top: 40px;
        }

        .main-header .logo > a > .icon-lg {
            display: block;
        }

        .main-header .logo > a > .icon-mini {
            display: none;
        }

    .sidebar-mini.sidebar-collapse .main-header .logo > a > .icon-mini {
        display: block;
    }

    .sidebar-mini.sidebar-collapse .main-header .logo > a > .icon-lg {
        display: none;
    }

    .sidebar {
        padding-bottom: 0px ;
    }

    @media (min-width: 768px) {
        .sidebar-menu:lang(en) {
            border-bottom-right-radius: 10px;
        }
        .sidebar-menu:lang(ar) {
            border-bottom-left-radius: 10px;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
            padding-top: 0px;
            padding-bottom: 0px;
            /*border: 1px solid rgb(241, 241, 241);*/
            border-top: 0px;
            top: 41px !important;
            background: linear-gradient(180deg, rgba(179, 121, 255,1) 0%, rgba(115, 153, 254,1) 100%); /*  rgb(115, 153, 254);*/
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
            padding: 11px 15px 11px 15px;
            background: rgb(179, 121, 255);
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li > #imgContainer {
            padding: 0px;
        }


        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
            min-height: 40px;
           
        }

      
        .sidebar-mini.sidebar-collapse .sidebar-menu > li #imgPhoto {
            max-width: 30px !important;
            height: auto !important;
            border-radius: 5px !important;
        }

        /*.sidebar-mini.sidebar-collapse .sidebar-menu > li > #imgContainer {
        min-height: 90px !important;
    }*/


        .sidebar-mini.sidebar-collapse .content-wrapper:lang(en), .sidebar-mini.sidebar-collapse .right-side:lang(en), .sidebar-mini.sidebar-collapse .main-footer:lang(en) {
            margin-left: 50px !important;
            margin-right: 0px !important;
        }

        .sidebar-mini.sidebar-collapse .content-wrapper:lang(ar), .sidebar-mini.sidebar-collapse .right-side:lang(ar), .sidebar-mini.sidebar-collapse .main-footer:lang(ar) {
            margin-right: 50px !important;
            margin-left: 0px !important;
        }
    }

    @media (min-width: 768px) {
        .main-header .logo {
            width: 230px;
            height: 90px;
        }

            .main-header .logo .logo-lg {
                margin-top: 20px;
                margin-left: auto;
                margin-right: auto;
            }
    }

    @media (max-width: 767px) {
        .main-header .logo {
            width: 100%;
            padding-top: 10px;
            padding-bottom: 10px;
        }
    }






    /*
    .main-header .logo:hover {
        background-color: #fff;
    }*/

    .main-header li.user-header {
        background-color: rgb(49,136,198);
    }

    .main-header .navbar-brand {
        color: #fff;
    }




    /*.skin-blue .content-header {
    background: transparent;
}*/

    /*css for aside menu*/


.main-sidebar {
    /*padding-top: 55px;*/
    /* ADDED BY HAMED FOR TESTING */
    padding-top: 0 !important;
    top: auto;
    min-height: inherit !important;

    background: rgb(179,121,255);
    background: linear-gradient(180deg, rgba(179, 121, 255,1) 0%, rgba(115,153,254,1) 30%, rgba(179, 121, 255,1) 170%);
}

        .main-sidebar:lang(en) {
            left: 0px;
            right: auto;
        }

        .main-sidebar:lang(ar) {
            right: 0px;
            left: auto;
        }

.sidebar ul li a.active {
    background-color: rgb(176, 181, 255);
    color: #FFFFFF;
}

.sidebar ul li a:hover {
    background-color: rgb(176, 181, 255) ;
    color: #FFFFFF;
}

.sidebar ul li a:focus {
    background-color: rgb(176, 181, 255);
    color: #FFFFFF;
}

@media (max-width: 767px) {
    /*.main-sidebar:lang(en) {
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        -o-transform: translate(-230px, 0);
        transform: translate(-230px, 0);
    }*/

    .main-sidebar:lang(ar) {
        -webkit-transform: translate(230px, 0);
        -ms-transform: translate(230px, 0);
        -o-transform: translate(230px, 0);
        transform: translate(230px, 0);
    }

    /*.sidebar-open .content-wrapper:lang(en), .sidebar-open .right-side:lang(en), .sidebar-open .main-footer:lang(en) {
        -webkit-transform: translate(230px, 0);
        -ms-transform: translate(230px, 0);
        -o-transform: translate(230px, 0);
        transform: translate(230px, 0);
    }*/
    .sidebar-open .content-wrapper:lang(ar), .sidebar-open .right-side:lang(ar), .sidebar-open .main-footer:lang(ar) {
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        -o-transform: translate(-230px, 0);
        transform: translate(-230px, 0);
    }

    .sidebar-open .main-sidebar, .sidebar-open .left-side {
        -webkit-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
        -o-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important;
    }
}

    .sidebar .arrow:lang(en) {
        float: right;
    }

.sidebar .arrow:lang(ar) {
    float: left;
}


    .fa.arrow:lang(en):before {
        /*content: "\f104";*/
        font-family: 'Glyphicons Halflings' !important;
        /*content: ">";*/
        content: "\e258";
        font-size: 11px !important;
    }

.fa.arrow:lang(ar):before {
    /*content: "\f104";*/
    font-family: 'Glyphicons Halflings' !important;
    /*content: ">";*/
    content: "\203A";
    font-size: 14px !important;
}




    .skin-blue .user-panel > .info,
    .skin-blue .user-panel > .info > a {
        color: #fff;
    }

    /*.skin-blue .sidebar-menu {
        border-top: 1px solid rgb(126,174,237);
    }*/

    /*.skin-blue .sidebar-menu > li {
            border-bottom: 1px solid rgb(126,174,237);
        }*/

    .skin-blue .sidebar-menu > li.header {
        color: #4b646f;
        background: #1a2226;
    }

.skin-blue .sidebar-menu > li > a {
    border-left: 3px solid transparent;
    color: rgb(255,255,255); /*rgb(187, 195, 202);*/
    min-height: 40px;
    padding: 10px 15px 10px 15px;
    background-color: transparent; /*rgb(47, 64, 82);*/
}

    .skin-blue .sidebar-menu > li > a:lang(en) {
        font-size: 12px;
    }

    .skin-blue .sidebar-menu > li > a:lang(ar) {
        font-size: 15px;
        font-weight: 600;
    }

    .sidebar .glyphicon {
        /*color: rgb(187, 195, 202);*/
    }


.skin-blue .sidebar-menu > li > #imgContainer {
    border-left: 0;
    /*border-bottom: 3px solid rgb(41, 58, 76);*/
}

    /*MenuItem Hover*/
    /*.skin-blue .sidebar-menu > li:hover > a,
            .skin-blue .sidebar-menu > li.active > a {
                color: #fff;
                text-shadow: 0px 0px 1px #fff;
                background: rgb(49,136,198);
                border-left-color: rgb(227,29,26);
            }


                .skin-blue .sidebar-menu > li:hover > a > .glyphicon,
                .skin-blue .sidebar-menu > li.active > a > .glyphicon {
                    color: rgb(227,29,26);
                    text-shadow: 0px 0px 1px #fff;
                }*/

    .skin-blue .sidebar-menu .treeview-menu:lang(en) {
        padding-left: 22px;
        padding-right: 0px;
    }
.skin-blue .sidebar-menu .treeview-menu:lang(ar) {
    padding-right: 22px;
    padding-left: 0px;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    /*margin: 0 1px;*/
    background: transparent; /*  rgb(115, 153, 254);*/
}


    .skin-blue .sidebar-menu .treeview-menu > li > a:lang(en) {
        font-size: smaller;
    }

    .skin-blue .sidebar-menu .treeview-menu > li > a:lang(ar) {
        font-size: inherit;
    }



.skin-blue .sidebar a {
    color: rgb(255, 255, 255);
}

        .skin-blue .sidebar a:hover {
            text-decoration: none;
        }

.skin-blue .sidebar #imgContainer:hover {
    background-color: rgb(47, 64, 82);
}

/*.sidebar ul li.active > a:before,
.sidebar ul li > a:hover:before,
.sidebar ul li.active .glyphicon,
.sidebar ul li > a:hover .glyphicon {
    color: #fff;
    text-shadow: 0px 0px 0px #fff
}*/

.sidebar-menu > li .label, .sidebar-menu > li .badge {
   
}

.badge {
    background: rgb(252, 160, 57) !important;
}

    .sidebar-mini.sidebar-collapse .sidebar-menu > li > #imgContainer:hover {
    background-color: rgb(89, 117, 144);
}


    .skin-blue .treeview-menu > li {
        margin: 0px;
    }

.skin-blue .treeview-menu > li > a {
    background-color: transparent;/* rgb(115, 153, 254);*/
}


.skin-blue .treeview-menu > li > a:lang(en) {
    border-left: 1px solid rgb(187, 195, 202);
    padding: 5px 5px 5px 0px;
    
}

        .skin-blue .treeview-menu > li > a:lang(ar) {
            border-right: 1px solid rgb(187, 195, 202);
            padding: 5px 0px 5px 5px;
           
        }

            .skin-blue .treeview-menu > li > a:lang(en):before {
                font-family: 'Courier New';
                color: rgb(187, 195, 202);
                content: "-";
                font-size: 10px;
                padding: 0px 3px 0px 0px;
            }

        .skin-blue .treeview-menu > li > a:lang(ar):before {
            font-family: 'Courier New';
            color: rgb(187, 195, 202);
            content: "-";
            font-size: 10px;
            padding: 0px 0px 0px 3px;
        }

            /*Sub Menu Hover*/
            .skin-blue .treeview-menu > li.active > a:lang(en),
            .skin-blue .treeview-menu > li > a:lang(en):hover {
                border-left: 1px solid #fff; /*rgb(227,29,26);*/
                text-shadow: none;
            }

        .skin-blue .treeview-menu > li.active > a:lang(ar),
        .skin-blue .treeview-menu > li > a:lang(ar):hover {
            border-right: 1px solid #fff; /*rgb(227,29,26);*/
            text-shadow: 0px 0px 1px #fff;
        }

                .skin-blue .treeview-menu > li.active > a:before,
                .skin-blue .treeview-menu > li > a:hover:before,
                .skin-blue .treeview-menu > li.active .glyphicon,
                .skin-blue .treeview-menu > li > a:hover .glyphicon {
                 /*   color: #fff; removed on 20230913*/
                    text-shadow: 0px 0px 0px #fff
                }





.skin-blue.layout-top-nav .main-header > .logo {
    background-color: #3c8dbc;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

        .skin-blue.layout-top-nav .main-header > .logo:hover {
            background-color: #3b8ab8;
        }

    / .skin-blue.layout-top-nav .main-header > .logo {
        background-color: #3c8dbc;
        color: #ffffff;
        border-bottom: 0 solid transparent;
    }

    .skin-blue.layout-top-nav .main-header > .logo:hover {
        background-color: #3b8ab8;
    }