/*version 71 */

:root {
    --mb-font-family: "Raleway", sans-serif, "Roboto";
    --mb-font-family-secondary: sans-serif, "Roboto";
    --mb-color-blue: #3fa9f5;
    --mb-color-white: #ffffff;
    --mb-color-offwhite: #f8f8f8;
    --mb-color-green: #00d97e;
    --mb-color-lightgray: #eeeeee;
    --mb-color-darkgrey: #c7c7c7;
    --mb-color-black: #173246;
    --mb-color-background-color: var(--mb-color-offwhite);
    --mb-color-fontcolor: var(--mb-color-black);
    --mb-topNavbar-height: 60px;
    --mb-layerIndex-mb-topNavBar: 2000;
    --mb-layerIndex-mb-modal-footer: 1200;
    --mb-layerIndex-datepicker: 1100;
    --mb-layerIndex-mb-modal: 1000;
    --mb-modal-footer-height: 105px;
    --mb-modal-width: 500px;
    --mb-modal-standard-padding: 15px;
}

.EditBtn {
    width: 50px;
    height: 50px;
    margin-top: -7px;
    fill: #3fa9f5;
}

.EditBtnImg {
    margin-top: 10px;
    fill: #3fa9f5;
    width: 50px;
    height: 50px;
}

.EditBtn:hover {
    fill: #3fa9f5;
    color: #3fa9f5;
    stroke: #3fa9f5;
}


/* Sticky footer styles */
html {
    position: relative;
    min-height: 100%;
}

.textPullRight {
    text-align: right;
}

.nobold{
    font-weight:normal;
}

.chkBox > input {
    height: 15px;
    width: 15px;
}

.radioBtnSpacing > label,
.radioBtnSpacing > .aspNetDisabled > label {
    padding-right: 23px;
    padding-left: 2px;
    font-weight: normal !important;
}
.greyedOutText {
    color: #767676;
    font-size:14px;
}

inlineblock {
    display: inline-block;
}

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

body {
    /* Margin bottom by footer height */
    margin-bottom: 150px;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 150px;
    background-color: #222;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
}

/*#region Container values */
@media screen and (min-width: 768px) {
    .mb-bodycontent > .container {
        width: 510px;
    }
}

@media screen and (min-width: 992px) {
    .mb-bodycontent > .container {
        width: 750px;
    }
}

@media screen and (min-width: 1200px) {
    .mb-bodycontent > .container {
        width: 970px;
    }
}

@media screen and (min-width: 1440px) {
    .mb-bodycontent > .container {
        width: 1170px;
    }
}

@media screen and (min-width: 1640px) {
    .mb-bodycontent > .container {
        width: 1370px;
    }
}
/*#endregion */

.customDisabled a{
    pointer-events: none!important;
    color: lightgray !important;
    border-color: lightgrey !important;
}

.spinner{
    position:fixed !important;
}

.mapSpinnerPanel {
    background-color: rgba(0,0,0,0.4);
    z-index: 10000000;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

    .mb-text-danger {
        color: #FF4941;
    }

    .text-danger {
        color: #FF0000!important;
    }

    .text-fetched-data {
        color: #9D9D9D !important;
    }

    /* Google login icon */
    .fa-google-plus-g:before {
        content: "\f0d5";
        width: 35px;
        height: 35px;
        top: -4px;
        position: absolute;
        left: 3px;
    }

    /* Form-controls */
    .form-control {
        border-color: #cbd5e4;
        font-family: "Raleway", sans-serif, "Roboto";
        font-size: 14px;
        box-shadow: #fff 0px 0px inset;
    }

select.form-control{
    padding-left:8px;
}

.form-control:focus {
    border-color: #3fa9f5;
    box-shadow: #fff 0px 0px inset;
}

    /* Mileagebook modal window */
    .mb-modal-mapCanvas {
        margin: 15px 0px 0px 0px;
        padding: 0px;
        height: 465px;
        width: 465px;
    }

    .mb-modal-mapCanvasDashboard {
        margin: 30px 0px 0px 0px;
        padding: 0px;
        height: 470px;
        width: 850px;
        overflow: auto;
    }

    ul.sideWindow {
        list-style: none;
    }

    .mb-modal {
        z-index: 1000;
        display: block;
        position: fixed;
        right: 0px;
        top: 60px;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.4);
        font-family: "Raleway", sans-serif, "Roboto";
        color: #173246;
    }

    .mb-modal-master-1 {
        z-index: 990 !important;
        right: 500px !important;
    }

    .mb-modal-master-2 {
        z-index: 980 !important;
        right: 1000px !important;

    }

    .pr0 {
        padding-right: 0;
    }

    .mb-modal-master-3 {
        z-index: 970 !important;
        right: 1500px !important;

    }

.expandIcon {
    height: 30px;
    width: 30px;
    fill: white;
}


.flippedY {
    transform: scaleY(-1);
}
.mapWindowSvg {
    height: 30px;
    position: absolute;
    top: -6px;
    right: 15px;
}
.customDisabled {
    pointer-events: none;
    color: lightgray !important;
    border-color: lightgrey !important;
}

    .mb-modal-master-4 {
        z-index: 960 !important;
        right: 2000px !important;

    }

    .mb-modal-master-5 {
        z-index: 950 !important;
        right: 2500px !important;
    }

    .mb-modal-content {
        background-color: #f8f8f8;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 500px;
        height: calc(100% - 165px);
        margin: 0px;
        overflow-y: auto;
        padding-bottom: 50px;
        z-index: 1100;
    }

    .standardWarringText {
        background: #a94442;
        padding: 5px;
        color: white;
        margin-bottom: 0px;
    }


a.gridButton {
    display: inline-block;
}

.marginGridButton {
    margin-bottom: 2px !important;
    margin-top: 1px !important;
}

.mb-button-icon {
    fill: #337ab7;
    height: 20px;
    max-width: 20px;
    text-decoration: none !important;
}

.customDisabled .mb-button-icon{
    fill: lightgray!important;
}

.mb-grid-icon {
    fill: #173246;
    height: 20px;
    max-width: 20px;
    text-decoration: none !important;
}
.mb-grid-icon-lg{
    height:25px;
}

        .mb-grid-icon :hover,
        a.gridButton :hover {
            fill: #78c2fa;
            text-decoration: none !important;
        }

        .mb-grid-icon:disabled,
        .aspNetDisabled > .mb-grid-icon,
        .aspNetDisabled > .mb-grid-icon:hover,
        .aspNetDisabled > .mb-grid-icon > use :hover,
        .aspNetDisabled > .mb-grid-icon > use{
            fill: #c7c7c7c7 !important;
        }

    .mb-modal-validationSummary {
        z-index: 1205;
        bottom: 157px;
        height: auto;
    }

    .mb-modal-footer {
        z-index: 1200;
        bottom: 0px;
        height: 165px;
        padding-bottom: 25px;
    }

    .mb-modal-validationSummary,
    .mb-modal-footer {
        background-color: #f8f8f8;
        position: absolute;
        right: 0px;
        width: 500px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .mb-chkbox > input {
        margin-top: 6px;
        height: 21px;
        width: 21px;
    }

    .mb-small-chkbox > input {
        margin-top: 6px;
        height: 16px;
        width: 16px;
    }

    .sideWindowMapCanvas {
        margin: 15px 0px 0px 0px;
        padding: 0px;
        height: 453px;
        width: 453px;
    }


    /* Buttons */
    .btn {
        border-radius: 3px;
        font-family: "Raleway";
    }

    .btn-sm {
        border-radius: 2px;
    }

    .btn-lg {
        border-radius: 4px;
        line-height: 0.95;
    }

    .btn-max {
        width: 100%;
    }

    .btn-svg {
        width: 34px;
        height: 34px;
        padding: 0px;
        margin: 0px;
    }
    .mb8{
        margin-bottom:8px;
    }
.fillGrey{
    fill:#c7c7c7c7;
}

.btn-primary {
    color: #fff !important;
    border-color: #3fa9f5;
    background-color: #3fa9f5
}

        .btn-primary:hover {
            color: #fff !important;
            border-color: #1862c6;
            background-color: #1e6193
        }

    .btn-primary.focus, .btn-primary:focus {
        /*box-shadow: 0 0 0 .15rem rgba(44,123,229,.5)*/
        color: #fff;
        border-color: #3fa9f5;
        background-color: #3fa9f5;
        box-shadow: none;
        outline: none;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff !important;
        border-color: #3fa9f5 !important;
        background-color: #3fa9f5 !important;
        box-shadow: none !important;
        cursor: default !important;
        outline: none !important;
    }

        .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
            color: #fff !important;
            border-color: #175dba;
            background-color: #1862c6
        }

            .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
                box-shadow: 0 0 0 .15rem rgba(44,123,229,.5)
            }



    .customDisabled.btn {
        pointer-events: none !important;
        border-color: #cccccc !important;
        color: #808080 !important;
        background-color: #F7F7F7 !important;
    }

    .btn-success {
        color: #fff;
        border-color: #2cc185;
        background-color: #2cc185;
    }

        .btn-success:hover {
            color: #fff;
            border-color: #00b368;
            background-color: #00b368;
        }

        .btn-success.focus, .btn-success:focus {
            box-shadow: 0 0 0 .15rem rgba(0,217,126,.5);
        }

        .btn-success.disabled, .btn-success:disabled {
            color: #fff;
            border-color: #2cc185;
            background-color: #2cc185
        }

        .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
            color: #fff;
            border-color: #2cc185;
            background-color: #2cc185
        }

            .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
                box-shadow: 0 0 0 .15rem rgba(0,217,126,.5)
            }

    .btn-warning {
        color: #fff;
        border-color: #ef9944;
        background-color: #ef9944
    }

        .btn-warning:hover {
            color: #fff;
            border-color: #f4b312;
            background-color: #f4b71e
        }

        .btn-warning.focus, .btn-warning:focus {
            box-shadow: 0 0 0 .15rem rgba(246,195,67,.5)
        }

        .btn-warning.disabled, .btn-warning:disabled {
            color: #fff;
            border-color: #ef9944;
            background-color: #ef9944
        }

        .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
            color: #fff;
            border-color: #eead0b;
            background-color: #f4b312
        }

            .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
                box-shadow: 0 0 0 .15rem rgba(246,195,67,.5)
            }

    .btn-danger {
        color: #fff;
        border-color: #e63757;
        background-color: #e63757
    }

        .btn-danger:hover {
            color: #fff;
            border-color: #d01a3b;
            background-color: #db1b3f
        }

        .btn-danger.focus, .btn-danger:focus {
            box-shadow: 0 0 0 .15rem rgba(230,55,87,.5)
        }

        .btn-danger.disabled, .btn-danger:disabled {
            color: #fff;
            border-color: #e63757;
            background-color: #e63757
        }

        .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
            color: #fff;
            border-color: #c51938;
            background-color: #d01a3b
        }

            .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
                box-shadow: 0 0 0 .15rem rgba(230,55,87,.5)
            }

    .btn-white {
        color: #283e59;
        border-color: #d2ddec;
        background-color: #fff
    }

        .btn-white:hover {
            color: #283e59;
            border-color: #d2ddec;
            background-color: #f9fbfd
        }

        .btn-white.focus, .btn-white:focus {
            box-shadow: 0 0 0 .15rem hsla(0,0%,100%,.5)
        }

        .btn-white.disabled, .btn-white:disabled {
            color: #283e59;
            border-color: #d2ddec;
            background-color: #fff
        }

        .btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show > .btn-white.dropdown-toggle {
            color: #283e59;
            border-color: #e3ebf6;
            background-color: #f9fbfd
        }

            .btn-white:not(:disabled):not(.disabled).active:focus, .btn-white:not(:disabled):not(.disabled):active:focus, .show > .btn-white.dropdown-toggle:focus {
                box-shadow: 0 0 0 .15rem hsla(0,0%,100%,.5)
            }
    .btn-outline-primary {
        color: #3fa9f5 !important;
        border-color: #3fa9f5;
        background-color: #fff;
        background-image: none
    }

        .btn-outline-primary:hover {
            color: #fff !important;
            border-color: #3fa9f5;
            background-color: #3fa9f5;
        }

        .btn-outline-primary.focus, .btn-outline-primary:focus {
            box-shadow: 0 0 0 .15rem rgba(44,123,229,.5)
        }

        .btn-outline-primary.disabled, .btn-outline-primary:disabled {
            color: #2c7be5;
            background-color: transparent
        }

        .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
            color: #fff;
            border-color: #2c7be5;
            background-color: #2c7be5
        }

            .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
                box-shadow: 0 0 0 .15rem rgba(44,123,229,.5)
            }

    .btn-outline-success {
        color: #2cc185;
        border-color: #2cc185;
        background-color: transparent;
        background-image: none
    }

        .btn-outline-success:hover {
            color: #fff;
            border-color: #2cc185;
            background-color: #2cc185
        }

        .btn-outline-success.focus, .btn-outline-success:focus {
            box-shadow: 0 0 0 .15rem rgba(0,217,126,.5)
        }

        .btn-outline-success.disabled, .btn-outline-success:disabled {
            color: #2cc185;
            background-color: transparent
        }

        .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
            color: #fff;
            border-color: #2cc185;
            background-color: #2cc185
        }

            .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
                box-shadow: 0 0 0 .15rem rgba(0,217,126,.5)
            }

    .btn-outline-warning {
        color: #ef9944;
        border-color: #ef9944;
        background-color: #fff;
        background-image: none
    }

        .btn-outline-warning:hover {
            color: #fff;
            border-color: #ef9944;
            background-color: #ef9944
        }

        .btn-outline-warning.focus, .btn-outline-warning:focus {
            box-shadow: 0 0 0 .15rem rgba(246,195,67,.5)
        }

        .btn-outline-warning.disabled, .btn-outline-warning:disabled {
            color: #ef9944;
            background-color: #fff;
        }

        .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
            color: #fff;
            border-color: #ef9944;
            background-color: #ef9944;
        }

            .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
                box-shadow: 0 0 0 .15rem rgba(246,195,67,.5)
            }

    .btn-outline-danger {
        color: #e63757;
        border-color: #e63757;
        background-color: transparent;
        background-image: none
    }

        .btn-outline-danger:hover {
            color: #fff;
            border-color: #e63757;
            background-color: #e63757
        }

        .btn-outline-danger.focus, .btn-outline-danger:focus {
            box-shadow: 0 0 0 .15rem rgba(230,55,87,.5)
        }

        .btn-outline-danger.disabled, .btn-outline-danger:disabled {
            color: #e63757;
            background-color: transparent
        }

        .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
            color: #fff;
            border-color: #e63757;
            background-color: #e63757
        }

            .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
                box-shadow: 0 0 0 .15rem rgba(230,55,87,.5)
            }

    .btn-outline-light {
        color: #edf2f9;
        border-color: #edf2f9;
        background-color: transparent;
        background-image: none
    }

        .btn-outline-light:hover {
            color: #283e59;
            border-color: #edf2f9;
            background-color: #edf2f9
        }

        .btn-outline-light.focus, .btn-outline-light:focus {
            box-shadow: 0 0 0 .15rem rgba(237,242,249,.5)
        }

        .btn-outline-light.disabled, .btn-outline-light:disabled {
            color: #edf2f9;
            background-color: transparent
        }

        .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
            color: #283e59;
            border-color: #edf2f9;
            background-color: #edf2f9
        }

            .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
                box-shadow: 0 0 0 .15rem rgba(237,242,249,.5)
            }

    .btn-outline-dark {
        color: #173246;
        border-color: #173246;
        background-color: transparent;
        background-image: none
    }

        .btn-outline-dark:hover {
            color: #fff;
            border-color: #173246;
            background-color: #12263f
        }

        .btn-outline-dark.focus, .btn-outline-dark:focus {
            box-shadow: 0 0 0 .15rem rgba(18,38,63,.5)
        }

        .btn-outline-dark.disabled, .btn-outline-dark:disabled {
            color: #12263f;
            background-color: transparent
        }

        .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
            color: #fff;
            border-color: #12263f;
            background-color: #12263f
        }

            .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
                box-shadow: 0 0 0 .15rem rgba(18,38,63,.5)
            }

    /* Remove page size selector from grids*/
    div.RadGrid .rgPager .rgAdvPart {
        display: none;
    }

    /* Filterbox */
    .mb-filterbox-buttonPlacement {
        text-align: right;
        margin-top: 12px;
        padding-right: 0px;
    }

    /*Unsorted*/
    img.shadow {
        -moz-box-shadow: #a5a5a5 1px 1px 6px;
        -webkit-box-shadow: #a5a5a5 1px 1px 6px;
        box-shadow: #a5a5a5 1px 1px 6px;
    }

    .padding_right_13px {
        margin-right: 13px !important;
    }

    .dropdown-submenu {
        position: relative;
    }

    ul.dropdown-menu {
        position: absolute;
        right: 0px;
        left: auto;
    }

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }


    .crop_hero {
        overflow: auto;
        width: 1000px;
    }


    .center_element {
        margin-left: auto;
        margin-right: auto;
        width: 60%;
    }

    .row_hero {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .row-no-padding > [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

        .row-no-padding > [class*="col-"] > h6 {
            margin-bottom: 5px;
        }

        .row-no-padding .padding-left-15 {
            padding-left: 15px !important;
        }

    .filterRow > [class*="col-"] {
        padding-left: 0px !important;
        padding-right: 20px !important;
    }

        .filterRow > [class*="col-"] > h6 {
            margin-bottom: 2px;
        }

    .rapper_fix {
        margin-left: 15px;
        margin-right: 15px;
    }


    /*padding header rates*/
    .padding_header_rates {
        padding-left: 110px !important;
    }

    /*Drop down menu*/
    .dropdown-header {
        display: block;
        padding: 3px 20px;
        font-size: 12px;
        line-height: 2 !important;
        color: white !important;
        background-color: #428bca;
    }

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        color: #fff;
        text-decoration: none;
        background-color: #3ea9fa !important;
    }

    /*Grid min width New trip*/
    .btn-width-newtrip {
        min-width: 80px;
    }

    /*No resize of textbox*/

    .no-resize {
        resize: none;
    }

    /*Text color topbar*/

    .sidemenu .navbar-inverse .navbar-nav > li > a {
        color: purple !important;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: white !important;
    }


        .navbar-inverse .navbar-nav > li > a:hover {
            color: #3ea9f8 !important;
        }




    .google-maps {
        position: relative;
        padding-bottom: 75%;
        // This is the aspect ratio height: 0;
        overflow: hidden;
    }

        .google-maps iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100% !important;
        }


    .filter-center {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .filter_btn {
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 4px;
        padding-bottom: 4PX;
        text-align: right;
    }
    /*Filter Dato field */

    .filter_dato_field {
        padding-left: 0px;
        width: 110px;
    }


    /*Grid Icon Color*/
    .sideWindow-icon-rightArrowWhite {
        padding-left: 3px;
        padding-right: 3px;
        height: 34px;
        width: 34px;
        border: none;
        background-image: url('../Img/SVG/icon_right_white.svg');
    }

    .grid_icon_more {
        padding-left: 3px;
        padding-right: 3px;
        height: 20px;
        width: 20px;
        border: none;
        background-image: url('../Img/btn_more.png');
    }

        .grid_icon_more:hover {
            padding-left: 3px;
            padding-right: 3px;
            height: 20px;
            width: 20px;
            border: none;
            background-image: url('../Img/btn_more_hover.png');
        }

    .grid_icon_map_icon {
        background-image: url('../Images/btn_mileagebook_pin.png');
    }

    .button_map_icon {
        padding: 5px 10px 4px 25px !important;
        background-image: url('../Images/btn_mileagebook_pin.png') !important;
        background-repeat: no-repeat !important;
        background-position: left 3px top 5px !important;
    }

    .grid_icon_edit {
        padding-left: 3px;
        padding-right: 3px;
        height: 20px;
        width: 20px;
        border: none;
        background-image: url('../Images/btn_edit.png');
    }

        .grid_icon_edit:hover {
            padding-left: 3px;
            padding-right: 3px;
            height: 20px;
            width: 20px;
            border: none;
            background-image: url('../Images/btn_edit_hover.png');
        }

        .grid_icon_edit:disabled {
            opacity: 0.3;
            cursor: default !important;
            background-image: url('../Images/btn_edit.png');
        }

    .grid_icon_map {
        display:inline-block;
        padding-left: 3px;
        padding-right: 3px;
        height: 20px;
        width: 20px;
        border: none;
        background-image: url('../Images/btn_mileagebook_pin.png');
    }

        .grid_icon_map:hover {
            padding-left: 3px;
            padding-right: 3px;
            height: 20px;
            width: 20px;
            border: none;
            background-image: url('../Images/btn_mileagebook_pin_hover.png');
        }

        a.aspNetDisabled > .grid_icon_map,
        .grid_icon_map:disabled {
            opacity: 0.3;
            cursor: default !important;
            background-image: url('../Images/btn_mileagebook_pin.png');
        }

    .grid_icon_trash {
        padding-left: 3px;
        padding-right: 3px;
        height: 20px;
        width: 20px;
        border: none;
        background-image: url('../Images/btn_trash.png');
    }

        .grid_icon_trash:hover {
            padding-left: 3px;
            padding-right: 3px;
            height: 20px;
            width: 20px;
            border: none;
            background-image: url('../Images/btn_trash_hover.png');
        }

        .grid_icon_trash:disabled {
            opacity: 0.3;
            cursor: default !important;
            background-image: url('../Images/btn_trash.png');
        }


    /*Window shadow*/

    .windowShadow {
        -webkit-box-shadow: 4px 4px 15px 0px rgba(45, 50, 50, 0.5);
        -moz-box-shadow: 4px 4px 15px 0px rgba(45, 50, 50, 0.5);
        box-shadow: 4px 4px 15px 0px rgba(45, 50, 50, 0.5);
    }

    /*Grid expand style*/

    .grid-expand-body {
        padding: 15px;
        font-size: 12px;
        line-height: 18px;
        background: white;
        height: 100%;
    }

    .grid-expand-body-table {
        color: #333;
        padding-left: 10px !important;
        vertical-align: top;
    }

    /*Pricing START*/
    .moreinfo {
        text-align: center;
        margin-top: 5px;
        color: blue;
        color: #BCBEC0;
    }

    .pricing-md-scale {
        zoom: 0.9;
        -webkit-transform: scale(0.9); /* Saf3.1+, Chrome */
        -moz-transform: scale(0.9); /* FF3.5+ */
        -ms-transform: scale(0.9); /* IE9 */
        -o-transform: scale(0.9); /* Opera 10.5+ */
        transform: scale(0.9);
        margin-left: -70px;
        margin-right: -105px;
    }



    .pricing-sm-scale {
        -webkit-transform: scale(0.7); /* Saf3.1+, Chrome */
        -moz-transform: scale(0.7); /* FF3.5+ */
        -ms-transform: scale(0.7); /* IE9 */
        -o-transform: scale(0.7); /* Opera 10.5+ */
        transform: scale(0.7);
        margin-left: -105px;
        margin-right: -150px;
    }



    .pricing-xs-scale {
        zoom: 0.7;
        -webkit-transform: scale(0.7); /* Saf3.1+, Chrome */
        -moz-transform: scale(0.7); /* FF3.5+ */
        -ms-transform: scale(0.7); /* IE9 */
        -o-transform: scale(0.7); /* Opera 10.5+ */
        transform: scale(0.7);
    }


    .pricingtable {
        width: 300px;
        height: 620px;
        background: #fff;
        margin: 2px;
        float: left;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 3px 3px 15px rgba(0,0,0,0.3);
        -moz-box-shadow: 3px 3px 15px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 15px rgba(0,0,0,0.3);
    }

    .pricingtableXS {
        width: 100%;
        height: 100%;
        background: #fff;
        margin: 2px;
        float: left;
        margin-bottom: 15px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 2px 2px 9px rgba(0,0,0,0.3);
        -moz-box-shadow: 2px 2px 9px rgba(0,0,0,0.3);
        box-shadow: 2px 2px 9px rgba(0,0,0,0.3);
    }

    .top {
        width: 300px;
        height: 50px;
        background: #173246;
        margin-top: 0 !important;
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }

        .top h2 {
            color: #fff;
            text-align: center;
            margin: 0 !important;
            font: 300 30px/50px Helvetica, Verdana, sans-serif;
        }

    .topXS {
        width: 100%;
        height: 50px;
        background: ##173246;
        margin-top: 0 !important;
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }

        .topXS h2 {
            color: #fff;
            text-align: center;
            margin: 0 !important;
            font: 300 30px/50px Helvetica, Verdana, sans-serif;
        }

    .pricingtable ul {
        list-style-type: none;
        font: 300 16px/2 Helvetica, Verdana, sans-serif;
        margin: 20px 0px 0 0px;
        padding: 0px !important
    }

        .pricingtable ul strong {
            font-weight:;
        }

    .pricingtable hr {
        border: 0;
        background-color: #BCBEC0;
        color: #BCBEC0;
        height: 1px;
        width: 220px;
        margin: 20px 0 0 0px;
    }

    .pricingtable h1 {
        text-align: center;
        font: bold 60px/1 Helvetica, Verdana, sans-serif;
        margin: 15px 0 0 0;
    }
        /*CG font-size*/
        .pricingtable h1 sup {
            font-size: 20px;
        }

    .pricingtable p {
        text-align: center;
        font: 500 14px/1 Helvetica, Verdana, sans-serif;
        color: #BCBEC0;
    }

    .pricingtableXS ul {
        list-style-type: none;
        font: 300 18px/2 Helvetica, Verdana, sans-serif;
        margin: 20px 0px 0 -40px;
        text-align: center;
    }

        .pricingtableXS ul strong {
            font-weight: bold;
        }

    .pricingtableXS hr {
        border: 0;
        background-color: #BCBEC0;
        color: #BCBEC0;
        height: 1px;
        margin: 20px 30px -15px 30px;
    }

    .pricingtableXS h1 {
        text-align: center;
        font: bold 88px/1 Helvetica, Verdana, sans-serif;
        margin: 20px 0 0 0;
    }

        .pricingtableXS h1 sup {
            font-size: 45px;
        }

    .pricingtableXS p {
        text-align: center;
        font: 500 14px/1 Helvetica, Verdana, sans-serif;
        color: #BCBEC0;
    }

    .featured {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
    }



    /*Ribbon start*/

    .ribbon-wrapper-green {
        width: 120px;
        height: 154px;
        overflow: hidden;
        position: absolute;
        top: -6px;
        right: -5px;
        z-index: 9999;
    }

    .ribbon-green {
        font: bold 16px Sans-Serif;
        color: #333;
        text-align: center;
        text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        position: relative;
        padding: 7px 0;
        left: -3px;
        top: 15px;
        width: 166px;
        background-color: #BFDC7A;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
        background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
        background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45);
        background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45);
        background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45);
        color: #6a6340;
        -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
        box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    }

        .ribbon-green:before, .ribbon-green:after {
            content: "";
            border-top: 3px solid #6e8900;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            position: absolute;
            bottom: -3px;
        }

        .ribbon-green:before {
            left: 0;
        }

        .ribbon-green:after {
            right: 0;
        }

    ​
    /*Ribbon stop*/
    /* Move down content because we have a fixed navbar that is 50px tall - Changed by CG*/
    body {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    /* Wrapping element */
    /* Set some basic padding to keep content from hitting the edges */
    .body-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Set widths on the form inputs since otherwise they're 100% wide */
    input[type="text"],
    input[type="password"],
    input[type="email"] {
    }

    /* Responsive: Portrait tablets and up */
    @media screen and (min-width: 768px) {
        .jumbotron {
            margin-top: 20px;
        }

        .body-content {
            padding: 0;
        }
    }


    /*  CG CSS */
    .body-bg {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8yOS8xMiKqq3kAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABHklEQVRIib2Vyw6EIAxFW5idr///Qx9sfG3pLEyJ3tAwi5EmBqRo7vHawiEEERHS6x7MTMxMVv6+z3tPMUYSkfTM/R0fEaG2bbMv+Gc4nZzn+dN4HAcREa3r+hi3bcuu68jLskhVIlW073tWaYlQ9+F9IpqmSfq+fwskhdO/AwmUTJXrOuaRQNeRkOd5lq7rXmS5InmERKoER/QMvUAPlZDHcZRhGN4CSeGY+aHMqgcks5RrHv/eeh455x5KrMq2yHQdibDO6ncG/KZWL7M8xDyS1/MIO0NJqdULLS81X6/X6aR0nqBSJcPeZnlZrzN477NKURn2Nus8sjzmEII0TfMiyxUuxphVWjpJkbx0btUnshRihVv70Bv8ItXq6Asoi/ZiCbU6YgAAAABJRU5ErkJggg==);
    }

    .error-template {
        padding: 80px 15px;
        text-align: center;
    }

    .error-actions {
        margin-top: 15px;
        margin-bottom: 15px;
    }

        .error-actions .btn {
            margin-right: 10px;
        }

    /* carousel */
    #quote-carousel {
        padding: 0 10px 30px 10px;
        margin-top: 30px 0px 0px;
    }

        /* Control buttons  */
        #quote-carousel .carousel-control {
            background: none;
            color: #222;
            font-size: 2.3em;
            text-shadow: none;
            margin-top: 30px;
        }
            /* Previous button  */
            #quote-carousel .carousel-control.left {
                left: -12px;
            }
            /* Next button  */
            #quote-carousel .carousel-control.right {
                right: -12px !important;
            }
        /* Changes the position of the indicators */
        #quote-carousel .carousel-indicators {
            right: 50%;
            top: auto;
            bottom: 0px;
            margin-right: -19px;
        }
            /* Changes the color of the indicators */
            #quote-carousel .carousel-indicators li {
                background: #c0c0c0;
            }

            #quote-carousel .carousel-indicators .active {
                background: #333333;
            }

        #quote-carousel img {
            width: 250px;
            height: 100px;
        }
    /* End carousel */

    .item blockquote {
        border-left: none;
        margin: 0;
    }

        .item blockquote img {
            margin-bottom: 10px;
        }

        .item blockquote p:before {
            content: "\f10d";
            font-family: 'Fontawesome';
            float: left;
            margin-right: 10px;
        }



    /**
  MEDIA QUERIES
*/

    /* Small devices (tablets, 768px and up) */
    @media (min-width: 768px) {
        #quote-carousel {
            margin-bottom: 0;
            padding: 0 40px 30px 40px;
            margin-top: 30px;
        }

        .footer_margin_sm {
            margin-left: 0px !important;
            margin-right: 0px;
        }
    }

    /* Small devices (tablets, up to 768px) */
    @media (max-width: 768px) {

        /* Make the indicators larger for easier clicking with fingers/thumb on mobile */

        #quote-carousel .carousel-indicators {
            bottom: -20px !important;
        }

            #quote-carousel .carousel-indicators li {
                display: inline-block;
                margin: 0px 5px;
                width: 15px;
                height: 15px;
            }

                #quote-carousel .carousel-indicators li.active {
                    margin: 0px 5px;
                    width: 20px;
                    height: 20px;
                }

        .footer_margin_left_xs {
            margin-left: -15px;
        }

        .margin_bottom {
            margin-bottom: 10px;
        }
    }



    .main-text {
        position: absolute;
        top: 0px;
        width: 96.66666666666666%;
        color: #FFFFFF;
        text-shadow: 1px 2px 1px rgba(41,41,41,1.00);
        border-spacing: 0px 0px;
    }

    .sale-text {
        position: absolute;
        top: 0px;
        width: 96.66666666666666%;
        color: #333;
        border-spacing: 0px 0px;
    }

    .bg-sale-span {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-color: #FFFFFF;
        border-style: none;
        border-width: thin;
        padding: 10px;
        background-color: rgba(255,213,3,1.00);
    }


    .btn-min-block {
        min-width: 170px;
        line-height: 26px;
    }

    .btn-clear {
        color: #FFF;
        background-color: transparent;
        border-color: #FFF;
        margin-right: 15px;
    }

        .btn-clear:hover {
            color: #000;
            background-color: #FFF;
        }


    .user-row {
        margin-bottom: 0px;
    }

        .user-row:last-child {
            margin-bottom: 0;
        }

    .dropdown-user {
        margin: 0px 0;
        padding: 7px;
        height: 100%;
    }

        .dropdown-user:hover {
            cursor: pointer;
        }

    .table-user-information > tbody > tr {
        border-top: 1px solid rgb(221, 221, 221);
    }

        .table-user-information > tbody > tr:first-child {
            border-top: 0;
        }


        .table-user-information > tbody > tr > td {
            border-top: 0;
        }

    .line-black {
        border-bottom-style: solid;
        border-bottom-width: thin;
        border-bottom-color: #101010;
        padding-top: 8px;
    }

    .line-grey {
        border-top-style: solid;
        border-top-width: thin;
        border-top-color: #343434;
        padding-bottom: 8px;
    }

    .img_carousel {
        width: 1100px;
        height: 478px;
    }


    .button_free {
        padding-top: 9px;
        padding-bottom: 9px;
        z-index: 10;
    }

    .button_free_carousel {
        bottom: 0px;
        margin-bottom: 5px;
        margin-top: 5px;
        border: solid;
        border-color: #000000;
        width: 20%;
    }

    .button_free_bg {
        Position: absolute;
        bottom: 0px;
        background-color: #FFFFFF;
        width: 100%;
        opacity: 0.4;
        padding-top: 30px;
        padding-bottom: 35px;
    }

    .button_free_table {
        position: absolute;
        bottom: 10px;
        padding-top: 25px;
        padding-bottom: 25px;
        width: 100%;
        height: 0px;
    }

    .button_free_center {
        width: 100px;
        margin-left: 20px;
        margin-right: 20px;
        float: right;
    }

    .button_free_text {
        font-size: 14px;
        color: #FFFFFF;
        text-shadow: 0px 1px 1px #000000;
    }


    .navbar-height {
        min-height: 50px;
    }


    .logo {
        z-index: 11;
        position: absolute;
        margin-top: 5px;
    }

        .logo img {
            padding-top: 0px;
            padding-bottom: 0px;
            padding-left: 15px;
            padding-right: 0px;
        }

    .footer_bg_cg {
        Position: absolute;
        background-color: #222;
        width: 100%;
        padding-top: 5px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .footer_text {
        color: #FFFFFF;
        margin-top: 5px;
        line-height: 2;
    }

    .footer_img_cg {
        position: relative;
        bottom: 5px;
        float: right;
    }

    .sticky-footer {
        position: absolute;
        bottom: 0;
    }



    .btn-menu {
        margin-top: 16px;
        margin-left: 5px;
        margin-bottom: 15px;
    }

    .center-vertical {
        display: block;
        margin-top: auto;
        margin-bottom: auto;
    }

    .btn-carousel {
        height: 70px;
        position: absolute;
        font-size: 18px;
        bottom: 0;
        width: 100%;
        z-index: 100;
        padding-top: 12px;
        padding-bottom: 12px;
        background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.40) 0%,rgba(255,255,255,0.30) 100%);
        background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.40) 0%,rgba(255,255,255,0.30) 100%);
        background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.40) 0%,rgba(255,255,255,0.30) 100%);
        background-image: linear-gradient(180deg,rgba(255,255,255,0.40) 0%,rgba(255,255,255,0.30) 100%);
        text-shadow: 0px 1px 1px rgba(86,84,84,1.00);
    }

    .text-carousel-1 {
        position: absolute;
        text-align: left;
        bottom: 35%;
    }

    .text-carousel-2 {
        position: absolute;
        text-align: center;
        top: 1%;
    }

    .text-carousel-3 {
        position: absolute;
        text-align: center;
        top: 1%;
    }

.navbar-cg {
    min-height: 60px;
    margin-top: 0px;
    border: none;
    background-color: #1e6193;
}

    .navbar-active-cg {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .navbar-btn-cg {
        margin-top: 17px;
    }

    .navbar-text-center {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .popup-box {
        margin-top: 70px;
        margin-left: 20%;
        margin-right: 20%;
        margin-bottom: 30%;
    }

    .boarder-pricing {
        border-radius: 4px;
        background-color: rgba(255,255,255,1.00);
        border: 1px solid #ddd;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
    }

    .header-pricing {
        text-align: center;
        color: #FFFFFF;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-color: #FFFFFF;
        border-style: none;
        border-width: thin;
        Text-shadow: 1px 2px 1px #000000;
        font-size: large;
    }

    .yes-pricing {
        color: #5BB85C;
        text-align: center;
    }

    .no-pricing {
        color: #DA534F;
        text-align: center;
    }


    .monthly-payment {
        text-align: center;
        font-size: 45px;
        color: white;
        background-color: #428bca;
        border: hidden;
        text-shadow: 1px 2px 1px #000000;
    }

    .yearly-payment {
        text-align: center;
        font-size: x-large;
        color: white;
        background-color: #428bca;
        border: hidden;
    }

    .label-shadow {
        box-shadow: 1px 2px 1px #000000;
        -webkit-box-shadow: 1px 2px 1px #000000;
    }

    .gradient-success {
        background-image: -webkit-linear-gradient(270deg,rgba(162,236,58,1.00) 0%,rgba(105,185,49,1.00) 100%);
        background-image: -moz-linear-gradient(270deg,rgba(162,236,58,1.00) 0%,rgba(105,185,49,1.00) 100%);
        background-image: -o-linear-gradient(270deg,rgba(162,236,58,1.00) 0%,rgba(105,185,49,1.00) 100%);
        background-image: linear-gradient(180deg,rgba(162,236,58,1.00) 0%,rgba(105,185,49,1.00) 100%);
    }

    .gradient-info {
        background-image: -webkit-linear-gradient(270deg,rgba(63,193,255,1.00) 0%,rgba(64,140,245,1.00) 100%);
        background-image: -moz-linear-gradient(270deg,rgba(63,193,255,1.00) 0%,rgba(64,140,245,1.00) 100%);
        background-image: -o-linear-gradient(270deg,rgba(63,193,255,1.00) 0%,rgba(64,140,245,1.00) 100%);
        background-image: linear-gradient(180deg,rgba(63,193,255,1.00) 0%,rgba(64,140,245,1.00) 100%);
    }

    .gradient-warning {
        background-image: -webkit-linear-gradient(270deg,rgba(255,241,62,1.00) 0%,rgba(255,194,0,1.00) 100%);
        background-image: -moz-linear-gradient(270deg,rgba(255,241,62,1.00) 0%,rgba(255,194,0,1.00) 100%);
        background-image: -o-linear-gradient(270deg,rgba(255,241,62,1.00) 0%,rgba(255,194,0,1.00) 100%);
        background-image: linear-gradient(180deg,rgba(255,241,62,1.00) 0%,rgba(255,194,0,1.00) 100%);
    }

    .gradient-danger {
        background-image: -webkit-linear-gradient(270deg,rgba(205,63,44,1.00) 0%,rgba(143,47,38,1.00) 100%);
        background-image: -moz-linear-gradient(270deg,rgba(205,63,44,1.00) 0%,rgba(143,47,38,1.00) 100%);
        background-image: -o-linear-gradient(270deg,rgba(205,63,44,1.00) 0%,rgba(143,47,38,1.00) 100%);
        background-image: linear-gradient(180deg,rgba(205,63,44,1.00) 0%,rgba(143,47,38,1.00) 100%);
    }

    .header-primary {
        background: #428bca;
        color: #fff;
        padding-left: 20px;
    }

    .border-default {
        border-color: #cccccc;
    }

    .navbar-brand, .navbar-brand a {
        padding: 0px;
    }

.topbar {
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: #1e6193;
    color: white;
    font-family: sans-serif;
    font-size: 20px;
    width: 100%;
    height: 60px;
    z-index: 2000;
}

        .topbar > p {
            background-color: transparent;
            padding-top: 16px;
            padding-bottom: 16px;
            margin-top: 0px;
            margin-right: 15px;
            margin-bottom: 0px;
            margin-left: 0px;
        }

        .topbar a.btn {
            background-color: #3fa9f5 !important;
            color: #fff !important;
            display: inline-block !important;
            text-transform: uppercase;
            padding-bottom: 11px;
            padding-top: 9px;
            padding-left: 30px;
            padding-right: 30px;
            text-align: center;
            font-weight: 700;
            transition: all 300ms ease-in-out;
            border: 1px Solid #3fa9f5;
            box-sizing: border-box;
            margin-top: 12px;
            margin-bottom: 12px;
            border-radius: 0px;
            height: 36px;
        }

            .topbar a.btn:hover {
                background-color: #1e6193 !important;
            }

        .topbar > ul > li .btn, .topbar > ul > li .mb-button {
            background-color: #3fa9f5;
            height: 40px;
            width: auto;
            margin-top: 5px;
            margin-right: 15px;
            margin-bottom: 5px;
            margin-left: 5px;
        }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        background-color: transparent;
    }

    .dropdown-menu > .active > a {
        background-color: transparent;
        color: #ef9944;
    }

    navbar-nav mb-sidemenuItems > li {
        color: #3fa9f5 !important;
    }

    nav.navbar navbar-inverse sidebar > div > div > ul > li > a {
        color: purple;
    }

    @media (max-width: 767px) {
        .padding_top_max767px {
            padding-top: 15px;
        }

        /*No padding xs*/

        .no-padding-xs {
            padding: 0px;
        }

        /*Vertical text*/

        .vertical-text {
            transform: rotate(90deg);
            transform-origin: right bottom 0;
        }


        .text-size-12 {
            font-size: 12px;
        }

        .text-size-18 {
            font-size: 18px !important;
        }

        .monthly-payment {
            text-align: center;
            font-size: 24px;
            color: white;
            background-color: #428bca;
            border: hidden;
            text-shadow: 1px 2px 1px #000000;
        }

        .yearly-payment {
            text-align: center;
            font-size: medium;
            color: white;
            background-color: #428bca;
            border: hidden;
        }

        .save-pricing-small {
            font-size: 12px;
        }

        .save-pricing-medium {
            font-size: 14px;
        }


        .social-btn-margin {
            padding-left: 30px;
            padding-right: 30px;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {

        .filter_padding_md {
            padding-top: 20px;
        }

        .filter_right_md {
            text-align: right;
        }

        .filter_left_md {
            text-align: left;
        }

        .text-size-12-max991px {
            font-size: 12px;
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .form-horizontal .control-label {
            text-align: left;
        }
    }

    @media (min-width: 1200px) {
        .form-horizontal .control-label {
            text-align: left;
        }
    }

    .mb-btn-combine, .mb-btn-delete {
        height: 35px;
        width: 35px;
        padding: 2px !important;
    }

    .mb-btn-delete {
        background: url(../img/SVG/icon_delete_white.svg);
    }

.mb-btn-combine {
    background: url(../img/SVG/icon_link_white.svg);
}
.mb-icon-noFill {
    fill: none;
    stroke-linejoin: round;
    stroke-width: 1px;
    display: inline-block;
    vertical-align: middle;
    stroke: #5c5c5c;
    width: 25px;
    height: 25px;
    margin-left: 2px;
    margin-right: 5px;
}
    li.active .mb-icon-noFill,
    li:hover .mb-icon-noFill,
    .mb-icon-noFill:active {
        stroke: #ffffff !important;
    }
.mb-icon-small {
    height: 25px;
    width: 25px;
    margin-left: 2px;
    margin-right: 5px;
}

.mb-DashboardIcon-green {
    max-width: 25px;
    max-height: 25px;
    fill:#5fbe8a;
}

.mb-DashboardIcon {
    max-width: 25px;
    max-height: 25px;
}
.mb-icon,
.mb-icon-green{
    max-width: 30px;
    max-height: 30px;
}

.mb-icon-green {
    display: inline-block;
    vertical-align: middle;
    fill: #5fbe8a;
}


.mb-icon,
.mb-icon-small{
    display: inline-block;
    vertical-align: middle;
    fill: #5c5c5c;
}
    li.active > a > svg.mb-icon-small,
    li.active > a > svg.mb-icon,
    li:hover > a > svg.mb-icon-small,
    li:hover > a > svg.mb-icon,
    .mb-icon-small:hover,
    .mb-icon:hover,
    .mb-icon-small:active,
    .mb-icon:active {
        fill: #ffffff;
    }

    .mb-icon-arrow-left {
        background: url(../img/SVG/icon_arrow_left.svg)
    }

        li.active > a > span.mb-icon-arrow-left,
        li:hover > a > span.mb-icon-arrow-left,
        .mb-icon-arrow-left:hover,
        .mb-icon-arrow-left:active {
            background: url(../img/SVG/icon_arrow_left_white.svg)
        }

    .mb-icon-arrow-right {
        background: url(../img/SVG/icon_arrow_right.svg)
    }

        li.active > a > span.mb-icon-arrow-right,
        li:hover > a > span.mb-icon-arrow-right,
        .mb-icon-arrow-right:hover,
        .mb-icon-arrow-right:active {
            background: url(../img/SVG/icon_arrow_right_white.svg)
        }

    .mb-icon-attach {
        background: url(../img/SVG/icon_attach.svg)
    }

        li.active > a > span.mb-icon-attach,
        li:hover > a > span.mb-icon-attach,
        .mb-icon-attach:hover, .mb-icon-attach:active {
            background: url(../img/SVG/icon_attach_white.svg)
        }

    .mb-icon-ban {
        background: url(../img/SVG/icon_ban.svg)
    }

        li.active > a > span.mb-icon-ban,
        li:hover > a > span.mb-icon-ban,
        .mb-icon-ban:hover, .mb-icon-ban:active {
            background: url(../img/SVG/icon_ban_white.svg)
        }

    .mb-icon-sixtydaysrule {
        background: url(../img/SVG/icon_60_days_rule_grey.svg)
    }

        li.active > a > span.mb-icon-sixtydaysrule,
        li:hover > a > span.mb-icon-sixtydaysrule,
        .mb-icon-sixtydaysrule:hover,
        .mb-icon-sixtydaysrule:active {
            background: url(../img/SVG/icon_60_days_rule.svg)
        }

    .mb-icon-close {
        background: url(../img/SVG/icon_close.svg)
    }

        li.active > a > span.mb-icon-close,
        li:hover > a > span.mb-icon-close,
        .mb-icon-close:hover, .mb-icon-close:active {
            background: url(../img/SVG/icon_close_white.svg)
        }

    .mb-icon-calendar {
        background: url(../img/SVG/icon_calendar.svg)
    }

        li.active > a > span.mb-icon-calendar,
        li:hover > a > span.mb-icon-calendar,
        .mb-icon-calendar:hover, .mb-icon-calendar:active {
            background: url(../img/SVG/icon_calendar_white.svg)
        }

    .mb-icon-center {
        background: url(../img/SVG/icon_center.svg)
    }

        li.active > a > span.mb-icon-center,
        li:hover > a > span.mb-icon-center,
        .mb-icon-center:hover, .mb-icon-center:active {
            background: url(../img/SVG/icon_center_white.svg)
        }

    .mb-icon-check {
        background: url(../img/SVG/icon_check.svg)
    }

        li.active > a > span.mb-icon-check,
        li:hover > a > span.mb-icon-check,
        .mb-icon-check:hover, .mb-icon-check:active {
            background: url(../img/SVG/icon_check_white.svg)
        }

    .mb-icon-approved {
        background: url(../img/SVG/approved.svg);
    }

    .mb-icon-declined {
        background: url(../img/SVG/declined.svg);
    }

    .mb-icon-clock {
        background: url(../img/SVG/icon_clock.svg)
    }

        li.active > a > span.mb-icon-active,
        li:hover > a > span.mb-icon-active,
        .mb-icon-clock:hover, .mb-icon-clock:active {
            background: url(../img/SVG/icon_clock_white.svg)
        }

    .mb-icon-close {
        background: url(../img/SVG/icon_close.svg)
    }

        li.active > a > span.mb-icon-close,
        li:hover > a > span.mb-icon-close,
        .mb-icon-close:hover, .mb-icon-close:active {
            background: url(../img/SVG/icon_close_white.svg)
        }

    .mb-icon-copy_return {
        background: url(../img/SVG/icon_copy_return.svg)
    }

        li.active > a > span.mb-icon-copy_return,
        li:hover > a > span.mb-icon-copy_return,
        .mb-icon-copy_return:hover, .mb-icon-copy_return:active {
            background: url(../img/SVG/icon_copy_return_white.svg)
        }

    .mb-icon-delete {
        background: url(../img/SVG/icon_delete.svg)
    }

        li.active > a > span.mb-icon-delete,
        li:hover > a > span.mb-icon-delete,
        .mb-icon-delete:hover, .mb-icon-delete:active {
            background: url(../img/SVG/icon_delete_white.svg)
        }

    .mb-icon-paste {
        background: url(../img/SVG/paste.svg);
    }

        li.active > a > span.mb-icon-paste,
        li:hover > a > span.mb-icon-paste,
        .mb-icon-paste:hover, .mb-icon-paste:active {
            background: url(../img/SVG/paste_hover.svg);
        }

    .mb-icon-copy {
        background: url(../img/SVG/copy.svg);
    }

        li.active > a > span.mb-icon-copy,
        li:hover > a > span.mb-icon-copy,
        .mb-icon-copy:hover, .mb-icon-copy:active {
            background: url(../img/SVG/copy_hover.svg);
        }

    .mb-icon-download {
        background: url(../img/SVG/icon_download.svg)
    }

        li.active > a > span.mb-icon-download,
        li:hover > a > span.mb-icon-download,
        .mb-icon-download:hover, .mb-icon-download:active {
            background: url(../img/SVG/icon_download_white.svg)
        }

    .mb-icon-drawer {
        background: url(../img/SVG/icon_drawer.svg)
    }

        li.active > a > span.mb-icon-drawer,
        li:hover > a > span.mb-icon-drawer,
        .mb-icon-drawer:hover, .mb-icon-drawer:active {
            background: url(../img/SVG/icon_drawer_white.svg)
        }

    .mb-icon-favorite {
        background: url(../img/SVG/icon_favorite.svg)
    }

        li.active > a > span.mb-icon-facorite,
        li:hover > a > span.mb-icon-facorite,
        .mb-icon-favorite:hover, .mb-icon-favorite:active {
            background: url(../img/SVG/icon_favorite_white.svg)
        }

    .mb-icon-left {
        background: url(../img/SVG/icon_left.svg)
    }

        li.active > a > span.mb-icon-left,
        li:hover > a > span.mb-icon-left,
        .mb-icon-left:hover, .mb-icon-left:active {
            background: url(../img/SVG/icon_left_white.svg)
        }

    .mb-icon-list {
        background: url(../img/SVG/icon_list.svg)
    }

        li.active > a > span.mb-icon-list,
        li:hover > a > span.mb-icon-list,
        .mb-icon-list:hover, .mb-icon-list:active {
            background: url(../img/SVG/icon_list_white.svg)
        }

    .mb-icon-logout {
        background: url(../img/SVG/icon_logout.svg)
    }

        li.active > a > span.mb-icon-logout,
        li:hover > a > span.mb-icon-logout,
        .mb-icon-logout:hover, .mb-icon-logout:active {
            background: url(../img/SVG/icon_logout_white.svg)
        }

    .mb-icon-map {
        background: url(../img/SVG/icon_map.svg)
    }

        li.active > a > span.mb-icon-map,
        li:hover > a > span.mb-icon-map,
        .mb-icon-map:hover, .mb-icon-map:active {
            background: url(../img/SVG/icon_map_white.svg)
        }

    .mb-icon-map_pin {
        background: url(../img/SVG/icon_map_pin.svg)
    }

        li.active > a > span.mb-icon-map_pin,
        li:hover > a > span.mb-icon-map_pin,
        .mb-icon-map_pin:hover, .mb-icon-map_pin:active {
            background: url(../img/SVG/icon_map_pin_white.svg)
        }

    .mb-icon-paper_plane {
        background: url(../img/SVG/icon_paper_plane.svg)
    }

        li.active > a > span.mb-icon-paper_plane,
        li:hover > a > span.mb-icon-paper_plane,
        .mb-icon-paper_plane:hover, .mb-icon-paper_plane:active {
            background: url(../img/SVG/icon_paper_plane_white.svg)
        }

    .mb-icon-plus {
        background: url(../img/SVG/icon_plus.svg)
    }

        li.active > a > span.mb-icon-plus,
        li:hover > a > span.mb-icon-plus,
        .mb-icon-plus:hover, .mb-icon-plus:active {
            background: url(../img/SVG/icon_plus_white.svg)
        }

    .mb-icon-right {
        background: url(../img/SVG/icon_right.svg)
    }

        li.active > a > span.mb-icon-right,
        li:hover > a > span.mb-icon-right,
        .mb-icon-right:hover, .mb-icon-right:active {
            background: url(../img/SVG/icon_right_white.svg)
        }


    .mb-icon-trip_locked {
        background: url(../img/SVG/icon_trip_locked.svg)
    }

        li.active > a > span.mb-icon-trip_locked,
        li:hover > a > span.mb-icon-trip_locked,
        .mb-icon-trip_locked:hover, .mb-icon-trip_locked:active {
            background: url(../img/SVG/icon_trip_locked_white.svg)
        }

    .mb-icon-trip_open {
        background: url(../img/SVG/icon_trip_open.svg)
    }

        li.active > a > span.mb-icon-trip_open,
        li:hover > a > span.mb-icon-trip_open,
        .mb-icon-trip_open:hover,
        .mb-icon-trip_open:active {
            background: url(../img/SVG/icon_trip_open_white.svg)
        }

    .mb-icon-upload {
        background: url(../img/SVG/icon_upload.svg)
    }

        li.active > a > span.mb-icon-upload,
        li:hover > a > span.mb-icon-upload,
        .mb-icon-upload:hover,
        .mb-icon-upload:active {
            background: url(../img/SVG/icon_upload_white.svg)
        }


    .mb-icon-burger_menu {
        background: url(../img/SVG/icon_burger_menu.svg)
    }

        li.active > a > span.mb-icon-burger_menu,
        li:hover > a > span.mb-icon-burger_menu,
        .mb-icon-burger_menu:hover,
        .mb-icon-burger_menu:active,
        .mb-icon-burger_menu-white {
            background: url(../img/SVG/icon_burger_menu_white.svg)
        }


    .mb-icon-eye {
        background: url(../img/SVG/icon_eye.svg);
    }

        li.active > a > span.mb-icon-eye,
        li:hover > a > span.mb-icon-eye,
        .mb-icon-eye:hover,
        .mb-icon-eye:active,
        .mb-icon-eye-white {
            /*background: url(../img/SVG/icon_eye_white.svg)*/ /*need a hover svg for the eye*/
            background: url(../img/SVG/icon_eye.svg);
            cursor: pointer;
        }

    .mb-icon-pie_graph {
        background: url(../img/SVG/icon_pie_graph.svg)
    }

        li.active > a > span.mb-icon-pie_graph,
        li:hover > a > span.mb-icon-pie_graph,
        .mb-icon-pie_graph:hover,
        .mb-icon-pie_graph:active,
        .mb-icon-pie_graph-white {
            background: url(../img/SVG/icon_pie_graph_white.svg)
        }

    .mb-icon-graph {
        background: url(../img/SVG/icon_graph.svg)
    }

        li.active > a > span.mb-icon-graph,
        li:hover > a > span.mb-icon-graph,
        .mb-icon-graph:hover,
        .mb-icon-graph:active,
        .mb-icon-graph-white {
            background: url(../img/SVG/icon_graph_white.svg)
        }

    .mb-nopadding {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .mb-filterbox {
        margin-bottom: 15px !important;
    }

    .mb-carret {
        position: absolute;
        top: -5px;
        left: 200px;
        font-size: 19px;
        padding: 0px 0px 0px 0px;
    }

    li.collapsed.active > a > div.mb-carret {
        left: 195px;
    }

    .mb-carret-wrapper {
        position: relative;
    }

    .menuHidden {
        display: none !important;
    }

    #upgradeNowView_UpgradeNowToolbar {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 3px;
    }

    .mb-dropdown-selector {
        color: black !important;
        background-color: #eeeeee !important;
    }

    .mb-dropdown-seperator {
        color: black !important;
        height: 2px;
        min-height: 0px !important;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        background-color: #7c7c7c !important;
    }

    .mb-blackTextColor {
        color: black !important;
    }

    .mb-IsHomeAdress {
        font-weight: bold;
    }

    .rddlItem rddlItemDisabled mb-dropdown-seperator {
        min-height: 0px !important;
    }

    .mb-rejected-tripsTable {
        border: 1px, solid, #c7c7c7;
    }


    /* Headliners */
    h5 {
        font-family: "Raleway", sans-serif, "Roboto";
        font-size: 16px;
        margin-top: 25px;
        font-weight: bold;
    }

    .sideWindowTopMargin,
    h6 {
        margin-top: 15px;
    }


    /* Insted of standard label class*/
    h6 {
        font-family: "Raleway", sans-serif, "Roboto";
        font-size: 14px;
    }

        h6.mandatoryMark {

        }
        
            h6.mandatoryMark::after {
                content: "* " !important;
                font-size: 14px;
                position: absolute;
                top: 12px !important;
                color: red;
            }

            h5.mandatoryMark::after {
                content: "* " !important;
                font-size: 14px;
                color: red;
                font-weight: normal;
            }

    h5, h6 {
        margin-bottom: 0px;
        color: #343434;
    }
    h6.nocol::after{
        content: "";
    }
        .standardLabel::after {
            content: ":";
        }

    hr {
        border-top: 1px solid #c7c7c7;
    }

    /* filterbox */
    .filterHeader {
        background-color: #6699cc;
        height: 35px;
        text-align: center;
    }

    .filterBox {
        border-style: solid;
        border-color: #6699cc;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 4px;
        position: relative;
        display: inline-block;
        padding: 10px 15px;
        margin-top: 15px;
        margin-bottom: 15px;
        width: 100%;
    }

    .filterLabel {
        font-weight: bold;
        margin: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .gridHeight {
        margin-top: 15px;
        margin-bottom: 15px;
        padding-top: 0px;
    }

    .windowFooter {
        float: left;
    }

    .windowButton {
        padding-top: 10px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .windowButtonWidth {
        width: 90px !important;
        margin-left: 5px;
        margin-right: 5px;
    }

    .tableRowSpace {
        height: 20px;
    }

    .textBoxWidth {
        width: 280px !important;
    }

.mb-numbercontrol {
    font-family: sans-serif, "Roboto" !important;
}

    .btn-grid {
        height: 20px;
        width: 13px;
        border: 0;
        cursor: pointer;
    }

        .btn-grid-disabled,
        .btn-grid[disabled] {
            cursor: not-allowed;
        }

    .noneFloat {
        float: none;
    }

    .mb-filterbox {
        margin-bottom: 30px;
        margin-top: 30px;
    }

.mb-numbercontrol {
    font-family: sans-serif, "Roboto" !important;
}

    .centerText {
        text-align: center;
    }

    .svg-white {
        fill: #ffffff;
    }

    .svh-white:hover {
        fill: #ef9944;
    }

    .svg-linkButton {
        background-color: transparent;
    }

    .textBoxWidth {
        width: 280px !important;
    }

    .mb-chkbox > input {
        margin-top: 6px;
        height: 21px;
        width: 21px;
    }

    .mb-chkbox-lbl,
    .mb-datepicker-lbl {
        margin-left: -15px;
    }

.mb-fieldUsage-chkbox-lbl{
    margin-left: -20px!important;
    margin-top: 2px!important;
}
/* SVG */
.mb-blue-fill > svg {
    fill: #3fa9f5;
}

    .checkbox {
        height: 15px;
        width: 15px;
    }

    .chcBox > input {
        height: 20px;
        width: 20px;
    }

    tooltip-parent,
    #assignBtnDiv,
    #deleteAllBtnDiv,
    #combineBtnDiv {
        position: relative;
        padding: 0px !important;
    }

        .tooltip-text,
        #deleteAllBtnDiv > span,
        #assignBtnDiv > span,
        #combineBtnDiv > span {
            visibility: hidden;
            width: 120px;
            position: absolute;
            background-color: black;
            color: #fff;
            text-align: center;
            padding: 5px 0;
            border-radius: 6px;
            left: auto;
            top: auto;
            z-index: 1;
        }

        tooltip-parent:hover > span,
        #assignBtnDiv:hover > span,
        #deleteAllBtnDiv:hover > span,
        #combineBtnDiv:hover > span {
            visibility: visible;
        }

        #deleteAllBtnDiv > span {
            right: 40px;
            top: auto;
        }

        #combineBtnDiv > span {
            left: 40px;
            top: auto;
        }
        #assignBtnDiv > span{
            left:40px;
            top:auto;
        }

    .checkbox {
        height: 15px;
        width: 15px;
    }

    .chcBox > input {
        height: 20px;
        width: 20px;
    }

    tooltip-parent, #deleteAllBtnDiv, #combineBtnDiv {
        position: relative;
    }

        .tooltip-text, #deleteAllBtnDiv > span, #combineBtnDiv > span {
            visibility: hidden;
            width: 120px;
            position: absolute;
            background-color: black;
            color: #fff;
            text-align: center;
            padding: 5px 0;
            border-radius: 6px;
            left: auto;
            top: auto;
            z-index: 1;
        }

        tooltip-parent:hover > span, #deleteAllBtnDiv:hover > span, #combineBtnDiv:hover > span {
            visibility: visible;
        }

        #deleteAllBtnDiv > span {
            right: 40px;
            top: auto;
        }

        #combineBtnDiv > span {
            left: 40px;
            top: auto;
        }

    p {
        font-family: "Raleway", sans-serif, "Roboto";
        font-size: 14px;
    }
hr.no-margin-bottom {
    margin-bottom: 0px;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.wx-max {
    width: 100%;
}

video {
    width: 100%;
    height: 370px;
}

.scan-container {
    position: relative;
}

.scan-success {
    position: absolute;
    left: 0px;
    top: 168px;
    height: 34px;
    width: 100%;
    color: #ffffff;
    font-size: 17px;
    background-color: #2cc185;
    z-index: 10000;
    padding: 4px;
    font-weight: bolder;
}

.btn-filter {
    height: 34px;
    width: 34px;
    padding: 1px;
}

.mb-RadComboBoxCss {
    border: 0px solid #cccccc !important;
}

    .mb-RadComboBoxCss > table > tbody > tr {
        width: 100% !important;
        height: 34px !important;
        font-size: 14px !important;
        line-height: 1.428571429 !important;
        color: #555555 !important;
        vertical-align: middle !important;
        background-color: #ffffff !important;
        border: 1px solid #cccccc !important;
    }



.container-split {
    width: calc(100% - 270px);
    height: calc(100% - 153px);
    position: fixed;
    left: 255px;
    margin-top: 15px;
}

.container-inner {
    position: relative;
    height: 100%;
    width: 100%;
}

hr.no-margin-bottom {
    margin-bottom: 0px;
}

.wx-max {
    width: 100%;
}

/*#region Padding */
/*#region Padding 0 */
.pl-0,
.px-0,
.p-0 {
    padding-left: 0rem !important;
}

.pr-0,
.px-0,
.p-0 {
    padding-right: 0rem !important;
}


.pt-0,
.py-0,
.p-0 {
    padding-top: 0rem !important;
}

.pb-0,
.py-0,
.p-0 {
    padding-bottom: 0rem !important;
}
/*#endregion */

/*#region Padding 0.5 */
.pl-05,
.px-05,
.p-05 {
    padding-left: 0.5rem !important;
}

.pr-05,
.px-05,
.p-05 {
    padding-right: 0.5rem !important;
}


.pt-05,
.py-05,
.p-05 {
    padding-top: 0.5rem !important;
}

.pb-05,
.py-05,
.p-05 {
    padding-bottom: 0.5rem !important;
}
/*#endregion */

/*#region Padding 1 */
.pl-1,
.px-1,
.p-1 {
    padding-left: 1rem !important;
}

.pr-1,
.px-1,
.p-1 {
    padding-right: 1rem !important;
}


.pt-1,
.py-1,
.p-1 {
    padding-top: 1rem !important;
}

.pb-1,
.py-1,
.p-1 {
    padding-bottom: 1rem !important;
}
/*#endregion */

/*#region Padding 2 */
.pl-2,
.px-2,
.p-2 {
    padding-left: 2rem !important;
}

.pr-2,
.px-2,
.p-2 {
    padding-right: 2rem !important;
}


.pt-2,
.py-2,
.p-2 {
    padding-top: 2rem !important;
}

.pb-2,
.py-2,
.p-2 {
    padding-bottom: 2rem !important;
}
/*#endregion */

/*#region Padding 3 */
.pl-3,
.px-3,
.p-3 {
    padding-left: 3rem !important;
}

.pr-3,
.px-3,
.p-3 {
    padding-right: 3rem !important;
}


.pt-3,
.py-3,
.p-3 {
    padding-top: 3rem !important;
}

.pb-3,
.py-3,
.p-3 {
    padding-bottom: 3rem !important;
}
/*#endregion */

/*#region Padding 4 */
.pl-4,
.px-4,
.p-4 {
    padding-left: 4rem !important;
}

.pr-4,
.px-4,
.p-4 {
    padding-right: 4rem !important;
}


.pt-4,
.py-4,
.p-4 {
    padding-top: 4rem !important;
}

.pb-4,
.py-4,
.p-4 {
    padding-bottom: 4rem !important;
}
/*#endregion */

/*#region Padding 5 */
.pl-5,
.px-5,
.p-5 {
    padding-left: 5rem !important;
}

.pr-5,
.px-5,
.p-5 {
    padding-right: 5rem !important;
}


.pt-5,
.py-5,
.p-5 {
    padding-top: 5rem !important;
}

.pb-5,
.py-5,
.p-5 {
    padding-bottom: 5rem !important;
}
/*#endregion */

/*#region Padding 6 */
.pl-6,
.px-6,
.p-6 {
    padding-left: 6rem !important;
}

.pr-6,
.px-6,
.p-6 {
    padding-right: 6rem !important;
}


.pt-6,
.py-6,
.p-6 {
    padding-top: 6rem !important;
}

.pb-6,
.py-6,
.p-6 {
    padding-bottom: 6rem !important;
}
/*#endregion */

/*#region Padding-sm*/
@media screen and (min-width: 768px) {
    /*#region Padding 0 */
    .pl-sm-0,
    .px-sm-0,
    .p-sm-0 {
        padding-left: 0rem !important;
    }

    .pr-sm-0,
    .px-sm-0,
    .p-sm-0 {
        padding-right: 0rem !important;
    }


    .pt-sm-0,
    .py-sm-0,
    .p-sm-0 {
        padding-top: 0rem !important;
    }

    .pb-sm-0,
    .py-sm-0,
    .p-sm-0 {
        padding-bottom: 0rem !important;
    }
    /*#endregion */

    /*#region Padding 0.5 */
    .pl-sm-05,
    .px-sm-05,
    .p-sm-05 {
        padding-left: 0.5rem !important;
    }

    .pr-sm-05,
    .px-sm-05,
    .p-sm-05 {
        padding-right: 0.5rem !important;
    }


    .pt-sm-05,
    .py-sm-05,
    .p-sm-05 {
        padding-top: 0.5rem !important;
    }

    .pb-sm-05,
    .py-sm-05,
    .p-sm-05 {
        padding-bottom: 0.5rem !important;
    }
    /*#endregion */

    /*#region Padding 1 */
    .pl-sm-1,
    .px-sm-1,
    .p-sm-1 {
        padding-left: 1rem !important;
    }

    .pr-sm-1,
    .px-sm-1,
    .p-sm-1 {
        padding-right: 1rem !important;
    }


    .pt-sm-1,
    .py-sm-1,
    .p-sm-1 {
        padding-top: 1rem !important;
    }

    .pb-sm-1,
    .py-sm-1,
    .p-sm-1 {
        padding-bottom: 1rem !important;
    }
    /*#endregion */

    /*#region Padding 2 */
    .pl-sm-2,
    .px-sm-2,
    .p-sm-2 {
        padding-left: 2rem !important;
    }

    .pr-sm-2,
    .px-sm-2,
    .p-sm-2 {
        padding-right: 2rem !important;
    }


    .pt-sm-2,
    .py-sm-2,
    .p-sm-2 {
        padding-top: 2rem !important;
    }

    .pb-sm-2,
    .py-sm-2,
    .p-sm-2 {
        padding-bottom: 2rem !important;
    }
    /*#endregion */

    /*#region Padding 3 */
    .pl-sm-3,
    .px-sm-3,
    .p-sm-3 {
        padding-left: 3rem !important;
    }

    .pr-sm-3,
    .px-sm-3,
    .p-sm-3 {
        padding-right: 3rem !important;
    }


    .pt-sm-3,
    .py-sm-3,
    .p-sm-3 {
        padding-top: 3rem !important;
    }

    .pb-sm-3,
    .py-sm-3,
    .p-sm-3 {
        padding-bottom: 3rem !important;
    }
    /*#endregion */

    /*#region Padding 4 */
    .pl-sm-4,
    .px-sm-4,
    .p-sm-4 {
        padding-left: 4rem !important;
    }

    .pr-sm-4,
    .px-sm-4,
    .p-sm-4 {
        padding-right: 4rem !important;
    }


    .pt-sm-4,
    .py-sm-4,
    .p-sm-4 {
        padding-top: 4rem !important;
    }

    .pb-sm-4,
    .py-sm-4,
    .p-sm-4 {
        padding-bottom: 4rem !important;
    }
    /*#endregion */

    /*#region Padding 5 */
    .pl-sm-5,
    .px-sm-5,
    .p-sm-5 {
        padding-left: 5rem !important;
    }

    .pr-sm-5,
    .px-sm-5,
    .p-sm-5 {
        padding-right: 5rem !important;
    }


    .pt-sm-5,
    .py-sm-5,
    .p-sm-5 {
        padding-top: 5rem !important;
    }

    .pb-sm-5,
    .py-sm-5,
    .p-sm-5 {
        padding-bottom: 5rem !important;
    }
    /*#endregion */

    /*#region Padding 6 */
    .pl-sm-6,
    .px-sm-6,
    .p-sm-6 {
        padding-left: 6rem !important;
    }

    .pr-sm-6,
    .px-sm-6,
    .p-sm-6 {
        padding-right: 6rem !important;
    }


    .pt-sm-6,
    .py-sm-6,
    .p-sm-6 {
        padding-top: 6rem !important;
    }

    .pb-sm-6,
    .py-sm-6,
    .p-sm-6 {
        padding-bottom: 6rem !important;
    }
    /*#endregion */
}
/*#endregion*/

/*#region Padding-md*/
@media screen and (min-width: 992) {
    /*#region Padding 0 */
    .pl-md-0,
    .px-md-0,
    .p-md-0 {
        padding-left: 0rem !important;
    }

    .pr-md-0,
    .px-md-0,
    .p-md-0 {
        padding-right: 0rem !important;
    }


    .pt-md-0,
    .py-md-0,
    .p-md-0 {
        padding-top: 0rem !important;
    }

    .pb-md-0,
    .py-md-0,
    .p-md-0 {
        padding-bottom: 0rem !important;
    }
    /*#endregion */

    /*#region Padding 0.5 */
    .pl-md-05,
    .px-md-05,
    .p-md-05 {
        padding-left: 0.5rem !important;
    }

    .pr-md-05,
    .px-md-05,
    .p-md-05 {
        padding-right: 0.5rem !important;
    }


    .pt-md-05,
    .py-md-05,
    .p-md-05 {
        padding-top: 0.5rem !important;
    }

    .pb-md-05,
    .py-md-05,
    .p-md-05 {
        padding-bottom: 0.5rem !important;
    }
    /*#endregion */

    /*#region Padding 1 */
    .pl-md-1,
    .px-md-1,
    .p-md-1 {
        padding-left: 1rem !important;
    }

    .pr-md-1,
    .px-md-1,
    .p-md-1 {
        padding-right: 1rem !important;
    }


    .pt-md-1,
    .py-md-1,
    .p-md-1 {
        padding-top: 1rem !important;
    }

    .pb-md-1,
    .py-md-1,
    .p-md-1 {
        padding-bottom: 1rem !important;
    }
    /*#endregion */

    /*#region Padding 2 */
    .pl-md-2,
    .px-md-2,
    .p-md-2 {
        padding-left: 2rem !important;
    }

    .pr-md-2,
    .px-md-2,
    .p-md-2 {
        padding-right: 2rem !important;
    }


    .pt-md-2,
    .py-md-2,
    .p-md-2 {
        padding-top: 2rem !important;
    }

    .pb-md-2,
    .py-md-2,
    .p-md-2 {
        padding-bottom: 2rem !important;
    }
    /*#endregion */

    /*#region Padding 3 */
    .pl-md-3,
    .px-md-3,
    .p-md-3 {
        padding-left: 3rem !important;
    }

    .pr-md-3,
    .px-md-3,
    .p-md-3 {
        padding-right: 3rem !important;
    }


    .pt-md-3,
    .py-md-3,
    .p-md-3 {
        padding-top: 3rem !important;
    }

    .pb-md-3,
    .py-md-3,
    .p-md-3 {
        padding-bottom: 3rem !important;
    }
    /*#endregion */

    /*#region Padding 4 */
    .pl-md-4,
    .px-md-4,
    .p-md-4 {
        padding-left: 4rem !important;
    }

    .pr-md-4,
    .px-md-4,
    .p-md-4 {
        padding-right: 4rem !important;
    }


    .pt-md-4,
    .py-md-4,
    .p-md-4 {
        padding-top: 4rem !important;
    }

    .pb-md-4,
    .py-md-4,
    .p-md-4 {
        padding-bottom: 4rem !important;
    }
    /*#endregion */

    /*#region Padding 5 */
    .pl-md-5,
    .px-md-5,
    .p-md-5 {
        padding-left: 5rem !important;
    }

    .pr-md-5,
    .px-md-5,
    .p-md-5 {
        padding-right: 5rem !important;
    }


    .pt-md-5,
    .py-md-5,
    .p-md-5 {
        padding-top: 5rem !important;
    }

    .pb-md-5,
    .py-md-5,
    .p-md-5 {
        padding-bottom: 5rem !important;
    }
    /*#endregion */

    /*#region Padding 6 */
    .pl-md-6,
    .px-md-6,
    .p-md-6 {
        padding-left: 6rem !important;
    }

    .pr-md-6,
    .px-md-6,
    .p-md-6 {
        padding-right: 6rem !important;
    }


    .pt-md-6,
    .py-md-6,
    .p-md-6 {
        padding-top: 6rem !important;
    }

    .pb-md-6,
    .py-md-6,
    .p-md-6 {
        padding-bottom: 6rem !important;
    }
    /*#endregion */
}
/*#endregion*/

/*#region Padding-lg*/
@media screen and (min-width: 1200px) {
    /*#region Padding 0 */
    .pl-lg-0,
    .px-lg-0,
    .p-lg-0 {
        padding-left: 0rem !important;
    }

    .pr-lg-0,
    .px-lg-0,
    .p-lg-0 {
        padding-right: 0rem !important;
    }


    .pt-lg-0,
    .py-lg-0,
    .p-lg-0 {
        padding-top: 0rem !important;
    }

    .pb-lg-0,
    .py-lg-0,
    .p-lg-0 {
        padding-bottom: 0rem !important;
    }
    /*#endregion */

    /*#region Padding 0.5 */
    .pl-lg-05,
    .px-lg-05,
    .p-lg-05 {
        padding-left: 0.5rem !important;
    }

    .pr-lg-05,
    .px-lg-05,
    .p-lg-05 {
        padding-right: 0.5rem !important;
    }


    .pt-lg-05,
    .py-lg-05,
    .p-lg-05 {
        padding-top: 0.5rem !important;
    }

    .pb-lg-05,
    .py-lg-05,
    .p-lg-05 {
        padding-bottom: 0.5rem !important;
    }
    /*#endregion */

    /*#region Padding 1 */
    .pl-lg-1,
    .px-lg-1,
    .p-lg-1 {
        padding-left: 1rem !important;
    }

    .pr-lg-1,
    .px-lg-1,
    .p-lg-1 {
        padding-right: 1rem !important;
    }


    .pt-lg-1,
    .py-lg-1,
    .p-lg-1 {
        padding-top: 1rem !important;
    }

    .pb-lg-1,
    .py-lg-1,
    .p-lg-1 {
        padding-bottom: 1rem !important;
    }
    /*#endregion */

    /*#region Padding 2 */
    .pl-lg-2,
    .px-lg-2,
    .p-lg-2 {
        padding-left: 2rem !important;
    }

    .pr-lg-2,
    .px-lg-2,
    .p-lg-2 {
        padding-right: 2rem !important;
    }


    .pt-lg-2,
    .py-lg-2,
    .p-lg-2 {
        padding-top: 2rem !important;
    }

    .pb-lg-2,
    .py-lg-2,
    .p-lg-2 {
        padding-bottom: 2rem !important;
    }
    /*#endregion */

    /*#region Padding 3 */
    .pl-lg-3,
    .px-lg-3,
    .p-lg-3 {
        padding-left: 3rem !important;
    }

    .pr-lg-3,
    .px-lg-3,
    .p-lg-3 {
        padding-right: 3rem !important;
    }


    .pt-lg-3,
    .py-lg-3,
    .p-lg-3 {
        padding-top: 3rem !important;
    }

    .pb-lg-3,
    .py-lg-3,
    .p-lg-3 {
        padding-bottom: 3rem !important;
    }
    /*#endregion */

    /*#region Padding 4 */
    .pl-lg-4,
    .px-lg-4,
    .p-lg-4 {
        padding-left: 4rem !important;
    }

    .pr-lg-4,
    .px-lg-4,
    .p-lg-4 {
        padding-right: 4rem !important;
    }


    .pt-lg-4,
    .py-lg-4,
    .p-lg-4 {
        padding-top: 4rem !important;
    }

    .pb-lg-4,
    .py-lg-4,
    .p-lg-4 {
        padding-bottom: 4rem !important;
    }
    /*#endregion */

    /*#region Padding 5 */
    .pl-lg-5,
    .px-lg-5,
    .p-lg-5 {
        padding-left: 5rem !important;
    }

    .pr-lg-5,
    .px-lg-5,
    .p-lg-5 {
        padding-right: 5rem !important;
    }


    .pt-lg-5,
    .py-lg-5,
    .p-lg-5 {
        padding-top: 5rem !important;
    }

    .pb-lg-5,
    .py-lg-5,
    .p-lg-5 {
        padding-bottom: 5rem !important;
    }
    /*#endregion */

    /*#region Padding 6 */
    .pl-lg-6,
    .px-lg-6,
    .p-lg-6 {
        padding-left: 6rem !important;
    }

    .pr-lg-6,
    .px-lg-6,
    .p-lg-6 {
        padding-right: 6rem !important;
    }


    .pt-lg-6,
    .py-lg-6,
    .p-lg-6 {
        padding-top: 6rem !important;
    }

    .pb-lg-6,
    .py-lg-6,
    .p-lg-6 {
        padding-bottom: 6rem !important;
    }
    /*#endregion */
}
/*#endregion*/
/*#endregion */

/*#region Margin 0 */
.ml-0,
.mx-0,
.m-0 {
    margin-left: 0rem !important;
}

.mr-0,
.mx-0,
.m-0 {
    margin-right: 0rem !important;
}


.mt-0,
.my-0,
.m-0 {
    margin-top: 0rem !important;
}

.mb-0,
.my-0,
.m-0 {
    margin-bottom: 0rem !important;
}
/*#endregion */

/*#region Margin 05 */
.ml-05,
.mx-05,
.m-05 {
    margin-left: 0.5rem !important;
}

.mr-05,
.mx-05,
.m-05 {
    margin-right: 0.5rem !important;
}


.mt-05,
.my-05,
.m-05 {
    margin-top: 0.5rem !important;
}

.mb-05,
.my-05,
.m-05 {
    margin-bottom: 0.5rem !important;
}
/*#endregion */

/*#region Margin 1 */
.ml-1,
.mx-1,
.m-1 {
    margin-left: 1rem !important;
}

.mr-1,
.mx-1,
.m-1 {
    margin-right: 1rem !important;
}


.mt-1,
.my-1,
.m-1 {
    margin-top: 1rem !important;
}

.mb-1,
.my-1,
.m-1 {
    margin-bottom: 1rem !important;
}
/*#endregion */

/*#region Margin 2 */
.ml-2,
.mx-2,
.m-2 {
    margin-left: 2rem !important;
}

.mr-2,
.mx-2,
.m-2 {
    margin-right: 2rem !important;
}


.mt-2,
.my-2,
.m-2 {
    margin-top: 2rem !important;
}

.mb-2,
.my-2,
.m-2 {
    margin-bottom: 2rem !important;
}
/*#endregion */

/*#region Margin 3 */
.ml-3,
.mx-3,
.m-3 {
    margin-left: 3rem !important;
}

.mr-3,
.mx-3,
.m-3 {
    margin-right: 3rem !important;
}


.mt-3,
.my-3,
.m-3 {
    margin-top: 3rem !important;
}

.mb-3,
.my-3,
.m-3 {
    margin-bottom: 3rem !important;
}
/*#endregion */

/*#region Margin 4 */
.ml-4,
.mx-4,
.m-4 {
    margin-left: 4rem !important;
}

.mr-4,
.mx-4,
.m-4 {
    margin-right: 4rem !important;
}


.mt-4,
.my-4,
.m-4 {
    margin-top: 4rem !important;
}

.mb-4,
.my-4,
.m-4 {
    margin-bottom: 4rem !important;
}
/*#endregion */

/*#region Margin 5 */
.ml-5,
.mx-5,
.m-5 {
    margin-left: 5rem !important;
}

.mr-5,
.mx-5,
.m-5 {
    margin-right: 5rem !important;
}


.mt-5,
.my-5,
.m-5 {
    margin-top: 5rem !important;
}

.mb-5,
.my-5,
.m-5 {
    margin-bottom: 5rem !important;
}
/*#endregion */

/*#region Margin 6 */
.ml-6,
.mx-6,
.m-6 {
    margin-left: 6rem !important;
}

.mr-6,
.mx-6,
.m-6 {
    margin-right: 6rem !important;
}


.mt-6,
.my-6,
.m-6 {
    margin-top: 6rem !important;
}

.mb-6,
.my-6,
.m-6 {
    margin-bottom: 6rem !important;
}
/*#endregion */

/*#region Margin 7 */
.ml-7,
.mx-7,
.m-7 {
    margin-left: 7rem !important;
}

.mr-7,
.mx-7,
.m-7 {
    margin-right: 7rem !important;
}


.mt-7,
.my-7,
.m-7 {
    margin-top: 7rem !important;
}

.mb-7,
.my-7,
.m-7 {
    margin-bottom: 7rem !important;
}
/*#endregion */

/*#region Margin-sm */
@media screen and (min-width: 768px) {
    .mt-sm--2,
    .my-sm--2,
    .m.-sm--2 {
        margin-top: -2rem !important;
    }

    /*#region Margin 0 */
    .ml-sm-0,
    .mx-sm-0,
    .m-sm-0 {
        margin-left: 0rem !important;
    }

    .mr-sm-0,
    .mx-sm-0,
    .m-sm-0 {
        margin-right: 0rem !important;
    }


    .mt-sm-0,
    .my-sm-0,
    .m-sm-0 {
        margin-top: 0rem !important;
    }

    .mb-sm-0,
    .my-sm-0,
    .m-sm-0 {
        margin-bottom: 0rem !important;
    }
    /*#endregion*/

    /*#region Margin 1*/
    .ml-sm-1,
    .mx-sm-1,
    .m-sm-1 {
        margin-left: 1rem !important;
    }

    .mr-sm-1,
    .mx-sm-1,
    .m-sm-1 {
        margin-right: 1rem !important;
    }


    .mt-sm-1,
    .my-sm-1,
    .m-sm-1 {
        margin-top: 1rem !important;
    }

    .mb-sm-1,
    .my-sm-1,
    .m-sm-1 {
        margin-bottom: 1rem !important;
    }
    /*#endregion */

    /*#region Margin 2*/
    .ml-sm-2,
    .mx-sm-2,
    .m-sm-2 {
        margin-left: 2rem !important;
    }

    .mr-sm-2,
    .mx-sm-2,
    .m-sm-2 {
        margin-right: 2rem !important;
    }


    .mt-sm-2,
    .my-sm-2,
    .m-sm-2 {
        margin-top: 2rem !important;
    }

    .mb-sm-2,
    .my-sm-2,
    .m-sm-2 {
        margin-bottom: 2rem !important;
    }
    /*#endregion */

    /*#region Margin 3*/
    .ml-sm-3,
    .mx-sm-3,
    .m-sm-3 {
        margin-left: 3rem !important;
    }

    .mr-sm-3,
    .mx-sm-3,
    .m-sm-3 {
        margin-right: 3rem !important;
    }


    .mt-sm-3,
    .my-sm-3,
    .m-sm-3 {
        margin-top: 3rem !important;
    }

    .mb-sm-3,
    .my-sm-3,
    .m-sm-3 {
        margin-bottom: 3rem !important;
    }
    /*#endregion */

    /*#region Margin 4*/
    .ml-sm-4,
    .mx-sm-4,
    .m-sm-4 {
        margin-left: 4rem !important;
    }

    .mr-sm-4,
    .mx-sm-4,
    .m-sm-4 {
        margin-right: 4rem !important;
    }


    .mt-sm-4,
    .my-sm-4,
    .m-sm-4 {
        margin-top: 4rem !important;
    }

    .mb-sm-4,
    .my-sm-4,
    .m-sm-4 {
        margin-bottom: 4rem !important;
    }
    /*#endregion */

    /*#region Margin 5*/
    .ml-sm-5,
    .mx-sm-5,
    .m-sm-5 {
        margin-left: 5rem !important;
    }

    .mr-sm-5,
    .mx-sm-5,
    .m-sm-5 {
        margin-right: 5rem !important;
    }


    .mt-sm-5,
    .my-sm-5,
    .m-sm-5 {
        margin-top: 5rem !important;
    }

    .mb-sm-5,
    .my-sm-5,
    .m-sm-5 {
        margin-bottom: 5rem !important;
    }
    /*#endregion */

    /*#region Margin 6*/
    .ml-sm-6,
    .mx-sm-6,
    .m-sm-6 {
        margin-left: 6rem !important;
    }

    .mr-sm-6,
    .mx-sm-6,
    .m-sm-6 {
        margin-right: 6rem !important;
    }


    .mt-sm-6,
    .my-sm-6,
    .m-sm-6 {
        margin-top: 6rem !important;
    }

    .mb-sm-6,
    .my-sm-6,
    .m-sm-6 {
        margin-bottom: 6rem !important;
    }
    /*#endregion */

    /*#region Margin 7*/
    .ml-sm-7,
    .mx-sm-7,
    .m-sm-7 {
        margin-left: 7rem !important;
    }

    .mr-sm-7,
    .mx-sm-7,
    .m-sm-7 {
        margin-right: 7rem !important;
    }


    .mt-sm-7,
    .my-sm-7,
    .m-sm-7 {
        margin-top: 7rem !important;
    }

    .mb-sm-7,
    .my-sm-7,
    .m-sm-7 {
        margin-bottom: 7rem !important;
    }
    /*#endregion */
}
/*#endregion */

/*#region Margin-md */
@media screen and (min-width: 992px) {
    /*#region Margin 0 */
    .ml-md-0,
    .mx-md-0,
    .m-md-0 {
        margin-left: 0rem !important;
    }

    .mr-md-0,
    .mx-md-0,
    .m-md-0 {
        margin-right: 0rem !important;
    }


    .mt-md-0,
    .my-md-0,
    .m-md-0 {
        margin-top: 0rem !important;
    }

    .mb-md-0,
    .my-md-0,
    .m-md-0 {
        margin-bottom: 0rem !important;
    }
    /*#endregion */

    /*#region Margin 1*/
    .ml-md-1,
    .mx-md-1,
    .m-md-1 {
        margin-left: 1rem !important;
    }

    .mr-md-1,
    .mx-md-1,
    .m-md-1 {
        margin-right: 1rem !important;
    }


    .mt-md-1,
    .my-md-1,
    .m-md-1 {
        margin-top: 1rem !important;
    }

    .mb-md-1,
    .my-md-1,
    .m-md-1 {
        margin-bottom: 1rem !important;
    }
    /*#endregion */

    /*#region Margin 2*/
    .ml-md-2,
    .mx-md-2,
    .m-md-2 {
        margin-left: 2rem !important;
    }

    .mr-md-2,
    .mx-md-2,
    .m-md-2 {
        margin-right: 2rem !important;
    }


    .mt-md-2,
    .my-md-2,
    .m-md-2 {
        margin-top: 2rem !important;
    }

    .mb-md-2,
    .my-md-2,
    .m-md-2 {
        margin-bottom: 2rem !important;
    }
    /*#endregion */

    /*#region Margin 3*/
    .ml-md-3,
    .mx-md-3,
    .m-md-3 {
        margin-left: 3rem !important;
    }

    .mr-md-3,
    .mx-md-3,
    .m-md-3 {
        margin-right: 3rem !important;
    }


    .mt-md-3,
    .my-md-3,
    .m-md-3 {
        margin-top: 3rem !important;
    }

    .mb-md-3,
    .my-md-3,
    .m-md-3 {
        margin-bottom: 3rem !important;
    }
    /*#endregion */

    /*#region Margin 4*/
    .ml-md-4,
    .mx-md-4,
    .m-md-4 {
        margin-left: 4rem !important;
    }

    .mr-md-4,
    .mx-md-4,
    .m-md-4 {
        margin-right: 4rem !important;
    }


    .mt-md-4,
    .my-md-4,
    .m-md-4 {
        margin-top: 4rem !important;
    }

    .mb-md-4,
    .my-md-4,
    .m-md-4 {
        margin-bottom: 4rem !important;
    }
    /*#endregion */

    /*#region Margin 5*/
    .ml-md-5,
    .mx-md-5,
    .m-md-5 {
        margin-left: 5rem !important;
    }

    .mr-md-5,
    .mx-md-5,
    .m-md-5 {
        margin-right: 5rem !important;
    }


    .mt-md-5,
    .my-md-5,
    .m-md-5 {
        margin-top: 5rem !important;
    }

    .mb-md-5,
    .my-md-5,
    .m-md-5 {
        margin-bottom: 5rem !important;
    }
    /*#endregion */

    /*#region Margin 6*/
    .ml-md-6,
    .mx-md-6,
    .m-md-6 {
        margin-left: 6rem !important;
    }

    .mr-md-6,
    .mx-md-6,
    .m-md-6 {
        margin-right: 6rem !important;
    }


    .mt-md-6,
    .my-md-6,
    .m-md-6 {
        margin-top: 6rem !important;
    }

    .mb-md-6,
    .my-md-6,
    .m-md-6 {
        margin-bottom: 6rem !important;
    }
    /*#endregion */

    /*#region Margin 7*/
    .ml-md-7,
    .mx-md-7,
    .m-md-7 {
        margin-left: 7rem !important;
    }

    .mr-md-7,
    .mx-md-7,
    .m-md-7 {
        margin-right: 7rem !important;
    }


    .mt-md-7,
    .my-md-7,
    .m-md-7 {
        margin-top: 7rem !important;
    }

    .mb-md-7,
    .my-md-7,
    .m-md-7 {
        margin-bottom: 7rem !important;
    }
    /*#endregion */
}
/*#endregion */

/*#region Margin-lg */
@media screen and (min-width: 1200px) {
    /*#region Margin 0 */
    .ml-lg-0,
    .mx-lg-0,
    .m-lg-0 {
        margin-left: 0rem !important;
    }

    .mr-lg-0,
    .mx-lg-0,
    .m-lg-0 {
        margin-right: 0rem !important;
    }


    .mt-lg-0,
    .my-lg-0,
    .m-lg-0 {
        margin-top: 0rem !important;
    }

    .mb-lg-0,
    .my-lg-0,
    .m-lg-0 {
        margin-bottom: 0rem !important;
    }
    /*#endregion */

    /*#region Margin 1*/
    .ml-lg-1,
    .mx-lg-1,
    .m-lg-1 {
        margin-left: 1rem !important;
    }

    .mr-lg-1,
    .mx-lg-1,
    .m-lg-1 {
        margin-right: 1rem !important;
    }


    .mt-lg-1,
    .my-lg-1,
    .m-lg-1 {
        margin-top: 1rem !important;
    }

    .mb-lg-1,
    .my-lg-1,
    .m-lg-1 {
        margin-bottom: 1rem !important;
    }
    /*#endregion */

    /*#region Margin 2*/
    .ml-lg-2,
    .mx-lg-2,
    .m-lg-2 {
        margin-left: 2rem !important;
    }

    .mr-lg-2,
    .mx-lg-2,
    .m-lg-2 {
        margin-right: 2rem !important;
    }


    .mt-lg-2,
    .my-lg-2,
    .m-lg-2 {
        margin-top: 2rem !important;
    }

    .mb-lg-2,
    .my-lg-2,
    .m-lg-2 {
        margin-bottom: 2rem !important;
    }
    /*#endregion */

    /*#region Margin 3*/
    .ml-lg-3,
    .mx-lg-3,
    .m-lg-3 {
        margin-left: 3rem !important;
    }

    .mr-lg-3,
    .mx-lg-3,
    .m-lg-3 {
        margin-right: 3rem !important;
    }


    .mt-lg-3,
    .my-lg-3,
    .m-lg-3 {
        margin-top: 3rem !important;
    }

    .mb-lg-3,
    .my-lg-3,
    .m-lg-3 {
        margin-bottom: 3rem !important;
    }
    /*#endregion */

    /*#region Margin 4*/
    .ml-lg-4,
    .mx-lg-4,
    .m-lg-4 {
        margin-left: 4rem !important;
    }

    .mr-lg-4,
    .mx-lg-4,
    .m-lg-4 {
        margin-right: 4rem !important;
    }


    .mt-lg-4,
    .my-lg-4,
    .m-lg-4 {
        margin-top: 4rem !important;
    }

    .mb-lg-4,
    .my-lg-4,
    .m-lg-4 {
        margin-bottom: 4rem !important;
    }
    /*#endregion */

    /*#region Margin 5*/
    .ml-lg-5,
    .mx-lg-5,
    .m-lg-5 {
        margin-left: 5rem !important;
    }

    .mr-lg-5,
    .mx-lg-5,
    .m-lg-5 {
        margin-right: 5rem !important;
    }


    .mt-lg-5,
    .my-lg-5,
    .m-lg-5 {
        margin-top: 5rem !important;
    }

    .mb-lg-5,
    .my-lg-5,
    .m-lg-5 {
        margin-bottom: 5rem !important;
    }
    /*#endregion */

    /*#region Margin 6*/
    .ml-lg-6,
    .mx-lg-6,
    .m-lg-6 {
        margin-left: 6rem !important;
    }

    .mr-lg-6,
    .mx-lg-6,
    .m-lg-6 {
        margin-right: 6rem !important;
    }


    .mt-lg-6,
    .my-lg-6,
    .m-lg-6 {
        margin-top: 6rem !important;
    }

    .mb-lg-6,
    .my-lg-6,
    .m-lg-6 {
        margin-bottom: 6rem !important;
    }
    /*#endregion */

    /*#region Margin 7*/
    .ml-lg-7,
    .mx-lg-7,
    .m-lg-7 {
        margin-left: 7rem !important;
    }

    .mr-lg-7,
    .mx-lg-7,
    .m-lg-7 {
        margin-right: 7rem !important;
    }


    .mt-lg-7,
    .my-lg-7,
    .m-lg-7 {
        margin-top: 7rem !important;
    }

    .mb-lg-7,
    .my-lg-7,
    .m-lg-7 {
        margin-bottom: 7rem !important;
    }
    /*#endregion */
}
/*#endregion */

p {
    font-family: "Raleway", sans-serif, "Roboto";
    font-size: 14px;
}


video {
    width: 100%;
    height: 370px;
}

.scan-container {
    position: relative;
}

.scan-success {
    position: absolute;
    left: 0px;
    top: 168px;
    height: 34px;
    width: 100%;
    color: #ffffff;
    font-size: 17px;
    background-color: #2cc185;
    z-index: 10000;
    padding: 4px;
    font-weight: bolder;
}

.btn-filter {
    height: 34px;
    width: 34px;
    padding: 1px;
}

.mb-RadComboBoxCss {
    border: 0px solid #cccccc !important;
}

    .mb-RadComboBoxCss > table > tbody > tr {
        width: 100% !important;
        height: 34px !important;
        font-size: 14px !important;
        line-height: 1.428571429 !important;
        color: #555555 !important;
        vertical-align: middle !important;
        background-color: #ffffff !important;
        border: 1px solid #cccccc !important;
    }

.redText {
    color: #db1b3f !important;
}

.greyText {
    color: #808080 !important;
}

input.rcbInput.radPreventDecorate {
    background-color: inherit !important;
}

.haveToolTip > span.tooltip {
    display: none;
    opacity: 1;
}

.haveToolTip:hover > span.tooltip {
    display: block !important;
    opacity: 1 !important;
    padding: 5px;
    background-color: #3fa9f5;
    color: #fff;
    max-width: 300px;
    word-break: break-word;
}

.dropdown-menu > li > a {
    color: #333 !important;
}

.warringText {
    color: #F18500;
}

/*#region MessageBox */
    .mb-messagebox-body {
        position: fixed;
    }

    .mb-messagebox-header,
    .mb-messagebox-content,
    .mb-messagebox-buttonrow {
        width: 100%;
        position: relative;
        left: 0;
        padding: 0rem 1rem;
    }


    .mb-messagebox-header {
        background-color: #1e6193;
        color: #f8f8f8;
        top: 0rem;
        height: 40px;
        text-align: center;
        font-size: 20px;
        padding-top: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .mb-messagebox-content,
    .mb-messagebox-buttonrow {
        background-color: #eeeeee;
        color: #173246;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .mb-messagebox-content {
        min-height: calc(120px - 2.5rem);
        max-height: 450px;
        overflow-y: auto;
    }

    .mb-messagebox-buttonrow {
        align-content: center;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
/*#endregion */

/*#region slider */
.slider {
    position: absolute !important;
    cursor: pointer !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: #3fa9f5 !important;
    -webkit-transition: .4s !important;
    transition: .4s !important;
    border-radius: 9px !important;
}

    .slider:before {
        position: absolute !important;
        content: "" !important;
        height: 14px !important;
        width: 14px !important;
        left: 2px !important;
        bottom: 2px !important;
        background-color: white !important;
        -webkit-transition: .4s !important;
        transition: .4s !important;
        border-radius: 50% !important;
    }

input:checked + .slider {
    background-color: #3fa9f5 !important;
}

input:focus + .slider {
    box-shadow: 0 0 1px #3fa9f5 !important;
}

input:checked + .slider:before {
    -webkit-transform: translateX(16px) !important;
    -ms-transform: translateX(16px) !important;
    transform: translateX(16px) !important;
}
/*#endregion */

.mbInfoWindow {
    background-color: transparent;
    width: auto;
    height: 18px;
    font-size: 13px;
    padding-left: 15px;
}

.mbInfoWindow.mbInfoWindowPlusAddress{
    height: fit-content !important;
    width:fit-content !important;
}

.mbInfoWindowCollapsed {
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    height: 30px !important;
}

.gridLink {
    color: #3fa9f5!important;
}

.customDisabled {
    pointer-events: none;
    color: lightgray !important;
    border-color: lightgrey !important;
}

    .customDisabled h6 {
        color: lightgray!important;
    }

    .customDisabled .riDisabled {
        border-color: #e1e1e1!important;
        color: #cccccc!important;
        cursor: default;
        background-color: #fafafa!important;
    }
    .dontDisplay {
        display: none;
    }

    .ellipsisOnText {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn{
        cursor:default!important
    }

    .aspNetDisabled, .btn, .gridButton {
        cursor: default !important
    }

    .fontsize16 {
        font-size: 16px !important;
    }

    .lineHeightNormal {
        line-height: normal !important;
    }

    .checkBoxCustom > input[type=checkbox] {
        -ms-transform: scale(1.3); /* IE */
        -moz-transform: scale(1.3); /* FF */
        -webkit-transform: scale(1.3); /* Safari and Chrome */
        -o-transform: scale(1.3); /* Opera */
        transform: scale(1.3);
        padding: 10px;
        margin-left: 3px;
        font-weight: normal !important;
    }

    .checkBoxCustom > label {
        display: inline;
        vertical-align: text-bottom;
        margin-left: 6px;
        font-weight: normal !important;
    }

    .checkBoxCustom:disabled {
        background: #ccc !important;
    }

    .dropDownStyle {
        border-width: 1px;
        border-color: #b0b0b0;
        border-radius: 5px;
        height: 35px;
    }

    option {
        color: #343434!important
    }

    .disableClick {
        pointer-events: none;
    }

        .disableClick .sidePanelStyle{
            pointer-events:all!important;
        }

        .disableClick .sidePanelContentStyle,
        .disableClick .sidePanelPadding {
            pointer-events: none !important;
        }

        .fleetIconBox {
            border-style: solid;
            border-color: #3fa9f5;
            border-width: 1px;
            border-radius: 4px;
            fill: #3fa9f5;
            width: 35px;
            height: 28px;
            padding-top: 3px;
        }

        .fleetIconBox:hover {
            border-color: #1e6193;
            fill: #1e6193;
        }

        .fleetIconBox.fleetIconBoxDisabled {
            border-color: #b9b9b9 !important;
            fill: #b9b9b9 !important;
        }

.settingsBoxes {
    width: 100%;
    height: 185px;
    line-height: 16px;
    padding-right: 0px;
}

.settingsHeaders {
    color: white;
    text-align: center;
}

.settingsBoxesMargins {
    padding-right: 5px;
    padding-left: 5px;
}

.settingsBoxesContent {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.settingsBoxesImg {
    width: 100%;
}

.settingsBoxesSurroundingDiv {
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 10px;
}

.licenseRadioBtnPanel {
    border-style: solid;
    border-width: 1px;
    border-color: lightgrey;
    background-color: white;
    margin-bottom: 10px;
}

.licenseRadioBtn {
    margin-top: 10px !important;
    margin-left: 10px !important;
}

.licenseRadioBtnEditBtn {
    padding-top: 5px !important;
    padding-right: 10px !important;
}

.licenseRadioBtnLabel {
    padding-top: 5px !important;
    padding-left: 29px !important;
    font-size: 13px !important;
    padding-bottom: 5px !important;
}

.radioButtonLabelMargin {
    margin-left: 5px !important;
    margin-bottom: 0px !important;
}

.radioButtonSubLabel {
    font-size: 13px !important;
    margin-left: 28px !important;
    margin-top: 0px !important;
    margin-bottom: 5px !important;
}

.subRadioButtonLabel {
    font-weight: normal !important;
    font-size: 13px !important;
    display: inline !important;
}

.subRadioButtonHeader {
    font-weight: bold !important;
    margin-bottom: 10px;
    margin-top: 20px;
}

.subRadioButtonInput {
    margin-top: 10px !important;
}

.whiteText {
    color: #fff;
}

.MBLightBlue {
    color: #173246 !important;
    background-color: #EBF7FF !important;
    border-color: #A9CFEA !important;
}


.infoBox{
    font-weight: bolder;
    font-size:14px;
}

.infoBoxTitle {
    font-weight: bolder;
    font-size: 14px;
    background-color: #d3eafd;
    padding: 0 5px;
    border-radius: 5px;
}

.infoBoxSubTitle{
    font-size:12px;
    color:gray;
}

.infoBoxMT5{
    margin-top:5px;
}

.blueTagLabel {
    color: #173246;
    background-color: #EBF7FF;
    border-color: #A9CFEA;
    padding: 6px;
    border-radius: 4px;
    font-size: 14px;
    border-style: solid;
    border-width: thin;
    
}

.awaiting-approval {
    height: 34px;
}

.transitionMovement {
    transition: 0.2s;
}

.transitionNone {
    transition: none !important;
}
.backgroundBorder {
    border-left: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
}

.transitionInherit{
    transition: inherit !important;
}

.tripActionBtn {
    fill: #fff !important;
}

    .tripActionBtn:hover {
        fill: #5ea7f2 !important;
    }

.panelContenBox {
    background-color: #fff;
    border: 1px solid #C7C7C7;
    border-radius: 4px;
}

.tabPageGroundColor {
    padding: 15px;
    border: 1px solid #C7C7C7;
    border-radius: 4px;
    background-color: #f8f8f8 !important;
    min-width: 100%;
}

.rightBorder {
    border-right: 1px solid #C7C7C7;
}

.leftBorder {
    border-left: 1px solid #C7C7C7;
}

.topBorder {
    border-top: 1px solid #C7C7C7;
}

.bottomBorder {
    border-bottom: 1px solid #C7C7C7;
}

.noResize {
    resize: none;
}

.okCancelBtn{
    width:74px!important;
}

.dot {
    height: 7px;
    width: 7px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.dimensionList {
    list-style-type: none; /* Remove default marker */
    padding: 0;
    margin: 0;
    width: 100%;
}

.dimensionListItem {
    display: flex;
    align-items: center; /* Aligns the custom marker and row */
    width: 100%;
}

    .dimensionListItem::before {
        content: "•"; /* Custom bullet point */
        font-size: 1.2em; /* Adjust as needed */
        color: black; /* Adjust color */
        margin-right: 0.5em; /* Spacing between marker and text */
        align-self: center;
    }

    .dimensionListItem > .row {
        display: flex;
        align-items: center;
        width: 100%;
        padding-left: 10px;
    }


.btn-outline-danger{
    background-color:white;
}
    .btn-outline-danger :hover {
        background-color:#e63757
    }