/* Author: AdminDesigns.com
 * Last Updated: 02/01/14 
 * Copyright 2014 Admin Designs
=================================================
 * This file is reserved for changes made by 
 * the user. It's often times a good idea to 
 * seperate your changes from the themes core.
 * It makes modifications, and future theme
 * updates much easier to apply.
================================================= */
/* These styles have been placed here for as 
 * they have a high chance of needing to be
 * changed if one decides to modify the header
-----------------------------------------------*/
/* Header button states - text colors */
.navbar-menus > div > button:focus {
  color: #666; }

.navbar-menus > div > button:hover {
  color: #333; }

/* Place your custom styles or styles which 
 * have been generated with the customization 
 * tool below this line. 
-----------------------------------------------*/

.bootbox-body {
	font-weight: bold;
}

.tab-content button {
	padding: .3em .7em .4em;
  	font-size: 84%;
  	font-weight: 600;
  	line-height: 13px;
}

.bootbox > .modal-dialog {
	position: absolute;
    top: 50%;
    height: 240px;
    margin-top: -120px;
    left: 50%;
    margin-left: -270px;
}

.admin table thead th,
.admin table thead td {
	font-size: 11px;
	text-align: center;
}

table thead tr {
	font-weight: 600;
}

.admin table tbody {
	font-size: 11px;
	text-align: center;
}

div[id^='modalNotice_'] {
	opacity: 100%;
}

div[id^='modalNotice_'] > .modal-dialog {
	width: 800px;
}

.modal-body {
	max-height: 500px;
	overflow: auto;
}

.footer {
	width: 100%;
	height: 40px;
  	min-height: 40px;
  	max-height: 40px;
  	margin: 0;
  	font-size: 11px;
  	color: #999;
  	background: #FFF;
  	border-top: 1px solid #DDD;
  	vertical-align: middle;
	text-align: center;
	display: table;
}

.copyright {
	padding-top: 9px;
	display: table-cell;
  	vertical-align: middle;
  	text-align: center;
}

input[type=number] {
	font-size:11px;
}

.admin table tbody td {
	padding-left: 5px;
	padding-right: 5px;
}

.tar {
	text-align: right;
}

form[id=frmSearch] span {
	font-size: 12px;
}

table {
	table-layout: fixed;
	overflow:hidden;
	word-wrap:break-word;
}

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

.align-center {
	text-align: center;
}

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

.align-left {
	text-align: left;
}

.modal-title {
	font-size: 12px; 
}

table {
	width: 100%;
}

.form-horizontal .form-half-group {
	margin-left: 0px;
	margin-right: 0px;
}

.content-fixed {
	z-index: 1033;
	position: fixed;
	padding-right: 20px;
}

.content-fixed-first {
	padding-top: 120px;
}

.content-search {
	background-color: white;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 15px;
}

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #BDBDBD;
}

@media (max-width: 767px) {
	.dt-panelmenu {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.dataTables_length {
		display: block;
	}
	.dataTables_filter label input {
		width: 150px;
	}
	
}

::-webkit-scrollbar {
	height: 5px;
}

.no-padding-lr {
	padding-left: 0;
	padding-right: 0;
}

input[type="date"],
input[type="month"] {
	-webkit-appearance: none;
	align-content: center;
}

@media (min-width: 767px) {
	span.icon {
		display: none;
	}
	div.input-group:has(span.icon){
		display: block;
	}
}

.dataTable > thead > tr > td{
	border-bottom-width: 1px;
}

@media (max-width: 767px) {
	body.login-page #main {
		overflow-x: hidden;
	}
	body.login-page #content {
		padding-left: 13px;
	}
	body.login-page .row {
		margin: auto;
	}
	body.login-page .panel-bg,
	body.login-page .panel {
		width: 100%;
	}
}

.flexible-table {
	table-layout: auto;
	white-space: nowrap;
}
.flexible-table table{
	white-space: normal;
}

.is-invalid {
	border-color: #f0643b !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f0643b' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f0643b' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
	padding-right: calc(1.5em + 0.9rem);
	background-repeat: no-repeat;
	background-position: center right calc(0.375em + 0.1875rem);
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.input-group-addon {
	background-color: inherit;
}

.tooltip-inner {
	max-width:500px !important;
}

.d-flex {
	display: flex;
}
.mr-1 {
	margin-right:.375rem!important
}
.mr-2 {
	margin-right:.75rem!important
}

.table tr th,
.table tr td {
	vertical-align: middle !important;
}