body, html{
	height: 100%;
}

#app{height: 100%;}

.container{height: 100%;}

a{
	color: #42a5f5;
	text-decoration: none;
}

a:hover{

	color: #223545;
}

nav.main-nav{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	height: 75px;
	width: 100%;
	background-color: #ffffff;
}

nav .main-nav-left{
	width: 250px;
	height: 75px;
	float: left;
	border-right: 1px solid #cccccc;
}

nav .main-nav-left img{
	margin-left: 2px;
	margin-top: 10px;
	margin-botton: 5px;
	max-height: 55px;
}

nav .main-nav-left span{
	display: block;
	color: #333333;
	font-size: 20px;
	margin: 5px 0 0 0;
	text-align: center;
	letter-spacing: 2px;
}

nav .main-nav-left a{
	text-decoration: none;
}

nav .main-nav-right{
	height: 75px;
	border-bottom: 1px solid #cccccc;
	-webkit-box-shadow:0px 1px 1px #cccccc;
 	-moz-box-shadow:0px 1px 1px #cccccc;
 	box-shadow:0px 1px 1px #cccccc;
}

#user-menu{
	min-width: 100px;
	margin-top: 10px;
	border: 1px solid #cccccc;
	display: none;
	position: absolute;
	right:0;
	background-color: #ffffff;
	z-index: 100;
	padding: 5px;

}

.user-menu-item{
	margin-top: 5px;
	margin-bottom: 5px;
}

.user-menu-item:hover{
	background-color: #eeeeee;
}

.user-menu-item a{
	width: 100%;
	display: block;
}

nav .main-nav-right .user-info{
	float: right;
	margin: 25px 20px 0 0;
	position: relative;

}

nav .main-nav-right .user-info a{
	color: #333333;
	text-decoration: none;
}

nav.side-nav{
	background-color: #223545;
	width: 250px;
	float: left;
	border-right: 1px solid #cccccc;
	height: 100%;
	position: fixed;
  	z-index: 1;
  	top: 75px;
  	left: 0;
  	border-right: 1px solid #333333;
  	color: #ffffff;
  	overflow-y: scroll;

}

nav.side-nav .side-nav-items{
	padding-top: 30px;
	padding-bottom: 30px;
}

nav.side-nav .side-nav-group{
	position: relative;
	padding: 0 20px;
	margin-bottom: 40px;
}

nav.side-nav a{
	color: #b7c0cd;
	text-decoration: none;
	font-size: 16px;
}

nav.side-nav .side-nav-header a{
	width: 100%;
	display: block;
}

nav.side-nav .side-nav-header a:hover{
	color: #ffffff;
}

nav.side-nav .side-nav-header.clickable a:hover{
	color: #42a5f5;
}

nav.side-nav .ui-icon{
    background-image: url(/js/jquery-ui/images/ui-icons_b7c0cd_256x240.png);
}

nav.side-nav .ui-icon:hover{
    background-image: url(/js/jquery-ui/images/ui-icons_ffffff_256x240.png);
}

nav.side-nav .side-nav-header .hover{
    background-image: url(/js/jquery-ui/images/ui-icons_ffffff_256x240.png);
}

nav.side-nav .side-nav-header.clickable .hover{
    background-image: url(/js/jquery-ui/images/ui-icons_light_blue_256x240.png);
}

nav.side-nav .side-nav-option .hover{
    background-image: url(/js/jquery-ui/images/ui-icons_light_blue_256x240.png);
}

nav.side-nav .side-nav-option span.active{
    background-image: url(/js/jquery-ui/images/ui-icons_light_blue_256x240.png);
}

nav.side-nav .side-nav-header.clickable span.active{
    background-image: url(/js/jquery-ui/images/ui-icons_light_blue_256x240.png);
}


nav.side-nav .side-nav-header{
	letter-spacing: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
}

nav.side-nav .carat{
	float: right; display: block; margin-top: 3px;
}

nav.side-nav .carat-fixed{
	float: right; display: block; margin-top: 3px;
}

nav.side-nav .side-nav-option{
	margin-bottom: 10px;
}

nav.side-nav .side-nav-option a{
	width: 100%;
	display: block;
}

nav.side-nav .side-nav-option a:hover{
	color: #42a5f5;
}

nav.side-nav .side-nav-option a.active{
	color: #42a5f5;
}

nav.side-nav .side-nav-header.clickable a.active{
	color: #42a5f5;
}

nav.side-nav .side-nav-bar{
	width: 3px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #00a5fc;
}


.main{
	margin-left: 250px;
	margin-top: 75px;
	padding: 20px;
	background-color: #f1f7fb;

}

.shadow {
  -webkit-box-shadow: 0px 0px 3px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 0px 3px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         0px 0px 3px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.panel{
	-webkit-box-shadow: 0px 0px 7px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
 	-moz-box-shadow:    0px 0px 7px #ccc;  /* Firefox 3.5 - 3.6 */
 	box-shadow:         0px 0px 17x #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
 	padding: 20px;
 	border: 1px solid #ccc;
 	background-color: #ffffff;
 	border-radius: 10px;
 	margin-bottom: 20px;
}

.panel-table{width: 100%;}
.panel-table td{}

.panel.h200{
	height: 200px;
}

.ui-button{
	padding: 7px 10px 7px 7px;
}

.ui-widget{
	font-family: "Quicksand",sans-serif;
	font-size: 14px;
}

.panel-heading{margin-bottom: 20px;}

.form-section{margin-bottom: 20px;}
.control-label{float: left; text-align: right; min-width: 100px;}
.form-div{float: left;}

.form-table{}
.form-table td{padding-right: 20px; padding-bottom: 20px;}

.ui-icon.red{
	background-image: url(/js/jquery-ui/images/ui-icons_cc0000_256x240.png);
}

.ui-icon.yellow{
	background-image: url(/js/jquery-ui/images/ui-icons_777620_256x240.png);
}

.close-panel{
	float: right;
	width: 20px;
	height: 20px;
	display: block;
	position: relative;
	top: -17px;
	right: -17px;
}
.close-panel span{
	display: block;
	margin-top: 1px;
	margin-left: 1px;
}

.checkbox-wrapper-horizontal{float: left; width: 330px;}
.checkbox-wrapper-horizontal input{display: inline; width: auto;}
.checkbox-wrapper-horizontal label{display: inline;}

.feed-div{margin-top: 20px;}

.panel-three-container{
  text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines;
}

.panel-three{
	width: 30%;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin:0;
}

.stretch {
  width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0;
}

.panel.three-1{
	padding: 10px;
}

.panel.three-2{
	padding: 10px;
}

.panel.three-3{
	padding: 10px;
}
.panel.highchart-area{
	padding: 10px;
}

.vendor-dashboard-item{padding: 10px;}
.vendor-dashboard-item h3{margin:0; padding:0;}
.vendor-dashboard-item table td{padding-top: 5px; padding-right: 10px;}

.mapping-table input[type="text"]{width: 500px;}

.log-file{font-size: 14px; overflow: scroll;}
.log-file div{white-space: nowrap;}

.tooltip.ui-icon{
    background-image: url(/js/jquery-ui/images/ui-icons_777777_256x240.png);
}