@charset "utf-8";
/* CSS Document */

html,body{ height:100%;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.wrap {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -4em;padding: 0 0 60px;}
/*.wrap_footer {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -9em;padding: 0 0 60px;}
*/
#footer { height:4em;}

.login_bg{ background:url(../images/login_bg.jpg) repeat;}
.dashboard_bg{ background: url(../images/dashboard_bg.jpg) repeat;}


.nav-collapse .nav > li > a:hover,
.nav-collapse .dropdown-menu a:hover {
    background-color:#0E2734 !important;
  }

.login_form{ width:310px; margin:0 auto; padding:13% 0; text-align:center;}

.login_form p{ color:#FFF; margin:0; padding:0; line-height:6px;}
#sign_in_form{ margin:10px 0;}
.log_field{ background:#FFF;
			box-shadow: inset 2px 2px 7px 0px rgba(119, 119, 119, 0.85);
			border-radius:6px;
			padding:3px 10px;
			margin:0 0 5px 0;}
.log_field span{ float:left; padding-right:3px;}	
.log_field input{ margin:0 !important; border:none !important; color:#414242;width: 250px;}	
.log_field img{ margin-top:8px;}
.talent_btn { width:100%;}
.login_button{
	background-image: linear-gradient(bottom, rgb(8,87,123) 1%, rgb(21,133,185) 100%);
background-image: -o-linear-gradient(bottom, rgb(8,87,123) 1%, rgb(21,133,185) 100%);
background-image: -moz-linear-gradient(bottom, rgb(8,87,123) 1%, rgb(21,133,185) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(8,87,123) 1%, rgb(21,133,185) 100%);
background-image: -ms-linear-gradient(bottom, rgb(8,87,123) 1%, rgb(21,133,185) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.01, rgb(8,87,123)),
	color-stop(1, rgb(21,133,185))
);
background-color:#2F779D;
color:#fff;
border:none;
border-radius:3px;
width:100%;
display:block;
padding:6px 0;
background:

}
.pagenatin .current {
    color: #428bca;
}
.inner_wraper{ padding:0 10px;}

.dashboard_header{ background:url(../images/header_bg.jpg) repeat; padding-bottom:10px;}
#toolbar{background:#176c90; margin:5px 0 0; padding:5px;}
.toolbar{ background:#176c90; margin:0; padding:5px;}
.toolbar > li {
display: inline-block;
float:left;
position:relative;
}
.toolbar > li.profile > a {
padding-right: 10px;

}
.toolbar > li > a {
position: relative;
display: block;
outline: none;
color: #eee;
text-decoration: none;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
font-size: 12px;

}
 .toolbar > li.profile > a > .avatar > img {
width: 55px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
}
.toolbar > li > a > .text {
display: inline-block;
text-align: left;
vertical-align: middle;
text-transform: capitalize;
font-weight: 700;
line-height: 14px;
padding-top:15px;
float:left;
}
.toolbar > li > a > .text .role {
display: block;
font-weight: 100;
font-size: 11px;
}
.avatar{ float:left; padding:13px;}
.toolbar > li > a > .arrow {

font-size: 14px;
margin-left: 5px;
float:left;
width: 0px;
height: 0px;
border-style: solid;
border-width: 9.5px 5.5px 0 5.5px;
border-color: #ffffff transparent transparent transparent;
position:relative;
top:16px;
}
.toolbar > li > a > .badge, .toolbar > li > a > .label {
position: absolute;
z-index:10;
top: 8px;
left: 12px;
padding: 0px 2px;
min-width: 10px;
border: 1px solid rgba(0, 0, 0, 0.3);
border-top-color: rgba(0, 0, 0 0.1);
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #cb0610;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
text-align: center;
}
.toolbar > li > a > .icon {
margin-top: -2px;
vertical-align: middle;
font-size: 18px;
position:relative;
top:10px;
}
.message_drop{ margin-bottom:10px;}
.drop_down{ position:relative;}
.task, .notification, .message{ padding-left:10px;}
.menu_nav{ background:#13475d!important; margin-bottom:10px!important;}
.menu_nav .navbar-inner{ background-image:none; background-color:#13475d; border:none;}
.menu_nav .my_nav li a{ text-shadow:none !important; color:#FFF !important; font-size:12px;}
.menu_search{ background:#FFF; padding:3px; margin:3px 0;}
.menu_search span input{ border:none; margin:0;}
.menu_search span{ float:left;}

.dashboard_content{ padding:10px;}
.dashboard_icons{ margin:0; padding:0;}
.dashboard_tile{ margin:0; padding:0; text-align:center;}
.dashboard_tile li{ list-style:none; margin:0; display:inline-block; width:200px; text-align:center; margin-bottom:20px;}
.dash_circle{ background: #FFF;width: 118px;height: 118px;border-radius: 70px;padding: 6px 0 0 6px;box-shadow: 1px 1px 4px #5F5E5C;margin: 0 auto;}
#talent_dashboard { padding:0;}
.dash_circle_grey{background-image: linear-gradient(bottom, rgb(208,210,210) 0%, rgb(242,242,242) 100%);
background-image: -o-linear-gradient(bottom, rgb(208,210,210) 0%, rgb(242,242,242) 100%);
background-image: -moz-linear-gradient(bottom, rgb(208,210,210) 0%, rgb(242,242,242) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(208,210,210) 0%, rgb(242,242,242) 100%);
background-image: -ms-linear-gradient(bottom, rgb(208,210,210) 0%, rgb(242,242,242) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(208,210,210)),
	color-stop(1, rgb(242,242,242))
);
box-shadow: inset 0px 1px 7px 0px rgba(119, 119, 119, 0.63);
 width:105px; height:105px; border-radius:70px;
 text-align:center;
 line-height:100px;
}
.dash_circle_grey:hover{opacity: 0.5;filter:Alpha(opacity=50); /* IE8 and earlier */}
.dashboard_link{ text-align:center !important; color:#000; text-decoration:none !important; display:block; padding-top:5px; font-size:14px;}
.notification_box, .latest_news{ margin-left:.50% !important; width:27% !important;}
.dashboard_icons{ width:43% !important;}
.widget{background: #fff;
clear: both;
margin-bottom: 20px;
margin-top: 0;
}
.widget.grey {

}
.widget.blue {

}
.widget.grey .widget-title {
background: #323131;
border-radius:5px 5px 0 0;
}
.widget.blue .widget-title {
background: #176c90;
border-radius:5px 5px 0 0;
}

.widget-title > h4 {

font-size: 14px;
font-weight: normal;
padding: 10px 11px 10px 15px;
line-height: 12px;
margin: 0;
color:#FFF;
}
.widget-title > h4 i {
font-size: 14px;
margin-right: 2px;
}
.widget-body {
padding: 15px 15px;
}
.listing{ margin:0; padding:0;}
.listing li {
list-style: none;
border-bottom: 10px solid #fff;
font-size: 12px;
background: #ededed;
}
.listing li .label {
margin: 0px 5px 0 0;
padding: 7px !important;
border-radius:0px;
}
.label-success{ background-color:#9eb15d !important;}
.label-warning{background-color: #fcb322 !important;}
.label-important{background-color: #e74955 !important;}
.italic {
font-style: italic !important;
}
.small {
font-size: 11px !important;
}
.notify_time{ padding:3px;}
.news_feed{ margin:0; padding:0;}
.news_feed li{ list-style:none; border-bottom:1px dashed #5D5D5D; padding:0 0 6px 0;}
.news_feed li h4{ color:#be540f; font-size:12px; margin:0; padding:0;}
.news_feed li p{ color:#616161; font-size:11px; margin:0; padding:5px 0; line-height:17px;}
.news_feed li span{ display:block; text-align:right; font-size:11px;}

.statistics{ margin:0; padding:20px 0;}
.talent{ margin:0; padding:0; text-align:center;}
.talent h2{ color:#0d475f; font-size:18px; margin:0; padding:0; line-height:18px;}
.stat_circle{ margin:0; padding:5px 0;}
.stat_rating{ margin:0; padding:0 0 0 55px;}
.stat_rating li{ list-style:none; float:left; margin:0; padding:0 15px 10px 0; }
.stat_rating li span{ float:left; color:#1c1f20; font-size:12px; font-weight:bold; padding-left:5px; font-family:Arial, Helvetica, sans-serif;}
.squre01{ background:#04a1e2; width:10px; height:15px; display:inline-block;}
.squre02{ background:#8d45b2; width:10px; height:15px; display:inline-block;}
.squre03{ background:#e39720; width:10px; height:15px; display:inline-block;}
.squre04{ background:#566500; width:10px; height:15px; display:inline-block;}
.squre05{ background:#e34120; width:10px; height:15px; display:inline-block;}

.footer_link{ text-align:center; padding:40px 0 0 0;}
.footer_link p{ display:block; margin:0; padding:0;font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; font-weight:bold; color:#000;}
.wds_link{ color:#054560;}

.dropdown-menu > header {
background-color: #2993B6;
position: relative;
padding: 15px 10px;
-webkit-border-radius: 2px 2px 0px 0px;
-moz-border-radius: 2px 2px 0px 0px;
border-radius: 2px 2px 0px 0px;
color: #eee;
text-transform: uppercase;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.dropdown-menu > .body {
display: block;
margin: 0;
border: 1px solid #e5e5e5;
border-top: none;
background-color: #fafafa;
}
.body > li:first-child {
border-top: none;
}
.dropdown-menu > .body > li {
position: relative;
display: block;
border-top: 1px dotted #e5e5e5;
color: #555;
}
.dropdown-menu > .body > li > .avatar {
display: inline-block;
margin-right: 5px;
width: 50px;
vertical-align: top;
}
.dropdown-menu > .body > li > .avatar > img, .dropdown-menu > .body > li > .icon > img {
-webkit-border-radius: 2px;
border-radius: 2px;
}
.dropdown-menu > .body > li > .text {
max-width: 220px;
color: #999;
font-weight: 400;
line-height: 16px;
display: inline-block;
}
.dropdown-menu .body li .text strong {
color: #555;
font-weight: 700;
font-size:12px !important;
}
.body > li > .text > small {
color: #999;
font-weight: 400;
font-size:11px!important;
}
.dropdown-menu li > a {
	display: inline-block !important;
padding-top: 10px !important;
clear: both;
font-weight: normal;
width: 137px !important;

font-size: 12px !important;
font-family:Arial, Helvetica, sans-serif;
line-height: 16px !important;}
.dropdown-menu > footer {
padding: 10px;
border: 1px solid #e5e5e5;
border-top: none;
border-bottom-color: #d5d5d5;
-webkit-border-radius: 0px 0px 2px 2px;
border-radius: 0px 0px 2px 2px;
background: #f5f5f5;
text-align: center;
}
 .dropdown-menu > footer > a {
color: #6eadc5;
-webkit-transition: color .3s ease;
-moz-transition: color .3s ease;
-ms-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
 .dropdown-menu > footer > a:hover{ text-decoration:none;}
 
 .user_drop{ left:-10px; top:100% !important;}
 .user_drop a{ display:block; text-align:center; background:#E1E1E1; color:#1C4B62; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:4px 0; font-weight:bold;border-bottom:#C3C3C3 1px solid;}
.drop_arrow{width: 0px;
height: 0px;
border-style: solid;
border-width: 0 7.5px 13px 7.5px;
border-color: transparent transparent #ffffff transparent;
position:absolute;
z-index:100;
top:-11px;
right:4px;}


/*===============================added in 10/07/2013===================================*/
.category_head{ background:#FFF; border-radius:3px; margin-bottom:10px;}
.category_title{ margin:0; padding:15px;}
.category_title span{ float:left; padding-right:5px;}
.category_title h4{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#254A65; line-height:35px; margin:0; padding:0;}

.category_menu{ float:right; margin:0; padding:10px 0 0;}
.category_menu li{ float:left; list-style:none; margin:0; padding:0;}
.category_menu li a{ display:block; text-align:center; padding:0 15px;
border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;}
.category_menu li a:hover{border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;}
.category_menu li a span{ display:block; font-size:11px;}
.table_box{ border:solid 1px #E2E2E2; background:#FFF; margin:15px 0;border-radius:3px;}
.cat_form{ margin:0; padding:15px;}
.cat_form input{ margin:0 !important;}
.right_select{ margin:0; padding:15px 15px 0 0; float:right;}
.right_select li{list-style:none; float:left; margin:0; padding:0 5px 10px 0;}
.right_select select{ width:100px; margin-right:5px;}
.category_table{ margin:0; padding:15px;}
#table_cat{ margin:10px 0; padding:0; border-top:solid 1px #D1D1D1;}
#table_cat tr{ border-bottom:solid 1px #D8D8D8;}
#table_cat tr:hover{ background:#BBDAEA;}
#table_cat tr td{ padding:5px;}
#table_cat tr td span{ display:inline-block; padding-left:8px; padding-right:2px;}
.row_bg{ background:#F0F0F0;}
.chk{ width:3%;}
.cat_search_btn{ background:#13475d !important; border:none; color:#FFF !important; text-shadow:none !important;}
.cat_clear_btn{ background:#b9baba !important; border:none; color:#FFF !important; text-shadow:none !important;}


.styled-select select {
   background: transparent;
   width: 142px;
   padding:0 20px 0 0;
   margin:0;
   font-size: 13px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 28px;
   -webkit-appearance: none;
   outline:none;
   }
   
   .styled-select {
   width:150px;
   height:26px;
   overflow: hidden;
   background:url(../images/new_arrow.png) no-repeat right #D6D6D6;
   border: 1px solid #ccc;
   }
   
   
   .pagenatin{ text-align:center; margin:0 auto; padding: 0;
margin-bottom: 20px;display:table;}
   .pagenatin li{ display:table-cell !important; list-style:none; margin:0; padding:0 5px;}
   .pagenatin select{width: 70px;
padding: 0;
height: 19px;
font-size: 11px;
border-radius: 0px; margin:0;
outline:none;}
.button_start{ background:url(../images/j_button2_first.png) no-repeat 5px 3px #E6E6E6; color:#161616; padding:0 7px 0 23px; border-radius:2px; display:inline-block; text-decoration:none;}
.button_prev{ background:url(../images/prev.png) no-repeat 5px 3px #E6E6E6; color:#161616; padding:0 7px 0 23px; border-radius:2px; display:inline-block; text-decoration:none;}
.button_next{ background:url(../images/next.png) no-repeat 42px 3px #E6E6E6; color:#161616; padding:0 23px 0 7px; border-radius:2px; display:inline-block; text-decoration:none;}
.button_end{ background:url(../images/end.png) no-repeat 38px 3px #E6E6E6; color:#161616; padding:0 23px 0 7px; border-radius:2px; display:inline-block; text-decoration:none;}


.page_link{ font-weight:bold; font-size:12px; color:#191919; display:inline-block; padding:0 5px;}
.ad_new_article{ background:#FFF; margin:15px 0; padding:15px; border-radius:3px;}
.ad_new_article h4{ font-family:Arial, Helvetica, sans-serif; color:#224A60;}
.article_form{ margin:0; padding:0;}
#form_article{ margin:15px 0; padding:10px 0;}
.permission{background:#13475d !important; border:none; color:#FFF !important; text-shadow:none !important; margin-bottom:10px !important;}


table.mceLayout, textarea.tinyMCE {
    width: 100% !important;
}

.note-desktop {
    display: none;
}

/* make the toolbar wrap */
.mceToolbar td {
	display:table-row;
	float: left;
}
.mceToolbar td:nth-of-type(11){
	clear: left;
}

@media only screen and (min-width: 600px) {
    table.mceLayout, textarea.richEditor {
       width:100%!important;
    }
    
    .note-desktop {
        display: block;
    }
    .note-mobile {
        display: none;
    }
    
    /* remove the toolbar wrap */
    .mceToolbar td {
	    display:table-cell;
	    float: none;
    }
    mceToolbar td:nth-of-type(11){
	    clear: none;
    }
}

.tiny_box{ margin:2px 0 15px 0;}
#form_article select{ height:25px; border-radius:0px; padding:0; background:#E6E6E6;}
.artcle_radio{ margin:5px 0; padding-right:5px;}
.artcle_radio label, .artcle_radio input, .artcle_radio checkbox{ float:left; padding-right:2px;font-size: 14px;font-weight: 100 !important;}
.artcle_radio input { margin-right:6px !important;}

/*===================== 21/10/2013 =============================*/

.talent_nav_bar{ background-color: #13475d;}
.talent_nav_bar ul li a{ color:#fff !important; text-decoration:none;}
.talent_nav_bar ul li:hover { background:#1585B9 !important;}
.talent_design { border-radius:0 !important; z-index:200 !important;}
.talent_username span{ position:relative; top:15px; padding:0 0 0 5px;} 
.talent_username b{ position:relative; top:15px;} 
.talent_drop_align { left:-166px !important;} 
.talent_drop_design{ padding:0 !important;}
.talent_drop_design li a{ text-decoration:none;}
.talent_drop_design li a:hover {color:#fff!important;}
.talent_drop_design li:hover {background:#1585B9; }
.talent_drop_profile { left:-36% !important;}
.talent_drop_profile li:hover { background:#1585B9 !important;}

.dropdown-menu > li > a:hover { background:none !important; text-decoration:none;}
		.talent_nav { width:50%;}
#talent_drop ul li a { color:#000 !important; }

/*======================= category_manager ========================*/

.talent_select {padding: 20px 0 !important;}  
.talent_second { margin:20px 0; background:#fff;}
.talent_second_input span{float:left; padding-right:5px;}
.talent_form { float:left;width:35%;}

.talent_filter { padding-right:10px; position:relative; top:6px;}
.talent_pagination{ text-align:center;}

/*======================== add new category ==========================*/
.talent_input_width {width: 30%;float: left;margin: 10px;}
.evp_search_icon { position:relative;}
.talent_search_icon { right:5px; position:absolute; top:5px;}

.talent_drop_style li:hover { background:#0081c2 !important;}
.talent_drop_style li a:hover { background:#0081c2!important; color:#fff !important;}
.talent_drop_style li a{ color:#000 !important;}
.navbar .nav li.dropdown.open > .dropdown-toggle { background:#0E2734!important;}


.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;
                                 border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;
					     border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;
                                       -moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
									   
									   
									   


/* BOOTSTRAP OVERWRITE */
@media (min-width: 768px) {
	
  
  .navbar-nav .open ul {
    display: none;
	}
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus,
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background: none;
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus,
  .navbar-inverse .navbar-nav > .active > a,
  .navbar-inverse .navbar-nav > .active > a:hover,
  .navbar-inverse .navbar-nav > .active > a:focus {
    color: #969696;
    background: none;
  }
  .navbar-default .navbar-nav > .hovernav > a {
		color: #555;
	}
  .navbar-inverse .navbar-nav > .hovernav > a {
		color: #969696;
	}
  .navbar-default .navbar-nav > .hovernav:hover > a,
  .navbar-default .navbar-nav > .hovernav:hover > a:hover,
  .navbar-default .navbar-nav > .hovernav:hover > a:focus {
    color: #333;
    background: transparent;
  }
  .navbar-inverse .navbar-nav > .hovernav:hover > a,
  .navbar-inverse .navbar-nav > .hovernav:hover > a:hover,
  .navbar-inverse .navbar-nav > .hovernav:hover > a:focus {
    color: #fff;
    background: transparent;
  }
	.navbar-default .navbar-nav > li:hover {
    background: #e7e7e7;
  }
  .navbar-inverse .navbar-nav > li:hover {
    background: #080808;
  }
  .navbar-nav .hovernav:hover > .dropdown-menu {
    display: block;
	}
}

.navbar .nav > li > .dropdown-menu:after {
position: absolute;
top: -6px;
left: 10px;
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
border-left: 6px solid transparent;
content: '';
}

.evp_bootstrap_change { min-width: 230px !important;padding: 8px !important;}

.dropdown-menu {

/*top: 100% !important;*/

border-radius:6px !important;

}
.evp_second_message { background:#fff;}
.talent_input_width span h5{ margin:0; font-size:13px;}

/* ------------- 4/11/2013 ---------------*/

#talent_alert_style { margin:0;}
.talent_input_width .chosen-container { width:100% !important;}
.chosen-container { width:100% !important;}

/*-------------------29/11/2013---------------------*/

.admin-psy-actions-active img{
  width: 25px;
}

.admin-psy-actions-deactive img{
  width: 25px;
}


/*---------------------15/11/2016-------------------*/

.equal-width-4{
  width: 33.3333% !important;
}

.equal-width-3{
  width: 23.3333% !important;
}

.equal-width-2{
  width: 10% !important;
}

.emailreading_search_date{
  width: 135px !important;
}

.emailreading_select_user{
  margin-left: 26%
}

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.contact-info-table tbody th{
  width: 230px !important;

}
.img_dis{
color: transparent;
}

.for-staff-div-l{padding: 19px 0 0;}
.for-staff-div-l b{
    padding-left: 6px;
    position: relative;
    top: -1px;
    font-size: 19px;
}

/*=======================chat 11-01-2018===================================================================================*/

.chat_sect{border-top:solid 5px #b2b2b2;min-height: 870px;padding-top: 65px;}
.chat_window {       margin: 0;   background-color: #fff;     border: solid 1px #ebebec;border-bottom: none;}
.top_menu {background-color: #fff;width: 100%; padding: 9px 15px;border-bottom:solid 1px #ebebec}
.top_menu .title {text-align: center;color: #bcbdc0;  font-size: 20px;}
.messages-wrapper,.messages-wrapper-psy{height: 470px;margin: 8px 0; }


.messages,.messages-psy { position: relative; list-style: none; padding: 20px 10px 0 10px; margin: 0;  overflow-y: hidden;height: 350px;
    overflow: auto;}
.messages .message,.messages-psy .message-psy { clear: both; overflow: hidden; margin-bottom: 2px; transition: all 0.5s linear; opacity: 0;}
.messages .message.left .avatar {  background: url(../images/chathim.png)no-repeat; background-color: transparent; float: left;   margin-right: 25px;   width: 48px;   height: 48px;}
.messages .message.left .text_wrapper { background-color: #91b763; margin-left: 20px;    margin: 8px 0;}
.messages .message.left .text_wrapper::after, .messages .message.left .text_wrapper::before  { right: 100%; border-right-color: #91b763;}
.messages .message.left .text,.messages-psy .message-psy.left .text-psy { color: #363637;}
.messages .message.right .avatar {     background: url(../images/chatme.png)no-repeat;  background-color: transparent;  width: 48px;   height: 48px; float: right;}
.messages .message.right .text_wrapper{ background-color: #dcdae0;  float: right; margin: 8px 0;margin-right: 20px;}
.messages .message.right .text_wrapper::after, .messages .message.right .text_wrapper::before { left: 100%;border-left-color: #dcdae0;}
.messages .message.right .text,.messages-psy .message-psy.right .text-psy { color: #363637;}
.messages .message.appeared,.messages-psy .message-psy.appeared-psy { opacity: 1;}
.messages .message .avatar,.messages-psy .message-psy .avatar-psy { width: 60px; height: 60px; border-radius: 50%; display: table;}
.messages .message .text_wrapper,.messages-psy .message-psy .text_wrapper-psy {display: table;padding: 5px 14px;border-radius: 6px; position: relative;max-width: 80%;}
.messages .message .text_wrapper::after, .messages-psy .message-psy .text_wrapper-psy:before {top: 18px;border: solid transparent;content: " ";height: 0; width: 0;position: absolute;  pointer-events: none;}
.messages .message .text_wrapper::after,.messages-psy .message-psy .text_wrapper-psy::after  { border-width: 5px;  margin-top: -8px;}
.messages .message .text_wrapper::before,.messages-psy .message-psy .text_wrapper-psy::before  {  border-width: 5px;   margin-top: -7px;}
.messages .message .text_wrapper .text,.messages-psy .message-psy .text_wrapper-psy .text-psy { font-size: 16px; font-weight: 300;word-break: break-all;}
.bottom_wrapper,.bottom_wrapper-psy {    width: 92%;
    background-color: #fff;
    padding: 20px 15px;
    border-top: solid 1px #ebebec;
    border: solid 1px #ebebec;
    min-height: 145px;
    position: relative;
    margin: 0 auto;}
.bottom_wrapper .message_input_wrapper,.bottom_wrapper-psy .message_input_wrapper-psy {  display: inline-block;width: 80%;}
.message_input_wrapper input,.message_input_wrapper-psy input{width: 100%;resize: none;}
.message_input_wrapper input,.message_input_wrapper-psy input{outline: none;}
.bottom_wrapper .message_input_wrapper .message_input,.bottom_wrapper-psy .message_input_wrapper-psy .message_input-psy {  border: none; }
.bottom_wrapper .message_input_wrapper .message_input::-webkit-input-placeholder,.bottom_wrapper-psy .message_input_wrapper-psy .message_input-psy::-webkit-input-placeholder  { /* Chrome/Opera/Safari */  color: #b8b5bb;}
.bottom_wrapper .message_input_wrapper .message_input::-moz-placeholder,.bottom_wrapper-psy .message_input_wrapper-psy .message_input-psy::-moz-placeholder { /* Firefox 19+ */  color: #b8b5bb;}
.bottom_wrapper .message_input_wrapper .message_input:-ms-input-placeholder,.bottom_wrapper .message_input_wrapper-psy .message_input-psy:-ms-input-placeholder { /* IE 10+ */  color: #b8b5bb;}
.bottom_wrapper .message_input_wrapper .message_input:-moz-placeholder ,.bottom_wrapper-psy .message_input_wrapper-psy .message_input-psy:-moz-placeholder { /* Firefox 18- */  color: #b8b5bb;}
.bottom_wrapper .send_message,.bottom_wrapper-psy .send_message {   width: 60px;   height: 30px;   display: inline-block;   border-radius: 4px;   background-color: #91b763;   border: 0px solid #91b763;   color: #fff;   cursor: pointer;   text-align: center;   float: right;   font-size: 16px;   line-height: 29px;}
.message_template,.message_template-psy { display: none;}
.post-center,.post-center-psy{    position: absolute;  bottom: 8px;  width: 100%;font-size: 14px;left:0;}
.post-center span,.post-center-psy span{color: #b8b5bb;}
.post-center  a,.post-center-psy  a{color: #91b763;text-decoration: none;padding: 0 7px;}

.messages-wrapper .mCSB_scrollTools .mCSB_draggerRail,.messages-wrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.messages-wrapper-psy .mCSB_scrollTools .mCSB_draggerRail,.messages-wrapper-psy .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{border-radius: 0}
.messages-wrapper  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.messages-wrapper-psy  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #b7d296}
.messages-wrapper .mCSB_inside > .mCSB_container,.messages-wrapper-psy .mCSB_inside > .mCSB_container{margin-right: 15px}
.messages-wrapper .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,.messages-wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color: #cfcfcf}
           
.chat-profile,.chat-details{display: inline-block; font-family: 'source_sans_proregular';color: #363637;vertical-align: middle;}
.chat-profile{padding-right: 10px;}
.chat-details{font-size: 16px;width: 87%;}

.chat-details p{margin: 0;line-height: 1;}
.font-in-sans-bold{ font-family: 'source_sans_probold';}
.added-for-session-expired{min-height: 203px;}
.expiray-text p{  font-family: 'source_sans_prosemibold';font-size: 15px;margin: 0;}
.expiray-text img{    display: block; margin: 12px auto 6px;}
.expiray-text button{    font-size: 13px;  text-transform: uppercase;  background: #cc9e38;  color: #fff;  border: none;  padding: 11px 6px;  border-radius: 3px;  line-height: 1;}

.messages-psy .message-psy.left .text_wrapper-psy{    background-color: #91b763;  margin-left: 20px;    margin: 8px 0;}
.messages-psy .message-psy.right .text_wrapper-psy{    background-color: #dcdae0;  float: right;   margin: 8px 0;   margin-right: 20px; }
.messages-psy .message-psy.left .text_wrapper-psy::after, .messages-psy .message-psy.left .text_wrapper-psy::before {right: 100%;
    border-right-color: #91b763;   }
 .messages-psy .message-psy.right .text_wrapper-psy::after, .messages-psy .message-psy.right .text_wrapper-psy::before {left: 100%;
    border-left-color: #dcdae0; }
 .messages-psy .message-psy.right .avatar-psy{background: url(../images/chatme.png)no-repeat; background-color: transparent; width: 48px; height: 48px;   float: right;}
.messages-psy .message-psy.left .avatar-psy{background: url(../images/chathim.png)no-repeat;
    background-color: transparent;
    width: 48px;
    height: 48px;
    float: left;margin-right: 20px;}
.nospacing{padding: 0;}



.added-psyco-chat{padding-bottom: 0!important;}
.chat_window-mobile{border:none;}
.chat-in-wrap-in{    width: 86%;}
.chat-inn-detailss{    min-height: 484px;
    padding-top: 0;}


.no-chat-expire-border{border:none;}
/*  .messages-wrapper, .messages-wrapper-psy{height: 350px;overflow: auto;}*/
  .added-to-in-btm{border-bottom: solid 1px #ebebec}
  .chat-admin{    padding: 23px 10px;}
   .chat-admin .messages-wrapper{ max-width: 790px;  margin: 0 auto;  border: solid 1px #ebebec;  }
   .for-psychic-client{padding: 20px;}
   .for-psychic-client{font-weight: bold;color: #a70505;}
   .for-div-admin{color: #333333;font-size: 14px;font-weight: bold;}
   
.chat-reading-in-green{
  background: #00cc44!important;
}
.chat-reading-in-yellow{
  background: #ffff00!important;
}
.new-bottom-text-body {border-top: solid 2px #ddd;margin-top: -20px;}
.new-bottom-text-body h2 {text-align: center; font-size:20px;font-family:source_sans_probold;font-color:#1f1f1e;}
.new-bottom-text-body h4 {font-size:16px;font-family:source_sans_probold;font-color:#1f1f1e;}
.new-bottom-text-body p.back-top-top-text{color:#4779b1;text-align:center;font-size: 18px;font-family:source_sans_probold;}
.new-bottom-text-body p {font-size:16px;font-family:source_sans_pro;font-color:#1f1f1e;}
.new-bottom-text-body li {font-size:16px;font-family:source_sans_pro;font-color:#1f1f1e;}
.new-bottom-text-body img.back-to-top-arrow{margin-top:-12px;}
.new-bottom-text-body p.back-top-top-text span{cursor: pointer;}

.for-margin{ margin-left: 20px; }
.show-info{
  display: block!important;
}