@font-face {
font-family: Montserrat;
src: url("https://mspassist.net/wp-content/themes/mspassist/fonts/Montserrat-Regular.otf") format("opentype");
}
@font-face {
font-family: Montserrat-Bold;
src: url("https://mspassist.net/wp-content/themes/mspassist/fonts/Montserrat-Bold.otf") format("opentype");
}
.topnav ul li a{color:black !important;}
body{
	background: #fff;
	display: table;
    width: 100%;
    position: relative;
    font-family: Georgia, serif;
}
.dlt_revhvr:hover{background: black;}
.admin_submenu{overflow: inherit !important;
    width: 88% !important;
    border-radius: 4px !important;
    position: absolute !important;
    left: 9% !important;
    border: 0px !important;
    margin-top: 14px!important;
    top:100%;
}
    .main-panel {
    background: rgba(203, 203, 210, 0.15);
    position: absolute !important;
    z-index: 2;
    float: right;
    width: calc(100% - 260px);
    min-height: 100%;
    right: 0 !important;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #524d4d!important;
    border-color: #337ab7;
}
.sent_head {
    background: linear-gradient(#477bca,#5966d0) !important;
}
.admin_submenu li a
    {
    	    padding: 8px 6px !important;    margin: 5px 3px !important;
    }
    .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 5px dashed;
    border-top: 5px solid\9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
html::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
	border-radius: 10px;
	background-color: #CCCCCC;
}

html::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

html::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #D62929;
	background-image: -webkit-linear-gradient(90deg,
											  transparent,
											  rgba(0, 0, 0, 0.4) 50%,
											  transparent,
											  transparent)
}
table{
	background-color: none;
}
.login_outer{
	position: relative;
	padding: 20px;
}
.cleared{
	clear: both;
}
.login_inner{
	max-height: 100%;
    max-width: 100%;
    height: 74%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border:1px solid #b5b5b5;
    background: #fff;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.login_wrap{
	position: relative;
	height:100%;
}
.login_upper {
	height:40%;
	position: relative;
}

.login_upper img{
	width:50%;
	max-height: 100%;
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.login_below{
	height:60%;
}
.form_holder,.clicked{
	position: relative;
}
.form_holder input{
	background: transparent!important;
}
.form_holder:before {
    position: absolute;
    content: attr(data-val);
    left: 12px;
    top: 10px;
    font-size: 14px;
    color: #b5b5b5;
    line-height: 14px;
    transition: all 0.2s linear;
}
.form_holder.clicked:before{
	background: #000;
	padding: 4px 8px;
	color: #fff;
	border-radius: 12px;  
	font-size: 12px;
	top:-12px;
	left:40%;
	z-index: 70;
}
input:-webkit-autofill{
	background: transparent!important;
}
.form_holder.clicked.done:before{
	display: none;
}
.form-group .btn-success{
	display: block;
    margin: 20px auto;
    padding: 7px 20px;
    color: #fff;
    background-color: #f9bf3b;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    letter-spacing: 2.5px;
    font-family: Montserrat-Bold;
    border:0;
    transition: all 0.2s ease-out;
}
.form-group .btn-success:hover{
	color: #fff;
    background-color: #2e2e2e;
}
.forgot_log{
	text-align: center;
}
.navbar-brand{
	float: left;
	padding-top:15px;
	padding-left:10px;
}
.navbar-brand>img{
	float: left;
    width: 20%;
}
#identify{
	color:#fff!important;
	padding:15px;
}
.desk{
	width:17%;
	position: absolute;
	height:100%;
	background: #272822;
}
.calculate{
	padding: 4px 8px 6px 8px;
    background: #de1212;
    border-radius: 50%;
    color:#fff;
}
.loading_div{
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45);
    z-index: 3000;
}
.loading_div img{
	display: block;
    margin: auto;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.tab_desk{
	width:80%;
	float: right;
}
.navbar-nav li a{
	color:#fff!important;
	font-family: Montserrat;
}
.dropdown-menu li a{
	color:#000!important;
}
.menu_wrap{
	padding:80px 15px 15px 15px;
	background: #272822;
	color:#fff;
	height:auto;
}
.menu_wrap h3{
	font-weight:bold;
	font-family: Montserrat-Bold;
	color: #CC2E22;
	padding-bottom: 15px;
	border-bottom: 1px solid #696868;
}
#btnUpdatePost{
	padding: 5px 20px;
	font-family: Montserrat;
}
.list_wrap{
    background: #575757;
    border-radius: 10px;
}
.list_wrap ul{
	padding: 0px;
}
.list_wrap ul li{
	display:block;
	margin: auto;
	padding:5px 15px;
	border-bottom: 1px solid #f5f5f5;
}
.list_wrap ul li ul li{
	margin: auto -15px;
	text-align: center;
}
.list_wrap ul li.active{
	background: #232323;
}
.list_wrap ul li.active:before{
    position: absolute;
    display: block;
    content: '';
    top: 15px;
    right: -15px;
    width: 5px;
    height: 5px;
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    border-color: transparent #d6d6d6 transparent transparent;
    z-index: 2;
}
.list_wrap ul li:last-child{
	border-bottom: none;
}
.menu_list_active{
	background: #313131;
}
.menudesk{
	left: 0px;
    position: fixed;
    width: 17%;
    overflow-y: auto;
}
.onshrink .row{
	position: relative;
}
.list_wrap ul li a{
	text-decoration: none;
	color:#fff;
	font-size: 15px;
	font-family: Montserrat;
	letter-spacing: 1.5px;
	text-align: center;
	padding: 4px 0px;
}
.tab_area .tab-content{
	margin-top: 50px;
	padding:16px;
}
.list_wrap .nav li a:focus,.nav li a:hover{
    background-color: transparent!important;
}
.sidebar .nav i, body > .navbar-collapse .nav i {
    margin-top: -6px!important;
    
}
.list_wrap .nav li.active a{
	font-weight:bold;
	font-size:18px;
	color:#fff;
}
.content_outside_box{
	padding:15px;
}
.content_inside_box{
    background: #fff;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.1);
    min-height: 252px;
    height: 100%;
}
.content_inside_box hr{
	border: 1.5px solid #CC2E22;
	margin:10px 0;
}
.all_post_head h3{
	float: left;
}
.post_holder.row{
	margin-bottom: 10px;
	border-bottom: 1px solid #e8e8e8;
}
.post_holder a h4{
	margin:10px 0;
}
.post_holder a{
	text-decoration:none;
}
.posted{
	padding:0;
}
.posted p,.posted label{
	float:left;
	margin:10px 0;
}
.all_post_holder ul{
	display:table;
	margin:auto;
	padding:0;
}
.all_post_holder ul li{
	display: inline;
	padding:0 10px;
}
.all_post_holder tr td span{
	margin: 10px 0;
}
.dash {
    padding: 6px 19px;
    border: 0px;
    border-radius: 3px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.175);
    color: #FFFFFF;
    background-color: #1DC7EA;
    font-size: 14px;
    font-weight: bold;
}
.all_clients h4{font-size: 17px !important;}
.all_testimonial h4{font-size: 17px !important;}
.dash:active{
	box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.175);
}
.dash:focus{
	outline:0;
}
.dash:hover{
	opacity:0.8;
}
#btn_post2{
	float: right;
	margin:20px 0 10px 0;
}
.stats_holder{
	padding:6px 0;
}
.stats h4{
	margin:0 auto;
	text-align: left;
}
.stats_make{
	font-family: Montserrat;
}
.check{
	letter-spacing: 2px;
    font-family: Montserrat;
}
.btn-primary{
	padding:2px 12px;
	display:inline-block;
	margin:0 auto;
}
.post_hider{
	padding:12px 0 20px 0;
	margin-bottom: 10px;
}
#title{
	padding: 3px 8px;
    font-size: 1.7em;
    line-height: 100%;
    height: 1.7em;
    margin: 0 0 3px;
}
.post_publish h3{
	font-family: Montserrat;
	float:left;
}
.post_publish .dash{
	font-family: Montserrat;
	float:right;
	margin-top: 20px;
} 
#edit_success{
	margin: 20px 0 10px 10px;
}
#publish_success,#edit_success_span,#job_success{
	padding: 6px 12px;
    background: #2ec53a;
    border-radius: 3px;
    color: #fff;
    font-family: Montserrat;
    font-size: 15px;
}
#job_success{
	float: right;
	margin-top: 18px;
	margin-right: 15px;
}
#publish_failure,#job_failure{
	padding: 6px 12px;
    background: #de2929;
    border-radius: 3px;
    color: #fff;
    font-family: Montserrat;
    font-size: 15px;
}
.featured_box{
	border-radius: 4px;
	border:1px solid #DDDEDD;
	padding:0;
	float:left;
}
.featured_box h4{
	background: #DDDEDD;
	padding:10px 5px;
	margin-top:0;
}
.set_box{
	float:right;
	min-height: 120px;
	margin-bottom: 12px;
}
.extra_row{
	margin:0;
}
#excerpt{
	border:0;
	background: transparent;
	box-shadow: none;
	font-family: Montserrat;
}
#excerpt:focus{
	outline: 0;
	box-shadow: none;
}
.featured_inside_png img{
	height:200px;
	width:200px;
	cursor: pointer;
}
#edit_success{
	float: left;
}
.featured_holder{
	float:left;
	padding:8px;
}
.post_img_selector{
	float:left;
}
.img_to_insert{
	font-family: Montserrat-Bold;
	font-size: 18px;
	float: right;
}
.featured_dialog_box h3{
	font-family: Montserrat;
}
.img_section,.new_img_section{
    overflow-y: scroll;
    height: 75%;
    margin: 20px auto 40px auto;
    z-index:900;
}
#img_popup_ok,#img_popup_new_ok{
    position: absolute;
    bottom: 15px;
    right: 25px;
    padding: 5px 25px;
}
.img_head_hr{
	border: 1.5px solid #CC2E22;
	margin:10px auto;
}
#img_preview_box{
	width:100%;
	padding:15px 0;
}
#img_preview{
	max-height:215px;
	max-width:90%;
	display:block;
	margin: auto;
}
#new_post_image{
	margin:10px 0;
}
.media_container{
	padding:10px;
}
.thumbnail_holder{
	width:20%;
	float:left;
	padding:8px;
}
.thumb_inside_png{
	overflow: hidden;
	position: relative;
	background: #cecece;
	height:175px;
	padding:0;
}
.edit_new_post h4{font-size:18px!importantfont-weight:700!important;}
.thumb_inside{
	overflow: hidden;
	position: relative;
	height:175px;
	padding:0;
}
.thumb_inside img,.thumb_inside_png img{
    width: 100%;
    height: 175px;
    display: block;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
#new_img,#fake_picker{
	float:right;
	margin:24px 0px 10px 5px;
}
#chooser{
   display:none;
}
#file_selected,#file_not_selected,#err_msg,#file_alert{
	float:right;
	margin:24px 5px 10px 5px;
}
.gallery_head{
	float:left;
}
#file_preview{
	float:right;
	margin:0 5px 5px 0;
}
#get{
	display:none;
}
.popup_image_outer,.popup_featured_image,.popup_post_edit,.popup_new_featured_image,.popup_delete,.popup_edit_emp,.popup_add_emp,.popup_add_post{
    display:none;
    position:fixed;
    top:0; 
    left: 0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.35);
    z-index:700;
}
.image_holder,.post_edit_holder,.edit_box{
    display: block;
    margin: 70px 8% 0 8%; 
    background: #fff;
    z-index:800;
    height:85%;
    border-radius:5px;
    overflow:hidden;
    position: relative;
}
.featured_dialog_box,.featured_new_dialog_box{
	display: block;
    margin: 70px 8% 0 14%; 
    background: #fff;
    z-index:800;
    height:85%;
    border-radius:5px;
    overflow:hidden;
    position: relative;
    width:70%;
}
.pop_confirm,.delete_dialog_box{
	display:none;
	max-height: 100%;
    max-width: 100%;
    height: 22%;
    width:35%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    box-shadow: 0 0 2px 3px rgba(0,0,0,.175);
    border-radius: 4px;
    z-index:900;
}
.delete_dialog_box{
	padding:15px 0;
}
.image_holder .btn-danger,.image_holder .btn-success{
	padding:3px 20px;
	border:none;
	border-radius: 3px;
}
.pop_confirm ul,.delete_buttons{
	display:table;
	padding-left: 0;
	padding-top: 15px;
	margin:auto;
}
.pop_confirm ul li,.delete_buttons li{
	display:inline-block;
	padding:0 15px;
}
.delete_buttons li button{
	padding:5px 25px;
}
.image_holder .row,.popup_detail_outer{
	height:100%;
}
.popup_close{
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1000;
    cursor: pointer;
}
.popup_close:hover{
    color: #CC2E22;
}
.popup_head hr{
	margin-bottom: 0px;
}
.head_hr{
	border: 1.5px solid #CC2E22;
	margin:10px 0;
}
.edit_content{
	padding:15px;
	width:100%;
	height: 84%;
    overflow-y: auto;
}
.popup_viewer{
	padding:10px;
	border-right: 1px solid #eee;
}
.popup_viewer img{
	display:block;
	margin:auto;
	width:80%;
	max-width:100%;
}
#edit_form h4{
	font-family: Montserrat;
}
.right_one h4{
	float: left;
}
#chg_media,#chg_emp_pic{
	float: right;
	margin:10px 0;
}
.edit_fimg{
	display: block;
	margin: auto;
	height: 210px;
	padding:15px 10px;
}
#new_fimg{
	max-width:90%;
	max-height: 100%;
}
.date_fetched,.img_fetched,.img_id,.msg_id{
	display:none;
}
#img_to_delete{
	display:none;
}
.popup_details.row ul{
	display:table;
	padding-left: 0;
	margin: auto;
}
.popup_details.row ul li{
	display:inline-block;
	padding:0 7px;
}
#img_link{
	cursor:text;
}
.popup_details ul{
	display:table;
	padding-left: 0;
}
.popup_details ul li{
	display:inline;
}
.msg_head .nav li a:hover{
	background-color: #fff!important;
}
.msg_head ul li a{
	color:#000!important;
	font-family: Montserrat;
}
.msg_head ul li.active a{
	color:#CC2E22!important;
	font-family: Montserrat;
}
.msg_content{
	margin-top: 40px;
	padding:8px;
}
.inbox_desk{
	position: relative;
    min-height: 535px;
    width: 100%;
}
.media_head{
	height: auto!important;
}
.inbox_holder{
	background: #f5f5f5;
    height: 100%;
    padding:0;
    overflow-y:auto;
    z-index: 10;
}
.inbox_brief{
    position: relative;
    float: left;
    max-height: 95%;
    width:35%;
    padding:0;
    height:100%;
    border-right: 2px solid #4a4242;
    z-index: 10;
    min-width: 20%;
    max-width: 60%;
    border-radius:4px;
}
.detail_holder{
	max-height: 95%;
	height: 100%;
	overflow-y:auto;
	padding:0 18px;
}
.ui-resizable-e{
	display: block;
	width: 15px;
    right: -15px;
}
.fancy_circle{
	display: block;
    position: absolute;
    top:45%;
    right:-15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #272822;
    color:#c5c5c5;
    border: 1px solid #000;
    z-index:-1;
}
.outer_row{
	margin: 0;
	padding-top: 30px;
}
.inbox_detail{
    float:left;
	position: relative;
    max-height: 95%;
    width:65%;
    padding:0;
    height:100%;
    min-width: 40%;
}
.inbox_others{
	padding:10px 0;
}
.brief_holder{
	margin-bottom: 10px;
	border-bottom: 1px solid #c5c5c5;
	padding:0 10px;
	background: #fff;
	cursor:pointer;
	color: #000;
}
.inbox_holder:before{
	position: absolute;
	display: block;
	bottom:-45px;
	left:45%;
	content: '';
	width: 5px;
    height: 5px;
    border-style: solid;
    border-width: 15px 15px 15px 15px;
    border-color:  #000 transparent transparent transparent;
}
.inbox_holder:after{
	position: absolute;
	display: block;
	top:-45px;
	left:45%;
	content: '';
	width: 5px;
    height: 5px;
    border-style: solid;
    border-width: 15px 15px 15px 15px;
    border-color: transparent transparent #000 transparent;
}
.readout{
	border-bottom: 1px solid #e6e6e6;
	padding:0 10px;
	cursor:pointer;
    color: #fff;
    background: #1A81C3;
}
.brief_head{
	padding:0;
}
.brief_head h4{
	float:left;
}
.brief_head .notify{
	float: right;
}
.notify h5,.notify i{
	float: right;
	margin:10px 3px;
}

.inbox_name_date .row h4{
	float:left;
}
.inbox_name_date .row p{
	float:right;
}
.inbox_content{
	padding:50px 0px 40px 0px;
}
.reply,.reply_btn{
	padding:0;
}
#reply_subject,#sender_get,#sender_mail{
	font-weight: 100;
}
.reply_btn input[type="submit"]{
	padding:5px 15px;
	border:none;
	border-radius: 3px;
	float:right;
	margin:8px 0px;
}
#reply_result{
	display:none;
	float: left;
    margin: 8px 0;
    padding: 5px 15px;
    background: #2ec53a;
    border-radius: 4px;
    color: #fff;
}
.inbox_detail span{
	font-weight: bold;
}
.sent_head{
	background: linear-gradient(#1D4350, #A43931);
}
.sent_brief{
	background: #fff;
    padding: 0 20px;
    border-radius: 3px;
    margin-bottom: 10px;
    cursor: pointer;
}
#sent_name{
	float: left;
    font-family: Montserrat;
    font-weight: bold;
}
#sent_date{
	float: right;
    font-family: Montserrat;
    font-weight: bold;
    margin-top: 10px;
}
.sent_scroll{
	overflow-y: auto;
}
.sent_scroll::-webkit-scrollbar,.inbox_holder::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
.sent_brief_holder{
	position: relative;
	padding-top: 30px;
	float: left;
}
.sent_brief_holder:before{
	position: absolute;
	display: block;
	bottom:-45px;
	left:45%;
	content: '';
	width: 5px;
    height: 5px;
    border-style: solid;
    border-width: 15px 15px 15px 15px;
    border-color:  #fff transparent transparent transparent;
}
.sent_brief_holder:after{
	position: absolute;
	display: block;
	top:-15px;
	left:45%;
	content: '';
	width: 5px;
    height: 5px;
    border-style: solid;
    border-width: 15px 15px 15px 15px;
    border-color: transparent transparent #fff transparent;
}
.sent_detail_holder{
	height: auto;
	padding: 0px 15px;
	margin-top: 30px;
	background: #fff;
	border-radius: 5px;
	float: right;
}
.sent_detail{
	overflow-y: auto;
	padding: 8px 0;
}
#reciever_name,#reciever_email{
	float: left;
}
#reciever_date,#reciever_phone{
	float: right;
}
.sent_detail span{
	font-weight:bold;
}
#action,#demo_action,#sub_action{
	float: right;
	margin-top: 20px;
    margin-bottom: 10px;
    transition: all 0.3s linear;
}
/*employee css starts*/
.all_employee{
	margin-top: 15px;
}
.emp_box{
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.6);
    margin-bottom: 15px;
}
.emp_box button{
	float: right;
	margin-right: 20px;
}
.emp_detail{
	padding:15px 0;
}
.view_btn,.del_btn{
	transition: all 0.12s linear;
}
.view_btn:hover{
	background: #223F7F;
    color: rgb(255, 255, 255);
    border-left: 3px solid #223F7F;
    opacity: 1;
}
.del_btn:hover{
	background: rgb(204, 46, 34);
    color: rgb(255, 255, 255);
    border-left: 3px solid rgb(204, 46, 34);
    opacity: 1;
}
.emp_pic{
	position: relative;
	height: 150px;
	padding: 0;
	overflow: hidden;
}
.emp_pic img{
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	display: block;
	margin: auto;
	height: auto;
	width:100%;
}
.emp_label h4{
	text-align: right;
}
#add_emp_pop{
	float: right;
    margin-top: 20px;
    margin-bottom: 10px;
    transition: all 0.12s linear;
}
#add_emp_pop:hover{
	background: #34A853;
    color: rgb(255, 255, 255);
    border-left: 3px solid #34A853;
    opacity: 1;
}
#btnUpdateEmp,#btnAddEmp{
	padding: 5px 20px;
    font-family: Montserrat;
}
#new_emp_img,#add_emp_img{
	display: block;
	margin: auto;
	max-height: 100%;
}
.popup_emp_confirm,.popup_client_confirm,.popup_review_confirm{
	display:none;
	max-height: 100%;
    max-width: 100%;
    height: 22%;
    width:35%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    box-shadow: 0 0 2px 3px rgba(0,0,0,.175);
    border-radius: 4px;
    z-index:3000;
}
.popup_emp_confirm ul,.popup_client_confirm ul,.popup_review_confirm ul{
	display:table;
	padding-left: 0;
	padding-top: 15px;
	margin:auto;
}
.popup_emp_confirm ul li,.popup_client_confirm ul li,.popup_review_confirm ul li{
	display:inline-block;
	padding:0 15px;
}
.popup_emp_confirm .btn-danger,.popup_emp_confirm .btn-success,.popup_client_confirm .btn-danger,.popup_client_confirm .btn-success,.popup_review_confirm .btn-success,.popup_review_confirm .btn-danger{
	padding:3px 20px;
	border:none;
	border-radius: 3px;
}
/*employee css ends*/
/*testimonial css starts*/
#add_testimonial,#add_client{
	float: right;
	margin-top: 20px;
}
.popup_add_testimonial,.popup_add_client,.popup_edit_client,.popup_edit_review{
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.35);
    z-index: 700;
}
.popup_add_testimonial ul.nav-pills,.all_clients tr td ul,.all_testimonial tr td ul{
	display: table;
	margin: auto;
}
.popup_add_testimonial ul.nav-pills li.active a:hover{
	background: #337ab7!important;
}
.all_clients tr td ul li,.all_testimonial tr td ul li{
	display: inline-block;
	margin:auto 5px;
}
.all_clients tr td img,.all_testimonial tr td img{
	display: block;
	margin:auto;
}
.all_clients button,.all_testimonial button,.all_post_holder button{
	transition: all 0.2s linear;
}
.all_clients button:hover,.all_testimonial button:hover,.all_post_holder button:hover{
	transform: scale(1.16);
}
.all_clients tr,.all_testimonial tr,.all_post_holder tr{
	transition: all 0.12s linear;
}
.all_clients tr:hover,.all_testimonial tr:hover,.all_post_holder tr:hover{
	background: rgba(0,0,0,0.2);
}
/*testimonial css ends*/
/*demo request css starts*/
.read_demo{
	color: #000;
	text-decoration: none;
}
.read_demo:hover{
	color: #34a020;
	cursor: pointer;
	text-decoration: none;
}
#demoMsgModal .modal-dialog{
	margin: 70px auto;
	font-family: Georgia, serif;
	font-style: italic;
}
#demoMsgModal .modal-dialog .modal-body p{
	margin: 0 5px 10px;
}
#demoMsgModal .modal-dialog .modal-body:before{
	font-family: FontAwesome;
    content: "\f10d";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    font-weight: normal;
    font-size: 15px;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
}
#demoMsgModal .modal-dialog .modal-body:after{
	font-family: FontAwesome;
    content: "\f10e";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    font-weight: normal;
    font-size: 15px;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
}
/*demo request css ends*/
/*newsletter css starts*/
.letter_box{
	margin-bottom: 10px;
}
.letter_preview{
	height: 220px;
	overflow:hidden;
	background: #dcdbdb;
	transition: all 1s ease-in-out;
	position: relative;
	text-align: center;
}
.letter_expand{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
	background: rgba(0,0,0,0.4);
	z-index: 10;
}
.letter_inner{
	display: inline-block;
	color: #fff;
	padding: 5px 8px;
	background: rgba(0,0,0,0.6);
	cursor: pointer;
	margin: 20% auto;
}
.letter_half{
    padding: 10px;
    background: #23282D;
    border-radius: 4px;
}
.letter_name h4{
	color: #fff;
	padding: 6px 0;
}
.letter_name label{
	margin-top: 10px;
	font-size: 18px;
}
.letter_name label{
	color: #fff;
    display: inline-block;
    padding: 6px 12px;
    background: #008EC2;
    cursor: pointer;
}
.letter_name label:hover{
	background: #006799;
}
.topnav ul li a {
    color: #4f71cd !important;
}
.topnav ul li a:hover{
	background:#ddd!important;
}
.breath_holder{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.4);
	z-index: 1050;
}
.breath_box{
	max-height: 100%;
    max-width: 100%;
    height: 90%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    overflow-y: auto;
    padding:15px 10px; 
}
.my_scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
	border-radius: 10px;
	background-color: #CCCCCC;
}

.my_scroll::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.my_scroll::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #D62929;
	background-image: -webkit-linear-gradient(90deg,
											  transparent,
											  rgba(0, 0, 0, 0.4) 50%,
											  transparent,
											  transparent)
}
.breath_head{
	height: 20%;
	position: relative;
	padding-top:1px; 
}
.breath_close{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2000;
	color: #000;
	cursor: pointer;
}
.breath_body{
	height: 80%;
}
.breathed_out{
  animation: breath_out linear 0.3s ;
  -webkit-animation: breath_out linear 0.3s ;
  -moz-animation: breath_out linear 0.3s ;
  -o-animation: breath_out linear 0.3s ;
  -ms-animation: breath_out linear 0.3s ;
}
.breathed_in{
  animation: breath_in linear 0.3s ;
  -webkit-animation: breath_in linear 0.3s ;
  -moz-animation: breath_in linear 0.3s ;
  -o-animation: breath_in linear 0.3s ;
  -ms-animation: breath_in linear 0.3s ;
}
@keyframes breath_out{
  0% {
    opacity:0;
    transform:  rotate(0deg) scaleX(0) scaleY(0) ;
  }
  50% {
    opacity:1;
    transform:  rotate(0deg) scaleX(0.5) scaleY(0.5) ;
  }
  100% {
    opacity:1;
    transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
}

@-moz-keyframes breath_out{
  0% {
    opacity:0;
    -moz-transform:  rotate(0deg) scaleX(0) scaleY(0) ;
  }
  50% {
    opacity:1;
    -moz-transform:  rotate(0deg) scaleX(0.5) scaleY(0.5) ;
  }
  100% {
    opacity:1;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
}

@-webkit-keyframes breath_out {
  0% {
    opacity:0;
    -webkit-transform:  rotate(0deg) scaleX(0) scaleY(0) ;
  }
  50% {
    opacity:1;
    -webkit-transform:  rotate(0deg) scaleX(0.5) scaleY(0.5) ;
  }
  100% {
    opacity:1;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
}

@-o-keyframes breath_out {
  0% {
    opacity:0;
    -o-transform:  rotate(0deg) scaleX(0) scaleY(0) ;
  }
  50% {
    opacity:1;
    -o-transform:  rotate(0deg) scaleX(0.5) scaleY(0.5) ;
  }
  100% {
    opacity:1;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
}

@-ms-keyframes breath_out {
  0% {
    opacity:0;
    -ms-transform:  rotate(0deg) scaleX(0) scaleY(0) ;
  }
  50% {
    opacity:1;
    -ms-transform:  rotate(0deg) scaleX(0.5) scaleY(0.5) ;
  }
  100% {
    opacity:1;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
}




@keyframes breath_in{
  0% {
    opacity:0;
    transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  50% {
    opacity:1;
    transform:  rotate(0deg) scaleX(0.5) scaleY(0.5) ;
  }
  100% {
    opacity:1;
    transform:  rotate(0deg) scaleX(0) scaleY(0) ;
  }
}

@-moz-keyframes breath_in{
  0% {
    opacity:0;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  50% {
    opacity:1;
    -moz-transform:  rotate(0deg) scaleX(0.5) scaleY(0.5) ;
  }
  100% {
    opacity:1;
    -moz-transform:  rotate(0deg) scaleX(0) scaleY(0) ;
  }
}

@-webkit-keyframes breath_in {
  0% {
    opacity:0;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  50% {
    opacity:1;
    -webkit-transform:  rotate(0deg) scaleX(0.5) scaleY(0.5) ;
  }
  100% {
    opacity:1;
    -webkit-transform:  rotate(0deg) scaleX(0) scaleY(0) ;
  }
}

@-o-keyframes breath_in {
  0% {
    opacity:0;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  50% {
    opacity:1;
    -o-transform:  rotate(0deg) scaleX(0.5) scaleY(0.5) ;
  }
  100% {
    opacity:1;
    -o-transform:  rotate(0deg) scaleX(0) scaleY(0) ;
  }
}

@-ms-keyframes breath_in {
  0% {
    opacity:0;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  50% {
    opacity:1;
    -ms-transform:  rotate(0deg) scaleX(0.5) scaleY(0.5) ;
  }
  100% {
    opacity:1;
    -ms-transform:  rotate(0deg) scaleX(0) scaleY(0) ;
  }
}
.list_box{
	padding-top: 15px;
    padding-bottom: 15px;
    background: #272727;
    border-radius: 4px;
}
.list_box h4{
	color: #fff;
	font-weight: bold;
}
.list_box_holder{
    background: #fff;
    padding: 10px 0px;
    overflow-y: auto;
    height: 400px;
}
.list_box_name{
	padding: 0 15px;
}
.list_box_name input[type="checkbox"]{
	float: right;
}
.list_box_name span{
	font-size: 16px;
    font-weight: 600;
}
.all_chk p,.all_chk input{
	color: #fff;
	margin: 10px auto;
	float: right;
}
.all_chk input{
	margin-left: 5px;
	margin-top: 14px;
}
.cat_head{
	position: relative;
}
.cat_head h4{
	padding: 8px 0px 9px 0px;
    background: #272727;
    color: #fff;
    margin-top: 0;
}
.cat_head:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width:100%;
	background: #c5c5c5;
	z-index: 10;
}
ul.news_tab li{
	background: #272727;
	text-decoration: none;
	transition: all 0.15s linear;
	z-index: 900;
}
ul.news_tab li a{
	color: #fff;
}
ul.news_tab li.active{
	background-color: #f1f1f1;
	text-decoration: none;
	transition: all 0.15s linear;
	z-index: 800;
}
ul.news_tab li.active a{
	background-color: #f1f1f1;
	color: #555;
}
ul.news_tab li.active a:hover,ul.news_tab li.active a:focus{
	background: #f1f1f1!important;
}
#newsletters .tab-content{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	display: table;
	margin-top: 0px;
	background: #f1f1f1;
}
ul.news_tab>li>a:hover{
	border-color: transparent!important;
}
ul.news_tab li:hover{
	transform: scale(1.05);
}
ul.news_tab li.active:hover{
	transform: scale(1);
}
/*newsletter css ends*/
/*
	*		  *   *******   ****      ********         **
	**       **   *******   **** *    ********        ****
 	****   ****   **        **  * *      **          **  **
 	**  ***  **   ****      **   * *     **         **    **
 	**       **   **        **  * *      **        ** **** **
 	**       **   *******   **** *    ********    **        **
 	**       **   *******   ****      ********   **          **

*/
@media screen and (min-width:200px) and (max-width:768px){
	.navbar{
		min-height: 58px;
	}
	.navbar-brand{
		width:75%;
	}
	.navbar-brand img{
		width:27%;
	}
	.dropdown-menu li a{
	color:#fff!important;
	}
	.posted{
		padding:0 15px;
	}
	.post_head{
		display:none;
	}
	.post_holder.row {
		border-bottom: 1px solid #909090;
		margin-bottom: 6px;
	}
	.thumbnail_holder{
	width:50%;
	}
	.thumb_inside{
		min-height: 200px;
		height:220px;
	}
	.media_head #new_img{
		float:left;
	}
	.featured_dialog_box h3{
	font-family: Montserrat;
	font-size: 14px;
	}
	.outer_row{
		height:auto!important;
	}
	.pop_confirm,.delete_dialog_box,.popup_emp_confirm{
		height:45%;
		width:50%;
	}
	.delete_buttons li{
		display:block;
		margin:0 auto 10px auto;
	}
	.inbox_brief{
		width:100%!important;
		max-width:100%!important;
	}
	.inbox_detail{
		width:100%!important;
		max-width:100%!important;
		border:1px solid #4a4242;
	}
	.fancy_circle{
		display: none;
	}
	.ui-resizable-e{
		display: none;
	}
	.inbox_brief{
		border:none;
		margin-bottom: 25px;
		overflow-y: auto;
	}
	.popup_details.row ul {
	    display: table;
	    margin: auto 0;
	    padding-left: 8px;
	}
	#sent .content_outside_box{
		height: auto!important;
	}
	.sent_detail_holder{
		margin-top: 60px;
	}
	.emp_box button{
		display: block;
		margin: 5px auto;
		float: none;
	}
}
@media screen and (min-width:769px) and (max-width:1024px){
	.posted{
		padding:0 15px;
	}
	.thumbnail_holder{
	width:25%;
	}
}
@media screen and (min-width:180px) and (max-width:400px){
	.thumbnail_holder{
	width:25%;
	}
	.thumb_inside{
		min-height: 200px;
		height:220px;
	}
}
@media screen and (min-width:769px){
	.tab_area{
		width:83%;
	}
}