/*
	::-webkit-scrollbar {
	    height: 12px;
	    width: 12px;
	    background: #000;
	}
	
	::-webkit-scrollbar-thumb {
	    background: #393812;
	    -webkit-border-radius: 1ex;
	    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
	}
	
	::-webkit-scrollbar-corner {
	    background: #000;
	}
	 */  
	 
	 
	 

.appContainerBx{
	display:inline-block;
	width:100%;
	min-width:300px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
}
.appNoti{
	margin:30px 9%;
	text-align:center;
	font-size:100%;
	line-height:20px;
	padding:20px 25px;
	background-color:#f5f5f5;
	color:#444;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
}
.appNotiTitle{
	font-size:110%;
	font-weight:700;
	line-height:23px;
}
.appNotiDesc{
	margin-bottom:10px;
	color:#999;
	font-weight:normal;
}
.appNotiButtons{
}
.notiButton{
	display:inline-block;
	margin:5px;
	padding:12px 24px;
	background:#e5e5e5;
	color:#444;
	font-size:100%;
	line-height:12px;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	text-overflow:ellipsis;
	overflow:hidden;
	cursor:pointer;
	border:none;
	border-radius:999px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
}
.notiButton:hover{
	background:#999;
	color:#fff;
}
.appAppHighlight
	{
	width: 138px; height: 138px; margin-right: 30px; margin-top: 30px; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; opacity: 0.2; background-color: #ccc;
	}
.grab { cursor: -webkit-grab; cursor:-moz-grab; }
.grab:active { cursor: -webkit-grabbing; cursor:-moz-grabbing;}

/*disable scrollbar*/
::-webkit-scrollbar {display:none;}




	 
	  
	 .addDots {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

	 .floatBottom {
	 position: absolute;
    bottom: 0;
    left: 0;
}
	.floatCenter {
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50% )
	}
	
	html {
	/*overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;*/
	font:normal 12px arial, helvetica, serif;
	}
	
	 #sticky {
	     position: fixed;
	     top: 0;
	  }
	.left
		{
		text-align: left;
		}
	
	#rankSelectionContainer
	{
	padding: 10px 0 5px 0;
	cursor:pointer; 
	font: bold 14px Arial, Helvetica, sans-serif;
	}
	#downButton
	{
	margin:0px 0px 0px 0px;
	}
	#downButtonimage
	{
	margin:0px 0px 0px 0px;
	}
	.selectionbox2
	{
		font-size: 13px;
		font-weight:bold;
		padding: 3px;
		background-color: #690000;
		color: white;
		background: #7db9e8; /* Old browsers */
	background: -moz-linear-gradient(top,  #7db9e8 0%, #2989d8 50%, #1e5799 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(50%,#2989d8), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7db9e8 0%,#2989d8 50%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7db9e8 0%,#2989d8 50%,#1e5799 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7db9e8 0%,#2989d8 50%,#1e5799 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7db9e8 0%,#2989d8 50%,#1e5799 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
	
	
		border:1px solid #7c7c7c;
		line-height: 17px;
		height: 25px;
		width:50px;
	}
	
	.dropActiveClass{background-color:#abcdff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.dropHoverClass{background-color:#a4ffad; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.dropStandard{background-color:#eaeaef; float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:10px; width:100%; }
	
	
	
	.stretch50
		{
		transform: scale(1, 1.5);
		-webkit-transform: scale(1, 1.5);
		-moz-transform: scale(1, 1.5);
		-o-transform: scale(1, 1.5);
		-ms-transform: scale(1, 1.5);
		}
	
	.stretch30
		{
		transform: scale(1, 1.3);
		-webkit-transform: scale(1, 1.3);
		-moz-transform: scale(1, 1.3);
		-o-transform: scale(1, 1.3);
		-ms-transform: scale(1, 1.3);
		}
	

	.stretch20
		{
		transform: scale(1, 1.2);
		-webkit-transform: scale(1, 1.2);
		-moz-transform: scale(1, 1.2);
		-o-transform: scale(1, 1.2);
		-ms-transform: scale(1, 1.2);
		}

	.stretch10
		{
		transform: scale(1, 1.1);
		-webkit-transform: scale(1, 1.1);
		-moz-transform: scale(1, 1.1);
		-o-transform: scale(1, 1.1);
		-ms-transform: scale(1, 1.1);
		}

	.stretch5
		{
		transform: scale(1, 1.05);
		-webkit-transform: scale(1, 1.05);
		-moz-transform: scale(1, 1.05);
		-o-transform: scale(1, 1.05);
		-ms-transform: scale(1, 1.05);
		}
			
	.backgroundBlur
		{
		-webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px);
		}
	
	.darkGrayFont
		{
		color:#14141e;
		}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	::-webkit-scrollbar:disabled {
		background: red;
		-webkit-border-image: none;
		display: none;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.cursor{cursor:pointer;}
	.red {color: #ff4054}
	.green{color:#00aa50}
	.medGray{color:#cccccc}
	.blue{color:#008cf0} /*#0000ff*/
	.greenBorder{border-color:#00aa50}
	.redBorder{border-color:#ff4054}
	.blueBorder{border-color:#008cf0}
	.lightGray{color:#aaaab4}
	.lightGrayBorder{border-color:#aaaab4}
	
	.darkGray{color:#32323c}
	
	.hoverText:hover {color: #ff4054}
	
	.blueBackground {background-color: #B5DCFF} /* #dee6ff */
	.whiteBackground {background-color: #ffffff}
	.greenBackground {background-color:#c8ffd0}
	.redBackground {background-color:#ffdfdf}
	
	.hoverTurnBlue:hover {background-color: #dee6ff}
	.hoverTurnLtBlue:hover {background-color: #D6EBFF}
	.hoverTurnLtOrange:hover {background-color: #FFDC9C}
	.hoverTurnLtLtBurgundy:hover {background-color: #ffe1e1}
	.hoverTurnGreen:hover {background-color: #c8ffd0}
	.hoverTurnDarkGray:hover {background-color: #D8D8D8}
	.hoverTurnDkGrayFromLt:hover {background-color: #32323c}
	.hoverTurnDkGrayFromLt {background-color: #555566}
	
	
	
	.superLightGrayBackground {background-color:#F9F9F9}
	.lightGrayBackground {background-color: #F0F2F0}
	.medGrayBackground {background-color: #e7e7e7}
	
	.lightBrownBackground {background-color: #FAF5EA}
	.lightBasicBackground {background-color: #96CCFE}
	.lightAdvancedBackground {background-color: #FFD3BE}
	.lightExtremeBackground {background-color: #FFD3DD}
	
	.graySelectionBox {text-align:left; line-height:14px; margin-bottom:10px; padding:10px 15px 10px 15px; cursor:pointer;  -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; font-size:13px; }
	
	.showExpand {position:relative;}
	
	.redBackground {background-color:#ffdfdf}
	.hoverTurnRed:hover {background-color: #ff4054}
	.hoverTurnLightRed:hover {background-color: #ffb3bb}
	
	.hoverTextBlue:hover {color:#0075ff}
	.hoverTextDarkGray:hover {color:#32323c}
	.hoverTextGreen:hover {color:#c8ffd0}
	.hoverTextRed:hover {color:#ff4054}
	.hoverFullOpacity:hover {opacity: 1.0;}
	
	.clickTextBlue:active{color:#0075ff}
	
	
	.twentyOpacity {opacity: .20;}
	.focusFullOpacity:focus {opacity: 1.0}
	
	.normalOpacity 
		{
		-moz-opacity: 0.80;
		-khtml-opacity: 0.80;
		opacity: 0.80;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
		filter:alpha(opacity=80);
		}
	
	.darkOpacity
		{
		-moz-opacity: 0.85;
		-khtml-opacity: 0.85;
		opacity: 0.85;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=85);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
		filter:alpha(opacity=85);
		}
	.darkerOpacity
		{
		-moz-opacity: 0.88;
		-khtml-opacity: 0.88;
		opacity: 0.88;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=88);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=88);
		filter:alpha(opacity=88);
		}
	.darkererOpacity
		{
		-moz-opacity: 0.90;
		-khtml-opacity: 0.90;
		opacity: 0.90;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
		filter:alpha(opacity=90);
		}
	
	.brightBlue
		{
		background-color: #418cfd; color:white;  text-shadow: 0px -1px 1px #000!important;
		}
	
	.designStudioDropdown, .csDropdown
		{
		 -webkit-box-shadow: 0 4px 18px 0 rgba(0,0,0,0.1);
		 -moz-box-shadow:    0 4px 18px 0 rgba(0,0,0,0.1);
		 box-shadow:         0 4px 18px 0 rgba(0,0,0,0.1);
		 font-family:'Lucida Sans','Lucida Grande',Arial,Helvetica,sans-serif;
		 display:none; 
		 position:absolute; 
		 top:40px; 
		 left:0px; 
		 z-index:10002; 
		 background-color:white;  
		 border:solid;  
		 border-width:0px 1px 1px 1px; 
		 border-size:1px; 
		 border-color: #c7c7c7; 
		 padding-bottom:10px; 
		 padding-top:10px; 
		  -moz-opacity: 0.97;
			-khtml-opacity: 0.97;
			opacity: 0.97;
			-ms-filter:'progid:DXImageTransform.Microsoft.Alpha'(Opacity=97);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=97);
			filter:alpha(opacity=97);
	
	  filter:alpha(opacity=97);
		}
		
	.menuOption
		{
		float:left; width:135px; height:30px; line-height:30px; padding-left:15px; cursor:pointer; font-size:13px;
		}
	.grayOutMenuItems
		{
		float:left; width:135px; height:30px; line-height:30px; font-size:13px;
		color:#bbbbbb;
		font-style: italic
		cursor:auto;
		margin-left:15px;
		}
	.menuOption:hover, .hoverTurnBrightBlue:hover
		{
		background-color: #418cfd; color:white;  text-shadow: 0px -1px 1px #000!important;
		}
	
	.selectionbox
	{
		font:normal 15px Arial, Helvetica, sans-serif;
		padding: 3px;
		color: #008cf0;
		border:1px solid #690000;
		line-height: 20px;
		 border:none;
	    background:url(../Images/transparent.png) 0 0 no-repeat;
	    -webkit-appearance: none;
	
	    appearance: none;
		-moz-appearance: window; 
		  overflow:hidden;
	}
	.csHighlightSelection
	{
	background-color:#d9e4ff;
	}
.csSelectionCompany
	{

	float:left;
	width:100%;
	cursor:pointer;
	}
	
	
.hoverInnerTextBlue:hover .innerTextBlue {
   color: #008cf0;
}
.hoverInnerTextRed:hover .innerTextRed {
   color: #ff4054;
}



/*make scrollbar hidden but still allow scroll */
::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #FF0000;
}
















.checkBoxAnimated {
	width: 80px;
	height: 26px;
	background: #333;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.checkBoxAnimated:after {
	content: 'OFF';
	font: 12px/26px Arial, sans-serif;
	color: #000;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.checkBoxAnimated:before {
	content: 'ON';
	font: 12px/26px Arial, sans-serif;
	color: #00bf00;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}

.checkBoxAnimated label {
	display: block;
	width: 34px;
	height: 20px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.checkBoxAnimated input[type=checkbox]:checked + label {
	left: 43px;
}

.onOffSwitch {
	position:relative;
	display:inline-block;	
	width:40px;
	height:22px;
	border-radius:22px;
	cursor:pointer;
}
.onOffSwitch input[type="checkbox"] {
	display:none;
}
.onOffSwitch input[type="checkbox"]+.checkbox:before {
	position:absolute;
	z-index:1;
	top:2px;
	right:0;
	bottom:0;
	left:2px;
	width:36px;
	height:18px;
	background:transparent;
	border-radius:22px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	content:"";
}
.onOffSwitch input[type="checkbox"]+.checkbox:after {
	position:absolute;
	z-index:2;
	top:2px;
	right:0;
	bottom:0;
	left:2px;
	width:18px;
	height:18px;
	background:#fff;
	border-radius:18px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	content:"";
}
.onOffSwitch input[type="checkbox"]+.checkbox {
	position:relative;
	z-index:0;
	width:40px;
	height: 22px;
	margin:0;
	padding:0;
	background:rgba(0,0,0,.4);
	border:none;
	border-radius: 22px;
	cursor:pointer;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.onOffSwitch input[type="checkbox"]:checked+.checkbox {
	background:#00CF00;
}
.onOffSwitch input[type="checkbox"]:checked+.checkbox:before {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.onOffSwitch input[type="checkbox"]:checked+.checkbox:after {
	left: 20px;
}







.ui-autocomplete {
    z-index: 10002 !important;
}









/* libraryGallery */

@media screen and (max-width: 400px) {
.libraryGalleryBx {
	width:75%;
	height:200px;
	margin:2px;
}
}
@media screen and (max-width: 740px) and (min-width: 400px) {
.libraryGalleryBx {
	width:42%;
	height:200px;
	margin:4px;
}
}
@media screen and (max-width: 1000px) and (min-width: 740px) {
.libraryGalleryBx {
	width:38%;
	height:200px;
	margin:4px;
}
}
@media screen and (max-width: 1200px) and (min-width: 1000px) {
.libraryGalleryBx {
	width:30%;
	height:200px;
	margin:4px;
}
}
@media screen and (max-width: 1500px) and (min-width: 1200px) {
.libraryGalleryBx {
	width:23%;
	height:200px;
	margin:4px;
}
}
@media screen and (min-width: 1500px) {
.libraryGalleryBx {
	width:18%;
	max-width:350px;
	height:200px;
	margin:4px;
}
}

/************************************/

.libraryGallery {
	background:#eeeeee; 
}
.libraryGalleryContainer {
	position:relative;
	margin:0 20px;
	padding:40px 0 80px;
	overflow:hidden;
}
.libraryGalleryTitle{
	display:block;
	margin-bottom:30px;
	text-align:center;
}
.libraryGallery h1 {
	font-family: "Open Sans";
	font-size: 29px;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	color:#444444;
	margin:0;
	padding:0;
}
.libraryGalleryGrid {
	display:block;
	position:relative;
	margin:20px auto;
	text-align:center;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.libraryGalleryBx {
	display:inline-block;
	position:relative;
	padding:10px;
	background:#eeeeee;
	border: solid #dddddd 1px;
	box-sizing: border-box;
	overflow:hidden;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.libraryGalleryBx:hover {
	border: solid #aaaaaa 1px;
}
.libraryGalleryBxIn {
	display:block;
	position:relative;
	height:100%;
	width:100%;
	overflow:hidden;
}
.libraryGalleryImg {
	width:100%;
	height:100%;
	text-align:left;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.libraryGalleryImg a {
	position:absolute;
	width:100%;
	height:100%;
	text-decoration:none;
}
.libraryGalleryImg img {
	position: absolute;
	top: 50%;
    left: 50%;
	max-width:100%;
	max-height:100%;
	margin-right: -50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}



/*
.appAppContainer
	{
	width:136px;
	height:136px;
	margin-right:30px;
	margin-top:30px;
	display:inline-block;
	position:relative;
	border:solid;
	border-width: 1px;
	border-color:#d6d6d6;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	cursor:pointer;
	background-color:#f2f2f2;
}
*/



.dCSubmit
	{
	cursor: pointer;
	}



.trackingHighlight {
    position: relative;
    display: inline-block;
    float: left;
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:60px; 
    background-color:transparent;
}










/*************** JUSTIN ADDED THIS ********/
.appMenuDroppableHover
	{
	font-size:14px;
	font-weight: bold;
	}

.pageSnippetSelected.pageSnippet 
	{
	/*
	-webkit-box-shadow: inset 0 0 2px rgb(0, 43, 255), 0 0 2px rgb(0, 43, 255);
	-moz-box-shadow: inset 0 0 2px rgb(0, 43, 255), 0 0 2px rgb(0, 43, 255);
	box-shadow: inset 0 0 2px rgb(0, 43, 255), 0 0 2px rgb(0, 43, 255);
	*/
	-webkit-box-shadow:inset 0 0 0 1px rgba(0,132,255,1);
    -moz-box-shadow:inset 0 0 0 1px rgba(0,132,255,1);
    box-shadow: inset 0 0 0 1px rgba(0,132,255,1);
	}
.pageSnippetSelectedAlso.pageSnippet
	{
	/*
	-webkit-box-shadow: inset 0 0 2px rgb(0, 43, 255), 0 0 2px rgb(0, 43, 255);
	-moz-box-shadow: inset 0 0 2px rgb(0, 43, 255), 0 0 2px rgb(0, 43, 255);
	box-shadow: inset 0 0 2px rgb(0, 43, 255), 0 0 2px rgb(0, 43, 255);
	*/
	-webkit-box-shadow:inset 0 0 0 1px rgba(0,132,255, 1);
    -moz-box-shadow:inset 0 0 0 1px rgba(0,132,255, 1);
    box-shadow: inset 0 0 0 1px rgba(0,132,255, 1);
	}

	
.b-fileMenuItemLinkHighlight	
	{
	display: block;
	padding: 0px;
	border:0;
	outline:0;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;		
	}	




.pagesPageOptionSlider
	{
	float:left;
	width:100%;
	}
	
/*for color picker*/
.sp-replacer
	{
	padding: 0px;
	margin-left:1px;
	}
.sp-dd
	{
	display: none;
	}
.sp-preview
	{
	margin-right:0px;
	border:initial;
	width:20px;
	}	
/*for color picker*/	


.pagesSnippetHTMLContainer
	{
	padding:15px;width: 100%;height: 100%;bottom: 0px;left: 0px;position: absolute; z-index: 1;
	}

/*************** JUSTIN ADDED THIS ********/












/*****************************************************************************************/
/******************************* USED FOR TESTING ONLY ***********************************/
/*****************************************************************************************/
	body {
	  font: normal 12px arial, helvetica, serif;
	}
	
	.p1 {
	  width: 0%;
	  background-color: #e22d0e;
	}
/*****************************************************************************************/
/*****************************************************************************************/
/*****************************************************************************************/





/************************************************************************************************************/

/* --------------------*/ /* ------------------>>>   TABLE   <<<------------------*/ /* --------------------*/

/************************************************************************************************************/
.tableEdit {}
.tableBody {
	width:100%;
	background:#f5f5f5;
	border:solid 1px #dedede;
	border-radius: 6px;
	overflow:hidden;
}
.tableBodyMenu {
	visibility:hidden;
	float:left;
	width:100%;
	height:0;
	background:#f0f0f0;
	transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
    transition-property: visibility, height;
}
.tableEdit .tableBodyMenu {
	visibility:visible;
	height:40px;
	border-bottom:solid 1px #d8d8d8;
}
.tableBodyMenuItem {
	float:right;
	display:inline-block;
	height:40px;
	padding:10px;
	vertical-align:middle;
	text-align:center;
	box-sizing:border-box;
}
.tableTableWrapper {}
.tableTable {
	display:table;
	width: 100%;
	color: #444;
	border-collapse:collapse;
}
.tableRow {
	display:table-row;
	width:100%;
	box-sizing:border-box;
	border-bottom: solid 1px #dedede;
	font-size:12px;
	background:#fff;
}
.tableRow:first-child {}
.tableRow:last-child {
	border-bottom: none;
}
.tableHead {
	font-size:11px;
	font-weight:800;
	text-transform:uppercase;
    background: #f0f0f0;
}
.tableCell {
	display:table-cell;
	padding: 10px;
	text-align:center;
	vertical-align:middle;
}
.tableRowCollapse {
	position:absolute;
	overflow: hidden;
    padding: 15px 20px;
    visibility: hidden;
    z-index: -1;
	opacity:0;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
}
.tableRowExpand {
	position:relative;
    visibility: visible;
    z-index: 1;
	opacity:1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease, opacity 150ms ease-in;
    transition: transform 300ms ease, opacity 150ms ease-in;
    transition: transform 300ms ease, -webkit-transform 300ms ease, opacity 150ms ease-in;
}


.tableRouteBlock {
    background:transparent;
}
.tableRouteNumber {min-width: 24px;padding: 3px;}
.tableRouteCustomer {
	width:180px;
	font-weight:700;
}
.tableRouteAddress {
	font-size: 11px;
	font-weight: normal;
	color:rgba(66, 134, 244, 1);
	text-decoration:none;
}
.tableRouteAddress:hover {
	text-decoration:underline;
}
.tableRouteNotes {
	font-size: 11px;
	color: #999;
}
.tableRouteStatus {}
.tableTable .delivered {
	background:transparent;
}






/************************************************************************************************************/

/* -------------------*/ /* ------------------>>>   GLOBAL   <<<-------------------*/ /* -------------------*/

/************************************************************************************************************/
.globalHeader {
	margin:20px 0 15px;
}
.globalHeaderCell {
	display:table-cell;
	padding: 5px 0;
	text-align:left;
	vertical-align:middle;
}
.globalHeader img {
	max-height: 40px;
	border-width:0;
    border-radius: 6px;
	box-sizing:content-box;
    overflow: hidden;
}
.globalTitle {
	float:left;
	margin: 0 20px 0 0;
	padding: 0 5px;
	font-size:21px;
	font-weight:700;
	color:#3a3a3a;
}
.globalTitleMenu  {
	float:left;
	margin: 2px 0 0 0;
}
.globalTitleMenuItem  {
	float:left;
	margin:0 10px 0 0;
	padding:5px 7px;
	font-size:12px;
	font-weight:600;
	cursor:pointer;
	color:#999;
}
.globalTitleMenuItem:hover  {
	color:#4a4a4a;
}







.trCreateDriverSelected
	{
	border:solid 2px blue;
	}







.inputBoxContainer
	{
	width:100%; float:left; margin-top:10px;
	}	
.inputTitle
	{
	float:left; width:30%; text-align:right; font-size:12px; line-height: 30px;
	}
.inputEnter
	{
	float:left; width:50%; height:30px;
	}
.textSelect
	{
	color:blue;
	cursor: pointer;
	}
.textSelect:hover {
    text-decoration: underline;
}