/*
A custom Bootstrap 3.1 template
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

html,body {
    background-size: cover;
}
#ui-datepicker-div{
    background-color:#e7e7e7;
}
.icon-bar {
	background-color:#fff;
}

.navbar-trans {
	background-color:#279ddd;
    color:#fff;
}

.navbar-trans li>a:hover,.navbar-trans li>a:focus,.navbar-trans li.active {
	background-color:#38afef;
}

.navbar-trans a{
    color:#fefefe;
}

.navbar-trans .form-control:focus {
	border-color: #eee;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
}

section {
	padding-top:70px;  
    padding-bottom:50px; 
    min-height:calc(100% - 1px);
}

.v-center {
    padding-top:10%;
    font-size:70px;
}
  
.well {
	border-color:transparent;
}

a.list-group-item.active,[class*='-info'] {
	background-color: #168ccc;
    color:#fff;
}
  
#section1 {
	background-color: #168ccc;
    color:#dedeff;
}
  
#section2 {
	background-color: #e5e5ef;
    color:#686868;
}
  
#section3 {
	background-color: #168ccc;
    color:#ddd;
}

#section4 {
	background-color: #fff;
    color:#444;
}

#section5,#section7,#section7 a {
    color:#f5f5f5;
}

#section6 {
	background-color: #168ccc;
    color:#ddd;
}

footer {
	background-color:#494949;
    color:#ddd;
    min-height:100px;
    padding-top:20px;
    padding-bottom:40px;
}

.card-img{
    max-width:100%;
}
.status-container{
    width:100% !important;
}
.preview{
    width:100% !important;
}
.footer{
    height:150px;
}


@media screen and (min-width:700px){
    .footer{
        height:80px;
    }
.card-img{
    width:250px;
    height:50px;
}
    .status-container{
        width:70% !important;
    }
    .preview{
        width:45% !important;
    }
}


footer .nav>li>a {
    padding:3px;
    color:#ccc;
}

footer .nav>li>a:hover {
    background-color: transparent;
    color: #fff;
}

.form-group{
    text-align:left !important;
}
.control-label{
    text-align:left !important;
}
.status-return{
    width:60%;
}
@media screen and (max-width:700px){
    .status-return{
        width:100%;
    }
}

/* Padding utilities */
.padding-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Text colors */
.red-text {
    color: #C00;
}

/* Display utilities */
.hidden {
    display: none;
}

/* Layout utilities */
.float-left {
    float: left;
}

.float-right {
    float: right;
}

.text-align-right {
    text-align: right;
}

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

/* Form styles */
.text-align-left {
    text-align: left;
}

/* Footer styles */
.footer-white {
    background-color: white;
    margin-top: 300px;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

.footer-green {
    background-color: #1AAD77;
    margin-bottom: 10px;
}

.footer-padding {
    padding: 10px;
    background-color: #1AAD77;
}

/* Navigation styles */
.nav-link-black {
    color: black;
}

/* Image styles */
.logo-width {
    width: 60px;
}

/* Text styles */
.font-size-12pt {
    font-size: 12pt;
    color: white;
}

.font-size-15px {
    font-size: 15px;
}

.font-size-9px {
    font-size: 9px;
    font-style: italic;
}

/* Payment specific styles */
.payment-disabled {
    margin-top: 200px;
}

/* Table styles */
.table-width-700 {
    width: 700px;
}

/* Form input styles */
.margin-left-100 {
    margin-left: 100px;
    width: 300px;
}

/* Print styles */
.print-width-30 {
    width: 30px;
}