html,
body {
	height: 100%;
	background:rgb(245,248,250);
}

.col-content{
	background:#fff;
	border:1px solid rgb(232,232,232);
	border-radius:12px;
	text-align:justify;
	padding:30px;
}

.wrap {
	min-height: 100%;
	height: auto;
	margin: 0 auto -60px;
	padding: 0 0 60px;
}

.wrap > .container {
	padding: 30px 15px 20px;
}

.footer {
	height: 50px;
	background-color: rgb(245,248,250);
	border-top: 1px solid #ddd;
	padding: 20px 0;
	color:#657786;
	font-weight:400;
	font-size:14px;
}

.jumbotron {
	text-align: center;
	background-color: transparent;
}

.jumbotron .btn {
	font-size: 21px;
	padding: 14px 24px;
}

.not-set {
	color: #c55;
	font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	padding-left: 5px;
}

a.asc:after {
	content: /*"\e113"*/ "\e151";
}

a.desc:after {
	content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
	content: "\e153";
}

.sort-numerical a.desc:after {
	content: "\e154";
}

.sort-ordinal a.asc:after {
	content: "\e155";
}

.sort-ordinal a.desc:after {
	content: "\e156";
}

.grid-view th {
	white-space: nowrap;
}

.hint-block {
	display: block;
	margin-top: 5px;
	color: #999;
}

.error-summary {
	color: #a94442;
	background: #fdf7f7;
	border-left: 3px solid #eed3d7;
	padding: 10px 20px;
	margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
	padding: 15px;
	border: none;
}

@media(max-width:767px) {
	.nav li > form > button.logout {
		display:block;
		text-align: left;
		width: 100%;
		padding: 10px 15px;
	}
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
	text-decoration: none;
}

.nav > li > form > button.logout:focus {
	outline: none;
}





/* ---------------------------------------------- */

	

.container-fluid {
	margin-right: auto; margin-left: auto; padding-left:0; padding-right:0;
	}
.navbar {
	min-height:65px !important;
	background:#fff;
	color:#fff;
	border-radius:0;
	border:0;
	border-bottom:2px solid rgb(228,233,238);
	}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-left: 0 !important;
	}
.navbar-nav>.active>a, .navbar-nav>.active>a:hover {
	border-bottom:2px solid rgb(99,151,229);
}
.navbar-brand {
	padding: 28px 115px 0 15px;
	line-height: 22px;
	color:rgb(99,151,229) !important;
	font-weight:600;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-left: 0 !important;
	line-height: 0.5;
}
.navbar-default .navbar-toggle {
	background-color: rgb(69,130,236);
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: rgb(69,130,236);
	opacity:0.8;
	}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
	}
.navbar-nav>li>a {
	font-weight:600;
	line-height:2;
	margin:0 4px 0 4px;
	padding: 16px 12px;
	border:0;
}
.navbar-nav>li.active>a {
	color:rgb(99,151,229) !important;
	font-weight:600;
	background:#fff !important;
	border:0;
	border-bottom:3px solid rgb(99,151,229);
}
.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus,
.navbar-nav>li.active>a:hover,
.navbar-nav>li.active>a:focus {
	border-bottom:3px solid rgb(99,151,229);
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	border:0 !important;
	}
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-nav > li > a {
	color:rgb(101,119,134);
	}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	color:#fff;
	}
.caret {
	margin-left:10px !important;
}
.valign-center {
	min-height:100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align : center; -webkit-align-items : center; -moz-box-align : center; -ms-flex-align : center; align-items : center;
	}
.valign-page-center {
	min-height: 55%; min-height: 55vh; display: flex; align-items: center;
	}
	
	
@media (min-width: 768px ) {
	.row {
		position: relative;
		}
	.valign-bottom {
		position: absolute;
		bottom: 0;
		right: 0;
	}
}
	
.glyphicon {
	font-family: inherit;
	}
.glyphicon:before{
	font-family:'Glyphicons Halflings';
	}
.form-group{
	margin:0 !important; padding:0 !important;
	}
.form-control-feedback {
	line-height: 34px; /* @input-height-base; */
	z-index:9999;
	cursor:pointer !important;
}
.input-sm ~ .form-control-feedback {
	line-height: 30px; /* @input-height-base; */
}
.input-lg ~ .form-control-feedback {
	line-height: 46px; /* @input-height-base; */
}
.has-feedback-left input.form-control {
	padding-left: 34px; /* @input-height-base; */
	padding-right: 12px; /* @padding-base-horizontal */
}
.has-feedback-left .form-control-feedback {
	left: 0; 
}
.form-horizontal .has-feedback-left .form-control-feedback {
	left: 12px; /* @grid-gutter-width / 2 */
}

.has-feedback-left input.input-sm {
  padding-left: 30px;  @input-height-small;
}
.has-feedback-left input.input-lg {
  padding-left: 46px;  @input-height-large;
}


/* Add Glyphicons For Inputs NEW */
.inner-addon { 
	position: relative; 
}
/* style icon */
.inner-addon .glyphicon {
	position: absolute;
	padding: 10px;
	cursor:pointer;
}
/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}
/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }





.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
	color: #ffffff;
	background-color: rgb(39,151,223) !important;
	border-color:rgb(39,151,223);
	}
.btn-default, .btn-default:hover, .btn-default:active, .btn-default:visited {
	color:rgb(101,119,134) !important;
	}
.btn-facebook, .btn-facebook:hover, .btn-facebook:active, .btn-facebook:visited {
	color: #ffffff;
	background-color:#3b5997 !important;
	border-color:#3b5997;
	}
.btn-linkedin, .btn-linkedin:hover, .btn-linkedin:active, .btn-linkedin:visited {
	color: #ffffff;
	background-color:#0077b5 !important;
	border-color:#0077b5;
	}
.btn-info, .btn-info:hover, .btn-info:focus, .btn-info:visited {
	color: #1da1f3 !important;
	background-color: #f0f8fb !important;
	border-color: #b2d0f4 !important;
	border-radius: 3px !important;
	box-shadow:0 !important;
	}
.btn-info:active {
	border-color: #b2d0f4 !important;
	box-shadow: 1px 1px 10px 1px #b2d0f4 !important;
	}
	
.glyphicon.glyphicon-primary {color:rgb(39,151,223);}
.glyphicon.glyphicon-danger {color:#d9534f; border-color:#d43f3a;}
.glyphicon.glyphicon-success {color:#5cb85c; border-color:#4cae4c;}
.fa.fa-primary {color:rgb(39,151,223);}
.fa.fa-danger {color:#d9534f; border-color:#d43f3a;}
.fa.fa-success {color:#5cb85c; border-color:#4cae4c;}

.input-group-addon {background:transparent;}

ul.ul-horizontal {list-style-type:none; margin:0; padding:0; padding-bottom:0px;}
ul.ul-horizontal li {display:inline-block; padding-right:5px; text-align:left; vertical-align:middle;}
ul.ul-vertical {list-style-type:none; margin:0; padding:0; padding-bottom:0px;}
ul.ul-vertical li {display:block; padding-bottom:5px; text-align:left; vertical-align:middle;}

.text-blue{color:rgb(29,161,242)}

p{margin:0 0 5px;}

.pagination {margin:0 !important;}

hr.hr-default {border:1px solid rgb(240,240,240); margin-top:15px; margin-bottom:15px;}

.radio, .checkbox {
	margin-top:0 !important;
	margin-bottom:0 !important;
	}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family:'Open Sans',sans-serif; font-weight:300; margin:0; margin-bottom:4px;
	}
h1{font-size:26px}
h2{font-size:22px}
h3{font-size:18px}
h4{font-size:16px}
h5{font-size:14px}



/* 
	Page Title
	--------------------------- 
*/
fieldset.title {
	border-top: 1px solid rgb(157,160,165);
	border-bottom: none;
	border-left: none;
	border-right: none;
	display: block;
	text-align: center;
	}
fieldset.title legend {
	padding:0 10px 0 10px;
	margin:0;
	width:auto;
	border:none;
	}



.align-left{text-align:left !important}
.align-center{text-align:center !important}
.align-right{text-align:right !important}
.align-justify{text-align:justify !important}
.cursor-pointer{cursor:pointer !important}

/* Selectpicker Fixes Option Value Length */
.bootstrap-select .dropdown-menu {
max-width: 100%;
}
.bootstrap-select .dropdown-menu span.text {
display: block !important;
overflow: hidden;
word-wrap: break-word;
text-overflow: ellipsis !important;
white-space: normal !important; 
}