/* CSS Document */
body{ font-family:'Roboto', sans-serif;}

.input-error{ border-style:solid; border-color:#F00; border-width:2px;}

.info-card{
	border-style:solid;
	border-color:#999;
	border-width:1px;
	border-radius:10px;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


/*--navbar--*/
.navbar {background-color:#343e4e;}

a.nav-link {color:#CCD7E8;}

a.nav-link:hover {color:#D0BB77;}

a.active {color:#D0BB77;}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  /*border-color: rgb(255,102,203);*/
  border-color:#FFF;
} 


/*--navber admin case--*/
.navcase {background-color:#111E55; z-index:100; padding-top:0; padding-bottom:0;}

.navcase a.nav-link {color:#FFF;}

.navcase a.nav-link:hover {color:#FFAD01;}

.navcase a.active {color:#FFAD01;}

.navcase a.disabled {color:#CCC;}


.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

/*disbale any html element tag*/
.disabled-e {
  pointer-events: none;
  cursor: default;
  color:#CCC;
}


/*ajax loading overlay*/
.overlay{
	display: none;
	background: rgba(255,255,255, 0.8);
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 5;
	top: 0;
	left: 0;
  }

  .overlay-img-container{
	display: none;
	position: fixed;
	z-index: 7;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }

  .overlay-img{
	width: 50px;
	height: 50px;
  }


/*login*/
.login-body{ 
	background-image:url(../assets/login-bg.jpg);
	background-color: #cccccc;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	}

.login-box{ 
	margin-top:100px; 
	margin-bottom:50px;
	padding:30px;
	background-color:#000;
	opacity:0.95; 
	}

.login-partner{ 
	margin-top:80px; 
	margin-bottom:50px;
	padding:30px;
	background-color:rgb(1, 8, 86);
	opacity:0.95; 
	}

.login-admin-box{ 
	margin-top:100px; 
	margin-bottom:50px;
	padding:30px;
	background-color:#FFF;
	opacity:1;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); 
	}
	
.forget-pass{
	text-decoration:none;
	}
	
a.forget-pass:hover{color:#f76f18;}

/*signup.php*/
.signup-box{
	border-color:#CED4DA;
	border-style:solid;
	border-width:1px;
	border-radius:5px;
	padding:40px;
	margin-bottom:30px;
	margin-top:30px;
	}


/*Mandatory-upload*/
.mdoc-container{ margin-top:60px; margin-bottom:200px;}

.mdoc-title{
	background-color:#E7F1FF;
	/*margin-top:80px;*/
	margin-bottom:0px;
	padding-top:10px;
	padding-bottom:10px;
	border-style:solid;
	border-color:#DFDFDF;
	border-width:1px;
	}

.upload-category{
	background-color:#E9F0FF;
	margin-bottom:25px;
	}

.uploadBar{
	/*background-color:#F00;*/
	color:#FFF;
	margin-left:0.5px; 
	min-height:76px;
	}

.uploadarea { 
	/*background-color:#e9f0ff;*/
	background-color:#FFF; 
	margin:8px 0px 8px 0px; 
	padding-top:5px;
	padding-right:0px;
	padding-bottom:min(5px, 5%);
	padding-left:30px;
	}
	
.uploadarea i{ font-size:25px; color:#6990f2;}

.uploadexceeded {
	margin:8px 0px 8px 0px; 
	padding:5px 0px 5px 30px;
	}

.uploadexceeded i{ font-size:30px; color:#F00;} 


.btn-delete-doc { 
	float:right;
 	margin-right:80px; 
	cursor:pointer;
	}

.btn-delete-doc i{font-size:25px;}	


.btn-disabled-doc{
	float:right;
 	margin-right:80px;
	cursor:default;
	pointer-events: none;
	}

.btn-disabled-doc i{font-size:25px;}	


.fileinput-button {
  position: relative;
  overflow: hidden;
  display:inline-block;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}
	
.uploadSipnner{
	font-size:25px;
	}	
	

/*progress bar*/	
.circle {
	margin-top:15px; 
	margin-bottom:15px;  
}

.circle strong {
	position:absolute;
	top: 75px;
	left: 10px;
	width: 100%;
	text-align: center;
	line-height: 40px;
	font-size: 30px;
}

.circle strong i {
	font-style: normal;
	font-size: 30px;
	/*font-size: 0.6em;*/
	font-weight: normal;
}

.circle span {
	display: block;
	color: #aaa;
	margin-top: 12px;
}	
	

/*account info*/
.account-title{
	background-color:#0D6EFD;
	padding:8px;
	color:white;
}


/*overview*/
.timeline-stage{ border:solid #CCC 3px; color:#999;
	/*border:solid #00F 3px;*/
	margin-left:50px;
	margin-right:50px;
	}

.timeline-done{
	border: solid #f76f18 3px;
	background-color: #f76f18;
	color:#FFF;
	margin-left:50px;
	margin-right:50px;
}	

.timeline-days{
	/*padding:30% 0px;*/
	border:solid #F00 3px;
	margin-top:30%; 
	text-align:center; 
	}


/*profiel question*/
.details-bar{
	/*background-color:#F00;*/
	color:#FFF;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:30px;
	margin-top:20px;
	margin-left:0.5px; 
	}

.btn-save{width:165px; margin:15px;}

.table-area{background-color:#eeeeee;}

.btn-ved{ width:60px;}


/*dashboard*/
.card-dashboard{
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
	border-radius:5px; 
	
	}

.btn-application{
	text-decoration:none;
	font-weight:600;
	
	}

.btn-title{
	border-left-style:solid;
	border-left-width:5px;
	border-left-color:#F44336;
	margin-left:6px;
	margin-bottom:15px; padding-left:10px; 
	font-size:24px;
	}

.btn-img {
	float:left;
	margin-right:10px;
	}

.card-news{
    /*font-family: 'Roboto', sans-serif;*/
	/*font-size:23px;*/ 
    margin:20px;
    position: relative;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 4 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	height:auto;
	padding-top:20px;
}

.dashboard-news{
	background-color:#F8F8F8;
 	padding:15px;
  	margin:15px; height:240px;
	}

.dashboard-news a{ 
	text-decoration:none;
	color:#000;
	}
	
.dashboard-news:hover{
	background-color:#f2f2f2; cursor:pointer;
	}
	
.dashboard-news p{ 
	height:120px;
  	overflow: hidden;
	text-align:justify;
	}

.truncate {
		
		white-space: nowrap;
		overflow: hidden;
		text-overflow:ellipsis;
	}

.more-news{ text-decoration:none;}

.more-news:hover{ text-decoration:underline;}



/*profile strength*/
.modal-body p {
    word-wrap: break-word;
}


/*personalised cover letter*/
.btn-upload {
  position: relative;
  overflow: hidden;
  display:inline-block;
}

.btn-upload input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}



/*newscaro*/
/*sortable newscaro*/
#sortable-newscaro { list-style: none; }
#sortable-newscaro li { margin-bottom:8px; margin-top:8px; padding:0px 0px 0px 0px; background-color:#E9E9E9;cursor:move;}
#sortable-newscaro li.ui-state-highlight { height: 7em; background-color:#F0F0F0;border:#ccc 2px dotted;}


/*Integration activities*/
.cat-link{
	text-decoration:none;
 	color:#999;
	}

.cat-link:hover{ color:#00F; cursor:pointer;
	
	}

.integ-card{
	/*background-color:#F8F8F8;*/
 	padding:0px; 
	margin-bottom:20px;
	height:480px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  	transition: 0.3s;
	}

.integ-card:hover{
	cursor:pointer;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.4);  overflow: visible;
	/*background-color:#f2f2f2;*/ 
	}

.integ-card img{
	height:210px;
}
	
.integ-card a{ 
	text-decoration:none;
	color:#000;
	}
	
.integ-card h5{
	margin-left:10px; margin-right: 10px; 
	margin-top: 10px; margin-bottom:0px;
	height:50px;
	overflow:hidden;
	}
	
.camp-date{ 
	margin-left:10px; margin-right: 10px;
	margin-top:6px; margin-bottom:0px;
	height:50px;
	text-align:left;
	overflow:hidden;
	}

.camp-details{
	margin:0px 10px 5px 10px; 
	height:118px;
	text-align:left;
	overflow:hidden;
	}

.integ-learn{ color:#0D6EFD;}


/*---profile strength assessment---*/
/*select option long text*/
#integ_type{
	white-space: pre-wrap;
}

#integ_type option{
	white-space: pre-wrap ;
}


/*prograss bar*/	
.circle_profile {
	margin-top:15px; 
	margin-bottom:15px;  
}

.barvalue{
	margin-top:-102px;
	margin-left:10px;
	width: 100%;
	text-align: center;
	line-height: 40px;
	font-size: 30px;
	font-weight:700;
}

.profile-strength-card{
	border-style:solid;
	border-radius:5px;
	border-width:1px;
	border-color:#999;
	padding:15px;
	margin:10px;
	width:350px;
}

.fergus-comments{
	height:200px;
	overflow:auto
}

.strength-header{
	background-color:#00F;
	color:#FFF; 
}


/*financial services*/
.career-blue{
	border-style:solid;
	border-width:1px;
	border-color:#999;
	padding:8px;
	overflow:hidden;
	background-color:#B6C6E8;
}

.career-red{
	border-style:solid;
	border-width:1px;
	border-color:#999;
	padding:8px;
	overflow:hidden;
	background-color:#FE0000;
}

.career-yellow{
	/*border-style:solid;
	border-width:1px;
	border-color:#999;*/
	padding:8px; margin:5px;
	overflow:hidden;
	background-color:#FFFF01;
}


/*-----admin-----*/
/*case details*/
.case-details-bg{
	background-color:#F2F2F7;
	padding-top:15px;
	padding-bottom:15px; margin-left:1.5px; margin-right:1.5px;
	}

.profile-bg-0{
	background-color:#F2F2F7;
	padding-top:15px;
	padding-bottom:15px; margin-left:1.5px; margin-right:1.5px;
	}
	
.profile-bg-1{
	background-color:#DEE1E6;
	padding-top:15px;
	padding-bottom:15px; margin-left:1.5px; margin-right:1.5px;
	}


#drop_email ul{
	/*background-color:#F00;*/
	background-color:#FFF;
	cursor:pointer;
	border: thin solid #d4d5d7;
	border-radius:4px;
	overflow:auto;
	max-height:400px;
	min-width:192px;
	position:absolute;	
	z-index:1000;
}

#drop_email li{
	padding:5px;
	padding-left:10px;
}

#drop_email li:hover{
	background-color:#2090FF;
	color:#FFF;
}


#drop_email_admin ul{
	/*background-color:#F00;*/
	background-color:#FFF;
	cursor:pointer;
	border: thin solid #d4d5d7;
	border-radius:4px;
	overflow:auto;
	max-height:400px;
	min-width:265px;
	position:absolute;	
	z-index:1000;
}

#drop_email_admin li{
	padding:5px;
	padding-left:10px;
}

#drop_email_admin li:hover{
	background-color:#2090FF;
	color:#FFF;
}


#drop_alias ul{
	/*background-color:#F00;*/
	background-color:#FFF;
	cursor:pointer;
	border: thin solid #d4d5d7;
	border-radius:4px;
	overflow:auto;
	max-height:400px;
	min-width:265px;
	position:absolute;	
	z-index:1000;
}

#drop_alias li{
	padding:5px;
	padding-left:10px;
}

#drop_alias li:hover{
	background-color:#2090FF;
	color:#FFF;
}


/*admin dashboard*/
#drop_pclients ul{
	/*background-color:#F00;*/
	background-color:#FFF;
	cursor:pointer;
	border: thin solid #d4d5d7;
	border-radius:4px;
	overflow:auto;
	max-height:400px;
	min-width:340px;
	position:absolute;	
	z-index:1000;
}

#drop_pclients li{
	padding:5px;
	padding-left:10px;
}

#drop_pclients li:hover{
	background-color:#2090FF;
	color:#FFF;
}


/*super admin*/
#drop_partner ul{
	/*background-color:#F00;*/
	background-color:#FFF;
	cursor:pointer;
	border: thin solid #d4d5d7;
	border-radius:4px;
	overflow:auto;
	max-height:400px;
	min-width:340px;
	position:absolute;	
	z-index:1000;
}

#drop_partner li{
	padding:5px;
	padding-left:10px;
}

#drop_partner li:hover{
	background-color:#2090FF;
	color:#FFF;
}


#drop_client_name ul{
	/*background-color:#F00;*/
	background-color:#FFF;
	cursor:pointer;
	border: thin solid #d4d5d7;
	border-radius:4px;
	overflow:auto;
	max-height:400px;
	min-width:340px;
	position:absolute;	
	z-index:1000;
}

#drop_client_name li{
	padding:5px;
	padding-left:10px;
}

#drop_client_name li:hover{
	background-color:#2090FF;
	color:#FFF;
}


#drop_client_email ul{
	/*background-color:#F00;*/
	background-color:#FFF;
	cursor:pointer;
	border: thin solid #d4d5d7;
	border-radius:4px;
	overflow:auto;
	max-height:400px;
	min-width:340px;
	position:absolute;	
	z-index:1000;
}

#drop_client_email li{
	padding:5px;
	padding-left:10px;
}

#drop_client_email li:hover{
	background-color:#2090FF;
	color:#FFF;
}


/*admin*/
.sort-item ul{
	/*background-color:#F00;*/
	background-color:#FFF;
	cursor:pointer;
	border: thin solid #d4d5d7;
	border-radius:4px;
	overflow:auto;
	max-height:400px;
	min-width:265px;
	position:absolute;	
	z-index:1000;
}

.sort-item li{
	padding:5px;
	padding-left:10px;
}

.sort-item li:hover{
	background-color:#2090FF;
	color:#FFF;
}


.profile-input{
	width:auto;
	height: 38px;
	background-color:#E9ECEF;
	padding-top:6px;
	padding-bottom: 6px;
	padding-left: 10px;
	border: thin solid #d4d5d7;
	border-radius:4px;
}
/*-----admin end-----*/



/*footer-user*/
.footer-user {
	 background-color:#0c1a1e;
	 min-height:50px;
	 font-family: 'Open Sans', sans-serif;
}

.footer-user p {color:#fff; font-size:14px; font-family: 'Open Sans', sans-serif; padding-top:10px; padding-bottom:10px;}

/*end footer-user*/


/*---Smill devices (desktops, 576px and up)---*/
@media only screen and (max-width: 768px) {
	.mdoc-container{
		margin-top:30px;
		margin-bottom:60px;
	}
	
	.btn-delete-doc { 
 		margin-right:5px;
	} 

	.btn-disabled-doc{
		margin-right:5px;
	}

	.uploadarea { 
		margin-left:-10px;
		margin-right:0px;
		padding-left:10px;
	}
}