/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 6, 2017, 11:35:42 AM
    Author     : Use
*/


/*YOUR CUSTOM STYLE STARTED IN HERE*/

/*Laptop*/
html { overflow-y: scroll; }

@media (min-width: 769px) {
    #page-wrapper {
        margin: 70px 0 0 0px;
    }
	
	#tlip3SmallLogoId{display:none;}
	/*
	.preDayCls{float:left;margin-left:25vw}
	.nextDayCls{float:right;margin-right:25vw}
	*/
	.hourLegendCls
	{
		position: absolute;
		top:10px;
		right:15px;
	}
	.noDataCls
	{
		display:none;
		position: absolute;
		top:25vh;
		right:25vw;
		font-size:60px;
		color: #b9b9b9;
	}
	.rightCol{right: 2vw}
	.social-media li a{width:200px;}
	.ulHomeMenu {padding-top:50px;margin-left: auto;margin-right: auto;width: 640px;}
	.hideOnDesktop{display:none}
	
	.content-header
	{
		padding-top:5px;
		padding-bottom:5px;
		padding-right:5px;
	}
}

@media (min-width: 1400px) {
	.noDataCls
	{
		display:none;
		position: absolute;
		top:18vh;
		right:25vw;
		font-size:60px;
		color: #b9b9b9;
	}
	.rightCol{right: 2vw}
}

/*Mobile*/
@media (max-width: 768px) {
	#tlip3LongLogoId{display:none;}
	/*.log_out{display:none !important;}*/
	.mobileLiCls{left:57vw}
	.mobileCusLiCls{left:40vw; font-size:12px;}
	/*
	.preDayCls{float:left;margin-left:15vw}
	.nextDayCls{float:right;margin-right:15vw}
	*/
	.hourLegendCls
	{
		position: absolute;
		/*
		top:45px;
		right:15px;
		*/
		top:48px;
		right:20vw;
		display:flex;
	}
	.noDataCls
	{
		display:none;
		position: absolute;
		/*
		top:10vh;
		right:20vw;
		*/
		top:18vh;
		right:30vw;
		font-size:40px;
		color: #b9b9b9;
	}
	
	/*.rightCol{right: 20vw}*/
	.rightCol{right: 30vw}
	
	.social-media li a{width:100px;}
	.ulHomeMenu {padding-top:40px;margin-left: auto;margin-right: auto;width: 320px;}
	.hideOnMobileCls{display:none}
	.navbar{min-height:60px !important;}

	.content-header
	{
		padding-top:10px;
		padding-bottom:10px;
		padding-right:5px;
	}
}

.chartBox {
  float: left;
  height: 15px;
  width: 15px;
  margin-bottom: 2px;
  border: 1px solid black;
  clear: both;
}
.normalHour {
background-color: #ffffff;
}

.peakHour {
/*background-color: #f7a1a1;*/
background-color: #fce3e3;
}

.offPeakHour {
/*background-color: #ffffa1;*/
background-color: #f5f5cb;
}
	
.navbar, body
{
	font-family: Open Sans, sans-serif !important;
}

#loader {
    position: absolute;
    display: none;
    left: 50%;
    top: 60%;
    z-index: 999;
    width: 50px;
    height: 50px;
    margin: -76px 0 0 -45px;
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  }
  
 /* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

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

#overlay {
  position: absolute; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  /*height: 500px; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.8); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.nav-container
{
	margin-left:0px;
}

.content-header .header-title
{
	margin-top:10px;
}



.form_container
{
	width:320px;
	border: 2px solid #b9b9b9;
	padding: 5px;
	position: fixed;
	z-index:9999;
	right:72px;
	top:160px;
	background:#ffffff;
}

.select2-container--classic .select2-selection--single
{
	border-radius: 0px !important;
	border: 1px solid #000 !important;
	height: 31px !important;
	background-image: none !important;
	background-color: #fff !important;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow
{
	height: 29px !important;
}


.social-media li a i {font-size: 35px;}
.social-media li .rss {background: #013300cc;margin-right:10px;border-radius:10px}
.social-media li .rss:hover {background: #013300}
.social-media li p {margin-top:10px;font-size:10px}
.social-media li p:hover {text-decoration: underline;}


.md-content h3 { padding: 15px 20px !important}
#invoiceTable_filter {display:none;}
.SumoSelect{width: 100% !important;} 
.SumoSelect>.CaptionCont>label>i:before {display:none}
/*.ti-fullscreen, .ti-move{display:none;}*/