﻿body {
    min-height: 100vh;
}

.fontsize15 {
    font-size: 15px !important;
}

.fontsize12 {
    font-size: 12px !important;
}

.flex-grow {
    flex: 1;
}

header ul.ulApps i {
    font-size: large;
}

footer p {
    line-height: 0.8;
    font-size: 0.8rem;
}

footer .socialLink a {
    cursor: pointer;
    display: block;
    float: left;
    background-color: #424A4D;
    padding: 15px;
    color: #fff !important;
    margin: 2px;
    border-radius: 5px;
    width: 50px;
    text-align: center;
}

    footer .socialLink a i {
        margin: 0 !important;
    }

footer div.divLink p a {
    color: #C1C1C1;
    text-decoration: none;
}

    footer div.divLink p a:hover {
        color: #e6e6e6;
    }


/*Menu Starts Here*/

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu a::after {
        transform: rotate(-90deg);
        position: absolute;
        right: 6px;
        top: .8em;
    }

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-left: .1rem;
        margin-right: .1rem;
    }
/*Menu Ends Here*/

.divError {
    background-color: #c82333 !important;
}
/* Header Style Starts Here */
.positionAbs {
    position: absolute;
}

div.divLogoHeader {
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 999;
    background: #fff9;
    width: 100%;
}

div.logo {
    padding-left: 50px;
}

    div.logo img {
        height: 60px;
    }

ul.ulSocial, header ul.ulApps {
    float: right;
    margin-bottom: 0;
    margin-right: 10px;
    /*width: 80%;*/
}

    ul.ulSocial li, header ul.ulApps li {
        float: left;
        font-size: 13px;
        list-style: none;
        font-weight: bold;
        margin-left: 2px;
        vertical-align: middle;
    }

img.imgIcon {
    width: 24px;
}

span.spanSignIn {
    font-size: 13px;
    font-weight: bold;
}

div.divSignIn {
    float: right;
    margin-right: 10px;
}
/* Header Style Ends Here */

/*  */





.footer-menu {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    /*overflow: hidden;*/
    background: rgb(37, 80, 119);
    z-index: 99;
    /*margin-top: 70px;*/
}

    .footer-menu > div {
        text-align: center;
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        background-color: #073682;
        float: left;
        list-style: none;
        padding: 20px;
    }

        .footer-menu > div:nth-child(1) {
            background-color: #007bff;
        }

        .footer-menu > div:nth-child(2) {
            background-color: #0f66c3;
        }

        .footer-menu > div:nth-child(3) {
            background-color: #4389d4;
        }

        .footer-menu > div:nth-child(4) {
            background-color: #0c59ab;
        }

        .footer-menu > div:nth-child(5) {
            background-color: #187ae3;
        }

        .footer-menu > div:nth-child(6) {
            background-color: #0d59ab;
        }

        .footer-menu > div:hover > a {
            font-weight: bold;
        }

    .footer-menu a {
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        transition: all 0.5s ease;
        text-decoration: none;
        font-weight: normal;
    }

#footer-menu {
    /*display: block;*/
}

    #footer-menu ul {
        padding: 0;
        margin: 0;
    }
/*css for align the control for page*/
.ctrlPad {
    padding-left: 1% !important;
    padding-right: 1% !important;
}

.gridPad {
    padding-left: 1% !important;
    padding-right: 1% !important;
}

.ctrlPadPop {
    padding-right: 0.6% !important;
    padding-left: 0.6% !important;
}
/*accordian style  Start*/
.template_faq {
    background: #edf3fe none repeat scroll 0 0;
}

.panel-group {
    background: #eff3f6 none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 0;
    padding: 5px;
}

#accordion .panel {
    border: medium none;
    border-radius: 0;
    /*box-shadow: none;*/
    margin: 0 0 15px 10px;
}

#accordion .panel-heading {
    border-radius: 0px;
    padding: 0;
}

#accordion .panel-title a {
    background: #0094d1 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 20px 12px 50px;
    position: relative;
    transition: all 0.3s ease 0s;
}

    #accordion .panel-title a.collapsed {
        background: #6c757d none repeat scroll 0 0;
        border: 1px solid #6c757d;
        color: #fff;
    }

        #accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {
            background: #0094d1 none repeat scroll 0 0;
            border: 1px solid transparent;
            border-radius: 50%;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
            color: #fff;
            content: "";
            font-family: fontawesome;
            font-size: 25px;
            height: 55px;
            left: -20px;
            line-height: 55px;
            position: absolute;
            text-align: center;
            top: -5px;
            transition: all 0.3s ease 0s;
            width: 55px;
            z-index: 99;
        }

        #accordion .panel-title a.collapsed::after {
            background: #6c757d none repeat scroll 0 0;
            border: 1px solid #6c757d;
            box-shadow: none;
            color: #fff;
            content: "";
        }

#accordion .panel-body {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 10px 5px 0px 0px;
    position: relative;
}

    #accordion .panel-body p {
        border-left: 1px dashed #8c8c8c;
        padding-left: 25px;
    }
/*accordian style  end*/
/*Added style for File upload Control*/
.btn-file {
    position: relative;
    overflow: hidden;
    margin-left: 15px;
}

    .btn-file input[type=file] {
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
        position: absolute;
    }
/*Added style for File upload Control*/
.TextBoxAsLabel {
    border: none;
    background-color: #fff;
    background: transparent;
}

.TextBoxAsLabelHdr {
    border: none;
    background-color: transparent;
    background: transparent;
    font-size: 20pt;
    font-weight: normal;
    color: white;
    text-align: center;
    margin-top: 7px;
    width: 100%;
}

.TextBoxAsLabelFtr {
    border: none;
    background-color: #fff;
    background: transparent;
    /*font-weight: bold;*/
}

.TextBoxAsLabelFile {
    border: none;
    background-color: #fff;
    background: transparent;
    color: green;
    font-weight: bold;
}

.TextBoxAsInfoLabelSmall {
    border: none;
    background-color: #fff;
    background: transparent;
    font-size: 9pt;
    width: 50%;
    /*text-align:right;*/
}
/*Model Popup style New*/
.modal-header {
    padding: 4px 4px;
    color: white;
    border-bottom: 1px solid #007bff;
    background-color: #0094d1;
    /*border-bottom:1px solid #6c757d;
    background-color: #6c757d;*/
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.dtGridtr {
    text-align: left;
    background-color: #6c757d;
    border: 1px solid black;
    color: white;
}

    .dtGridtr > th {
        background-color: #6c757d !important;
        color: white !important;
    }

th.HideColumnGrid, td.HideColumnGrid {
    display: none;
}

.LovColumnLink {
    color: black;
}

.paginate_button:hover {
    background-color: black;
    color: white;
}

.InVisiblefnt {
    color: transparent !important;
}
/*fOR MOTOR FLEET*/
.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #3a87ad;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #bce8f1;
        }

    .panel-info > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #bce8f1;
    }

.pQuoteStyle {
    background-color: none !important;
    border: none !important;
}

.price.panel-red > .panel-heading {
    color: #fff;
    background-color: #D04E50;
    border-color: #FF6062;
    border-bottom: 1px solid #FF6062;
}


.price.panel-red > .panel-body {
    color: #fff;
    background-color: #EF5A5C;
}

    .price.panel-red > .panel-body .lead {
        text-shadow: 0px 3px 0px rgba(50,50,50, .3);
    }

.price.panel-red .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight: 600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}




.High3D {
    /*box-shadow: 0px 0px 30px rgba(70, 102, 239, 0.76);*/
    /*box-shadow: 0px 0px 30px rgba(27, 31, 36, 0.86);*/
    /*background-color :#007bff !important;*/
    transition: all .08s linear;
    position: relative;
    outline: medium none;
    -moz-outline-style: none;
    border: 0px;
    /*margin-right:10px;
    margin-top:15px;*/
}


.price.panel-grey > .panel-heading {
    color: #fff;
    background-color: #6D6D6D;
    border-color: #B7B7B7;
    border-bottom: 1px solid #B7B7B7;
}


.price.panel-grey > .panel-body {
    color: #fff;
    background-color: #808080;
}



    .price.panel-grey > .panel-body .lead {
        text-shadow: 0px 3px 0px rgba(50,50,50, .3);
    }

.price.panel-grey .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight: 600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

.price.panel-grey:hover {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight: 800;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

.price .panel-footer {
    color: #fff;
    border-bottom: 0px;
    background-color: rgba(0,0,0, .1);
    box-shadow: 0px 3px 0px rgba(0,0,0, .3);
}

.panel.price:hover {
    box-shadow: 0px 0px 30px rgba(0,0,0, .2);
}

    .panel.price:hover > .panel-heading {
        box-shadow: 0px 0px 30px rgba(0,0,0, .2) inset;
    }


.price.panel-white > .panel-heading {
    color: #333;
    background-color: #f9f9f9;
    border-color: #ccc;
    border-bottom: 1px solid #ccc;
    text-shadow: 0px 2px 0px rgba(250,250,250, .7);
}

.panel.panel-white.price:hover > .panel-heading {
    box-shadow: 0px 0px 30px rgba(0,0,0, .05) inset;
}

.price.panel-white > .panel-body {
    color: #fff;
    background-color: #dfdfdf;
}

    .price.panel-white > .panel-body .lead {
        text-shadow: 0px 2px 0px rgba(250,250,250, .8);
        color: #666;
    }

.price:hover.panel-white > .panel-body .lead {
    text-shadow: 0px 2px 0px rgba(250,250,250, .9);
    color: #333;
}

.price.panel-white .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight: 600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

.shape {
    border-style: solid;
    border-width: 0 65px 39px 0;
    float: right;
    height: 0px;
    width: 0px;
    /*-ms-transform:rotate(360deg); /* IE 9 */
    /*-o-transform: rotate(360deg);  /* Opera 10.5 */ */
    /*-webkit-transform:rotate(360deg); /* Safari and Chrome */ */
    /*transform:rotate(360deg);*/ */;
}

.shape {
    border-color: rgba(255,255,255,0) #000 rgba(255,255,255,0) rgba(255,255,255,0);
    /*background-image: url("../Content/images/BestPlan.png");*/
    /*rgba(255,255,255,0) #000 rgba(255,255,255,0) rgba(255,255,255,0);*/
}

.shape-text {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    right: -38px;
    top: -1px;
    white-space: nowrap;
    -ms-transform: rotate(30deg); /* IE 9 */
    -o-transform: rotate(360deg); /* Opera 10.5 */
    -webkit-transform: rotate(30deg); /* Safari and Chrome */
    transform: rotate(30deg);
}







.field-validation-error {
    color: red !important;
}

.input-validation-error {
    border: 2px solid red !important;
    background-color: #e6a9a9 !important;
}
/*.input-validation-error {
    border: 2px solid red !important;
    background-color: #e6a9a9 !important;
}*/
.displaynone {
    display: none !important;
}




.panel.price,
.panel.price > .panel-heading {
    border-radius: 0px;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

    .panel.price:hover {
        box-shadow: 0px 0px 30px rgba(0,0,0, .2);
    }

        .panel.price:hover > .panel-heading {
            box-shadow: 0px 0px 30px rgba(0,0,0, .2) inset;
        }


    .panel.price > .panel-heading {
        box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;
        text-shadow: 0px 3px 0px rgba(50,50,50, .6);
    }

.price .list-group-item {
    border-bottom-: 1px solid rgba(250,250,250, .5);
}

.panel.price .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.panel.price .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.price .panel-footer {
    color: #fff;
    border-bottom: 0px;
    background-color: rgba(0,0,0, .1);
    box-shadow: 0px 3px 0px rgba(0,0,0, .3);
}


.panel.price .btn {
    box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;
    border: 0px;
}
/*END FLEET*/
.hiddenElemCust {
    display: none;
}

.widthfull {
    width: 100%;
}

.width75 {
    width: 75%;
}

.HeadingStyle a {
    background: #007bff none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 20px 12px 50px;
    position: relative;
    transition: all 0.3s ease 0s;
}


    .HeadingStyle a:hover {
        text-decoration: none;
    }

.bold {
    font-weight: bold !important;
}

.floatleft {
    float: right !important;
}

div.dataTables_wrapper div.dataTables_filter input {
    min-width: 200px !important;
}

.decorationnone {
    text-decoration: none;
}

.margintop20 {
    margin-top: 20px;
}

.margintop10 {
    margin-top: 10px;
}

.marginleft20 {
    margin-left: 20px;
}

.marginleft0 {
    margin-left: 0px;
}

.marginleft5 {
    margin-left: 5px;
}

.width10 {
    width: 5%;
}

.width40float {
    width: 42%;
    float: left;
}

.red {
    color: #c82333 !important;
}

.white {
    color: #ffffff;
}

.alignright {
    text-align: right;
}

.btn-fixed {
    width: 100px !important;
}

.widthSmall {
    width: 20%;
}

.widthSmall30 {
    width: 30%;
}

.widthSmall23 {
    width: 23%;
}
/*New Plan Design start*/
.pricingTableMain {
    text-align: center;
    background: transparent; /*#727cb6;*/
    padding: 2px 0;
    transition: all 0.5s ease-in-out 0s;
    margin: 0% 0;
    margin-left: 0%;
    font-family: 'Oswald', sans-serif;
}

    .pricingTableMain > .pricingTableMain-header {
        color: #fff;
        background: transparent; /*#36414d;*/
        height: 85px;
        position: relative;
        transition: all 0.5s ease 0s;
    }


.pricingTableMain-header > .heading {
    display: block;
    /*padding: 20px 0;*/
}

.pricingTableMain-header > .price-value {
    display: block;
    font-size: 60px;
    line-height: 60px;
}

    .pricingTableMain-header > .price-value > .mo {
        font-size: 14px;
        display: block;
        line-height: 0px;
        /*text-transform: uppercase;*/
    }

    .pricingTableMain-header > .price-value > .currency {
        font-size: 24px;
        margin-right: 4px;
        position: relative;
        bottom: 30px;
    }

.pricingTableMain > .pricingContent {
    /*text-transform: uppercase;*/
    /*color:#fff*/
}

    .pricingTableMain > .pricingContent > ul {
        list-style: none;
        padding: 0;
    }

        .pricingTableMain > .pricingContent > ul > li {
            padding: 15px 0;
            border-bottom: 1px solid #fff;
        }

            .pricingTableMain > .pricingContent > ul > li:last-child {
                border: 0px none;
            }

.pricingTableMain-sign-up {
    /*padding: 15px 0;
    min-height:63px;*/
    padding: 0;
    min-height: 0px;
    color: #000;
    font-size: 17pt;
    font-weight: bold;
}

    .pricingTableMain-sign-up > .btn-block {
        width: 100%;
        margin: 0 auto;
        background: #273238;
        /*border:2px solid #fff;*/
        color: white;
        padding: 15px 12px;
        /*text-transform: uppercase;*/
        font-size: 17pt;
    }

        .pricingTableMain-sign-up > .btn-block:hover {
            opacity: 0.9;
        }



.pricingTableHigh {
    text-align: center;
    padding: 2px;
    transition: all 0.5s ease-in-out 0s;
    /*box-shadow: 0px 0px 30px rgba(70, 102, 239, 0.76);*/
    /*box-shadow: 0px 0px 30px rgba(27, 31, 36, 0.86); COmmented*/
    background-color: #c9e4ee !important;
    /*transition: all 0.5s ease 0s;*/
    margin-right: 4%;
    margin-top: 0%;
}

    .pricingTableHigh > .pricingTable-header {
        color: #027cab;
        background: #c9e4ee;
        height: 85px;
        position: relative;
        transition: all 0.5s ease 0s;
    }

        .pricingTableHigh > .pricingTable-header input[type="text"] {
            color: #027cab;
        }


        .pricingTableHigh > .pricingTable-header:after {
            /*content: "";
            border-bottom: 40px solid #ccd0de;
            border-left: 173px solid transparent;
            position: absolute;
            right: 0px;
            bottom: 0px;*/
        }
    /*.pricingTableHigh:hover .pricingTable-header{
    height: 230px;
    transition: all 0.5s ease 0s;
}*/
    .pricingTableHigh > .pricingContent {
        /*text-transform: uppercase;*/
        /*color:#fff*/
    }

        .pricingTableHigh > .pricingContent > ul {
            list-style: none;
            padding: 0;
        }

            .pricingTableHigh > .pricingContent > ul > li {
                padding: 15px 0;
                border-bottom: 1px solid #fff;
            }

                .pricingTableHigh > .pricingContent > ul > li:last-child {
                    border: 0px none;
                }


.pricingTable {
    text-align: center;
    background: #fcfdd6;
    padding: 2px;
    transition: all 0.5s ease-in-out 0s;
    margin: 0%;
    margin-left: 0%;
}

    .pricingTable > .pricingTable-header {
        color: #c62d1f;
        background: #fcfdd6;
        height: 85px;
        position: relative;
        transition: all 0.5s ease 0s;
    }


        .pricingTable > .pricingTable-header input[type="text"] {
            color: #c62d1f;
        }


        .pricingTable > .pricingTable-header:after {
            /*content: "";
            border-bottom: 40px solid #ccd0de;
            border-left: 165px solid transparent;
            position: absolute;
            right: 0px;
            bottom: 0px;*/
        }
    /*.pricingTable:hover .pricingTable-header{
    height: 230px;
    transition: all 0.5s ease 0s;
}*/
    .pricingTable:hover {
        /*height: 230px;
    transition: all 0.5s ease 0s;*/
        /*margin-top:5px;
    margin-bottom:5px;*/
        /*box-shadow: 0px 0px 30px rgba(70, 102, 239, 0.76); COmmented*/
        /*box-shadow: 0px 0px 30px rgba(27, 31, 36, 0.86);*/
        /*background-color :#007bff !important;*/
        transition: all .08s linear;
        position: relative;
        outline: medium none;
        -moz-outline-style: none;
        border: 0px;
    }

.pricingTable-header > .heading {
    display: block;
    /*padding: 20px 0;*/
}

.heading > h3 {
    margin: 0;
    /*text-transform: uppercase;*/
}

.pricingTable-header > .price-value {
    display: block;
    font-size: 60px;
    line-height: 60px;
}

    .pricingTable-header > .price-value > .mo {
        font-size: 14px;
        display: block;
        line-height: 0px;
        /*text-transform: uppercase;*/
    }

    .pricingTable-header > .price-value > .currency {
        font-size: 24px;
        margin-right: 4px;
        position: relative;
        bottom: 30px;
    }

.pricingTable > .pricingContent {
    /*text-transform: uppercase;*/
    /*color:#fff*/
}

    .pricingTable > .pricingContent > ul {
        list-style: none;
        padding: 0;
    }

        .pricingTable > .pricingContent > ul > li {
            padding: 15px 0;
            border-bottom: 1px solid #fff;
        }

            .pricingTable > .pricingContent > ul > li:last-child {
                border: 0px none;
            }

.pricingTable-sign-up {
    padding: 0px 0;
    min-height: 40px;
}

    .pricingTable-sign-up > .btn-block {
        /*width: 99%;
    margin: 0 auto;
    background: #273238;
    border:2px solid #fff;
    color:#fff;
    padding: 15px 12px;
   
    font-size: 18px;*/
        width: 99%;
        margin: 0 auto;
        background: #ccd0de;
        /*border: 1px solid #7257b0;*/
        color: #fff;
        padding: 5px 12px;
        /*text-transform: uppercase;*/
        font-size: 18px;
    }

        .pricingTable-sign-up > .btn-block:hover {
            opacity: 0.9;
        }


.redPrice {
    background: #dd0c2b;
}

    .redPrice .pricingTableMain-header:after {
        border-bottom-color: #dd0c2b;
    }

.greyPrice {
    /*background: #ccd0de;*/
}

    .greyPrice .pricingTableMain-header:after {
        border-bottom-color: #ccd0de;
    }


.orange {
    background: #e67e22;
}

    .orange .pricingTableMain-header:after {
        border-bottom-color: #e67e22;
    }

.blue {
    background: #3498db;
}

    .blue .pricingTableMain-header:after {
        border-bottom-color: #3498db;
    }

@media screen and (max-width: 1200px) {
    .pricingTable > .pricingTable-header:after {
        border-left: 215px solid transparent;
    }
}

@media screen and (max-width: 990px) {
    .pricingTable {
        margin-bottom: 20px;
    }

        .pricingTable > .pricingTable-header:after {
            border-left: 349px solid transparent;
        }
}

@media screen and (max-width: 480px) {
    .pricingTable {
        overflow: hidden;
    }

        .pricingTable > .pricingTable-header:after {
            border-left: 459px solid rgba(0, 0, 0, 0);
        }
}

.spclFont {
    font-size: 16px;
    color: #007bff;
    font-weight: bold;
}

.spclFontBig {
    font-size: 21px;
    color: #007bff;
    font-weight: bold;
}

.spclFontQuote {
    font-size: 18px;
    font-weight: bold;
}

.benefitStyle {
    margin-top: 0%;
    background-color: grey !important;
    border-color: grey !important;
    color: #90d990;
}


.SelectStyleHigh {
    -moz-box-shadow: 3px 0px 10px 5px #000000;
    -webkit-box-shadow: 3px 0px 10px 5px #000000;
    box-shadow: 3px 0px 10px 1px #000000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24437));
    background: -moz-linear-gradient(top, #c62d1f 5%, #f24437 100%);
    background: -webkit-linear-gradient(top, #c62d1f 5%, #f24437 100%);
    background: -o-linear-gradient(top, #c62d1f 5%, #f24437 100%);
    background: -ms-linear-gradient(top, #c62d1f 5%, #f24437 100%);
    background: linear-gradient(to bottom, #67aff9 5%, #0866c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24437',GradientType=0);
    background-color: #c62d1f;
    /*-moz-border-radius:12px !important;
	-webkit-border-radius:12px !important;
	border-radius:12px !important;*/
    border: 1px solid black !important;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    margin-bottom: 2px !important;
    text-decoration: none;
}

    .SelectStyleHigh:active {
        position: relative;
        top: 1px;
    }



.SelectStyle {
    -moz-box-shadow: 3px 0px 10px 5px #000000;
    -webkit-box-shadow: 3px 0px 10px 5px #000000;
    box-shadow: 3px 0px 10px 1px #000000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ca4727 ), color-stop(1, #ca4727));
    background: -moz-linear-gradient(top, #ca4727 5%, #ca4727 100%);
    background: -webkit-linear-gradient(top, #ca4727 5%, #ca4727 100%);
    background: -o-linear-gradient(top, #ca4727 5%, #ca4727 100%);
    background: -ms-linear-gradient(top, #ca4727 5%, #ca4727 100%);
    background: linear-gradient(to bottom, #ca4727 5%, #ca4727 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca4727', endColorstr='#ca4727',GradientType=0);
    background-color: #ca4727;
    /*-moz-border-radius:12px !important;
	-webkit-border-radius:12px !important;
	border-radius:12px !important;*/
    border: 1px solid black !important;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    text-decoration: none;
    margin-bottom: 2px !important;
}

    .SelectStyle:active {
        position: relative;
        top: 1px;
    }

.pricingTableHigh > .planBenBlk {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    /*width:100px;*/
}

.pricingTable > .planBenBlk {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    /*width:100px;*/
}

.SummPayPad {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.SummPayBlockHigh {
    padding: 10px !important;
    margin-left: -2.7% !important;
    margin-right: -2.7% !important;
    margin-top: 5% !important;
    margin-bottom: 5% !important;
    background-color: #f7dc3f !important;
    color: black !important;
    /*border: 5px groove #C4D4EC !important;*/
    box-shadow: 0 3px 3px 0 rgba(1,1,1,.5), 0 1px 0 0 rgba(1,1,1,.5), inset 0 -1px 8px 0 rgba(255,255,255,.3), inset 0 -1px 0 0 rgba(255,255,255,.2);
}
/*New PLan Design Ends Here*/
.pricingTable > .pricingTable-sign-up > .btnPlanSelect {
    color: white;
    margin-top: 2px;
    margin-bottom: 2px;
    color: #fff;
    background-color: #36414d;
    border-color: #36414d;
    display: block;
    width: 100%;
    padding-left: 25%;
}

.pricingTableHigh > .pricingTable-sign-up > .btnPlanSelect {
    color: white;
    margin-top: 2px;
    margin-bottom: 2px;
    color: #fff;
    background-color: #36414d;
    border-color: #36414d;
    display: block;
    width: 100%;
    padding-left: 25%;
}

.btnPlanSelect:hover {
    color: white;
}

#PremiumModel_prodVal_PremSelProdCode {
    width: 2em;
    height: 1em;
    transform: scale(1.5);
}



.ulExpand {
    padding: 0px;
    margin: 0px;
    list-style: none;
    font-weight: bold;
}

.expand {
    display: block;
    text-decoration: none;
    color: #837e7e !important;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
    list-style: none;
    font-weight: bold;
}
/*.detail a {
    text-decoration: none;
    color: #C0392B;
    border: 1px solid #C0392B;
    padding: 6px 10px 5px;
    font-size: 14px;
}*/
.detail {
    margin: 10px 0 10px 0px;
    display: none;
    /* line-height: 22px;
    height: 150px;*/
}

.right-arrow {
    margin-top: -10px;
    /*margin-left: 20px;
width: 10px;
height: 100%;*/
    float: right;
    font-weight: bold;
    font-size: 26px;
}

.marginleft0More {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin: 0px;
}
/* CSS-only ribbon styles    */
.cnrflash {
    /*Position correctly within container*/
    position: absolute;
    top: -9px;
    right: -2px;
    z-index: 1; /*Set overflow to hidden, to mask inner square*/
    overflow: hidden; /*Set size and add subtle rounding  		to soften edges*/
    width: 100px;
    height: 100px;
    border-radius: 3px 5px 3px 0;
}

.cnrflash-inner {
    /*Set position, make larger then 			container and rotate 45 degrees*/
    position: absolute;
    bottom: 0;
    right: -24px;
    width: 147px;
    height: 148px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -o-transform: rotate(45deg); /* Opera */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -webkit-transform-origin: 100% 100%; /*Purely decorative effects to add texture and stuff*/ /* Safari and Chrome */
    -ms-transform-origin: 100% 100%; /* IE 9 */
    -o-transform-origin: 100% 100%; /* Opera */
    -moz-transform-origin: 100% 100%; /* Firefox */
    background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(0deg, transparent 0%, rgba(1,1,1,.2) 50%);
    background-size: 4px,auto, auto,auto;
    background-color: #aa0101;
    box-shadow: 0 3px 3px 0 rgba(1,1,1,.5), 0 1px 0 0 rgba(1,1,1,.5), inset 0 -1px 8px 0 rgba(255,255,255,.3), inset 0 -1px 0 0 rgba(255,255,255,.2);
}

    .cnrflash-inner:before, .cnrflash-inner:after {
        /*Use the border triangle trick to make  				it look like the ribbon wraps round it's 				container*/
        content: " ";
        display: block;
        position: absolute;
        bottom: -16px;
        width: 0;
        height: 0;
        border: 8px solid #800000;
    }

    .cnrflash-inner:before {
        left: 1px;
        border-bottom-color: transparent;
        border-right-color: transparent;
    }

    .cnrflash-inner:after {
        right: 0;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

.cnrflash-label {
    /*Make the label look nice*/
    position: absolute;
    bottom: 1px;
    left: -17px;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(1,1,1,.8);
    font-size: 0.70em;
    font-weight: bold;
    text-align: center;
}

.rowDashDock {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

    .rowDashDock > div {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

.rowDashGridW {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

    .rowDashGridW > div {
        padding-left: 3px !important;
        padding-right: 3px !important;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        margin-top: 0px !important;
    }

.accordWidth {
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

    .accordWidth > .col-lg-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

.ctrlPadaccord {
    padding-left: 0.5% !important;
    padding-right: 0.5% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.ctrlPadGridAccord {
    padding-left: 0% !important;
    padding-right: 0% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.ctrlPad0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.ctrlMarg0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.AccorHdrLeft {
    padding: 0 !important;
    margin: 0 !important;
    color: white !important;
}

.AccorHdrRight {
    padding: 0 !important;
    margin: 0 !important;
    color: white !important;
}
/*.ctrlPadMar > .col-lg-4{
    padding-left:0px !important;
    padding-right:0px !important;
    margin-left:0px !important;
    margin-right:0px !important;

}*/
.fontsize18 {
    font-size: 18px !important;
}

.widthFloat {
    width: 50%;
    float: right;
}

.floatright {
    float: right !important;
}

.floatleft {
    float: left !important;
}

.textalign {
    text-align: left;
}

.paddingCover {
    padding-left: 10px !important;
}

.paddingProd {
    padding-left: 0px !important;
    text-align: center;
}

.divMoreInfo {
    margin-right: 20px;
}

.divmoreinfoColor {
    color: green;
}

.width50 {
    width: 50% !important;
}

.width41 {
    width: 41% !important;
}

.RadStyleN {
    position: absolute;
    pointer-events: none;
}

.RadStyleN2 > input[type=radio] {
    position: absolute;
    pointer-events: none;
}
/* Passenger Blok Styling Travel Start here*/
.message-item {
    margin-bottom: 25px;
    margin-left: 40px;
    position: relative;
}

    .message-item .message-inner {
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 3px;
        padding: 10px;
        position: relative;
    }

        .message-item .message-inner:before {
            border-right: 10px solid #ddd;
            border-style: solid;
            border-width: 10px;
            color: rgba(0,0,0,0);
            content: "";
            display: block;
            height: 0;
            position: absolute;
            left: -20px;
            top: 6px;
            width: 0;
        }

        .message-item .message-inner:after {
            border-right: 10px solid #fff;
            border-style: solid;
            border-width: 10px;
            color: rgba(0,0,0,0);
            content: "";
            display: block;
            height: 0;
            position: absolute;
            left: -18px;
            top: 6px;
            width: 0;
        }

    .message-item:before {
        background: #fff;
        border-radius: 2px;
        bottom: -30px;
        box-shadow: 0 0 3px rgba(0,0,0,0.2);
        content: "";
        height: 100%;
        left: -30px;
        position: absolute;
        width: 3px;
    }

    .message-item:after {
        /*background: #fff;
border: 2px solid #ccc;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0,0,0,0.1);*/
        /*content: "";*/
        font-family: FontAwesome;
        content: "\f007";
        color: #c0c0c0;
        font-size: 25px;
        height: 15px;
        left: -38px;
        position: absolute;
        top: 0px;
        width: 15px;
    }

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.redd:after {
    color: #e21d1d !important;
}

.gren:after {
    color: green !important;
}

.message-item .message-head {
    /*border-bottom: 1px solid #eee;*/
    /*margin-bottom: 8px;*/
    /*padding-bottom: 8px;*/
}

    .message-item .message-head .avatar {
        margin-right: 20px;
    }

    .message-item .message-head .user-detail {
        overflow: hidden;
    }

        .message-item .message-head .user-detail h5 {
            font-size: 16px;
            font-weight: bold;
            margin: 0;
        }

    .message-item .message-head .post-meta {
        float: left;
        padding: 0 15px 0 0;
    }

        .message-item .message-head .post-meta > div {
            color: #333;
            font-weight: bold;
            text-align: right;
        }

.post-meta > div {
    color: #777;
    font-size: 12px;
    line-height: 22px;
}

.message-item .message-head .post-meta > div {
    color: #333;
    font-weight: bold;
    text-align: right;
}

.post-meta > div {
    color: #777;
    font-size: 12px;
    line-height: 22px;
}

@media only screen and (max-width: 600px) {
    .modal-dialog {
        max-width: 75% !important;
    }

    .fadeshow {
        display: none !important;
    }
}
/* Passenger Blok Styling Travel End here*/
button.cancel, button.confirm {
    margin: 2px;
    min-width: 100px;
}

img.img-collapsed-logo {
    margin-left: 65px !important;
}

@media only screen and (min-width: 760px) {
    .btn-right-moved {
        display: none;
        position: fixed;
        bottom: 70px;
        right: 30px;
        z-index: 99;
        cursor: pointer;
    }

    .btn-left-moved {
        position: fixed;
        bottom: 70px;
        left: 18%;
        z-index: 99;
        cursor: pointer;
    }

    .collapsed-menu .btn-left-moved {
        position: fixed;
        bottom: 70px;
        left: 7%;
        z-index: 99;
        cursor: pointer;
    }
}

.planActiveGreen {
    background-color: #168016 !important;
}


/* For Inner Page - transactions */
body {
    background-color: #f5f5f5 /*#e8f5ff*/ !important;
}

.card-header {
    padding: 0.5rem 1.25rem;
}

div.container-fluid {
    padding-right: 30px;
    padding-left: 30px;
}

div.divDataSectionHead {
    background-color: transparent;
    text-align: center;
}

div.divDataSectionBody {
    background-color: transparent;
}

div.card .subTitle {
    margin-left: 1.1rem;
    margin-top: 1.1rem;
    font-family: 'Oswald', sans-serif;
    color: #5a5959;
}

div.divDataSectionHead .card-title {
    color: #027cab;
    font-family: 'Oswald', sans-serif;
    font-weight: bolder;
}

div.divInformationHead {
    background-color: #fcfdd6;
    font-family: 'Oswald', sans-serif;
    padding: 0.5rem;
}

div.divInformationBody {
    background-color: #fcfdd6;
    padding: 0.5rem;
}

    div.divInformationBody div.divInformationLine div:nth-child(2) {
        font-weight: 500;
    }

        div.divInformationBody div.divInformationLine div:nth-child(2):before {
            content: " : \00a0 \00a0";
        }

.ctrlColnBlock {
    width: 90%;
}

div.divInformationLine {
    padding: 0px 1rem;
    font-size: 12px;
}

.page-title-box .page-title {
    font-size: 1.5rem;
    color: #3e3e41;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
}

div.divPageTitleCardBody {
    padding: 1rem 0rem 0.1rem 0.5rem !important;
}

div.divButtonPanel {
    padding: 0;
    margin-bottom: -5px;
    margin-top: 10px;
}

    div.divButtonPanel button.btnPrevious, div.divButtonPanel button.btnNext {
        width: 100px;
        border-radius: 0;
        font-weight: bold;
    }

    div.divButtonPanel button.btnNext {
        text-align: left;
        margin-right: -5px;
    }

    div.divButtonPanel button.btnPrevious {
        text-align: right;
        margin-left: -5px;
    }

.margZero {
    margin: 0;
}

.padZero {
    padding: 0;
}

.WidthQuat {
    width: 24% !important;
}

.Recomm {
    width: 96%;
    display: block;
    padding: 2px;
    height: 22px;
    min-height: 22px;
}

.RecommBG {
    -moz-box-shadow: 3px 0px 10px 5px #000000;
    -webkit-box-shadow: 3px 0px 10px 5px #000000;
    box-shadow: 3px 0px 10px 1px #000000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24437));
    background: -moz-linear-gradient(top, #c62d1f 5%, #f24437 100%);
    background: -webkit-linear-gradient(top, #c62d1f 5%, #f24437 100%);
    background: -o-linear-gradient(top, #c62d1f 5%, #f24437 100%);
    background: -ms-linear-gradient(top, #c62d1f 5%, #f24437 100%);
    background: linear-gradient(to bottom, #67aff9 5%, #0866c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24437',GradientType=0);
    background-color: #c62d1f;
    color: white;
    /*border: 1px solid #c9e4ee !important;*/
}

.paySummary {
    background-color: transparent !important;
    /*border-top-color: transparent;*/
    /*border: 5px groove #C4D4EC !important;*/
    box-shadow: 0 3px 3px 0 rgba(1,1,1,.5), 0 1px 0 0 rgba(1,1,1,.5), inset 0 -1px 8px 0 rgba(255,255,255,.3), inset 0 -1px 0 0 rgba(255,255,255,.2);
}

    .paySummary > .divInformationHead {
        background-color: transparent !important;
        color: white;
        text-align: left;
        padding-left: 7%;
    }

    .paySummary > .divInformationBody {
        background-color: transparent !important;
        padding-bottom: 6%;
    }

        .paySummary > .divInformationBody > .divInfoRight > .divInformationLine {
            color: white !important;
            font-size: 9pt !important;
        }


.sumHdrIcon {
    font-size: 18px;
    padding-right: 6px;
}


#accordionSumm .panel {
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
}

#accordionSumm .panel-heading {
    padding: 0;
    border: none;
    border-radius: 0;
}

#accordionSumm .panel-title {
    margin: 0 !important;
}

.payGreen {
    background-color: #33b533;
    color: #fff;
}


#accordionSumm .panel-title a {
    display: block;
    padding: 10px 10px 10px 10px;
    background: #fff;
    font-size: 14px;
    font-weight: bold;
    color: #0094d1;
    border-bottom: 2px solid #0094d1;
    position: relative;
    transition: all 0.5s ease 0s;
}

    #accordionSumm .panel-title a.collapsed {
        border-bottom: 2px solid #dadada;
        color: #6c757d;
    }

        #accordionSumm .panel-title a.collapsed:hover {
            border-bottom: 2px solid #0094d1;
            color: #0094d1;
        }

        #accordionSumm .panel-title a:before,
        #accordionSumm .panel-title a.collapsed:before {
            content: "\f068";
            font-family: FontAwesome;
            font-weight: 900;
            width: 35px;
            height: 35px;
            line-height: 35px;
            background: #0094d1;
            position: absolute;
            top: 9px;
            right: 0;
            font-size: 14px;
            color: #fff;
            text-align: center;
            transition: all 0.5s ease 0s;
        }

        #accordionSumm .panel-title a.collapsed:before {
            content: "\f067";
            background: #dadada;
            font-family: FontAwesome;
        }

        #accordionSumm .panel-title a.collapsed:hover:before {
            background: #0094d1;
        }

#accordionSumm .panel-body {
    font-size: 13px;
    color: #888;
    padding: 10px 20px;
    position: relative;
    border: none;
    transition: all 0.5s ease 0s;
}

#accordionSumm.panel-group {
    border-radius: 0px !important;
    padding: 0px !important;
}


.bg-overlay {
    /*background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("../images/comp-logo-transbg.png");*/
    background: linear-gradient(rgba(9, 121, 217, 0.69), rgba(9, 93, 153, 0.84)), url("../images/comp-logo-transbg.png");
    background-repeat: no-repeat;
    /*background-size: cover;
    background-position: center center;*/
    color: #fff;
}

.bg-overlayWhite {
    /*background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("../images/comp-logo-transbg.png");*/
    background: linear-gradient(rgba(9, 121, 217, 0.69), rgba(9, 93, 153, 0.84)), url("../images/comp-logo-transbg.png");
    background-repeat: no-repeat;
    /*background-size: cover;
    background-position: center center;*/
    color: #fff;
}

.padSumLeft {
    padding-left: 5% !important;
}

.stylSpl {
    width: 88%;
}

.hidCheckBx {
    visibility: hidden;
    display: none;
}

.colorYellow {
    color: yellow;
}


.planEditBox {
    width: 76%;
    padding: 0 2px;
    margin-left: 5%;
}

.planEditBoxRate {
    width: 28%;
    padding: 0 2px;
    margin-left: 5%;
}

.planEditBoxPrem {
    width: 47%;
    padding: 0 2px;
    margin-left: 1%;
}


.cardTab {
    border: 0;
    border-radius: 0.1875rem;
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    background-color: white;
}

    .cardTab .cardTab-header {
        background-color: transparent;
        border-bottom: 0;
        background-color: transparent;
        border-radius: 0;
        padding: 0;
    }




.cardTab-header > .nav-tabs > .nav-item > .nav-link {
    color: #888888;
    margin: 0;
    margin-right: 1px;
    background-color: transparent;
    border: 1px solid #d0cece;
    font-size: 14px;
    line-height: 1.5;
}

    .cardTab-header > .nav-tabs > .nav-item > .nav-link:hover {
        background-color: #0094d1;
        border: 1px solid transparent;
        color: #FFFFFF;
    }

    .cardTab-header > .nav-tabs > .nav-item > .nav-link.active {
        background-color: #0094d1;
        border: 1px solid transparent;
        color: #FFFFFF;
    }

    .cardTab-header > .nav-tabs > .nav-item > .nav-link i.now-ui-icons {
        font-size: 14px;
        position: relative;
        top: 1px;
        margin-right: 3px;
    }

.cardTab-header > .nav-tabs.nav-tabs-neutral > .nav-item > .nav-link {
    color: #FFFFFF;
}

    .cardTab-header > .nav-tabs.nav-tabs-neutral > .nav-item > .nav-link.active {
        background-color: rgba(255, 255, 255, 0.2);
        color: #FFFFFF;
    }

.iconPad {
    padding-right: 5px;
}


.single-service {
    /*border: 1px solid #eee;
	padding: 30px 10px;*/
    position: relative;
    text-align: center;
    /*margin-bottom: 30px;*/
}

    .single-service i.fa {
        width: 40px;
        height: 40px;
        background-color: #ff3636;
        font-size: 25px;
        color: #fff;
        line-height: 40px;
        text-align: center;
    }

    .single-service i.fa {
        -webkit-transition: .4s;
        transition: .4s;
    }

    .single-service:hover i.fa {
        border-radius: 50%;
    }

    .single-service h4 {
        text-transform: capitalize;
        font-size: 22px;
        margin-bottom: 10px;
        font-weight: 500;
    }

.subHeader {
    text-align: left !important;
    font-weight: normal !important;
}

.gridBtnAdd {
    margin-top: 0.15rem;
    cursor: pointer;
    margin-bottom: 0.15rem;
}
.crdHdrPadding{
    padding:5px 12px;
}
.crdBodyPadding{
    padding:0px 12px;
}
.btnPadBottom{
    padding-bottom:10px;
}
.margRight{
    margin-right:4px;
}






.NoBorder {
    border :0px solid transparent;
}

.EndTableMain {
    text-align: left;
    background: transparent; /*#727cb6;*/
    padding: 0 0;
    transition: all 0.5s ease-in-out 0s;
    margin: 0% 0;
    margin-left: 0%;
    /*font-family: 'Oswald', sans-serif;*/
}

    .EndTableMain > .EndTableMain-header {
        color: #fff;
        background: #0094d1; /*#36414d;*/
        height: 33px;
        position: relative;
        transition: all 0.5s ease 0s;
        padding: 2px 12px;




    }


.EndTableMain-header > .heading {
    display: block;
}

.EndTableMain-header > .price-value {
    display: block;
    font-size: 60px;
    line-height: 60px;
}

    .EndTableMain-header > .price-value > .mo {
        font-size: 14px;
        display: block;
        line-height: 0px;
    }

    .EndTableMain-header > .price-value > .currency {
        font-size: 24px;
        margin-right: 4px;
        position: relative;
        bottom: 30px;
    }

.EndTableMain > .pricingContent {
}

    .EndTableMain > .pricingContent > ul {
        list-style: none;
        padding: 0;
    }

        .EndTableMain > .pricingContent > ul > li {
            padding: 7px 0;
            /*border-bottom: 1px solid #fff;*/
        }

            .EndTableMain > .pricingContent > ul > li:last-child {
                border: 0px none;
            }

.EndTableMain-sign-up {
    padding: 0;
    min-height: 0px;
    color: #000;
    font-size: 17pt;
    font-weight: bold;
}

    .EndTableMain-sign-up > .btn-block {
        width: 100%;
        margin: 0 auto;
        background: #273238;
        color: white;
        padding: 15px 12px;
        font-size: 17pt;
    }

        .EndTableMain-sign-up > .btn-block:hover {
            opacity: 0.9;
        }

