html {
    height: 100%;
    margin: 0px;
    padding: 0px;      
    direction: ltr;        
}
body {
    overflow-y: auto;
    overflow-x: hidden;       
    direction: ltr;    
    margin: 0px;
    padding: 0px;   
    font-weight: normal;   
    background: #e5e5e5; 
    padding-top:50px;
    font-family:tahoma;
}

@font-face {  
      font-family: hacen_font ;  
      src: url("../../../../../assets/fonts/GESSTwoMedium.otf") format("opentype");  
      unicode-range:"U+0-10FFFF";
}  


/* 
* Droid Arabic Naskh (Arabic) http://www.google.com/webfonts/earlyaccess
*/
@font-face {
    font-family: droid_font;
    font-style: normal;
    font-weight: 400;
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.eot);
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.woff2) format('woff2'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.woff) format('woff'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.ttf) format('truetype');
}

@font-face {
    font-family: droid_font;
    font-style: normal;
    font-weight: 700;
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.eot);
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.woff2) format('woff2'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.woff) format('woff'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.ttf) format('truetype');
}


.modal-dialog {
    max-width:700px;
}
.modal-content{
    box-shadow:none !important;
    border-radius:0px !important;
    margin:50px 20px 20px 20px;    
}

.modal-header{
    cursor: move;
    background:#e5e5e5;
}   

.modal form{
    padding:0px;
}

textarea{
    resize:vertical;
}

label{
    font-weight: normal;
}

label .label-notice{
    font-size:12px;
}

input , select , textarea{
    font-size: 12px;
    font-family: tahoma;    
    border-radius:0px !important;
    box-shadow:none !important;
}

.btn{
    font-size: 12px;
    font-family: tahoma;    
    border-radius:0px !important;    
    border:none !important;
    padding:5px 10px 8px 10px;
}   

.btn.btn-xs{
    font-size:11px;
    padding:2px 5px 3px 5px;
}

.btn.btn-lg{
    font-size:16px;
}

.nice_font{
    font-family:droid_font;
    font-weight: normal;
}


a ,a:hover{
    text-decoration: none !important;
    color:#428bca;
}



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

.row{
    margin-left:0px;
    margin-right:0px;
}


.no-padding{
    padding:0px  !important;
}

.no-padding-right{
    padding-right:0px !important;
}

.no-padding-left{
    padding-left:0px !important;
}


.color-white{
    color:#fff !important;
}


.panel , .panel-heading , .panel-body , .panel-footer{
    border-radius:0px !important;
    border-width:0px;
}



.main-container{
    padding:0px;
    margin:0px 0px 40px 0px;
}


.center{
    text-align:center
}


.response_alert{
    padding:20px 0;
}

.response_alert h2{
    line-height: 50px !important;
}    

.error{
    color:#b94a48;
}

.success{
    color:#468847;
}

.info{
    color:#3a87ad;
}


.header-navbar{
    background:#fff;
    border:none !important;
    border-radius:0px !important;
    margin-bottom:0px !important;
    min-height:51px;
}


.header-navbar .navbar-nav > .active > a, .header-navbar .navbar-nav > .active > a:hover, .header-navbar .navbar-nav > .active > a:focus {
    background:#e5e5e5;
}

.header-navbar .navbar-brand{
    font-size:25px;
    margin:0px;
    padding:0 5px 0px 5px;
    line-height: 50px;
    margin-left: 10px;
}

.header-navbar .navbar-brand img{
    margin-top:-10px;
}

.header-navbar li{
    font-size:20px;
}

.header-navbar .navbar-brand,.header-navbar .nav ,.header-navbar .nav a{
    color:#737373 ;
} 

.header-navbar .navbar-collapse .navbar-right{
    margin-right:10px;    
}
.header-navbar .navbar-collapse .navbar-right li{
    font-size: 16px;
}

.header-navbar input[type='text']{
    background:none;
    border:none;
    border-bottom: 1px dashed #f1f1f1;
    box-shadow:none !important;
    color:#fff;
}

.dropdown-menu{
    box-shadow:none !important;    
    border:1px solid #ddd;
    border-radius:0px;
}

.load_notifs .dropdown-menu{
    padding:5px;
    min-width:200px;    
}                           

.mark_notifs_seen{
    text-align:center;
    font-size:11px !important;
    cursor: pointer;
    border-top:1px dashed #ddd;
    margin-top:10px;
}

.notification{
    color:#d24310 !important;
}

.notification .badge{
    background:#d24310 !important;
}

.alert{
    border-radius:0px !important;
    border:none !important;    
    padding:5px;
    margin-bottom:10px;
}

.hidden{
    display: none;
}


#show-notebook-selector{
    cursor: pointer;
}

#notebook-selector{
    background:#f5f5f5;
    font-size:30px;
    text-align: center;
    display: none;
    padding:20px 0;
}

#notebook-selector ,#notebook-selector a{
    color:#428bca;
}

#notebook-selector a{
    display: inline-block;
    width:100%;
    cursor: pointer;    
}

#notebook-selector .active a{    
    color:#8c42ca;
}

#notebook-selector .under-construction{
    font-size:14px;
}


#show-search-div{
    cursor: pointer;    
}
#search-div{
    background:#f5f5f5;
    font-size:30px;
    display: none;
}

form{
    padding:10px 5px 20px 10px;
}

#search_button_container{
    font-size:16px;
    text-align: right;
}

#search-div form #search-notice{
    font-size:12px;
}



#guest_home_content{
    margin: 20px;   
    text-align: center;
    max-width:550px;
}
 
#home-logo-container{
    width:100%;
    padding:50px 30px 20px 30px;
    margin-bottom: 50px;
    background: url("../../../../../assets/images/homepage/cloud.png") no-repeat  center;
    background-size:contain;    
} 

#home_social_share{
    text-align: center; 
    max-width: 55px;
    float:right;
    margin-right:170px;    
}
 
#home-logo-container ,#home-logo{
    margin: 0 auto 20px auto;
    text-align: center;
} 
    

#guest-tools{
    text-align: center;
}

#guest-tools .block{
    margin-top:5px;
    display:inline-block;
}

#guest_home_content .btn{
    font-size:14px;
    min-width:45px;
}

#home-copyrights{
    text-align: center;
    margin-top:50px;
    color:#737373;
}

#home-useful-links{
    margin-top:10px;
}

.btn-default{
    color:#fff;
    background:#7c7c7c;
}

.btn-default:hover{
    background:#504f4f;
    color:#fff;
}

.btn-default-2{
    color:#3a3a3a;
    background:#cdcdcd;    
}

.btn-default-2:hover{
    background:#b4b4b4;    
}


.label_negligible{ border-color:#999999;}
.label_not_important{ border-color:#5cb85c; }
.label_normal{ border-color:#428bca; }
.label_moderate{ border-color:#f0ad4e; }
.label_important{border-color:#d9534f;}

.color_negligible{ color:#999999 !important;}
.color_not_important{ color:#5cb85c !important; }
.color_normal{ color:#428bca !important; }
.color_moderate { color:#f0ad4e !important; }
.color_important{ color:#d9534f !important;}

.bg_negligible{ background:#999999 !important;}
.bg_not_important{ background:#5cb85c !important; }
.bg_normal{ background:#428bca !important; }
.bg_moderate{ background:#f0ad4e !important; }
.bg_important{ background:#d9534f !important;}


.rtl{
    direction: rtl;
}
.ltr{
    direction: ltr;
}



.alert.errors{
    display:none;
    text-align: left;
}


.confirm_mail_notice{
    font-size: 20px;
    text-align: center;
    padding:10px;
    background:#f5f5f5;
}


.done_notice{
    font-size: 20px;
    text-align: center;
    padding:10px;
    background:#f5f5f5;    
}


#user-home-notebooks{
    margin-top:40px;
}

.single-notebook{
    height:150px;
    padding-top:30px;
    padding-bottom:135px;
    font-size:50px;
    text-align: center;
    background: #fff;
    margin-bottom: 20px;
    border-right:1px solid #d8d8d8;
    border-left:1px solid #d8d8d8;
    border-bottom:2px solid #d8d8d8;
}

.single-notebook.newbook{
    background:url("../../../../../assets/images/homepage/new_badge.png") no-repeat  top right #fff;
}

.single-notebook a{
    display: block;
    cursor: pointer;    
}

.single-notebook.textbook a , .textbook_color{
    color:#428bca; 
}

.single-notebook.linkbook a , .linkbook_color{
    color:#484c9a;
}

.single-notebook.codebook a , .codebook_color{
    color:#d24310;
}

.single-notebook.taskbook a , .taskbook_color{
    color:#5a8e08;
}

.under-construction{
    font-size:14px;    
    color:#5e5e5e;
}

.live-notebook{
    font-size:14px;    
    color:#5e5e5e;
}

.new_notebook{
    vertical-align: super;
    font-size:20px;
    color:#ba1414;
    float:right;
}


#user-home-contact_us{
    text-align: center;
}

#user-home-contact_us .btn{
    min-width:40px;
    font-size:16px;
}

#confirm_email_container{
    width:500px;
    text-align: left;
    margin-top: 30px;
}

#send_confirmation_form{
    padding:0px;
}

.gravatar{
    float:left;
    margin-top:-1px;
    margin-right:5px;
}


.notifs_dropdown{
    max-height:250px;
    overflow-y: auto;
    overflow-x:hidden;
    list-style: none;
    min-width: 250px;
    padding:0px;    
}

.notifs_dropdown li{
    padding:2px 0px 0 15px;
    font-size:12px !important;    
    margin-bottom:5px;
}
    
.notifs_dropdown .dropdown-header{
    background:#f1f1f1;
    font-size:12px !important;   
    margin-bottom:5px; 
    color:#6c6c6c;
    padding:5px 0 5px 5px;
}


.view_go_back{
    font-size:16px;
    margin:20px 20px 0  20px;
    margin-bottom:0px!important;    
}

.view_go_back .breadcrumb{
    border-radius:0px;        
    margin-bottom:0px;  

}