/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */
.padding-top-0 {
  padding-top: 0 !important;
}
.padding-top-5 {
  padding-top: 5px !important;
}
.padding-bottom-0 {
  padding-bottom: 0 !important;
}
.padding-bottom-5 {
  padding-bottom: 5px !important;
}
.padding-left-5 {
  padding-left: 5px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-right-5 {
  padding-right: 5px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.margin-top-0 {
  margin-top: 0 !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-left-5 {
  margin-left: 5px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-right-15 {
  margin-right: 15px !important;
}
/*.smart-form {
    .input {
        input {
            padding: 4px 10px !important;
        }
    }
}*/
/* SmartForm Bootstrap Validation */
#extr-page h4.paragraph-header {
  width: auto;
}
#extr-page .smart-form .alert {
  margin: 4px;
}
#extr-page .smart-form .alert li {
  margin-left: 14px;
  list-style: none;
}
#extr-page .smart-form .alert li:before {
  content: "\f071";
  font-family: FontAwesome;
  position: absolute;
  left: 14px;
}
#extr-page .smart-form div + fieldset {
  padding-top: 15px;
}

.mapbox-map {
    width: 70%;
}

.mapbox-right-panel {
    margin-left: 20px;
    margin-right: 20px;
    border-width: 2px;
    width: 25%;
    float: left;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
}

.mapbox-directions-panel {
    margin-top: 20px;
    background-color: #FFEE77;
    padding: 10px;
    overflow: auto;
    height: 400px;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
}

.inner-table {
    width: 100%;
}

@media screen and (max-width: 992px) {
    .mapbox-map {
        width: 100%;
    }
    .mapbox-right-panel {
        width: 95%;
    }
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
    .mapbox-map {
        width: 100%;
    }
    .mapbox-right-panel {
        width: 95%;
    }

    .inner-table {
        width: 400px;
    }
}

@media screen and (max-width: 425px)
{
    .inner-table {
        width: 300px;
    }
}