body{
  font-family: 'DM Sans', sans-serif !important;
}


#page-container {
	width: 90%;
	margin: 0 auto;
	position: relative;
}

.box-z-shadow-1 {
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25) !important;
	padding-bottom: 20px;
}

.box-z-shadow-1 .box-header {
	padding: 10px;
}

.col:after{
	display: block;
	content: "";
	clear: both
}

.table {
	table-layout: auto;
    word-wrap: break-word;
}

.table-wrapper {
	overflow-y:auto;
	max-height:300px
}

.btn-info-cert{
	border-color: #3c8dbc54;
}

.box-header .img-wrapper {
	/*box-shadow: 0px 1px 3px 0px #00000021;*/
	max-width: 250px;
	overflow: hidden;
	margin: 0 auto 15px;
}

.dataTables_wrapper{
	padding: 20px
}

.input-group .form-control {
    float:none;
    display:inline-block;
}

.box {
	background: #fffffff7;
}

.modal .close{
	margin-top: -21px !important;
}

.modal .form-group .select2-container{
	width: 100% !important;
}

.search-group{
	display: inline-block;
}

.group-search {
	margin: 10px 0 5px;
	display: none;
}

.select-category-group-wrapper{
	max-width: 150px
}

.input-group-btn .select-category-group-wrapper{
	font-size: 14px !important
}

.btn-mini {
	display: none;
}

@media only screen and (max-width: 1061px){
	#page-container{
		width: 100%
	}

	.responsive-nav {
		display: block !important;
	}

	.main-nav {
		display: none !important
	}
}

@media only screen and (max-width: 800px){
	.responsive-nav {
		display: none !important;
	}

	.main-nav {
		display: none !important
	}

	.responsive-nav-main {
		display: block !important;
	}
}

@media only screen and (max-width: 690px){
	#ap2hi-text,
	#login-text{
		display: none !important;
	}
}

@media only screen and (max-width: 597px){
	.external-links,
	.external-links{
		display: none !important;
	}
	.search-group{
		display: none !important;
	}
	.group-search{
		display: block !important;
	}
	.btn-mini{
		display: inline-block !important;
	}
}

@media only screen and (max-width: 347px){
	.text-mini {
		display: none !important;
	}
}

th.sticky {
  background: white;
  position: sticky;
  position: -webkit-sticky;
  top: -1px;
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.07);
  z-index: 99;
}

/*Apple style checkbox*/
input[type="checkbox"] {
  position: relative !important;
  appearance: none; 
  -webkit-appearance:none;
  -moz-appearance:none;
  outline: none !important;
  width: 35px;
  height: 20px;
  background-color: #ffffff; 
  border: 1px solid #D9DADC;
  border-radius: 50px; 
  box-shadow: inset -15px 0 0 0 #ffffff;
  transition-duration: 200ms;
}

input[type="checkbox"]:after {
  content: "";
  position: absolute;
  top: 1px; 
  left: 1px;
  width: 16px; 
  height: 16px;
  background-color: transparent;
  border-radius: 50%; 
  box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.33);
}

input[type="checkbox"]:checked {
  border-color: #4ED164;
  box-shadow: inset 15px 0 0 0 #4ED164;
  outline: none !important
}

input[type="checkbox"]:focus {
  outline: none !important
}

input[type="checkbox"]:checked:after {
  left: 15px;
  box-shadow: -2px 0px 3px rgba(0, 0, 0, 0.17);
}