@font-face
{
    font-family: GE_SS_Unique_Light;
    src: url(fonts/GE_SS_Unique_Light_1.woff);
}


@font-face
{
    font-family: GE_SS_Unique_Bold;
    src: url(fonts/GE_SS_Unique_Bold.otf);
}

@font-face
{
    font-family: hacen-liner-screen;
    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_liner_xl;
    src: url(fonts/hacen_liner_xl.ttf);
}



body ,.ui_row{
    font-size: 15px;
    font-family: GE_SS_Unique_Light;

}


.menu{direction: rtl;
      text-align: center;
      text-align: left;
}

._50  .menu{

    text-align: center;

}


.menu a {
    color: #414141;
    font-family: 'Changa', sans-serif;
    font-size: 20px;
    /* padding: 5px 18px; */
    font-weight: bold;
    text-align: center;
    line-height: 84px;
    width: auto;
    display: block;
    position: relative;
    min-width: 90px;

}




.menu a:after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 3px;
    box-shadow: 0 3px;
    opacity: 0;
    transition: all .4s ease;


}
.menu  a{

    transition: all .4s ease;
}


.menu .act a{
    color: #08778b
}

.menu a:hover:after{

    opacity: 1;       bottom: -1px;

}
.menu a span{
    width: 100%;
}


._50 .menu >ul> li >a{

    font-size: 20px;
    line-height: 54px;


}

._50 .menu >ul> li >a:hover{



}
._50 .menu a:after{
    display: none;
}


._50 .menu >ul> li  li a{
    background: #fff;
    line-height: 40px !important;
    padding: 0 !important;
    height: 35px;
    color: #222 !important;
    border-bottom: solid 1px rgba(153,153,153,0.3);
    width: 92%;
    display: block;
    font-size: 16px !important; 

}  
.list_carousel li {
    padding: 0;
    background: #fff;
    border: 1px solid #e3e3e3;
    margin-bottom: 35px;
    box-shadow: 0 2px 0 0px rgba(0,0,0,0.035);
}

.list_carousel .block_image{
    background: #ccc
}
._50 .menu >ul> li  li a:hover{
    background: #cf9851;
    color: #fff
}

.lvl__0 .menu{
    right: -28px;
    margin-top: 17px;
}._50 .menu >ul> li  li a:hover{

    color: #333 !important;

}

.lvl__0 .menu{
    min-width: 292px;
}


.nivo-caption {
    background: none;
    direction: rtl;
    text-align: justify;
    width: 50%;
    z-index: 111;
    left: 25%;
    font-size: 20px;
    top: 409px;
    font-family: 'Changa', sans-serif;
    background: rgba(0, 0, 0, 0.22);

}

.header.container {
    padding: 0;
    background: #fff;
    border-width: 5px 0px 0 0;}
.nivo-caption  h2 ,h3{
    font-family: 'Changa', sans-serif;
    color: #08778b;
    font-size: 25px;

} .nivo-caption h3{

    color:#fff
        ;
    font-size: 18px;
    text-align: justify

}

button {
    font-family: GE_SS_Unique_Light;
}

.nivoSlider:before,.inner_heahder:before{
    content: " ";
    position: absolute;
    height:100%;
    width: 100%;
    z-index: 11;


    background: rgba(0, 0, 0, 0.55);




    pointer-events: none;
}

.theme-default .nivo-controlNav {
    padding: 20px 0;
    position: absolute;
    z-index: 1111;
    bottom: 10px;
    right: 10px;}
.theme-default .nivo-controlNav a{
    transition: all .4s ease;

    background: none;
    display: inline-block;
    height: 15px;
    width:15px ;
    background: #fff;
    border-radius: 15px; 

    border-width: 2px 
}


.block_data,.n_data_block {
    display: inline-block;
    vertical-align: top;
    width:calc(33.3333333% - 20px);
    padding: 0;
    position: relative;
    margin: 10px;
    position: relative;}

.colored.ins_module{
    top: 15px;
    padding-top: 105px;
}

.left_data a {
    color: #fff
}



.colored.ins_module a{
    color: #e5e5e5 ;

    direction: rtl;
    text-align: center
}

.block_data h2 ,.n_data_block h2 {
    line-height: 45px;
    font-size: 22px;    text-align: center;    position: relative;
}

._51 .block_data h2{
    font-size: 18px;
    min-height: 56px;
    line-height: 26px;
}
.subject_categor_area{
    text-align: right;
    background: #fff;
    padding: 10px 15px;
    border: 1px solid #eee;
    border-top: none;
    box-shadow: 0 2px 0 0px rgba(0,0,0,0.035);
}
.subject_categor_data  {
    padding:5px;
    margin: 5px;
    background: rgba(255, 255, 255, 0.3);

}


.subject_area{
    background: #fafafa;
    box-shadow: none;
    border-bottom: 1px solid #ebebeb;
    padding: 20px 10px;
    margin-bottom: 10px;
    border-right: 42px solid #e8e8e8;
    min-height: 165px;
    position: relative
} 

.subject_area .span_status{
    color: #666;    margin-top: -10px;

    top: 50%;
    position: absolute;
    right: -28px;   
}
.subject_area .span_status:before{
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f023";

    font-size: 20px;

}
.subject_area.done{

    border-right: 42px solid #0bc17d;

}


.subject_area.active{
    border-right: 42px solid #e6d409;
}

.subject_area.done .span_status:before{
    content: "\f00c";
}
.subject_area.padding .span_status:before{
    content: "\f0ae";
    opacity: 0.5
}


.subject_area.active .span_status:before{
    content: "\f013";

}
.subject_area h3{
    font-size: 17px;
    color: #0a0a0a;    width: 50%;float: right;
}
.subject_area._page{
    text-align: right;
}
.subject_area._page .subject_des{
    padding: 10px;
}

.block_data i.fa ,.n_data_block i.fa{
    text-align: center;
    clear: both;
    font-size: 62px;
    display: block;
    width: 100%;
    top: 30px;    
    border-bottom: 1px solid #e3e3e3;
    position: absolute;
    left: 0;    padding-bottom: 20px;
}





.des.block_info{
    text-align: justify;
    direction: rtl;
}
.n_data_block a{
    display: block;
    border: 1px solid #3f7032;
    width: auto;
}
.n_data_block a:hover{
    background: #3f7032

}

._51   .block_data{
    width: calc(25% - 80px);
    padding: 10px;
    margin: 0;
    padding-top: 130px;    margin: 0px;



    margin: 15px;  min-width: 238px;
    margin-top: 27px;
}

.more{
    border: 3px solid #fff;
    border-radius: 15px;
    width: 132px;
    margin: auto;
    text-align: center;
    margin-top: 11px;
    position: relative;
    top: 26px;
    background: #f00;
    color: #fff;    display: block;
    line-height: 30px;

}

.block_info .more{


    border: 3px solid #fff;
    border-radius: 15px;
    width: 111px;
    /* margin: auto; */
    text-align: center;
    /* margin-top: 11px; */
    position: relative;
    top: 25px;
    background: #f00;
    color: #fff;
    display: block;
    line-height: 200%;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    bottom: 25px;
    transition: 0.3s all linear

}
.block_info .more i.fa{
    color: #fff;
    clear: both;
    font-size: 49px;
    display: block;
    margin-top: 50%;
    right: 0;
}

.block_info .more:hover{
    box-shadow: 1px 1px 5px #07778a; 

}

.block_info .more:hover i.fa{
    transform:rotate(360deg)   ;
    transition: 0.3s all linear
}
.top .ins_module_body{

    text-align: center;
}

._51   .block_data h2:before{
    width: 40%;
    position: absolute;
    background: #08778b;
    top: -18px;
    left: 30%;
    content: " ";
    height: 1px;
    z-index: 111;
}

div._53{
    margin-top: 40px;
    margin-bottom: 40px;}
div._53 .des{
    display: none;

}
div._53.pager{
    margin-top: -20px;}



div._59{
    position: relative;
    font-size:  15px;    margin-top: -15px;
}div._59 .des{
    color: #ccc;
    font-size: 20px;
}
div._59:before{

    font: normal normal normal 14px/1 FontAwesome;
    content: "\f10e";
    width: 100%;
    text-align: center;
    display: block;
    position: absolute;
    font-size: 76px;
    color: #7d0c0c;    top: 75px;
}

div._59 .next,div._59 .prev  {
    display: none !important
}
div._59 .block_title{

    font-size: 23px;

    color: #fff;
}


.module.top,.mian_data{
    background-position: center center;
    background-image: url(images/mod-bg.jpg);
    background-attachment: fixed;
}    
.gary.ins_module{
    padding: 20px 0;
    background: url(images/03-light-carpet-1-3.png) #333;
}




.gary.ins_module:after{
    content: " ";

}
.gary.ins_module .ins_module_body{

    position: relative;
    z-index: 11;
    width: 100%;
    padding: 5px 0;
}
;



.copy_right {
    position: RELATIVE;
    z-index: 111;


}

.drak{
    color: #dddddd;
    background: #252525;


}
footer{
    position: relative;
    padding: 100px 0px 20px;
    position: relative;
    border-top: 3px solid #08778b;;

}
footer .goup{

    position: absolute;
    display: inline-block;
    width: 0px;
    top: 0px;
    border: 30px solid transparent;
    border-top: 30px solid #08778b;;
    cursor: pointer;
    left: 50%;
    margin-left: -50px;

}




footer .goup:before{

    position: absolute;
    top: -27px;
    left: -7px;
}

.copy_right{
    position: relative;
    background: #222222;
    border-top: 1px solid #3a3a3a;
    padding: 25px 0px;
    font-size: 13px;
    text-align: center;
}


input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: rgba(255,255,255,0.7);
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.75);
    display: block;
    font-family: inherit;
    font-size: .875rem;

    font-weight: bold;
    line-height: 1.25rem;
    margin: 0 0 .83333rem 0;
    padding: .83333rem;
    width: 100%;
    box-sizing: border-box;
    transition: border-color .15s linear,background .15s linear;
}

.copy_right .ins_module  {
    position: relative;
    z-index: 11
}



.copy_right textarea{
    min-height: 100px !important;    

}

input[type="text"],input[type="email"], textarea , input[type="text"]  , input[type="number"]{
    background: rgba(153,153,153,0.2);
    color: #363842;
    border-top:none;
    border-left:none;
    border-right:none;

}

.copy_right .ui_label{
    text-align: right;
    color: #fff;
    direction: rtl;    padding-right: 15px;
}
.ui_row .ui_value>*{
    min-height: 40px;

}.copy_right{
    direction: rtl;
    color: #fff;
    text-align: right
}




.inner_heahder{
    height: 300px;
    position: relative;
    background-position: center;
    background-size: 100%;}



.image.ins_module{
    background-size:cover; 
    background-color: #f7f7f7;
    background-image: url(images/Al-aqsa-evening.png);   


    border: 1px solid #dddddd; 
    background-attachment: fixed;
    position: relative;        background-size: 100%;
    padding: 50px 0;


    clear:both;
}/*
._76 {

    margin-top: 72px;
    width: 260px;
    margin-right: 112px;

}
._51 {

    margin-left: 60px;
}





._76 .more{
    margin-top: -22px; 

}



._76 .ins_module_title{

    background: none;    
    height: 130px;
    color: #414141;
    font-family: GE_SS_Unique_Light;
    font-size: 22px;
}



._76 .ins_module_title:before{
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f03d";
    color: #08778b;
    text-align: center;
    clear: both;
    font-size: 62px;
    display: block;
    border-bottom: 1px solid #08778b;

    width: 100px;
    margin: auto;
    padding-bottom: 19px;
    margin-top: -16px;
}
*/
.image.ins_module:before{
    background: rgba(39, 29, 18, 0.44);    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;

}
.image.ins_module  .block_data {

    text-align: right;
    padding: 30px;
    margin: 20px;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 2px 3px rgba(0,0,0,0.015);
    border-width:  3px 0 0 0 ;
    cursor: pointer;



}

.c_data .subject_area h3{
    clear: both;
    width: 100%;
    float: none;
}
.data_bar{
    position: absolute;
    right: 0;
    width: 30%;
    height: 761px;
    background-position: center center;
    top: -1px;
    background-size: 100%;
    z-index: 111;
    padding-top: 20px;

}

.course_data{
    height: 698px;
    width: 70%;
    padding-top: 20px;
    overflow-y: auto;
    overflow-x: hidden;
    direction: rtl;
    padding-left: 0;
    float: right;
    margin-top: 30px;
    margin-right: 30%;
}
.tool_br{

}
.image.ins_module  .block_data .ins_module_body{

    position: relative;
    z-index: 11

}


.image.ins_module  .block_data:after {

    height:0;

    content: " "
        ;
    position: absolute;
    left:0;
    top:0;
    transition: 0.3s all linear;
    width:100%;
}

.image.ins_module  .block_data:hover:after {

    height:100%;


}

.image.ins_module .block_data_body{
    position: relative;
    z-index: 11
}


.image.ins_module  .block_data a{    transition: 0.3s all linear;

                                     color: #f3e4d1;
}
.image.ins_module  .block_data:hover a{

    color: #fff;

}



.copy_right_data{
    top: -8px;
    position: relative;
}

.image.ins_module  .block_image{
    display: none;
}.image.ins_module  .block_image:before{
    display: none;
}

.image.ins_module   .mod_events{

    height: 325px;
}




.image.ins_module   .mod_events .block_data{
    background: none;
    width: 100%;
    margin: 0px;
    padding: 0;
    font-size: 13px;
    border: none;
    text-align: right;

}
.ins_module_body{
    position: relative
}

.image.ins_module  .mod_events  .block_data .block_image{
    display: block;
    width: 100px;
    height: 69px;
    float: right;
    margin: 10px 23px;
    border: 1px solid #fff;
    overflow: hidden;
}

.image.ins_module  .mod_events  .nivo-caption  h2,.image.ins_module  .mod_events   h3{

    margin: 15px;

}



.nextevent{


    text-align: center;
    color: #fff;


}
.flip-clock-wrapper{

    margin: 4em 2em;
}




.image.ins_module  .mod_events  .block_data  img{
    height:100%;
    width: auto
}
.image.ins_module  .mod_events  .block_data  .block_info{
    float: right;

    margin-top: 1px;
    color: #cf9851;}

.image.ins_module  .mod_events .block_data h2{
    text-align: right; 
    line-height: 35px;

}
.mod_events h5
{
    font-size: 15;
    /* line-height: 29px; */
    margin-bottom: 42px;  
}


.image.ins_module  .ins_module_title{
    position: relative;
    color: #ccc  
}



.image.ins_module a .fa{
    min-width: 40px;
    transition: all 0.3s ease-out;
    margin-bottom: 0;
    text-align: CENTER;
    height: 33px;
    border-radius: 3px;
    display: inline-block;
    background-color: #f28282;

    position: absolute;
    top: 82px;
    right: 30%;
    color: transparent;
    font-size: 0.1;
    line-height: 34px;
}.image.ins_module a .fa:before{
    font-size: 22px; color: #F9F9F9;
}

.mian_data{
    font-size: 20px;
    text-align: justify;
    background-position: center center;
    background-color: #f7f7f7;
    background-image: url(images/flowers-drawing-02-1-3.jpg);
    background-repeat: repeat;
    border: 1px solid #dddddd; background-attachment: fixed;
    line-height: 40px;
}
.main{
    position: relative
}

.left_data .block_data  {
    width: calc(100% - 20px);
} .left_data  .ins_module_title,.flip-clock-label{
    font-family: 'Changa', sans-serif;
    text-align: center;
    font-size: 18px;
}


.lightbox_body {
    direction: rtl;
    background-image: url(images/flowers-drawing-02-1-3.jpg);
    background-repeat: repeat;
}
.timer  {


}
.tool_br button{

    float: left;
    margin-left: 2px;

}
.tool_br  span
{
    padding: 5px 15px 5px 10px;
    line-height: 15px;
    border-right: 1px solid #e1e1e1;
    height: 15px;
    margin-top: 10px;
    display: inline-block;
}
.tool_br  span b{


    padding: 3px;
}
.lightbox_close{


    position: absolute;
    right: -15px;
    top: -15px;
    z-index: 111;
    color: #eee;
    background: #f28282;
    height: 32px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 3px;
    padding-top: 3px;

}

.lightbox_body textarea{

    height: 130px !important;


}


h3.q_title  {
    
        font-family: "Open Sans", Helvetica, Arial, sans-serif; 

}




.exam .lightbox_close{
    display: none;
}

.sys_content_item   {
    direction: rtl;
}


.item_data_img{
    width: 100%;
    text-align: center   
}
.list_carousel  .block_data h2{
    line-height: 45px;
    font-size: 16px;
    position: relative;
    padding: 10px;
    text-align: center;  
}


.tabs{
    height: 448px;
    clear: both;
    width: 100%;
    float: none;
    overflow: hidden;
    position: relative;    margin-top: 15px;

}
.tabs:after {
    background: #222;
    transform: skew(-20deg);
    left: 60%;
}

.tabs .ins_module_title{

    position: absolute;
    right:150px;
    display: none;
}.tabs .ins_module{
    display: none;
    text-align: center;
}.tabs .ins_module._54{
    display: block;
}

.show_form.button{
    position: absolute;
    top: 451px;
    z-index: 111;
    border-radius: 30px;
    width: 100px;
    margin-left: -208px;
    left: 50%;
    border: 2px solid #fff;
}

.ins_users_bar {
    text-align: right;
    clear: both;
    list-style: circle;
    width: 100%;
    line-height: 33px;
    display: list-item;
    direction: rtl;
    font-size: 19px;
    margin-top: 7px;
    margin-right: 27px;
}

.ins_users_bar.ins_act{
    text-decoration: underline;

    font-weight: bold;
}



.ins_panel_title{
    font-size: 20px;
}
.sub_data{
    float: left;
}.sub_data span{
    display: block;
    clear: both;
    line-height: 35px;
    padding: 5px;
    background: #eee;
    margin: 5px;
    position: relative;
    cursor: pointer;
    transition: 0.3s all linear;
    padding-right: 35px;    font-size: 16px;
}

.videoembed_video{

    float: right


}.sub_data span i{
    float: right;
    margin: 5px;
    background: #666;
    height: 35px;
    line-height: 35px;
    margin-right: 0;
    padding: 5px 0;
    margin-top: 0px;
    color: #eee;
    right: 0;
    text-align: center;
    top: 0;
    position: absolute;
    transition: 0.3s all linear;
    width: 30px

}.sub_data span:hover i{
    width:100%;

}

.list .sub_data{
    width: 44%;
    float: left;
    margin-top: -45px;
}
.list .sub_data span{
    display:block;
    margin: 0px;
    transition: 0.3s all linear;
}


.plyr{
    clear: both;
}

.list.done .read_data.content_done i,.done .read_data.content_done i{
    background: #0bc17d;
}
.list.done .read_data.content_done i:before,.done .read_data.content_done i:before{
    content: "\f00c";
}



.list.done .read_data.content_done i:after

.ins_mian_data ,.data_bar{
    transition:  0.3s all linear
}
.ins_mian_data.full{
    position: fixed;
    top: 0;
    right: 0;
    width: calc(100% - 0px);
    height: 100%;
    z-index: 1111112;
    background: #fff !important;
}.ins_mian_data.full .course_data{

    padding-left: 0;

}
.ins_mian_data.full .course_data{
    height:100%;

} 




.ins_mian_data.full .data_bar{
    height:100%;
}



.screen_actions{

    color: #cf9851;
    border-radius: 2px;
    border: 1px solid;
    float: right;
    padding: 02px 5px;
    line-height: 21px;
    margin: 5px;
    font-size: 15px;
    height: 20px;
    background: #fff;    height: 18px;
}


._50 i{
    margin: 11px 11px 11px 11px;
    font-size: 24px;
    position: relative;
    top: 2px;
}  
.ins_panel {

    background: rgba(255, 255, 255, 0.64);
    padding: 10px;
    border: 3px solid #fff;

}


.ins_main  .ins_mian_data {
    background: rgba(255, 255, 255, 0.64);
    padding: 0px;
    border: 3px solid #fff;
    direction: rtl;
}





.ui_row.readonly{
    opacity: 0.4
}

.ui_row.updated .ui_label{
    position: relative

}

.ui_row.updated .ui_label:before{

    content: "\f00c";
    color: green;
    font-size: 15px;
    margin: 5px;
    position: relative;
    top: -5px;
    font: normal normal normal 14px/1 FontAwesome;
    position: ABSOLUTE;
    right: -24px;
    top: 9px;
}
.b_data_form .ui_row .ui_label{

    position: relative;
    background: #fcfcfc;
    width: 100%;
    padding-right: 54px;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;


}
.b_data_form .ui_row {
    overflow: hidden;
}


.b_data_form .ui_row .ui_value>* {
    width: calc(100% );}

.b_data_form .ui_row .ui_label:before,.ui_row.require .ui_label:after{
    position: ABSOLUTE;
    right: -10px;    top: -5px;
    border-left: 1px solid #c1c1c1;
    font-size: 15px;
    background: #eee;
    height: 35px;
    line-height: 40px;
    width: 25px;
    text-align: center;
    margin: 0;
}



.b_data_form .ui_row .ui_label:before{
    content: "\f06a";
    color: #b57107;
    font-family: FontAwesome;


}


.ui_row.updated .ui_label:before{

    content: "\f00c";
    color: green;

}



.ui_row.require .ui_label:after{
    content: "*";
    color: red;
    right: 16px;
}

._69  h3 {

    text-align: center;
    margin-top: 0px;
}




header.fixed  .logo span{
    top: -20px;
    position: relative;


} header.fixed .logo a{

    float: none;
}
.vistoer_counter{

    position: relative;
    width: 134px;
    margin: auto;
    text-align: CENTER;


}

.vistoer_data{
    direction: ltr;
    width: 60px;
    overflow: hidden;
    position: relative;
    top: -70px;
}.vistoer_data .numbers{

    right: 54px;
    position: relative;

}
.slide_show .banner{

    height: 197px;
    width: 595px;
    position: ABSOLUTE;
    top: 0;
    z-index: 1111;
    background-size: 100% auto;
    left: 50%;
    top: 222px;
    margin-left: -300px;
    padding-top: 0;
    color: #cf9851;
    text-align: center;

}
.vistoer_counter .label{

    position: relative;
    top: -32px;
    /* right: 0px; */
    text-align: right;
}

.slide_show .banner img{
    max-width: 100%
}



.mod_lightbox .ins_module h2:after {
    content: "\f00d";
    font-family: FontAwesome
        ;
    float: left;

    cursor: pointer
}.contact_des  {
    text-align: center
}


.mod_lightbox._3 .ins_module {
    width: 700px;
    /* left: 10%; */
    /* margin: 0; */
    /* top: 10%; */
    height: 500px;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    bottom: auto;
    max-width: 100%;
    margin-left: 0;
    margin-top: 0;
}




.contact_des  li{
    display: inline-block;
    margin: 10px;
    padding: 0 5px;
    text-transform: uppercase;
    transition: all .3s ease;
    direction: rtl;

}.contact_des  li .fa{
    color: #b57107;
    border: 1px solid #b57107;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;  
    transition: all .3s ease;
}.contact_des  li:hover a ,.contact_des  li:hover {
    background: #b57107;  
    color: #fff
}.contact_des  li:hover .fa{
    background: #b57107;  
    color: #fff

}


.plg_contact h3 {
    line-height: 60px;
    margin-top: 30px;
}

.mod_lightbox .ins_module .ins_module_body {


    overflow-y: auto;
    height: 100%;    overflow-x: hidden;
}

.g-recaptcha{
    clear: both;
}



.message{
    text-align: right;
    font-family: 'Changa', sans-serif;
    font-size: 15px;
    text-align: right;
}

.exam.message{

    position: relative; clear:both ;
    margin: auto;
    right: auto;
    left: auto;
    width: 89%;
    padding: 0 3%; 
    direction: rtl;
}
.button.disable  {
    background: rgba(156, 170, 173, 0.52);
}

.note{
    font-family: 'GE_SS_Unique_Light', sans-serif;
    font-size: 14px;
    direction: rtl;
    line-height: 23px;
    background: #f9eee0;
    margin: 3px;
    padding: 3px;
    color: #5f3603;
}

.note i{
    margin: 5px;
}
.note.warning {

    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;

}



.note.info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;    font-size: 16px;
}

.note.error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

._haer_text li:last-child{
    clear: both;
    display: block;
    left: 9px;
}

._haer_text li:last-child{
    left:0
}
.reg.note.error{

    font-size: 14px;
    min-height: 47px; 

}




.reg.note.error .img{

    height: 42px;
    width: 162px;
    overflow: hidden;
    float: left;

}
.reg.note.error img{

    width: 320px;
    margin-top: -19px;
    margin-right: -79px;
}
.input_data{

    clear: both;

}.input_data{

    clear: both;


}

.input_data .users_data ,.output_data .users_data{
    font-size: 12px;  
    margin-top: 28px;
    text-align: center}
.input_data .users_data img ,.output_data .users_data img{
    max-width: 100%;
}
.input_data .users_data ,.output_data .users_data{
    margin-top: 0
}
.input_data textarea  {

    height: 105px !important;
    border-radius:5px; 
}
.output_data .users_data{

    background: #eee;
    padding: 5px;
    margin-top: -5px;


}

.forum_item.output_data .users_data{

    line-height: 26px;



}

.output_data{
    clear: both;
    border: 1px solid #eee;
    background: #fafafa;
    min-height: 150px;
    position: relative;
}
.show_data  {

    background: #fff;
    clear: both;
    padding: 10px;
}
.output_data  .date{
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left:0
}.output_data  .date i{

    background: #eee;
    padding: 10px;
    margin: 2px;  
}


.input_data.question{
    height:0;
    overflow: hidden;
    transition: 0.3s all linear;
}
.input_data.question.opend{
    height:auto

}


button i{
    float:  right;
    margin: 0 10px;

}


.add_question{
    margin: 10px;
    float: left ;

}

.data_mian .output_data {

    margin: 20px 0;
    background: #99c7d0;
    color: #064854;
    border: 1px dashed #064854;
    border-bottom-width: 2px;  
}

.data_mian  .output_data .users_data{
    color: #fff;
    background: #08778b
}.module.footer {
    margin-top: -50px;
    text-align: center;

}
table {
    direction: rtl;
    width: 100%;   

}
th{
    background: #08778b;
    color: #fff;
}
tr:nth-child(odd){

    background: rgba(8, 119, 139, 0.3);


}


td,th{
    text-align: center

}

.module.footer .menu{
    text-align: center ;
    direction: rtl;
}

._67   .ins_module_title{

    background: #08778b;
    color: #fff;
    float: right;
    padding: 8px;

} 



.subject_title_redata  {
    text-align: center;
}body .ui-tooltip {
    border-width: 2px;
    background: #333;
    opacity: 1;
    color: #fff;
    box-shadow: none;
    border-radius: 0;
}
/*.flip-clock-wrapper{

    display: none;
}*/table td.crossed
{



    background-image: linear-gradient(to bottom right, transparent calc(50% - 1px), #097285, transparent calc(50% + 1px));
    min-width: 100px;
}table td.crossed .top{
    float: left;



}table td.crossed .bottom{
    float: right;
    margin-top: 30px;
    font-size: 12px;

}   

table td ,table th{

    border: 1px solid #097285;

}

table { 
    border-spacing: 10px;
    border-spacing: 0px;
    border-collapse: separate;
    margin:  10px 0;

    border: 1px solid #097285;
}

.active .subject_title   ,.done .subject_title  {
    cursor: pointer;   
}

.myclock{
    position: absolute;
    left: 50%;
    direction: ltr;
    font-size: 18px;
    transform: translateX(-50%);
    color: #08778b;  
    font-family: Verdana,sans-serif;
}

.fixed .myclock{

    position: fixed;
    color: #08778b;
    z-index: 11111;
    right: 80px;
    z-index: 1111111;
    top: 9px;
    left: auto;

}



.button_li{
    cursor: pointer;
    color: #08778b;
    list-style: circle;
    border-bottom: 1px solid #08778b;
}.button_li:hover{
    color: #333;

    border-bottom: 1px solid #333; 

}.button_li.disable{
    
        color: #666;

}




.button_li span{
    font-size: 11px;
    margin: 5px;

        color: #333;

}

.notification{
    width: 250px;
    position: fixed;
    right: 10px;
    top: 100px;
    z-index: 111111111;
    background: #fff;
    direction: rtl;
    border: 1px solid #e3e3e3;
    box-shadow: 1px 1px 3px rgba(51, 51, 51, 0.71);
    color: #666;
    font-size: 13px;    padding-top: 25px;
}

.notification_body{
    border: 1px solid #eee;
    margin: 5px;
    padding: 5px;

}



.notification_close{

    font-size: 20px;
    float: left;
    clear: both;
    margin-top: -21px;
    margin-left: 7px;
    cursor: pointer

}
.notification_close:hover{

    color: #333;

}.ui-accordion .ui-accordion-header {

    text-align: center;}


html.notification{
          width: auto;
    position: static;
    right: 10px;
    top: 100px;
    z-index: 111111111;
    background: none;
    direction: rtl;
    border: none;
    box-shadow: none;
    color: indianred;
    font-size: inherit;
    padding-top: 0;
}