.transition {
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -ms-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
     transition: top 0.3s;
    }.hide{
        display: none !important;

    }.hide-top{
        top:-100% !important;
    }
    #static-table td,#static-table-mob td{
       background-color: #E3F4FF !important
    }#floating-table-content, #floating-table-content-mob{
       position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 5;
        width: calc(100vw - 40px);
        

    }#sticky-bg,#sticky-bg-mob{
        background-color: #E3F4FF;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 3;
        height: 271px;
        box-shadow: 0 2px 14px 0 rgba(119, 119, 119, 0.5);

    }#sticky-bg.fr,#sticky-bg-mob.fr{
        height: 290px;

    }
    table.three th, table.three td {
        width: 33% !important;
        max-width: 33% !important;
        min-width: 33% !important;
    }

    table.four th, table.four td {
        width: 25% !important;
        max-width: 25% !important;
        min-width: 25% !important;
    }

    table.five th, table.five td {
        width: 20% !important;
        max-width: 20% !important;
        min-width: 20% !important;
    }

    table.six th, table.six td {
        width: 16.66% !important;
        max-width: 16.66% !important;
        min-width: 16.66% !important;
    }

    table.three a, table.four a, table.five a, table.six a {
        font-weight: 300 !important;
    }

    table.three th, table.three td, table.four th, table.four td, table.five th, table.five td, table.six th, table.six td {
        vertical-align: top;
    }

    .mar-l-62 {
        margin-left: 62px !important;
    }

    .mar-l-50 {
        margin-left: 50px !important;
    }

    .mar-l-38 {
        margin-left: 38px !important;
    }

    .pad-t-25 {
        padding-top: 25px !important;
    }

    .section-grey {
        padding-top: 65px;
    }

    .bg-custom-blue {
        background-color: #e3f4ff !important;
    }

    .bg-custom-white {
        background-color: #fff !important;
    }

    .rec {
        text-align: center !important;
    }

    @media (min-width: 801px) and (max-width: 1200px) {
        .mar-l-62, .mar-l-50, .mar-l-38 {
            margin-left: 0 !important;
        }

        .text-tab-left {
            text-align: left !important;
        }
    }

    @media (max-width: 801px) {
        .mar-l-62, .mar-l-50, .mar-l-38 {
            margin-left: 0 !important;
        }

        .text-tab-left {
            text-align: left !important;
        }
    }

    @media (min-width: 769px) {
        .mar-t-20 {
            margin-top: 20px !important;
        }

        th:first-child, td:first-child {
            text-align: left !important;
        }
    }

    /* @media (min-width: 768px) and (max-width: 800px) {
      table.three th, table.three td, table.four th, table.four td, table.five th, table.five td, table.six th, table.six td { width: calc(90vw/3) !important; max-width: calc(90vw/3) !important; min-width: calc(90vw/3) !important; }
    } */
    @media (max-width: 768px) {
        .mar-t-20 {
            margin-top: 20px !important;
        }

        .mob-pad-b-42 {
            padding-bottom: 42px;
        }

        .mar-l-62, .mar-l-50, .mar-l-38 {
            margin-left: 0 !important;
        }

        .pad-t-25 {
            padding-top: 25px !important;
        }

        .section-grey {
            padding-top: 35px;
        }

        .section-grey .centered {
            margin-left: 0 !important;
        }

        .card-count {
            font-size: 36px;
        }

        table.three th, table.three td, table.four th, table.four td, table.five th, table.five td, table.six th, table.six td {
            width: calc(90vw/2) !important;
            max-width: calc(90vw/2) !important;
            min-width: calc(90vw/2) !important;
        }

        .no-wrap {
            white-space: normal !important;
        }

        table tr td.tablesaw-cell-persist, table tr th.tablesaw-cell-persist {
            border-right: 0 !important;
        }

        .table-swipe tbody .tablesaw-swipe-cellpersist, table tbody .tablesaw-swipe-cellpersist {
            border-right: 0;
        }

        #modal-select .modal-inner {
            padding-right: 20px
        }

        #modal-select .callout {
            margin-bottom: 10px !important;
            margin-top: 0 !important;
        }

        #modal-select .callout.selected {
            border: solid 2px #006ac3;
            background-color: #f9fcff;
        }

        #modal-select .checkbox-wpr.disabled label {
            pointer-events: none;
        }

        #modal-select .checkbox-wpr.disabled label:before {
            background-color: #c4c8cc;
        }

        #modal-select .mobile-compare {
            margin-top: 20px !important;
        }

        td[class^="table-data-"] {
            width: 50%;
        }

        .table-remove {
            width: 100%;
            text-align: right;
        }

        .icon-10 {
            vertical-align: middle;
            display: inline-block;
            width: 10px;
            height: 10px;
        }

        #floating-table-content-mob {
            /*position: absolute;*/
            width: 100vw;
            left: 0;
            right: 0;
        }

        #floating-table-content-mob  td {
            width: 50vw;
        }

        #floating-table-content-mob  td.padding-left {
            padding-left: 30px
        }

        #floating-table-content-mob td.padding-right {
            padding-right: 30px
        }

        #floating-table-content-mob td:not([style*="display: none;"]):last-of-type {
            padding-right: 30px;
        }

        #floating-table-content.is-sticky {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 5;
            width: calc(100vw - 40px);
            box-shadow: 0 2px 14px 0 rgba(119, 119, 119, 0.5);
            padding-left: 20px;
            padding-right: 20px;
            margin-left: 20px;
            margin-right: 20px;
            padding-top: 20px;
        }

        #sticky-bg-mob {
            height: 0;
            /*background: rgb(227 244 255);*/
            background: white;
        }
        #sticky-bg-mob {
            height: 211px;
            box-shadow: none;
            border-bottom: none;
        }

        .table-buffer.active {
            height: 215px !important;
        }

        #sticky-wrapper.offscreen {
            position: absolute;
            left: -9999px;
        }

        .visibility-hidden {
            visibility: hidden;
        }

        .font-18 {
            font-size: 1.8rem;
            line-height: 1.5;
        }

        input[type=checkbox]:active+label:before {
            box-shadow: none !important;
            border: 1px solid #c4c8cc !important;
            outline: none !important;
        }
    }

    @media (min-width: 769px) {
        #floating-table-content {
            /*position: absolute;*/
            width: 100vw;
            left: 0;
            right: 0;
        }

        #floating-table-content td {
            width: 50vw;
        }

        #floating-table-content td.padding-left {
            padding-left: 30px
        }

        #floating-table-content td.padding-right {
            padding-right: 30px
        }

        #floating-table-content td:not([style*="display: none;"]):last-of-type {
            padding-right: 30px;
        }

        #floating-table-content.is-sticky {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 5;
            width: 100vw;
            /*box-shadow: 0 2px 14px 0 rgba(119, 119, 119, 0.5);*/
        }

        #floating-table-content.content{
            max-width: 1120px;
            margin: 0 auto;
        }

        #floating-table-content.sticky-bg {
            height: 0;
            background: #E3F4FF;
        }
        #floating-table-content.sticky-bg.is-sticky {
            height: 271px;
            box-shadow: 0 2px 14px 0 rgba(119, 119, 119, 0.5);
        }
        #floating-table-content.sticky-bg.fr.is-sticky {
            height: 295px;
        }

        .table-buffer.active {
            height: 350px !important;
        }

        #sticky-wrapper.offscreen {
            position: absolute;
            left: -9999px;
        }
    }

    input[type="checkbox"] {
        margin-right: 19px;
    }

    input {
        font-size: 16px !important;
    }

    .table-swipe .collapse-header {
        border-top: 0;
    }

    .collapsible-table .collapsible-panel .collapse-content {
        border: 0;
    }

    .collapsible-table .collapsible-panel .collapse-toggle {
        font-weight: 300 !important;
    }

    .table-yellow {
        background: #feefb8 !important;
    }

    tr.collapse-header td.bg-custom-blue {
        background-color: #e3f4ff !important;
    }

    @media screen and (min-width: 800px) {
        .chkbox-align>.grid-one-fourth {
            position: relative;
            min-height: 200px;
        }

        .chkbox-align>.grid-one-fourth .checkbox-wpr {
            position: absolute;
            bottom: 15px;
        }
    }

    .table-border-top {
        border-top: 2px solid #73b0e3;
    }

    .table-border-bottom {
        border-bottom: 2px solid #73b0e3;
    }

    .table-border-right {
        border-right: 1px solid #c6c7c9
    }