/*This Style Made By Anees Comsec*/

navbar-header {
    padding: 0;
    max-height: none;
    padding-right: 20px;
}

/* *********************Button Anees Style**************** */

/*اللون الأساسي*/
.btn-Grid_Anees {
    color: #fff;
    background-color: #8bc3e7;
    border-color: #8bc3e7;
}

    /*بعد الضعط عليها وتركها*/
    .btn-Grid_Anees.focus, .btn-Grid_Anees:focus {
        color: #fff;
        background-color: #6bb1dd;
        border-color: #4b92bf;
    }
    /*أثناء المرور فوقها*/
    .btn-Grid_Anees:hover {
        color: #222;
        background-color: #4b92bf;
        border-color: #4b92bf;
    }

/*اللون الأساسي*/
.btn-anees {
    color: #fff;
    background-color: #4698cc;
    border-color: #4698cc;
}

    /*بعد الضعط عليها وتركها*/
    .btn-anees.focus, .btn-anees:focus {
        color: #fff;
        background-color: #6ea2c3;
        border-color: #6ea2c3;
    }
    /*أثناء المرور فوقها*/
    .btn-anees:hover {
        color: #222;
        background-color: #37678b;
        border-color: #37678b;
    }

    .btn-anees.active, .btn-anees:active, .open > .dropdown-toggle.btn-anees {
        color: #fff;
        background-color: #62a0c8;
        border-color: #62a0c8;
    }

        /*عند الضغط عليها*/
        .btn-anees.active.focus, .btn-anees.active:focus, .btn-anees.active:hover, .btn-anees:active.focus, .btn-anees:active:focus, .btn-anees:active:hover, .open > .dropdown-toggle.btn-anees.focus, .open > .dropdown-toggle.btn-anees:focus, .open > .dropdown-toggle .btn-anees:hover {
            color: #fff;
            background-color: #1f70ad;
            border-color: #37678b;
        }

    .btn-anees.active, .btn-anees:active, .open > .dropdown-toggle.btn-anees {
        background-image: none;
    }

    .btn-anees.disabled, .btn-anees.disabled.active, .btn-anees.disabled.focus, .btn-anees.disabled:active, .btn-anees.disabled:focus, .btn-anees.disabled:hover, .btn-anees[disabled], .btn-anees[disabled].active, .btn-anees[disabled].focus, .btn-anees[disabled]:active, .btn-anees[disabled]:focus, .btn-anees[disabled]:hover, fieldset[disabled] .btn-anees, fieldset[disabled] .btn-anees.active, fieldset[disabled] .btn-anees.focus, fieldset[disabled] .btn-anees:active, fieldset[disabled] .btn-anees:focus, fieldset[disabled] .btn-anees:hover {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-anees .badge {
        color: #5bc0de;
        background-color: #fff;
    }
/* *********************Button Anees Style**************** */


/* ********************* BTN Gray *********************/
/*اللون الأساسي*/
.btn-gray {
    color: #fff;
    background-color: #9d9d9d;
    border-color: #9d9d9d;
}
    /*بعد الضعط عليها وتركها*/
    .btn-gray.focus, .btn-gray:focus {
        color: #222;
        background-color: #a4a3a3;
        border-color: #a4a3a3;
    }
    /*أثناء المرور فوقها*/
    .btn-gray:hover {
        color: #222;
        background-color: #adaaaa;
        border-color: #adaaaa;
    }

    .btn-gray.active, .btn-gray:active, .open > .dropdown-toggle.btn-gray {
        color: #222;
        background-color: #adaaaa;
        border-color: #adaaaa;
    }
        /*عند الضغط عليها*/
        .btn-gray.active.focus, .btn-gray.active:focus, .btn-gray.active:hover, .btn-gray:active.focus, .btn-gray:active:focus, .btn-gray:active:hover, .open > .dropdown-toggle.btn-gray.focus, .open > .dropdown-toggle.btn-gray:focus, .open > .dropdown-toggle .btn-gray:hover {
            color: #fff;
            background-color: #948e8e;
            border-color: #948e8e;
        }

    .btn-gray.active, .btn-gray:active, .open > .dropdown-toggle.btn-gray {
        background-image: none;
    }

    .btn-gray.disabled, .btn-gray.disabled.active, .btn-gray.disabled.focus, .btn-gray.disabled:active, .btn-gray.disabled:focus, .btn-gray.disabled:hover, .btn-gray[disabled], .btn-gray[disabled].active, .btn-gray[disabled].focus, .btn-gray[disabled]:active, .btn-gray[disabled]:focus, .btn-gray[disabled]:hover, fieldset[disabled] .btn-gray, fieldset[disabled] .btn-gray.active, fieldset[disabled] .btn-gray.focus, fieldset[disabled] .btn-gray:active, fieldset[disabled] .btn-gray:focus, fieldset[disabled] .btn-gray:hover {
        background-color: #adaaaa;
        border-color: #adaaaa;
    }

    .btn-gray .badge {
        color: #adaaaa;
        background-color: #222;
    }

/* ********************* BTN Gray *********************/


/* *******************************Navbar Anees********************* */
.navbar-anees {
    /*navbar color*/ /*37678b*/
    background-color: #37678b;
    border-color: #eceeef;
}

    .navbar-anees .navbar-brand {
        color: #9d9d9d;
    }

        .navbar-anees .navbar-brand:focus, .navbar-anees .navbar-brand:hover {
            color: #fff;
            background-color: #080808;
        }

    .navbar-anees .navbar-text {
        color: #9d9d9d;
    }
    /*Navbar Item Text color*/
    .navbar-anees .navbar-nav > li > a {
        color: #fff;
    }

        .navbar-anees .navbar-nav > li > a:focus, .navbar-anees .navbar-nav > li > a:hover {
            color: #fff;
            background-color: #1a2940;
        }

    /*navbar Activetab*/
    .navbar-anees .navbar-nav > .active > a, .navbar-anees .navbar-nav > .active > a:focus,
    .navbar-anees .navbar-nav > .active > a:hover {
        color: #222;
        background-color: #222;
    }

    .navbar-anees .navbar-nav > .disabled > a, .navbar-anees .navbar-nav > .disabled > a:focus, .navbar-anees .navbar-nav > .disabled > a:hover {
        color: #444;
        background-color: #080808;
    }

    .navbar-anees .navbar-toggle {
        border-color: #333;
    }

        .navbar-anees .navbar-toggle:focus, .navbar-anees .navbar-toggle:hover {
            background-color: #333;
        }

        .navbar-anees .navbar-toggle .icon-bar {
            background-color: #fff;
        }

    .navbar-anees .navbar-collapse, .navbar-anees .navbar-form {
        border-color: #101010;
    }
    /*navbar bropdown focus*/
    .navbar-anees .navbar-nav > .open > a, .navbar-anees .navbar-nav > .open > a:focus, .navbar-anees .navbar-nav > .open > a:hover {
        color: #090909;
        background-color: #040404;
    }
    /*navbar bropdown Items focus*/
    .navbar-anees.dropdown-menu {
        background-color: #37678b;
    }

        .navbar-anees.dropdown-menu > li > a:hover, .navbar-anees.dropdown-menu > li > a:focus, .navbar-anees.dropdown-menu > .navbar-anees.active > a:hover {
            background-color: #222;
        }
/*.dropdown-menu>li>a { color: #EEF9FA}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #1D2C43}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #1D2C43}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret, .dropdown-menu > .active > a { border-top-color: #486972}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #1D2C43}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #486972}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #EEF9FA}*/







@media (max-width:767px) {
    .navbar-anees .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }

    .navbar-anees .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }

    .navbar-anees .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d;
    }

        .navbar-anees .navbar-nav .open .dropdown-menu > li > a:focus,
        .navbar-anees .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #fff;
            background-color: #080808;
        }

    .navbar-anees .navbar-nav .open .dropdown-menu > .active > a, .navbar-anees .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-anees .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #fff;
        background-color: #080808;
    }

    .navbar-anees .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-anees .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-anees .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #444;
        background-color: #080808;
    }
}

.navbar-anees .navbar-link {
    color: #9d9d9d;
}

    .navbar-anees .navbar-link:hover {
        color: #fff;
    }

.navbar-anees .btn-link {
    color: #9d9d9d;
}

    .navbar-anees .btn-link:focus, .navbar-anees .btn-link:hover {
        color: #fff;
    }

    .navbar-anees .btn-link[disabled]:focus, .navbar-anees .btn-link[disabled]:hover, fieldset[disabled] .navbar-anees .btn-link:focus, fieldset[disabled] .navbar-anees .btn-link:hover {
        color: #444;
    }
/* *******************************Navbar Anees********************* */


/* -----------------   Panel Comsec ------------------------------- */
.panel-comsec {
    color: #fff;
    background-color: #e4eaea;
    border-color: #e4eaea;
}

    /*بعد الضعط عليها وتركها*/
    .panel-comsec.focus, .panel-comsec:focus {
        color: #222;
        background-color: #e4eaea;
        border-color: #e4eaea;
    }
    /*panal Hover Color*/
    .panel-comsec:hover {
        color: #222;
        background-color: #dfe4e4;
        border-color: #dfe4e4;
    }

    .panel-comsec.active, .panel-comsec:active, .open > .dropdown-toggle.panel-comsec {
        color: #222;
        background-color: #adaaaa;
        border-color: #adaaaa;
    }
        /*on focus*/
        .panel-comsec.active.focus, .panel-comsec.active:focus, .panel-comsec.active:hover, .panel-comsec:active.focus, .panel-comsec:active:focus, .panel-comsec:active:hover, .open > .dropdown-toggle.panel-comsec.focus, .open > .dropdown-toggle.panel-comsec:focus, .open > .dropdown-toggle .panel-comsec:hover {
            color: #fff;
            background-color: #dadede;
            border-color: #dadede;
        }

    .panel-comsec.active, .panel-comsec:active, .open > .dropdown-toggle.panel-comsec {
        background-image: none;
    }

    .panel-comsec.disabled, .panel-comsec.disabled.active, .panel-comsec.disabled.focus, .panel-comsec.disabled:active, .panel-comsec.disabled:focus, .panel-comsec.disabled:hover, .panel-comsec[disabled], .panel-comsec[disabled].active, .panel-comsec[disabled].focus, .panel-comsec[disabled]:active, .panel-comsec[disabled]:focus, .panel-comsec[disabled]:hover, fieldset[disabled] .panel-comsec, fieldset[disabled] .panel-comsec.active, fieldset[disabled] .panel-comsec.focus, fieldset[disabled] .panel-comsec:active, fieldset[disabled] .panel-comsec:focus, fieldset[disabled] .panel-comsec:hover {
        background-color: #e4eaea;
        border-color: #e4eaea;
    }

    .panel-comsec .badge {
        color: #e4eaea;
        background-color: #e4eaea;
    }

/* -----------------   Panel Comsec ------------------------------- */


/*  ------------------ Panel Pink ------------------*/
.panel-pink {
    color: #222;
    background-color: #ffc0cb;
    border-color: #ffc0cb;
}

    /*panal Hover Color*/
    .panel-pink:hover {
        color: #222;
        background-color: #f6b8c3;
        border-color: #f6b8c3;
    }
    /*on focus*/
    .panel-pink.active.focus, .panel-pink.active:focus, .panel-pink.active:hover, .panel-pink:active.focus, .panel-pink:active:focus, .panel-pink:active:hover, .open > .dropdown-toggle.panel-pink.focus, .open > .dropdown-toggle.panel-pink:focus, .open > .dropdown-toggle .panel-pink:hover {
        color: #222;
        background-color: #f8b2be;
        border-color: #ffc9d2;
    }
/*  ------------------ Panel Pink ------------------*/


/*  ------------------ Panel Yellow ------------------*/
.panel-yellow {
    color: #222;
    background-color: #f8fbb8;
    border-color: #f8fbb8;
}
    /*panal Hover Color*/
    .panel-yellow:hover {
        color: #222;
        background-color: #f7fac6;
        border-color: #f7fac6;
    }
    /*on focus*/
    .panel-yellow.active.focus, .panel-yellow.active:focus, .panel-yellow.active:hover, .panel-yellow:active.focus, .panel-yellow:active:focus, .panel-yellow:active:hover, .open > .dropdown-toggle.panel-yellow.focus, .open > .dropdown-toggle.panel-yellow:focus, .open > .dropdown-toggle .panel-yellow:hover {
        color: #222;
        background-color: #faffb0;
        border-color: #faffb0;
    }
/*  ------------------ Panel Yellow ------------------*/


/*  ------------------ Panel Cyan ------------------*/
.panel-cyan {
    color: #222;
    background-color: #b1ebea;
    border-color: #b1ebea;
}
    /*panal Hover Color*/
    .panel-cyan:hover {
        color: #222;
        background-color: #bcf1f0;
        border-color: #bcf1f0;
    }
    /*on focus*/
    .panel-cyan.active.focus, .panel-cyan.active:focus, .panel-cyan.active:hover, .panel-cyan:active.focus, .panel-cyan:active:focus, .panel-cyan:active:hover, .open > .dropdown-toggle.panel-cyan.focus, .open > .dropdown-toggle.panel-cyan:focus, .open > .dropdown-toggle .panel-cyan:hover {
        color: #222;
        background-color: #9edbda;
        border-color: #9edbda;
    }
/*  ------------------ Panel Cyan ------------------*/



/*  **************GridView Row************ */
/*By Anees*/
.grid-line {
    color: #fff;
    background-color: #e1ddd6;
    border-color: #e1ddd6;
}
    /*hover*/
    .grid-line:hover {
        color: #222;
        background-color: #c8cacb;
        border-color: #c8cacb;
    }
/*  **************GridView Row************ */


/*  **************grid-altrnative-line************ */
/*By Anees*/
.grid-altrnative-line {
    color: #fff;
    background-color: #baced7;
    border-color: #baced7;
}
    /*hover*/
    .grid-altrnative-line:hover {
        color: #222;
        background-color: #a9b7c1;
        border-color: #a9b7c1;
    }
/*  **************grid-altrnative-line************ */


/* *************** Navbar comsec li ************************* */
.navbar-comsec-li {
    color: #fff;
    background-color: #37678b;
    border-color: #37678b;
}

    /*Button anees Hover Color*/
    .navbar-comsec-li:hover {
        color: #222;
        background-color: #0d5286;
        border-color: #0d5286;
    }
/* *************** Navbar comsec li ************************* */


/*Top and Down*/
#BTN_GoToTop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 5vw; /* Place the button at the bottom of the page */
    right: 0vw; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 1vw; /* Some padding */
    border-radius: 0.5vw; /* Rounded corners */
    font-size: 1.2vw; /* Increase font size */
}

#BTN_GoToDown {
    display: none; /* Hidden by default */
    position: absolute; /* Fixed/sticky position */
    right: 0vw; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 1vw; /* Some padding */
    border-radius: 0.5vw; /* Rounded corners */
    font-size: 1.2vw; /* Increase font size */
}

#BTN_GoToDown_Panal {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    right: 20vw; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 1vw; /* Some padding */
    border-radius: 0.5vw; /* Rounded corners */
    font-size: 1.2vw; /* Increase font size */
}

#BTN_GoToTop_Panal {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 5vw; /* Place the button at the bottom of the page */
    right: 20vw; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 1vw; /* Some padding */
    border-radius: 0.5vw; /* Rounded corners */
    font-size: 1.2vw; /* Increase font size */
}

#BTN_GoToTop:hover, #BTN_GoToDown:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}