/* @import 'pathRelativeToThisCSSFile/other.css'; */

@import url(https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek-ext,greek,vietnamese);

img.logo {
    background: url("/Portals/default/logowithtext.png");
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-size: 233px 40px;
    background-repeat: no-repeat;
    width: 233px; /* Width of new image */
    height: 40px; /* Height of new image */
    padding-left: 233px; /* Equal to width of new image */
    /* display: none; */
    visibility: hidden;
}

.sorting,
.sorting_asc,
.sorting_desc {
    padding: 0px 21px 0px 0px;
    cursor: pointer;
}

th a {
    color: #7b7b7b;
}

.sorting {
    white-space: nowrap;
    /*background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIUnC2nKLnT4or00PvyrQwrPzUZshQAOw==) no-repeat center right;*/
}

.sorting_asc {
	background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIRnC2nKLnT4or00Puy3rx7VQAAOw==) no-repeat center right;
}

.sorting_desc {
	background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=) no-repeat center right;
}


.fontawesome-red {
	color:red;
}

.uploadImage {
    background-image: url('../Content/images/upload_file.gif');
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: middle;
}

.excelImage {
    background-image: url('../Content/images/MS-Excel-18x18.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: middle;
}

.pdfimage {
    background-image: url('../Content/images/pdf.png');
    background-repeat: no-repeat;
    background-size: 18px 18px;
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: middle;
}

.content-area {
    min-height: 375px;
}

.left-links {
    float: left;
    z-index: 4;
}

.left-links-btm {
    width: 325px;
    float: left;
    z-index: 2;
}

.right-links {
    float: right;
}

.h4 {
    color: #026AC0;
    font-family: 'futura-pt', sans-serif;
    font-weight: 300;
}

.h7 {
    font-size: 30px;
    letter-spacing: -1px;
    color: #DFBF84;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #000;
    margin: 10px 0 24px;
    margin-bottom: 0px;
}

.h8 {
    font-size: 30px;
    letter-spacing: -1px;
    color: #DFBF84;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #000;
    margin: 10px 0 24px;
    margin-bottom: 0px;
    margin-top: 5px;
}

table.grid caption {
    text-align: center;
    caption-side: top;
    margin: 0 2.5em 0.75em;
    padding: 0;
    border: none;
}

table.grid td,
table.grid th {
    text-align: center;
    vertical-align: middle;
    margin: 0;
    padding: 0.25em 0.5em;
    border: 1px solid #999999;
}

    table.grid th,
    table.grid td.highlight,
    table.grid th.highlight {
        font-weight: bold;
        color: inherit;
        background: #F0F0F0;
    }

        table.grid td.lighter,
        table.grid th.lighter {
            color: inherit;
            background: #F8F8F8;
        }

        table.grid td.left,
        table.grid th.left {
            text-align: left;
            vertical-align: text-top;
        }

        table.grid td.center,
        table.grid th.center {
            text-align: center;
        }

        table.grid td.right,
        table.grid th.right {
            text-align: right;
        }

th.headerLink {
    cursor: pointer;
}

td.leftText, th.leftText, dd.leftText {
    text-align: left;
}

td.rightText, th.rightText {
    text-align: right;
}

td.centerText, th.centerText {
    text-align: center;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
    box-sizing: border-box;
    color: red;
    font-family: 'futura-pt', sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 1.1;
    margin-top: 20px;
    margin-bottom: 10px;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.panel .panel-heading i, .panel .panel-footer i {
    font-size: 1.1em;
    margin-right: 5px;
}


.panel > .panel-body {
    background-color: #f7f7f7;
    margin: 0;
}

.panel-footer ~ .panel-body {
    border-color: #f00 !important;
}

.panel-search {
    display: block;
    width: 200px;
    height: 490px;
    background-color: #808080;
    vertical-align: top;
    padding: 4px 10px 4px 10px;
    position: relative;
}

.panel-detail {
    display: block;
    min-height: 490px;
    min-width: 400px;
    top: 0px;
    padding-left: 220px;
    margin-top: -490px;
}

#form-header {
    display: block;
    vertical-align: top;
}

#form-header div {
    border-radius: 4px;
}


/*ul.form {
        list-style-type: none;
        margin-left: 0px;
        padding-left: 0px;
        padding-bottom: 8px;
    }*/

/*ul.form label {
            display: block;
            font-size: .6em;
            color: #f5f5f5;
            margin: 8px 0px 0px 0px;
        }*/

.header-member {
    padding: 4px 8px 4px 12px;
    background-color: #000;
    color: #fff;
    /*font-size: .8em;*/
}

h5.beneficiary {
    padding-left: 45px;
    font-size: 1.05em;
}

h5.enrollment {
    padding-left: 25px;
    font-size: 1.05em;
}

.enrollment-demographics {
    display: inline-block;
    min-height: 200px;
    width: 100%;
    vertical-align: top;
    border: 1px solid #c0c0c0;
    padding: 4px 8px 4px 8px;
    background-color: #f5f5f5;
}

    .enrollment-demographics label {
        font-weight: bold;
        /*width: 100px;*/
    }

    .enrollment-demographics table th {
        /*font-size: .6em;*/
        color: #808080;
        padding: 0px 10px 2px 4px;
    }

    .enrollment-demographics table td {
        font-size: .8em;
        padding: 0px 10px 2px 4px;
    }


.enrollment-search th a {
    color: #fff;
}

.enrollment-search th a.sorting {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALBAMAAABbgmoVAAAAB3RJTUUH4QgCFjghyOiSqgAAAAlwSFlzAABOIAAATiABFn2Z3gAAAARnQU1BAACxjwv8YQUAAAAGUExURQAAAP///6XZn90AAAABdFJOUwBA5thmAAAALUlEQVR42jWMyQ0AMAyDyAQJ+y9buW1eCPkAChpwgtJAnY5oMlJZe9k2/+6+HFU3AkCiDxGsAAAAAElFTkSuQmCC) no-repeat center right;
}

.enrollment-search th a.sorting_asc {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALBAMAAABbgmoVAAAAB3RJTUUH4QgCFjo6cLs5xAAAAAlwSFlzAABOIAAATiABFn2Z3gAAAARnQU1BAACxjwv8YQUAAAAGUExURQAAAP///6XZn90AAAABdFJOUwBA5thmAAAAH0lEQVR42mNgYGBkAANBARDJKCgI5giCuEAOhEskAAArUwDOO9qnrgAAAABJRU5ErkJggg==);}

.enrollment-search th a.sorting_desc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALBAMAAABbgmoVAAAAB3RJTUUH4QgCFwAqSWed7gAAAAlwSFlzAABOIAAATiABFn2Z3gAAAARnQU1BAACxjwv8YQUAAAAGUExURQAAAP///6XZn90AAAABdFJOUwBA5thmAAAAHElEQVR42mNgIBowCgIBkAaSAhAuWBjMAXKBGAAS/QDOdqhpbgAAAABJRU5ErkJggg==);
}


.enrollment-attachment {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    border: 1px solid #c0c0c0;
    padding: 4px 8px 4px 8px;
    background-color: #f5f5f5;
}

.enrollment-summary {
    display: inline-block;
    min-height: 200px;
    width: 100%;
    vertical-align: top;
    border: 1px solid #c0c0c0;
    padding: 4px 8px 4px 8px;
    background-color: #f5f5f5;
}

    .enrollment-summary label {
        font-weight: bold;
        padding-right: 7px;
        /*width: 100px;*/
    }

    .enrollment-summary .enrollment-status {
        display: inline-block;
        float: right;
        padding-right: 10px;
    }

    .enrollment-summary .enrollment-product {
        border-bottom: 1px solid #c0c0c0;
    }

        .enrollment-summary .enrollment-product h4 {
            background-color: #026ac0;
            color: #fff;
            padding-left: 10px;
        }

        .enrollment-summary .enrollment-product .product-header {
            color: #026ac0;
        }

        .enrollment-summary .enrollment-product .product-detail {
            /*font-size: .85em;*/
            line-height: 1.25em;
        }

            .enrollment-summary .enrollment-product .product-detail label {
                margin: 0 0 3px 0;
            }



    .enrollment-summary .enrollment-beneficiaries, .enrollment-attachment th {
        padding: 0px 10px 0px 4px;
        color: #808080;
        font-size: .8em;
    }

    .enrollment-summary .enrollment-beneficiaries, .enrollment-attachment td {
        padding: 0px 10px 2px 4px;
    }

table.table-striped  {
       -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.04);
        box-shadow: 0 1px 3px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.04);
            border-radius:4px;
    
}

table.parameters {
    color: inherit;
    background: inherit; /* Don't make tables transparent */
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    margin: 0;
    padding: 0;
    margin-bottom: .5em;
    border: none;
}

    table.parameters td {
        text-align: left;
        vertical-align: middle;
        padding: 0.25em .5em;
    }

        table.parameters td.left {
            text-align: left;
            vertical-align: middle;
            padding: 0.25em .5em 0.250em 0;
        }

.borderless td, .borderless th {
    border: none !important;
    padding: 2px 5px 1px 0px !important;
}


#searchfilter label {
    margin-bottom: 0px;
    padding-top: 0px;
    font-weight: 700;
    /*font-size:.9em;*/
}

#searchfilter .active {
    font-weight: 700;
    padding-top: 5px;
    padding-bottom: 5px;
}

#form-searchresult table td .btn {
    margin-top: -2px;
    padding-top: 0px;
    padding-left: 0px;
    font-size: inherit;
}

.row-no-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


.pagination {
    margin: 0px 0px 20px 0 !important;
}

.text-filter {
    padding: 4px;
}

.product {
    padding-top: 5px;
    padding-bottom: 7px;
}

.category {
    margin: 0px;
    padding: 10px 0px 0px 0px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-50 {
    margin-top: 20px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}


#WideModal.modal-dialog {
    width: 900px;
}

.alert-danger ul li:before {
    content: "\e083";
    font-family: 'Glyphicons Halflings';
    font-size: 14px;
    float: left;
    padding-right: 5px;
    /*margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;*/
}

.parameter-padding {
    padding-left: 0px;
    padding-right: 5px;
}

#customForm {
   
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:12px;
        font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
}

    #customForm div.header {
        margin-bottom:8px;
    }

    #customForm .section-title {
        background-color: #eeeeee;
        padding: 16px 8px 16px 20px;
    }


    #customForm .section-title h1, .title h1 {
        margin-bottom: 0px;
        margin-top: 0px;
        padding-top:0px;
            
    }

    #customForm div.wrapper {
        /*padding: 15px;*/
        -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.04);
        box-shadow: 0 1px 3px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.04);
    }

    #customForm .nav-pills > li
    {
        font-size:16px;
        /*text-transform: uppercase;*/
    }

        #customForm .nav-pills>li>a {

       border-radius:3px;
       padding: 4px 10px;
    }



    #customForm label
    {
        font-size:14px;
        margin-bottom: 3px;
        /*text-transform: uppercase;*/
    }

    #customForm .bannerText {
        font-size: 1.1em;
        font-weight: 500;
        padding: 16px 8px 16px 10px;
        position: relative;
        border-top: 2px solid #cbccce;
        border-bottom: 1px solid #edeef0;
    }

    #customForm div.border {
        border-bottom: 1px dotted #000;
        padding-bottom: 10px;
        margin-bottom: 10px;
        bottom:0px;

    }

    #customForm .content-item {
        background-color: transparent;
        /*margin-top:20px;*/
        padding: 16px 17px;
        page-break-inside: avoid;
    }

    #customForm .content-header {
        justify-content: space-between;
    }

    #customForm .content-header-container {
        -webkit-box-align: start;
        align-items: flex-start;
        box-sizing: border-box;
        display: flexbox;
        -webkit-box-orient: vertical;
        position: relative;
    }

    #customForm .content-title {
        color: #000;
        font-size: 20px;
        line-height: 135%;
        width: 100%;
        padding-top:15px;
    }

    #customForm .content-item-wrapper {
        align-items: center;
        display: flexbox;
        justify-content: space-between;
        padding: .5em .5em .5em 0;
    }

    #customForm .content-item-shortanswer {
        padding-bottom: 8px;
        display: inline-block;
        outline: none;
        -webkit-tap-highlight-color: transparent;
        width: 200px;
    }

    #customForm .shortanswer {
        background-color: transparent;
        flex-shrink: 1;
        flex-grow: 1;
        border: none;
        display: block;
        height: 24px;
        line-height: 24px;
        margin: 0px;
        padding: 0;
    }

    #customForm .tab-content{
        padding-left: 20px;
        padding-right: 20px;
        padding-top:0px;
        margin-bottom:15px;
    }

    .input-group-btn.input-space {
  padding-left: 15px;
}


.radio {
    padding-left: 20px;
}

    .radio label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
    }

        .radio label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 50%;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out;
            transition: border 0.15s ease-in-out;
        }

        .radio label::after {
            display: inline-block;
            position: absolute;
            content: " ";
            width: 11px;
            height: 11px;
            left: 3px;
            top: 3px;
            margin-left: -20px;
            border-radius: 50%;
            background-color: #555555;
            -webkit-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
            -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        }

    .radio input[type="radio"] {
        opacity: 0;
    }

        .radio input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .radio input[type="radio"]:checked + label::after {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        .radio input[type="radio"]:disabled + label {
            opacity: 0.65;
        }

            .radio input[type="radio"]:disabled + label::before {
                cursor: not-allowed;
            }

    .radio.radio-inline {
        margin-top: 0;
    }

.radio-primary input[type="radio"] + label::after {
    background-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #428bca;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}

#customForm div.alert {
    margin-top:15px;
    margin-bottom: 20px;
  
    /*padding-bottom:0px;*/
}

#customForm div.alert .content-title {
    padding-top:0px;
}

.page-content{ margin-bottom:0px;}

.boxed-header {
    border-bottom:1px #c0c0c0 solid;
    /*max-width: 1200px !important;
    margin: 0 auto;*/

    /*border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
		-moz-box-shadow: 0 10px 60px #787878;
  -webkit-box-shadow: 0 10px 60px #787878;*/
  /* box-shadow: 0 10px 60px #787878; */
}

div .input-group.login-input {
    padding-top: 10px;
}

#slider-login .login .btn-primary, .login .login-page .btn-primary {
    background-color: #2891E8 !important;
    border-color: #2891E8 !important;
    color: #FFF !important;
    font-weight: bold;
    margin-top: -37px;
}


#slider-login .login .btn-primary, .login .login-page .btn-primary {
    background-color: #2891E8 !important;
    border-color: #2891E8 !important;
    color: #FFF !important;
    font-weight: bold;
    margin-top: -37px;
}

    #slider-login .login .btn-primary:hover, .login .login-page .btn-primary:hover, #slider-login .login .btn-primary:focus, #slider-login .login .btn-primary:active, #slider-login .login .btn-primary.active, #slider-login .login .open #slider-login .login .dropdown-toggle.btn-primary {
        background-color: #fff !important;
        border-color: #fff !important;
        color: #2891E8 !important;
    }

#slider-login .login .checkbox input[type="checkbox"], .login-input .checkbox input[type="checkbox"] {
    margin-top: 5px;
    margin-left: 0px;
}

#slider-login .login a.login-helper {
    font-size: 14px !important;
    color: #ddd !important;
    text-decoration: none !important;
    background-color: transparent !important;
    padding: 5px 0 !important;
}

    #slider-login .login a.login-helper:hover {
        color: #fff !important;
        text-decoration: none !important;
        background-color: transparent !important;
    }

#slider-login .helpers {
    margin-top: 30px;
}

#slider-login p.login-help-p {
    margin: -8px 0;
}

p.text-indent{
    padding-left:200px;
}

p.text-indent:first-line{
    padding-left:0px;
}

.btn-xs > i:only-child {
    margin-right: 0 !important;
}


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

.vhcsdatagrid {
    padding: 5px 5px;
}

.page-size {
    font-size: .8em;
}


.portalconfiguration {
	max-height: 200px!important;
	overflow: auto!important;
}

.ddldetailsconfigs {
	padding-bottom: 5px !important;
	padding-top: 5px !important;
	padding-left: 2px !important;
}

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

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


div.form-helper-wrapper.col-md-7 {
    width: 56%;
}

div.form-helper-wrapper {
     background-color: #ddd; 
     color: #444; 
     display: block; 
     line-height: normal; 
}

p.form-helper {
    display: inline-block;
    font-size: .9em;
    background-color: #ddd;
    color: #444;
    padding: 6px 5px 0 !important;
    margin: 0 0 10px;
}


.arrow-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #f7f7f7;
    margin-left: -15px;
    margin-top: 7px;
    position: absolute;
}

.table-row {
    cursor: pointer;
}