@font-face {
    font-family: 'Open Sans';
    src:url(/css/fonts/open-sans.regular.ttf) format("truetype");
}

@font-face {
    font-family: 'Open Sans Light';
    src:url(/css/fonts/OpenSans-Light.ttf) format("truetype");
}

html, body{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	background-color:#edf4f4;
	font-size: 10pt;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #CCC !important;
}
::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #CCC !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #CCC !important;
   opacity:  1;
}
::-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:  #CCC !important;
}

a{
	text-decoration:none !important;
	outline:none !important;
}

input, select{
	font-family:Open Sans, sans-serif;
}

.input-select{
	padding:3px 5px;
	height:auto;
}

.input-selected{
	border-color:#3add15 !important;
}
.btn{
	font-size:inherit !important;
}
.form-control{
	-webkit-transition:border 0.45s ease 0s;
	transition:border 0.45s ease 0s;
	color:rgba(93, 105, 117, 1);
	font-size: inherit;
}
.form-control:focus{
	border:1px solid #999;
	-webkit-transition:border 0.35s ease 0s;
	transition:border 0.35s ease 0s;
	box-shadow:none;
}

.base-container{
	display:table-cell;
	width:100%;
    vertical-align: top;
}

.base-container a{
	font-family:Open Sans, sans-serif;
}

.base-sidebar{
  	display: table-cell;
    min-width: 280px;
    padding-left: 10px;
    vertical-align: top;
}

.form-container{
	padding: 5px 10px;
	border-left:1px solid #f4f4f4;
	background-color: #FFF;
	overflow:hidden;
	margin-bottom:10px;
	width:100%;
}

.form-container form{
	max-width:520px;
	font-family: Open Sans, sans-serif;
}

.list-container{
	padding: 10px 15px;
	border-left:1px solid #f4f4f4;
	background-color: #FFF;
	overflow:auto;
}

.form-control{
	border-radius:2px;
	border:1px solid #dfdfdf;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.055) inset;
	padding: 3px 8px;
	height: auto;
}

.input-group-addon{
	border:1px solid #dfdfdf;
	padding:2px 8px;
}

.paginate_button {
    border-radius: 100%;
    box-sizing: border-box;
    color: #333 !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    min-width: 34px;
    padding: 7px;
    text-align: center;
    text-decoration: none !important;
	border: 1px solid #cacaca;
	margin:0 4px;
}

.paginate_button.previous, .paginate_button.next{
	border:1px solid #DDD;
	margin:0 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: linear-gradient(to bottom, #dcf293, #bcf20c);
    border: 1px solid #bcf20c;
}
.dataTables_paginate .paginate_button.current {
    background: linear-gradient(to bottom, #dcf293, #bcf20c);
    color: #333 !important;
	border:1px solid #bcf20c;
}
.paginate_button.current:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 0%, #dcdcdc 100%) repeat scroll 0 0;
    border: 1px solid #cacaca;
    color: #333 !important;
}

.table > thead > tr{
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #dcf293, #bcf20c) repeat scroll 0 0;
}

.table > thead > tr > th{
	font-size:10.2pt;
	font-weight:400;
	background:linear-gradient(to bottom, #DCF293, #BCF20C);
    border-bottom: 1px solid #eee;
	color: #555;
	width:auto !important;
}

.table > thead > tr > th.sorting, .table > thead > tr > th.sorting_asc, .table > thead > tr > th.sorting_desc{
	padding-right:40px !important;
}

.table > tbody > tr > td{
	font-family:Open Sans, sans-serif;
	font-weight:300;
	border-bottom: 1px solid #eee;
	border-top:0;
 	padding: 0px 10px;
	vertical-align: middle;
}

table.dataTable thead .sorting::before{
}

table.dataTable thead .sorting_asc::before{
}

table.dataTable thead .sorting_desc::before{
}

.table-striped > tbody > tr:nth-of-type(2n+1){
	background-color:#FFF;
}

table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after{
	bottom:1px !important;
}

table.dataTable thead .row-number{
	width:40px !important;
}

.bracket-horizontal{
	border-top:1px solid #E1E1E1;
	padding:10px 0;
	margin-top:10px;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{
	background-color:#bdef1a !important;
	color:#555 !important;
	border-radius:0;
}

.bootstrap-switch.bootstrap-switch-focused{
	box-shadow:none !important;
}

.bootstrap-switch{
	border-radius:1px !important;
	border:1px solid #dedede !important;
}

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label{
	color:#555 !important;
}

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label{
	color:#555 !important;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default{
	background-color:#f5f5f5 !important;
}

.datepicker th{
	font-weight:500;
}

.datepicker td.active, .datepicker td.active:hover{
	background-image:linear-gradient(to bottom, #7BDAED, #19C3E5);
}

.datepicker-event{
    background-image: url("/media/images/base/calendar-event.png") !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.no-sort.sorting_disabled{
	background-image:url(/media/images/base/trcheckbracket.png);
	background-repeat:no-repeat;
	background-position:right;
	min-width:30px !important;
	max-width:40px !important;
	padding: 10px 0;
	text-align:center;
	background-size:cover;
	width:30px !important;
}

.dropdown-menu > li > a{
	font-size:13px;
}
@media screen and (max-width: 1450px){
	html,body, select, input, textarea, td, th, a{
		font-size:12px !important;
	}
}
@media screen and (max-width:1000px){
	.base-sidebar{
		display:block;
		padding:0;
	}

}

@media screen and (max-width:330px){

	.dataTables_length{
		float:none !important;
		text-align:center;
	}

	.dataTables_filter{
		float:none !important;
		text-align:center;
		padding:10px 0;
	}

	.no-sort.sorting_disabled{
		width:auto !important;
	}
}