/* Site Colors:
 Comments
 */

/* FOOTER -------------------------------------------------------------- */
#footer {
	height: 70px;
	margin: 80px auto 0px auto;
	padding: 0px 0 0 0;
	text-align: left;
	min-width: 780px;
}
#footer-left {
	color: #818181;
	font-size: 11px;
	line-height: 11px;
	padding: 15px 0 15px 25px;
	margin: 0 20px;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	background: url(../images/logo-swirl.png) no-repeat 0 7px;
}
#footer-left a {
	color: #818181;
	text-decoration: none;
}
#footer-left 	 a.selected, #footer-left 	 a:hover {
	color: #000;
	text-decoration: none;
}
.navbar{
	border-radius: 0;
}
.topsearch{
	margin-right: 10px;
	margin-top: 22px;
}

/* Menu for stages -------------------------------------------------------------- */
[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}
.stageCode {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	height:10px;
}
.stageName {
	text-align: center; 
	font-size: 10px; 
	height: 20px;
}
.stageStats {
	text-align: center; 
	font-size: 10px; 
	height: 5px;
}

.menustage-hightlight {
	transform: scale(1.5, 1.6) translateY(-20px);
	-webkit-transform: scale(1.5, 1.6) translateY(-20px);
	-moz-transform: scale(1.5, 1.6) translateY(-20px);
	-o-transform: scale(1.5, 1.6) translateY(-20px);
	-ms-transform: scale(1.5, 1.6) translateY(-20px);
	-moz-box-shadow: 10px 10px 75px #000000;
	-webkit-box-shadow: 10px 10px 75px #000000;
	box-shadow: 10px 10px 75px #000000;
	background-color: #3276b1 ;
	color: white;
}
.table-menu-stages tr {
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
}
.rotateright {
	-webkit-transform: perspective(120px) rotatey(-39deg) translateX(-5px) !important;
	-moz-transform: perspective(120px) rotatey(-39deg) translateX(-5px);
	-o-transform: perspective(120px) rotatey(-39deg) translateX(-5px);
	-ms-transform: perspective(120px) rotatey(-39deg) translateX(-5px);
	transform: perspective(120px) rotatey(-39deg) translateX(-5px);
}
.hightlightright {
	-webkit-transform: perspective(120px) rotatey(-39deg) translateX(-5px);
	-moz-transform: perspective(120px) rotatey(-39deg) translateX(-5px);
	-o-transform: perspective(120px) rotatey(-39deg) translateX(-5px);
	-ms-transform: perspective(120px) rotatey(-39deg) translateX(-5px);
	transform: perspective(120px) rotatey(-39deg) translateX(-5px);
}
.rotateleft, .hightlightleft {
	-webkit-transform: perspective(120px) rotatey(39deg) translateX(5px);
	-moz-transform: perspective(120px) rotatey(39deg) translateX(5px);
	-o-transform: perspective(120px) rotatey(39deg) translateX(5px);
	-ms-transform: perspective(120px) rotatey(39deg) translateX(5px);
	transform: perspective(120px) rotatey(39deg) translateX(5px);
}
.table-menu-stages td {
	height: 100px;
	margin-right: 1%;
	-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 3px 10px rgba(0,0,0,.8);
	box-shadow: 0px 3px 10px rgba(0,0,0,.8);
}
.table-menu-stages td:last-child {
	margin-right: 0.5%;
}
.table-menu-stages td:first-child {
	margin-left: 0.5%;
}
.menustage-hover {
	transform: scale(1.5, 1.8);
	-webkit-transform: scale(1.5, 1.8) translateY(-20px);
	-moz-transform: scale(1.5, 1.8);
	-o-transform: scale(1.5, 1.8);
	-ms-transform: scale(1.5, 1.8);
	-moz-box-shadow: 10px 10px 75px #000000;
	-webkit-box-shadow: 10px 10px 75px #000000;
	box-shadow: 10px 10px 75px #000000;
	background-color: #3276b1;
	color: white;
	opacity: 0.7;
	cursor: pointer;
}
form[name="editableForm"] > div {
  height: auto;
  padding: 5px 0;
}

form[name="editableForm"] .title {
  display: inline-block;
  font-weight: bold;
  padding-top: 5px;
  vertical-align: top;
  min-width: 145px;
}

form[name="editableForm"] .editable {
  display: inline-block;
  padding-top: 5px;
  vertical-align: top;
}

form[name="editableForm"] select {
  width: 120px;
}

div[ng-controller] table tr td {
  height: 45px;
  /*text-align: center;*/
  vertical-align: middle;
}

/* modal-main for Survey Pack Label   -------------------------------------------------------------- */
.label-custom1 {
	background-color: #3498db;;
}
.label-custom2 {
	background-color: #033c73;
}

pre{
	font-family:Arial, Helvetica, sans-serif;
}

/* for timepicker ( jquery-ui-timepicker-addon.js )   -------------------------------------------------------------- */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }