﻿.menu-main {
    margin-bottom: 20px;
    border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    padding: 3% 2px;
    border: solid 1px rgba(0,0,0,.1);
    background-color: white;
    z-index: 10;
}

@media (max-width:768px) {
    .menu-main {
        padding: 20px 2px;
        z-index: 10;
    }
}

@media (min-width:769px) and (max-width:991px) {
    .menu-main {
        margin-bottom: 20px;
        padding: 5% 2px;
        border: solid 1px #039;
        z-index: 10;
    }
    }
.menuheader {
    font-weight: bold;
    color: white;
    text-align: center;
    font-size: 15px;
    min-height: 30px;
    background-color: #4066b3;
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    padding-top: 3px;
}

.lbl-sm-italic {
    font-size: 8px;
    font-style: italic;
}


.tab-active {
    font-family: Zurich Sans,"Helvetica Neue",Arial,sans-serif;
    /*border-radius: 4px;*/
    padding: 0 5px 10px;
    /*box-sizing: border-box;*/
    background:  rgba(0,51,153,.8) !important;
    border: 1px solid #84888f;
    /*box-shadow: #84888f 0 0 15px;*/
    z-index: 2;
}

    .tab-active:after {
        content: '';
        display: block;
        width: 100%;
        height: 5px;
        background: #fff;
        position: absolute;
        left: 0;
        bottom: 0;
        border-radius: 0 0 2px 2px;
    }


.tab-inactive {
    color: #ffffff;
    font-family: Zurich Sans,"Helvetica Neue",Arial,sans-serif;
    padding: 0 5px 10px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #bfc5cf;
    border-right-color: rgb(191, 197, 207);
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: rgb(191, 197, 207);
    border-left-style: solid;
    border-left-width: 1px;
    border-right: none;
    z-index: 2;
}

    .tab-inactive:after {
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        background: #039;
        position: absolute;
        left: 0;
        bottom: 0;
    }

.tab-Header-inactive {
    padding-top: 2px;
    font-family: Zurich Sans,"Helvetica Neue",Arial,sans-serif;
    color: #33b1e6 !important;
    font-size: small;
}

.tab-Header-active {
    padding-top: 2px;
    font-family: Zurich Sans,"Helvetica Neue",Arial,sans-serif;
    color: #fff !important;
    font-size: small;
}

.tab-label-inactive {
    font-family: Zurich Sans,"Helvetica Neue",Arial,sans-serif;
    color: #84888f !important;
    font-size: x-small;
}

.tab-label-active {
    font-family: Zurich Sans,"Helvetica Neue",Arial,sans-serif;
    color: #fff !important;
    font-size: x-small;
}

.tab-Main {
    margin-top: 20px;
     box-shadow: 0 .200rem .3125rem 0 rgba(0,0,0,.16);
	-webkit-box-shadow: 0 .200rem .3125rem 0 rgba(0,0,0,.16);
	-moz-box-shadow: 0 .200rem .3125rem 0 rgba(0,0,0,.16);
}

.Row-Hover:hover 
{
    background-color : rgba(133, 169, 241, 0.80);
}
.tab3 {
    border-right-color: rgb(191, 197, 207);
    border-right-style: solid;
    border-right-width: 1px;
}

@media (max-width:768px) {
    .tab-Main {
        margin-top: 30px;
    }
}

.row-space {
    margin-top: 5px;
}

.tab-activeCircle {
    border-radius: 50%;
    border: solid 1px #039;
    color: #039;
    padding: 1px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    margin-top: -20px;
    text-align: center;
    font-size: 20px;
    margin-left: 46%;
    margin-right: 46%;
}

.tab-InactiveCircle {
    position: relative;
    border-radius: 50%;
    padding: 1px;
    width: 30px;
    height: 30px;
    background-color: #039;
    margin-top: -20px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    margin-left: 46%;
    margin-right: 46%;
}

/* Create four equal columns that sits next to each other */
.column {
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 800px) {
    .column {
        flex: 50%;
        max-width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
    .column {
        flex: 100%;
        max-width: 100%;
    }
}

.Main-Border {
    border: solid 1px #039;
    border-top: none;
    border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    /*background-color: rgb(247, 247, 247);
    background-image: linear-gradient(to right, #fff 20%,#eef1f1);*/ 
}

.font-weight-bold {
    font-weight: 700 !important;
}

.lbl-pad {
    padding-top: 5px !important;
}


.bigHr {
    background-color: #e7e7e7 !important;
    color: #e7e7e7 !important;
    border: 1px #e7e7e7 !important;
    height: 1px !important;
    width: 100% !important;
}

.ListHeader {
    padding: 5px;
    color: #ffffff;
    background-color: rgba(0,51,153,.8) !important;
    border-bottom: 1px solid #7586aa !important;
    border-top: 1px solid #7586aa !important;
    height: 30px !important;
    width: 100% !important;
    /*font-weight:bold;*/
}

.Prev-Label {
    padding: 5px 5px 5px 10px;
    color: #3E3E3E;
    background-color: #e7e7e7 !important;
    height: 30px auto;
    width: 100% !important;
    word-wrap: break-word !important;
    white-space: inherit !important;
}

.Prev-Row {
    border-bottom: solid 1px #dedcdc;
    width: 100% !important;
}

.Prev-Row1 {
    border-bottom: solid 1px #dedcdc;
    border-top: solid 1px #dedcdc;
    width: 100% !important;
}

.Prem {
    margin-left: 0 !important;
    background-color: #000066;
    color: #fff;
    border-radius: 4px;
    font-weight: 200;
    font-size: 14px;
    padding: 10px 0;
    border: none;
    width: 100%;
    outline: 0;
}

.Cnote-Summary-bottom {
    z-index: 999 !important;
    background-color: #1d1d1d;
    position: fixed;
    padding: 10px 0;
    color: white;
    width: 100%;
    left: 0;
    bottom: 0;
}

.summary-premium-bottom {
    text-align: left;
    font-weight: 200;
    font-size: 1rem;
}

@media only screen and (width:375px) and (height:812px) and (orientation:portrait) {
    .Cnote-Summary-bottom {
        margin: 0 0 0px;
    }
}

@media only screen and (width:375px) and (height:812px) and (orientation:landscape) {
    .Cnote-Summary-bottom {
        margin: 0 44px 21px;
        width: 724px;
    }
}

@media only screen and (max-width:992px) {
    .Cnote-Summary-bottom {
        padding: 10px;
        box-sizing: border-box;
    }
}

@media (max-width:768px) {
    .summary-premium-bottom {
        text-align: right;
        padding-right: 25px;
    }
}

.Continue-button {
    /*background-color: #00c778;*/
    background-color: #00c5b6;
    color: #fff;
    border-radius: 4px;
    font-weight: 200;
    font-size: 1rem;
    padding: 10px 0;
    border: none;
}
.pad-lft-1 {
    padding-left: 1px !important;
}
.pad-lft-2 {
    padding-left: 2px !important;
}                    
.pad-lft-3 {          
    padding-left: 3px !important;
}                    
.pad-lft-4 {          
    padding-left: 4px !important;
}                    
.pad-lft-5 {          
    padding-left: 5px !important;
}

.pad-lft-10 {
    padding-left: 10px !important;
}
.pad-lft-15 {
    padding-left: 15px !important;
}
.pad-lft-20 {
    padding-left: 20px !important;
}
.pad-lft-25 {
    padding-left: 25px !important;
}
.pad-lft-30 {
    padding-left: 30px !important;
}
.pad-lft-35 {
    padding-left: 35px !important;
}
.pad-rgt-1 {
    padding-right: 1px !important;
}
.pad-rgt-2 {
    padding-right: 2px !important;
}
.pad-rgt-3 {
    padding-right: 3px !important;
}
.pad-rgt-4 {
    padding-right: 4px !important;
}
.pad-rgt-5 {
    padding-right: 5px !important;
}
.pad-rgt-10 {
    padding-right: 10px !important;
}
.pad-rgt-15 {
    padding-right: 15px !important;
}
.pad-rgt-20 {
    padding-right: 20px !important;
}
.pad-rgt-25 {
    padding-right: 25px !important;
}
.pad-rgt-30 {
    padding-right: 30px !important;
}
.pad-rgt-35 {
    padding-right: 35px !important;
}
.pad-top-1 {
    padding-top: 1px !important;
}
.pad-top-2 {
    padding-top: 2px !important;
}
.pad-top-3 {
    padding-top: 3px !important;
}
.pad-top-4 {
    padding-top: 4px !important;
}
.pad-top-5 {
    padding-top: 5px !important;
}
.pad-top-10 {
    padding-top: 10px !important;
}
.pad-top-15 {
    padding-top: 15px !important;
}
.pad-top-20 {
    padding-top: 20px !important;
}
.pad-top-25 {
    padding-top: 25px !important;
}
.pad-top-30 {
    padding-top: 30px !important;
}
.pad-top-35 {
    padding-top: 35px !important;
}
.group-text-middle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
}
.lft-group {
   border-bottom-left-radius : 5px;
   border-top-left-radius : 5px;
   border-bottom-right-radius : 0 !important;
   border-top-right-radius : 0 !important;
}
.rgt-group {
    border-bottom-left-radius : 0 !important;
   border-top-left-radius : 0 !important;
    border-bottom-right-radius : 5px;
   border-top-right-radius : 5px;
}
.group-text-rgt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-left: none; 
}
.is-sticky #Prem-summary-sticky {
    z-index: 1;
}
.Mandatory
{
    color : red !important;
    padding-left : 5px;
}
.info-small {
    font-size: 1.00rem !important;
    vertical-align: top !important;
    padding-left: 5px !important;
}

.Requiredfield {
    /*border: 1px solid red !important;*/    
    /*background-color: #fee !important;*/
}
.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

    .input-group > .form-control,
    .input-group > .custom-select,
    .input-group > .custom-file {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0;
    }

        .input-group > .form-control + .form-control,
        .input-group > .form-control + .custom-select,
        .input-group > .form-control + .custom-file,
        .input-group > .custom-select + .form-control,
        .input-group > .custom-select + .custom-select,
        .input-group > .custom-select + .custom-file,
        .input-group > .custom-file + .form-control,
        .input-group > .custom-file + .custom-select,
        .input-group > .custom-file + .custom-file {
            margin-left: -1px;
        }

        .input-group > .form-control:focus,
        .input-group > .custom-select:focus,
        .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
            z-index: 3;
        }

        .input-group > .custom-file .custom-file-input:focus {
            z-index: 4;
        }

        .input-group > .form-control:not(:last-child),
        .input-group > .custom-select:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .input-group > .form-control:not(:first-child),
        .input-group > .custom-select:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

    .input-group > .custom-file {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

        .input-group > .custom-file:not(:last-child) .custom-file-label,
        .input-group > .custom-file:not(:last-child) .custom-file-label::after {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .input-group > .custom-file:not(:first-child) .custom-file-label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

.input-group-prepend,
.input-group-append {
    display: -ms-flexbox;
    display: flex;
}

    .input-group-prepend .btn,
    .input-group-append .btn {
        position: relative;
        z-index: 2;
    }

        .input-group-prepend .btn + .btn,
        .input-group-prepend .btn + .input-group-text,
        .input-group-prepend .input-group-text + .input-group-text,
        .input-group-prepend .input-group-text + .btn,
        .input-group-append .btn + .btn,
        .input-group-append .btn + .input-group-text,
        .input-group-append .input-group-text + .input-group-text,
        .input-group-append .input-group-text + .btn {
            margin-left: -1px;
        }

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

    .input-group-text input[type="radio"],
    .input-group-text input[type="checkbox"] {
        margin-top: 0;
    }

.input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
    height: calc(2.875rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
    height: calc(1.8125rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* The ext-cov-check */
.ext-cov-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .ext-cov-check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: -5px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: white;
    border-radius: 5px;
    border: solid 1px #bfc5cf;
}

.checkmark_disabled {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    pointer-events: none;
}

/* On mouse-over, add a grey background color */
.ext-cov-check:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.ext-cov-check input:checked ~ .checkmark {
    /*background-color: #00c778;*/
    background-color: hsl(194, 80%, 40%);
    border-radius: 5px;
}
.ext-cov-check input:disabled ~ .checkmark {
    cursor: not-allowed;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.ext-cov-check input:checked ~ .checkmark:after {
    display: block;
    top: 3px;
    left: 7px;
}

/* Style the checkmark/indicator */
.ext-cov-check .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.Chk-label {
    margin-left: 5px;
    margin-top: -2px;
}
