/* your styles go here */
.info.d-flex .title{
	width: 100%;
}
nav.side-navbar ul.list-unstyled{
	padding-top: 0px;
}
.display-none{
	display: none!important;
}
.height-125{
	height: 125px;
}
.height45{
	height: 45px;
}
.height35{
	height: 35px;
}
.relative{
	position: relative!important;
}
.mb15{
	margin-bottom: 15px;
}
.mb5{
	margin-bottom: 5px!important;
}
.mb0{
	margin-bottom: 0px!important;
}
.mb10{
	margin-bottom: 10px!important;
}
.mb20{
	margin-bottom: 20px!important;
}
.mb50{
	margin-bottom: 50px;
}
.mt15{
	margin-top: 15px;
}
.mt20{
	margin-top: 20px;
}
.mt25{
	margin-top: 25px;
}
.mt30{
	margin-top: 30px;
}
.mt40{
	margin-top: 40px;
}
.mt5{
	margin-top: 5px!important;
}
.ml20{
	margin-left: 20px;
}
.mr20{
	margin-right: 20px;
}
.pad-0{
	padding: 0!important;
}
.pad-15{
	padding: 15px!important;
}
.pad-l15{
	padding-left: 15px!important;
}
.pad-l20{
	padding-left: 20px;
}
.pad-l30{
	padding-left: 30px;
}
.pad-l60{
	padding-left: 60px;
}
.pad-t0{
	padding-top: 0!important;
}
.pad-t15{
	padding-top: 15px!important;
}
.pad-t8{
	padding-top: 8px;
}
.pad-t25{
	padding-top: 25px;
}
.pad-b10{
	padding-bottom: 10px!important;
}
.pad-r5{
	padding-right: 5px!important;
}
.pad-r15{
	padding-right: 15px;
}
.pad-r30{
	padding-right: 30px;
}
.pad-r60{
	padding-right: 60px;
}
.pad-lr-0{
	padding-left: 0!important;
	padding-right: 0!important;
}
.pad-lr-20{
	padding-left: 20px!important;
	padding-right: 20px!important;
}
.pad-lr-30{
	padding-left: 30px!important;
	padding-right: 30px!important;
}
.pad-lr-50{
	padding-left: 50px!important;
	padding-right: 50px!important;
}
.left-10{
	left: 10px;
}
.font-12{
	font-size: 12px;
}
.font-14{
	font-size: 14px!important;
}
.font-20{
	font-size: 20px!important;
}
.font-25{
	font-size: 25px!important;
}
.font-32{
	font-size: 32px;
}
.font-42{
	font-size: 42px;
}
.font-50{
	font-size: 50px;
}
.font-weight-600{
	font-weight: 600;
}
.text-red{
	color: #FB3840;
}
.bg-darkgrey{
	background-color: darkgrey;
}
.bg-lightprimary{
	background-color: #b8b5ff!important;
	color: #555!important;
	margin-bottom: 5px!important;	
	transition: all ease-in-out 400ms;
}
a.bg-lightprimary:hover{
	background-color: #9490ff!important;
	transition: all ease-in-out 400ms;
}
.border-none{
	border:0;
}
.border-red{
  border: 1px solid red!important;
}
section.forms label{
	color: #777;
	font-weight: 600;
	padding-left: 40px;
	padding-top: 5px;
}

section.forms label.mr20{
	padding-left: 0;
	padding-top: 0;
}
table.list-application tr{
	border-bottom: 1px solid #ddd;
}
thead.list-application th,thead.list-application td{
	vertical-align: top;
}
.asterdio-link{
	color:#fff;
}
.asterdio-link:hover{
	color:#85b4f2;
	text-decoration: none;
}
.form-control {
    padding: 5px 15px;
}  
.form-control.has-error{
  border: 1px solid #ff6161!important;
}  
table.dataTable tbody>tr:hover{
	background-color: #796AEE!important;
	color:#fff;
}
table.dataTable tbody>tr:hover a{
	color:#fff!important;
}
.help-block strong{
	color: #ff6161;
	font-weight: 500;
}
.content-inner section{
	/*min-height: calc(100vh - 172px);*/
}
.content-inner section table{
	border-color: #ddd;
}
.card{
	margin-bottom: 0;
}
section{
	padding: 30px 0;
}
.checkbox-template{
	transform: translateY(10px);
}
.new-btn{
	margin-bottom: 20px;
}
.alert ul li{
	list-style-type: none;
}
.form-control:disabled, .form-control[readonly]{
	background-color: #f8f8f8;
}
.detail-associate-tables h5{
	padding-left: 15px;
}
.modal{
	z-index: 9999;
}
.modal.show .modal-dialog{
	-webkit-transform: translate(0,50px);
    -o-transform: translate(0,50px);
    transform: translate(0,50px);
}
.profile-table tr{
	line-height: 2.5em;
}
.profile-table tr td:last-child{
	padding-left: 15px;
}
.font-weight-400{
	font-weight: 400!important;
}
.font-weight-600{
	font-weight: 600!important;
}
table {
    font-size: .8em!important;
}
.dropdown-menu{
	padding: 0!important;
}
.dropdown-item{
	padding: 10px 1.5em!important;
}
.applicant-status h5{
	line-height: 1.5!important;
}
table td.i-checks{
	border:none!important;
}
td.i-checks label{
	margin-top: 5px!important;
}
ul#filterList{
	right: 0;
	left: unset;
}

.position-text-limit{
	max-width: 151px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

/*Second Login Page*/
.login-container{
	height: 550px;
	width: 950px;
	border-bottom: 550px solid #FFF;
	border-right: 650px solid transparent;
	position: absolute;
}
.form-holder .form-container{
	position: absolute;
	z-index: 99;
	width: 950px;
	height: 550px;
	padding: 30px;
}
.login-page2 {
  position: relative;
}

.login-page2::before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  z-index: -1;
  background-size: cover;
  -webkit-filter: blur(2px);
  filter: blur(2px);
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
}

.login-page2 .container {
  min-height: 100vh;
  z-index: 1;
  width: 990px;
  padding: 20px;
}

.login-page2 .form-holder {
  	width: 950px;
  	height: 550px;
  	position: relative;
  	border-radius: 5px;
  	overflow: hidden;
	background: url('../img/login.jpg');
	background-size: cover;
	background-clip: border-box;
}
.login-page2 .form-holder{
	box-shadow: 2px 2px 100px rgba(0, 0, 0, 0.2), -1px 0 2px rgba(0, 0, 0, 0.05);
}

.login-page2 .form-holder .info, .login-page2 .form-holder .form {
  min-height: 60vh;
  padding: 40px;
  height: 100%;
}

.login-page2 .form-holder div[class*='col-'] {
  padding: 0;
}

.login-page2 .form-holder .info {
  background: rgba(121, 106, 238, 0.9);
  color: #fff;
}

.login-page2 .form-holder .info h1 {
  font-size: 2.5em;
  font-weight: 600;
}

.login-page2 .form-holder .info p {
  font-weight: 300;
}

.login-page2 .form-holder .form .form-group {
  position: relative;
  margin-bottom: 30px;
}

.login-page2 .form-holder .form .content {
  width: 100%;
}

.login-page2 .form-holder .form form {
  width: 100%;
  max-width: 400px;
}

.login-page2 .form-holder .form #login, .login-page2 .form-holder .form #register {
  margin-bottom: 20px;
  cursor: pointer;
}

.login-page2 .form-holder .form a.forgot-pass, .login-page2 .form-holder .form a.signup {
  font-size: 0.9em;
  color: #85b4f2;
}

.login-page2 .form-holder .form small {
  color: #aaa;
}

.login-page2 .form-holder .form .terms-conditions label {
  cursor: pointer;
  color: #aaa;
  font-size: 0.9em;
}

.login-page2 .copyrights {
  width: 100%;
  z-index: 9999;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
}
.latest-pta-request, .latest-visa-sfe{
	max-height: 260px;
	overflow-y: auto;
}
.latest-pta-request::-webkit-scrollbar-track , .latest-visa-sfe::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.latest-pta-request::-webkit-scrollbar , .latest-visa-sfe::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}
.latest-pta-request::-webkit-scrollbar-thumb , .latest-visa-sfe::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
 
.item .badge{
	position: absolute;
}

/*Message Style*/
	/*Limit Text In One Line*/
.text-limit{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 95%;
}
.message-container{
	padding: 10px 0px 5px 10px;
	border-radius: 20px; 
	width: 100%;
	display: inline-block;
}
.message-container::after {
    content: "";
    clear: both;
    /*display: table;*/
}
.sender{
	background-color: #cfedff;
}
.receiver{
	background-color: #EEF5F9;
}
.msg-sender-pic{
	height: 65px;
	width: 65px;
	margin-right: 10px;
	float: left;
}
.msg-sender-pic .msg-sender-img{
	max-width: 100%;
	max-height: 100%;
}
.img-circle{
	border-radius: 50%;
}
.msg-body{
	width: calc( 100% - 85px);
}
.receiver .msg-body{
	float: right;
}
.alert-floralwhite{
	background-color: floralwhite;
}
.alert-info{
	background-color: #cfedff!important;
}
.all-threads{
	padding: 35px;
	padding-left: 50px;
	padding-right: 5px;
}
.chat-body{
	padding: 35px;
	padding-left: 5px;
	padding-right: 50px;
}
.all-threads .card-body , .chat-body .card-body{
	max-height: 645px;
	overflow-y: auto;
}
.all-threads .card-body::-webkit-scrollbar-track , .chat-body .card-body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.all-threads .card-body::-webkit-scrollbar , .chat-body .card-body::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}
.all-threads .card-body::-webkit-scrollbar-thumb , .chat-body .card-body::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
.all-threads .card-body .media.active{
	border-color: #CFEDFF;
	border-width: 2px;
}


/*Online status*/
.bubble {
  display: block; 
  position: absolute;
  cursor: pointer; 
}

.bubble:hover:after {
  background-color: #2ccc2c
}

.bubble:after {
  content: "";
  background-color: #2ccc2c;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  display: block;
  top: 1px;
  left: 1px;
}

.bubble .bubble-outer-dot {
  margin: 1px;
  display: block;
  text-align: center;
  opacity: 1;
  background-color: rgba(0, 255, 0, 0.4);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-animation: bubble-pulse 1.5s linear infinite;
  -moz-animation: bubble-pulse 1.5s linear infinite;
  -o-animation: bubble-pulse 1.5s linear infinite;
  animation: bubble-pulse 1.5s linear infinite
}

.bubble .bubble-inner-dot {
 
  display: block;
  text-align: center;
  opacity: 1;
  background-color: rgba(0, 255, 0, 0.4);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-animation: bubble-pulse 1.5s linear infinite;
  -moz-animation: bubble-pulse 1.5s linear infinite;
  -o-animation: bubble-pulse 1.5s linear infinite;
  animation: bubble-pulse 1.5s linear infinite
}

.bubble .bubble-inner-dot:after {
  content: "";
  display: block;
  text-align: center;
  opacity: 1;
  background-color: rgba(0, 255, 0, 0.4);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-animation: bubble-pulse 1.5s linear infinite;
  -moz-animation: bubble-pulse 1.5s linear infinite;
  -o-animation: bubble-pulse 1.5s linear infinite;
  animation: bubble-pulse 1.5s linear infinite
}

@-webkit-keyframes bubble-pulse {
  0% {
    transform: scale(1);
    opacity: .75
  }
  25% {
    transform: scale(1);
    opacity: .75
  }
  100% {
    transform: scale(2.5);
    opacity: 0
  }
}

@keyframes bubble-pulse {
  0% {
    transform: scale(1);
    opacity: .75
  }
  25% {
    transform: scale(1);
    opacity: .75
  }
  100% {
    transform: scale(2.5);
    opacity: 0
  }
}

@-moz-keyframes bubble-pulse {
  0% {
    transform: scale(1);
    opacity: .75
  }
  25% {
    transform: scale(1);
    opacity: .75
  }
  100% {
    transform: scale(2.5);
    opacity: 0
  }
}

@-o-keyframes bubble-pulse {
  0% {
    transform: scale(1);
    opacity: .75
  }
  25% {
    transform: scale(1);
    opacity: .75
  }
  100% {
    transform: scale(2.5);
    opacity: 0
  }
}