html
{
    margin-top: 0 !important;
}
/* CSS Document */
@font-face
{
    font-family: "hacen";
    src: url("/Content/hr/fonts/hacen_liner_screen.eot"); /* IE 9 */
    src: url("/Content/hr/fonts/hacen_liner_screen.eot?") format("eot"), /* IE 6-8 */
    url("/Content/hr/fonts/hacen_liner_screen.otf") format("opentype"), /* Other browsers */
    url("/Content/hr/fonts/hacen_liner_screen.ttf") format("truetype"); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(/Content/hr/fonts/kufi/DroidKufi-Regular.eot);
  src: url(/Content/hr/fonts/kufi/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(/Content/hr/fonts/kufi/DroidKufi-Regular.woff2) format('woff2'),
       url(/Content/hr/fonts/kufi/DroidKufi-Regular.woff) format('woff'),
       url(/Content/hr/fonts/kufi/DroidKufi-Regular.ttf) format('truetype');
}
@font-face{font-family:'Taj Arabic Numbers';src:url('/Content/hr/fonts/kufi/ge_ss_two_medium.eot');src:url('/Content/hr/fonts/kufi/ge_ss_two_medium.eot?#iefix') format('embedded-opentype'),url('/Content/hr/fonts/kufi/ge_ss_two_medium.woff') format('woff'),url('/Content/hr/fonts/kufi/ge_ss_two_medium.ttf') format('truetype'),url('/Content/hr/fonts/kufi/ge_ss_two_medium.svg#ge_ss_two_medium') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'Taj Arabic Numbers1';src:url('/Content/hr/fonts/kufi/sp_mitra_bold.ttf') ;font-weight:normal;font-style:normal;}

@font-face
{
    font-family: 'ge';
    src: url('/Content/hr/fonts/GE_SS_Two_Light.eot');
    src: local('☺'), url('/Content/hr/fonts/GE_SS_Two_Light.woff') format('woff'), url('/Content/hr/fonts/GE_SS_Two_Light.ttf') format('truetype'), url('/Content/hr/fonts/GE_SS_Two_Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'gemed';
    src: url('/Content/hr/fonts/ge-ss-med.eot');
}

@font-face
{
    font-family: 'gemed';
    src: url(//:) format('no404'),url('/Content/hr/fonts/ge-ss-med.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 200;
    src: url('/Content/hr/fonts/DroidKufi-Regular.eot?#iefix') format('embedded-opentype'), url('/Content/hr/fonts/DroidKufi-Regular.woff') format('woff'), url('/Content/hr/fonts/DroidKufi-Regular.woff2') format('woff2'), url('/Content/hr/fonts/DroidKufi-Regular.ttf') format('truetype'), url('/Content/hr/fonts/DroidKufi-Regular.svg#Droid Arabic Kufi') format('svg');
}
body {
    background: #fdfdfd;
    font-family: 'Droid Arabic Kufi','Droid Sans','sans-serif';
    font-size: 14px; /*, 'ge'*/
    font-weight: bold;
}
body.select.option{background-color: #FFF; font-family: 'sans-serif'; font-weight:bold;}
a
{
    text-decoration: none;
}

    a:hover
    {
        text-decoration: none;
    }

img
{
    max-width: 100%;
}

ul, li
{
    list-style: none;
    margin: 0;
    padding: 0;
}

p
{
    font-family: 'sans-serif';/*,'ge';*/
    text-align: justify;  font-size: 17px;letter-spacing: 1px;
}

h1, h2, h3, h4, h5
{
    font-family: 'sans-serif';letter-spacing: 1px;/*,'gemed'*/
}

.btn,
.dropdown-menu
{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: none;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    -ms-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
}

.btn
{
    /*padding-left:15px;*/
}
    .btn i
    {        
        display: inline-block;
        background: rgba(216, 214, 214, 0.1);
    }
.login i
{
padding: 10px 15px;
	font-size: 18px;
        margin-top: -6px;
	margin-bottom: -6px;
	margin-right: -12px;
        margin-left: 15px;
}
     .btn.btn-default
    {
         background: #0072c6;color:#fff;
        /*background: #f1f1f1;*/
        -webkit-border-radius: 2px;
        border-radius: 2px;
        height:32px
    }

#Content .btn.btn-default
{
    border: 1px solid rgba(0,0,0,.1);
}

.btn.btn-default:hover
{
    background: #0072c6;
    color: #fff;
}

.form-control:focus, .form-control:active
{
    outline: none;
    box-shadow: none;
    background-color: #fdc536;
    
    
}
.form-control{background-color: #FFF; font-family: 'Taj Arabic Numbers1','sans-serif'; font-weight:bold;text-align:center}/*,"Times New Roman", Times, serif*/
.select{background-color: #FFF; font-family: 'sans-serif'; font-weight:bold;}
.transition,
.input-group *,
.toggle span:after, .toggle span:before,
.btn,
.systemMenu *
{
    -moz-transition: ease-in-out all 300ms;
    -webkit-transition: ease-in-out all 300ms;
    -ms-transition: ease-in-out all 300ms;
    -o-transition: ease-in-out all 300ms;
    transition: ease-in-out all 300ms;
    
}

/*Reset Bootstrap*/
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child)
{
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    /*border-radius: 1px;*/
}

.input-group-addon:last-child
{
    /*border-left: none;
    border-right: 1px solid #80dc75;*/
    border: 1px solid #C0C0C0;
}

.input-group.has-error .input-group-addon:last-child
{
    /*border-left: none;*/
}

.input-group
{
    margin-bottom: 15px;
    position: relative;
}

.form-control
{
    height: 23px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #0078d7;
}

.input-group-addon
{
    padding: 5px 18px;
    /*border-color: #eeeeee;*/
}

.input-group.has-error .glyphicon
{
    position: absolute;
    left: 15px;
    top: 20px;
}

.input-group.has-error .form-control
{
    padding-left: 40px;
}
/* ########### */

/*General*/
.marginTop
{
    margin-top: 10px;
}

.bs-callout
{
    background: #f8f8f8;
    padding: 10px;
    border-right: 5px solid;
    margin-bottom: 15px;
}

    .bs-callout h4
    {
        font-size: 16px;
        margin-top: 0;
    }

    .bs-callout p
    {
        margin: 0;
    }

.bs-callout-danger
{
    color: #e65948;
    border-color: #e65948;
}

.bs-callout-success
{
    color: #00a388;
    border-color: #00a388;
}

.bs-callout-info
{
    color: #fec536;
    border-color: #fec536;
}

.btn-danger
{
    background: #e65948;
}

.toggle
{
    position: relative;
}

    .toggle input
    {
        opacity: 0;
        visibility: hidden;
    }

        .toggle input + span:before
        {
            content: "";
            display: inline-block;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 54px;
            height: 32px;
            border: solid 2px #E5E5E5;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            border-radius: 20px;
            float: right;
            background: #E5E5E5;
        }

        .toggle input + span:after
        {
            content: "";
            width: 28px;
            height: 28px;
            -moz-border-radius: 28px;
            -webkit-border-radius: 28px;
            border-radius: 28px;
            position: absolute;
            right: 23px;
            top: 2px;
            background: #fff;
            border: 1px solid #E5E5E5;
        }

        .toggle input:checked + span:before
        {
            background: #0072c6;
            border-color: #2ab69c;
        }

        .toggle input:checked + span:after
        {
            border-color: #2ab69c;
            right: 2px;
        }

        .toggle input[type="radio"] + span:before
        {
            width: 32px;
        }

        .toggle input[type="radio"] + span:after
        {
            right: 6px;
            top: 6px;
            width: 20px;
            height: 20px;
        }

        .toggle input[type="radio"]:checked + span:after
        {
            border-color: #2ab69c;
            right: 4px;
            top: 4px;
            width: 24px;
            height: 24px;
        }

.borderTop
{
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #eee;
    text-align: center;
}

textarea.form-control
{
    min-height: 80px;
}
/*Login */

#loginHdr
{
    text-align: center;
    background: #0078d7;
    padding: 10px;
}

.mainLogos
{
    text-align: center;
   
}

.loginBox
{
    /*background: #0072c6;*/
    padding: 20px;
    box-shadow: 0 0 0 4px #eeeeee;
}

    .loginBox h2
    {
        text-align: center;
        /*color: #79898c;*/
        font-size: 18px;
        border-bottom: 1px solid #eeeeee;
        line-height: 6px;
        margin-bottom: 25px;
        margin-top: 30px;
    }

        .loginBox h2 span
        {
            background: #fff;
            padding: 10px;
        }

.loginForm .input-group
{
    direction: ltr;
}

    .loginForm .input-group *
    {
        direction: rtl;
    }

.input-group-addon i
{
    font-size: 24px;
}

.form-control:focus, .form-control:active
{
    border-color: #0078d7;
    color: #252526;
}
 .form-control:focus + .input-group-addon, .form-control:active + .input-group-addon
    {
        background: #0078d7;
        /*border-right-color: #252526;
		border-top-color: #E4E4E4;
		border-bottom-color: #908686;*/
        color: #fff;
    }

.input-group.has-error .form-control:focus, .input-group.has-error .form-control:active
{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #e65948;
    color: #e65948;
}
.input-group.has-error .form-control:focus + .input-group-addon, .input-group.has-error .form-control:active + .input-group-addon
    {
        background: #e65948;
        border-color: red;/*#e65948;*/
    }

.toggle span
{
    line-height: 30px;
}
/*Login page end here */


/*Header*/
#mainHeader
{
    background: #0072c6;
    position: relative;
    z-index: 100;
    display: inline-block;
    width: 100%;
}

.logoBtn
{
    background: #0072c6;
    color: #fff;
    padding: 9px;
    text-align: center;
}
.logoBtn i
    {
        font-size: 30px;
        vertical-align: middle;
        margin-left: 15px;
        line-height: 30px;
    }
/*Header End*/

/*Menu*/
.systemMenu
{
    padding: 0;
    position: static;
    background-color: #0072c6;
}

.mainMenuUl, .mainMenuUl ul, .mainMenuUl li
{
    float: right;
}

    .mainMenuUl .mainLink
    {
        text-align: center;
        /*border-bottom: 2px solid;*/
        color: #363c59;
        display: inline-block;
        padding: 0 10px;
        float: right;
    }

        .mainMenuUl .mainLink i
        {
            font-size: 20px;
            line-height: 24px;
            margin-top: 5px;
            display: inline-block;
        }

        .mainMenuUl .mainLink span
        {
            display: block;
            line-height: 12px;
            margin-bottom: 6px;
            font-size: 15px;
            font-weight:bold;
        }

.red_icon .mainLink
{
    border-color: #e65948;
}

    .red_icon .mainLink i
    {
        color: #e65948;
    }

.yellow_icon .mainLink
{
    border-color: #fdc536;
}

    .yellow_icon .mainLink i
    {
        color: #fdc536;
    }

.green_icon .mainLink
{
    border-color: #2ab69d;
}

    .green_icon .mainLink i
    {
        color: #2ab69d;
    }

.darkblue_icon .mainLink
{
    border-color: #0087a8;
}
.darkblue_icon .mainLink i
    {
        color: #0087a8;
    }

.darkred_icon .mainLink
{
    border-color: #e66470;
}
.darkred_icon .mainLink i
    {
        color: #fff;
    }

.blue_icon .mainLink
{
    border-color: #fff;
}
.blue_icon .mainLink i
    {
        color: #438EB9;
    }

.blueblack_icon .mainLink
{
    
    background-color:#0072c6;
    color:#ffffff;
    /*border-color: #000;*/
    /*margin-right:1px;*/
}

    .blueblack_icon .mainLink i
    {
         color: #ffffff;
         /*border-color: #000;*/
    }

 .topLevel.active .mainLink i, .topLevel.active .mainLink
{
    color: #000000;
      /*border-color: #fff;*/
    
}

 .yellow_icon.active .mainLink
{
    -moz-box-shadow: 0px -55px 0px 0px #fdc536 inset;
    -webkit-box-shadow: 0px -55px 0px 0px #fdc536 inset;
    box-shadow: 0px -55px 0px 0px #fdc536 inset;
}

 .green_icon.active .mainLink
{
    -moz-box-shadow: 0px -55px 0px 0px #2ab69d inset;
    -webkit-box-shadow: 0px -55px 0px 0px #2ab69d inset;
    box-shadow: 0px -55px 0px 0px #2ab69d inset;
}

.darkblue_icon.active .mainLink
{
    -moz-box-shadow: 0px -55px 0px 0px #0087a8 inset;
    -webkit-box-shadow: 0px -55px 0px 0px #0087a8 inset;
    box-shadow: 0px -55px 0px 0px #0087a8 inset;
}

 .darkred_icon.active .mainLink
{
    -moz-box-shadow: 0px -55px 0px 0px #e66470 inset;
    -webkit-box-shadow: 0px -55px 0px 0px #e66470 inset;
    box-shadow: 0px -55px 0px 0px #e66470 inset;
}

 .blue_icon.active .mainLink
{
    -moz-box-shadow: 0px -55px 0px 0px #438EB9 inset;
    -webkit-box-shadow: 0px -55px 0px 0px #438EB9 inset;
    box-shadow: 0px -55px 0px 0px #438EB9 inset;
}

 .blueblack_icon.active .mainLink
{
    -moz-box-shadow: 0px -55px 0px 0px #ffffff inset;
    -webkit-box-shadow: 0px -55px 0px 0px #ffffff inset;
    box-shadow: 0px -55px 0px 0px #ffffff inset;
}

 .red_icon.active .mainLink
{
    -moz-box-shadow: 0px -55px 0px 0px #e65948 inset;
    -webkit-box-shadow: 0px -55px 0px 0px #e65948 inset;
    box-shadow: 0px -55px 0px 0px #e65948 inset;
}

/*.mainMenuUl .Menu
{
    position: absolute;
    width: 100%;
    right: 0;
    top: 52px;
    padding: 0px;
    line-height: 45px;
    background: #eeeeee;
    -moz-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
}*/

.mainMenuUl .Menu
{
    position: absolute;
    width: 100%;
    right: 0;
    top: 49px;
    padding: 0px;
    line-height: 45px;
    background: #eeeeee;
    /*-moz-transform: scaleY(0);
    -webkit-transform: scaleY(0);*/
    transform: scaleY(0);
    visibility: visible;
    opacity: 1;
    height: 45px;
    overflow: visible;
}
.topLevel::after .Menu, .topLevel.active .Menu
{
    -moz-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
    opacity: 1;
    height: 45px;
    overflow: visible;	
     border-color:white;
    color:#fff
}
.topLevel:hover .Menu{
	z-index:100;
	}
.mainMenuUl .Menu .menuTitle
{
    text-align: center;
    background: rgba(0,0,0,.1);
    color: #fff;font-size:16px;
    border-color:white;
    color:#fff
}
.sublink
{
    color: #fff;
    display: block;
    padding: 0px 10px;
    /*padding: 0px 2px;
    border : 1px solid #3991d6;*/
}
 .sublink i
    {
        margin-right: 10px;
    }
.sublink i:before
        {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }
.mainMenuUl .red_icon .Menu
{
    background: #e65948;
}

.mainMenuUl .yellow_icon .Menu
{
    background: #fdc536;
}

.mainMenuUl .green_icon .Menu
{
    background: #2ab69d;
}

.mainMenuUl .darkblue_icon .Menu
{
    background: #0087a8;
}

.mainMenuUl .darkred_icon .Menu
{
    background: #e66470;
}

.mainMenuUl .blue_icon .Menu
{
    background: #438EB9;
    border-color:#fff;
    color:#fff
}

.mainMenuUl .blueblack_icon .Menu
{
    background: #3991d6;
    border-color:#fff;
    color:#fff
}

.mainMenuUl .Menu ul ul
{
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: 240px;
    top: 45px;
    right: 0;
    background: #fff;
    border-bottom: 1px solid #595959;
    border-bottom-width: 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-transform: scale(.8) translateY(50%);
    -moz-transform: scale(.8) translateY(50%);
    transform: scale(.8) translateY(50%);
}

.mainMenuUl .red_icon .Menu ul ul
{
    border-bottom-color: #e65948;
}

.mainMenuUl .yellow_icon .Menu ul ul
{
    border-bottom-color: #fdc536;
}

.mainMenuUl .green_icon .Menu ul ul
{
    border-bottom-color: #2ab69d;
}

.mainMenuUl .darkblue_icon .Menu ul ul
{
    border-bottom-color: #0087a8;
}

.mainMenuUl .darkred_icon .Menu ul ul
{
    border-bottom-color: #e66470;
}

.mainMenuUl .blue_icon .Menu ul ul
{
    border-bottom-color: #438EB9;
     color: #fff;
}

.mainMenuUl .blueblack_icon .Menu ul ul
{
    border-bottom-color: #fff;
    color: #fff;
}

.mainMenuUl .Menu ul ul li
{
    border: 1px solid #707070;
    margin-top: -1px;
    width: 100%;
    line-height: 30px;
}
.mainMenuUl .Menu ul ul li:hover{border: 1px solid #707070;}
.mainMenuUl .Menu ul ul li a
    {
        background: #FFFFFF;
        display: block;
        padding: 4px;
        color: #0072c6;
        border-color: #0072c6;
    }
.mainMenuUl .Menu ul ul li a:hover{background: #c7e0f4;color: #0072c6;}
.mainMenuUl .Menu ul.col-sm-10 li
{
    position: relative;
}
.mainMenuUl .Menu ul.col-sm-10 li:hover a.sublink
    {
        color: #fff;
        background: #0072c6;
    }

    .mainMenuUl .Menu ul.col-sm-10 li:hover ul
    {
        overflow: visible;
        visibility: visible;
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
        -moz-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
    }




/*Menu End*/


.pagetitle
{
    text-align: right;
    padding: 13px;
    color: #363c59;
    background: #eeeeee;
    margin-top: -6px;
}

#Content
{
    padding-top:38px;
    padding-right:38px;
    padding-left:38px;
    padding-bottom:1px;

}

.panel
{
    border-color: #ececec;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 2;
}

.panel-heading {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-family: "Droid Arabic Kufi","Droid Sans",Tahoma,Arial,sans-serif; /*,gemed;*/
}

.panel .panel-heading
{
    color: #fff;
    border: none;
    padding:7px;
}

.panel-default > .panel-heading
{
    color: #363c59;
    background: #f8f8f8;
    border-bottom: 1px solid #ececec;
}

.panel-primary > .panel-heading
{
    background: #0072c6;
}

.panel-danger > .panel-heading
{
    background: #e65948;
}

.panel-success > .panel-heading
{
    background: #2ab69d;
}

.panel-info > .panel-heading
{
    background: #438EB9;
}

.circleStat
{
    text-align: center;
}

    .circleStat div
    {
        position: relative;
        display: inline-block !important;
    }

    .circleStat input
    {
        width: 100% !important;
        background: none !important;
        text-align: center !important;
        left: 0;
        margin-left: 0 !important;
    }

.chartTitle
{
    text-align: center;
    margin-top: 10px;
}

footer
{
    /*background: #0F5F3F;*/
    border-top: 1px solid #eeeeee;
    text-align: center;
    padding: 15px;
    margin-top: 25px;
    /*color:white;*/
}

.leftMenuContainer .btn-group
{
    float: left;
    position: relative;
}

    .leftMenuContainer .btn-group:after
    {
        content: "\f35f";
        display: inline-block;
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        bottom: 7px;
        left: 45%;
        color: #a7a7a7;
    }

    .leftMenuContainer .btn-group:first-child:after
    {
        left: 0;
        bottom: 38%;
    }

.leftMenuContainer .userImg
{
    width: 30px;
    height: 30px;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-top: 2px;
    background-color: #FFF;
    margin-bottom: 8px;
}

.leftMenuContainer .btn-group .badge
{
    position: absolute;
    left: 0px;
    top: 3px;
    background: #e85948;
    font-weight: normal;
    font-family: 'sans-serif';/*,arial;*/
    font-size: 11px;
}

.leftMenuContainer .btn i
{
    margin: 0;
    background: none;
    font-size: 28px;
    padding: 0;
    color: #a7a7a7;
}

.leftMenuContainer .btn:hover i
{
    color: #fff;
}

.leftMenuContainer .dropdown-menu
{
    left: 0;
    right: auto;
}

.leftMenuContainer .btn
{
    background:  #0072c6;
}

.btn-group.open .btn i
{
    color: #e85948;
}

.leftMenuContainer .btn-group:last-child, .leftMenuContainer .btn-group:first-child
{
    border-right: 1px solid #e8e8e8;
}

.dropdown-menu > li > a
{
    padding: 10px 20px;
}

    .dropdown-menu > li > a:hover
    {
        background: #f8f8f8;
    }

.dropdown-menu .divider
{
    margin: 5px 0;
}

.leftMenuContainer .btn-group.open .btn
{
    background: #f6f6f6;
}

.Notifications
{
    /*width: 300px;*/
    padding: 0;
    border: 1px solid #e9e9e9;
    border-top: 0;
}

.dropHeader
{
    background: #f6f6f6;
    padding: 11px 15px;
    border-bottom: 1px solid #e9e9e9;
}

.Notifications li:not(.dropHeader) i.icon
{
    float: right;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #CCC;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 38px;
    margin-top: 3px;
}

.Notifications li i.icon.red
{
    background: #ec4a33;
}

.Notifications li i.icon.green
{
    background: #14ae88;
}

.Notifications li i.icon.blue
{
    background: #1fc1cc;
}

.Notifications li div
{
    display: block;
    padding-right: 45px;
    margin-top: 3px;
}

.Notifications li
{
    border-bottom: 1px solid #eff2f7;
}

    .Notifications li h3
    {
        font-size: 14px;
        font-family: ge;
        margin: 0;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Notifications li p
    {
        color: #a3a3a3;
        font-size: 12px;
        margin-top: 5px;
        margin-bottom: 0;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Notifications li.dropHeader a
    {
        padding: 0;
    }

        .Notifications li.dropHeader a i
        {
            float: left;
        }

        .Notifications li.dropHeader a:hover
        {
            color: #ec4a33;
        }

    .Notifications li .logOut
    {
        color: #ec4a33;
    }
    .Notifications li:not(.dropHeader) .logOut i
    {
        width: 25px;
        height: 25px;
        line-height: 25px;
        margin: 0;
        margin-left: 5px;
        margin-top: -3px;
    }

.userMenu
{
    width: 200px;
}

    .userMenu li
    {
        border: none;
    }

        .userMenu li:last-child
        {
            border-top: 1px solid #eff2f7;
        }

.panel-heading .pull-left
{
    margin-top: -7px;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th
{
    /*background: #f6f6f6;*/
    background:white;
}

.table
{
    /*font-family:tahoma;*/
    direction: rtl;
    text-align: right;
}

.text-left
{
    text-align: right;
}

.text-right
{
    text-align: left;
}

.bootgrid-header .pagination, .bootgrid-footer .pagination
{
    direction: ltr;
    font-family: 'sans-serif';/*,tahoma;*/
    font-size: 12px;
    color:#0072c6
}

.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu
{
    direction: rtl;
    text-align: right;
    -webkit-box-shadow: 0px 3px 0 0px rgba(0,0,0,.2);
    box-shadow: 0px 3px 0 0px rgba(0,0,0,.2);
}

    .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item
    {
        padding: 10px;
        border-bottom: 1px solid #f6f6f6;
    }

.bootgrid-header .input-group
{
    margin-bottom: 0;
}

.bootgrid-table .btn i
{
    margin: 0;
    padding: 0;
    background: none;
}

.bootgrid-table .btn
{
    border: none !important;
}

.table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
{
    vertical-align: middle;
    /*border:1pt solid #0072c6;*/
}

.table > thead > tr > th {
    vertical-align: middle;
    /*border:1pt solid #ddd;*/
}

.text-center
{
    text-align: center;
}

.rating i
{
    color: #666;
}

.rating .yellow
{
    color: #FC0;
}

.infoTable tr td:first-child
{
    font-weight: bold;
}

.btn.btn-large
{
    padding: 10px 20px;
}

.searchBar
{
    margin-top: 5px;
}
.searchBar .btn, .searchBar .form-control
    {
        height: 45px;
    }

#tab-messages .btn.btn-success, #tab-messages .btn.btn-default
{
    border: none;
    margin: 0 5px;
}

#tab-messages .btn i
{
    background: none;
    margin-left: 0;
}

#tab-messages .list-group-item input
{
    margin-left: 10px;
    margin-right: 5px;
}

.form-group .control-label {
    padding:0px;
    margin:0px;
    padding-right: 0;
    font-size: 15px;
    font-weight: bold;
    margin-top: 0px;
    font-size:12px;
    font-family: "Droid Arabic Kufi","Droid Sans",Tahoma,Arial,sans-serif; /*,Tahoma;*/
}

.sideAdd
{
    padding: 15px;
  /*  background: #f6f6f6;*/
}

    .sideAdd .row
    {
        margin: 0;
    }

.pagination > li > a, .pagination > li > span
{
    float: right;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    border: none;
    background: #f6f6f6;
    color: #000;
    margin: 1px;
}

.dataTables_filter input[type="search"]
{
    /*height: 35px!important;*/
    width: 50%!important;
   
}

/*Edits 21/3/2015*/
.modal-header{
	background:#0078d7;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	}
.modal-title{
	color:#fff;
	}
.form-horizontal .has-feedback .form-control-feedback{
	top:1px;
	}
.row.well-sm .form-group{
	margin-bottom:0;
	}
.mainMenuUl .red_icon .Menu{
	  background: #9D3427;
	}
.red_icon:hover .mainLink, .red_icon.active .mainLink{
	  -moz-box-shadow: 0px -55px 0px 0px #9D3427 inset;
	  -webkit-box-shadow: 0px -55px 0px 0px #9D3427 inset;
	  box-shadow: 0px -55px 0px 0px #9D3427 inset;
	}
.red_icon .mainLink{border-color: #9D3427;}
.loginForm .btn-danger{background:#0078d7 /*#7F7F7F;*/}
.loginForm input{height:36px}
.table thead {
    color:#000000;
    /*background-image: linear-gradient(to bottom,#F8F8F8 0,#ECECEC 100%);*/
    background-color: #eeeeee;
}
table.dataTable{display: inline-table;margin-top: 7px !important;}
/*Responsive Style*/
@media all and (min-width: 300px) and (max-width: 700px)
{
}
@media (min-width: 992px){
.modal-dialog {
width: 880px;}
}
.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent; 	
	border-right:50px solid #DA4E3D; 
}
.has-feedback .form-control{padding-right:5px;}
.dataTables_wrapper{background: #FCFCFC;
                    /*padding-top: 10px;*/
                    /*border: 1px solid #0072c6;*/

}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #6FAED9;
    border-color: #6FAED9;
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    z-index: 2;
    font-family:'Taj Arabic Numbers1';
}
.pagination>li>a,.pagination>li>span {
 position: relative;
 float: right;
 padding: 6px 12px;
 line-height: 1.42857143;
 text-decoration: none;
 color: #337ab7;
 background-color: #fff;
 border: 1px solid #ddd;
 margin-left: -1px;
 font-family: 'Taj Arabic Numbers1';
 }
.dataTables_length label{margin-bottom:0;}
.table-bordered {
    /*border:1px solid #0072c6*/
}
table.dataTable{margin-bottom: 0 !important;}
.table-footer{  border-top: 1px solid #ddd; height: 49px;}
.table-footer,.table-footer div{  background: #ECECEC;
  display: block;}
table.table-bordered th:first-child, table.table-bordered td:first-child {border-right-width: 0; }
table.table-bordered th:last-child, table.table-bordered td:last-child {border-right-width: 1px; }
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
    /*border-bottom-color:#0072c6*/
}
.btn-success {
  background-repeat: repeat-x;
    border: 1px solid #757575;
    border-radius: 3px;
    color: #fff;
    background-color: #0072c6;
    background-image: linear-gradient(to bottom, #808080 0, #808080 100%);
}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#FFF;border-color:#757575}
.spinner {
    background:url('/Content/hr/images/loading1.gif') no-repeat left center;
}.space-1{clear:both;margin-bottom:10px;}
.space-2 {
    clear: both;
    margin-bottom: 20px;
}
.nav-tabs.nav-justified > li > a{
    /*color:rgb(192, 192, 199);*/
    color:#000;
}
.nav-tabs.nav-justified > li.active > a{color:#fff;}
.table-center tr{text-align:center;}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.btn-group>.btn:last-child:not(:first-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}.btn-info,.btn-primary{height:34px}
 .CenterPB{
position: absolute;
left: 50%;
top: 50%;
margin-top: -30px; /* make this half your image/element height */
margin-left: -30px; /* make this half your image/element width */
}

 .glyphicon-trash {

     color: red;
 }
 .glyphicon-pencil {
     color: #5cb0f3;
 }
 .glyphicon-eye-open {
     color: #0072c6;
 }
.close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
    opacity: 1;

}

/*New Login Style*/

.loginBody {
    margin: 60px;
    color: #6a6f8c;
    font: 600 16px/18px 'Droid Arabic Kufi',sans-serif;
    /* background-image: url('background.jpg'); */
}


    .loginBody::after {
        content: "";
        background-image: url('../images/background.jpg');
        opacity: 0.9;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: -1;
        background-size: cover;
    }

*, :after, :before {
    box-sizing: border-box
}

.clearfix:after, .clearfix:before {
    content: '';
    display: table
}

.clearfix:after {
    clear: both;
    display: block
}

a {
    color: inherit;
    text-decoration: none
}

.login-wrap {
    width: 100%;
    margin: auto;
    max-width: 525px;
    min-height: 670px;
    position: relative;
    /*background-image: url('../images/form.jpg');*/
    box-shadow: 0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
    border-radius: 50px;
    background-size: cover;
}

.login-html {
    width: 100%;
    position: absolute;
    padding: 90px 70px 50px 70px;
    background: rgba(56, 59, 68, 0.83);
    border-radius: 50px;
}

    .login-html .sign-in-htm,
    .login-html .sign-up-htm {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    .login-html .sign-in,
    .login-html .sign-up,
    .login-form .group .check {
        display: none;
    }

    .login-html .tab,
    .login-form .group .label,
    .login-form .group .button {
        text-transform: uppercase;
    }

    .login-html .tab {
        font-size: 22px;
        margin-right: 15px;
        padding-bottom: 5px;
        margin: 0 15px 10px 0;
        display: inline-block;
    }

    .login-html .sign-in:checked + .tab,
    .login-html .sign-up:checked + .tab {
        color: #fff;
        border-color: #303338;
        margin-right: 140px;
    }

.login-form {
    min-height: 345px;
    position: relative;
    perspective: 1000px;
    transform-style: preserve-3d;
}

    .login-form .group {
        margin-bottom: 15px;
    }

        .login-form .group .label,
        .login-form .group .input,
        .login-form .group .button {
            width: 100%;
            color: #fff;
            display: block;
        }

        .login-form .group .input,
        .login-form .group .button {
            border: none;
            padding: 15px 20px;
            border-radius: 25px;
            background: rgba(255,255,255,.1);
        }

        .login-form .group input[data-type="password"] {
            text-security: circle;
            -webkit-text-security: circle;
        }

        .login-form .group .label {
            color: white;
            font-size: 16px;
        }

        .login-form .group .button {
            background: #1161ee;
            font-size: 20px;
        }

        .login-form .group label .icon {
            width: 15px;
            height: 15px;
            border-radius: 2px;
            position: relative;
            display: inline-block;
            background: rgba(255,255,255,.1);
        }

            .login-form .group label .icon:before,
            .login-form .group label .icon:after {
                content: '';
                width: 10px;
                height: 2px;
                background: #fff;
                position: absolute;
                transition: all .2s ease-in-out 0s;
            }

            .login-form .group label .icon:before {
                left: 3px;
                width: 5px;
                bottom: 6px;
                transform: scale(0) rotate(0);
            }

            .login-form .group label .icon:after {
                top: 6px;
                right: 0;
                transform: scale(0) rotate(0);
            }

        .login-form .group .check:checked + label {
            color: #fff;
        }

            .login-form .group .check:checked + label .icon {
                background: #46494d;
            }

                .login-form .group .check:checked + label .icon:before {
                    transform: scale(1) rotate(45deg);
                }

                .login-form .group .check:checked + label .icon:after {
                    transform: scale(1) rotate(-45deg);
                }

.login-html .sign-in:checked + .tab + .sign-up + .tab + .login-form .sign-in-htm {
    transform: rotate(0);
}

.login-html .sign-up:checked + .tab + .login-form .sign-up-htm {
    transform: rotate(0);
}

.hr {
    height: 2px;
    margin: 60px 0 50px 0;
    background: rgba(255,255,255,.2);
}

.foot-lnk {
    text-align: center;
}

.row {
    margin-top: 10px;
}

.title {
    text-align: center;
    font-size: 30px;
    color: white;
    font-weight: 50px;
    font-family: 'Droid Arabic Kufi';
}

    .title:hover {
        text-align: center;
        font-size: 40px;
        color: white;
        font-weight: 50px;
    }

p {
    color: white;
    text-align: center;
    font-family: 'Droid Arabic Kufi';
}

.popover {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 0px;
    text-align: right;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    white-space: normal;
    width: fit-content;

}

    .popover.right {
        top: 34px;
        right: 380px;
        display: block;
    }

        .popover.right .arrow:after {
            content: " ";
            left: 1px;
            border-right-width: 0;
            border-left-color: #fff;
            bottom: -10px;
        }