html{
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0px;
    padding: 0px;
}
body{
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0px;
    padding: 0px;
}
.ps-scrollbar-x, .ps-scrollbar-x-rail{
    display: none !important;
}
.ps-scrollbar-y-rail{
    background: gray;
    right: 0px !important;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }

@font-face
{
    font-family: myVarela;
    src: url(/css/css-eprofound/Nunito-Light.ttf) format("opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face
{  
    font-family: myVarelaBold;
    src: url(/css/css-eprofound/Nunito-Regular.ttf) format("opentype");
    font-weight: normal;
    font-style: normal;
}

p,span,button,input,select,option{
    /*font-family: 'Varela Round', sans-serif;*/
    font-family: myVarela;
}
input{
    color: #2c3d5b;
}
header {
    height: 120px;
    background-color: #1c3556;
    min-width: 1200px;
}
a{
    text-decoration: none;
}
button{cursor: pointer;}
html, body{
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    /*vertical-align: baseline;*/
}
h1,h2{
    margin:0;
    font-family: myVarela !important;
}
.active-result{
    font-family: myVarela;
}
.margin_30_b{
    margin-bottom: 30px !important;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    /*display: inline-block;*/
}
 
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
.bolder{
    font-weight: bold;
}
div.main-container{
    position: relative;
    width:1200px;
    /*min-height: 1330px;*/
    /*border:1px solid gray;*/
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto 10px;
}
div.logo-header{
    float:left;
    /*margin:0px 0px 0px 100px;*/
    padding-top: 31px;
}
/************ Alert pop up ****************/
#alert_pop_up{
    width: 450px;
    height: 145px;
    background: #eff2f4;
    border-radius: 5px;
    position: absolute;
    margin: auto;
    top: 0;
    left:0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: none;
}
#alert_pop_up_content{  width: 95%; margin: 0 auto;  margin-top: 5px;  height: 100px;}
#alert_pop_up_action_div{position: absolute; bottom: 10px;  width: 96%; text-align: right;}
#alert_pop_up_action_div button{ width: 100px; height: 25px; border-style: none; border-radius: 5px; color: #fff;}
#alert_ok{background: #1c3556 !important;}
#alert_cancle{background: #818a96 !important;}
/************ Alert pop up End****************/
/********** HEADER *************/
#header_whrap{
    width: 1200px;
    /*height: 150px;*/
    height: 120px;
    margin: 0 auto;
}
#site_status_link{
    vertical-align: bottom;
    float: right;
}
#site_status_link div{
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    -webkit-transition: background .5s;
    transition: background .5s;
}
#site_status_link div:hover #orange_lenth{
       /*background-color:#ed4847 !important;*/
}
#site_status_link div:hover {
       background-color: #12243c;
}
#prof_ic{
    width: 134px;
    height: 120px;

    position: relative;
}
#prof_ic img{
    position: absolute;
    margin: auto;
    top: -30px;
    bottom: 0;
    left: 0;
    right: 0;
}
#prof_ic p{
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    color: white;
    text-align: center;
    font-size: 16px;
}
#emp_ic{
    width: 120px;
    height: 120px;
    position: relative;

}
#emp_ic img{
    position: absolute;
    margin: auto;
    top: -30px;
    bottom: 0;
    left: 0;
    right: 0;
}
#emp_ic p{
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    color: white;
    text-align: center;
    font-size: 16px;
}
.active_status_link{
    background: #12243c;
}

#orange_lenth{
    position: absolute;
    top: 115px;
    width: 100%;
    height: 5px;
    vertical-align: text-bottom;
}
#orange_lenth_2{
    position: absolute;
    top:35px;
    width: 100%;
    height: 5px;
    vertical-align: text-bottom;
    background-color: transparent;
}
.active_orr{
    background-color:#ed4847 !important;
}
#dynamic_menu_bar{
    z-index: 1;
    position: absolute;
    width: 1200px;
    margin: 0 auto;
    height: 50px;
}
#dynamic_menu_bar div{
    float: left;
}
#dyn_left{
    position: relative;
    /*width: 900px;*/
    max-width: 700px;
    height: 50px;
}
#dyn_right{
    float: right !important;
    min-width: 254px;
    height: 35px;
    background: url('../../img/icon-home/right-menu-bg-transp.png');
}
.dyn_menu_part{
    margin: 0px;
    height: 40px;
    width: 100%;
}
#dyn_left ul{
    padding: 0px;
    margin: 0px;
    max-width: 700px;
    height: 40px;
}
#dyn_left ul li{
    position: relative;
   text-decoration: none;
   display: inline-block;
    height: 35px;
   float: left;
   background-color: #12243c;
   -webkit-transition: background .5s; 
    transition: background .5s;
}

#dyn_left ul li:hover{
    background-color: #385274;
    /*border-bottom: 5px solid #ed4847;*/
}

#dyn_left ul li a{
   text-decoration: none;
   color: white;
}
#dyn_left ul li a p{
    font-size: 14px;
    margin: 0px;
   text-decoration: none;
   display: table-cell;
   vertical-align: middle;
    padding-left: 25px;
   padding-right: 25px;
   height: 35px;
}
#padding_fix{
    padding-left: 15px !important;
   padding-right: 15px !important;
}
#join_link{
    height: 45px;
    position: relative;
    min-width: 134px;
    text-align: left;
}
#join_link:hover #orange_lenth_2{
    background-color: #ed4847;
}
#join_link img{
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
#join_link p{
    display: inline-block;
    margin: 0px;
    position: relative;
    top: -4px;
    font-size: 14px;
    font-family: myVarela;
     color: #ed4847;
     line-height: 20px !important;
}
#lock_link{
    height: 45px;
    position: relative;
    min-width: 120px;
}
#lock_link:hover #orange_lenth_2{
    background-color: #ed4847;
}
#lock_link img{
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
#lock_link p{
    display: inline-block;
    position: relative;
    margin: 0px;
    top: -4px;
    font-size: 14px;
    font-family: myVarela;
    color: #2b4261;
    line-height: 20px !important;
}
.active_dyn {
    background-color: #385274 !important;
    border-bottom: 5px solid #ed4847;
}
/********** HEADER *************/

/********************FOOTER*************************/
.footer{
    width: 1200px;
    height: 50px;
    margin: 0 auto;
    background-color: #1c3556;
    height: 40px; /* .push must be the same height as .footer */
    clear: both;
}
.push{
    /*.push must be the same height as .footer */
    /*height: 50px;  */
    /*clear: both;*/
}
#left_side_footer{
    float: left;
    width: 500px;
    height:40px;
}
#left_side_footer ul {
    margin: 0px;
    padding:0px; 

    width: 333px;
    height: 40px;
}
#left_side_footer ul li{
    float: left;
    display: inline-block;
    margin: 0px;
    height: 40px;
    width: 70px;
    position: relative;
    background:  #6dbec4;
    display: table;
}
#left_side_footer ul li a {
    /*height: 70px;*/
    text-decoration: none;
    padding-left: 24.5px;
    padding-right: 24.5px;
    padding-top: 12px;
    padding-bottom: 2px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;

}
#left_side_footer ul li a img{
    text-decoration: none;
}
#right_side_footer{
    float: right;
    min-width: 600px;
    height:40px;
}
#right_side_footer ul {
    margin: 0px;
    padding:0px;
    height: 40px;
    float: right;
    text-align: center;
}
#right_side_footer ul li:hover{
    background-color: #385274;
    border-bottom: 5px solid #385274;
    -webkit-transition: background .5s;
    transition: background .5s;
}

#orange_lenth_3{
    height: 5px;
    background-color: #ed4847;
    visibility: hidden;
}
.active_rigth{
    background-color: #385274;
    z-index: 10000;
}
.active_rigth div#orange_lenth_3{
    visibility: visible;
}
#right_side_footer ul li{
    border-bottom: 5px solid #1c3556;
    float: left;
    display: inline-block;
    height: 35px;
    text-align: center;
}
#right_side_footer ul li a{
    width: 100%;
    height: 50px;
    text-align: center;
    text-decoration: none;
}
#right_side_footer ul li a p{
    height: 23px;
    padding-top: 12px;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0 auto;
    font-size: 16px;
    color: white;
    vertical-align: middle; 
}
/**********************FOOTER***********************/

/***************** my profile top header *****************/
#my_profile_top_header{
    width: 1200px;
    height: 20px;
    margin: 0 auto;
}
#my_profile_top_header ul{
    width: 254px;
    height: 20px;
    float: right;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#my_profile_top_header ul li{
    float: left;
    margin: 0px;
    padding: 0px;
}
#my_profile_top_header ul li a{
    height: 20px;
    display: table-cell;
    vertical-align: middle;
    color: #2b4261;
    font-family: myVarela;
}
#my_profile_top_header ul li a p{
    margin: 0px;
    font-size: 12px;
}
#my_profile_top_header ul li a p img{
    margin-left: 5px;
}
#top_my_acc{
    width: 134px;
    display: table;
    text-align: center;
}
#top_my_acc:hover{
    /*background-color: #F0F0F0 ;*/
    background-color: #385274;
}
#top_my_sign_out{
    width: 120px;
    display: table;
    text-align: center;
}
#top_my_sign_out:hover{
    background-color: #F0F0F0 ;
}
#my_account_dynamic_menu{
    width: 134px;
    /*height: 120px;*/
    position: absolute;
    z-index: 2;
    display: none;
    background-color: #ffffff;
}
#my_account_dynamic_menu a p{
    width: 124px;
    height: 30px;
    margin: 0px;
    font-size:  12px;
    color:#385274;
    padding-left: 10px !important;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}
#my_account_dynamic_menu a p:hover{
    background-color: #385274;
    color:white;
}
/***************** my profile top header END*****************/

/***************** my profile header *****************/
#my_profile_header_div{
    position: absolute;
    width: 1200px;
    height: 42px;
    z-index: 1;
}
#my_prof_dynamic_menu{
    max-width: 1200px;
    height: 42px;
}
.my_prof_dyn_menu_part{
    margin: 0px;
    height: 42px;
    width: 100%;
    float: left;
}
#my_prof_dynamic_menu ul{
    padding: 0px;
    margin: 0px;
    max-width: 1200px;
    height: 50px;
    list-style-type: none;

}
#my_prof_dynamic_menu ul li{
    position: relative;
   text-decoration: none;
    height: 42px;
   float: left;
   background-color: #12243c;
   width: 118px;
}
#my_prof_dynamic_menu ul li:nth-child(8){
    padding-right: 2px;
}
.prof_fix_wid{
    width: 134px !important;
}
.emp_fix_wid{
    width: 120px !important;
}
#my_prof_dynamic_menu ul li:hover{
    background-color: #385274;
}

#my_prof_dynamic_menu ul li a{
   text-decoration: none;
   width: 100%;
    display: table;
   text-align: center;

}
#my_prof_dynamic_menu ul li a p{
    font-size: 16px;
    margin-top: 12px;
    font-weight: 500;
   text-decoration: none;
   margin-bottom: 0px;
   color: #fff;
}
.my_prof_active{
    background-color: #385274;
    border-bottom: 5px solid #ed4847;
}
#my_profile_hidden_menu{
    min-width: 170px;
    min-height: 47px;
    /*background-color: #12243c;*/
    background-color: #12223c;
    display: none;
    position: absolute;
    z-index: 1;
}
#my_profile_hidden_menu ul{
    list-style-type: none; 
    margin: 0px;
    padding: 0px;
}
#my_profile_hidden_menu ul li{
    cursor: pointer;
}
#my_profile_hidden_menu ul li p{
    color: #fff;
    margin: 0px;
    height: 42px;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px;
}
#my_profile_hidden_menu ul li:hover{
    background-color: #385274;
}
#cover_ph{
    width: 470px;
    height: 402px;
    background: #eff2f4;
    border-radius: 5px;
    display: none;
}
.pop_cont{
    display: table;
    width: 95%;
    height: 360px;
    margin: 0 auto;
}
.pop_cont h1{
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto;
    text-align: center;
    margin-top: 35px;
    color:#1c3556;
}
#deff_imgs{
    display: table;
    height: 150px;
    margin-top: 30px;
}
#deff_imgs img{
    width: 132px;
    height: 135px;
    float: left;
    margin: 0px;
    border: 5px solid #eff2f4;
    border-radius: 5px;
}
#deff_imgs img.img_deff:hover{
border: 5px solid #c6d5d7;
}
#deff_imgs img.im_acc{
    border: 5px solid #b6c3c5;
}
#deff_imgs img:nth-child(2){
    margin-left: 10px;
    margin-right: 10px;
/*    margin-left: 6px;
    margin-right: 6px;*/
}
#broww_img span{
    font-size: 14px;
    color: #1c3556;
    margin-bottom: 5px;
    margin-left: 6px;
}
#cover_ph .btn span{
    border-radius: 5px;
    background: #4c698f;
    padding: 5px;
    font-size: 14px;
    color: white;
    padding-left: 23px;
    padding-right: 24px;
    margin-left: 10px;
    cursor: pointer;
}
.input-large{
    width: 318px;
    padding-left: 10px;
    border: none;
    border-radius: 5px;
    background: white;
    height: 25px;
    margin-left: 5px;
    position: relative;
    top: -1px;
    font-size: 14px;
}
.bootstrap-filestyle{
      outline:none;
}
#broww_img p{
    color:#1c3556;
    text-align: center;
}
.s_cc{
    text-align: right;
    height: 50px;
}
.s_cc input{
    border-style: none;
    border-radius: 5px;
    color: #fff;
    width: 80px;
    height: 30px;
    cursor: pointer;
    margin-left: 10px;
    font-size: 14px;
}
.s_cc input:nth-child(1){
    background: #818a96;
}
.s_cc input:nth-child(2){
    background: #1c3556;
    margin-left: 6px;
    margin-right: 14px;
}
#prof_img_crop_div{
    /*width: 686px;*/
    width: 735px;
    height: 442px;
    background: #eff2f4;
    border-radius: 10px;
    /*display: none;*/
    position: absolute;
    top: 5px;
    visibility: hidden;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
#prof_img_crop_div h1 {
    font-size: 16px;
    color: #1c3556;
    text-align: left;
    margin-left: 20px;
    margin-top: 25px;
    font-weight: 500;
}
#cr_left{
    width: 476px;
    height: 395px;
    float: left;
}
#cr_right{
    width: 250px;
    height: 380px;
    float: right;
}
#cr_right p{
    margin: 0 auto;
    /*width: 170px;*/
    width: 210px;
    height: 400px;
    font-size: 13px;
    text-align: justify;
    color: #1c3556;
    margin-top: 15px;
}
#moment_crop_cont{
    width: 160px;
    height:  190px;
    margin: 0 auto;
    margin-right: 20px;
    background: gray;
    margin-top: 15px;
    border: 3px solid white;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
.action_ll{
    text-align: right;
}
.action_ll span{
    float: left;
    margin-top: 7px;
    margin-left: 10px;
    color: #1c3556;
    text-overflow: ellipsis; /* will make [...] at the end */
    max-width: 250px; /* change to your preferences */
    white-space: nowrap; /* paragraph to one line */
    overflow:hidden; /* older browsers */
    text-align: left;
    font-size: 14px;
}
.action_ll img{
        margin-left: 15px;
    cursor: pointer;
    margin-top: 1px;
    position: relative;
    top: 2px;
    width: 10px;
    height: 11px;
    float: left;
    top: 10px;
}
.action_ll input{
    border-style: none;
    border-radius: 5px;
    color: #fff;
    width: 80px;
    height: 30px;
    cursor: pointer;
    font-size: 14px;
}
.action_ll input:nth-child(1){
    float: left;
    background: #6dbec4;
    margin-left: 20px;
}

.action_ll input:nth-child(4){
    background: #818a96;
}
.action_ll input:nth-child(5){
    background: #1c3556;
    margin-left: 6px;
    margin-right: 20px;
}

#resizable, #also { width: 150px; height: 120px;  }
#resizable h3, #also h3 { text-align: center; margin: 0; border: none;}
#also h3 img{  width: 150px; height: 120px;}

#image_cr_cont{
    position: relative;
    /*top: 15px;*/
    left: 20px;
    width: 455px;
    min-height: 330px;
    max-height: 330px;
}
#image_cr_cont img{
    border-radius: 5px;
/*    width: 455px;
    height: 330px;*/
    /*position: absolute;*/
}
.cropper-container .cropper-modal{
    border-radius: 5px;
}
.ui-widget-header{background: none;}
.ui-widget-content{background: url('../../img/opacity-background3.png') !important;}
#now_crop{
    width: 240px; 
    height: 90px;
    position: absolute;
    margin: auto;
    top:40px;
    bottom: 0;
    left:0;
    right: 0;
    z-index: 5;
    border-radius: 5px;
    background: url('../../img/opacity-background3.png');
}
#now_crop p{
    color: #1c3556;
    width: 100%;
    text-align: center;
    font-size: 14px;
}
#cover_photo_buttons_div{
    width: 100%;
    text-align: center;
    z-index: 3;
}
#cover_photo_buttons_div button {
    width: 80px;
    height: 30px;
    color:  #fff;
    border-style: none;
    border-radius: 5px;
    background: #818a96;
    margin-bottom: 30px;
    font-size: 14px;
}
#cover_photo_buttons_div button:nth-child(2){
    background:#1c3556;
    margin-left: 5px;
}
/***************** my profile header End*****************/


#dashboard_page_head_background_div{
    width: 100%;
    height: 271px;
    background: #a5c4ee;
}


/************************************************ Dynamic menu my profile************************************************************/
#my_profile_dinamic_menu{
    width: 1200px;
    height: 70px;
    background: white;

}
#my_project_green_navv_tabs{
    width: 1200px;
    height: 50px;
    background-color: #6dbec4;
}
#find_pros_green_navv_tabs{
    width: 1200px;
    height: 50px;
    background-color: #6dbec4;
}
#find_pros_green_navv_tabs ul li{
    width: 25%;
    height: 50px;
    display: inline-block;
    float: left;
    text-align: center;
}
#find_pros_green_navv_tabs ul li span{
    font-family:myVarela;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    top: 16px;
}
#my_project_green_navv_tabs ul li{
    width: 200px;
    height: 50px;
    display: inline-block;
    float: left;
    text-align: center;
}
#my_project_green_navv_tabs ul li span{
    font-family:myVarela;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    top: 16px;
}
#my_profile_green_navv_tabs{
    width: 1200px;
    height: 50px;
    background-color: #6dbec4;
}
#my_profile_green_navv_tabs ul, #my_project_green_navv_tabs ul , #find_pros_green_navv_tabs ul{
    margin: 0px;
    padding: 0px;
    width: 1200px;
}
#my_profile_green_navv_tabs ul li{
    width: 20%;
    height: 50px;
    display: inline-block;
    float: left;
    text-align: center;
    
} 
#my_profile_green_navv_tabs ul li:hover, #my_project_green_navv_tabs ul li:hover , #find_pros_green_navv_tabs ul li:hover{
    background-color: #56b0b7;
    /*border-bottom: 5px solid #ed4847;*/
    /*border-bottom: 5px solid #56b0b7;*/
}
#my_profile_green_navv_tabs ul li a{
    text-decoration: none;
    padding-bottom: 30px;
}
#my_profile_green_navv_tabs ul li span{
    font-family:myVarela;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    top: 16px;
    padding-left: 50px;
    padding-right: 50px;
}
/***********************************************    Dynamic menu my profile end   *************************************************************/






















/***********HELP**************/
.clear {
    clear: both;
}
.f14{
    font-family: myVarela;
    font-size: 14px;
    font-weight: 500;
}
.f16{
    font-family: myVarela;
    font-size: 16px;
    font-weight: 500;
}
h2,h3,p,a,span,div,label,input,button,textarea{
    margin: 0;
    padding: 0;
    font-family: myVarela;
    font-size: 14px;
    font-weight: 500;
    color: #385274;
}
ul,ul li{
    margin: 0;
    padding: 0;
    list-style: none;
}
#prof_ic p,
#emp_ic p{
    margin-top: 16px;
}
.blue_rad_length{
    height: 39px;
    width: 100%;
    background: #385274;
    border-radius: 5px;
    margin-top: 15px;
}
.white_cont{
    background: #fff;
    border-radius: 5px;
    margin-top: 15px;
    /*padding: 20px;*/
}
.main-container{
  margin-bottom: 0px !important;
  background: #eff2f4 ;
}
.bold{
    font-family: myVarelaBold;
    font-weight: 500;
}














#resoursis_hidden_menu{
    width: 120px;
    min-height: 47px;
    /*background-color: #12243c;*/
    background-color: #12223c;
    display: none;
    position: absolute;
    z-index: 1;
}
#resoursis_hidden_menu ul{
    list-style-type: none; 
    margin: 0px;
    padding: 0px;
}
#resoursis_hidden_menu ul li{
    cursor: pointer;
}
#resoursis_hidden_menu ul li p{
    color: #fff;
    margin: 0px;
    height: 42px;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px;
}
#resoursis_hidden_menu ul li:hover{
    background-color: #385274;
}




















/********************************** Add tagline  *****************************************/
.top_tags_input{
  background: #f7f7f7;
  padding:7px 20px;
  width: 790px;
}
.form_input_right img {
  float: left;
  padding-right: 16px;
  padding-top: 12px;
}
.input_div_back {
  background: #fff;
  border-radius: 5px;
  border: 1px solid #dbe2eb;
  float: left;
  width: 757px;
  cursor: text;
}
.input_div_back input {
  border-radius: 5px;
  outline: none;
  padding-right: 10px !important;
  height: 35px;
  width: 82px !important;
  background: #fff;
  border: 0;
  padding-bottom: 0px;
}
.input_div_back span.tagspan {
  display: block;
  height: 15px;
  padding: 5px 10px;
  line-height: 15px;
  background: #4c698f;
  color: #fff;
  border-radius: 5px;
}
.input_div_back div.tagsdiv {
  line-height: 15px;
  padding: 5px 0 5px 5px;
  float: left;
  z-index: 99;
}
.input_div_back span.tagspan span{
  margin-left: 5px;
  cursor: pointer;
  z-index: 999;
  color: #fff;
}
/********************************** Add tagline end ***************************************/



/************************ADMINISTRACIQ**************************/
/*                                                            */
/*************************************************************/
#my_profile_header_div{
    position: inherit !important;
}
#my_prof_dynamic_menu ul{
    height: 42px !important;
    background: #12243c;
}
#my_prof_dynamic_menu ul li:last-child{
    float: right;
}


/************************ADMINISTRACIQ END**************************/
/*                                                                */
/*****************************************************************/

/***************************************Open project Q&A********************************************/
 h3{
    color: #1c3556;
    margin-bottom: 15px;
}
 .blue_rad_length{
    padding-left: 20px;
    width: 1140px
}
 .blue_button_menu{
    width: 109px;
}
 .blue_button_menu:nth-child(4){
    width: 152px;
}
 .appbar{
        background-image: url('/img/appbar-red.png');
        background-repeat: no-repeat;
        background-position: 85px 8px;
        padding-right: 15px;
        
}

 .white_cont h3 p {
    color: #385274;
    display: table-cell;
    font-family: myVarelaBold !important;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    padding-left: 20px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}
 .reply_comment {
    background: none repeat scroll 0 0 #c1e3ed !important;
    margin-top: 10px !important;
    padding-bottom: 20px !important;
    float: right;
    width: 770px!important;
}
 .hidden_c textarea.u_descr {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    border-style: none;
    clear: both;
    margin-left: 20px;
    margin-top: 20px;
    padding: 10px;
    text-align: justify;
    width: 710px;
    height: 97px;
}
 .reply_comment p.u_descr {
    width: 640px !important;
}
 .reply_comment h2 {
    width: 640px !important;
}
 .new_comment .save_but{
    float: right;
    margin-bottom: 20px;
    margin-right: 20px;
}    
 .reply_comment .save_but {
    float: right;
    margin-bottom: 0!important;
    margin-right: 20px;
}
 .det_comments_whrap2 {
    background: none repeat scroll 0 0 #eff2f4;
    border-radius: 5px;
    margin: 20px 20px 0 auto;
    min-height: 130px;
    width: 790px;
    padding-bottom: 20px;
}
 .det_comments_whrap h2 {
    float: left;
    font-weight: 500;
    margin-left: 10px;
    margin-top: 20px;
    width: 660px;
}
 .u_nname {
    color: #385274;
    float: left;
    font-family: myVarelaBold;
    margin: 0;
}
 .u_date_post {
    color: #818a96;
    float: right;
    margin: 0;
    font-size: 12px;
}
 .det_comments_whrap img {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}
 .new_comment textarea.u_descr {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    border-style: none;
    clear: both;
    height: 80px;
    margin-left: 20px;
    margin-top: 20px;
    max-width: 1065px;
    padding: 10px;
    text-align: justify;
    width: 730px;
    height: 97px;
}
 .u_descr {
    color: #385274;
    float: left;
    margin-top: 5px;
    margin-left: 15px;
    min-height: 50px;
    text-align: justify;
    width: 660px;
} 

 .det_comments_whrap {
    background: none repeat scroll 0 0 #eff2f4;
    border-radius: 5px;
    min-height: 130px;
    width: 790px;
    padding-bottom: 20px;
    margin-top: 20px;
}

.main-container {
    background-color: #eff2f4;
    margin-bottom: 0 !important;
}
.det_comments h2 {
    color: #1c3556;
    font-size: 14px;
    margin-left: 15px;
    margin-top: 20px;
}
.det_comments_whrap .save_but,
.det_comments_whrap2 .save_but{
    background-color: #1c3556;
    border-radius: 5px;
    border-style: none;
    color: #fff;
    font-size: 14px;
    height: 30px;
    width: 80px;
    margin: 15px 20px 0 20px;
}
/***************************************Open project Q&A********************************************/


.pagging_container{
    width: 100%;
    height: 55px;
    position: relative;
    text-align: center;
    display: table;
}
 .pagging{
    /*width: 150px;*/
    min-width: 150px;
    height: 30px;
    background-color: yellow;
    margin: 0 auto;
}
 .pagging_container ul{
    list-style-type: none;
    padding: 0px;
    margin-bottom: 25px;
}
 .pagging_container ul li{
    display: inline-block;
    font-size: 14px;
    font-family: myVarela;
}
 .link_arr a{
    color: #1c3556;
}
 .link_arr {
    margin-left: 10px;
}
 .link_page{
    width: 25px;
    height: 25px;
    border-radius: 5px;
    color: #1c3556;
    background-color: #fff;
}
 .link_page a{
    color: #1c3556;
    padding: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
}
 .link_page span{
    line-height: 25px;
}
 .active_page{
    background-color: #5678a4;
}
 .active_page a {
    color: #fff;
}


#content-editor *,
.post_text *{
    font-family: myVarela !important;
    font-size: 14px !important;
    color: #385274 !important;
}
.lists_posts .text_cont{
    overflow: hidden;
    max-height: 58px;
}
.article .post_text *,
.article .text_cont *{
    color: #385274 !important;
    font-family: myVarela !important;
    font-size: 14px !important;
}
.all_posts_cont .post_text,
.my_post_left_cont .post_text{
    overflow: hidden;
    max-height: 58px;    
}

#hidden_div{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url('/img/transparent-bg.png');
    visibility: hidden;
    z-index: 1;
}