/*
Created by: Mienard Lumaad (@themepixels)
*/

@import url('bootstrap.min.css');
@import url('bootstrap-responsive.min.css');
@import url('jquery.ui.css');
/*@import url('animate.min.css'); /*login animation*/
/*@import url('animate.delay.css'); /*login animation*/
@import url('isotope.css');
@import url('colorbox.css');
@import url('flexslider.css');
@import url('uniform.tp.css');
@import url('colorpicker.css');
@import url('jquery.jgrowl.css');
@import url('jquery.alerts.css');
@import url('jquery.tagsinput.css');
@import url('ui.spinner.css');
@import url('jquery.chosen.css');
@import url('fullcalendar.css');
@import url('roboto.css');
@import url('lato.css');
@import url('font-awesome.min.css');


/***** RESET BROWSER STYLE *****/
/*******************************/


body.loginpage { background: #61265f; }


/*** LOGIN PAGE ***/

.loginpanel { position: absolute; top: 50%; left: 50%; height: 300px; }
.loginpanelinner { position: relative; top: -150px; left: -50%; }
.loginpanelinner .logo { text-align: center; padding: 20px 0; }

.inputwrapper input { border: 0; padding: 10px; background: #fff; width: 250px;margin-bottom:5px; }
.inputwrapper input:active, .inputwrapper input:focus { background: #fff; border: 0; }
.inputwrapper button {
		  display: block; border: 1px solid #93396e; padding: 10px; background: #ad4382; width: 100%;
		  color: #fff; }
.inputwrapper button:focus, .inputwrapper button:active, .inputwrapper button:hover { background: #93396e; }
.inputwrapper label {
		  display: inline-block; margin-top: 10px; color: rgba(255,255,255,0.8); font-size: 11px; vertical-align: middle; }
.inputwrapper label input { width: auto; margin: -3px 5px 0 0; vertical-align: middle; }
.inputwrapper .remember { padding: 0; background: none; }

.login-alert { display: none; }
.login-alert .alert { font-size: 11px; text-align: center; padding: 5px 0; border: 0; }

.loginfooter {
		  font-size: 11px; color: rgba(255,255,255,0.5); position: absolute; position: fixed; bottom: 0; left: 0;
		  width: 100%; text-align: center; font-family: arial, sans-serif !important; padding: 5px 0; }

	  .prepend {background-color:#2d2b2c;padding:9px 11px 11px 8px;color:#fff;}


/*** TABLES ***/

.dataTable { margin-bottom: 0; }
.dataTable th, .dataTable td { font-size: 12px; }
.dataTables_wrapper { position: relative; }
.dataTables_length, .dataTables_info { background: #eee; padding: 10px; font-size: 11px; border: 1px solid #ddd; }
.dataTables_length { border-bottom: 0; }
.dataTables_info { border-top: 0; }
.dataTables_filter { position: absolute; top: 12px; right: 10px; }
.dataTables_filter input { width: 150px; margin: 0 0 0 10px; }
.dataTables_paginate { position: absolute; bottom: 10px; right: 10px; }
.dataTables_paginate .first, .dataTables_paginate .previous, .dataTables_paginate .paginate_active, 
.dataTables_paginate .paginate_button, .dataTables_paginate .next, .dataTables_paginate .last { 
	padding: 5px 10px; border: 1px solid #ccc; border-left: 0; font-size: 11px; background: #eee; cursor: pointer; }
.dataTables_paginate span:hover { background-color: #ddd; }
.dataTables_paginate .first { border-left: 1px solid #ccc; }
.dataTables_paginate .paginate_active { background: #fff; }
.dataTables_paginate .paginate_button:hover { background: #eee; }
.dataTables_paginate .paginate_button_disabled { cursor: default; color: #ccc; background: #eee; }
.dataTables_paginate a { color: #666; }
.dataTables_paginate a:hover { text-decoration: none; }
.dataTables_length select { width: auto !important; margin: 0; }
.dataTables_scrollHead { background: #333; }
.dataTables_scrollHead table { border-bottom: 0; }

#dyntable2_wrapper .dataTables_filter {
		  position: static; padding:10px 10px 40px 0px; border-bottom:solid 1px #fff; background:#eeeeee; text-align: right;
	  }
#dyntable2_info { background: none; }


/*** BOOTSTRAP OVERRIDE ***/

.table th { font-weight: normal; font-size: 12px; border-top: 0; background: #333; color: #fff; }
.table th.centeralign, .table td.centeralign { text-align: center; }
.table.table-bordered { border-top: 0; border-right: 0; }
.table.table-bordered th { border-color: #444; }
.table.table-bordered td:last-child { border-right: 1px solid #ddd; }

.table .con0 { background: #fff; }
.table .con1 { background: #f7f7f7; }

table td.center, table th.center { text-align: center; }

/*** MEDIA QUERIES ***/

@media screen and (max-width: 603px) {
		  
		  /* table */
		  .dataTable th, .dataTable td { font-size: 11px; padding: 5px; }
		  .dataTables_paginate { position: relative; margin: -25px 0 0 20px; }
		  .dataTables_info { height: 50px; }
		  #dyntable2_info { height: auto; }
		  .dataTables_filter { position: relative; margin: -50px 0 20px 20px; }
		  .dataTables_length { height: 70px; }
		  #dyntable2_wrapper .dataTables_filter { margin:0px; padding:10px 10px 40px 0px; }
}


@media screen and (max-width: 480px) {
		  
		  /* table */
		  .dataTables_paginate .first, .dataTables_paginate .previous,
		  .dataTables_paginate .paginate_active, .dataTables_paginate .paginate_button,
		  .dataTables_paginate .next, .dataTables_paginate .last { padding: 5px 7px; }
		  div.table-wrapper { margin-bottom: 0; }
}


@media screen and (max-width: 320px) {
		  
		  /* table */
		  .dataTables_paginate .first, .dataTables_paginate .previous,
		  .dataTables_paginate .paginate_active, .dataTables_paginate .paginate_button,
		  .dataTables_paginate .next, .dataTables_paginate .last { padding: 5px; }
		  div.table-wrapper { margin-bottom: 0 !important; border-bottom: 1px solid #ddd; }
		  
		  .table-infinite tr th:nth-child(5),
		  .table-infinite tr td:nth-child(5),
		  .table-infinite tr th:nth-child(6),
		  .table-infinite tr td:nth-child(6) { display: none; }
}