body{
  margin:0px;
  padding:0px;
  overflow-x:hidden;
  /*font-family:'Lato',sans-serif;*/
  font-size:14px;
  font-weight: 400;
  color: #585858;  
}
html, body {
    height: 99.99%;
    min-height:99.99%;
}

body.overflow-hidden{overflow:hidden;}
[data-menu-toggle]{text-decoration:none;}

/*@font-face {font-family: 'Lato';src: url('../fonts/cutom-fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/cutom-fonts/Lato-Light.woff') format('woff'), url('../fonts/cutom-fonts/Lato-Light.ttf')  format('truetype'), url('../fonts/cutom-fonts/Lato-Light.svg#Lato-Light') format('svg');font-weight: 300;font-style: normal;}
@font-face {font-family: 'Lato';src: url('../fonts/cutom-fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/cutom-fonts/Lato-Regular.woff') format('woff'), url('../fonts/cutom-fonts/Lato-Regular.ttf')  format('truetype'), url('../fonts/cutom-fonts/Lato-Regular.svg#Lato-Regular') format('svg');font-weight: 400;font-style: normal;}
@font-face {font-family: 'Lato';src: url('../fonts/cutom-fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/cutom-fonts/Lato-Medium.woff') format('woff'), url('../fonts/cutom-fonts/Lato-Medium.ttf')  format('truetype'), url('../fonts/cutom-fonts/Lato-Medium.svg#Lato-Medium') format('svg');font-weight: 500;font-style: normal;}
@font-face {font-family: 'Lato';src: url('../fonts/cutom-fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'),  url('../fonts/cutom-fonts/Lato-Semibold.woff') format('woff'), url('../fonts/cutom-fonts/Lato-Semibold.ttf')  format('truetype'), url('../fonts/cutom-fonts/Lato-Semibold.svg#Lato-Semibold') format('svg');font-weight: 600;font-style: normal;}
@font-face {font-family: 'Lato';src: url('../fonts/cutom-fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/cutom-fonts/Lato-Bold.woff') format('woff'), url('../fonts/cutom-fonts/Lato-Bold.ttf')  format('truetype'), url('../fonts/cutom-fonts/Lato-Bold.svg#Lato-Bold') format('svg');font-weight: 700;font-style: normal;}
*/
.no-margin {
  margin:0!important
}
.no-top-margin {
  margin-top:0!important
}
.no-bottom-margin {
  margin-bottom:0!important
}
.no-left-margin {
  margin-left:0!important
}
.no-right-margin {
  margin-right:0!important
}
.no-padding {
  padding:0!important
}
.no-top-padding {
  padding-top:0!important
}
.no-bottom-padding {
  padding-bottom:0!important
}
.no-left-padding {
  padding-left:0!important
}
.no-right-padding {
  padding-right:0!important
}
.extra-bottom-magin {
  margin-bottom:20px!important
}
.text-left {
  text-align:left!important
}
.text-right {
  text-align:right!important
}
.text-center {
  text-align:center!important
}
.meta-small {
  font-size:12px
}
.mt0 {
  margin-top:0!important
}
.ml0 {
  margin-left:0!important
}
.mr0 {
  margin-right:0!important
}
.mb0 {
  margin-bottom:0!important
}
.mt5 {
  margin-top:5px!important
}
.ml5 {
  margin-left:5px!important
}
.mr5 {
  margin-right:5px!important
}
.mb5 {
  margin-bottom:5px!important
}
.mt6 {
  margin-top:6px!important
}
.mb6 {
  margin-bottom:6px!important
}
.mt7 {
  margin-top:7px!important
}
.mb7 {
  margin-bottom:7px!important
}
.mt8 {
  margin-top:8px!important
}
.mb8 {
  margin-bottom:8px!important
}
.mt9 {
  margin-top:9px!important
}
.mb9 {
  margin-bottom:9px!important
}
.mt10 {
  margin-top:10px!important
}
.ml10 {
  margin-left:10px!important
}
.mr10 {
  margin-right:10px!important
}
.mb10 {
  margin-bottom:10px!important
}
.mt15 {
  margin-top:15px!important
}
.ml15 {
  margin-left:15px!important
}
.mr15 {
  margin-right:15px!important
}
.mb15 {
  margin-bottom:15px!important
}
.mt20 {
  margin-top:20px!important
}
.ml20 {
  margin-left:20px!important
}
.mr20 {
  margin-right:20px!important
}
.mb20 {
  margin-bottom:20px!important
}
.mt25 {
  margin-top:25px!important
}
.ml25 {
  margin-left:25px!important
}
.mr25 {
  margin-right:25px!important
}
.mb25 {
  margin-bottom:25px!important
}
.mt30 {
  margin-top:30px!important
}
.ml30 {
  margin-left:30px!important
}
.mr30 {
  margin-right:30px!important
}
.mb30 {
  margin-bottom:30px!important
}
.mt35 {
  margin-top:35px!important
}
.ml35 {
  margin-left:35px!important
}
.mr35 {
  margin-right:35px!important
}
.mb35 {
  margin-bottom:35px!important
}
.mt40 {
  margin-top:40px!important
}
.ml40 {
  margin-left:40px!important
}
.mr40 {
  margin-right:40px!important
}
.mb40 {
  margin-bottom:40px!important
}
.mt45 {
  margin-top:45px!important
}
.ml45 {
  margin-left:45px!important
}
.mr45 {
  margin-right:45px!important
}
.mb45 {
  margin-bottom:45px!important
}
.mt50 {
  margin-top:50px!important
}
.ml50 {
  margin-left:50px!important
}
.mr50 {
  margin-right:50px!important
}
.mb50 {
  margin-bottom:50px!important
}
.mt55 {
  margin-top:55px!important
}
.ml55 {
  margin-left:55px!important
}
.mr55 {
  margin-right:55px!important
}
.mb55 {
  margin-bottom:55px!important
}
.mt60 {
  margin-top:60px!important
}
.ml60 {
  margin-left:60px!important
}
.mr60 {
  margin-right:60px!important
}
.mb60 {
  margin-bottom:60px!important
}
.mt65 {
  margin-top:65px!important
}
.ml65 {
  margin-left:65px!important
}
.mr65 {
  margin-right:65px!important
}
.mb65 {
  margin-bottom:65px!important
}
.mt70 {
  margin-top:70px!important
}
.ml70 {
  margin-left:70px!important
}
.mr70 {
  margin-right:70px!important
}
.mb70 {
  margin-bottom:70px!important
}
.mt75 {
  margin-top:75px!important
}
.ml75 {
  margin-left:75px!important
}
.mr75 {
  margin-right:75px!important
}
.mb75 {
  margin-bottom:75px!important
}
.mt80 {
  margin-top:80px!important
}
.ml80 {
  margin-left:80px!important
}
.mr80 {
  margin-right:80px!important
}
.mb80 {
  margin-bottom:80px!important
}
.mt85 {
  margin-top:85px!important
}
.ml85 {
  margin-left:85px!important
}
.mr85 {
  margin-right:85px!important
}
.mb85 {
  margin-bottom:85px!important
}
.mt90 {
  margin-top:90px!important
}
.ml90 {
  margin-left:90px!important
}
.mr90 {
  margin-right:90px!important
}
.mb90 {
  margin-bottom:90px!important
}
.mt95 {
  margin-top:95px!important
}
.ml95 {
  margin-left:95px!important
}
.mr95 {
  margin-right:95px!important
}
.mb95 {
  margin-bottom:95px!important
}
.mt100 {
  margin-top:100px!important
}
.ml100 {
  margin-left:100px!important
}
.mr100 {
  margin-right:100px!important
}
.mb100 {
  margin-bottom:100px!important
}
.no-border {
  border:0!important
}
.centered-col{
  margin:0px auto;
  float:none;
}
.no-padding { padding: 0px !important;  }


.error {
   border: #FF0000 1px solid !important;
}
.label-danger {
    color: #fff;
    background-color: #dc3545;
}
.label-success {
    color: #fff;
    background-color: #28a745;
}
.label-info {
    color: #fff;
    background-color: #17a2b8;
}
.label { display: inline-block; width: auto; padding: 0px 5px 2px 5px; font-size: 12px; border-radius: 2px; }
.btn-xs {
    padding: .08rem .5rem;
    font-size: .705rem;
  }
 .btn.btn-dark.btn-xs { padding: .06rem .5rem .07rem .5rem;}
  
  
  .btn-secondary {
    color: #585858;
    background-color: #f0f0f1;
    border-color: #f0f0f1;
}
.btn-secondary:hover, .btn-secondary:active { background-color:#f9f9f9; border-color: #f0f0f1; color: #585858; }
 .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { 
background-color: #f0f0f1; border-color: #f0f0f1; color: #585858;
  }

.btn-primary { background-color: #e21c24; border-color: #e21c24; }
.btn-primary:hover, .btn-primary:active { background-color: #d02132; border-color: #d02132; }
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(183,35,49,.5);
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { 
box-shadow: 0 0 0 0.2rem rgba(183,35,49,.5);
 }
 .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { 
background-color: #d02132; border-color: #d02132;
  }

/*Login Wrapper Start*/ 
.login_wrapper { width: 100%; height: 100%; display: table ; background-color: #f0f0f0; }
.login_wrapper_inner{ width: 100%; height: 100%; display: table-cell; text-align: center; vertical-align: middle;}
.login_wrapper_inner .main_wrapper { max-width: 350px; height: auto; float: none; margin: auto; }
.login_wrapper_inner .main_wrapper .details-wrapper { background-color: #ffffff; border: solid 1px #eaeaea; padding: 15px; }
/*Login Wrapper End*/ 

/*Dashboard Start*/
.main_wrapper { width: 100%; height: auto; padding: 0px; }
/*Sidebar start*/
.side_wrapper { width: 250px; height: 100%; position: fixed; top: 0; left: 0; background-color:#e9ecef; z-index: 400; }
.side_wrapper figure { background-color:transparent; padding: 10px 0px; text-align: center; border-bottom: solid 0px #dddddd; }
.side_wrapper ul { width: 100%; padding: 0px; margin: 0px; list-style: none; }
.side_wrapper ul li a{ padding:10px 0px 10px 40px; display: inline-block; color: #585858; font-weight: 400; font-size:15px; width:100%; position: relative; border-bottom: solid 1px #dddddd; }
.side_wrapper ul li a:hover { text-decoration: none; background-color: #f9f9f9; }
.side_wrapper ul li.active a { background-color: #ffffff; }
.side_wrapper ul li a i { position: absolute; left: 10px; top: 13px; }

.sidebar-submenu { display: none;}
.side_wrapper.side_menu { left: -250px; }
.main_wrapper.toggled .right_wrapper .top-bar #show-sidebar { display: none; }
.main_wrapper .right_wrapper .top-bar #show-sidebar { display: block; }
#close-sidebar { position: fixed; left: 250px; top: 10px; border-radius: 0 4px 4px 0px; width: 35px; transition-delay: 0.3s; }
.main_wrapper.toggled .right_wrapper .top-bar #close-sidebar { display: block; }
.main_wrapper .right_wrapper .top-bar #close-sidebar { display: none; }
#show-sidebar {
  position: fixed;
  left: 0;
  top: 10px;
  border-radius: 0 4px 4px 0px;
  width: 35px;
  transition-delay: 0.3s;
  display: none;
}
.page-wrapper.toggled #show-sidebar {
  left: -40px;
}
#show-sidebar,
#close-sidebar {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/*Sidebar End*/
/*Rightbar start*/

.right_wrapper { width:100%; height: auto; float: left; }
.right_wrapper .top-bar{ width: 100%; background-color: #f9f9f9; padding:8px 14px 10px 14px; text-align: right; border-bottom: solid 0px #dddddd; }
.right_wrapper .top-bar ul{ list-style: none; padding: 0px; margin: 0px; }
.right_wrapper .top-bar ul li a { color: #585858; }
.right_wrapper .top-bar ul li a.btn-info { color: #ffffff; }
.right_wrapper h1 { font-size: 25px; }
.table thead tr th { font-weight: normal; color:#858585 !important; }
td .btn-sm{ line-height: 1.2; }


.form-group.row .col-sm-7 figure img {  background-color: #f5f5f5; width: 150px; }
.form-group.row .col-sm-7 .custom-file {width:150px; }
.form-group.row .col-sm-7 .custom-file-label::after { left: 0; border-left: 0px solid #ced4da; text-align: center; border-radius: 4px;}
/*Rightbar end*/



.bootbox-prompt .modal-dialog .modal-header .modal-title { text-align: left; font-size: 20px; }
.bootbox-prompt .modal-dialog .modal-header .bootbox-close-button { position: absolute; right: 10px; }
.search-user .input-group { width: 250px; }
.attendance-filters .form-control{ margin-right:0px; }
.attendance-filters .selection-user  { width: auto; float: right; }
.attendance-filters .btn-primary { padding: .275rem .75rem .355rem;  }

/*auto-fit li*/

.outer-wrapper {
  background-color: #ffffff;
  box-shadow: 0px 0px 5px #cdcdcd;
  position: relative;
  border-radius: 4px;
  width: 100%;
  height: auto;
  padding:15px 15px;
}
.outer-wrapper hr {
  margin-top: 15px;
  margin-bottom: 15px;
}
.outer-wrapper a {
  text-decoration: none;
}
.outer-wrapper .employees {
  width: 100%;
  display: inline-block;
}
.outer-wrapper .employees .emp-icon {
  width: 90px;
  background-color: #fd950e;
  border-radius: 4px;
  color: #ffffff;
  padding:18px 10px;
  text-align: center;
  font-size: 40px;
  position: absolute;
  top: -20px;
  box-shadow:0px 2px 20px rgba(0, 0, 0, 0.3);
}
.outer-wrapper .employees p {
  font-size: 16px;
  color: #888888;
  margin-bottom: 0px;
}
.outer-wrapper .employees p.count {
  font-size: 24px;
  font-weight: 500;
  color: #666666;
}
.outer-wrapper .employees .emp-icon.present {
  background-color: #4ca64f;
}
.outer-wrapper .employees .emp-icon.absent {
  background-color: #e94440;
}
.outer-wrapper .employees .emp-icon.late {
  background-color: #0ab3c8;
}
.text-default {
  color:#666666;
}
.outer-wrapper .summary-wrapper {
  width: 100%;
  height: 220px;
  background-color: #4ca64f;
  color: #ffffff;
  margin-top: -40px;
  margin-bottom: 15px;
  box-shadow:0px 2px 20px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
.outer-wrapper .title {
  font-size: 20px;
  font-weight: normal;
}
.outer-wrapper .summary-wrapper.monthly-summary {
  background-color: #e94440;
  color: #ffffff;
}
.outer-wrapper .summary-wrapper.late-summary {
  background-color: #fea500;
  color: #ffffff;
}
a {
    color: #337ab7;
    text-decoration: none;
}
.form-control{ padding: .275rem .30rem .385rem; font-size: 0.9rem;  }
.attendance-filters .lap-expand-div .form-inline.pull-right .form-group .form-control {font-size: 14px; text-transform: uppercase; }
.loading_div {
  width: 100%;
  height: 100%;
  background-color: rgba(55, 55, 55, 0.8);
  text-align: center;
  display: table;
  position: fixed;
  top: 0;
  margin: auto;
  float: none;
  overflow: hidden;
  z-index: 250;
  
}
.loading_div_inner {
  display: table-cell;
  vertical-align: middle;
  z-index: 251;
}
#pre_loader { z-index: 500; }
.toggle-menu { display: none; }
.table .thead-light th { vertical-align: middle; text-align: center;  z-index: 1;}
.table td { vertical-align: middle; text-align: center; }

.monthly-report-details.table tbody tr td {
    text-align: center;
    font-weight: 400;
    color: #4ca64f;
    position: relative;
}

.absent-bg {
    background-color: #e94440;
    color: #ffffff !important;
    position: static !important;
}
.weekoff-bg {
    background-color: #f6e2a5 !important;
    color: #666666 !important;
}
.half-bg {
    background-color: #4393f6;
    color: #ffffff !important;
    position: static !important;
}
.table-title {
    font-weight: 600;
    font-size: 14px;
    color: #0082c7 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.pulsating-circle {
    -webkit-transform: translateX(200%) translateY(-190%);
    transform: translateX(200%) translateY(-190%);
    width: 15px;
    height: 15px;
    font-size: 10px;
    font-weight: normal;
    z-index: 400;
	line-height:12px;
  position: absolute;
}
.pulsating-circle:after {
  content: 'L';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #0ab3c8;
  border-radius: 15px;
  text-align: center;
  color: #ffffff;
}

.pulsating-circle-red {
    -webkit-transform: translateX(200%) translateY(-190%);
    transform: translateX(200%) translateY(-190%);
    width: 15px;
    height: 15px;
    font-size: 10px;
    font-weight: normal;
    z-index: 400;
	line-height:12px;
  position: absolute;
}
.pulsating-circle-red:after {
  content: 'L';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e94440 !important;
  border-radius: 15px;
  text-align: center;
  color: #ffffff;
}

.present-bg {
    background-color: #4ca64f;
    color: #ffffff;
}
.late-bg {
    background-color: #0ab3c8;
    color: #ffffff;
    position: static !important;
}
.table tr td.text-color {
    color: #666666 !important;
}
.table tr td.text-color strong { font-weight: 500; }
.detail-filters .form-control { font-size: 14px; }
.detail-filters .form-inline .form-group { margin-right: 3px; }
.detail-filters .form-inline .form-group:last-child{ margin-right: 0px; }
.detail-filters .form-inline .form-group:last-child .form-control { margin-right: 3px; }
.top-right-menu li{ padding: 0px 3px; margin-right: 5px; float: right;}
/*.top-right-menu li:last-child a{ line-height: 36px; }*/
.top-right-menu li:last-child { margin-right: 0px; }
.styled-select, .styled-select select {
    /*width: 175px;*/
    /*float: right;*/
	width: 260px;
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
}

.styled-select select {
    height: 36px;
    padding: 6px 0 6px 10px;
    background: transparent;
    border: none;
    -webkit-appearance: none;
    color: #ffffff;
    outline: 0px;
    text-transform: uppercase;
}
.styled-select select option{ color: #252525; }

.styled-select .fa-sort-desc {
    position: absolute;
    top: 6px;
    right: 12px;
    font-size: 18px;
    color: #ffffff;
}
.styled-select {
    border: 1px solid #e21c24;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    background-color: #e21c24;
    /*margin-left: 10px;*/
}
.monthly-report-users.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
  }

  .monthly-report-users.table tbody tr td {
    text-align: center;
    font-weight: 400;
    color: #4ca64f;
    
}
.late-count { 
position:relative;
width: 100%;
height: 100%;
 }

ul.indicators {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
ul.indicators li {
    display: inline-block;
    padding-left: 10px;
    font-size: 14px;
    letter-spacing: 0.5px;
}
ul.indicators li span {
    padding: 1px 5px 2px 5px;
    font-size: 12px;
}
.dept-list .detail-wrapper { border: solid 1px #e9ecef; width: 100%; padding: 5px; }
.dept-list h5{ padding: 5px; background-color: #e9ecef; font-weight: 600; font-size: 16px; margin-bottom: 0px;  }
.attendance-filters .selection-user .form-group a img { width: 29px; }
.top-right-menu li.pull-right {line-height: 1.3;}
.custom-btn { font-weight: 600; }
.over-link { display: inline-block; }
.outer-wrapper.over-link:hover { background-color: #f9f9f9; }
.outer-wrapper.over-link .employees p { color:#343a40;  }
.outer-wrapper.over-link .employees p.count { font-size: 30px; line-height: 55px; }
.outer-wrapper.over-link {box-shadow: 0px 0px 2px #cdcdcd;}
.attendance-filters .form-inline .form-group .form-control { text-transform: uppercase; }

.floating-wrapper { 
  width: -webkit-calc(100% - 280px);
  width:    -moz-calc(100% - 280px);
  width:         calc(100% - 280px);
  padding: 10px 0px;
  text-align: center;
  background-color: #f5f5f5;
  border: solid 1px #dee2e6;
  position: fixed;
  bottom: 21px;
  display: inline-table;
  right: 15px;
  z-index: 400;
}

/*.table-sm td, .table-sm th {
    padding: 0.5rem;
}*/
.margin-bottom-scroll { margin-bottom: 135px; }

.fl-scrolls{bottom:0;height:35px;overflow:auto;position:fixed; z-index: 500;}.fl-scrolls div{height:1px;overflow:hidden;pointer-events:none}.fl-scrolls div:before{content:"\A0"}.fl-scrolls,.fl-scrolls div{font-size:1px;line-height:0;margin:0;padding:0}.fl-scrolls-hidden{bottom:9999px}.fl-scrolls-hidden div:before{content:"\A0\A0"}.fl-scrolls-viewport{position:relative}.fl-scrolls-body{overflow:auto}.fl-scrolls-viewport .fl-scrolls{left:0;position:absolute}.fl-scrolls-hoverable .fl-scrolls{opacity:0;transition:opacity .5s ease .3s}.fl-scrolls-hoverable:hover .fl-scrolls{opacity:1}
.camara-preview { position: relative; width: 100%; background: url(../images/giphy.gif); background-size: cover; background-repeat:no-repeat; min-height: 500px;  }
.camara-preview .live { width: 100%; background-color: rgba(0,0,0,0.3); display: block;}
.camara-preview/*:hover*/ .live { display: block; position: absolute; bottom: 0px; padding: 5px 5px; color: #ffffff; }
.camara-preview/*:hover*/ .live .progress { width: 100%; height: 3px; background-color:#e21c24;  }
.camara-preview/*:hover*/ .live .tools { width: 100%; padding: 3px 3px 0px 3px; }
.camara-preview/*:hover*/ .live .tools span { display: inline-block; }
.camara-preview img{ width:100%; float: left;  }
ul.camera-list { margin-left: 0px; height:auto; width:280px; padding: 0px; float:left;}
ul.camera-list li { list-style: none; margin-bottom:4px; display: inline-block;    }
ul.camera-list li a { display: inline-block;  background-color: #ffffff; border: solid 1px #cccccc; width: 135px; height: 66px; line-height: 66px; text-align: center; color: #666666; font-weight: 600; font-size: 14px; text-decoration: none; }
ul.camera-list li.active a { color: #ffffff; background-color: #e21c24; border: solid 1px #555555;}
@keyframes up-right {
    0% {<!--from w w w .  j  a va 2  s. c  o m-->
        transform: scale(1);
        opacity: .25
    }
    50% {
        transform: scale (1, 5);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: .25;
    }
}
.camara-preview/*:hover*/ .live .tools span .circle, .live-streaming .circle {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    opacity: .25;
}
.camara-preview/*:hover*/ .live .tools span .red, .live-streaming .red {background-color: red; -webkit-animation: up-right 1s infinite; -moz-animation: up-right 1s infinite; -o-animation: up-right 1s infinite; animation: up-right 1s infinite;}
.live-streaming .circle, .live-streaming .red { float: left; margin-top: 7px; margin-right: 5px;  }
.camara-preview/*:hover*/ .live .tools a.full-screen { color: #ffffff; display: inline-block; margin-top: 3px; }
.camara-preview/*:hover*/ .live .tools a.full-screen span { float: right; line-height: 15px; }
.camara-preview/*:hover*/ .live .tools a.full-screen img { width: 15px; float: right; margin-right: 5px; }
.camara-preview.full-view-camera { position: fixed;width: 100%; left: 0; right: 0; top: 0; z-index: 1000; }
.camara-preview.full-view-camera img { width: 100%; }
.employe-list1-container {display: grid;list-style: none; padding: 0px; margin: 0px;}
.employe-list1-container--fill { grid-template-columns: repeat(auto-fill, minmax(441px, 3fr));}
.employe-list1-container.employe-list1-container--fill li { width: 100%;  padding:0px 8px;}
.employe-list-container {display: grid;list-style: none; padding: 0px; margin: 0px;}
.employe-list-container--fill { grid-template-columns: repeat(auto-fill, minmax(300px, 3fr));}
.employe-list-container.employe-list-container--fill li { width: 100%;  padding:0px 8px;}
.font-strong { font-weight: 500; }
.table-bordered td.border-color{ border: 1px solid #c0c0c0 !important;}
.image-height img { min-height: 120px; max-height: 100px; }
.leave-balance { border: solid 1px #fd950e; color: #000000; font-size: 14px; font-weight:600; text-transform: uppercase; display: inline-block; padding:8px 10px 8px 10px; border-radius: 4px;  }
.leave-balance div { line-height: 13px; }
.user-margin { margin-top: 8px; }
.camera-margin { margin-top: 4px; }
.balance-margin { margin-top:4px; }
.attendance-report-wrapper { width: 100%; height: auto; padding:0px 0px; }
.dudection-hours { background-color:#e94440; color: #ffffff; }
.attendance-report-wrapper h5{ text-transform: uppercase; }
.nav-tabs .nav-link { color:#212529; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #17a2b8!important; }
.tdheight{width: 100%; height: 70px;overflow: hidden; display: inline-block; border: 0px;}


/*Task Management Start*/ 
.btn-secondary.btn-sm.filters-style { padding: 2px 10px 5px 10px; }
.attendance-filters .dropdown .dropdown-toggle::after { float: right; vertical-align: middle; margin-top: 10px; }
.attendance-filters .dropdown .dropdown-menu { width: 100%; }
.send-report-hrm form .form-group .input-group.add-on .form-control { margin-right:0px;}
.send-report-hrm form .form-group .input-group-addon a{ margin-right:0px; border:solid 1px #ced4da; border-radius:0px; margin-left:-1px;}
.send-report-hrm form .form-group .input-group-btn a{ margin-right:0px; border:solid 1px #ced4da; border-radius:0px 4px 4px 0px; margin-left:-1px; padding:0px;}
.send-report-hrm form .form-group .input-group-btn a .hide { display: none !important;}
.task-save-btn { padding:5px 7px}
.btn.btn-new-job { color: #fff; background-color: #28a745; border-color: #28a745;}
.summary-icon { padding:8.5px;
background-color:#e8e8e8;
display:inline-block;
border-radius:4px 0px 0px 4px;
color:#dc3545;
 }
.border-bottom span { font-weight: 600;}
.date-list {
    width: 100%;
    list-style: none;
    padding: 0px;
    display: inline-table;
}

.date-list li.absent {
    background-color: #dc3545;
}
.date-list li, .date-list li:hover {
    display: inline-block;
    width: 70px;
    margin: 1px;
    text-align: center;
    font-weight: 500;
    line-height: 15px;
    margin: 2px;
    font-size: 12px;
	color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
padding: 5px 5px;
}

.date-list li.sunday {
    background-color: #F7DC95;
    color: #fff;
}
.date-list li.today {
    background-color: #708090;
}
.date-list li.disabled {
    background-color: #ccc;
}
.date-list li p {
    margin: 0px;
    /*color: #ffffff;*/
    line-height:18px;
    font-size:13px;
	font-weight:400;	
}

.dash_wrapper {
    background-color: #ffffff;
    border: solid 1px #d5d5d5;
    height: auto;
    padding: 10px;
    text-align: center;
    min-height: 75px;
    display: table;
}

.middle-text {
    vertical-align: middle;
    display: table-cell;
	font-size:15px;
	font-weight:500;
}
.text-info {
    color: #31708f;
}
.no-border-bottom {
    border-bottom: 0px !important;
}
.no-border-right {
    border-right: 0px !important;
}
.user-activities .nav-tabs li a {
    font-size: 16px;
}
/*Task Management End*/ 


/*Small device */

  .card-container {
    display: grid;
}

.card-container--fit {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.card-element {
  background-color: transparent;
  padding-bottom: :10px;
  border: 0px solid #e8e8e8;
  margin-bottom: 5px;
  border-radius: 0px;
}
.card-container .card-element .table tr td { text-align: left; }
.custom-border-bottom { border-bottom: solid 1px #e8e8e8;  }
.card.dashboard-count { height: 100px; }

.card.shadow-box { position:relative;  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); border: 0px;}

.v-height { height: 100%; }


.card .count-text { font-size: 34px; font-weight: 600; text-align: center; }
a.card, a.card:hover { text-decoration: none; }
.content-a {
  width: 100%;
  height: 100%;
    display: table;
}
.content-b {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    
    width: 100%;
}