/***** BASIC ALIGNMENT *****/

.centered {
    text-align: center;
}

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

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


/***** BASIC ALIGNMENT for TABLE CELLS *****/

td.centered,
th.centered,
tr.centered {
    text-align: center;
    vertical-align: middle;
}

td.align-right,
th.align-right {
    text-align: right;
    vertical-align: middle;
}

td.align-left,
th.align-left {
    text-align: left;
    vertical-align: middle;
}

.table td {
    vertical-align: middle;
}

/***** GENERAL STUFF *****/

.brand {
    width: 140px;
    height: 20px;
    background: url(/images/routezilla_logo_25.png) no-repeat /* 20px 11px */;
    text-indent: -9999px;
    opacity: 0.9;
}

.brand-for-login {
    width: 140px;
    height: 20px;
    background: url(/images/routezilla_logo_25.png) no-repeat 20px 11px;
    text-indent: -9999px;
    opacity: 0.9;
}

a.public_brand {
    opacity: .9;
}

.public_brand img {
    margin-bottom: 20px;
}

.brand:hover,
.public_brand:hover {
     opacity: 1;
}

label {
    margin-top: 8px;
    margin-bottom: 3px;
}

.warning_icon {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: url("/images/warning.png");
    background-repeat: no-repeat;
    background-size: 35px 35px;
    opacity: 0.9;
    display: inline-block;
    margin-right: 3px;
}

header p.lead {
    color: #6D6E70;
    margin-bottom: 40px;
}  

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #3F3F3F;
}

h1 {
    margin-top: 20px;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
small {
    color: #6D6E70;
}
.page-header {
    padding-bottom: 10px;
}
.icon-guidance {
    margin-top: 3px;
}

section {
    padding-top: 20px;
}

.btn-primary {
    margin-left: 5px;
}

.btn-header {
    margin-top: -7px;
}

.btn-billing {
    margin-left: 0px;
}

.btn-form {
    margin-left: 0px;
}

div.error {
    width: 450px;
    margin: auto;
}

.rtz-popover-wrapper {
    display: inline-block;
    }
  
.rtz-popover-content {
  opacity:0;
  visibility: hidden;
  position: absolute;
  background-color: #9c9494;
  color: #ffffff;
  border-radius: 2px;
  text-align: center;
  padding: 4px 10px 4px;
  }

.rtz-popover-content:before {
  position: absolute;
  border-style: solid;
}

.rtz-popover-wrapper:hover .rtz-popover-content {
  opacity: 1;
  visibility: visible;
  transition: visibility .2s, opacity .1s linear;
  transition-delay: .2s; 
}

.alert {
    margin-bottom: 0px;
}

.navbar .nav > li > a {
    padding: 12px 10px 12px;
    font-size: 12px;
}

.nav-tabs > li > a {
    font-size: 11px;
}

.dropdown-menu li > a {
    font-size: 11px;
}

@media screen and (max-width: 1200px) {
    .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: auto;
    }
}

.input-title {
    pointer-events: none;
}
/***** SETTINGS RELATED *****/


/***** for client logo positioning *****/

.your_logo {
    margin-left: 0px;
    margin-bottom: 20px;
}


/***** For brand colour selection *****/

input.color {
    font-size: 16px;
    text-align:center;
}


/***** For customer questions *****/

.collection-item {
    margin-bottom: 12px !important;
}

.collection-item:last-of-type  {
    border-bottom: none !important;
}

/***** For service location selection *****/

#canvas {
    height: 400px;
    width: 100%;
    border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    border: 1px solid #E6E6E6;
}

ul.crewNotes {
    margin-left: 0;
    margin-right: 10px;
}

ul.crewNotes li {
    list-style: none;
    background: #efefef;
    margin-bottom: 1em;
    margin-top: 1em;
    padding: 5px;
    border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
}

/* max-width: 100% breaks zoom control */
#canvas img { max-width: none; }

table.table tr.active  {
    background-color: #FFFACF;
}
#indicator{
    width: 16px;
    height: 16px;
    background: url(/images/loading.gif);
    display: none;
}
#indicator.loading {
    display: block;
    margin: 5px 3px;
}
#indicator span {
    margin-left: 20px;
}

body input::-webkit-input-placeholder {
   color: #ccc;
}

body input:-moz-placeholder {
   color: #ccc;
}

@media (max-width: 979px) {
    .nav-collapse .nav > li > a,
    .nav-collapse .dropdown-menu a {
      color: #333;
    }
}

@media (max-width: 800px) {
    div.booking-views.pull-right {
        float: none;
        margin-bottom: 20px;
    }
}

.booking a.complete {
    background-image: url('/images/strike.png');
    background-repeat: repeat;
}

.nav-tabs > .active > a.settingsitem,
.nav-tabs > .active > a.settingsitem:hover {
    border-bottom-color: #ddd !important;
}

.formFieldError {
    color: red;
}

.modal.fade {
        position: fixed !important;    
        top: 10px !important;
        left: 0px;
        margin: 0px 10px 0px 10px;  
}