
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*font-family: 'Poppins', sans-serif;*/

html, body{
	height:100%;
}
body{
	font-family: 'Poppins', sans-serif;
	color:#363636;
	background:#ececec;
	font-size:14px;
}
h1, h2, h3, h4, h5, h6{
	color:#363636;
}
a, .btn, span, div{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
a{
	color:#313131;
}
a, a:hover{
	text-decoration:none;
}
.red{
	color:#ff0000;
}
h1{
	font-size:20px;
}
h2{
	font-size:18px;
}
h3{
	font-size:17px;
}
h4{
	font-size:16px;
}
h5{
	font-size:15px;
}
h6{
	font-size:14px;
	font-weight:500;
}
a .fa:hover{
	color: #4a7399;
}
.form-check-input{
	border:1px solid #c2c2c2;
}
.form-check-input:checked{
	background-color: #1e4587;
    border-color: #1e4587;
}
.main-title{
	font-size:18px;
	font-weight:500;
}
/*==Login==*/
.login-container{
	max-width:480px;
	padding-top:50px;
	padding-bottom:50px;
}
.login-container .logo{
	max-width:200px;
	width:100%;
}
.form1 .form-label{
  margin-bottom: .2rem;
}
.form1 .form-label.fw-semb{
	font-weight:500;
}
.form1.lbl-fw-semb .form-label{
	font-weight:500;
}
.form1 .form-control, .form1 .form-select{
	color:#595c5f;
	padding: 0.493rem .75rem;
	font-size:14px;
	border-color:#d0d0d0;
}
.form1 .form-check-label{
	color:#595c5f;
}
.form1 .form-select{
	padding: 0.522rem .75rem;
}
.login-container .form1  .form-label{
  margin-bottom: .2rem;
}
.login-container .form1 .form-control{
	/*padding: 0.6rem .75rem;*/
	font-size:14px;
}
.login-container .fp:hover{
	text-decoration:underline;
}
.login-container .btn1{
	font-weight:500;
	/*padding: 0.65rem .75rem;*/
}
.pw-toggle-sec{
	position:relative;
}

.field-icon{
  /*float: right;
  margin-right: 6px;
  margin-top: -26px;
  position: relative;
  z-index: 2;*/
}
.field-icon{
	position:absolute;
	right:10px;
	top:14px;
	cursor:pointer;
	font-size:16px;
	color:#817f8f;	
}
.login-container .title{
	font-size:18px;
	margin-bottom:30px;
}
.login-container .navbar-brand{
	display:inline-block;
	margin-bottom:20px;
}
.card1{
	border-radius:8px;
	border:0;
}
.card1 .card-body{
	padding:35px;
}
.btn1{
	font-size:14px;
	text-transform:uppercase;
	font-weight:400;
	color:#ffffff !important;
	background:#4a7399;	
	padding: 8px 25px;
}
.btn1:hover{
	background:#313131;
}
.btn2{
	font-size:14px;
	text-transform:uppercase;
	font-weight:400;
	color:#ffffff !important;
	background:#313131;	
	padding: 8px 25px;
}
.btn2:hover{
	background:#4a7399;
}
.btn3{
	font-size:20px;
	text-transform:uppercase;
	font-weight:400;
	color:#212529;
	background:#f8f9fa;	
	padding: 8px 25px;
	border: 1px solid #dddddd;
}
.btn3 span{
	font-size:14px;
	display:block;
}
.btn3:hover, .btn3:active{
	color:#ffffff;
	background:#343434 !important;
	border: 1px solid #dddddd;
}
.brick{
	background:#1f4687;
}
.gteam{
	background:#42b500;
}
.hartwell{
	background:#00b0e1;
}
.ibteam{
	background:#c45911;
}
.nteam{
	background:#e6951c;
}
.pteam{
	background:#2a01b8;
}
.zteam{
	background:#ee5900;
}


.login-container .fp{
	color:#363636;
}

.uline{
	border-bottom:1px solid #eaeaea;
}
.special-link{
	text-align:center;
}
.special-link a{
	display:inline-block;
	background:#ebeef5;
	border-radius:5px;
	width:44px;
	height:44px;
	margin:0 3px;
	text-align:center;
	line-height:42px;
}
.special-link a:hover{
	background:#d4e1ff;
}
/*==Dashboard==*/
.wrapper {
  align-items: stretch;
  display: flex;
  width: 100%;
  min-height:100%;
  background:#eaeaea;
}
/*==Header==*/
.header-top{
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 9988;
	background:#ffffff;
}
/*==Navbar Left==*/
.navbar-left{
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	min-width:300px;
}
.navbar-left .logo-area{
	width:100%;
	padding-left:24px;
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  
  webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.navbar-left .navbar-brand{
	margin-right: 10px;
	padding:0;
}
.navbar-left .navbar-brand .logo{
	max-width: 190px;
    width: 100%;
}
.navbar-left .sidebar-toggle{
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-top:-16px;
}
.navbar-left .sidebar-toggle .navbar-toggler{
	border:0;
	border-radius:0;
}
.navbar-left .sidebar-toggle .navbar-toggler:focus{
	box-shadow: none;
}
.header-top .navbar-toggler .fa{
	font-size:30px;
	color:#acacac;
}
.header-top .navbar-toggler .fa-angle-double-right, .header-top .navbar-toggler.collapsed .fa-angle-double-left{
	display:none;
}
.header-top .navbar-toggler.collapsed .fa-angle-double-right{
	display:block;
}

/*==Navbar Right==*/
.navbar-right{
	padding:5px 24px 5px 0;
	display:flex;
	flex-grow: 1;
}
.dashboard-menu{
	margin-right: auto;
	display: flex;
	align-items: center;
}
.dashboard-menu .dropdown-toggle{
	border:0;
}
.dashboard-menu .dropdown-toggle:hover, .dashboard-menu .dropdown-toggle.show{
	color:#4a7399;
}
.navbar-right .dropdown{
	width:100%;
	display:flex;
}
.dashboard-menu .dropdown-menu{
	width:100%;
	border-radius:0;
	border:0;
}
.dashboard-menu .dropdown-item{
	font-size:14px;
	color:#1d2023;
	padding:7px 13px;
	white-space: normal;
}
.dashboard-menu .dropdown-item:hover{
	color:#a4b4cf;
}
.dashboard-menu .dropdown-item .icon{
	width:28px;
	margin-right:5px;
}
.user-details-dropdown{
	margin-left: auto;
	position:relative;	
}
.user-details-dropdown .dropdown-toggle{
	border:0;
	font-size:15px;
}
.user-details-dropdown .dropdown-toggle:hover, .user-details-dropdown .dropdown-toggle.show{
	color:#4a7399;
}
.user-details-dropdown .dropdown-toggle .emp-pic{
	margin-right:5px;
	width:36px;
	height:36px;
	border-radius:50%;
}
.user-details-dropdown .dropdown-menu{
	border:0;
	border-radius:0;	
}
.user-details-dropdown .dropdown-item{
	font-size:14px;
	color:#1d2023;
	padding:10px 13px;
	display: flex;
	align-items: center;
}
.user-details-dropdown .fa{
	width:20px;
	font-size:18px;
	color:#a4b4cf;
	margin-right:5px;
}
.user-details-dropdown .dropdown-toggle{
	padding-right:0;
}
.user-details-dropdown .dropdown-toggle::after{
	margin-left: 20px;
}
/*==Sidebar==*/
.sidebar{
  transition: margin-left .35s ease-in-out,left .35s ease-in-out,margin-right .35s ease-in-out,right .35s ease-in-out;
  direction: ltr;
  background: #ffffff;
  z-index:9;
  height:100%;
  
  box-shadow: 4px 0px  5px 0px rgba(0,0,0,0.1);
  -webkit-box-shadow: 4px 0px  5px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 4px 0px  5px 0px rgba(0,0,0,0.1);
}
.sidebar, .sidebar.show{
	min-width:300px;
    max-width:300px;
	margin-left:0;
}
.sidebar.collapse.show, .sidebar.show{
	margin-left:0;
}
.sidebar.collapse{
	display:flex !important;
	margin-left:-300px;
}
.sidebar.collapse:not(.show) {
  display: flex !important;
}
.sidebar.collapsing{
	height:auto;
}
.sidebar .sidebar-content{
	display:block;
	width:100%;
	height:100%;
}
/*
.sidebar .logo{
  max-width: 210px;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 10;
}
.sidebar .navbar-brand{
  background: #ffffff;
  display: block;
  text-align: center;
  padding: 15px 24px;
  position:fixed;
  z-index:99;
  left:0;
  top:0;
}*/
.scrollbar-container{
	position: relative;
	height: 100%;
}
.scrollbar{
	width: 100%;
	height:auto;
	/*height:100%;*/
	/*max-height:100%;*/
	max-height:600px;
    overflow-y: scroll;
	overflow-x:hidden;
}
.sidebar .nav-title{
	font-size:18px;
	font-weight:500;
	color:#313131;
	margin-bottom:10px;
}
.nav-container{
	padding:24px;
}
.scrollbar-container .accordion-item{
	font-size:14px;
	border:0;
}
.scrollbar-container .accordion-item > a{
	font-size:14px;
	font-weight:500;
}
.scrollbar-container .accordion-item .accordion-header a{
	font-size:14px;
	font-weight:500;
	padding-top:15px;
	padding-bottom:15px; 
	display:flex;
}
.scrollbar-container .accordion-item .accordion-header a:hover{
	color:#4a7399;
}
.scrollbar-container .accordion-item .accordion-button{
	padding-left:0;
	padding-right:0;
}
.scrollbar-container .accordion-item:first-of-type .accordion-button{
	border-radius:0;
}
.scrollbar-container .accordion-item .accordion-button:not(.collapsed){
	background:none;
	box-shadow:none;
}
.scrollbar-container .accordion-header .fa{
	width:20px;
	margin-right:5px;
	font-size:18px;
	color:#a4b4cf;
}
.scrollbar-container .accordion{
	--bs-accordion-btn-icon-width: 1.0rem;
}
.scrollbar-container .accordion .accordion-body{
	padding-top:0;
	padding-bottom:0;
}
.list1{
	padding:0;
	list-style:none;
	margin-bottom:0;
}
.list1 li{
	position:relative;
	padding-left:15px;
	margin-bottom:10px;
}
.list1 li:before{
	content:"";
	width:7px;
	height:7px;
	background:#96a4bc;
	border-radius:50%;
	display:inline-block;
	margin-right:5px;
	position:absolute;
	left:0;
	top:6px;
}
.list1 li a{
	display:block;
}
.list1 li a:hover{
	text-decoration:underline;
}
/*==Dashboard==*/
.main{
  align-items: stretch;
  display: flex;
  width: 100%;
  background: #eaeaea;
  padding-top:74px;
  
}
/*==Dashboard Content==*/
.dashboard-wrapper{
	width:100%;
}
.dashboard-content{
	width:100%;
	min-height: calc(100% - 69px);
	padding:24px;
}

/*==Breadcrumb==*/
.breadcrumb{
	font-size:14px;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before{
    content: "\f105";
    font: normal 16px FontAwesome;
    font-weight: normal;
    line-height: normal;
    font-weight: 500;
    line-height: 22px;
    margin-right:10px;
}
.breadcrumb-item + .breadcrumb-item{
	padding-left:20px;
}
.card2{
	border-radius:0;
	border:0;
}
.card2 .card-header{
	border-radius:0;
	padding-left:24px;
	padding-right:24px;	
}
.card2 .card-body{
	padding:20px 24px;
}
.card2 .card-body.pd4{
	padding:40px;
}
.dark-header{
	background:#313131;
	color:#ffffff !important;	
}
.dark-header h1, .dark-header h2, .dark-header h3, .dark-header h4, .dark-header h5, .dark-header h6{
	color:#ffffff;
}
.emp-details .prop{
	font-weight:500;
}
/*==Date Picker==*/
.datepicker{
	z-index:9999 !important;
}
.date .input-group-append {
  cursor: pointer;
  }
.date .input-group-append .input-group-text{
	border-radius:0 5px 5px 0;
	border: 1px solid #d0d0d0;
	line-height: 1.7;
	padding: .33rem .75rem;
}
.bg1 .date .input-group-append .input-group-text{
	border: 1px solid #e39d32;
	line-height: 1.5;
}
.no-attended-container{
	overflow:hidden;
}
.no-attended-container .input-group{
	min-height:62px;
}
.no-attended-container .card-prop{
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
}
.no-attended-container .card-prop{
	font-size: 13px;
    padding: 10px 10px 10px 15px;
	line-height:20px;
}
.no-attended-container .card-value{
	color:#ffffff;
	padding:10px;
	background:#313131;
	min-width:75px;
	text-align:center;
	font-weight:500;
	display:flex;
	justify-content: center ;
	align-items: center;
}
.table1{
	border-color:#d2d2d2;
}
.table1 th, .table1 td{
	font-size:14px;
	border-color:#d2d2d2;
}
.table1.fs-13 th, .table1.fs-13 td{
	font-size:13px;
}
.table1 th{
	color:#ffffff;
	font-weight:500;
}
.table1 td{
	color:#1d2023;
}
.table .comp-hrs{
	font-weight:500;
	color:#ffffff;
	background:#34a853;
}
.table .uncomp-hrs{
	font-weight:500;
	color:#ffffff;
	background:#ea4335;
}
.table .total-hrs{
	font-weight:500;
}
.table1 > :not(caption) > * > *{
	padding:.5rem 15px;
}
.list2{
	font-size:14px;
	list-style:none;
	padding-left:0;
	margin:0;
	line-height:25px;
}
.list2 li{
	margin-bottom:5px;
	position: relative;
    padding-left: 22px;
}
.list2 li:before{
	content: "\f00c";
	font: normal normal normal 14px/1 FontAwesome;
	color:#6cbe45;
	margin-right:5px;
	position: absolute;
	left: 0;
	top: 5px;
}
.list3{
	font-size:14px;
	list-style:none;
	padding-left:0;
	line-height:25px;
}
.list3 li{
	margin-bottom:5px;
}
.list3 li a{
	position:relative;
	padding-left:20px;
	display:block;
}
.list3 li a:before{
	content: "\f1c1";
	font: normal normal normal 14px/1 FontAwesome;
	color:#ff0000;
	margin-right:8px;
	position:absolute;
	top:6px;
	left:0;
}

.list4 ol{
	counter-reset: item;	
	list-style: none;
    margin: 0;
    padding: 0;
}
.list4 ol li ol{
	margin-left:0px;
}
.list4 ol li{
	padding-left:15px;
	display: block;
	position: relative;
	margin-bottom:15px;
}
.list4 ol li{
	
}
.list4 ol li .title{
	color:#000;
}
.list4 ol li li{
	padding-left: 28px;
	margin-bottom:10px;
}
.list4 ol li:before { 
	font-size:16px;
	line-height:19px;
	font-weight:500;
	content: counters(item, ".") "."; 
	counter-increment: item;
	margin-right: 8px;
	position:absolute;
	left:0;
	top:0;
}
.list4 ol li li:before {
	font-size:14px;
	line-height:18px;
	font-weight:300;
}
.list5{
	font-size:14px;
	list-style:none;
	padding-left:0;
	line-height:auto;
}
.list5 li{
	margin-bottom:8px;
}
.list-num{
	padding-left:25px;
}
.list-num li{
	margin-bottom:10px;
}

/*==Search Employee List==*/
.search-card{
	border:0;
	border-radius:5px;
	background:#c7c7c7;
}
.search-card .form1 .form-control, .search-card .form1 .form-control::placeholder{
	color:#808080;
}
.search-card .btn2{
	padding:8px 12px;
}
.search-card .form1 .form-select:focus{
	box-shadow: none;
}
.employee-details{
	text-align:center;
	margin-bottom:25px;
	background:#fff;
	border: 1px solid #d7d7d7;
    padding-bottom: 10px;
	border-radius:5px;
	overflow:hidden;
}
.employee-pic{
	border-bottom: 1px solid #efefef;
	margin-bottom:10px;	
}
.employee-details p{
	line-Height:16px;
	margin-bottom:2px;
}
.employee-details .name{
	font-size:13px;
	font-weight:500;
}
.employee-details .t-name{
	font-size:12px;
}
.employee-details .extn-num{
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:12px;
}
.employee-details .extn-num .tel{
	margin-right:5px;
}

.pagination-sec{
	background:#313131;
	border-radius:5px;
	padding:10px 20px;
}
.pagination-sec .pagination{
	margin-bottom:0
	}
.pagination-sec .page-link{
	font-size:13px;
	color:#ffffff;
	background:none;
	border:none;
	padding: 8px 12px;
	display: flex;
    align-items: center;
}
.pagination-sec .page-link:focus{
	box-shadow:none;
}
.pagination-sec .page-link .fa{
	font-size:18px;
}
.pagination-sec .page-link .fa-angle-left{
	margin-right: 6px;
}
.pagination-sec .page-link .fa-angle-right{
	margin-left: 6px;
}
.pagination-sec .page-item.active .page-link{
	color:#313131;
	background:#ffffff;
	border-radius:3px;
}
.pagination-sec .form-control{
	max-width: 45px;
    text-align: center;
    border: 0;
    padding: 5px 10px;
}
/*==Culture Captain==*/
.culture-captain-sec{
	padding-top:80px;
}
.culture-card.card{
	border:1px solid #dbdbdb;
	background:#fff;
	margin-bottom:60px;
}
.culture-card.diamond{
	border-bottom:4px solid #00c3ff;
}
.culture-card.emerald{
	border-bottom:4px solid #44cc29;
}
.culture-card.ruby{
	border-bottom:4px solid #f26761;
}
.culture-card.sapphire{
	border-bottom:4px solid #006eff;
}
.culture-card .card-header{
	text-align:center;
	justify-content: center;
	display:flex;
	flex-direction: column;
	border-bottom:0;
	background:none;
}
.culture-card .card-header .culture-icon{
	width:105px;
	Height:105px;
	background:#fff;
	border:5px solid #f5f5f5;
	border-radius:50%;	
	margin:0 auto;
	display:flex;
	align-items: center;
    justify-content: center;
	margin-top:-70px;
	margin-bottom:5px;
}
.culture-card .card-header .culture-title{
	text-transform:uppercase;
	margin-bottom:0;
}
.culture-card.card .card-body{
	padding:15px 30px;
}
.culture-captain{	
	text-align:center;
	position:relative;
}
.culture-captain .captain-pic{
	max-width:160px;
	border-radius:5px;
	overflow:hidden;
	position:relative;
	border:1px solid #f1f1f1;
	margin:0 auto 5px auto;
}
.culture-captain .captain-title{
	position:absolute;
	padding:5px 10px;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0, 0, 0, 0.7);
	
	font-size:14px;
	text-transform:uppercase;
	font-weight:500;
	color:#fff;
}
.culture-captain .emp-name{
	font-size:14px;
	font-weight:500;
}
.culture-captain .tm-name{
	font-size:12px;
	font-weight:400;
	color:#1d2023;
}
.m-line{
	position:relative;
}
.m-line span{
	display:inline-block;
	background:#fff;
	padding: 0 8px;
    z-index: 10;
    position: relative;
}
.m-line:after{
	content:"";
	height:1px;
	left:0;
	right:0;
	background:#e3e3e3;
	position:absolute;
	top:50%;
	margin-top:0.5px;
}
.com-mbr .captain-pic{
	width:80px;
}
/*==Footer==*/
.footer-wrapper{
	background:#ffffff;
	padding:24px;
	width:100%;
	text-align:right;
}

.pw-strength-ind{
	display:flex;
	margin-top:9px;
}
.strenght-bars{
	display:flex;
}
.pw-bar{
	width:60px;
	height:3px;
	background:#b6b6b5;
	margin-right:10px;
}
.week-bar{
	background:#ff0000;
}
.medium-bar{
	background:#ffd800;
}
.strong-bar{
	background:#6cbe45;
}
.pw-note{
	font-size:12px;
	color:#b6b6b5;
	margin-left:auto;
}
.weak-note{
	color:#ff0000;
}
.medium-note{
	color:#ffd800;
}
.strong-note{
	color:#6cbe45;
}
.note{
	font-size:11px;
	line-height:12px;
	color:#595c5f;
	color: #ff0000;
}
.success{
	color:#55af00;
}

/*==My Profile==*/
.empl-img-col{
	width:280px;
}
.empl-img img{
	border-radius:5px;
}
.empl-title-value.hr-line{
	padding-bottom:15px;
	border-bottom:1px solid #e2e2e2;
}
.empl-title-value {
	border-bottom: 1px solid #ddd;
}
.empl-title{
	font-size:15px;
	color: #4a7399;
	margin-bottom: .25rem;
}
.empl-title-value .empl-value a:hover{
	color:#6cbe45;
	text-decoration:underline;
}
.empl-name-designation .empl-name{
	font-size:18px;
	font-weight:500;
	margin-bottom:2px;
}
.empl-name-designation .empl-name .fa-clone::before{
	font-size:14px;
}
.empl-name-designation .designation{
	font-size:16px;
	color:#6376a2;	
}
.title-value{
	border-bottom: 1px solid #ddd;
}
.title-value .title{	
	font-size: 15px;
	font-weight: 500;
    color: #4a7399;
    margin-bottom: .25rem;
}
/*==Help Desk IS==*/
.tab1 .nav-tabs{
	margin-bottom:-1px;
}
.tab1 .nav-link{
	min-width:300px;
	text-align:center;
	background:#313131;
	color:#ffffff;
	margin-right:15px;
	font-size:16px;
	font-weight:500;
	padding:12.5px 15px;
}
.tab1 .nav-link{
	border-radius:8px 8px 0 0;
	border:1px solid #313131;
	/*border-bottom-color:#ffffff;*/
}
.nav-tabs .nav-link:hover{
	border:1px solid #313131;
	/*border-bottom-color:#ffffff;*/
}
.nav-tabs .nav-link.active{
	border:1px solid #d2d2d2;
	border-bottom-color:#ffffff;
}
.tab1 .tab-content{
	padding:25px;
	background:#ffffff;
	border:1px solid #d2d2d2;
	border-radius:0 0 8px 8px;
}
.table1 .uline{
	text-decoration:underline;
}
.table1 a.uline{
	text-decoration:underline;
}
.table1 a.uline:hover{
	color:#4a7399;
}
/*==Accordion==*/
.lgtgray-bg{
  background: #f4f4f4;
}
.accordion-one{
	
}
.accordion-one .accordion-item{
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #cfcfcf;
  border-radius: 5px;
}
.accordion-one .accordion-item .accordion-header{
  text-align: left;
  display: flex;
  padding: 15px 20px;
}

.accordion-one .accordion-item .accordion-header .accordion-button{
  /*position: absolute;
  top: 6px;
  right: 6px;*/
  height: 35px;
  padding: 8px 20px;
  display: inline-block;
  width: auto;
  
  border-radius: 5px;
  box-shadow: none;
  z-index: 9;
  line-height: 10px;
  margin-left:auto;
  margin-top:3px;
}
.accordion-one .accordion-item .accordion-header .accordion-button{
   color:#313131;
   background:#ffffff;
   border:1px solid #a9a9a9;
}
.accordion-one .accordion-item .accordion-header .accordion-button.collapsed{
  color: #ffffff;
  background: #1d2023;
  border: 1px solid #181c1f;
}
.accordion-one .accordion-item .accordion-header .accordion-button::after{
  content: "View Less";
  font-size:14px;
  background: none;
}
.accordion-one .accordion-item .accordion-header .accordion-button.collapsed::after{
  content: "View More";
}
.ts-list{
  width: auto;
  padding-right: 15px;
  margin-right: 15px;
  position: relative;
  display: flex;
  justify-content: center;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  padding-right: 7%;
}
.ts-prop{
  font-size: 14px;
  font-weight: 500;
  display: block;
}
.ts-value{
  font-size: 14px;
  font-weight: 300;
  display: block;
}
.accordion-one .accordion-body{
	background:#ffffff;
	border-top:1px solid #cfcfcf;
	border-radius: 0 0 5px 5px;
}
.accordion-one .accordion-body a{
	color:#1164a4;
}
.accordion-one .accordion-body a:hover{
	text-decoration:underline;
}
.form-select.inline, .form-control.inline{
	width:auto;
	display:inline-block;
	font-size:14px;
	color: #363636;
	border: 1px solid #d0d0d0;
	padding: 0.3rem 2.25rem .3rem .75rem;
	margin:0 5px;
}
.form-control.inline{
	max-width:250px;
	padding: 0.3rem .75rem;
}
.btn-sm{
	font-size: 12px;
	padding: 4px 20px;
}
.btn-export{
	position:absolute;
	right:0;
	top:-40px;
}
/*==Accordion Two==*/
.accordion-two{
	
}
.accordion-two .accordion-item{
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #cfcfcf;
  border-radius: 5px;
  background:#ffffff;
}
.accordion-two .accordion-item .accordion-button{
	background:none;
}
/*==Accordion Two==*/
.light-grey-bg{
	background:#f8f9fa;
}
.kra-rating-sec{
	border:0;
	border-radius:5px;
	overflow:hidden;
}
.rating-list{
	text-align:center;
	color:#ffffff;
	padding-top:20px;
	padding-bottom:20px;
}
.op-bg{
	background:#4a7399 !important;
}
.hp-bg{
	background:#28a745 !important;
}
.rp-bg{
	background:#00a1e0 !important;
}
.ap-bg{
	background:#ffa500 !important;
}
.lp-bg{
	background:#ff0000 !important;
}

.rating-percent{
	font-size:24px;
	line-height: 25px;
	text-transform:uppercase;
	font-weight:700;
}
.rating-defn-title{
   font-size: 15px;
   text-transform: uppercase;
   margin-bottom:0;
}
.table1 .td-scroll{
	min-width: 150px;
	overflow-y: auto;
	height:auto;
	max-height: 150px;
	margin-right: -10px;
}
.table1.p-10 > :not(caption) > * > *{
	padding: .5rem 10px;
}
.table1 tfoot td{
	color:#fff;
	background:#212529;
}
.br-dtls{
	font-size:12px;
	color:#fff;
	background:#4a7399;
	padding:2px 6px;
	display:inline-block;
	border-radius:3px;
	margin-right:2px;
	margin-bottom: 2px;
    margin-top: 2px;
}
.room-list{
	list-style:none;
	display:inline-block;
	padding:0;
	margin-bottom:0;
}
.room-list li{
	margin-right:20px;
	margin-bottom:5px;
	font-size:13px;
	line-height:15px;
	display:inline-flex;
}
.room-icon{
	width:14px;
	height:14px;
	border-radius:50%;
	background:#000;
	margin-right:8px;
	display:inline-block;
}
.room-icon.acltr{
	background:#4a7399;
}
.room-icon.dscvr{
	background:#1c8676;
}
.room-icon.explr{
	background:#867b1c;
}
.room-icon.imgtr{
	background:#542bb2;
}
.room-icon.invtr{
	background:#e629b7;
}
.room-icon.trnfr{
	background:#0c79d5;
}
.room-icon.wlnsrm{
	background:#cd6928;
}
.room-icon.clrm1{
	background:#a40550;
}
.room-icon.clrm2{
	background:#088d40;
}
.upload-profimg img{
	min-height:220px;
	/*object-fit: cover;*/
}
.upload-profimg .btn3{
	font-size: 14px;
	padding: 4px 15px;
	cursor:pointer;
	display:block;
}
.upload-profimg .btn3 .form-label{
	cursor:pointer;
}
/*==Media Query==*/
@media screen and (max-width:1399px) {
	
}
@media screen and (max-width:1199px) {
	
}
@media screen and (max-width:991px) {
	.sidebar.show, .sidebar.collapse.show{
		margin-left: -300px;
	}
	.sidebar.collapse{
		margin-left:0;
	}
}
@media(max-width:767px){
	.empl-img-col{
		width:auto;
	}
	.card2 .card-body.pd4{
		padding:24px;
	}
}

@media screen and (max-width: 575px) {
	
}

@media screen and (max-width: 480px) {
	.card1 .card-body{
	  padding: 25px 20px;
	}
	.special-link a{
		width:35px;
	    height:35px;
		line-height:33px;
		margin:0 1px;
	}
	.pw-strength-ind{
		display:block;
	}
	.pw-note{
		margin-top: 2px;
	}
}