﻿@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

body {
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    overflow-y: scroll;
    cursor: default;
}


.centered {
    align-items: center;
    justify-content: center;
}

.container {
    width: 100%;
    max-width: 1440px;
}

    .container.content {
        padding-top: 1.0em;
        min-height: calc(100vh - 100px);
        background-color: #ffffff;
        border-left: 2px double rgba(0, 0, 0, 0.1);
        border-right: 2px double rgba(0, 0, 0, 0.1);
    }

/**********/
/* Header */
/**********/
#itransact_header {
    /*background-color: rgb(0, 153, 122);*//*commented by sofia shrestha 08-11-12 task#67848*/
}

#itransact_sub_header {
    width: 100%;
    background-color: #00539F;
    padding-top: 20px;
}


#skip_menu:focus {
    left: 5px;
}

/*
#itransact_menu {
  padding-left: 15px;
  margin: 0;
}

.bg-navigation {
  background-color: #0047ba;
}*/



/* Login */
#login_wrapper {
    background: #ffffff;
    padding: 1.5em 1em;
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
}

#login_table {
    background-color: #ffffff;
}

    #login_table tr td p {
        margin: 0;
        padding: 0;
    }

.page-info {
    font-size: 1.15em;
    line-height: 1.25em;
    padding-bottom: 0.25em;
    border-bottom: 1px solid #000000;
}

/* Common */
h1 {
    font-size: 2em;
    margin: 0.5em 0em;
    border-bottom: 0px solid #000000;
}

h2 {
    font-size: 1.25em;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #555b5a;
}

button, input[type="submit"], input[type="button"] {
    color: #ffffff;
    font-size: 1.1em;
    font-weight: bold;
    background-color: #0047ba;
    border-radius: 0;
    line-height: 1em;
    padding: 0.7em 2em;
}

    button:hover, input[type="submit"]:hover, input[type="button"]:hover,
    button:focus, input[type="submit"]:focus, input[type="button"]:focus {
        color: #000000;
        background-color: #468cff;
    }

.bg-dodger {
    background-color: #468cff;
}

.bg-colbolt {
    background-color: #0047ba;
}

.bg-san-juan {
    background-color: #274463;
}

.bg-cool-gray {
    background-color: #dadddc;
}

.color-border {
    border: 1px solid #0047ba;
}

.help-top {
    margin-top: 1.0em;
}

.help-bottom {
}

/* Calendar image */
.calendar-link {
    position: relative;
}

    .calendar-link span, .calendar-link label {
        display: block;
        width: 100%;
        float: none;
    }

    .calendar-link .form-control, .calendar-link input[type="text"] {
        max-width: 65%;
        float: left;
    }

    .calendar-link a, .calendar-link input[type="image"] {
        display: block;
        position: relative;
        float: left;
        margin-left: 10px;
        width: 38px !important;
        height: 38px !important;
        background-image: url(images/calendar.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 80%;
        border-bottom: 1px solid transparent;
    }

    .calendar-link input[type="image"] {
        width: 30px !important;
        height: 30px !important;
    }

td.calendar-link input[type="image"] {
    position: absolute;
    right: 5px;
}

.calendar-link a img {
    display: none;
}

.itransact-calendar {
    z-index: 2000;
}

.attachmentDeleteImage {
    margin-left: 15px;
}

/* Forms */
.itransact-error span, .itransact-error, .itransact-error * {
    color: #c92500 !important;
    font-weight: bold;
    /* background-color: #f4f4f4; */
    padding: 0 0.25em;
}



label {
    margin-bottom: 0.2em;
}

/* Tables */
.table-responsive {
    margin-bottom: 1.0em;
}

.table {
    border: 1px solid #274463;
}

.table-header tr:first-child th, tr.table-header, tr.table-header span {
    color: #ffffff;
    white-space: nowrap !important;
    background-color: #274463 !important;
}

.table-header tr:first-child th, tr.table-header {
    border: 1px solid #ffffff;
}

    tr.table-header th a {
        color: #ffffff;
        border-bottom: 1px double #ffffff;
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

        tr.table-header th a:hover, tr.table-header th a:focus {
            background-color: rgba(255, 255, 255, 0.3);
            border-color: #ffffff;
            padding-left: 0.5em;
            padding-right: 0.5em;
        }

    tr.table-header th {
        border-top: 1px solid #274463;
    }

        tr.table-header th:first-child {
            border-left: 1px solid #274463;
        }

        tr.table-header th:last-child {
            border-right: 1px solid #274463;
        }

table.no-border, table.no-border tr, table.no-border tr td {
    border-color: #ffffff !important;
}

/* XSLT table sub headers */
th.table-sub-header {
    padding: 0.5em 0 0 0;
    color: #000000;
    font-weight: bold;
    text-align: center;
    background-color: #468cff;
}

.attachedFilesTable tr {
    border-bottom: 1px solid #0047ba;
}

.itransact-pagination td span {
    color: #000000;
    border-bottom: 2px double #0047ba;
    border-color: #000000;
    background-color: rgba(128, 128, 128, 0.5);
    border-radius: 0.25em;
    padding: 0 0.25em;
}

input.itransact-required {
    background-color: #FFFF99;
    border-color: #7f9db9;
    border-style: Solid;
    border-width: 1px;
}

select.itransact-required {
    background-color: #FFFF99;
    border-color: #7f9db9;
    border-style: Solid;
    border-width: 1px;
}

/* iFrame */
iframe.hsp-iframe {
    width: 100%;
    min-height: 75vh;
}


#itransact_footer p {
    margin: 0.5em 0em;
}

#itransact_footer img {
    margin-top: 5px;
}

#ProductLogo {
    width: 160px;
    height: 24px;
}

/* Specific Pages */
/* FindProviders.aspx */
.pcp-gender-radio-buttons label {
    padding-left: 10px;
}

/**********/
/* Begin */
/* Submit Claim */
/**********/

.itransact_claim_detail {
    border: 1px solid #274463;
}

.itransact_num_of_lines select {
    width: 33%;
}

.itransact_claim_detail .calendar-link {
    width: 110px;
}

    .itransact_claim_detail .calendar-link input[type="text"] {
        max-width: 76%;
    }

.itransact_total_charges {
    vertical-align: top;
}

.itransact_claim_detail .itransact_total_charges input[type="text"] {
    width: 75%;
}

/**********/
/* End */
/**********/
.hidden {
    display: none;
}


.itransact_date {
    width: 120px !important;
}

@media (max-width: 767px) {
    .fixed-top {
        position: relative;
    }

    .container.content {
        padding-top: 1.0em;
    }
}


@media print {
    body, div, table, td, a {
        color: #000000;
        font-size: 12pt;
    }

    nav, #itransact_footer, button, input[type="submit"], input[type="button"] {
        display: none;
    }

    tr.table-header. tr.table-header td, tr.table-header th {
        color: #000000 !important;
    }

    html, body, table, form {
        min-width: 8.5in;
        max-width: 8.5in;
        width: 8.5in !important;
    }
}


/*************
Custom styles added by Chris Koenig 3/22/2016
**************/
table.hsp-grid-banding {
    background-color: #CCCCCC;
    border-color: #CCCCCC;
    border-width: 1px;
    border-style: solid;
    font-size: 9pt;
    width: 100%;
    border-collapse: collapse;
}

    table.hsp-grid-banding tr:nth-child(2n) {
        background-color: white;
    }

    table.hsp-grid-banding tr:nth-child(2n+1) {
        background-color: #F8F8F8;
    }

    table.hsp-grid-banding tr:hover {
        background-color: #EFEFEF;
        cursor: default;
    }

#loading {
    width: 50px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
}

i {
    margin-right: 1px;
}

/* added by Jacob */
#ctl00_TableRow1 {
    display: none;
}

table.box2 {
    border: 1px solid #aaa;
    color: #333;
    background-color: #fff;
}

.box2 th {
    background-color: #f3f3f3;
    background-image: linear-gradient(#f8f8f8, #eeeeee);
    border-bottom: 1px solid #aaa;
    padding: 8px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}

label {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    color: #333 !important;
    font-weight: bold;
}

#ctl00_CompanyLogo_2 {
    position: relative;
    top: -1px;
}

#ctl00_TableCell4 {
    text-align: center;
}

.k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt .k-treelist .k-alt.k-state-selected > td, .k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td, .k-grid td.k-state-selected, .k-grid td.k-state-selected.k-state-focused, .k-grid tr.k-state-selected, .k-listview > .k-state-selected, .k-marquee-color, .k-scheduler .k-today.k-state-selected, .k-scheduler-layout .k-state-selected, .k-state-selected.k-line {
    background-color: #00b0ff;
}

#ctl00_Banner .label,
#ctl00_Banner2 .label,
#ctl00_TableFooterRow1,
#ctl00_TableFooterRow1 .label {
    color: #8b8b8b;
}

#ctl00_Banner a:link,
#ctl00_Banner a:visited,
#LanguageLink a:link,
#LanguageLink a:visited, {
    color: #000;
}
/* login box */
.login-box {
    color: #333;
    background-color: #f3f3f3;
    background-image: linear-gradient(#f8f8f8, #eeeeee);
    border: 1px solid #aaa;
}

    .login-box .loginTitle {
        color: #333;
        background-color: transparent;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    }

.loginTitle .label {
    color: #333;
}

.ITransactLogon #ctl00_MasterPlaceholder_lblCookie, #copyright {
    display: inline-block;
    text-align: center;
    width: 100%;
}

#ctl00_MasterPlaceholder_CompanyLogo_logon {
    position: relative;
    top: -3px;
}
/* menu */
#subnav {
    text-align: left;
    background-color: #f3f3f3;
    background-image: linear-gradient(#f8f8f8, #eeeeee);
}

    #subnav .item {
        background-color: transparent;
        color: #333;
    }

#ctl00_MasterMenu {
    float: none !important;
}

    #ctl00_MasterMenu ul.static {
        width: 100% !important;
    }

    #ctl00_MasterMenu a.level2:after {
        content: "";
        color: #fff;
    }

#subnav .ctl00_MasterMenu_5 .item a {
    padding: 5px;
    display: block;
    width: 100%;
    cursor: pointer;
}

#subnav a:hover {
    font-style: normal;
    color: #000;
}

.item td {
    padding: 0;
}

#ctl00_MasterMenu a.level2 {
    /*background: #434343 none repeat scroll 0 0;*/ /*commented by sofia shrestha 08-11-12 task#67848 */
    background: #009A7A none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    padding: 5px 10px;
    -webkit-box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.2);
}

#ctl00_MasterMenu a.level3 {
    background: #f0f0f0 none repeat scroll 0 0;
    border-left: 1px solid #cccccc;
    padding: 5px 10px;
}

    #ctl00_MasterMenu a.level3:hover {
        background: #fff none repeat scroll 0 0;
    }
/* menu toggle switches */
.level2 {
    position: relative;
}

.toggler {
    display: inline-block;
    font-size: 20px; /* 1 */
    height: 1em;
    width: 2em;
    background: #BDB9A6;
    border-radius: 1em;
    position: absolute;
    top: 0;
    right: 0;
}

.switch input {
    position: absolute;
    opacity: 0;
}

.switch {
    background: #a5a5a5 none repeat scroll 0 0;
    border-radius: 0.75em;
    display: inline-block;
    font-size: 20px;
    height: 0.75em;
    width: 1.5em;
    position: absolute;
    right: 5px;
    top: 8px;
}

    .switch div {
        background: #f0f0f0 none repeat scroll 0 0;
        border-radius: 0.75em;
        box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.3);
        height: 0.75em;
        width: 0.75em;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        transition: all 300ms;
    }

    .switch input:checked + div {
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

#ctl00_MasterMenu li a.level3 {
    display: none;
}

#ctl00_MasterMenu li.open a.level3 {
    display: block;
}
/* logoff */
#ctl00_MasterMenu li:last-child a {
    background: #a5a5a5 none repeat scroll 0 0;
}

#ctl00_MasterMenu li:last-child .switch {
    display: none;
}

#ctl00_MasterMenu li:last-child a:after {
    color: #fff;
    font-family: FontAwesome;
    content: "\f08b";
    position: absolute;
    right: 5px;
    top: 8px;
}

/* forms */
select.combobox, input.textBox {
    background-color: #f8f8f8;
    border: 1px solid #888;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
    color: #333;
    font: 12px/16px Arial,sans-serif;
    margin: 0;
    padding: 4px;
    transition: border 0.1s ease 0s, box-shadow 0.1s ease 0s;
}

input[type=button], input[type=submit] {
    background-color: #e5e5e5;
    background-image: linear-gradient(#eeeeee, #dddddd);
    border: 1px solid #969696;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.75) inset;
    color: #444;
    display: inline-block;
    font: bold 11px/22px Arial,sans-serif;
    padding: 0 8px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}

    input[type=button]:hover, input[type=submit]:hover {
        cursor: pointer;
        opacity: 0.75;
    }
/* grid styling */
.k-grid-header .k-header {
    background-color: #f0f0f0;
}

    .k-grid-header .k-header .k-link {
        color: #333;
    }

.k-alt {
    background-color: #f9f9f9 !important;
}

    .k-alt:hover {
        background-color: #ebebeb !important;
    }

.k-grid td.k-state-selected, .k-grid tr.k-state-selected, .k-listview > .k-state-selected, .k-state-selected .k-progress-status {
    color: #000;
}

.k-grid tr.k-state-selected {
    background-color: #ebebeb !important;
}
/* calendar icons */
#anchorCalFrom img,
#anchorCalTo img,
#anchorCalFrom2 img,
#anchorCalTo1 img,
#anchorCalFrom5 img,
#anchorCalTo6 img,
.EligibilityVerificationSearch tr td.EligibilitySearchParameterCell:last-child a img,
.EligibilityVerificationSearch tr td.EligibilitySearchParameterCell:nth-last-child(2) a img {
    display: none;
}

#anchorCalFrom:after,
#anchorCalTo:after,
#anchorCalFrom2:after,
#anchorCalTo1:after,
#anchorCalFrom5:after,
#anchorCalTo6:after,
.EligibilityVerificationSearch tr td.EligibilitySearchParameterCell:last-child a:after,
.EligibilityVerificationSearch tr td.EligibilitySearchParameterCell:nth-last-child(2) a:after {
    font-family: FontAwesome;
    content: "\f073";
    font-size: 14px;
    color: #333;
}


/*Global Header Style */
.globalHeader {
    background: linear-gradient(to bottom, rgb(81,130,192), rgb(104,153,215) );
    border: 1px solid white;
    color: white;
    text-shadow: 0 1px 2px rgba(0,0,0,0.25);
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    padding: 5px;
    text-align: center;
}
