/***
Responsive Theme. 
Based on http://getbootstrap.com/css/#responsive-utilities-classes
***/

/***
Form Medium Devices Up To Large Devices  
***/
.blankDiv{display:none;}
.mobiles{display:none;}
.mobiles2{display:inline-block;}

@media (min-width: 1346px) { 
div.button{height:auto; margin:0px;}
 }


@media (min-width: 979px) and (max-width: 991px) {  

	.modal.container {
    transform:translateX(-50%) !important;
}

}

@media (min-width: 992px) and (max-width: 1200px) {  

	.page-boxed .header .dropdown .username {
		display: none;
	}	
	
	.toobBarBG .col-md-2{width:22%;}
	.toobBarBG .col-md-8{width:56%;}

}

/***
From Medium Devices Up To Larger Devices
***/

@media (min-width: 992px) { 

	ul.locationIcon li{width: 10%; margin-top:20px;} 

 	/***
 	Page sidebar
 	***/
 	.page-sidebar {
		position: absolute;
 		width: 225px;
  	}

  	.page-sidebar.navbar-collapse {
  		max-height: none !important;
  	}

	.page-sidebar-fixed .page-sidebar {
	  	position: fixed !important;
	 	top: 41px;
	}

	.page-sidebar-fixed ul.page-sidebar-menu > li.last {
		margin-bottom: 15px !important;
	}

	.page-sidebar-fixed.page-sidebar-hover-on .page-sidebar {
		z-index: 10000;		
		width: 35px;		
	}

	.page-sidebar-fixed.page-sidebar-hover-on .page-sidebar .selected {
		display: none;
	}

	.page-sidebar-fixed.page-sidebar-hover-on .page-content {
		margin-left: 35px;
	}
	.page-sidebar-fixed.page-sidebar-hover-on .footer {
		margin-left: 35px;
	}

	.page-sidebar-fixed .page-sidebar-closed .page-sidebar .sidebar-search .submit,
	.page-sidebar-fixed .page-sidebar .sidebar-toggler {
		-webkit-transition: all  0.3s ease;
	     -moz-transition: all  0.3s ease;
	       -o-transition: all  0.3s ease;
		   transition: all  0.3s ease;
	}

	.page-sidebar-hovering {
		overflow: hidden !important;
	}

	.page-sidebar-hovering .sub-menu,
	.page-sidebar-hovering span.title,
	.page-sidebar-hovering span.arrow {		  
		display: none !important;
	}

	.page-sidebar-hovering .submit {
		opacity: 0;
		width: 0 !important;
		height: 0 !important;
	}

  	/***
  	Page content
  	***/
  	.page-content { 
  		margin-left: 0; 
		margin-top: 0px;
		min-height: 760px; 
		padding: 13px 20px 20px 20px;
	}

	.page-sidebar-fixed .page-content {
		min-height: 600px; 
	}

	.page-content.no-min-height {
		min-height: auto;
	}

	/***
	Footer
	***/

	/* fixed sidebar */
	.page-footer-fixed .footer {
	  position: fixed;
	  left: 0;
	  right: 0;
	  z-index: 10000;
	  bottom: 0;
	}

	.page-footer-fixed .page-container {
	  margin-bottom: 32px;
	}

	.page-footer-fixed.page-sidebar-fixed .footer {
	  margin-left: 0 !important;
	}
	/* end: fixed footer */

	.page-boxed .footer {
  		padding: 8px 0 5px 0; 
	}

	.page-sidebar-fixed .footer {
	  /*margin-left: 225px;*/
	  background-color: #fff;
	  padding: 8px 20px 5px 20px;
	}

	.page-sidebar-fixed .footer .footer-inner {
	  color: #333;
	}

	.page-sidebar-fixed.page-sidebar-closed .footer {
	  margin-left: 35px;
	}

	.page-sidebar-fixed .footer .footer-tools .go-top { 
	  background-color: #666;
	}

	.page-sidebar-fixed .footer .footer-tools .go-top i {
	  color: #ddd;
	}

	/* boxed layout */
	.page-boxed	.header .navbar-brand {
  		margin-left: 0px !important;
  		width: 226px;
	}

	.page-boxed .header .navbar-brand img {
		margin-left: 10px;
	}

	.page-boxed .header .navbar-nav {
	  margin-right: 0px;
	}

}

/***
Up To Medium Devices
***/

@media (max-width:979px) { 
.modal.container{ transform:none !important;}
}

@media (max-width:991px) {
	
	.arrowUp{top: -23px !important;}
	
	.worldTime{margin-top: 90px !important;}
	.leftArrowIcon{display:none;}
.rightArrowIcon{display:none;}
.leftArrowIcon img{display:none;}
.rightArrowIcon img{display:none;}
	
	.rightArrowIcon{right:0px;}

#divAjaxPrefertech .col-md-12{overflow:auto;}

	.mobiles{display:inline-block;}
	.mobiles2{display:none;}
	#gmap_basic{min-height:250px !important;}

	.marginRight15{margin-right:15px !important;}
	.marginLeft15{margin-left:15px !important;}

.modal-header-style h4{margin-bottom:0px !important; font-size: 15px;}	
/*.custom-dropdown{width:100% !important;}*/
.mapTopDiv{width: 100% !important;}
.rotateDiv{display:none;}	
.modal-header .close {margin-top: 10px !important;margin-right:25px;display: block;opacity: 1; position: relative; z-index: 99;}
.leftArrowBG .arrow-right-pull {width: 0px;height: 0px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #fff;position: fixed;top: 50%;right: 7px;}	
.rightArrowBG .arrow-right-pull {width: 0px;height: 0px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid #fff;position: fixed;top: 50%;left: 7px;}
.leftArrowBG{background-color:#5f646b; width:25px; position:fixed; right:0; height:100%; margin-top:-10px; z-index: 2; cursor: pointer;display: none;}
.rightArrowBG{background-color:#5f646b; width:25px; position:fixed; left:0; height:100%; margin-top:-10px; z-index: 2; cursor: pointer;}
.rightMiddle{border-left:0px !important;}

.marginTop60{margin-top:70px !important;}
.posFixed{position: initial;background: #fff;z-index: 1;border-bottom: 0px solid #333 !important;padding-bottom: 10px !important;/*margin-top: -10px;right: 20px;left: 20px;*/width: 100% !important;}
.posFixed .col-xs-12{
	text-align:center;
	padding: 0 15px !important;
}
.responsiveDiv{display:none !important;}
.responsiveSection{display:block !important;}

.topMatginMobile{margin-top:10px;}
.leftMiddle{width:100% !important;}
.rightMiddle{width:100% !important;}

.clientNameDiv{width:100% !important;} 
.mapSection{width:100% !important;    transform: none !important;border-left: 0px !important;height: 100% !important;}
.mapBottomDiv{transform: none !important;position: initial !important;margin: 0px !important;}

.breakLogo{display:none;}

.modal-scrollable{margin-top:15px;margin-left: 15px;margin-right: 15px;margin-bottom:15px;}


div.button{height:30px;}
	
	/***
 	Page header
 	***/
 	.header {
 		padding: 0 20px 0 20px;
 		position: relative;
 		clear: both;
 	}

 	.header .navbar-toggle {
 		display: inline-block;
 	}

 	.page-sidebar.navbar-collapse {
  		max-height: 340px;
  	}

 	.page-sidebar.navbar-collapse.collapse {
	    display: none !important;
	}

	.page-sidebar.navbar-collapse.in {	 	
	 	overflow: hidden !important;
	 	overflow-y: auto !important;
	 }

	.header .nav li.dropdown i {
		display: inline-block;
		position: relative;
		top:1px;
		right:0px;
	}

	.header .navbar-nav {
		display: block;
		margin-bottom: 0px !important;
	}

	.header .navbar-nav .open .dropdown-menu  {
		position: absolute;
	}

	.header .navbar-nav {
		display: inline-block;
    	float: right;
    	margin: 0;
  	}
  
 	.header .navbar-nav > li {
    	float: left;
  	}

  	.header .navbar-nav > li > a {
    	padding-top1: 15px;
    	padding-bottom1: 15px;
  	}

	.header .navbar-brand {
  		margin-left: 0px !important;
  		padding-left: 0px !important; 
	}

	.header .navbar-brand img {
		margin-left: 4px !important;
	}

	/***
	Page container
	***/
	.page-container {
		margin: 0 !important;
		padding: 0 !important;
	}

	/***
  	Page content
  	***/
  	.page-content {
  		margin: 0px !important;
  		padding: 10px 20px 20px 20px !important;  		
		min-height: 280px; 
		margin-top: 78px !important;
  	}

	/***
	Page sidebar
	***/
	.page-sidebar {
		border-top: 0 !important;
		margin: 20px;
	}

	.page-sidebar.in {
		border-top: 0 !important;
		margin: 20px;
		position: relative;
		z-index: 1;
	}

	.page-sidebar .sidebar-toggler {
		display: none;
	}

	.page-sidebar ul {
		margin-top:0px;
		width:100%;
	}

	.page-sidebar .selected {
		display: none !important;
	}

	.page-sidebar .sidebar-search .input-box {
	  width: 220px;
	}

	/***
	Styler panel
	***/
	.styler-panel {
		top:55px;
		right:20px;
	}

	/***
	Boxed Layout
	***/
 	.page-boxed .header > .container,
 	.page-boxed .footer > .container,
 	.page-boxed > .container {
 		max-width: none !important;
 		margin: 0 !important;
 		padding: 0 !important;
 	}
	
	#divAjaxModal .modalTop{
		margin-top:0px !important;
		box-shadow:none;
	}
	.vertical-text.tabs-left>li{
		    transform: initial !important;
    height: auto !important;
    margin-bottom: 5px !important;
	margin-top: 5px !important;
	width:50% !important;
	float:left;
	}
	.vertical-text{
		padding-top:10px !important;
		margin-left:0px !important;
		padding-bottom:10px !important;
		position: initial !important;
		width: 100% !important;
	    height: auto !important;
	}
	.displayFlex{
		display:initial !important;
	}
	.displayFlex .col-xs-1, .displayFlex .col-xs-11{
		width:100%;
		padding-bottom: 15px;
	}
	
	.displayFlex .col-xs-1.sameHeight{
		height: auto !important;
	}
	
	.clientNameDiv .text-right{
		text-align:left;
	}
	
	#tools-v .text-right{
		text-align:left;
	}
	#progress-v .pl-0{
		padding-left:15px !important
	}
	.btn-m a{
		width:100%;
		margin-left:0px !important;
		margin-right:0px;
		margin-bottom:10px;
		text-align:center;
	}
	#deliverables-v .col-md-4{
		margin-top:20px;
	}
	.overflowAuto{
		overflow:auto;
	}
	
	.overflowAuto table{
		width:1000px;
	}
	ul.woList{
		z-index:9 !important;
	}

}

/***
From Small Devices Up To Medium Devices
***/
 
@media (min-width: 768px) and (max-width: 991px) { 

.dropdown-toggle{margin-top:-40px;}

	/***
	Body
	***/
	body {
	 	padding-top: 0px;
	}

	/***
	Page sidebar
	***/
	.page-sidebar .btn-navbar.collapsed .arrow { 
		display: none;
	}	

	.page-sidebar .btn-navbar .arrow {
	  position: absolute;
	  right: 25px;
	  width: 0; 
	  height: 0;
	  top:50px;
	  border-bottom: 15px solid #5f646b;
	  border-left: 15px solid transparent; 
	  border-right: 15px solid transparent; 
	}

} 
 
/***
Extra Small Devices Only
***/

@media (max-width: 767px) { 

.worldTime {
    margin-top: 60px !important;
}
.arrowUp {
    top: -53px !important;
}

	.daterangepicker{right:10% !important;}

	.clockDiv{width:250px !important; z-index: 999999 !important; left:-120px !important; text-align: center;}
	.clockDivSingle{width:250px !important; z-index: 999999 !important; left:-120px !important; text-align: center;}
	.mainDiv .well{display: inline-block;float: none !important;}
	.centerDiv{float: none !important;margin-top: 10px !important;font-size: 30px !important;margin-bottom: 10px !important;}
	#txtStartTime1{margin-bottom:0px !important;}

	.blankDiv{display:block;}


	.paddTopBottom{padding-top: 10px;padding-bottom: 10px;display: inline-block;}
.navbar-nav > li > a{line-height:30px !important;padding: 0 15px;margin-top: -35px;margin-bottom: 17px;}

ul.middleOption li a{height:40px; line-height:40px;}
/*.arrowDown{left:20px;}*/
	
	/***
	Page header
	***/
	
	/*.arrowDown{position: inherit;margin-top: 35px;}*/
	
	/*.worldTime{margin-top: -20px;}*/
	.header {
 		padding: 0 10px 0 10px;
 	}

	.header .top-nav .nav{  
	 	margin-top: 0px;
	 	margin-right: 5px;
	}

	.header .nav > li > .dropdown-menu.notification:after, 
	.header .nav > li > .dropdown-menu.notification:before {
		margin-right: 180px;
	}

	.header .nav > li > .dropdown-menu.notification {
  		margin-right: -180px;
	}

	.header .nav > li > .dropdown-menu.inbox:after, 
	.header .nav > li > .dropdown-menu.inbox:before {
		margin-right: 140px;
	}

	.header .nav > li > .dropdown-menu.inbox {
  		margin-right: -140px;
	}

	.header .nav > li > .dropdown-menu.tasks:after, 
	.header .nav > li > .dropdown-menu.tasks:before {
		margin-right: 90px;
	}

	.header .nav > li > .dropdown-menu.tasks {
  		margin-right: -90px;
	}

  	/* Header logo */
	.header .navbar-brand {
  		margin-left: 0px !important;
  		/*width: 110px;*/
	}
	
	/***
	Page content
	***/
	.page-content {
		padding: 0px 10px 10px 10px !important;
		overflow: hidden;
		margin-top:90px !important;
	}

	/***
	Page title
	***/
	.page-title {
		margin-bottom: 20px;
		font-size: 18px;
	}

	.page-title small {
		font-size: 13px;
		padding-top: 3px;
	}
	
	/***
	Styler pagel
	***/
	.styler-panel {
		top:58px;
		right:12px;
	}	

	/***
	Page breadcrumb
	***/
	.breadcrumb {
		padding-left: 10px;
  		padding-right: 10px;
	}

	/***
	Portlet form action
	***/
	.portlet-body.form .form-actions{
	  padding-left: 15px;	
	} 


	/***
	Form input validation states
	***/
	.input-icon .input-error, 
	.input-icon .input-warning, 
	.input-icon .input-success { 
		top:-27px;
		float: right;
		right:10px !important;
	}	

	/***
	Advance tables
	***/
	.table-advance tr td.highlight:first-child a {
		margin-left: 8px;
	}

	/***
	Footer	
	***/	
	.footer {
		padding-left: 10px;
		padding-right: 10px;		
	}	
	
	.footer .go-top {  
		float: right;
		display: block;
		margin-right: 0px;
	}

	/***
	Vertical inline menu
	***/
	.ver-inline-menu li.active:after {
		display: none;
	}

	/***
	Form controls
	***/
	.form-horizontal .form-actions {
  		/*padding-left: 180px; 	*/
  	}

  	.portlet .form-horizontal .form-actions {
  		padding-left: 190px; 	
  	}
}

/***
The Most Extra Small Devices Landscape Mode Only
***/

@media (max-width: 480px) {

	
	
	ul.timeZoneWorld{margin-top: 15px;}
	
	
	.navbar-brand{font-size:14px;text-align: center;width: 100%;padding-bottom: 0;}
	.header .navbar-toggle{position:absolute;}
	.imgUser{height:32px;}
	.header{height:auto;line-height:auto;}
	.header .navbar-toggle{margin-top:0px !important;}
	.header .navbar-nav > li{padding-right:0px !important;}

	/***
	Header navbar
	***/

	.header .navbar-nav {
		display: block !important;
		margin-top: 0px !important;
	}

	.header .navbar-nav > li.dropdown .dropdown-toggle {
  		margin-top:-1px !important;
  	}	

  	.header .navbar-nav li.dropdown .dropdown-toggle .badge {
  		top: 8px;
  	}

  	/***
	Page sidebar
	***/
	.page-sidebar,
	.page-sidebar.in {
		margin: 0 10px 10px 10px;
	}

	/***
	Page title
	***/
	.page-title small {
		display: block;
		clear: both;
	}

	/***
	Forms
	***/
  	.portlet .form-horizontal .form-actions {
  		padding-left: 10px; 	
  	}

	/***
	Dashboard date range panel
	***/
	.page-content .breadcrumb .dashboard-date-range  {
		padding-bottom: 8px;
	} 

	.page-content .breadcrumb .dashboard-date-range span {
		display: none;
	}	

  	.page-content .breadcrumb > .btn-group span {
  		display: none;
  	}

  	.page-content .breadcrumb > .btn-group > .btn {
  		padding-left: 7px;
  		padding-right: 7px;
  	}

	/***
	Hidden phone
	***/
	.hidden-480 {
		display: none !important;
	}
}

/***
The Most Extra Small Devices Portrait Mode Only
***/

@media (max-width: 320px) {

	ul.ticketsList li{
		font-size: 11px;
	}

	.header .nav > li.dropdown .dropdown-toggle {
	  padding-left: 8px !important;
	  padding-right: 8px !important;
	}

	/***
	Hidden phone
	***/
	.hidden-320 {
		display: none;
	}

	.header .navbar-brand {
		/*width: 100px;*/
	}	
}


@media (max-width: 340px) {

	#divAjaxModal .modal-header{padding:0px; margin-top:0px;}
	.marginTop60 {margin-top: 90px !important;}
}

@media (max-width: 1345px) {
	
	.menu_name{display: inline-block;margin-left: 10px;font-size: 14px;}
	
	.leftBarBG{display:none !important;}
	
	#cssmenu ul ul .submenu-button:after{background: #fff;}
	#cssmenu ul ul .submenu-button:before{background: #fff;}
	#cssmenu ul ul .submenu-button.submenu-opened:after {background: #fff;}
	.page-title{margin-top:60px;}
	ul.timeZoneWorld li:nth-child(odd) h4{border-left:0px;}
	ul.timeZoneWorld li{width: calc(50% - 12px);}
	ul.ticketsList li{width: calc(50% - 20px);margin-bottom: 20px;}
	ul.subButton{text-align:center;}
	ul.subButton li{float:none; display:inline-block;}
	.header .navbar-nav > li.dropdown:last-child{padding:0px;}
	.navbar-nav > li > a{
		line-height: 26px !important;
    	text-align: center;}
		.header .navbar-nav{margin-right:0px;}
		.toobBarBG{height:auto;position:absolute;}
		.worldTime{position: inherit;margin-top: 60px;}
	.marginTop70{display: none !important;}
	.arrowUp{left:10px;top: -50px;}
	.arrowDown{left:20px;}
}

@media (min-width: 1901px) {
	
	.toobBarBG .navbar-brand{margin-top:0px;}
	
	/*table tr td{font-family: 'AileronLight'; font-size:11pt !important;}
	table tr th{font-family: 'AileronSemiBold';font-size:12pt !important;} */
	.page-header-fixed .page-container{margin-top:50px;}
	.toobBarBG .navbar-brand {padding: 6px 15px;font-size: 20px;}
	#cssmenu > ul > li > a{padding:0 17px; font-size:16px; height:60px; line-height:60px;}
	#cssmenu ul ul li a{width: auto;font-size: 14px; /*height:44px;*/ padding:10px 15px;}
	.navbar-nav > li > a{line-height: 33px; font-size:18px;}
	[class^="icon-"], [class*=" icon-"]{font-size: 20px;}
	ul.timeZoneWorld li{width: auto;padding: 0 10px;}
	.timetextClass{font-size: 13px;}
	.dropdown-menu li > a{padding: 8px 10px;font-size: 16px;}
	#cssmenu ul ul li{height:44px;}
	.footer{font-size:14px;}
	.hoverNone img{max-height:36px !important; max-width:36px !important;}
	.modal-scrollable .modal.fade.in{top: 50%;}
	.modal.container{ 
		height: 90% !important;
		overflow: auto;
		}
}

@media (min-width: 1600px) and (max-width: 1900px) { 

	
	
	.worldTime .col-md-2{width:12%;}
	.worldTime .col-md-4{width:29%;}
	.worldTime .col-md-6{width:59%;}
	.modal-scrollable .modal.fade.in{top: 50%;}	
	.modal.container{ height: 90% !important;overflow: auto;}
}

@media (min-width: 1346px) and (max-width: 1599px) { 
	.marginTop70{margin-top:130px;}
	.modal-scrollable .modal.fade.in{top: 50%;}	 
	.modal.container{ 
		height: 90% !important;
		overflow: auto;
		}
}

@media (min-width: 980px) and (max-width: 1345px) { 
	.modal-scrollable .modal.fade.in{top: 53%;}	
	.modal.container{ 
		height: 85% !important;
		overflow: auto;
		}
}

@media (min-width: 1345px) and (max-width: 1518px) {  
	.toobBarBG .col-md-8.col-lg-8{
		width:64%;
	}
	
	ul.subButton li img{
		height:20px;
	}
	
	ul.ticketsList li{
		margin: 0 5px;
	}
	ul.timeZoneWorld li{
		width:22%;
	}
}