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;
}

.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*/
.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_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 {
    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');
    }

    .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;
    }

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

    .btn-primary.btn-outline:hover,
    .btn-success.btn-outline:hover,
    .btn-info.btn-outline:hover,
    .btn-warning.btn-outline:hover,
    .btn-danger.btn-outline:hover {
        color: #fff;
    }


.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: 50px;
    margin-top: 0px;
    border: none;
    background-color: #222;
}

.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;
    height: 60px;
    width: 100%;
    z-index:100;
}

    .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-icon-small {
    height: 25px;
    width: 25px;
    margin-left: 2px;
    margin-right: 5px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.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-book {
    background: url(../img/SVG/icon_book.svg)
}

    li.active > a > span.mb-icon-book,
    li:hover > a > span.mb-icon-book,
    .mb-icon-book:hover,
    .mb-icon-book:active {
        background: url(../img/SVG/icon_book_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-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-changelog {
    background: url(../img/SVG/icon_changelog.svg)
}

    li.active > a > span.mb-icon-changelog,
    li:hover > a > span.mb-icon-changelog,
    .mb-icon-changelog:hover, .mb-icon-changelog:active {
        background: url(../img/SVG/icon_changelog_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-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-document {
    background: url(../img/SVG/icon_document.svg)
}

    li.active > a > span.mb-icon-document,
    li:hover > a > span.mb-icon-document,
    .mb-icon-document:hover, .mb-icon-document:active {
        background: url(../img/SVG/icon_document_white.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-link {
    background: url(../img/SVG/icon_link.svg)
}

    li.active > a > span.mb-icon-link,
    li:hover > a > span.mb-icon-link,
    .mb-icon-link:hover, .mb-icon-link:active {
        background: url(../img/SVG/icon_link_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-settings {
    background: url(../img/SVG/icon_settings.svg)
}

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

.mb-icon-support {
    background: url(../img/SVG/icon_support.svg)
}

    li.active > a > span.mb-icon-support,
    li:hover > a > span.mb-icon-support,
    .mb-icon-support:hover, .mb-icon-support:active {
        background: url(../img/SVG/icon_support_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-user {
    background: url(../img/SVG/icon_user.svg)
}

    li.active > a > span.mb-icon-user,
    li:hover > a > span.mb-icon-user,
    .mb-icon-user:hover,
    .mb-icon-user:active,
    .mb-icon-user-white {
        background: url(../img/SVG/icon_user_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-export {
    background: url(../img/SVG/icon_export.svg)
}

    li.active > a > span.mb-icon-export,
    li:hover > a > span.mb-icon-export,
    .mb-icon-export:hover,
    .mb-icon-export:active,
    .mb-icon-export-white {
        background: url(../img/SVG/icon_export_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)
    }

.mb-icon-globe {
    background: url(../img/SVG/icon_globe.svg)
}

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

.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;
}

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

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

.mb-carret {
    position: absolute;
    top: -10px;
    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 {
    background-color: #eeeeee;
}

.mb-dropdown-seperator {
    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-IsHomeAdress{
    font-weight:bold;
}

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

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

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