/*  Original html,body style */
/*
body, html{
	height: 100%;
}

body{
	padding-top: 55px;
}
 */

/* Sticky footer styles */
html {
	position: relative;
	min-height: 100%;
}
body {
	padding-top: 52px;
	margin-bottom: 60px;
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	background-color: #f5f5f5;
}

/* remove outer padding */
.main .row{
	padding: 0px;
	margin: 0px;
}

/* title font-size like <h2> */
span.title{
	font-size: 30px;
}



.checkbox {
	padding-left: 20px; 
}
  
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px !important;
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; 
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555; 
}

.checkbox input[type="checkbox"] {
    opacity: 0; 
}

.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; 
}

.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c"; 
}
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65; 
}
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; 
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%; 
}
.checkbox.checkbox-inline {
    margin-top: 0; 
}

.checkbox-primary input[type="checkbox"]:checked + label::before {
	background-color: #428bca;
	border-color: #428bca; 
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
	color: #fff; 
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
	background-color: #d9534f;
	border-color: #d9534f; 
}

.checkbox-danger input[type="checkbox"]:checked + label::after {
	color: #fff; 
}

.checkbox-info input[type="checkbox"]:checked + label::before {
	background-color: #5bc0de;
	border-color: #5bc0de; 
}

.checkbox-info input[type="checkbox"]:checked + label::after {
	color: #fff; 
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
	background-color: #f0ad4e;
	border-color: #f0ad4e; 
}

.checkbox-warning input[type="checkbox"]:checked + label::after {
	color: #fff; 
}

.checkbox-success input[type="checkbox"]:checked + label::before {
	background-color: #5cb85c;
	border-color: #5cb85c; 
}

.checkbox-success input[type="checkbox"]:checked + label::after {
	color: #fff; 
}

.radio {
	padding-left: 20px; 
}

.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px !important; 
}
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; 
}
    
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); 
}

.radio input[type="radio"] {
    opacity: 0; 
}
    
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; 
}

.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); 
}
    
.radio input[type="radio"]:disabled + label {
    opacity: 0.65; 
}

.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed; 
}

.radio.radio-inline {
    margin-top: 8px !important; 
}

.radio-primary input[type="radio"] + label::after {
	background-color: #428bca; 
}

.radio-primary input[type="radio"]:checked + label::before {
	border-color: #428bca; 
}

.radio-primary input[type="radio"]:checked + label::after {
	background-color: #428bca; 
}

.radio-danger input[type="radio"] + label::after {
	background-color: #d9534f; 
}

.radio-danger input[type="radio"]:checked + label::before {
	border-color: #d9534f; 
}

.radio-danger input[type="radio"]:checked + label::after {
	background-color: #d9534f; 
}

.radio-info input[type="radio"] + label::after {
	background-color: #5bc0de; 
}

.radio-info input[type="radio"]:checked + label::before {
	border-color: #5bc0de; 
}

.radio-info input[type="radio"]:checked + label::after {
	background-color: #5bc0de; 
}

.radio-warning input[type="radio"] + label::after {
	background-color: #f0ad4e; 
}

.radio-warning input[type="radio"]:checked + label::before {
	border-color: #f0ad4e; 
}

.radio-warning input[type="radio"]:checked + label::after {
	background-color: #f0ad4e; 
}

.radio-success input[type="radio"] + label::after {
	background-color: #5cb85c; 
}

.radio-success input[type="radio"]:checked + label::before {
	border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
	background-color: #5cb85c; 
}


.select2-combobox{
	width:100%;
}

.select2-selection--single{
	height: 34px !important;
	padding:3px;
}

.select2-selection--single .select2-selection__arrow{
	height: 34px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
	margin-top:2px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	margin-right:0px !important;
	margin-left:2px !important;
	float:right !important;
}

.select2-container .select2-search--inline .select2-search__field{
	margin-top:3px !important;
}


/* smart menu mint  */

.navbar-smart{
	background-color  : rgba(255,255,255,0.8);
	-moz-box-shadow	  : 0 2px 2px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 2px 0px rgba(0,0,0,0.2);
    box-shadow		  : 0 2px 2px 0px rgba(0,0,0,0.2);
}

.main-nav {
  /* border-bottom: 2px solid #8db863; */
 /*  background: rgba(255,255,255,0.7); */
}

.main-nav:after {
  clear: both;
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}

.nav-brand {
  float: left;
  margin: 0;
}

.nav-brand a {
  display: block;
  padding: 11px 11px 11px 20px;
  color: #333;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  line-height: 17px;
  text-decoration: none;
}

#main-menu {
  clear: both;
  border-bottom: 0;
}

/* Mobile menu toggle button */

.main-menu-btn {
  float: right;
  margin: 5px 10px 6px 10px;
  position: relative;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #333;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}

.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}

.navbar-nav .li-big{
	display: block;
}

.navbar-nav .li-big a{
	font-size: 30px;
	color: #000000;
	text-decoration: none;
	background: none;
}

.navbar-nav .li-big a:hover{
	color: #337ab7;
	background: none;
}

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

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

.dataTables_filter .form-control.input-sm{
	width: 300px;
}


.sm-mint a{
	height: 39px;
}

.sm-mint a:hover{
	background: #bfd7a8 !important;
}

.sm-mint a.selected{
	color: #ffffff;
	background: #bfd7a8;
}

.sm-mint a.selected:hover{
	color: #ffffff !important;
	background: #bfd7a8 !important;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
	position: fixed;
	top: 50%;
	right: 50%;
	margin-top: -60px;
	margin-right: -60px;
}

.loader_text {
    width: 60px;
	position: fixed;
	top: 50%;
	right: 50%;
	margin-top:-10px;
	margin-right:-30px;
	color: #ffffff;
}

.loader_div{
	display:none;
	padding:5px;
	position: fixed;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background-color:#666;
	background-repeat:no-repeat;
	background-position:center;
	z-index:10000;
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
}


#main-menu {
  clear: both;
  border-bottom: 0;
}

/* Mobile menu toggle button */

.main-menu-btn {
  float: right;
  margin: 5px 10px 6px 10px;
  position: relative;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #333;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}

.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}


/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}


/* hide the menu in mobile view */

#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}

#main-menu-state:checked ~ #main-menu {
  display: block;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.nav-logout-small{
	display: block !important;
}

.nav-logout-big{
	display: none;
}
	

/*small/medium side display*/
@media (min-width: 768px) {
	/* hide the button in desktop view */
	.main-menu-btn {
		position: absolute;
		top: -99999px;
	}
	/* always show the menu in desktop view */
	#main-menu-state:not(:checked) ~ #main-menu {
		display: block;
	}
	
	#main-menu {
		float: left;
		clear: none;
	}
	
	.nav-logout-small{
		display: none !important;
	}

	.nav-logout-big{
		display: block;
	}	
}

/* .....NavBar: Fully showing nav bar..... */

@media (min-width: 1330px) {
	
	
}

#no-more-tables .count{
	text-align:right;
} 

#no-more-tables .second-child td{
	padding-left: 40px;
}

#no-more-tables .third-child td{
	padding-left: 80px;
}


@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	#no-more-tables .count{
		text-align:left;
	} 

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
		min-height:35px;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	
	#no-more-tables .second-child td{
		padding-left: 55%;
	}
	
	#no-more-tables .third-child td{
		padding-left: 60%;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
	
}