/* Common Classes Site Wide (start) */

/* Width CSS Section */
.wd10{
    width: 10px !important;
}

.wd19{
    width: 19px !important;
}

.wd25P{
    width: 25% !important;
}

.wd33P{
    width: 33% !important;
}

.wd50P{
    width: 50% !important;
}

.wd65P{
    width: 65% !important;
}

.wd66P{
    width: 66% !important;
}

.wd75P{
    width: 75% !important;
}

.wd77P{
    width: 77% !important;
}

.wd100P{
    width: 100% !important;
}

.wd20{
    width: 20px !important;
}

.wd30{
    width: 30px !important;
}

.wd80{
    width: 80px !important;
}

.wd90{
    width: 90px !important;
}

.wd100{
    width: 100px !important;
}

.wd135{
    width: 135px !important;
}

.wd170{
    width: 170px !important;
}

.wd200{
    width: 200px !important;
}

.wd230{
    width: 230px !important;
}

.wd238{
    width: 238px !important;
}

.wdMax20{
    max-width: 20px !important;
}

.wdMax97P{
    max-width: 97% !important;
}

.wdMin150{
    min-width: 150px !important;
}

.wdMin200{
    min-width: 200px !important;
}

.wd277{
    width: 277px !important;
}

/* Height CSS Section */
.htAuto{
    height: auto !important;
}
.htMax{
    height: 100% !important;
}

.ht20{
    height: 20px !important;
}

.ht30{
    height: 30px !important;
}

.ht40{
    height: 40px !important;
}

.htMax20{
    max-height: 20px !important;
}

.htMax200{
    max-height: 200px !important;
}

.htMin100{
    min-height: 100px !important;
}

/* Font Size CSS Section */
.fs12{
    font-size: 12px !important;
}
.fs13{
    font-size: 13px !important;
}

.fs14{
    font-size: 14px !important;
}

.fs15{
    font-size: 15px !important;
}

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

.fs17{
    font-size: 17px !important;
}

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

.fs19{
    font-size: 19px !important;
}

.fs20{
    font-size: 20px !important;
}

.fs21{
    font-size: 21px !important;
}

.fs22{
    font-size: 22px !important;
}

.fs25{
    font-size: 25px !important;
}

.fs26{
    font-size: 26px !important;
}

.fs28{
    font-size: 28px !important;
}

.fs32{
    font-size: 32px !important;
}

/* Font Weight CSS Section */
.fw300{
    font-weight: 300 !important;
}

.fw400{
    font-weight: 400 !important;
}

.fw500{
    font-weight: 500 !important;
}

.fw600{
    font-weight: 600 !important;
}

.fw700{
    font-weight: 700 !important;
}

.fw800{
    font-weight: 800 !important;
}

.fw900{
    font-weight: 900 !important;
}

/* Text Color CSS Section */
.text-inherit{
    color: inherit !important;
}

.text-white {
    color: #fff !important;
}

.text-black {
    color: #000 !important;
}

.text-black-1 {
    color: #212121 !important;
}

.text-grey {
    color: #727171 !important;
}

.text-grey-1 {
    color: #a5a5a5 !important;
}

.text-grey-2 {
    color: #3c3c3c !important;
}

.text-grey-3 {
    color: #ebebeb !important;
}

.text-grey-4 {
    color: #cfcfcf !important;
}

.text-grey-5 {
    color: #faf9f8 !important;
}

.text-grey-6 {
    color: #e6e6e6 !important;
}

.text-orange {
    color: #ff9100 !important;
}

.text-orange2 {
    color: #ff9600 !important;
}

.text-blue{
    color: #002e63 !important;
}

.text-red{
    color: red !important;
}

.text-success {
    color: #16B709 !important;
}

.text-underline{
    text-decoration-line: underline !important;
}

/* Text Color on Hover CSS Section */
.text-hov-white:hover {
    color: #fff !important;
}

.text-hov-orange:hover {
    color: #ff9100 !important;
}

.text-hov-orange2:hover {
    color: #ff9600 !important;
}

.text-hov-underline:hover{
    text-decoration-line: underline !important;
}

.text-hov-black:hover {
    color: #212121 !important;
}


/* Background Color CSS Section */
.bg-none{
    background: 0 0 !important;
}
.bg-grey-3 {
    background: #ebebeb !important;
}

.bg-grey-4 {
    background: #ebebeb !important;
}

.bg-grey-5 {
    background: #faf9f8 !important;
}

.bg-grey-6 {
    background: #e6e6e6 !important;
}

.bg-orange{
    background: #ff9100 !important;
}

.bg-orange2{
    background: #ff9600 !important;
}
.bg-trans{
    background: transparent !important;
}
.bg-clr-trans{
    background-color: transparent !important;
}
.bg-white{
    background: #fff !important;
}
/* Background Color on Hover CSS Section */

.bg-hov-grey-3:hover {
    background: #ebebeb !important;
}

.bg-hov-grey-6:hover {
    background: #e6e6e6 !important;
}

.bg-hov-orange:hover{
    background: #ff9100 !important;
}

.bg-hov-orange2:hover{
    background: #ff9600 !important;
}

/* Margin CSS Section */
.ma0 {
    margin: 0 !important;
}

/* Margin Top */
.mt0 {
    margin-top: 0 !important;
}

.mt5 {
    margin-top: 5px !important;
}

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

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt100 {
    margin-top: 100px !important;
}

/* Margin Bottom */
.mb0 {
    margin-bottom: 0 !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

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

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

/* Margin Left */
.ml5 {
    margin-left: 5px !important;
}

.ml15{
    margin-left: 15px !important;
}

.ml25{
    margin-left: 25px !important;
}

/* Margin Right*/
.mr0 {
    margin-right: 0 !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr125 {
    margin-right: 125px !important;
}

/* Margin Left and right (Horizontal) */
.ma-h-5 {
    margin: 0 5px !important;
}

.ma-h-10 {
    margin: 0 10px !important;
}

/* Margin Top and Bottom (Vertical) */
.ma-v-5 {
    margin: 5px 0 !important;
}

.ma-v-10 {
    margin: 10px 0 !important;
}

/* Padding CSS Section */
.pd0 {
    padding: 0 !important;
}

.pd7 {
    padding: 7px !important;
}

.pd10 {
    padding: 10px !important;
}

.pd20 {
    padding: 20px !important;
}

.pd25 {
    padding: 25px !important;
}

/* Padding Left */
.pdl0{
    padding-left: 0 !important;
}

.pdl5{
    padding-left: 5px !important;
}

.pdl10{
    padding-left: 10px !important;
}

.pdl25{
    padding-left: 25px !important;
}

.pdl30{
    padding-left: 30px !important;
}

.pdl40{
    padding-left: 40px !important;
}

/* Padding Right */
.pdr0{
    padding-right: 0 !important;
}

.pdr5{
    padding-right: 5px !important;
}

.pdr10{
    padding-right: 10px !important;
}

.pdr15{
    padding-right: 15px !important;
}

.pdr20{
    padding-right: 20px !important;
}

.pdr25{
    padding-right: 25px !important;
}

.pdr35{
    padding-right: 35px !important;
}

.pdr50{
    padding-right: 50px !important;
}

.pdr125{
    padding-right: 125px !important;
}

.pdr140{
    padding-right: 140px !important;
}

/* Padding Top */
.pdt0{
    padding-top: 0 !important;
}

.pdt6{
    padding-top: 6px !important;
}

.pdt10{
    padding-top: 10px !important;
}

.pdt11{
    padding-top: 11px !important;
}

.pdt50{
    padding-top: 50px !important;
}

.pdt60{
    padding-top: 60px !important;
}

/* Padding Bottom */
.pdb0{
    padding-bottom: 0 !important;
}

.pdb11{
    padding-bottom: 11px !important;
}

.pdb15{
    padding-bottom: 15px !important;
}

.pdb44{
    padding-bottom: 44px !important;
}

.pdb50{
    padding-bottom: 50px !important;
}

/* Padding Left and Right (Horizontal) */
.pd-h-10 {
    padding: 0 10px !important;
}

/* Padding Top and Bottom (Vertical) */
.pd-v-10 {
    padding: 10px 0 !important;
}

/* Display CSS Section */
.d-none{
    display: none !important;
}

.d-block{
    display: block !important;
}

.d-table{
    display: table !important;
}

.d-inline{
    display: inline !important;
}

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

/* Resize CSS Section */
.resize-none{
    resize: none !important;
}

.resize-y{
    resize: vertical !important;
}

/* Cursor CSS Section */
.cursor-pointer{
    cursor: pointer !important;
}

.cursor-grab{
    cursor: grab !important;
}

/* Line Height CSS */

.lh-none{
    line-height: unset !important;
}

.lh-1-6{
    line-height: 1.6 !important;
}

/* Float CSS Section */
.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

/* Flex CSS Section */
.d-flex {
    display: flex !important;
}

.flex-col{
    flex-direction: column !important;
}

.flex-col-reverse{
    flex-direction: column-reverse !important;
}

.flex-row{
    flex-direction: row !important;
}

.flex-row-reverse{
    flex-direction: row-reverse !important;
}

.jc-around {
    justify-content: space-around !important;
}

.jc-between {
    justify-content: space-between !important;
}

.jc-evenly {
    justify-content: space-evenly !important;
}

.j-end{
    justify-content: flex-end !important;
}

/* Align Items CSS */

.align-items-center{
    align-items: center !important;
}

.v-align-top {
    vertical-align: top !important;
}
.v-align-middle {
    vertical-align: middle !important;
}
.v-align-bottom {
    vertical-align: bottom !important;
}


/* Border CSS Section */
.bd-none{
    border: none !important;
}


.bd0 {
    border: 0 !important;
}

/* Border Radius CSS Section */
.bdr5{
    border-radius: 5px !important;
}

.bdr7{
    border-radius: 7px !important;
}

.bdr10{
    border-radius: 10px !important;
}

/* Z-Index CSS Section */
.zNone{
    z-index: unset !important;
}

.z0{
    z-index: 0 !important;
}

.z1{
    z-index: 1 !important;
}

.z2{
    z-index: 2 !important;
}

.z10{
    z-index: 10 !important;
}

/* Wrap CSS Section */
.wrap-break {
    word-wrap: break-word !important;
}

/* Position CSS Section */
.pos-rel {
    position: relative !important;
}

.pos-abs {
    position: absolute !important;
}

.rt-unset{
    right: unset !important;
}

.rt0{
    right: 0 !important;
}

.rt4{
    right: 4px !important;
}

.rt5{
    right: 5px !important;
}

.rt8{
    right: 8px !important;
}

.rt20{
    right: 20px !important;
}

.rt38{
    right: 38px !important;
}

.lf-unset{
    left: unset !important;
}

.lf0{
    left: 0 !important;
}

.lf5{
    left: 5px !important;
}

.lf8{
    left: 8px !important;
}

.lf10{
    left: 10px !important;
}

.lf14{
    left: 14px !important;
}

.tp0{
    top: 0 !important;
}

.tp1{
    top: 1px !important;
}

.tp2{
    top: 2px !important;
}

.tp4{
    top: 4px !important;
}

.tp5{
    top: 5px !important;
}

.tp7{
    top: 7px !important;
}

.tp8{
    top: 8px !important;
}

.tp10{
    top: 10px !important;
}

.tp12{
    top: 12px !important;
}

.tp29{
    top: 29px !important;
}

.tp55P{
    top: 55% !important;
}

.tp-v-center{
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.bt0{
    bottom: 0 !important;
}

.bt8{
    bottom: 8px !important;
}

.bdr-10{
    border-radius: 10px !important;
}

.bdr-30{
    border-radius: 30px !important;
}

.blue.loading::before{
    border-radius: 50px !important;
    background-color: #0179c2 !important;
}

/* Overflow CSS Section */
.overflow-auto{
    overflow: auto !important;
}

.overflow-visible{
    overflow: visible !important;
}

.overflow-unset{
    overflow: unset !important;
}

.overflow-x-scroll {
    overflow-x: auto !important;
}

.overflow-y-scroll {
    overflow-y: auto !important;
}
.overflow-y-hidden{
    overflow-y: hidden !important;
}

/* Whitespace CSS */

.white-space-nowrap{
    white-space: nowrap !important;
}

.white-space-unset{
    white-space: unset !important;
}

/* Rotate CSS Section */
.rotate45Deg {
    transform: rotate(45deg) !important;
}

.error {
    color: red !important;
    font-style: italic !important;
}

/* Scrollbar Style CSS Section */
.scrollbar-black::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
    display: block;
}

.scrollbar-black::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.scrollbar-black::-webkit-scrollbar-thumb {
    background: #a5a5a5;
    border-radius: 10px;
    float: left;
}

.scrollbar-hov-show::-webkit-scrollbar-thumb{
    display: none;
}

.scrollbar-hov-show:hover::-webkit-scrollbar-thumb {
    display: block;
}

/* Common Classes Site Wide (end) */

.flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
}

.primary-color{
    color: #002e63 !important;
}

.min-hit-500{
    min-height: 500px;
}

/* File Box */

.file_box{
    min-height: 125px;
    position: relative;
    background-color: #f5f8ff;
    border-radius: 7px;
    border: 2px dashed #002e63;
}
.file_box .file_box_input{
    flex: 1;
}
.file_box .file_box_view img{
    width: 100%;
    height: 100%;
    max-height: 300px;
}
.file_box .file_box_view:hover img{
    opacity: 0.1;
}
.file_box .file_box_view button.close{
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 1;
}
.file_box.is-dragover
{
    outline-offset: -20px;
    outline-color: #c8dadf;
    background-color: #fff;
}
.js .file_box input[type="file"]
{
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.js .file_box input[type="file"] + label
{
    color: #7b7c7f;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    cursor: pointer;
}
.js .file_box input[type="file"] + label strong {
    font-size: 18px;
}
.no-js .file_box input[type="file"] + label
{
    display: none;
}
.hijacked-warning-bootstrap {
    margin-top: 98px;
}
.hijacked-warning-bootstrap + header + div.pt-dash{
    padding-top: 0 !important;
}
.hijacked-warning-bootstrap + #home-banner--section {
    margin-top: 0 !important;
}

@media screen and (min-width: 992px) {
    .d-md-flex {
        display: flex !important;
    }

    .js .file_box input[type="file"] + label strong {
        font-size: 19px;
    }
}

@media screen and (min-width: 1201px) {
    .js .file_box input[type="file"] + label strong {
        font-size: 21px;
    }
}

@media screen and (max-width: 1280px) {
    .hijacked-warning-bootstrap {
        margin-top: 84px;
    }
}
@media screen and (max-width: 1023px) {
    .hijacked-warning-bootstrap {
        margin-top: 74px;
    }
}

[v-cloak] {
    display:none;
}

.blinkAnimation{
    animation:blinkAnimation 2s infinite;
}
@keyframes blinkAnimation{
    0%{ opacity: 1; }
    49%{ opacity: 1; }
    60%{ opacity: 1; }
    99%{ opacity: 0; }
    100%{ opacity: 1; }
}

.cardShadow{
    box-shadow: rgba(0, 0, 0, 0.15) 0 0 15px 0;
}