@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'Helvetica Neue LT Std';
src: url('../fonts/helveticaneueltstd-blk.eot');
src: url('../fonts/helveticaneueltstd-blk.eot?#iefix') format('embedded-opentype'),
url('../fonts/helveticaneueltstd-blk.woff2') format('woff2'),
url('../fonts/helveticaneueltstd-blk.woff') format('woff'),
url('../fonts/helveticaneueltstd-blk.ttf')  format('truetype'),
url('../fonts/helveticaneueltstd-blk.svg#Helvetica Neue LT Std') format('svg');
}
body{ font-family: 'Open Sans', sans-serif; color:#000;}
.clr{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
/*#header{ margin-bottom:10px;}*/
.top{ background:#ff0000; display:block; height:38px;}
.top-links{ text-align:right; margin-top:13px;}
.top-links ul li{ display:inline-block; font-size:13px; color:#5b5b5b;}
.top-links ul li a{ text-transform:uppercase; font-size:14px; color:#5b5b5b; padding:0 30px 0 10px;}
.top-links ul li:last-child a{ padding:0 24px 0 10px;font-weight: 600; color:#FF0000 !important;}
.top-links ul li a:hover{ text-decoration:none;}
//.logo{ margin:10px 0 13px 0; padding:10px 10px 10px 5px;}
p{ font-weight:300; font-size:18px;}
.social { text-align: right; margin: 44px 0 0 0;}
.social a { color: #FFF; font-size: 20px; width: 35px; border-radius: 50%; background: #ff0000; display: inline-block; text-align: center; padding: 2px 0;}
.navbar{background: #ff0000; padding:0;}
.nav-link{ color:#FFF !important; font-weight:400; font-size:13px; text-transform:uppercase; line-height:29px;padding:9px 20px 8px !important; padding-right:12px !important;}
.navbar-nav { padding:0 20px;}
ul.navbar-nav li:nth-child(2) a{ padding-left:25px !important;}
.navbar-nav > ul >li > a:only-child { padding-right: 12px;}

.navbar-nav li { display: inline-block;
    position: relative;
    vertical-align: top;
    z-index: 1;
    margin-right: 0px;
    padding: 0;
    border-right: 1px solid #fff;
    margin: 0 -2px;}
.navbar-nav li:focus, .navbar-nav li a:focus, .navbar-nav li:visited, .navbar-nav li a:visited{ outline:none;}
.navbar-nav li.drop ul{ visibility:hidden; transition:opacity 0.7s ease; opacity:0; position:absolute; top:0;left:0; padding:0; margin:0;list-style:none; transition:all 0.7s ease;}
.navbar-nav li.drop{ position:relative;}
.navbar-nav li:focus, .navbar-nav li a:focus, .navbar-nav li:visited, .navbar-nav li a:visited{ outline:none;}
.navbar-nav li.drop ul li{ margin-top:40px;}
.navbar-nav li.drop ul{ visibility: hidden; transition: opacity 0.7s ease; opacity: 0; /*transition: visibility 0s, opacity 0.5s linear;*/ position:absolute; top:0; left:0; padding:0; margin:0; list-style:none;transition: all 0.7s ease;}
.navbar-nav li:hover{ background:#000; color:#FFF;}
/*.navbar-nav li.drop:hover ul{ visibility: visible; opacity: 1;}*/
.navbar-nav li.drop ul li a{ position:relative;z-index:1; padding:1rem 1.5rem;}
.navbar-nav li.drop:hover ul li{ margin-top:37px;}
.navbar-nav li.drop:hover ul li a{ background:#FFF; font-size:14px;transition: 0.5s;}
.navbar-nav li.drop ul li a:hover{ background:#000; color:#FFF;}
.border1{ border:1px solid #cbcbcb; margin-bottom:15px;}
.left-section{ color:#bd1300; text-transform:uppercase;margin-top: 8px;}
.checked { color: #ff0000;}
.star-rate{ text-align:center;border-bottom:1px solid #cbcbcb; padding:7px 0; font-size:16px;}
.star-rate span.rate{ font-size:13px;}
ul.left{ padding:0; margin:0; list-style:none;}
ul.left li{ display:block; text-align:left; border-bottom:1px solid #cbcbcb; padding:18px 0 18px 10px;}
ul.left li a{ font-size:13px;color: #bd1300;}
ul.left li a:hover{ text-decoration:none;}
ul.left li a .fa, ul.left li a .fas, ul.left li a .fab{ font-size:26px; width:40px; text-align:center; float:left; color:#ff0000;}
.btn-breadcrumb .btn:not(:last-child):after { border-bottom: 21px solid transparent;
    border-left: 15px solid #d1d1d1;
    border-top: 19px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -2px;
    top: 0;
    width: 0;}
.btn-breadcrumb .btn:not(:last-child):before { border-bottom: 21px solid transparent;
    border-left: 14px solid #f4f4f4;
    border-top: 19px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    z-index: 1;border-left: 14px solid #ffffff !important;
}
/** The Spacing **/
.btn-breadcrumb .btn { padding:10px 30px 10px 30px;}
.btn-breadcrumb .btn .fa{ font-size:16px;}
.brd>.btn:first-child{ padding:10px 21px 10px 18px;}
.btn-breadcrumb .btn:last-child { padding:6px 18px 6px 24px;}
/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after { border-left: 10px solid #fff;}
.btn-breadcrumb .btn.btn-default:not(:last-child):before { border-left: 10px solid #ccc;}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after { border-left: 10px solid #FFF;}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before { border-left: 10px solid #adadad;}
/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after { border-left: 10px solid #428bca;}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before { border-left: 10px solid #357ebd;}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after { border-left: 10px solid #3276b1;}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before { border-left: 10px solid #285e8e;}
/** Success button **/
.btn-breadcrumb .btn.btn-success:not(:last-child):after { border-left: 10px solid #5cb85c;}
.btn-breadcrumb .btn.btn-success:not(:last-child):before { border-left: 10px solid #4cae4c;}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after { border-left: 10px solid #47a447;}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before { border-left: 10px solid #398439;}
/** Danger button **/
.btn-breadcrumb .btn.btn-danger:not(:last-child):after { border-left: 10px solid #d9534f;}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before { border-left: 10px solid #d43f3a;}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after { border-left: 10px solid #d2322d;}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before { border-left: 10px solid #ac2925;}
/** Warning button **/
.btn-breadcrumb .btn.btn-warning:not(:last-child):after { border-left: 10px solid #f0ad4e;}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before { border-left: 10px solid #eea236;}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after { border-left: 10px solid #ed9c28;}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before { border-left: 10px solid #d58512;}
/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after { border-left: 10px solid #5bc0de;}
.btn-breadcrumb .btn.btn-info:not(:last-child):before { border-left: 10px solid #46b8da;}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after { border-left: 10px solid #39b3d7;}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before { border-left: 10px solid #269abc;}
.brd{ display:block; border-bottom:1px solid #cbcbcb;}
.brd .btn{ border:none; margin:0; line-height:19px; font-size:13px; text-transform:uppercase;color: #bd1300;}
ul.nav2{ padding:0; margin:20px 30px 40px; list-style:none;    border-bottom: 1px solid #e9e9e9; padding-bottom:15px;}
ul.nav2 li{ display:inline-block; margin:0 10px 0 0;}
ul.nav2 li a{ font-size:13px; color:#ff0000; text-transform:uppercase;}
ul.nav2 li a .fas{ color:#a8a8a8; font-size:10px; margin-right:5px;}
h3{ font-family:'Bebas Neue', cursive; font-size:22px; padding-bottom:10px;}
.nor-font{ font-size:14px; font-family: 'Open Sans', sans-serif; color:#999999;}
.padding-001{ padding:45px; margin:0px 0px 15px 15px;}
.border-bottom1{border-bottom:1px solid #cbcbcb;}
.rc-btn{ background:#ff0000; color:#FFF; font-size:14px; padding:10px 20px; border-radius:7px; border:none; margin-top:22px; width:100%;}
.bg-blue{ background:#f8f9fa; padding:15px 0; margin:15px 0;}
.ad-edu{ background:#ff0000; color:#FFF; font-size:14px; border:none; text-transform:uppercase; float:left; padding:16px 25px; margin:0 0 0 -15px; border-radius:0;}
.languages .fas{ font-size:30px; line-height:36px; color:#d6d6d6; text-align:center; width:100%;}
.jobs { font-family:'Open Sans', sans-serif; margin:0 0 0 0; }
.jobs .place, .jobs .last-active, .profile-details .place{ font-size:14px; color:#abacad;}
.profile-details .btn2{ width:50%; padding:12px 20px;}
.jobs .title{ font-family: 'Bebas Neue', cursive;
font-size: 26px;
color: #000;
letter-spacing: 1px;
margin-bottom: 15px;
vertical-align: top;
margin-top:-6px;}
.comn-top-margin{ margin-top:40px;}
@media screen and (min-width: 1300px) {
.bg-screen-pad{ padding-left:35px;}
}
.jobs p, .pro-details p{ margin:0; font-size:13px; font-weight:500; color:#7f848c;}
.jobs .last-active{ padding:8px 0;}
.shortlist{ background:#ff0000; color:#FFF; font-size:14px; padding:7px 20px; border:none; border-radius:7px;}
label[for=dmtext]{ font-size: 15px; font-weight: 500; color: #a099a6; padding-top:18px;}
.img-fluid{ width:100%;}

/*=======Profile page======*/
.btn2{ background:#f8f9fa; border:1px solid #e7e1e1; color:#999999; font-size:13px; padding:5px 10px; margin-top:10px; border-radius:5px; text-transform:uppercase;}
.pro-details h3, .pro-details .fas{ color:#ff0000;}
.pro-details h3{ margin-top:20px;}
.pro-details .fas{ font-size:14px; color:#1e83f0; vertical-align:top; margin:5px 5px 0 0;}
.pro-details{ margin-top:20px; padding-right:15px;}
.data, .data2{ position:absolute; left:0; top:-30px; font-size:14px; font-weight:500; color:#7f848c;}
#process1{ margin-bottom:50px;}
.data2{ left:inherit; right:0;}
.pro-pic{ padding: 10px 10px 8px 12px ; border-radius:3px; margin-right:20px; border: 1px solid #cbcbcb; }
.profile-details .name{ font-size:32px; font-weight:700;margin-top:30px; display: block;}
.profile-details{ margin-left:-25px;}
.pro-details .progress{ position:relative; overflow:visible; margin:30px 0 0 0; position:relative; height:10px;}
.pro-details .progress-bar{ border-radius:5px; position:relative; background-color:#FF0000;}
.pro-details .progress-bar:before{ content:""; width:20px; height:20px; background:#FF0000; position:absolute; right:0; border-radius:50%;}
.pro-det{ padding:0; margin:0; list-style:none;}
.pro-det li{ display:block; font-size:15px; font-weight:500; color:#7f848c; position:relative; padding:0 0 0 16px; margin-bottom:10px;}
.pro-det li:before{ content:url(../images/tik.png); position:absolute; left:0; top:0; width:11px ; height:10px;}
.social2{ padding:20px 0 10px 0;}
.mrg{ margin-bottom:8px;}
.social2 .fab{ font-size:16px; margin-top:10px; margin-right:12px; border-radius:50%; width:34px; color:#FFF; text-align:center; padding:10px 0;}
.fa-facebook-f{ background:#5776b7;}
.fa-twitter{ background:#88bdee;}
.fa-pinterest-p{ background:#c96867;}
.fa-linkedin-in{ background:#0e76a8;}
.dwn-cv{ border:1px solid #1ea4f7; float:right; color:#1ea4f7; border-radius:4px; font-size:15px; padding:15px 25px; background:none;}
.disp-block{ display:block; width:100%; padding:12px 0;}
.form2area { width:100%; background: #f8f9fa; border: 1px solid #e7e1e1; color: #999999; font-size: 13px; padding: 5px 10px; margin-top: 10px; border-radius: 5px;}
.form2area span{ text-align:center; padding:20px 0; display:block;}
.form2area textarea{ min-height:120px; max-height:120px; resize: none}
.form2area input{ padding:10px; text-transform:uppercase;}
.cust-pad{ padding:0 30px;}
.Editor-editor{ background:#FFF;}
.disp-table{display: table;
height: 100%;
}
.posting-left{ float:left; width:20%;margin-top: 10px;}
.posting-right{ float:right; width:79%;padding-left: 15px;}
.cust-width-04 .jobs{ margin:0 0 0 0; padding:0 0 0 0;}
.cust-width-03 .padding-001{ padding:30px 30px 0px;}
.cust-width-01 .jobs{ margin:0 0 0 -15px; padding:0;}
.cust-width-01 .profile-details{ margin:0;}
.jobs .pro-pic{ margin-right:0;height:100%; display: table-cell;
vertical-align: middle; }
.blue-button{ background:#1e83f0; color: #FFF;
    font-size: 14px;
    padding: 7px 20px;
    border: none;
    border-radius: 4px;}
	
.application-list{ margin-bottom:30px;}

@media screen and (max-width: 1400px) and (min-width:1200px) {
.social2, .dbtn{ margin-bottom:15px; max-width:100%; flex:100%;}
}
@media screen and (max-width: 768px) and (min-width: 300px)
.browse-jobs button {
margin-bottom: 20px;
}
@media screen and (max-width: 768px) and (min-width:300px) {
.brd{ display:none;}
ul.nav2 li{ display:block;}
.padding-001{ padding:45px 15px;}
.rc-btn{ margin:10px 0 0; float:left;}
.profile-details{ margin-left:0;}
.profile-details .btn2{ width:100%;}
.social2 { text-align:center;}
.social2 .fab{ display:inline-block;}
.social2 .dwn-cv{ float:none; display:inline-block; margin:10px 0;}
.cust-width-02 h3{ margin-top:30px;}
.navbar-nav li{ border-right:none;}
}

.grey-butn{ background:#f8f9fa; color:#666666;text-transform: uppercase; font-size:12px; padding:12px 20px; border:1px solid #cccccc; border-radius:7px;}
//.communication{ padding:15px; margin:0 0 0 0;  }
.lh {
line-height: 26px;
margin-bottom: 15px !important;
}

/* =======================================Rocket dash css================================*/
/*=======================================Rocket dash css================================*/
#monti, #monti h4, #monti p, #monti p strong, #listings2 ul li,.card-block ul li span{font-family: 'Montserrat', sans-serif !important; color:#333333;}
#monti .row{ margin:0;}
#monti h4{ font-size:14px; color:#666666; font-weight:600;}
#monti h6{ font-size:26px;font-weight: 600;}
#monti p.ft1{ font-size:14px; font-weight:300; padding-bottom:0; margin-bottom:0;}
.bg-grey{ background:#edf0f5 !important; padding:15px 0px !important; margin-top:15px !important;}
.update-card{ color:#000; border:0; box-shadow:0px 1px 2px #ccc;border-radius:3px;}
.card-block{ padding:1.25rem 0;}
#listings{ margin:20px 0 0;}
#listings2{ margin-top:5px;}
#listings p{ font-size:12px; font-weight:300; color:#666; margin-bottom:0; line-height:24px;}
#listings p strong{ font-weight:400;}
#listings .btn{ background:#cccccc !important; border:none; font-size:10px; font-weight:400; color:#000; padding:3px 22px;}
#listings .card{ background:#edf0f5; border-radius:5px; margin-bottom:20px;}
#listings .card-block{ padding:10px 0;}
#listings2 .card .card-header{ padding:15px 20px 9px 20px; border:0; background:none;}
#listings2 .card .card-block{ padding:0;}
#listings2 .card .card-header h5 { margin-bottom: 0; color: #505458; font-size: 14px; font-weight: 700; display: inline-block; margin-right: 10px;line-height: 1.4;}
#listings2 .card .card-header .card-header-right { border-radius: 0 0 0 7px; right: 10px; top: 12px; display: inline-block; float: right; padding: 7px 0; position: absolute;}
#listings2 ul{ margin:0; padding:15px;}
#listings2 ul li{ font-size:14px; font-weight:300; padding:10px; color:#666666;white-space: nowrap;
  overflow: hidden;}
#listings2 ul li:nth-child(odd){ background:#f7f8fa;}
#listings2 ul li span{ font-weight:700; color:#666666;}
.bg-grey .col{ margin:0;}
.update-card .fas{ margin:7px 21px 0 0;}
#listings2 .table-card{ border:5px solid #eaedf2;}
#monti .text-right{ display:flex;}
#tabs{
    color: #333333;
}
#tabs h6.section-title{
    color: #eee;
}

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #f3f3f3;
    background-color: transparent;
    font-size: 20px;
    font-weight: 300;
}
#tabs .nav-tabs .nav-link { display:inline-block;
    border: 1px solid #dadde2;
    border-radius: .25rem;
    color: #333333 !important;
    font-size: 12px; font-weight:300; padding:2px 20px !important; margin-right:8px;
}
#tabs2{
    color: #333333;
}
#tabs2 h6.section-title{
    color: #eee;
}

#tabs2 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #f3f3f3;
    background-color: transparent;
    font-size: 20px;
    font-weight: 300;
}
#tabs2 .nav-tabs .nav-link { display:inline-block;
    border: 1px solid #dadde2;
    border-radius: .25rem;
    color: #333333 !important;
    font-size: 12px; font-weight:300; padding:2px 20px !important; margin-right:8px;
}


.pos-relativ{ position:relative;}
#tabs .nav-tabs{ border-bottom:0;}
#tabs2 .nav-tabs{ border-bottom:0;}

#nav-tabContent{}
.form-pad{ padding:55px 18% 0;}
.form-pad form{ margin-top:30px;}
.form-pad form .form-group { margin-bottom: 29px;}
.frp{position: absolute; right:12px; bottom:12px; font-size:14px; font-weight:600; color:#69687a;}
#tabs .form-control{ border:2px solid #d4d4e0 !important; border-radius:7px; padding:11px;}
#tabs .form-group label, #tabs .form-control::-webkit-input-placeholder{ color:#69687a; font-weight:600; font-size:15px;}
#tabs .checkbox input[type="checkbox"]{ position:relative; opacity:1; top:4px;}
#tabs .btn-primary{ background:#999999; padding:16px 0; text-transform:capitalize; border:none;}

#tabs2 .form-control{ border:2px solid #d4d4e0 !important; border-radius:7px; padding:11px;}
#tabs2 .form-group label, #tabs2 .form-control::-webkit-input-placeholder{ color:#69687a; font-weight:600; font-size:15px;}
#tabs2 .checkbox input[type="checkbox"]{ position:relative; opacity:1; top:4px;}
#tabs2 .btn-primary{ background:#999999; padding:16px 0; text-transform:capitalize; border:none;}
.
.cal-d{ padding:0px 10px 10px !important;}
#listings2{ margin-bottom:15px;}
#listings3{ margin-top:5px;  margin-bottom:15px;}
#tabs .nav{ position:inherit; background:none;}
#tabs2 .nav{ position:inherit; background:none;}

header {
//	text-align: center;
}

#calendar {
	width: 100%;	
}

#calendar a {
	color: #8e352e;
	text-decoration: none;
}

#calendar ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

#calendar li { margin:4px; background:#fafafa;
	display: block;
	float: left;
	width:13.7%;
	padding: 5px;
	box-sizing:border-box;
	margin-right: -1px;
	margin-bottom: -1px;
}
#calendar .other-month .date{ color:#FFF;}
#calendar li .date{ color:#232323;}
#calendar ul.weekdays {
	height: 40px;
	
}
.sun{ color:#84ddd9 !important;}
#calendar ul.weekdays li { 
	text-align: center;
	//text-transform: uppercase;
	line-height: 20px;
	border: none !important;
	padding: 10px 5px;
	color: #fff;
	font-size: 12px;background: #c8c8c8;
}
#calendar ul.weekdays li:first-child{ background:#84ddd9;}

#calendar .days li {
	height: 60px;
}

#calendar .days li:hover {
	background: #d3d3d3;
}
#calendar-wrap h1{ font-family:'Montserrat', sans-serif !important; font-size:21px; text-align:left; font-weight:600; color:#666666;}
#calendar-wrap { margin-left: 10px; }
#calendar .date {
	text-align: center;
	margin-bottom: 5px;
	padding: 4px;
	color: #fff;
	float: left; font-weight:600; font-size:14px;
}

#calendar .event { display:none !important;
	clear: both;
	display: block;
	font-size: 12px;
	border-radius: 4px;
	padding: 5px;
	margin-top: 40px;
	margin-bottom: 5px;
	line-height: 14px;
	background: #e4f2f2;
	border: 1px solid #b5dbdc;
	color: #009aaf;
	text-decoration: none;
}

#calendar .event-desc {
	color: #666;
	margin: 3px 0 7px 0;
	text-decoration: none;	
}

#calendar .other-month {
	background: #f0f0f0;
	color: #FFF;
}

/* ============================ Mobile Responsiveness ============================*/
@media(max-width: 768px) {

	#calendar .weekdays, #calendar .other-month {
		display: none;
	}

	#calendar li {
		height: auto !important;
		border: 1px solid #ededed;
		width: 100%;
		padding: 10px;
		margin-bottom: -1px;
	}

	#calendar .date {
		float: none;
	}
}
.tab-pane .card, #listings3 .card{ min-height:520px;}

/* For 1024 Resolution */  
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)  
{
	#listings .btn {
		padding: 3px 3px;
	}
	.update-card .fas {
 	   margin: 7px 0px 0 0;
	}
}  


@media only screen   
and (min-width: 1030px)   
and (max-width: 1366px)  
{ 
	#listings .btn {
		padding: 3px 3px;
	}
	.update-card .fas {
 	   margin: 7px 0px 0 0;
	}
}

#zoom-new{ margin-top:50px;}
.strt-btn{ background:#333333 !important;}
.dont-btn, .dont-btn:hover{ background:none !important; border:2px solid #d4d4e0 !important; color:#333333;}
#tabs #zoom-new .form-control{ padding:16px 11px;}
.place-hold{ width:100%; text-align:center; margin:-47px 0 0 0; text-indent:-1;}
#ids{ position:relative; background:none;}
#ids:focus + label{ display:none;}/*locker page top margin add css to current class*/
.fileupload-buttonbar{ margin-top:20px;}

.mess-box input[type="submit"]{ padding:12px 20px; margin-top:0;}
select#job_sel:not([size]):not([multiple]) {
height: calc(2.25rem + 18px);
}



/*============================JOB-- 15-08-2020====================*/
.job-bg1{ background:url(/ctr_asset/emp/images/job-bg.jpg) no-repeat; background-size:cover; height: 100%;}
.job-bg1 .container{ height:100%;}
.form-control input, button{font-family: 'Montserrat', sans-serif !important; font-weight:300 !important;}
.job-bg1 ::placeholder{ text-align:center;}
.disp-table{ width:100%; display: table;
height: 100%; }
.tab-cont { display: table-cell; vertical-align: middle; text-align:center;}
.cont{ max-width:575px; margin:0 auto;}
.cont2{ max-width:1570px; margin:0 auto;}
.styl1 { border: 2px solid #d4d4e0 !important; background:#FFF !important; border-radius: 7px; padding: 11px; }
.tp-mrg{ margin:50px 0 0 0;}
.joincal{ margin-top:15px; border:none; padding:11px;}
.c-mob{ width:100%; max-width:421px; margin:15px auto 0;}
.v-box{ width:100%; /*max-width:746px;*/ margin:45px auto 35px;}
.tab-pane .card{ min-height:520px;}
.mob-vid{ position:relative;}
.mob-vid video{ position:absolute; top:0; max-width:212px; left: 50%; margin-left: -105px; top: 50%; margin-top: -230px; border-radius: 21px; height:86%; overflow:hidden; outline:none;}


.but{ color:#FFF; font-size:14px; text-transform:uppercase; display:block; text-align:center; padding:5px 0;}
.but .fa{ margin-left:10px;}
.bg-blue1{background:#03a9f4;}
.bg-org{background:#ff5722;}
.bg-yellow{background:#ffc107;}
.bg-green{background:#4caf50;}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;

  & > [class^="col-"],
  & > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
.bg-blue1 .fa{ color:#2185b2;}
.bg-org .fa{ color:#b95435;}
.bg-yellow .fa{ color:#b28f27;}
.bg-green .fa{ color:#4d884f;}
.cust-mrg1{ margin:0 11px;}
#task-planer .card{ padding:5px 0; font-family:"open Sans"; font-size:12px; color:#666666; margin-top:15px;}
#task-planer .card .cust-pad1{ padding:15px 0px 5px 15px; line-height:22px;}
#task-planer .card .cust-pad1 p{ font-size:12px; padding:15px 0; text-align:center;}
#task-planer .card span{ font-weight:700; display:inline-block; text-transform:uppercase;}
.crd-icons{ display:flex; /*justify-content:space-around;*/ margin-top: 12px;}
.crd-icons a{ margin-right:28px;}
.act-btns{flex-wrap: wrap; justify-content: flex-end;}
.act-btns .fa{ font-size:26px;}
.act-btns .fa-trash{align-self: flex-end; color:#f40923;}
.todayT{ color:#ff5722;}
.doneT{ color:#4caf50;}

.email-left{ max-width:260px;}
.email-left a{ display:block; color:#999999; font-size:12px;}
.compose-mail{ background:#666666; border:1px solid #515151; color:#FFF !important; text-align:center; padding:10px 0; border-radius:5px; margin-top:10px;}
.acc-actions{ background:#f5f5f5; border:1px solid #c8c8c8; color:#666666 !important; text-align:center; padding:10px 3px; border-radius:5px; margin-top:10px;}
.acc-actions strong{ color:#487f9e;}
.acc-actions span{ margin:0 10px;}
.mail-1{ padding:15px 0 10px 10px;}
.mail-1 li a{ text-transform:uppercase; line-height:36px;}
.right-top-buttons{ padding:10px;}
.right-top-buttons .tp a{display:inline-block; background:#f5f5f5; border:1px solid #c8c8c8; color:#666666 !important; text-align:center; padding:5px 25px; margin-bottom:10px; border-radius:3px;}
.right-top-buttons .tp a:nth-child(2), .right-top-buttons .tp a:nth-child(3), .right-top-buttons .tp a:nth-child(4){ padding:5px 50px;}
.right-panel-links{ margin:0;}
.right-panel-links li{ display:inline-block; margin:20px 25px;}
.right-panel-links li.inbox{ position:relative;}
.right-panel-links li.inbox .notif{background:#484645; border-radius:50%; font-size:12px; color:#FFF; display:inline-block; position:absolute; width:28px; padding:4px 0; left:50%;
top:10px; margin-left: -14px;}
.right-panel-links li a{ color:#666666;/* border-right:1px solid #e6e6e6; */padding:0 10px; display:block; text-align:center;}
.right-panel-links li a span{ display:block; margin-top:4px; font-size:11px;}
.right-panel-links li:last-child a{ border:0;}
#mail-search .form-sm{ position:relative; border:1px solid #ccc; background:#ededed; margin:5px 0;}
#mail-search .form-sm .w-100{ margin:0 !important; background:none; padding:4px 8px;}
#mail-search .form-sm .fas{ position:absolute; right:10px; top:8px;}
#mail-list ul li{ border-bottom:2px solid #e3e3e3; padding:15px; font-size:14px;}
#mail-list ul li p{ font-size:14px; display:inline-block; line-height:18px; padding-left:15px;margin-bottom: 0;}
#mail-list ul li span{ border-right:2px solid #e3e3e3; display:inline-block; min-width:345px; color:#666666; text-transform:uppercase; font-size:12px; line-height:22px;}
.acc-actions .fas{ color:#c1c1c1; font-size:18px;}

@media only screen and (max-width: 768px) {
#task-planer .border-left{ border-left:none !important; margin-top:15px;}
.email-right{ width:100%; flex:100%;}
}

.tab-card {
  border:1px solid #eee;
}

.tab-card-header {
  background:none;
}
/* Default mode */
.tab-card-header > .nav-tabs {
  border: none;
  margin: 0px;
}
.tab-card-header > .nav-tabs > li {
  margin-right: 2px;
}
.tab-card-header > .nav-tabs > li > a {
  border: 0;
  border-bottom:2px solid transparent;
  margin-right: 0;
  color: #737373;
  padding: 2px 15px;
}

.tab-card-header > .nav-tabs > li > a.show {
    border-bottom:2px solid #007bff;
    color: #007bff;
}
.tab-card-header > .nav-tabs > li > a:hover {
    color: #007bff;
}

.tab-card-header > .tab-content {
  padding-bottom: 0;
}

.pro-modal .tab-card{ border:none;}
.pro-modal .tab-card-header{ padding:0;}
.pro-modal .nav-tabs > li { display:inline-block; border:1px solid #ccc; border-bottom:0; border-radius:5px 5px 0px 0; margin-right:0; float:left;}
.pro-modal .tab-card-header > .nav-tabs > li > a{ padding:5px 10px !important; color:#000 !important; font-size:14px; text-transform:capitalize; font-weight:normal;}
.pro-modal .tab-card-header > .nav-tabs > li > a.active{ color:blue !important;}
.tab-content>.tab-pane{ background:#fafafa;}
.pro-modal .form-control{ border:1px solid #ced4da; font-size:1rem;}
.pro-modal form .btn{ text-transform:capitalize; font-size:15px;}
.btn-light{ background:#f0f0f0;}
.button-area{ padding:10px 0;}
.upload-btn-wrapper input[type=file] {
    height: 100%;
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
	
}
.upload-btn-wrapper .btn{ background:#fafafa; padding:0; margin:0; width:100%; border:2px solid #afafaf; padding:50px 0;}
.upload-btn-wrapper {margin-top: 15px;
    cursor: pointer;width:100%; text-align:center;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.attatchment-table th{ padding:10px;}
.attatchment-table .border-bottom{ border-bottom:2px solid #CCC !important;}
.subs{ min-width:250px; padding:15px 0;}

#confrence-player{ background:red; display:flex; height:100%; background:url(../images/playes-bg.png) no-repeat top center; background-size:cover;}
.vid-icons{ background:#333333; text-align:center; width:100%; position:fixed; bottom:0;}
.vid-icons ul li{ display:inline-block;}
.vid-icons ul li a{ color:#FFF; font-family:"open Sans"; font-size:14px; font-weight:300; padding:20px 26px; display:block;}
/*.vid-icons ul li a:hover{ background:#000;}*/
.vid-icons ul li a span{ display:block;}
.vid-icons ul li a.active{ font-weight:700;}
.black-strip{ background:#000; text-align:center; width:100%; margin-top:auto;}
.black-strip .t1{color:#FFF; font-weight:700; font-size:46px !important; text-transform:uppercase; line-height:100px;}
.strip2{ background:#242628; text-align:center; display:flex;}
.strip2 ul{ display:flex;}
.strip2 li{ display:flex;}
.strip2 li a{ color:#FFF; line-height:20px; padding:15px 140px;}
.strip2 li a.active{ background: #181818; /* Old browsers */
background: -moz-linear-gradient(top,  #181818 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #181818 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #181818 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181818', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.pro-modal .modal-dialog {
    max-width: 800px;
}
#n-dash .update-card, #n-dash .update-card h4, #n-dash .update-card p.ft1{ color:#FFF;}
/*#n-dash .update-card .fas img{mix-blend-mode: screen;
 *   -webkit-filter: grayscale(100%) contrast(200%);
 *     filter: grayscale(100%) contrast(200%);
 *       opacity: 1;}*/
.blk-bg{ background:#333333;}
.red-orange-bg{ background:#ff3333;}
.green-bg{ background:#418102;}
.grey-bg{ background:#666666;}
#n-dash .update-card{ font-family:"open Sans";}
#n-dash .update-card .fas{ margin:7px 0px 0 0}
#n-dash .update-card span{ display:block; width:100%; padding:0 15px;}
#n-dash .update-card h4{ font-weight:300; text-transform:uppercase; font-size:13px;}
#n-dash .text-right{ justify-content: flex-end;}

/*============chat screens===========*/
.chat-left{ width: 100%; overflow-x: hidden;}
.chat-right{ margin-bottom: 0; list-style: none; min-width: 310px; max-width: 310px; transition: all 0.3s;}
#big-screen{ display: flex; height:calc(100% - 90px);}
.video-tops{ background:#28292e; height:30%;display: flex; justify-content: space-around; align-items: center;}
.screen1{ height:200px; height:150px; background:red; display:flex;}
.main-chat-screen{ display:flex;  height:70%; background:#FFFF00;}
.main-chat-screen iframe{ width:100%; height:100%;}
.vid-icons{ height:90px;}




/*=====chat-box css======*/
.inbox_people {
  background: #f8f8f8 none repeat scroll 0 0;
  float: left;
  overflow: hidden;
  width:100%; border-right:1px solid #c4c4c4; height:50%;
}
.mesgs {
  float: left;
  padding: 30px 15px;
  width:100%; height:50%;
}
.inbox_msg {
  border: 1px solid #c4c4c4;
  clear: both;
  overflow: hidden;
}
.top_spac{ margin: 20px 0 0;}


.recent_heading {float: left; width:40%;}
.srch_bar {
  display: inline-block;
  text-align: right;
  width: 60%; padding:
}
.headind_srch{ padding:10px 29px 10px 20px; overflow:hidden; border-bottom:1px solid #c4c4c4;}

.recent_heading h4 {
  color: #05728f;
  font-size: 21px;
  margin: auto;
}
.srch_bar input{ border:1px solid #cdcdcd; border-width:0 0 1px 0; width:80%; padding:2px 0 4px 6px; background:none;}
.srch_bar .input-group-addon button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  padding: 0;
  color: #707070;
  font-size: 18px;
}
.srch_bar .input-group-addon { margin: 0 0 0 -27px;}

.chat_ib h5{ font-size:15px; color:#464646; margin:0 0 8px 0;}
.chat_ib h5 span{ font-size:13px; float:right;}
.chat_ib p{ font-size:14px; color:#989898; margin:auto}
.chat_img {
  float: left;
  width: 11%;
}
.chat_ib {
  float: left;
  padding: 0 0 0 15px;
  width: 88%;
}

.chat_people{ overflow:hidden; clear:both;}
.chat_list {
  border-bottom: 1px solid #c4c4c4;
  margin: 0;
  padding: 18px 16px 10px;
}
.inbox_chat { height:90%; overflow-x: auto;}

.active_chat{ background:#ebebeb;}

.incoming_msg_img {
  display: inline-block;
  width: 6%;
}
.received_msg {
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: top;
  width: 92%;
 }
 .received_withd_msg p {
  background: #ebebeb none repeat scroll 0 0;
  border-radius: 3px;
  color: #646464;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px 5px 12px;
  width: 100%;
}
.time_date {
  color: #747474;
  display: block;
  font-size: 12px;
  margin: 8px 0 0;
}
.received_withd_msg { width:95%;}


 .sent_msg p {
  background: #05728f none repeat scroll 0 0;
  border-radius: 3px;
  font-size: 14px;
  margin: 0; color:#fff;
  padding: 5px 10px 5px 12px;
  width:100%;
}
.outgoing_msg{ overflow:hidden; margin:26px 0 26px;}
.sent_msg {
  float: right;
  width:95%;
}
.input_msg_write input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #4c4c4c;
  font-size: 15px;
  min-height: 48px;
  width: 100%;
}

.type_msg {border-top: 1px solid #c4c4c4;position: relative;}
.msg_send_btn {
  background: #05728f none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  height: 33px;
  position: absolute;
  right: 0;
  top: 11px;
  width: 33px;
}
.messaging { display:flex; flex-direction: column; height: 100%;}
.msg_history {
  height:calc(100% - 30px);
  overflow-y: auto;
}


.c-pad{ padding:20px 25px; border-radius:5px;}
.pro-image{ max-width:178px; float:left; width:100%;}
.pro-detail{ max-width:50%; float:left; width:100%; font-size:12px; line-height:23px;}
.picture{ border:1px solid #e8e8e8; padding:5px; display:inline-block;}
.title2 { font-family: 'Bebas Neue', cursive; font-size: 26px; color: #000; letter-spacing: 1px; margin-bottom: 30px; vertical-align: top;}
.team-buttons{ background: #edf0f5;
margin: 20px -10px 0;
border-radius: 10px;
padding: 18px 0;
display: block;}
.team-buttons a{ padding:0 15px;}
.team-buttons a:last-child{ float:right;}
.status-color{ position:absolute; width:30px; height:30px; border-radius:50%; top:15px; right:20px; background:#999999;}
.away{ background:#ff0000;}
.online{ background:#669900;}
#my-team .sp1{ margin-bottom:44px;}
.pro-pic2 { padding: 5px; border-radius: 3px;}
.margin-lr{margin-right: -15px; margin-left: -15px;}
.gn{ background:#928602; color:#FFF; border-color:#000;}
.rd{ background:#ff0000; color:#FFF; border-color:#ff0000}
@media screen and (max-width: 990px){
.pro-modal .nav { position:inherit; background:none;}
}

#my-team .row{ margin:0;}
#my-team .title2 {
padding: 0;
color: #666666 !important;
margin-bottom:15px;
}