html { height: 100%; }

body{min-height: 100%; padding:0px;margin:0px;  }

* { margin: 0; padding: 0; box-sizing: border-box;}

header{padding:0px 0px;background:#000;}

ul{margin:0px;padding:0px;}

li{list-style:none;}

a{text-decoration:none;}

header{position: relative;}

.row{margin:0px;padding:0px;}

.logos{ padding: 1px 24px;    background-color: #fff;   border-radius: 5px;    position: relative;
    left: -55%;    top: 11px;}

.col-md-3{padding:0px}

.content_sec .col-md-2{padding:0px;}

.content_sec .container{max-width:1334px!important;width:100%;padding:0px;margin:0px;}

.header_sec{background: rgb(31, 103, 178); height: auto; position: relative;}

.logo_sec img{    width: 99%; border-radius: 10px;}

.logo_sec{padding: 0 15px; text-align: center; margin-top: 3px; position: absolute; z-index: 9; left: 0px; top: 4px;
 border-radius: 10px;}

.admin_control{text-align:right;    padding-top: 16px;display: inline-block;position: relative;}

.admin_control ul li{display:inline-block; cursor: pointer;}

.admin_control ul .fst{padding:20px;display:inline-block;}

.hovr{position:relative;border-right:1px solid #fff;}

.control_drop{display:none;}

.drop{display:none;}

.drop li{display: block!important; padding: 7px 10px; border-bottom: 1px solid #00000059;}

.emp_pic{height:35px; width:35px; border:1px solid #fff;border-radius:50%;float:left;margin-right:10px;}

.emp_pic img{width:100%;border-radius:50%;}

.notify i{position:relative;font-size:16px;color:#fff;}

.emp_control{padding:9px 5px;    position: relative;}

.snd{display:inline-block;position:relative;}

 #musicinfoa{position:absolute;background:#1d847a;    top: 78px;}

.control_drop li{list-style: none;  display: block; border-bottom: 1px solid #fff; padding: 7px 40px; width: 100%; text-align: left; color: #fff; text-transform: capitalize;}

.control_drop li a{text-decoration:none;color:#fff;white-space: nowrap;}

.emp_control span{display:inline-block;color:#fff;font-size:20px;text-transform:capitalize;position: fixed;width: auto;overflow: hidden;}

.side_menu{background: #3c3c3c; height: auto;}

/*.side_menu li{color:#fff;padding: 10px 20px;cursor:pointer;border-bottom:1px solid #949696;transition-duration: 1s;position:relative;}*/

.side_menu li {   border-bottom: 1px dotted #d9ebfc;   color: #000;   color: #fff;       padding: 11px 34px;   font-size: 15px;
    cursor: pointer;   transition-duration: 1s;   position: relative;}

#musicin{   position: absolute; z-index: 999; border-top: 2px solid #fff; background: #8aa4bd; font-weight: 550; top: 78px; color: #000000db;}

#musicinfo{position:absolute;width: 250px; z-index: 999; border: 0.1em solid #00000030;border-bottom: 0px; text-align: left;  font-weight: 550;background: #cef1dc;color: #000000db;margin-top: -14px;margin-left: 39px;}

/*.tab .active{background:#2e867e;transition-duration: 1s;}*/
.tab .active{    background: #ffffffed;    color: #000 !important;    transition-duration: 1s;    border: 1px dotted; }

.tab li:hover{border-bottom: 1px solid #fff;
    background: #ffffffed;
    color: #000;}

.profile_sec{padding:10px 10px;background:#f5f5f5;}

.tabcontent{padding:30px 10px;}

.emp_holder{display:block;background:#fff;padding:20px;}

.emp_pic_innr{width:150px;height:150px;border:2px solid #1f67b2;padding:2px;border-radius:50%;background:#f5f5f5;margin: 15px auto;box-shadow: 0px 0px 13px #00000075;}

#side_menu .emp_pic_innr img{width:100%;height:100%;border-radius:50%;}

.dec{text-align:center;}

.dec h5{text-transform:capitalize;padding-top:10px;}

.dec span{display:block;color:#000;font-size:13px;padding-top:15px;text-transform:capitalize;}

.active{display:block;}

.title{text-transform:capitalize;color:#000;font-size:18px;border-bottom: 2px solid #1f67b2; margin-bottom: 10px;font-weight: 600;}

.profile_sec .col-md-8{padding:0px;}

.emp_details .col-md-6{padding-left:0px;}

.profile_sec .col-md-4{padding-left:0px;}

.form_sec label{width:46%;}

.form_sec label span{float:right;padding-right:10px;display:inline-block;}

.form_sec input{width:51%;border-bottom:1px solid #1f67b26b;border-right:none;border-left:none;border-top:none;background:transparent;margin-bottom: 24px;}

.form_sec input:focus { outline: -webkit-focus-ring-color auto 0px;}

.form_sec input:last-child{margin-bottom:0px;}

.form_sec textarea{width:51%;height:60px;float:right;border-bottom:1px solid #1f67b26b;border-right:none;border-left:none;border-top:none;background:transparent;}

.tab li ul {display:none;transition-duration:20s;     position: absolute;    width: 100%;    left: 0px;    background: #1b1a1a;
    z-index: 9;    top: 40px;}
	
.tab li i {    padding-right: 12px;    font-size: 18px;}
/*.tab li:hover ul{display:block;width:100%;transition-duration:20s;z-index:99900;}*/

.tab li ul li{text-transform:capitalize; color:#fff;    }

.tab li ul li:last-child{    margin-bottom: 0px;    border-bottom: none;    padding: 10px 35px;    font-size: 12px;}

.tab li a{color:#fff; text-decoration:none}

.tab ul a:hover{text-decoration:none !important;}

.tab .active a:hover{text-decoration:none;}

#side_menu a:focus, a:hover {
    color: #23527c;
    text-decoration: none !important;

}

#side_menu .emp_holder img {
    width: 100%;
    border-radius: 50%;
}

.tab_bttn{padding:10px;background:#0d6f66;color:#fff;border-radius:5px;}

.leave_sec table{width:100%;}

.leave_sec table th{border:1px solid #f5f5f5;background:#0d6f66;padding:10px 15px;color:#fff;text-align:center;}

.leave_sec table tbody td{padding:10px 15px;border:1px solid #dad4d4;text-align:center;}

.col-md-10 {       padding-top: 10px!important; }

#main{    height: 560px;overflow-x: scroll;}


.badge {
      display: inline-block;
    min-width: 10px;
    padding: 5px 9px;
    float: right;
    margin: 6px;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #fff;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #1f67b2 !important;
    border-radius: 13px;
}


.badge_top {
    position: absolute;
    background: #f28300;
    z-index: 9;
    top: 9px;
    right: 4px;
    width: 20px;
    line-height: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    /* padding: 0px 7px; */
    font-weight: 550;
    font-size: 14px;
    border-radius: 10px;
}

.chat {
  background: #ffffff;
  width: 100%;
  margin: 0 auto;
}
.chat header {
  background: #bd6982;
  padding: 10px 15px;
  color: #ffffff;
  font-size: 14px;
  cursor: move;
}
.chat header:before,
.chat header:after {
  display: block;
  content: '';
  clear: both;
}
.chat header h2,
.chat .body ul li .content h3 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  float: left;
}
.chat header h2 a {
  color: #ffffff;
  text-decoration: none;
}
.chat header .tools {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}
.chat header .tools li {
  display: inline-block;
  margin-right: 6px;
}
.chat header .tools li:last-child {
  margin: 0;
}
.chat header .tools li a {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.chat .body {
  position: relative;
  max-height: 370px;
  overflow-y: scroll;
}
.chat .body .search {
  display: none;
  width: 100%;
}
.chat .body .search.opened {
  display: block;
}
.chat .body .search input {
  width: 100%;
  margin: 0;
  padding: 10px 15px;
  border: none;
  -webkti-box-size: border-box;
  -moz-box-size: border-box;
  box-size: border-box;
}
.chat .body ul {
  list-style: none;
      padding: 5px 20px 0 0;
  margin: 0;
  border-top: 1px solid #f2f2f2;
}
.chat .body ul li {
         position: relative;
    background: #d9ebfc;
    display: block;   
    margin-bottom: 17px;
    width: 100%;
    border: 1px dotted#0000001f;
    border-radius: 15px;
    padding: 10px;
    box-sizing: border-box;
}
.chat .body ul li:before,
.chat .body ul li:after {
  display: block;
  content: '';
  clear: both;
}
.chat .body ul li:hover .thumbnail {
  background: #bd6982;
}
.chat .body ul li:nth-child(2n) {
  background: #e6e3e3d6;
}
.chat .body ul li .thumbnail {
  display: inline-block;
  background: #bfbfbf;
  width: 50px;
  color: #ffffff;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background 0.3s linear 0s;
  -moz-transition: background 0.3s linear 0s;
  -ms-transition: background 0.3s linear 0s;
  -o-transition: background 0.3s linear 0s;
  transition: background 0.3s linear 0s;
}
.chat .body ul li .thumbnail img {
  width: 100%;
}
.chat .body ul li .content {
     display: block;
    margin-right: 24px;
    vertical-align: top;
    line-height: 1;
    padding: 0px;
}
.chat .body ul li .content h3 {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    color: #000;
    font-size: 15px;
    font-weight: 600;
}
.chat .body ul li .content .preview {
display: block;
    width: 100%;
    max-width: 850px;
    margin-bottom: 10px;
    color: #1f67b2;
    font-size: 12px;
}
.chat .body ul li .content .meta {
  color: #232121;
  font-size: 12px;
      float: right;
}
.chat .body ul li .content .meta a {
  color: #232121;
  text-decoration: none;
}
.chat .body ul li .content .meta a:hover {
  text-decoration: underline;
}
.chat .body ul li .message {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100%;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
.chat footer a {
  background: #bd6982;
  display: block;
  width: 100%;
  padding: 10px 15px;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}
.chat footer a:hover {
  background: #cd8ca0;
  -webkit-transition: background 0.3s linear 0s;
  -moz-transition: background 0.3s linear 0s;
  -ms-transition: background 0.3s linear 0s;
  -o-transition: background 0.3s linear 0s;
  transition: background 0.3s linear 0s;
}
.info {
  width: 300px;
  margin: 25px auto;
  text-align: center;
}
.info h1 {
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: 400;
  color: #333333;
}
.info span {
  color: #666666;
  font-size: 12px;
}
.info span a {
  color: #000000;
  text-decoration: none;
}
.info span .fa {
  color: #bd6982;
}
.info span .spoilers {
  color: #999999;
  margin-top: 5px;
  font-size: 10px;
}

#Profile .emp_holder {
    height: 100%;
    width: 100%;
    margin: 15px;
    border: none;
    border-radius: 20px;   
    padding: 2px;
}

#Profile .emp_holder img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

#Profile .emp_details{
	margin: 27px;

    color: #000;
}

#Profile .title {
    padding: 5px 0px;
    color: #000000;
    background: none;
    font-size: 19px;
    margin: 12px;
    text-transform: capitalize;
}

#Profile .dec h5 {
    text-transform: capitalize;
    padding-top: 10px;

}

#Profile label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    /* font-weight: 700; */
    color: #000;
}	

#salaryslip .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
border: 1px solid #88abcc;
}	
		 
#salaryslip th{background: #d9ebfc;
text-align: center;
border: 1px solid #88abcc;
}