/*-----------------------------------Asp button Start-------------------------------------*/

@import url('BenefitBlox.css');

.footer_container {
    background-color: gray;
    padding: 7px;
    text-align: center;
    color: white;
    font-size: 12px;
    /*position: fixed;*/
    bottom: 0;
    width: 100%;
    display: block;
}


.formbtn {
    display: block;
    width: 100%;
    font-size: inherit;
    border: none;
    color: #808080;
    background: #e7e7e7;
    /*color: #fff;
     background:  var(--WebSiteColor,#29abe2);*/
    letter-spacing: 1px;
    padding: 7px 5px;
    text-align: center;
}

/*New Rquirement of Daniela for change button style*/

.ForNewStylebtn {
    border: 2px solid var(--WebSiteColor,#29abe2);
    color: var(--WebSiteColor,#29abe2);
}


/*New Rquirement of Daniela for change button style*/

    .formbtn:hover {
        background:  var(--WebSiteColor,#29abe2,#);
        color: #fff;
    }
    .formbtn:disabled {
        background-color: #cccccc;
        color: #666666;
        cursor: not-allowed;
        pointer-events: all !important;
    }
.formbtnNotice {
    display: block;
    width: 100%;
    font-size: inherit;
    border: none;
    color: #fff;
    background:  var(--WebSiteColor,#29abe2);
    /*color: #fff;
     background:  var(--WebSiteColor,#29abe2);*/
    letter-spacing: 1px;
    padding: 7px 5px;
    text-align: center;
}

    .formbtnNotice:hover {
        background: var(--buttonHover,#64c6f0) /*#77d0f4*/;
        color: #fff;
    }

.ButtonMargin {
    margin-left: -35px;
}

.formbtnActive {
    display: block;
    width: 100%;
    font-size: inherit;
    border: none;
    color: #fff;
    background:  var(--WebSiteColor,#29abe2) /*#449d44*/;
    /*color: #fff;
     background:  var(--WebSiteColor,#29abe2);*/
    letter-spacing: 1px;
    padding: 7px 5px;
    text-align: center;
}

    .formbtnActive:hover {
        background: var(--buttonHover,#64c6f0) /* #77d0f4 #5cb85c*/;
        color: #fff /*#808080*/;
    }

.btnCal {
    display: block;
    width: 100%;
    font-size: inherit;
    border: none;
    color: #fff;
    background: #449d44 /* var(--WebSiteColor,#29abe2)*/;
    /*color: #fff;
     background:  var(--WebSiteColor,#29abe2);*/
    letter-spacing: 1px;
    padding: 7px 5px;
    text-align: center;
}

    .btnCal:hover {
        background: #5cb85c /* #e7e7e7*/;
        color: #fff /*#808080*/;
    }

.LnkEnabled {
    cursor: pointer;
}

.LnkDisabled {
    cursor: text;
    color: #b7b7b7;
}

.btnnxt {
    display: inline;
    width: 100%;
    font-size: inherit;
    color: #fff;
    background:  var(--WebSiteColor,#29abe2);
    padding: 10px 30px 10px 30px;
    border-radius: 9px;
    border: none;
    text-align: center;
    box-shadow: 0 1px 2px rgba(60,64,67, 0.3), 0 1px 3px 1px rgba(60,64,67, 0.15);
}


    .btnnxt:hover {
        background: var(--buttonHover,#64c6f0) /*#64c6f0*/;
        box-shadow: 0 1px 2px rgba(60,64,67, 0.3), 0 2px 6px 2px rgba(60,64,67, 0.15);
    }

.leftMenubtn {
    display: block;
    width: 100%;
    font-size: inherit;
    border: none;
    color: #808080;
    background: #e7e7e7;
    letter-spacing: 1px;
    padding: 7px 5px;
}

    .leftMenubtn:hover {
        background:  var(--WebSiteColor,#29abe2);
        color: #fff;
    }

.requiredlbl {
    color: red;
}

.Headingcss {
    font-size: xx-large;
    /*font-family: Calibri;*/
    text-align: center;
    margin-top: 6%;
    margin-bottom: 2%;
}

.BreakText {
    word-wrap: break-word;
}

/*-----------------------------------Asp button End-------------------------------------*/



/*-------------------------- Progress Bar Start ------------------------------------*/

.modal {
    position: fixed;
    z-index: 999;
    height: 100%;
    left: 0%;
    right: 0%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.center1 {
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
}

    .center1 img {
        height: 128px;
        width: 128px;
    }

/*-------------------------- Progress Bar End ------------------------------------*/

/*-------------------------- Gridview Start ------------------------------------*/
.Grid {
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    font-family: AvenirNext;
    color: #474747;
    width: 100%;
    table-layout: fixed;
    height: 100%;
}

    .Grid td {
        padding: 2px;
        border: solid 1px #c1c1c1;
    }



    .Grid th {
        padding: 4px 2px;
        color: #fff;
        background:  var(--WebSiteColor,#29abe2) url(Images/grid-header.png) repeat-x top;
        border-left: solid 1px #525252;
        font-size: 18px;
    }

    .Grid .alt {
        background: #fcfcfc repeat-x top;
    }

    .Grid .pgr {
        background:  var(--WebSiteColor,#29abe2) repeat-x top;
    }

        .Grid .pgr table {
            margin: 3px 0;
        }

        .Grid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .Grid .pgr a {
            color: Gray;
            text-decoration: none;
        }

            .Grid .pgr a:hover {
                color: #000;
                text-decoration: none;
            }
/*-------------------------- Gridview End ------------------------------------*/

/*-------------------------- Fieldset Start ------------------------------------*/
fieldset {
    width: 100%;
    border: solid 1px grey;
    padding: 7px;
    height: auto;
}

legend {
    text-align: center;
}
/*-------------------------- Fieldset end ------------------------------------*/
/*-------------------------- Icons Start ------------------------------------*/
.icon_chart {
    background: url(../images/icon_chart.png) 10px 50% no-repeat;
}

.id_card {
    background: url(../images/identification_details.png) 10px 50% no-repeat;
}

.video {
    background: url(../images/icon_video.png) 10px 50% no-repeat;
}

.icon_print {
    background: url(../images/icon_print.png) no-repeat;
    margin-left: 20px !important;
    width: 100%
}

.icon_order {
    background: url(../images/order.png) no-repeat;
    margin-left: 20px !important;
}

.icon_edit {
    background: url(../images/icon_edit.png) no-repeat;
    float: left;
    margin-left: 20px;
    background-position: 0;
}
/*-------------------------- Icons End ------------------------------------*/
.ModalPopupBG {
    background-color: Grey;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.panel_containerNew {
    width: auto;
    float: none;
    margin: 15px;
    height: auto;
    border: 1px solid #ccc;
    background: #fff;
}

.main_container {
    background: #e1e2e7;
    width: 100%; /*margin-top:-15px;*/
    max-width: 1550px;
    overflow: auto;
}
/*--------------- checkbox and radio button ----------------*/
.radio,
.checkbox {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}

label {
    padding-left: 2px;
    padding-right: 10px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    display: inline;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    float: left;
    margin-left: 3px;
    margin-top: 4px;
    display: inline;
    white-space: nowrap;
}

.radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
}

.radio tr td {
    vertical-align: top;
    text-align: justify;
}

/*--------------- checkbox and radio button ----------------*/
.portlet {
    margin: 1em 0;
}

.portlet-header {
    font-family: 'Open Sans', sans-serif;
    padding: 0.2em 0.3em;
    margin-bottom: 0.5em;
    position: relative;
    text-align: center;
    font-size: 1.2em;
    background-color: #5FAEE3;
    color: #fff;
}

.portlet-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
}

.portlet-content {
    padding: 0.4em;
    text-align: center;
}

    .portlet-content a {
        color: #b6586a;
        font-size: 1.2em;
        text-decoration: underline;
    }

.portlet-placeholder {
    background-color: rgba(160, 196, 255, 0.2);
    margin: 1em 0;
    height: 50px;
}
/*running summary*/
.runningsummary {
    font-size: X-Small;
    width: 96%;
    border-collapse: collapse;
    font-family: Segoe UI;
}

    .runningsummary tbody tr th {
        border-bottom: 1px solid #96B5B8 !important;
        background: -webkit-linear-gradient(#fff, #96B5B8); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#fff, #96B5B8); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#fff, #96B5B8); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#fff, #96B5B8);
        color: #375E68;
    }

    .runningsummary tbody tr td {
        text-align: left;
        padding: 6px;
        border: 1px solid #ccc;
    }

    .runningsummary tbody tr:nth-child(odd) td {
        background: -webkit-linear-gradient(#fff, #e7e7e7) !important; /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#fff, #e7e7e7) !important; /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#fff, #e7e7e7) !important; /* For Firefox 3.6 to 15 */
        background: linear-gradient(#fff, #e7e7e7) !important;
    }
/* style for Notes*/


.content .right-col .box-text .imp-notes,
.content .left-col .box-text .imp-notes {
    color: Red;
    font-weight: normal;
    font-size: 13px;
}

.details-info {
    margin: 0;
    padding: 10px 25px 0 0;
}

    .details-info tr {
        width: 100%;
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
        /*word-break:break-word;*/
    }

        .details-info tr:nth-child(even) {
            background-color: #f2f2f2;
        }

    .details-info .heading-list th {
        text-align: left;
        /*border-bottom: 4px solid #b3b2b3;*/
        border-bottom: 4px solid  var(--WebSiteColor,#29abe2);
        padding: 8px 0 0;
        /*padding-bottom: 8px;*/
        margin-right: 4px;
        font-weight: 700;
        width: calc(25% - 4px);
    }


    .details-info .heading-list .mobile-visible {
        color: #808080;
        border-top: 4px solid #b3b2b3;
        margin-top: 3px;
        padding: 5px 0 0;
    }

    .details-info .content-list {
        padding: 8px 0 0;
    }

        .details-info .content-list td {
            text-align: left;
            border-bottom: 1px solid #ccc;
            padding: 0 5px 5px;
            margin-right: 4px;
            color: #808080;
            /*width: 100%;*/
            width: calc(25% - 4px);
            min-height: 35px;
        }

.imp-notes {
    color: Red;
    font-weight: normal;
    font-size: 13px;
}

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {

    .ie9up

    .details-info {
        margin: 0;
        padding: 10px 25px 0 0;
    }

    .details-info tr {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: left;
        /*word-break: break-word;*/
    }

        .details-info tr:nth-child(even) {
            background-color: #f2f2f2;
        }

    .details-info .heading-list th {
        text-align: left;
        font-weight: 700;
        /*border-bottom: 4px solid #b3b2b3;*/
        border-bottom: 4px solid  var(--WebSiteColor,#29abe2);
        padding: 8px 0 0;
        /*padding-bottom: 8px;*/
        margin-right: 4px;
        display: flex;
    }

    .details-info .heading-list .mobile-visible {
        color: #808080;
        border-top: 4px solid #b3b2b3;
        margin-top: 3px;
        padding: 5px 0 0;
    }

    .details-info .content-list {
        padding: 8px 0 0;
    }

        .details-info .content-list td {
            text-align: left;
            border-bottom: 1px solid #ccc;
            padding: 0 5px 5px;
            margin-right: 4px;
            color: #808080;
            display: flex;
            min-height: 35px;
            /*word-break: break-all;*/
        }

    .box-questions .questions ul {
        display: inline-block;
    }

        .box-questions .questions ul li {
            display: inline-table;
            margin-right: 10px;
            margin-bottom: 13px;
        }
}

@-moz-document url-prefix() {

    .details-info .heading-list th {
        border-color: transparent;
        text-align: left;
        /*border-bottom: 4px solid #b3b2b3;*/
        border-bottom: 4px solid  var(--WebSiteColor,#29abe2);
        padding: 8px 0 0;
        /*padding-bottom: 8px;*/
        margin-right: 4px;
        font-weight: 700;
        width: calc(25% - 4px);
    }

    .details-info .content-list td {
        border-color: transparent;
        text-align: left;
        border-bottom: 1px solid #ccc;
        padding: 0 5px 5px;
        margin-right: 4px;
        color: #808080;
        display: flex;
        min-height: 35px;
        display: grid;
    }
}

/*Enhancement #12328 Mobile Design Changes*/

@media(max-width:1023px) and (orientation:landscape) {
    /*pop up message height on home page*/
    .panel_containerNew {
        height: auto;
    }

    .size {
        height: 70px;
    }
}
/*Enhancement #12328 Mobile Design Changes --sagar*/
@media(min-width:867px) and (max-width:1023px) {
    /*pop up message height on home page*/
    .panel_containerNew {
        height: auto;
    }
    
}

    @media(min-width:1023px) {
        .size {
            height: 140px;
        }
    }
/*Enhancement #12328 Mobile Design Changes*/