/* by Pepe - version=1.25" */
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,600);*/
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans);*/
@import 'https://fonts.googleapis.com/css?family=Ubuntu:400,400i,700';

body { 
	padding-top: 70px; /* Margin for nav menu */
  	margin-bottom: 30px; /* Margin bottom by footer height */
	font-family: 'Ubuntu', sans-serif;
	/*font-size: 12px;*/
}
html { /* for footer */
	position: relative;
	min-height: 100%;
}
img {
  max-width: 100%;
  max-height: auto;
}

/* Error Page */
#error_body {
	font-size: 12px;
}

.red {color:red;}
.green {color:green;}
.orange {color:orange;}
.small {font-size: 10px;}

.divider-vertical {
	background: #999999;
	width: 0.5px;
	position: inherit;
	top:5px;
	/*bottom: 5px;*/
	min-height: 40px;
}
.dropdown-header {
	padding-left: 5px;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	/*height: 30px;*/
	/*padding-bottom: 0.1rem;     Footer height */
	background-color:#333333;
}

.footer a {
  	color:#FBFBFB;
}

.respon-line-break {
	display: block;
}

/*Button File Upload*/
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.btn-disabled, .btn-disabled:hover {
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

.file_div_error {
    border: 1px dashed red;
    font-weight: 300;
    color: red;
}
.text_div_error {
    border: 1px dashed red;
    color: red;
}

.file_div_warning {
    border: 1px dashed darkviolet;
    font-weight: 300;
    color: darkviolet;
}

@media screen and (min-width: 1024){
	ul.nav li:hover > ul.dropdown-menu {
		display: block;
	}
	#navbar {
		text-align: center;
	}
	.respon-line-break { display: inline; }
}

#hidden_div {
	display: none;
}
.hidden_div {
	display: none;
}

/* PYSDE - FRONT Toolitip */
.tooltip-inner {
	min-width: 500px;
    text-align: left;
}
/* PYSDE TABLE - START */
.pysde_table
{
	white-space: nowrap;
	overflow-x: scroll;
	display: block;
}
.pysde_table th { font-size: 12px; }
.pysde_table td { font-size: 11px; }
.pysde_table td:nth-child(-n+4)
{
	position: sticky;
	/*width: 100%;*/
	left: 0px;
	background-color: #eee;
	z-index: 1;
}
.pysde_option {
    background-color: #99ccff;
    color: #fff;
}
/* PYSDE TABLE - END */

/* FRONT TABLE - START */
.front_table
{
	white-space: nowrap;
	overflow-x: scroll;
	display: block;
	max-height: 550px;
}
.front_table thead
{
	font-weight: bold;
	/*position: sticky;
	inset-block-start: 0;
	background-color: #eee;*/
}
.front_table th { font-size: 12px; }
.front_table td { font-size: 11px; }
.front_table td:nth-child(-n+4)
{
	position: sticky;
	/*width: 100%;*/
	left: 0px;
	background-color: #eee;
	z-index: 1;
}
/* FRONT TABLE - END */


/* TEACHERS TABLE - START */
.teachers_table
{
	white-space: nowrap; /*No word wrap*/
	max-height: 550px;
	overflow-x: scroll;
	display: block;
	border-collapse: collapse;
}
.teachers_table thead
{
	font-weight: bold;
	/*background-color: #eee;*/
}
.teachers_table th { font-size: 12px; }
.teachers_table td { font-size: 11px; }
.t_fixed {
	position: -webkit-sticky;
	position: sticky;
	background-color: #eeeeee !important;
	/*border: 0px;*/
}

.t_col_1 {
	width: 215px;
	min-width: 215px;
	max-width: 215px;
	left: 0px;
}
.t_col_2 {
	width: 25px;
	min-width: 25px;
	max-width: 25px;
	left: 215px;
}
.t_col_3 {
	width: 120px;
	min-width: 120px;
	max-width: 120px;
	left: 240px; /*width of col_1. Sometimes NOT*/
}
.t_col_4 {
	width: 140px;
	min-width: 140px;
	max-width: 140px;
	left: 360px; /*width of col_2+1. Sometimes NOT*/
}
/* TEACHERS TABLE - END */


/* USERS_CHECK_IN TABLE - START */
.users_checkins_table
{
	white-space: nowrap; /*No word wrap*/
	max-height: 550px;
	overflow-x: scroll;
	display: block;
	border-collapse: collapse;
}
.users_checkins_table thead
{
	font-weight: bold;
	/*background-color: #eee;*/
}
.users_checkins_table th { font-size: 12px; }
.users_checkins_table td { font-size: 11px; }
/* USERS_CHECK_IN TABLE - END */


/* FORM KENA TABLE */
.kena_table {
	width: 100%;
	/*margin-bottom: 20px;*/
	border-collapse: collapse;
}
.kena_table th,.kena_table td {
	border: 1px solid #cdcdcd;
}
.kena_table th, .kena_table td {
	padding: 5px;
	text-align: left;
}


/* FORM jQUERY VALIDATION */
label.error {
    color: red;
    font-size: 1rem;
    display: block;
    margin-top: 5px;
}

/*CENTER BOOTSTRAP GRID*/

input.error, textarea.error, select.error {
    border: 1px dashed red;
    font-weight: 300;
    color: red;
}

input[type="radio"].toggle {
  display: none;
}

input[type="radio"].toggle:checked + label {
  /* Do something special with the selected state */
}

/*RADIO BUTTONS*/
label.btn {
	padding: 0;
	background-color: #ECECEC; 
	color: #666;
	border-radius: 5px;
	border: 1px solid #666; /*#008CBA*/
}

label.btn input {
	opacity: 0;
	position: absolute;
}

label.btn span {
	text-align: center;
	padding: 6px 12px;
	display: block;
}

label.btn input:checked+span {
	background-color: rgb(80, 110, 228);
	color: #fff;
	border-radius: 3px;
	border: 1px solid #666; /*#008CBA*/
}


/* Bootstrap Custom Buttons */
.btn-mov { 
  color: #ffffff; 
  background-color: #611BBD; 
  border-color: #130269; 
} 
 
.btn-mov:hover, 
.btn-mov:focus, 
.btn-mov:active, 
.btn-mov.active, 
.open .dropdown-toggle.btn-mov { 
  color: #ffffff; 
  background-color: #49247A; 
  border-color: #130269; 
} 
 
.btn-mov:active, 
.btn-mov.active, 
.open .dropdown-toggle.btn-mov { 
  background-image: none; 
} 
 
.btn-mov.disabled, 
.btn-mov[disabled], 
fieldset[disabled] .btn-mov, 
.btn-mov.disabled:hover, 
.btn-mov[disabled]:hover, 
fieldset[disabled] .btn-mov:hover, 
.btn-mov.disabled:focus, 
.btn-mov[disabled]:focus, 
fieldset[disabled] .btn-mov:focus, 
.btn-mov.disabled:active, 
.btn-mov[disabled]:active, 
fieldset[disabled] .btn-mov:active, 
.btn-mov.disabled.active, 
.btn-mov[disabled].active, 
fieldset[disabled] .btn-mov.active { 
  background-color: #611BBD; 
  border-color: #130269; 
} 
 
.btn-mov .badge { 
  color: #611BBD; 
  background-color: #ffffff; 
}
/* Bootstrap Custom Buttons - END */



/* SMALL TABLE */
.table_sm { 
	margin-left: auto; 
	margin-right: auto; 
	/*font-size: 12px;*/
	width: 100%; 
	table-layout:fixed;
}
.table_sm tr {
  	border-bottom: 1px solid #999;
}
.table_sm tr:nth-child(even) { 
	background-color: #F8F8F8; 
}
/* SMALL TABLE - END*/




/* PRINTING */
@media print {
	a[href]:after {
		content:"" !important;
  	}
    body {
        margin: 0;
        padding: 0;
        line-height: 1.4em;
        word-spacing: 1px;
        letter-spacing: 0.2px;
        font: 13px Arial, Helvetica,"Lucida Grande", serif;
        color: #000;
		position:absolute;
		left: 0;
		top: 10;
		right: 0;
    }

    #print-btn #update-btn #nav-left #nav-bar, #selectUnitContainer, .navbar, .sidebar-nav {
        display: none;
    }

    #print-btn, #update-btn, #units {
        display: none;
    }

    #nav-left {
        display: none;
    }

    #report-container {
        visibility: visible;
    }

    .well .span12{
        width: 100%;
        visibility: visible;
    }

    .navbar {
        display: none;
    }

    .sidebar-nav {
        display: none;
    }
	
	#footer  {
        display: none;
    }
	
	 .btn {
        display: none;
    }
	* { background: transparent !important; /*color: black !important;*/ text-shadow: none !important; filter:none !important;
    -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
    p a, p a:visited { color: #444 !important; text-decoration: underline; }
    p a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
    tr, img { page-break-inside: avoid; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3{ page-break-after: avoid; }
    .print-only { display: block !important; }
	
	/* ADD CLASS "hidden-print" IF YOU DON'T WANT TO BE PRINTED */
}


/* OVERLAYS */
.overlay {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1031;
    /*cursor: pointer;*/
	background-color: rgba(0,0,0,0.8);
}
.topright {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 18px;
}
.bottomcenter {
    position: relative;
	top: 50px;
    /*right: 0px;*/
    font-size: 18px;
}
/* OVERLAYS - END */

/* DUAL LIST BOX */
.moveall,
.removeall {
	border: 1px solid #ccc !important;
	&:hover {
		background: #efefef;
  }
}

.moveall .glyphicon,
.removeall .glyphicon {
	display: none;
}

/*.moveall{
	display: none;
}*/
.moveall::before {
  content: attr(title);
}
.removeall::after {
  content: attr(title);
}
/* DUAL LIST BOX */


/*DISABLING DIVS */
.div-disabled {
	pointer-events: none;
    opacity: 0.4;
}