/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Jul 12, 2016, 11:16:21 AM
    Author     : Mubeen Ali
*/

/******************************Fonts*****************************/
@font-face {
    font-family: Rubik-Bold;
    src: url('../fonts/Rubik-Bold.ttf');
}

@font-face {
    font-family: Rubik-Medium;
    src: url('../fonts/Rubik-Medium.ttf');
}

@font-face {
    font-family: Rubik-Regular;
    src: url('../fonts/Rubik-Regular.ttf');
}

@font-face {
    font-family: RUBIK-LIGHT;
    src: url('../fonts/Rubik-Light.ttf');
}

@font-face {
    font-family: opensans;
    src: url('../fonts/opensans.woff');
}

/******************************Genral*****************************/

body {
    margin: 0;
    padding: 0;
    font-family: arial;
    background-color: #f0f0f0;
}

img {
    border: none;
    max-width: 100%;
}

img:focus, a:focus {
    outline: none;
}

h1 {
    color: #fff;
    font: 44px Rubik-Bold;
    margin-bottom: 20px;
    margin-top: 0;
}

p {
    color: #fff;
    font: 16px Rubik-Regular;
    margin-bottom: 17px;
}

ul {
    margin-bottom: 17px;
}

li {
    color: #fff;
    font: 16px Rubik-Regular;

}

/* Useful classes */

.inline-block {
    display: inline-block !important
}

.block {
    display: block !important
}

.h1-big-size {
    font-size: 60px !important
}

.f_size_13 {
    font-size: 13px
}

.font-bolder {
    font-weight: bolder
}

.bgyellow {
    background-color: #faae17 !important
}

.bggray {
    background-color: #333 !important
}

.bgwhite {
    background-color: #fff
}

.bgred {
    background-color: #9b0c0d
}

.cwhite {
    color: white !important
}

.cdarkgray {
    color: darkgray
}

.cgray {
    color: #333 !important
}

.bgwhite-cblack {
    background-color: #fff;
    color: #000
}

.no-margin {
    margin: 0 !important
}

.margin_20 {
    margin: 20px
}

.m_left_-5 {
    margin-left: -5px
}

.m_left_0 {
    margin-left: 0 !important
}

.m_left_10 {
    margin-left: 10px
}

.m_left_15 {
    margin-left: 15px
}

.m_right_10 {
    margin-right: 10px
}

.m_right_20 {
    margin-right: 20px
}

.m_right_50 {
    margin-right: 50px
}

.m_bottom_0 {
    margin-bottom: 0
}

.m_bottom_3 {
    margin-bottom: 3px
}

.m_bottom_10 {
    margin-bottom: 10px
}

.m_bottom_30 {
    margin-bottom: 30px
}

.m_top_35 {
    margin-top: 35px
}

.m_top_25 {
    margin-top: 25px
}

.m_top_20 {
    margin-top: 20px
}

.m_top_-5 {
    margin-top: -5px !important
}

.margin_0_15 {
    margin: 0 15px
}

.margin_0_20 {
    margin: 0 20px
}

.margin_20_0 {
    margin: 20px 0
}

.margin_40_0 {
    margin: 40px 0
}

.p_right_0 {
    padding-right: 0 !important
}

.padding_15 {
    padding: 15px
}

.p_bottom_50 {
    padding-bottom: 50px
}

.p_bottom_15 {
    padding-bottom: 15px
}

.padding_20_0 {
    padding: 20px 0
}

.padding_30_0 {
    padding: 30px 0
}

.fullwidth {
    width: 100%
}

.width_70percent {
    width: 70% !important
}

.width_33percent {
    width: 33%
}

.width_720 {
    width: 720px
}

.max_width_500 {
    max-width: 500px
}

.height_60px {
    height: 60px
}

.noradius {
    border-radius: 0
}

.pointer {
    cursor: pointer
}

.pos_relative {
    position: relative
}

.right-margins-only {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}

.alert-success h4 {
    text-transform: capitalize;
}

.about-page li {
    font-family: opensans;
}

.phone-img {
    max-width: 80%;
}

.soc-icon-img {
    max-width: 20%
}

.download_buttons {
    padding-left: 15px;
    margin-top: 320px;
}

.download_buttons.download_buttons--lg-margin {
    margin-top: 375px;
}

.download_btn_first {
    margin-right: 15px;
}

.content-section {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.right_img {
    position: absolute;
    right: 25px;
    top: 108px;
}

.right_img.right_img--work-site {
    top: auto;
    bottom: 25px;
}

.accept_job h1 {
    font-family: "Rubik-Medium", sans-serif;
    font-size: 36px;
    text-transform: uppercase;
}

.accept_job {
    padding: 30px 40px 40px;
}

.accept_job .table {
    padding: 25px 30px;
    background-color: #efefee;
}

.accept_job table {
    width: 100%;
    border-collapse: collapse;
}

.table-th, .accept_job th {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    font-family: opensans, sans-serif;
    padding: 8px;
    text-align: center;
}

.table-tr:hover .table-th {
    color: #898989;
}

.table-tr, .accept_job tr {
    background-color: #fff;
}

.table-tr:hover,
.table-tr.active,
.accept_job tr:hover:not(:first-child),
.accept_job tr.active {
    background-color: #ebebeb;
    cursor: pointer;
}

.table-th-tr, .accept_job tr:first-child {
    background-color: #424242;
}

.table-body {
    position: relative;
}

.table-td, .accept_job td {
    font-size: 11px;
    font-weight: bold;
    padding: 7px 12px;
    font-family: opensans, sans-serif;
}

.table-td, .accept_job td {
    border-right: 1px solid #efefef;
    min-height: 29px;
}

.table-td.table-td--head {
    background-color: #ebebeb;
}

.material-section .table-td {
    height: auto;
    vertical-align: middle;
}

.table-td:last-child, .accept_job td:last-child {
    border-right: none;
}

.table-loading {
    position: absolute;
    background: white;
    opacity: 0.7;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url('../images/loading.gif');
    background-repeat: no-repeat;
    background-position: center;
    min-height: 36px;
}

.left-section {
    background-color: #2e2d2e;
    min-height: 100vh;
    text-align: center;
}

.container-fluid {
    position: relative;
    max-width: 1270px !important;
    box-shadow: 12px 0 15px -4px rgba(177, 177, 177, 0.8), -12px 0 8px -4px rgba(177, 177, 177, 0.8);
    background: #2E2D2E;
    overflow-x: hidden;
}

/**/
.left-section > a {
    overflow-x: hidden;
}

.left-section > a > img {
    width: 160px;
}

/**/
.right-section-top a img {
    max-height: 40px;
}

.right-section-top {
    background-color: #f6f7fb;
    text-align: right;
}

.right-section-top a {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.right-section-top a:hover {
    opacity: .8;
}

.main-window {
    padding: 0;
    min-height: 100vh;
}

.content-section {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 30px;
    padding-bottom: 40px;
    overflow: hidden;
}

.content-section h1 {
    margin-bottom: 0;
    font: 37px "Rubik-Medium";
}

.content-section .content-title {
    font-size: 37px;
    font-family: "Rubik-Medium";
}

.sign-up {
    background: url('../images/SIGN-UP.jpg') no-repeat top center;
    background-size: cover;
}

.sign-up-form, .contact-form {
    background-color: #efefee;
    width: 370px;
    padding: 15px 15px 5px;
}

.sign-up-form {
    padding-bottom: 28px;
}

.sign-up p {
    max-width: 477px;
}

.sign-up p.full-width {
    max-width: 100%;
}

.sign-up p strong {
    font-weight: normal;
    font-family: Rubik-Bold;
}

.form-control {
    border-radius: 0;
    box-shadow: none;
    height: 34px;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%;
}

.submit-button {
    background-color: #fbaf17;
    width: 370px;
    font: 16px Rubik-Medium;
    color: #ffffff;
    margin-top: 5px;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding-bottom: 10px;
    padding-top: 10px;
}

.contact {
    background: url('../images/abouto-bg_03.jpg') no-repeat top center;
    background-size: cover;
}

.contact-form {
    padding: 30px 30px 25px;
}

.contact-form.contact-form--contact {
    margin-bottom: 5px;
    max-width: initial;
}

.contact-form textarea {
    width: 100%;
    resize: none;
}

.contact-details {
    background-color: #efefee;
    /*width: 320px;*/
    padding: 15px 30px;
}

.contact-details.contact-details--second {
    padding: 29px 30px 29.5px;
}

.contact-details p {
    font-family: opensans;
    color: #000;
    padding-left: 27px;
    background: url('../images/icon1_03.png') no-repeat;
    background-position: left 5px;
}

.contact-details .f-soc {
    background: url('../images/icon-f.png') no-repeat;
    margin: 19.5px 0;
    font-size: 14px;
    font-family: opensans;
    padding-left: 25px;
    color: #000;
    cursor: pointer;
    display: block;
    background-position: 3px center;
}

.sub-form {
    padding-left: 8px;
    margin-bottom: 20px;
}

.sub-form > label {
    margin-left: -8px;
    margin-bottom: 0;
}

.sub-form .labl-stac .labl-chec {
    margin-bottom: 0;
}

.address-form input {
    margin-bottom: 10px;
}

.address-form__select {
    margin-bottom: 10px;
    color: #999;
}

.address-form__suburb, .address-form__state {
    display: block;
    float: left;
}

.address-form__suburb {
    width: 70%;
    padding-right: 10px;
}

.address-form__state {
    width: 30%;
}

@media screen and (max-width: 480px) {

    .address-form__suburb, .address-form__state {
        width: 100%;
    }

    .address-form__suburb {
        padding-right: 0;
    }

    .swms-sign-modal {
        width: 90%;
    }
}

.contact-details .f-twitter {
    background: url('../images/icon-t.png') no-repeat;
    background-position: left center;
}

.contact-details .f-youtube {
    background: url('../images/icon-y.png') no-repeat;
    background-position: left center;
}

.contact-details p.email {
    background-position: left 6px;
    background-image: url(../images/icon2_03.png);
}

.contact-details p.phone {
    background-position: left center;
    background-image: url(../images/icon3_03.png);
}

.contact form {
    float: left;
}

.how-box {
    background: url('../images/how-1.png') no-repeat left center;
    float: left;
    height: 90px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 5px 2% 0 100px;
    width: 50%;
}

.how-box.icon2 {
    background-image: url('../images/how2.png');
}

.how-box.icon3 {
    background-image: url('../images/how3.png');
}

.how-box.icon4 {
    background-image: url('../images/how4.png');
}

.how-box.icon5 {
    background-image: url('../images/how5.png');
}

.how-box.icon6 {
    background-image: url('../images/how6.png');
}

.how-box.icon7 {
    background-image: url('../images/how7.png');
}

.how-box.icon8 {
    background-image: url('../images/how8.png');

}

.how-icon-box {
    padding: 20px 15%;
}

.how-icon-box .icon {
    width: 20%;
    height: 120px;
    display: inline-block;
    background: url('../images/how-1.png') no-repeat;
    background-size: 100% 100%;
}

.sign-up-form .checkbox label {
    font-family: RUBIK-LIGHT;
}

.home {
    background-image: url(../images/home_03.jpg);
    min-height: 100vh;
}

.how-it-works {
    padding-bottom: 30px;
    background-image: url(../images/pricing.png) !important;
    background-size: cover;
}

.pricing, .contact {
    background-image: url(../images/pricing.png) !important;
    min-height: 100vh;
}

.user-login, .user-signup, .about-page {
    background-image: url(../images/login.png);
    min-height: 100vh;
}

.how-it-works p, .pricing > p, .about-page p, .user-login p, .user-signup p {
    color: #fff !important;
}

.how-it-works h1, .pricing h1, .home h1, .about-page h1, .user-login h1, .user-signup h1, .contact h1 {
    color: #fff !important;
}

.how-it-work-info h2 {
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 40px;
    font-weight: bold;
    margin: 0;
}

.media-project-details {
    padding: 15px;
    margin-right: 50px;
}

.home h1 {
    font-size: 42px;
    color: #fff !important
}

.home-icons {
    color: #fff;
    font-family: Rubik-Regular;
    font-size: 25px;
    line-height: 28px;
    margin: 55px auto 0;
    max-width: 850px;
    text-shadow: 1px 1px 0 #000;
}

.home-icons .col-md-3 img {
    margin-bottom: 15px;
}

a, button, h2 {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.left {
    float: left;
    min-width: 230px;
}

.home .content-section {
    padding-left: 0;
    padding-top: 80px;
}

.log-in {
    background: url('../images/SIGN-UP.jpg') no-repeat top center;
    background-size: cover;
}

.how-box h3 {
    color: #000;
    font-family: Rubik-Bold;
    font-size: 18px;
    margin-bottom: 0;
}

.how-box p {
    color: #333 !important;
    font-family: Rubik-Regular;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
}

.price-detail {
    background-color: #f6f7fb;
    padding: 15px;
    min-height: 340px;
}

.business-pack {
    background-color: #fbaf17;
    width: 100%;
    font: 24px Rubik-Bold;
    color: #ffffff;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding-bottom: 10px;
    padding-top: 10px;
}

.employee-pack {
    width: 100%;
    font: 24px Rubik-Bold;
    color: #ffffff;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding-bottom: 10px;
    padding-top: 10px;
}

.price-detail {
    list-style-type: none;
    background-color: #f6f7fb;
    width: 100%;
    padding: 5px;
    margin-bottom: 0 !important;
}

.price-detail li {
    color: #000000;
    font-size: 16px;
}

.price-detail li ul {
    color: #000000;
    font-size: 13px;
    list-style: disc;
    margin-left: 20px;
}

.glyphicon-ok-circle {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 17px;
    color: #56BA38;
}

.price-required {
    font-size: 11px !important;
    text-align: center;
}

.business-pack-info {
    float: left;
    width: 80%;
}

.price {
    font-family: Rubik-Regular !important;
    background-color: #f6f7fb;
    color: #000000 !important;
    width: 100%;
    padding: 5px;
    font-size: 33px !important;
    font-weight: bolder;
    margin-bottom: 5px;
    text-align: center !important;
}

.price-int {
    left: 7px;
}

.price-str {
    left: -23px;
}

sup {
    font-size: 20px;
    color: #000000 !important;
}

sub {
    color: #000000 !important;
    font-size: 10px;
    position: relative;
    left: -20px;
    top: 0;
}

.price span {
    font-size: 10px;
    display: block;
    font-weight: 100;
    margin-top: 0;
}

.content-section a:hover {
    text-decoration: none;
}

.content-section a h2:hover {
    background-color: #E6E6E6;
    color: #333333;
}

.col-sm-10 p {
    margin-top: 6px;
    text-align: justify;
}

.sign {
    background-color: #ffffff;
    padding: 0 5px 0 5px;
    border: #cccccc solid 1px;
}

td a:hover {
    text-decoration: none;
    font-weight: bold;
}

/*payment page*/
.payment {
    background: url('../images/payment.jpg') no-repeat top center;
    background-size: cover;
}

.total {
    background-color: #f6f7fb;
    /*width: 303px;*/
    width: 343px;
}

.total p {
    color: #000000;
    font: 14px Rubik-Regular;
    padding: 20px;
    margin-bottom: 8px;
    margin-top: 0;
}

.total p span {
    float: right;
}

.swms-sign-modal {
    width: 50%;
}

/******************************Media Queries*****************************/

@media screen and (min-width: 767px) {
    .navbar-inverse .navbar-brand {
        padding: 0 !important;
        margin: 0 !important;
    }

    .navbar-inverse {
        background-color: transparent;
        border: medium none;
        margin-bottom: 0;
        margin-top: 0;
        text-align: left;
    }

    .navbar-collapse {
        padding: 0;
    }

    .navbar-inverse .navbar-nav > li > a {
        border-left: 10px solid transparent;
        color: #fff;
        display: block;
        font-family: Rubik-Regular;
        font-size: 16px;
        /*padding: 7px 0 7px 20px;*/
        padding: 10px 0 10px 20px;
    }

    .navbar-inverse .navbar-nav > li.active > a {
        border-left: 10px solid #ffaf00;
    }

    .navbar-inverse .navbar-nav > li > a:hover {
        background-color: #222222;
        /*border-left: 10px solid gray;*/
    }

    .navbar-nav {
        float: none;
    }

    .navbar-nav > li {
        padding: 0;
        float: none;
    }

    .col-sm-5 {
        width: 310px;
    }

    .home-icons .col-md-3 {
        padding: 0 30px;
    }

    .home-btn2-group {
        margin: 0 auto;
        width: 40%;
    }
}

@media screen and (max-width: 1279px) {
    .glyphicon-ok-circle {
        margin-left: 5px;
        margin-right: 5px;
    }

    .business-pack-info {
        width: 85%;
    }

    /*    .contact-details {
            margin-left: 40px
        }*/
    .soc-icon-img {
        max-width: 100%
    }
}

@media screen and (max-width: 1023px) {
    .price-detail {
        padding: 0;
    }

    .business-pack-info {
        width: 83%;
    }

    .how-box h3 {
        font-size: 15px;
    }
}

@media screen and (max-width: 992px) {
    .contact-details {
        /*margin-right: 80px;*/
        width: auto;
    }

    .swms-sign-modal {
        width: 70%;
    }
}

@media screen and (max-width: 768px) {
    .price-detail {
        min-height: 600px;
    }
}

@media screen and (max-width: 767px) {
    .price-detail {
        min-height: auto
    }

    .how-box {
        width: 100%;
    }

    .media-project-details {
        margin-right: 0
    }

    .main-window, .left-section {
        height: auto
    }

    .navbar-inverse {
        margin: 0
    }

    .left-section {
        text-align: center
    }

    .home h1 {
        font-size: 21px
    }

    .home-icons .col-md-3 + .col-md-3 {
        margin-top: 20px
    }

    .main-window {
        background-size: auto 100%
    }

    .submit-button {
        width: 100%;
        max-width: 370px;
        margin: 5px auto;
    }

    .content-section {
        padding: 20px;
    }

    .contact form {
        max-width: 100%;
    }

    .sign-up-form, .contact-form {
        max-width: 100%;
    }

    .contact-details {
        display: block;
        margin: 0 auto;
    }

    .total, .payment-form, .backtocart, .payment-button,
    .business-pack, .price-detail, .price, .business-pack, .employee-pack {
        width: 100%;
    }

    .content-section .col-sm-10, .content-section .col-sm-5 {
        padding: 0;
    }

    .glyphicon-ok-circle {
        margin-left: 5px;
        margin-right: 5px;
    }

    .business-pack-info {
        width: 85%;
    }

    .payment-continue {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .payment-cells3-r, .payment-cells3-l {
        padding-right: 5px;
    }

    .home .content-section {
        padding-left: 20px;
    }

    .payment-total1 {
        padding-left: 45px;
    }

    .payment-cells1, .payment-cells2 {
        padding: 5px;
    }

    .payment-heading1 {
        padding: 3px 0 3px 5px;
    }

    .sign {
        padding: 0 3px;
    }

    .popup_wrapper .popup_login {
        width: auto;
        right: 5%;
        left: 5%;
        top: 10%;
    }

    .popup_wrapper .popup_small {
        right: 0;
        left: auto;
        top: 0;
    }

    /* Useful classes */
    .h1-big-size {
        font-size: 29px !important;
    }

}

@media screen and (max-width: 479px) {
    .media-project-details {
        padding: 5px;
    }

    .popup_wrapper .popup_login {
        width: auto;
        right: 2%;
        left: 2%;
        top: 10%;
    }

    .popup_wrapper .popup_small {
        right: 0;
        left: auto;
        top: 0;
    }
}

#terms {
    color: orange;
}

.log-form a {
    color: #000;
    font-size: 12px;
    font-family: RUBIK-LIGHT;
}

body input[type="radio"], body input[type="checkbox"] {
    margin-top: 2px;
}

.hav-acc {
    padding-top: 35px;
    font-size: 17px !important;
}

/* === Split-7 contact ===*/

.split-7-contact .contact {
    background-image: none;
    background-color: #fff;
}

.split-7 h1 {
    color: #fbaf17;
    margin-bottom: 15px;
}

.split-7 p {
    color: #2b2c2b;
    font-family: opensans;
    max-width: 900px;
    font-size: 15px;
}

.split-7 .sign-up-form {
    width: 40%;
}

.split-7 .contact form {
    float: none;
    /*display: inline-block;*/
}

.split-7 .contact-details p {
    color: #000;
    font-size: 14px;
}

/*View/Add*/

.accept_job .table-view-add th {
    text-align: left;
    padding-left: 20px;
}

.accept_job .table-view-add td {
    padding: 7px 20px;
}

.star {
    display: inline-block;
    margin-left: 10px;
    width: 12px;
    height: 12px;
    background-image: url(../images/star.png);
}

.split-7 .accept_job .link-view-add .btn1 {
    margin-left: 10px;
    display: block;
    width: 200px

}

.split-7 .accept_job .link-view-add .btn1:hover {
    opacity: .85;
    background-color: #e9e9e9;
}

.split-7 .accept_job .link-view-add .act-link:hover {
    background-color: #262827;
}

.table-view-add .btn1 {
    float: right;
    width: 285px;
    margin-top: 10px !important;
    background-color: #fcb932 !important;
}

/*EDIT CONTRACTOR DETAILS*/

.add-type-form input {
    margin-top: 10px;
}

.top-form > input:first-child {
    margin-top: 0;
}

.mid-form input[type='text'] {
    width: 130px;
    display: inline-block;
}

.mid-form select {
    display: inline-block !important;
    width: 100px !important;
    display: none;
}

.bot-form input {
    width: 90px !important;
}

.bg-image-form {
    background: url(../images/image-con.png) no-repeat 5px center;
    padding-left: 25px;
    position: relative;
}

.form-group {
    position: relative;
}

.clos {
    display: block;
    position: absolute;
    bottom: 5px;
    right: 4px;
    z-index: 2;
    color: #9A9A9A;
}

.file-link {
    display: block;
    position: absolute;
    bottom: 5px;
    right: -70px;
    z-index: 2;
    color: #9A9A9A;
}

.btn-upload {
    opacity: 0;
    height: 0;
    width: 0;
}

.split-7-contact .form-group .lab-upl-btn {
    font-weight: bold;
    cursor: pointer;
    display: block;
    text-align: center;
    background-color: #faae17;
    color: #fff;
    font-family: Rubik-Bold;
    font-size: 16px;
    margin: 7px 0 7px;
    padding: 7px 0;
    text-transform: uppercase;
    min-width: 238px;
    /*width: 60%;*/
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.split-7-contact .form-group .lab-upl-btn:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    font-weight: normal;
}

.mid-form select {
    background-color: #ffffff;
    background-image: url(../images/select-arrov-b-black.png);
    background-repeat: no-repeat;
    background-position: 80px center;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.mid-form select::-ms-expand {
    display: none;
}

.mid-form.select-table select {
    background-color: transparent;
    color: #2b2c2b;
}

.split-7-contact .checkbox input[type="checkbox"] {
    display: none;
}

.split-7-contact .checkbox label {
    position: relative;
}

.split-7-contact .checkbox input + .labl-chec::before {
    content: '';
    display: block;
    height: 14px;
    width: 14px;
    background: url(../images/chec.png) no-repeat;
    position: absolute;
    left: 0;
    top: 3px;
}

.split-7-contact .checkbox input:checked + .labl-chec::before {
    background: url(../images/chec.png) no-repeat bottom;
}

.split-7-contact .checkbox input:checked + .labl-chec.labl-chec--grey::before {
    background: url(../images/chec-gray.png) no-repeat bottom;
}

.split-7-contact .checkbox label {
    font-weight: normal;
    font-size: 15px;
    font-family: opensans, sans-serif;
}

.checkbox p {
    color: #000;
    font: 14px opensans;
    font-weight: bold;
}

.split-7-contact .text-chek, .split-7-contact .form-group .text-chek {
    margin: 5px 0 10px 0;
    /*width: 55%;*/
}

.form-group .lab-upl-btn img {
    padding-right: 3px;
    margin-top: -5px;
}

.labl-stac .labl-chec {
    display: block;
    margin: 20px 0;
}

.labl-stac p {
    margin-top: 10px;
}

.accept_job ul li {
    font-size: 14px;
    color: #000;
}

.mg-t {
    position: relative;
    top: 10px;
}

.contra-details .contact-form h3, .contact-form h3 {
    font-weight: 600;
    font-size: 22px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.contra-details .contact-form .condet-right {
    font-size: 15px;
    font-weight: 400;
    margin-left: 20px;
    display: inline-block;
}

.contra-details .contact-form .form-control[disabled] {
    background-color: #fff;
}

.contact-form .form-control {
    width: 100%;
}

.form-group input[type="radio"] {
    display: none;
}

.form-group .radio-label {
    cursor: pointer;
    position: relative;
    padding-left: 20px;
    margin-left: 20px;
}

.form-group .radio-label::before {
    position: absolute;
    left: 0;
    top: 4px;
    width: 13px;
    height: 13px;
    content: '';
    display: block;
    background: url(../images/radio.png);
    background-position: bottom;
}

.form-group input[type="radio"]:checked + .radio-label::before, .form-group .checked.radio-label::before {
    background-position: top;

}

.form-group .radio-tt {
    font-weight: bold;
    font-size: 15px;
}

.radio-wrapp {
    display: block;
    margin-top: 5px;
}

@media screen and (max-width: 1200px) {
    .right_img {
        position: inherit;
    }

    .pad_bot .content {
        max-width: none;
    }

    .download_buttons {
        margin-top: 0;
        padding-bottom: 30px;
    }

    .download_buttons, .right_img {
        display: inline-block;
        vertical-align: bottom;
    }

    .download_buttons a {
        display: block;
    }

    .download_buttons a:first-child {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .app {
        margin-top: 25px;
    }

    .popup_phones .right_img {
        float: right;
    }

    .popup_phones .download_buttons {
        margin-top: 315px;
    }
}

@media screen and (min-width: 920px) {
    .rimg_lg {
        display: none;
    }
}

@media screen and (max-width: 920px) {
    .rimg_mb {
        display: none;
    }

    .download_buttons {
        padding-left: 0;
    }

    .download_buttons a {
        display: inline-block;
    }

    .download_buttons a:first-child {
        margin-right: 15px;
        margin-bottom: 0px;
    }

    .right_img {
        width: 100%;
        text-align: center;
    }

    .app {
        text-align: center;
        padding-right: 40px;
    }

    .popup_phones .download_buttons {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.table-view-add td {
    color: #2b2c2b;
    font-size: 12px;
    position: relative;
}

.table-view-add .sm-clos {
    font-size: 13px !important;
    bottom: 8px !important;
}

.table-view-add .clos {
    text-transform: lowercase;
    right: 20px;
    bottom: 4px;
    font-size: 16px;
    color: #2b2c2b;
}

.select-table select {
    color: #bdbdbd;
    font-size: 12px;
    cursor: pointer;
    border: none;
    width: 100% !important;
    margin: 0 !important;
    height: 100%;
    padding: 0;
    background-position: right;
}

.accept_job tr:hover .select-table select {
    background-color: #ebebeb;
}

.table-view-add .submit-button {
    font: 16px Rubik-Medium;
    margin-top: 10px;
    width: 55.5%;
    padding: 6px 0;
    margin-bottom: 30px;
}

.select-table select:focus {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select-table select:hover {
    outline: none;
    background-color: #ebebeb;
}

.job-contact .glyphicon {
    color: #9A9A9A;
    font-size: 17px;
}

.job-contact .glyphicon:hover {
    opacity: .8;
}

.rad-job .radio-label {
    font-weight: normal !important;
}

.job-contact .form-group .radio-label:last-child {
    margin-left: 10px;
    font-weight: normal;
    margin-bottom: 20px;
}

.job-contact .rad-job .radio-label:last-child {
    margin-left: 40px;
    font-weight: normal;
    margin-bottom: 20px;
}

.edit-contra-det .contact-form,
.sign-up-form, .contact-form {
    width: auto;
    max-width: 700px;
    margin-bottom: 25px;
}

.edit-contra-det .contact-form .form-group,
.sign-up-form, .contact-form .form-group {
    max-width: 370px;
}

.job-contact {
    margin-bottom: 20px !important;
}

.job-contact .mid-form select {
    width: 60% !important;
    background-position: 97%;
    font-size: 13px;
    color: #bcbcbc;
}

.job-contact .main-mid select {
    font-size: 15px;
    width: 100px !important;
    background-position: 90%;
}

.job-contact .thiet-inp-sel select {
    background-position: 85%;
    margin-left: 5px;
    width: 55px !important;
}

.job-contact-content {
    width: 60%;
}

.thiet-inp-sel input[type='text'] {
    margin-left: 4px;
    width: 65px;
}

.add-link:hover {
    background-color: #e6e6e6;
    color: #333;
}

.add-link {
    display: inline-block;
    /*margin-left: 10px;*/
    background-color: #fbaf17;
    text-transform: uppercase;
    font: 14px Rubik-Medium;
    color: #ffffff;
    padding: 4.5px 10px;
    cursor: pointer;
}

.yellow_title {
    text-align: center;
    text-transform: uppercase;
    color: #faae17;
    font-family: Rubik-Medium;
    margin-top: 0;
}

.view-job-details .contact-form {
    width: 70%;
}

/* Left Menu */
.left-menu .container {
    padding: 0;
    width: 100%;
}

/* Form list with spans */

.form-group .headerspan {
    font-weight: 600 !important;
    display: block;
    margin: 10px 12px;
    font: 15px opensans;
    color: #000;
}

/*  Home   */
.home-item-wrapper {
    max-width: 40%;
    display: inline-block;
    background-color: #EFEFEE;
}

.home-item-wrapper img {
    width: 100%;
    max-height: 210px;
    object-fit: cover;
}

/*   Modals   */

.modal-s {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    overflow: auto;
}

.payment-type {
    cursor: pointer;
    margin-top: 15px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 100px;
    height: 100px;
    margin-left: 10px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    background: white;
}

.payment-type.selected {
    background: rgb(220, 220, 220);
}

.modal-s .content {
    position: relative;
    top: 35%;
    transform: translate(0, -35%);
    max-width: 450px;
    background-color: #ffffff;
    padding: 20px;
    margin: 0 auto;
}

.modal-s .content p {
    font: 14px Rubik-Regular;
}

.modal-s .large {
    max-width: 50%;
}

.modal-s .extra-large {
    max-width: 85%;
}

.modal-confirm {
    background: rgba(0, 0, 0, 0.5);
}

.modal-confirm .modal-hstyle {
    background-color: #333;
    color: #fff;
    text-transform: uppercase;
    font-family: opensans, sans-serif;
    height: 50px;
    line-height: 50px;
}

.modal-header .close {
    margin-top: 0;
}

.modal-confirm .modal-hstyle span {
    color: #fff;
}

.faq .row {
    height: 100%;
    display: table-row;
}

.faq .row .no-float {
    display: table-cell;
    float: none;
}

.faq .list {
    list-style: none;
    margin: 10px 5px;
    padding: 0;
}

.faq .list .list-item a {
    display: block;
    padding: 12px 10px;
    color: #ffffff;
    text-transform: uppercase;
    font: 12px Rubik-Medium;
    text-decoration: none;
}

.faq .list .list-item:hover a,
.faq .list .list-item.active a {
    color: #fbaf17;
}

/**
 Buttons
*/

.btn-s {
    background-color: transparent;
    display: inline-block;
    font-family: Rubik-Bold;
    font-size: 24px;
    color: #fff;
    padding: 5px 50px;
    text-transform: uppercase;
    margin: 6px 12px 6px 0;
    text-align: center;
    border: 0;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.btn-s:hover {
    opacity: 0.8;
    color: #fff;
}

.btn-s:focus {
    outline: none;
}

.btn-s.logout-home-btn1 {
    font-family: Rubik-Medium;
    font-size: 30px;
    margin: 50px auto 4px;
    padding: 10px 0;
    display: block;
    width: 40%
}

.btn-s.logout-home-btn1:hover {
    opacity: 1;
    color: #333;
}

.btn-s.logout-home-btn2 {
    font-family: Rubik-Medium;
    font-size: 22px;
    padding: 5px 0;
    width: 47%;
    display: inline-block;
}

.btn-s.logout-home-btn2:hover {
    opacity: 1;
    color: #fff;
    background: #FAAE17;
}

.btn-s.login-home-btn {
    font-family: Rubik-Medium;
    font-size: 30px;
    width: 80%;
    margin: 20px auto;
    padding: 6px 0;
    display: block;
}

.btn-s.info-page-btn1 {
    color: #2e2d2e;
    font-family: Rubik-Regular;
    font-size: 22px;
    padding: 5px 60px;
}

.btn-s.info-page-btn1:hover {
    opacity: 1;
    color: #fff;
    background: #FAAE17;
}

.btn-s.info-page-btn2 {
    font-family: Rubik-Regular;
    font-size: 22px;
    padding: 5px 60px;
}

.btn-s.info-page-btn2:hover {
    opacity: 1;
    background-color: #efefef !important;
    color: #2e2d2e;
}

.btn-s.party-btn1 {
    /*margin-left: 0;*/
    font: 18px Rubik-Medium;
    width: 200px;
    padding: 6px 5px;
}

.btn-s.party-btn2 {
    font: 18px Rubik-Medium;
    width: 200px;
    padding: 6px 5px;
    margin-left: 25px;
}

.btn-s.party-btn3 {
    font: 18px Rubik-Medium;
    width: 200px;
    padding: 6px 5px;
    margin-left: 25px;
}

.btn-s.party-btn3:hover,
.btn-s.party-btn2:hover,
.btn-s.party-btn1:hover {
    text-decoration: none;
}

.btn-s.business-pack-btn {
    width: 100%;
    font: 24px Rubik-Bold;
    color: #ffffff;
    margin: 0 0 5px !important;
    box-shadow: none;
    border: none;
    padding-bottom: 20px;
    padding-top: 20px;
}

.btn-s.business-pack-btn:hover {
    opacity: 1;
}

.btn-s[disabled="disabled"], .btn-s[disabled] {
    background-color: darkgray !important;
}

.btn-s.sm {
    font-size: 18px;
    padding: 5px 20px;
}

.btn-s.lg {
    font-size: 24px;
    padding: 15px 35px;
}

.btn-s.v-margin {
    margin: 6px 0;
}

.btn-s.h-margin {
    margin: 0 6px;
}

.btn-s.xsm {
    font-size: 16px;
    padding: 5px 16px;
}

.btn-s.xxsm {
    font-size: 16px;
    padding: 4px 6px;
}

.btn-s.radius {
    border-radius: 4px;
    border: 1px solid #e1e1e1;
}

.btn-s.contact-form {
    width: 100%;
    max-width: initial;
    margin-bottom: 30px;
}

/* Background colors */

.sign-in-error {
    font-family: RUBIK-LIGHT;
    color: #fff;
    padding: 12px;
    font-size: 16px;
    text-align: center;
    margin: 6px 0;
}

.sign-in-error-message {
    font-family: Rubik-Regular;
}

@media screen and (max-width: 992px) {
    .split-7 .contact form {
        display: block;
        /*padding-right: 40px;*/
    }

    .split-7 .contact-form {
        width: 100%;
    }

    .split-7 .sign-up-form {
        width: 370px;
    }
}

@media screen and (max-width: 767px) {
    .btn-s.logout-home-btn1 {
        width: 100%;
    }

    .job-contact-content, .job-contact-content .form-control {
        width: 100% !important;
    }

    .split-7 .contact form {
        padding-right: 0;
    }

    .split-7-contact .form-control {
        /*width: 90%;*/
    }

    .btn-wrapper {
        margin-bottom: 10px;
    }

    .home-item-wrapper {
        min-height: 300px;
        max-width: 100%;
        float: none;
        display: block;
    }

    .left-section {
        min-height: 0;
    }

    .main-window {
        min-height: 0;
    }

    .app {
        padding-right: 0px;
    }
}

@media screen and (max-width: 690px) {
    .btn-s.party-btn3 {
        margin-left: 0;
    }
}

@media screen and (max-width: 530px) {
    .btn-s.party-btn1,
    .btn-s.party-btn2,
    .btn-s.party-btn3 {
        margin-left: 0;
    }

    .download_buttons a {
        display: block;
    }

    .download_buttons a:first-child {
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .pad_bot h1 {
        font-size: 30px;
    }

    .accept_job .table {
        padding: 0;
        margin: 0 -20px 20px;
        width: auto;
        max-width: none;
    }
}

@media screen and (max-width: 480px) {
    .modal-s .content {
        width: 100%;
    }

    .modal-s .large {
        max-width: 100%;
    }

    .accept_job .table {
        overflow-x: scroll;
    }
}

.add-contractor-popup {
    width: 630px;
}

.draw-image-wrapper {
    display: inline-block;
    border: 1px solid #D4D4D4;
}

.reset-password-content {
    margin-right: 20px;
    padding: 15px;
    background-color: darkgray;
}

.wrong-code {
    color: gray;
}

.ReactModalPortal {
    position: absolute;
    z-index: 9999;
}

.sk-spinner {
    display: block;
    position: absolute !important;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 2000;
    margin: 0 auto;
}

.sk-loading {
    position: relative;
    min-height: 100px;
}

.sk-loading:after {
    content: '';
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.contractor {
    /*margin-right: 40px;*/
}

.contractor .accept_job {
    padding: 0;
    /*width: 80%;*/
    max-width: 700px;
}

.table-view-add .employee-table td,
.table-view-add .employee-table td a,
.table-view-add .nah-table td,
.table-view-add .nah-table td a {
    color: #424042;
}

/* admin */
.content-section-admin {
    padding-right: 30px;
}

.section {
    padding: 20px;
    border: 1px solid #e9e9e9;
}

.report-select,
.report-input {
    margin-top: 15px;
    width: 100%;
}

.card {
    margin: 30px auto;
    border: 1px solid #efefee;
}

.card-header {
    position: relative;
    padding: 15px 30px;
    color: #8e8e8e;
    background-color: #efefee;
    cursor: pointer;
}

.card-title {
    text-transform: uppercase;
}

.collapse-btn-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    cursor: pointer;
}

/* reset bootstrap panel */

.panel-group .panel {
    border-radius: 0;
    margin: 30px auto;
    border: 1px solid #efefee;
    box-shadow: none;
}

.panel-default {
    border: none;
}

.panel-heading {
    padding: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-default > .panel-heading {
    color: initial;
    background-color: initial;
    border-color: initial;
}

.panel-body {
    padding: 0;
}

/* reset bootstrap panel - end */

.card-content {
    padding: 15px 30px;
}

.detail-section {
    margin-top: 10px;
}

.swms-section {
    margin-top: 30px;
}

.swms-table .table-body {
    border-left: 1px solid #d8d9d8;
    border-bottom: 1px solid #d8d9d8;
}

.swms-table .table-th-tr {
    border: 1px solid #424242;

}

.swms-table .table-tr:nth-child(2n+1) {
    background-color: #f8f8f8;
}

.detail-title {
    margin: 20px 12px;
    font-size: 24px;
    font-weight: bolder;
}

.detail-value {
    margin: 10px 12px;
}

.td-options a {
    margin: auto 5px;
    text-decoration: underline;
    color: #424342;
}

.text-gray,
.form-group .text-gray {
    color: #646464;
}

.text-lightgrey,
.text-lightgrey a {
    color: #c0c0c0;
}

.width_5percent {
    width: 5%
}

.width_7percent {
    width: 7%
}

.width_8percent {
    width: 8%
}

.width_15percent {
    width: 15%
}

.width_10percent {
    width: 10%
}

.width_18percent {
    width: 18%
}

.width_20percent {
    width: 20%
}

.width_25percent {
    width: 25%
}

.width_30percent {
    width: 30%
}

.width_35percent {
    width: 35%
}

.width_40percent {
    width: 40%
}

.width_50percent {
    width: 50%
}

.width_60percent {
    width: 60%
}

.width_70percent {
    width: 70%
}

.width_75percent {
    width: 75%
}

.width_80percent {
    width: 80%
}

.width_90percent {
    width: 90%
}

.staff-section {
    margin-top: 25px;
}

.whs-table,
.staff-table {
    border: 1px solid #efefef;
}

.employee-hl {
    border-bottom: 1px solid #c0c0c0;
    /*font-family: Rubik-Medium;*/
}

.material-table {
    border: solid 1px #efefef;
}

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

.material-table .table-tr-ft,
.material-table .table-tr-ft.table-tr:nth-child(2n+1) {
    background-color: #898989;
}

.table-tr-total {
    color: #424342;
    background-color: #ebebeb;
}

.inspection-guide {
    margin: 20px;
}

.inspection-guide-modal {
    font-family: RUBIK-REGULAR;
    width: 90%;
}

.no-data-modal {
    width: 30%;
}
.no-data-modal .modal-header {
    background: none;
}

.inspection-guide-modal h1,
.inspection-guide-modal h2,
.inspection-guide-modal h3 {
    font-family: Rubik-Bold;
}

.inspection-guide-modal .guide-title {
    margin: 20px 12px;
    font-family: Rubik-Regular;
    font-size: 32px;
    color: #000;
}

.guide-section .headerspan,
.guide-section .detail-value,
.photo-section .headerspan,
.photo-section .detail-value {
    font-size: 18px;
}

.headerspan {
    margin: 10px 12px;
}

.guide-section .headerspan,
.photo-section .headerspan {
    padding-left: 30px;
}

.photo-section {
    margin-bottom: 30px;
}

.detail-value {
    cursor: pointer;
}

.actions-recorded-row .detail-value div {
    margin: 5px 0;
}

.large-image {
    width: 100%;
}

.player-section {
    margin: 30px auto;
    font-size: 18px;
}

.player-section .row {
    margin: 15px auto;
}

.player-section .date {
    font-weight: bolder;
}

.player-container {
    display: table;
    width: 220px;
    padding: 15px;
    background-color: #efefee;
}

.player-container .audio-action {
    width: 33.33%;
    height: 50px;
    float: left;
    cursor: pointer;
}

.player-container .back-action,
.player-container .play-action,
.player-container .pause-action
.player-container .load-action {
    width: 33.33%;
}

.player-container .back-action {
    padding: 10px;
    background: url("../images/back-2.png") no-repeat center;
}

.player-container .play-action {
    background: url("../images/play.png") no-repeat center;
}

.player-container .pause-action {
    background: url("../images/pause.png") no-repeat center;
}

.player-container .load-action {
    background: url("../images/stop.png") no-repeat center;
}

.employee-container .contact-form {
    background: none;
}

.report-option {
    cursor: pointer;
    text-decoration: underline;
}

.report-link-container {
    margin: 15px;
}

.report-link-row {
    display: table;
    margin: 20px auto;
}

.report-link-row div {
    display: table-cell;
}

.report-link-row .left-part,
.report-link-row .right-part {
    width: 200px;
}

.report-link-row button,
.report-link-row input {
    margin: 0;
    width: 100%;
    height: 35px;
    vertical-align: middle;
}

.report-link-row .left-part button {
    outline: 1px solid #faae17;
}

.report-link-row .middle-part input {
    padding: 10px;
}

.report-link-row .middle-part input,
.report-link-row .right-part button {
    border: none;
    outline: 1px solid #ccc;
}

.report-link-row .right-part button {
    font-size: 12px;
    text-transform: none;
    color: #999;
    background-color: #F3F3F3;
}

.select-account-title {
    font-size: 13px;
    font-family: Rubik-Medium;
    color: #575757;
}

.select-account-title-row {
    margin-bottom: 20px;
}

.change-email-modal button,
.reset-password-modal button,
.change-account-type-modal button {
    width: 45%;
}

.change-email-content,
.change-account-type-content {
    padding: 20px;
}

.master-admin-panel h3 {
    margin: 20px 0;
}

.change-email-input {
    width: 400px;
}

.change-account-type-content select {
    width: 100px;
}

.reset-password-modal .reset-password-content {
    background-color: transparent;
}

.staff-table .width_10percent.mins {
    font-size: 10px;
}

.whs-table
.td-options a {
    margin: auto 0;
}

.whs-table .user-row {
    background-color: #ebebeb;
}

.whs-table .user-name {
    font-weight: 600;
    text-decoration: underline;
}

.whs-table .table-td {
    padding-left: 25px;
    padding-right: 25px;
}

.whs-table .table-tr-last {
    margin-bottom: 20px;
}

.empty-space {
    margin: auto 10px;
}

.end-of-day-title {
    margin-top: 50px;
}

/* responsive <br> */

@media screen and (max-width: 920px) {

    .br-large {
        display: none;
    }
}

/* responsive <br> --end */

/* helpers */

.no-padds {
    padding: 0;
}

/* helpers --end */

.form-groups-indented {
    padding-left: 20px;
    max-width: 362px;
}

.cart-price-btn-group {
    white-space: nowrap;
}

.business-pack-amount {
    padding-left: 46px !important;
}

/* row smaller indents */

.row.row--small-indents {
    margin-right: -10px;
    margin-left: -10px;
}

.row.row--small-indents > div {
    padding-left: 10px;
    padding-right: 10px;
}

/* row smaller indents --end */

.typeahead-form-control {
    padding-top: 6px;
    padding-bottom: 6px;
    width: 100%;
}

.typeahead-form-control .rbt-menu {
    width: 100%;
    border-radius: 0;
}

.typeahead-wrapper {
    position: relative;
    max-width: 460px;
    padding-right: 125px;
}

.typeahead-wrapper .typeahead-wrapper__btn {
    position: absolute;
    margin: 0;
    right: 0;
    top: 0;
    line-height: 18px;
    padding: 8.5px 20px 7px;
}

@media screen and (max-width: 769px) {
    .typeahead-wrapper .typeahead-wrapper__btn {
        margin-top: 5px;
        position: initial;
    }

    .typeahead-wrapper {
        padding-right: 0;
    }
}

.report-date {
    margin-top: 5px;
}

.report-date.report-date--first {
    margin-top: 10px;
}

.report-date__title, .report-date__main {
    display: inline-block;
}

.report-date__title {
    width: 155px;
}

.report-date__title.report-date__title--actual {
    width: 140px;
}

.swms-hazards-separator {
    border-color: #000;
}

.swms-new-hazard {
    position: relative;
}

.swms-remove-hazard {
    position: absolute;
    right: 0;
    color: red;
    cursor: pointer;
}

/* Not loggedin layout styles */
#not-loggedin-layout * {
    font-family: opensans;
}

#not-loggedin-layout .carousel-chevron {
    font-family: Glyphicons Halflings;
}

#not-loggedin-layout .container-fluid {
    max-width: 100% !important;
    background: transparent;
    overflow-x: initial;
    box-shadow: none;
}

#not-loggedin-layout .main-navbar {
    color: #fff;
    background-color: #ffb30e;
    border: none;
    border-radius: 0;
}

#not-loggedin-layout .navbar-nav > li {
    float: left;
}

#not-loggedin-layout .navbar-nav > li > a {
    color: #fff;
}

#not-loggedin-layout .navbar-nav > li > a.menu-special-btn {
    color: #ffb30e;
}

#not-loggedin-layout .header-section {
    background: url('../images/not-logged-in/header-bg.png') no-repeat;
    background-size: cover;
    box-sizing: border-box;
}

#not-loggedin-layout .title-row {
    margin: 200px auto;
    text-align: center;
}

#not-loggedin-layout .title-row h1 {
    font-size: 50px;
    font-weight: bold;
    margin: 70px auto;
    color: #fff;
}

#not-loggedin-layout .top-menu .navbar-nav {
    margin: 30px;
}

#not-loggedin-layout .top-menu .navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
}

#not-loggedin-layout .menu-special-btn,
#not-loggedin-layout .special-btn {
    color: #ffb30e;
    background: #fff;
    border-radius: 30px;
}

#not-loggedin-layout .special-btn {
    padding: 12px 50px;
    font-size: 21px;
    font-weight: bold;
}

#not-loggedin-layout .orange-bg {
    color: #fff;
    background-color: #ffaf00;
}

#not-loggedin-layout .navbar-logo img {
    margin: auto 5px;
}

#not-loggedin-layout .section-1 {
    padding-bottom: 20px;
}

/* carousel */
#not-loggedin-layout .custom-carousel {
    position: relative;
    top: -100px;
}

#not-loggedin-layout .carousel-indicators {
    bottom: -30px;
}

#not-loggedin-layout .carousel-indicators li {
    width: 15px;
    height: 15px;
    margin: 0;
    background-color: #969696;
    border: none;
}

#not-loggedin-layout .carousel-indicators li.active {
    background-color: #ffaf00;
}

.custom-carousel .carousel-inner .col-xs-4 {
    padding: 0 50px;
}

.carousel {
    overflow: hidden;
}

.carousel-inner {
    width: 170%;
    left: -35%;
    max-height: 550px;
}

.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
    -webkit-transform: translate3d(33%, 0, 0);
    transform: translate3d(33%, 0, 0);
}

.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-33%, 0, 0);
    transform: translate3d(-33%, 0, 0);
}

.carousel-control.left,
.carousel-control.right {
    background: transparent;
    width: 25%;
}

/*  */
#not-loggedin-layout .img-container {
    margin: auto;
    text-align: center;
}

#not-loggedin-layout .img-container img {
    width: 80%;
}

#not-loggedin-layout .section-2 .right-block {
    padding: 25px;
}

#not-loggedin-layout .section-2 .app-logo {
    margin: 20px 0;
}

#not-loggedin-layout .section-2 {
    color: #737373;
}

#not-loggedin-layout .section-p {
    margin: 10px auto;
}

#not-loggedin-layout .section-row {
    margin: 10px auto;
}

#not-loggedin-layout .button-row {
    margin: 70px auto;
}

#not-loggedin-layout .section-3 {
    padding: 100px 20px;
    text-align: center;
    background-color: #f7f7f7;
}

#not-loggedin-layout .section-3 .images-row {
    display: inline-block;
    width: 80%;
    margin: 50px auto;
}

#not-loggedin-layout .circle-item {
    display: flex;
    width: 5px;
    text-align: center;
    margin: 40px auto;
    padding: 100px;
    background-color: #fff;
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
}

#not-loggedin-layout .circle-item-1 {
    background-image: url("../images/not-logged-in/iconmonstr-cloud-19.png");
}

#not-loggedin-layout .circle-item-2 {
    background-image: url("../images/not-logged-in/iconmonstr-share-3.png");
}

#not-loggedin-layout .circle-item-3 {
    background-image: url("../images/not-logged-in/iconmonstr-note-31.png");
}

#not-loggedin-layout .circle-item-4 {
    background-image: url("../images/not-logged-in/iconmonstr-location-26.png");
}

#not-loggedin-layout .section-4 {
    padding: 120px 50px;
    color: #737373;
}

#not-loggedin-layout .section-4 p,
#not-loggedin-layout .section-4 li {
    color: #737373;
}

#not-loggedin-layout .section-4 h2 {
    color: #ffaf00;
}

#not-loggedin-layout .section-4 ul {
    padding-left: 15px;
}

#not-loggedin-layout .section-4 li {
    margin: 15px 0px;
}

#not-loggedin-layout .section-4 .button-row {
    text-align: center;
}

#not-loggedin-layout .footer {
    padding: 40px;
    background-color: #353535;
}

#not-loggedin-layout .footer {
    min-height: 320px;
}

#not-loggedin-layout .footer-row {
    display: flex;
    margin: 30px auto;
}

#not-loggedin-layout .footer .col-left,
#not-loggedin-layout .footer .col-middle,
#not-loggedin-layout .footer .col-right {
    display: flex;
    justify-content: center;
    align-items: center;
}

#not-loggedin-layout .footer .col-left {
    justify-content: flex-start;
}

#not-loggedin-layout .footer .col-right {
    justify-content: flex-end;
}

#not-loggedin-layout .footer-logo {
    max-width: 300px;
    width: 100%;
}

#not-loggedin-layout .footer .col-middle {
    font-size: 18px;
    color: #737373;
}

#not-loggedin-layout .soctal-btn {
    display: inline-block;
    margin: 5px;
}

.rt-th.-sort-asc {
	box-shadow: inset 0 3px 0 0 rgba(255,255,255,0.9) !important;
}
.rt-th.-sort-desc {
	box-shadow: inset 0 -3px 0 0 rgba(255,255,255,0.9) !important;
}

.header-black {
	background-color: rgb(66, 66, 66);
	color: white;
	font-size: 14px;
	font-family: opensans, sans-serif;
	font-weight: bold;
}

/* media queries */
@media screen and (max-width: 1200px) {
    #not-loggedin-layout .section-2 .app-logo {
        margin: 0;
    }

    #not-loggedin-layout .button-row {
        margin: 10px auto;
    }

    #not-loggedin-layout .section-3 .images-row {
        width: 100%;
    }
}

@media screen and (max-width: 992px) {
    #not-loggedin-layout .footer-row {
        display: block;
    }

    #not-loggedin-layout .footer .col-left,
    #not-loggedin-layout .footer .col-middle,
    #not-loggedin-layout .footer .col-right {
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }

    #not-loggedin-layout .section-3 .images-row {
        width: 80%;
    }
}

@media screen and (max-width: 768px) {
    #not-loggedin-layout .navbar-nav > li {
        width: 100%;
        text-align: center;
    }

    #not-loggedin-layout .top-menu .navbar-nav > li > a {
        width: fit-content;
        margin: auto;
        padding-left: 40px;
        padding-right: 40px;
    }

    #not-loggedin-layout .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none;
    }

    .custom-carousel .carousel-inner {
        width: 150%;
        left: -25%;
    }

    #not-loggedin-layout .title-row h1 {
        font-size: 36px;
    }

    #not-loggedin-layout .title-row {
        margin: 50px auto;
    }

    #not-loggedin-layout .section-3 {
        padding: 50px 20px;
    }

    #not-loggedin-layout .section-3 .images-row {
        width: 100%;
    }

    #not-loggedin-layout .custom-carousel {
        top: 0;
    }
}

@media screen and (max-width: 576px) {

}

/* SWMS styles */