/* Required for Top and Side Bars */
@import "/private/bootstrap/bootstrap.min.css";
@import "/private/bootstrap/jquery.smartmenus.bootstrap.css";
@import "/private/bootstrap/simple-sidebar.css";
@import "/private/Includes/ScrollingTable.css";


body {
	background-color:#e6e6e6;
    background-size:auto;
	box-sizing:border-box;
	margin:0;
	padding: 0px 10px 30px 10px;
	}

.Buttons {
	margin:5px 0px 5px 0px;
	}


/* ******* */
/* Buttons */
/* ******* */
/* http://charliepark.org/bootstrap_buttons/ */
.btn {
	border: 1px solid black;
	font-size:12px;
	margin:1px 2px;
	padding:4px 8px;
	}


/* Hue 240, Saturation 100, Lightness 20, Puffiness 10 */
.btn-app {
	background-color: hsl(240, 100%, 10%) !important;
	background-repeat: repeat-x;
	border-color: #000033 #000033 hsl(240, 100%, 5%);
	border-color: black;
	color: #fff !important;
	-webkit-font-smoothing: antialiased;
    background-image: linear-gradient(#69af28, #193f11);
	background-image: linear-gradient(#4040ff, #000033);
	}
/* Hue 240, Saturation 100, Lightness 61, Puffiness 10 */
.btn-app:hover,
.btn-app:focus
	 {
	background-color: hsl(240, 100%, 61%) !important;
	background-repeat: repeat-x;
	border-color: #3838fe #3838fe hsl(240, 100%, 56.5%);
	color: #000 !important;
	-webkit-font-smoothing: antialiased;
    background-image: linear-gradient(#4cbe35, #2c6f1f);
	background-image: linear-gradient(#9393ff, #3838fe);
	border-color: darkgreen;
	}	
.btn-app:disabled {
	background-color: hsl(240, 100%, 61%) !important;
	background-repeat: repeat-x;
	border-color: #3838fe #3838fe hsl(240, 100%, 56.5%);
	border-color: black;
	color: #fff !important;
	-webkit-font-smoothing: antialiased;
	background-image: linear-gradient(#a9a9a9, #666666);
	}	


/* Hue 240, Saturation 100, Lightness 20, Puffiness 10 */
.btn-del {
	background-color: hsl(240, 100%, 10%) !important;
	background-repeat: repeat-x;
	border-color: #000033 #000033 hsl(240, 100%, 5%);
	border-color: black;
	color: #fff !important;
	-webkit-font-smoothing: antialiased;
    background-image: linear-gradient(#89cf48, #395f31);
	}
/* Hue 240, Saturation 100, Lightness 61, Puffiness 10 */
.btn-del:hover,
.btn-del:focus
	 {
	background-color: hsl(240, 100%, 61%) !important;
	background-repeat: repeat-x;
	border-color: #3838fe #3838fe hsl(240, 100%, 56.5%);
	color: #000 !important;
	-webkit-font-smoothing: antialiased;
    background-image: linear-gradient(#4cbe35, #2c6f1f);
	border-color: darkgreen;
	}	
.btn-del:disabled {
	background-color: hsl(240, 100%, 61%) !important;
	background-repeat: repeat-x;
	border-color: #3838fe #3838fe hsl(240, 100%, 56.5%);
	border-color: black;
	color: #fff !important;
	-webkit-font-smoothing: antialiased;
	background-image: linear-gradient(#a9a9a9, #666666);
	}	


/* Hue 240, Saturation 50, Lightness 65, Puffiness 10 */
.btn-table {
	background-color: hsl(240, 50%, 55%) !important;
	background-repeat: repeat-x;
	border-color: #5252c5 #5252c5 hsl(240, 50%, 50%);
	border-color:black;
	color: #fff !important;
	-webkit-font-smoothing: antialiased;
	font-size: 10px;
	margin-bottom:2px;
	margin-top:2px;
	padding: 2px;
	width: 50px;
    background-image: linear-gradient(#398f28, #193f11);
	background-image: linear-gradient(#4040ff, #000033);
	}
/* Hue 240, Saturation 50, Lightness 80, Puffiness 10 */
.btn-table:hover,
.btn-table:focus
	{
	background-color: hsl(240, 50%, 70%) !important;
	background-repeat: repeat-x;
	border-color: #8c8cd8 #8c8cd8 hsl(240, 50%, 65%);
	color: #000 !important;
	-webkit-font-smoothing: antialiased;
	font-size: 10px;
	margin-bottom:2px;
	margin-top:2px;
	padding: 2px;
	width: 50px;
    background-image: linear-gradient(#4cbe35, #2c6f1f);
	background-image: linear-gradient(#9393ff, #3838fe);
   	border-color:darkgreen;
	}
.btn-table:disabled {
	background-color: hsl(240, 50%, 70%) !important;
	background-repeat: repeat-x;
	border-color: #8c8cd8 #8c8cd8 hsl(240, 50%, 65%);
	color: #fff !important;
	-webkit-font-smoothing: antialiased;
	font-size: 10px;
	margin-bottom:2px;
	margin-top:2px;
	padding: 2px;
	width: 50px;
	background-image: linear-gradient(#a9a9a9, #666666);
	}
.btn-table-new {
	background-color: hsl(240, 50%, 55%) !important;
	background-repeat: repeat-x;
	border-color: #5252c5 #5252c5 hsl(240, 50%, 50%);
	border-color:black;
	color: #fff !important;
	-webkit-font-smoothing: antialiased;
	font-size: 10px;
	margin-bottom:2px;
	margin-top:2px;
	padding: 2px;
	width: 50px;
    background-image: linear-gradient(#59af58, #395f31);
	}

/* *********** */
/* Buttons End */
/* *********** */


fieldset {
	border:1px darkgreen solid;
	border-radius:4px;
	float:left;
	margin: 2px 2px 2px 2px;
	padding:2px 6px 6px 6px;
	text-align:center;
	}

.fill {
	background-color:#faebd7;
	overflow:hidden;
 	text-indent:2px;
	}

.fill-panel {
	background-color:#d9d9d9; 
	}


#footer { 
    background-image: linear-gradient(#398f28, #193f11);
	border: none;
	bottom: 0px;
	clear: both;
	color:white;
	font-size:12px;
	height: 30px;
	left:0px;
	padding:4px 0px 10px 0px;
	position: fixed;
	text-align: center;
	width: 100%;
	}

.glyphicon-play {
	font-size:8px;
	}

.xglyphicon-play {
	font-size:8px;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);"
	}


.group {
	background-color:#faebd7;
	border:2px #193f11 solid;
	border-radius:4px;
	margin:4px auto 10px auto;
	padding:4px;	
	}
.group p {
	font-weight:bold;
	font-size:12px;
	margin:0px;
	text-align:center;
	}
.group-outer {
	background-color:#faebd7;
	border:2px #193f11 solid;
	border-radius:4px;
	color:black;
	display:inline-block; 
	font-size:12px;
	margin:5px auto 5px auto; 
	padding:4px; 
	text-align:center; 
	}
.group-notice {
	background-color:lemonChiffon;
	border:2px #193f11 solid;
	border-radius:4px;
	color:black;
	font-size:12px;
	margin:4px auto 10px auto;
	padding:8px; 
	text-align:justify; 
	width:450px;
	}
.group-notice p {
	font-weight:bold;
	font-size:12px;
	margin:0px;
	text-align:center;
	}
.group-title {
	background-color:white; 
	border:2px #193f11 solid;
	border-radius:4px;
	color:black;
	font-size:12px;
	margin:5px auto 5px auto; 
	padding:8px; 
	text-align:center; 
	width:380px;	
	}


input {
	background-color:lemonChiffon;
	background-color:#f1e7da;
	border:1px gray inset;
	padding-left:2px;
	}

input:focus {
	background-color:white;
	}

.InputName {
	font-family:"Microsoft Sans Serif";
	font-size:12px;
	font-weight:normal;
	width:210px;
	}

.InputPhone {
	font-family:"Microsoft Sans Serif";
	font-size:12px;
	font-weight:normal;
	width:90px;
	}

.InputState {
	font-family:"Microsoft Sans Serif";
	font-size:12px;
	font-weight:normal;
	width:40px;
	}

.InputZip {
	font-family:"Microsoft Sans Serif";
	font-size:12px;
	font-weight:normal;
	width:80px;
	}

.InputNumber {
	font-family:"Microsoft Sans Serif";
	font-size:12px;
	font-weight:normal;
	width:50px;
	}

.InputDate {
	font-family:"Microsoft Sans Serif";
	font-size:12px;
	font-weight:normal;
	text-align:left;
	width: 120px;
	}

.InputCurrency {
	font-family:"Microsoft Sans Serif";
	font-size:12px;
	font-weight:normal;
	padding: 0px 4px 0px 0px;
	text-align:Right;
	width: 60px;
	}

img {
	margin-top:4px;
	position: relative;
	top:-8px;
	}

.left {
	text-align:left;
	}

legend {
	background-color:transparent;
	font-family:"Microsoft Sans Serif";
	font-size:10px;
	margin:0px 2px 0px 2px;
	padding:0px 2px 0px 0px;
	text-align:left;
	width:auto;
	}



/* ******* */
/* navbars  */
/* ******* */
.navbar {
	line-height: 32px;
	margin:0px;
	min-height:32px;
	padding:0px;
	}

.navbar-header {
	padding: 0px 30px 0px 0px;
	}

.navbar-brand { 
	color:lightblue; 
	font-size: 16px;
	font-weight:bold;
	height: 32px; 
	line-height: 32px;
	padding:0px 10px;
	}

.navbar-inverse {
	background-color: hsl(240, 100%, 10%) !important;
	background-repeat: repeat-x;
	border-color: #000033 #000033 hsl(240, 100%, 5%);
	color: #fff !important;
	-webkit-font-smoothing: antialiased;
    background-image: linear-gradient(#398f28, #193f11);
	background-image: linear-gradient(#9393ff, #3838fe);
	background-image: linear-gradient(#4040ff, #000033);

	}

.navbar-brand img { 
	padding-top:5px;
	}

.navbar-brand span { 
	color:lightblue; 
	}

.navbar .navbar-nav > li > a {  
	background-color: hsl(240, 100%, 10%) !important;
	background-repeat: repeat-x;
	border-color: #000033 #000033 hsl(240, 100%, 5%);
	-webkit-font-smoothing: antialiased;
    background-image: linear-gradient(#398f28, #193f11);
	background-image: linear-gradient(#4040ff, #000033);
	color: #fff !important;
	font-size: 14px;
	padding-top: 0px; 
	padding-bottom: 0px; 
	line-height: 32px; 
	}

.navbar .navbar-nav > li > a:hover {  
	color: black !important;
	}

.navbar .navbar-toggle {
	margin-top: 3px;
	margin-bottom: 0px;
	padding: 8px 9px;
	}

.navbar .navbar-form {
	margin-top: 2px;
	margin-bottom: 0px 
	}

.navbar .navbar-collapse {
	border-color: #A40303;
	}

.navbar .dropdown-menu {
	width:180px;
	}
/* ************ */
/* nav bars end */
/* ************ */


.notice {
	background-color:lemonChiffon; 
	font-size:12px;
	margin-top:20px; 
	padding:8px; 
	text-align:justify; 
	width:450px;
	}

p {
	color:black;
	font-family:"Microsoft Sans Serif";
	font-size:10px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	}

.PageDiv,
.pageDiv {
	text-align:center;
	margin:0px auto 30px auto;
	}


.panel {
	background-color:#f8f8f8;
	border-left:1px #444444 solid;
	border-top:1px #444444 solid;
	border-bottom:1px #ffffff solid;
	border-right:1px #fdfdfd solid;
	font-family:"Microsoft Sans Serif";
	font-size:12px;
	height:17px;
    margin: 3px 0px 3px 0px;
    padding:0px 0px 0px 0px;
	text-align:left;
	}
.panel-inset {
	background-color: white; 
	border:2px lightgray inset; 
	display:inline-block; 
	float:left; 
	margin:2px;	
	}

.panel-raised {
	background-color:#d9d9d9; 
	border:2px lightgray outset; 
	display:inline-block; 
	float:left; 
	margin:2px;
	padding:6px;
	}
.RaisedPanel {
	background-color:#d9d9d9; 
	border:2px lightgray outset; 
	display:inline-block; 
	float:left; 
	margin:2px;	
	}

.InsetPanel {
	background-color: white;
	border:2px lightgray inset; 
	display:inline-block; 
	float:left; 
	margin:2px;	
	padding:5px;
	}

.right {
	text-align:right;
	}

.rotate-90 {
	font-size:8px;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);"	
	}

select {
	background-color:#f1e7da;
	border:1px gray inset;
	}

select:focus {
	background-color:white;
	}


/* *********** */
/* Tab buttons */
/* *********** */
.tab-content {
	margin:0px;
	padding:0px;						/* gap between tab and panel */
	}
.nav-tabs > li > a {
	background: -moz-linear-gradient(top, #444444 10%, #333333 30%, #222222 30%, #000000 30%); 						/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #444444), color-stop(50%, black)); 	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #444444 10%, #333333 30%, #222222 30%, #000000 30%); 					/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #444444 10%, #333333 30%, #222222 30%, #000000 30%); 						/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #444444 10%, #333333 30%, #222222 30%, #000000 30%); 						/* IE10+ */
	background: linear-gradient(to bottom, #444444 10%, #333333 30%, #222222 30%, #000000 30%); 					/* W3C */
	color:white;																									/* foreground color of inactive tab */
	background-color: hsl(240, 100%, 10%) !important;
	background-repeat: repeat-x;
	border-color: #000033 #000033 hsl(240, 100%, 5%);
	color: #fff !important;
	-webkit-font-smoothing: antialiased;
    background-image: linear-gradient(#398f28, #193f11);
    background-image: linear-gradient(#69af28, #193f11);
	font-size:10px; 
	padding:4px 8px;
	}
.nav-tabs > li > a:hover {
	background: linear-gradient(to bottom, #666666 50%, gray 50%); 	/* W3C */
	background-color: hsl(240, 100%, 61%) !important;
	background-color: #aaaaaa;
	
	background-repeat: repeat-x;
	border-color: #3838fe #3838fe hsl(240, 100%, 56.5%);
	color: #000 !important;
	-webkit-font-smoothing: antialiased;
    background-image: linear-gradient(#4cbe35, #2c6f1f);
	background-image: linear-gradient(#9393ff, #3838fe);
	border: 1px black solid;										/* makes tab jump up a little */
	color:white;													/* hover over foreground color #337AB7 #fff; */
	}
.nav-tabs > li.active > a:focus {
	background-color:silver;			/* cornflowerblue; */
	color:white;						/* hover over foreground color  #fff; */
	}
.nav-tabs > li.active > a {
	background: -moz-linear-gradient(top, #666666 50%, gray 50%); 														/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #666666), color-stop(50%, gray)); 		/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #666666 50%, #666666 50%); 												/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #666666 50%, #666666 50%); 														/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #666666 50%, #666666 50%); 													/* IE10+ */
	background: linear-gradient(to bottom, #666666 50%, #666666 50%); 													/* W3C */
	border:1px #666666 solid;																							/* makes tab jump up a little */
	color:white;																										/* hover over foreground color  #fff; */
	}
.nav-tabs > li.active > a:hover {
	color:white;
	cursor: default;
	background-color: #aaaaaa;
	border-bottom-color: transparent;
	font-size:10px; 
	}
/* *************** */
/* Tab buttons end */
/* *************** */





/* ******** */
/* Side Bar */
/* ******** */
#sidebar-wrapper {
    background-image: linear-gradient(#398f28, #193f11);
	background-image: linear-gradient(#4040ff, #000033);
	width:135px;
	}
.sidebar-nav li a {
    background-image: linear-gradient(#398f28, #193f11);
	background-image: linear-gradient(#4040ff, #000033);
    color:white;
    }
.sidebar-nav li a:hover {
    color:black;
    }
.sidebar-nav li .active {
    color:black;
    }
#sidebar-wrapper li .active {
	background-color:darkslategray;
    color:black;
	}
/* ************ */
/* Side Bar End */
/* ************ */


td {
	background-color:#d9d9d9; 
	border:0px silver solid;
	color:black;
	font-family:"Microsoft Sans Serif";
	font-size:12px;
	font-weight:normal;
	padding:0px 2px 0px 2px;
	text-align:left;
	text-indent:2px;
	}

textarea:focus {
	background-color:white;
	}

textarea {
	background-color:LemonChiffon;
	}

th {
	background-color:#d9d9d9;   /* silver */
	border:0px gray solid;
	color:black;
	font-family:"Microsoft Sans Serif";
	font-size:10px;
	font-weight:normal;
	padding:0px 2px 0px 2px;
	text-align:right;
	text-indent:4px;	
	}
	
.Title,
.title {
	color:#428bca;
	font-weight:bold; 
	font-family: Calibri; 
	font-size:28px;
	font-style: normal; 
	margin:30px auto 0px auto; 
	text-align:center;
	}

.Welcome,
.welcome {
	color: black;
	font-weight: normal; 
	font-family:Microsoft Sans Serif; 
	font-size:14px; 
	font-style: normal; 
	margin:0px auto 2px auto;
	text-align:center;
	}



@-webkit-keyframes blinker { from {opacity:1.0;} to {opacity:0.0;} }
        @keyframes blinker { from {opacity:1.0;} to {opacity:0.0;} }

.blinkx {
   text-decoration:blink;
  -webkit-animation-name:blinker;
          animation-name:blinker;  
  -webkit-animation-iteration-count:infinite;  
          animation-iteration-count:infinite;  
  -webkit-animation-timing-function:cubic-bezier(1.0,0,0,1.0);
          animation-timing-function:cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration:1s; 
          animation-duration:1s; 
}

.blink {
	background-color:lemonChiffon;
	color:black;
	}

.blink2 {
     background-color:red !important;
     color:white  !important;
	}


.fillgray {
	background-color:#eeeeee; 		/* #e0e0d8 #e8e8e8; */
	xoverflow:hidden;
 	xStext-indent:2px;
	}