html{min-height: 100%;}
body {
	background: #212529;
	position: relative; 
	min-height: 100%;
}

#wrapper{
	width:100%;
}
.error-box{
	height:100%;
	position:fixed;
	top:20%;
	width:100%
}
.error-body{
	padding-top:5%
}
.error-body h1{
	font-size:210px;
	font-weight:900;
	line-height:210px
}
.text-danger{
	color:#112365!importnat
}

a {
	text-decoration: none;
}
.mg-bottom-20{
	margin-bottom: 20px;
}
.pd-20 {
	padding: 20px;
}
.pd-5 {
	padding: 15px;
}
.text-color-green {
	color: #186f64;
}
.table-a {
	background-color: #fff;
	padding: 2px 5px;
	color: #186f64;
	border-radius: 5px;
}
.text-color-112365 {
	color: #112365;
}

.background-color-212529 {
	background-color: #212529;
}

.indent {
	overflow: hidden;
}

.bg-white {
	background: #fff;
}

.bg-whiteff {
	background: #112365;
}

.text-logo {
	font-size: 20pt!important;
}

.text-logo img{
	width: 40px;
	height: 40px;
}
.block-info-pd{
	padding: 10px 20px 10px 20px
}

.home-table-pd {
	padding: 20px 40px;

}
.table-home{
	border-radius: 20px;
	margin-top: 20px;
}
.block-info {
	background: #212529;
	border-radius: 20px;
	text-align: center;
	font-size: 1.0rem;
	color: #fff
}

.padding-20{
	padding: 20px;
}

.block-info-text {
	color: #fff;
	border-radius: 20px;
	padding: 5px;
}

.block-info-value {
	background: #186f64;
	border-radius: 20px;
	color: #fff;
	padding: 5px;
}

.btn-outline-success_n1 {
  color: #186f64;
  border-color: #186f64;
}

.btn-outline-success_n1:hover {
  color: #fff;
  background-color: #186f64;
  border-color: #186f64;
}

.content {
	padding: 20px 40px;
	min-height: 543px;
}
.footer-logo1 {
	font-size: 18pt;
}
.footer-logo1 i{
	font-size: 18pt;
	font-weight: 200
}

.footer-logo2 {
	text-align: right;
}

.footer-logo2{
	font-weight: 200;
}
.footer-logo2 a{
	font-weight: 600;
	color: #186f64;
}

.table-home p {
	padding: 10px;
	font-size: 15pt;
}

.table-tr tr:hover{
	background: #186f64;
	color: #fff;
	cursor: pointer;
}

.td-center {
	text-align: center!important;
}

.user-content {
	border-radius: 20px;
}

.user-name {
	color: #186f64;
	text-align: center;
	font-size: 20pt;
	font-weight: 600
}
.user-img {
	padding: 10px 5px;
}
.user-img img{
	border: solid 5px #212529;
	width: 200px;
}
.user-info {
	text-align: center;
	color: #186f64;
}
.user-online {
	color: #22dc98;
}
.user-offline {
	color: #787878;
}
.user-away {
	color: #a8c204;
}

.vac-false {
	color: #27ba11!important;
}

.vac-true {
	color: #e33838!important;
}

.section {
	background: #212529;
	border-radius: 20px;
	font-size: 1.0rem;
	color: #fff;
	text-decoration: none;
}
.section a{
	text-decoration: none;
	color: #fff;
}

.section a:hover{
	background: #186f64;
	text-decoration: none;
	color: #fff;
}

.section span{

	font-weight: 600;
	text-transform: uppercase;
}

.right-col {
    display: flex; justify-content: space-between;
  }

.section-value{
	text-align: right;
}

.section-value span{
	background: #fff;
	border-radius: 5px;
	color: #212529;
	font-weight: 600;
	padding: 0 10px;
}

.section_last{
	padding-top: 10px;
}

.title_page{
	font-weight: 600;
	font-size: 1.3em;
}

.text-color-ced4da{
	color: #6c757d;
}
.title_page i{
	font-size: 1em;
}

.font-300 {
	font-weight: 300;
}

.btn_all_records {
	border: solid 2px #186f64;
	color: #186f64;
	font-size: 15pt;
	text-decoration: none;
	border-radius: 20px;
	padding: 5px 20px;
	text-transform: uppercase;
}

.btn_all_records:hover{
	background: #186f64;
	color: #fff;
}

.page-link {
	color: #212529!important;
}

.page-item.active .page-link {
	background-color: #186f64!important;
	color: #fff!important;
	border-color: #186f64!important;
}

.user-about{
	background-color: #fff;
	padding: 5px 10px;
	border-radius: 10px;
}
.user-about a{
	text-decoration: none!important;
	color: #186f64!important;
}

.fs-12 i{
	font-size: 1em!importnat;
}

.form-search {
	padding-left: 20px;
}

.form-search select{
    padding: .75rem 2.5rem .75rem 1rem;
    background: none;
    border: none;
    outline:0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1rem;
    color: #fff;

}

.form-search select:hover {
	background: #186f64;
	border-radius: 20px 0 0 20px;
	cursor: pointer;
	color: #fff;
}
 .form-search select:after {
    content: "";
    display: block;

    border-radius: 20px 0 0 20px;
    border: none;
    pointer-events: none;
    position: absolute;
    top: 50%;
    right: 1rem;
    z-index: 1;
    margin-top: -3px;
}

.form-search input{
	width: 100%;
    padding: .75rem 1.4rem;
    border: none;
    outline:0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1rem;
    color: #212529;

}

.form-search button{
    padding: .75rem 1.2rem;
    background: #186f64;
    border: none;
    border-radius: 0 20px 20px 0;
    outline:0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1rem;
    color: #fff;

}

.col-pd-0{
	padding-left: 0; 
	padding-right:0;
}
.block-map-info{
	padding: 10px;
}
.block-inform {
	background-color: #212529;
	border-radius: 10px;
	padding: 10px;
	color: #fff;
}

.block-inform span{
	display: block;
	text-align: center;
	text-transform: uppercase;
	color: #fff;

}



.value-info {
	display: inherit;
	height: 0;
	width: 10px;
	border-bottom: 10px solid #186f64;
	border-left: 10px solid transparent;
}

.search-btn {
	border-radius: 10px 0 0 10px!importnat;
}

.list-group-item.active {
	background-color: #186f64;
}

.pagination {
	margin-top: 10px!importnat;
}

th.sorted[data-order="-1"]::after {
	content: "↓"
}

th.sorted[data-order="1"]::after {
	content: "↑"
}
.table_sort th:hover{
	cursor: pointer;
	background-color: #212529;
	color: #fff;
}
th.sorted[data-order="1"],
th.sorted[data-order="-1"] {
    position: relative;
}

th.sorted[data-order="1"]::after,
th.sorted[data-order="-1"]::after {
    right: 8px;
    position: absolute;
}

.title_page a{
	background-color: #186f64;
	color: #fff;
	font-size: 1.2em;
	padding: 5px 10px;
}

.login-logo{
	color: #fff;
	padding: 50px;
	font-size: 2em;
	text-transform: uppercase;
}