body {
	background: url('../images/consumex-login-bg.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #FFFFFF;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;
	min-height:100vh;
	
}

.login-container {
	margin:0px auto;
}

.container {
	background-color:#FFF;
	margin-top:40px;
	padding-bottom:40px;
	max-width:922px;
	min-height:94vh;
}

.lead {
	margin-top:20px;
}

#form-index {
	list-style-type: none;
	font-size: 18px;
}

.btn-next, input[type="submit"] {
	float:right;
	background-color:#FFFFFF;
	border-radius:10px;
	display:block;
	padding:10px;
	padding-left: 20px;
	padding-right: 20px;
	color:#FFF;
	text-transform: uppercase;
	border:0px;
}

.btn-next:hover {
	background-color:#b32027;
	color:#FFF;
}

.page-header h2 {
	text-align: right;
}

@media all and (max-width:768px) {

	.panel-group {
		padding-top:0px;
	}

	.page-header h2 {
		text-align: center;
	}

	.logo-wrap {
		text-align:center;
	}
}

.page-header {
	border-bottom:0px !important;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

#collapse0 {
	height:auto !important;
}

.panel-heading {
	padding:0px;
}

.panel-title a {
	display:block;
	padding:10px 15px;
}

.in {
	height:auto !important;
}

@media all and (min-width:768px) {
	.header-right {
		text-align:right;
	}
}

@media all and (max-width:767px) {
	.header-right {
		text-align:center;
		padding-top:20px;
	}
}

@media all and (min-width:461px) {
	.header-right i.fa {
		padding-right:10px;
	}
}

@media all and (max-width:460px) {
	.header-right i.fa {
		display:none;
	}
}

.barno-main-content {
	margin-top:24px;
	border-top:1px solid #CCC;
}

.barno-main-content h1 {
	margin-top:18px;
	margin-bottom:18px;
	color:#777;
}

.company .col-sm-6 {
	padding-bottom:20px;
}

.order-date {
	color:#000;
	border-bottom:2px solid #cd2027;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}

.typeahead, .tt-query, .tt-hint {
	border: 2px solid #CCCCCC;
	border-radius: 8px;
	font-size: 24px;
	height: 30px;
	line-height: 30px;
	outline: medium none;
	padding: 8px 12px;
	width: 396px;
}
.typeahead {
	background-color: #FFFFFF;
}
.typeahead:focus {
	border: 2px solid #0097CF;
}
.tt-query {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tt-hint {
	color: #999999;
}
.tt-dropdown-menu {
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	margin-top: 12px;
	padding: 8px 0;
	width: 422px;
}
.tt-suggestion {
	font-size: 24px;
	line-height: 24px;
	padding: 3px 20px;
}
.tt-suggestion.tt-is-under-cursor {
	background-color: #0097CF;
	color: #FFFFFF;
}
.tt-suggestion p {
	margin: 0;
}.clickable
{
    cursor: pointer;
}

.clickable a
{
    background: rgba(0, 0, 0, 0.15);
    display: inline-block;
    padding: 4px 6px;
    border-radius: 8px;
    color:#cd2027;

}

.panel-heading span
{
    margin-top: -33px;
    font-size: 15px;
    margin-right: 8px;
}
a.clickable { color: #cd2027; }
a.clickable:hover { text-decoration:none; }

.wrapper {    
	margin-top: 80px;
	margin-bottom: 20px;
}


.form-signin {
    margin-top: 25px;
    font-size: 21px;
    text-align: center;

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


.form-signin {
  max-width: 420px;
  padding: 30px 38px 66px;
  margin: 0 auto;
  background-color: #fff;
  /*border: 3px dotted rgba(0,0,0,0.1);*/
 }

.form-signin-heading {
  text-align:center;
  margin-bottom: 30px;
}

.form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
}

input[type="text"] {
  margin-bottom: 0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

input[type="password"] {
  margin-bottom: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.colorgraph {
  height: 7px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}

.welcome {
	display: block;
	width: 100%;
	padding-bottom: 10px;
}

.bg-warning {
	background-color:#f2dede;
	padding-top:4px;
	padding-bottom:4px;
	color:#a94442;
	text-align: center;
	border-radius: 5px;
	margin-top:-10px;
	margin-bottom:10px;
	border:1px solid #a94442;
}

.revision_note {
	
}

#confirm-contact-person, #confirm-delivery-address, #confirm-invoice-address {
	margin-top:10px;
	margin-bottom:20px;
	display: block;
}

.remodal h4 {
	margin-top:20px;
}

.btn-primary {
	background-color:#f0aa01;
	border-color:#f0aa01;
}

.btn-primary:hover {
	background-color: #f16827;
	border-color: #f16827;
}

.comair-logo {
	margin-bottom:20px;
}