@charset "UTF-8";
/* CSS Document */

/*DIAGONAL LIGHT BLUE BACKGROUND*/

background-color: #d7dde2;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239f9e9e' fill-opacity='0.18' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
/* DIAGONAL DARK BLUE BACKGROUND*/
background-color: #1a364d;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2307253e' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");

nav-top

*, *:after, *:before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Open Sans";
}

hero-text {
    font-family: Maitree;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

hero-img {
    width: 100%;
    height: 75px;
    background-repeat: repeat;
    background-image: url("../Images/asphalt-texture-2.jpg");
}

/* Form Progress */
.current-progress {
    width: auto;
    margin: 20px auto;
    text-align: center;
    background-color: transparent;
    height: 70px;
}

    .current-progress .circle,
    .current-progress .bar {
        display: inline-block;
        background: #fff;
        width: 40px;
        height: 40px;
        border-radius: 40px;
        border: 1px solid #d5d5da;
    }

    .current-progress .bar {
        position: relative;
        width: 150px;
        height: 6px;
        top: -33px;
        margin-left: -5px;
        margin-right: -5px;
        border-left: none;
        border-right: none;
        border-radius: 0;
    }

    .current-progress .circle .label {
        display: inline-block;
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 32px;
        margin-top: 3px;
        color: #7D8080;
        font-size: 17px;
    }

    .current-progress .circle .title {
        color: #7D8080;
        font-size: 13px;
        line-height: 30px;
        margin-left: -5px;
    }

    /* Done / Active */
    .current-progress .bar.done,
    .current-progress .circle.done {
        background: #eee;
    }

    .current-progress .bar.active {
        background: linear-gradient(to right, #EEE 40%, #FFF 60%);
    }

    .current-progress .circle.done .label {
        color: #FFF;
        background: #7FB9B6;
        box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    }

    .current-progress .circle.done .title {
        color: #444;
    }

    .current-progress .circle.active .label {
        color: #FFF;
        background: #F4A64B;
        box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    }

    .current-progress .circle.active .title {
        color: #0c95be;
    }

.container {
    background: white;
}

.custom-footer {
    margin-bottom: -50px;
}

.no-border {
    border: none;
}

td.details-control-plus {
    background: url('../Images/plus-8.png') no-repeat center center;
    cursor: pointer;
}

td.details-control-minus {
    background: url('../Images/minus-8.png') no-repeat center center;
    cursor: pointer;
}

.form-control {
    background-color: #83abce33;
}

.cb-form-control {
    background-color: transparent !important;
    border:none !important;
}

.center {text-align: center;}
.big {font-size:130%;}
label {text-align: left;}
.orange-btn {
    background-color: #F4A64B;
    border-radius: 35px; font-family: Roboto, 'Roboto Black', 'Roboto Black Italic', 'Roboto Bold',
    'Roboto Bold Italic', 'Roboto Condensed Bold', 'Roboto Thin Italic', 'Roboto Thin', 'Roboto Medium Italic', 'Roboto Medium', 'Roboto Light Italic', 'Roboto Light',
    'Roboto Italic', 'Roboto Condensed Regular', 'Roboto Condensed Light Italic', 'Roboto Condensed Light', 'Roboto Condensed Italic', 'Roboto Condensed Bold Italic';
    font-weight: 700; text-transform: uppercase; min-width:150px;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 0.25rem;
}

.footer-title {
    text-transform: uppercase;
    font-size: medium;
    color: #fcc276;
    font-weight: bolder;
    letter-spacing: 1px;
    font-family: 'Roboto Slab', serif;
}