/* bootstrap overrite
-------------------*/
ul, ol ,p , h1 , h2 , h3 , h4 , h5 , h6 {
    margin: 0;
    padding: 0;
}
a {
    color: #3c7974;
}
a:hover, a:focus {
    color: #3c7974;
    text-decoration: none;

}
.progress {
    background-color: #E6E6E6;
}
.clearfix {
    clear: both;
}
.form-control {
    width: auto;
    display: initial;
}
th {
    text-align: inherit;
}
.table > thead > tr > th {
    vertical-align: middle;
}

:focus {
    outline: none;
}

li {
    list-style: inside;
}
ul li ul li {
    margin-right: 17px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
input:-webkit-autofill {
    background-color: transparent !important;
    border-raduis: 0;
}

.alert {
    font-weight: bold;
}
/* Body
  -------------*/
body {
    color: #333;
    font-family: 'Tajawal';
}
/* Translation ---------------*/
body.rtl {
    direction: rtl;
	    font-family: 'Tajawal';
}
body.ltr {
    direction: ltr;
    font-family: 'Tajawal';
}
/*-----------Body------------*/

/* Public Classes
  ---------------------*/
.width960 {
    max-width: 1087px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {


}
.overflow_hidden {
    overflow: hidden;
}
.clear {
    clear: both;
}

.valid,
.valid_asterisk {
    color: #C50000;
    font-family: tahoma;
    font-size: 12px;
}
.inline_block {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}
.inline_menu ul > li {
    display: inline;
}
.table_cell {
    display: table-cell;
    vertical-align: top;
}
.inline {
    display: inline;
}
.inline_block {
    display: inline-block;
}
.reset {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
.reset:hover {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
/* Aligns --------------------*/
.rtl .align_r {
    text-align: right;
}
.ltr .align_r {
    text-align: left;
}
.rtl .align_l {
    text-align: left;
}
.ltr .align_l {
    text-align: right;
}
.align_c {
    text-align: center !important;
}
/* Floats ---------------*/
.rtl .float_r {
    float: right;
}
.rtl .float_l {
    float: left;
}
/* Translation ----------------*/
.ltr .float_r {
    float: left;
}
.ltr .float_l {
    float: right;
}
.none {
    display: none
}

.absolute {
    position: absolute;
}
.relaive {
    position: relative;
}
/*----------Public Classes---------*/
/* Useful Snippets
----------------------------------------------------------------------------------------------------*/
/*
a:not([class]):active,
a:not([class]):focus {
	position: relative;
	top: 1px;
}
a:not([class]):active > *,
a:not([class]):focus > * {
	position: relative;
	top: -1px;
}
*/
/*-----------------*/
.icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    height: 27px;
    width: 27px;
    background: url(../images/icons/icons.png) no-repeat right top transparent;
}
.right_menu ul li a:hover .icon,
.right_menu ul li.active a .icon {
    background-position: left top;
}
.icon.info {
    background-position: right -55px;
}
.icon.vacances {
    background-position: right -111px;
}
.icon.salary {
    background-position: right -166px;
}
.icon.mosyrat {
    background-position: right -221px;
}

.icon.mail {
    background-position: right -275px;
}
.icon.download {
    background-position: right -328px;
}
.icon.books {
    background-position: right -379px;
}
.icon.books {
    background-position: right -379px;
}
.icon.task {
    background-position: right -431px;
}
.icon.settings {
    background-position: right -483px;
}
.icon.folder {
    background-position: right -534px;
}
.icon.pdf {
    background-position: right -582px;
}
.icon.listtitle {
    background-position: right -623px;
}
.icon.box {
    background-position: right -652px;
}

.icon.alert {
    background-position: right -686px;
}
.icon.papers {
    background-position: right -737px;
}
.icon.folder2 {
    background-position: right -783px;
}
.icon.people {
    background-position: right -833px;
}
.icon.pen {
    background-position: right -861px;
}
.icon.system {
    background-position: right -907px;
}
.icon.close {
    background-position: right -947px;
}
.icon.plus {
    background-position: right -983px;
}
.icon.search {
    background-position: right -1018px;
}

.icon.calender {
    background-position: right -1051px;
}
/*------------------------*/

/* font face
/*---------------------------- */

@font-face {
    font-family: 'arabic2';
    src: url('../fonts/cocon.eot');
    src: url('../fonts/cocon.eot?#iefix') format('embedded-opentype'), url('../fonts/cocon.woff') format('woff'), url('../fonts/cocon.ttf') format('truetype'), url('cocon®nextarabic-light.svg#cocon®nextarabic-light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Tajawal';
    src: url('../fonts/arabic-regular.eot');
    src: local("☺"), url("../fonts/arabic-regular.woff") format("woff"), url("../fonts/arabic-regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'droid';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/DroidKufi-Regular.eot);
    src: url(../fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/DroidKufi-Regular.woff2) format('woff2'),
    url(../fonts/DroidKufi-Regular.woff) format('woff'),
    url(../fonts/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'droid';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/DroidKufi-Bold.eot);
    src: url(../fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/DroidKufi-Bold.woff2) format('woff2'),
    url(../fonts/DroidKufi-Bold.woff) format('woff'),
    url(../fonts/DroidKufi-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'cocon';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/CoconLight.eot);
    src: url(../fonts/CoconLight.eot?#iefix) format('embedded-opentype'),
    url(../fonts/CoconLight.woff) format('woff'),
    url(../fonts/CoconLight.ttf) format('truetype');
}

@font-face {
    font-family: "helv-li";
    src: url('../fonts/FrutigerLight.woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "helv";
    src: url('../fonts/FrutigerBold.woff');
    font-weight: normal;
    font-style: normal;
}


/* 
 * Droid Arabic Naskh (Arabic) http://www.google.com/webfonts/earlyaccess
 */

 @font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: normal;
    src: local('Tajawal'), url(../fonts/Tajawal-Medium.ttf) format('truetype');
  }
@font-face {
    font-family: 'droid-n';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/DroidNaskh-Regular.eot);
    src: url(../fonts/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/DroidNaskh-Regular.woff2) format('woff2'),
    url(../fonts/DroidNaskh-Regular.woff) format('woff'),
    url(../fonts/DroidNaskh-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'droid-n';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/DroidNaskh-Bold.eot);
    src: url(../fonts/DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/DroidNaskh-Bold.woff2) format('woff2'),
    url(../fonts/DroidNaskh-Bold.woff) format('woff'),
    url(../fonts/DroidNaskh-Bold.ttf) format('truetype');
}
@font-face {
    font-family: "Hacen-liner";
    src: url("../fonts/hacen_liner_screen.eot");
    /* IE 9 */
    src: url("../fonts/hacen_liner_screen.eot?") format("eot"), /* IE 6-8 */
    url("../fonts/hacen_liner_screen.otf") format("opentype"), /* Other browsers */
    url("../fonts/hacen_liner_screen.ttf") format("truetype");
    /* Safari, Android, iOS */
}
@font-face {
    font-family: "Hacen-news";
    src: url("../fonts/hacen_newspaper.eot");
    /* IE 9 */
    src: url("../fonts/hacen_newspaper.eot?") format("eot"), /* IE 6-8 */
    url("../fonts/hacen_newspaper.otf") format("opentype"), /* Other browsers */
    url("../fonts/hacen_newspaper.ttf") format("truetype");
    /* Safari, Android, iOS */
}



/* responsive 
------------------*/
@media screen and (max-width: 768px) {
    
    /* Floats ---------------*/
    .rtl .float_r {
        float: none;
        display: block;
    }
    .rtl .float_l {
        float: none;
        display: block;
    }
    /* Translation ----------------*/
    .ltr .float_r {
        float: none;
        display: block;
    }
    .ltr .float_l {
        float: none;
        display: block;
    }
}