﻿/* styles for validation helpers */
.field-validation-error
{
    color: #b94a48;
}

.field-validation-valid
{
    display: none;
}

input.input-validation-error
{
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error
{
    border: 0 none;
}

select.input-validation-error
{
    border: 1px solid #b94a48;
}

.validation-summary-errors
{
    color: #b94a48;
}

.validation-summary-valid
{
    display: none;
}

.dvValidationsummary
{
    line-height: 1.6em !important;
    border-top: 1px solid #ff0000 !important;
    border-bottom: 1px solid #ff0000 !important;
    background-color: #ffeeee;
    color: #ff0000;
    width: auto;
    margin-left: 257px;
    margin-bottom: 20px;
    vertical-align: middle !important;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
    height: auto;
    font-size: 11px;
}

.dvValidationInputError
{
    float: left;
    font-size: 11px;
    /* width: 50%; by kavita */
}

.reqField
{
    color: Red;
    font-size: 0.8em;
    line-height: 14px;
    vertical-align: top;
}

.required label:first-child:after
{
    color: Red;
    font-size: 0.8em;
    line-height: 14px;
    vertical-align: top;
    content: " *";
}

/* Styles for verification */
#pswd_info
{
    position: absolute;
    top: 420px;
    /*bottom:-355px;
	bottom: -315px\9;*/
    left: 750px;
    width: 250px;
    padding: 15px;
    background: #fefefe;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
    display: none;
}

    #pswd_info::before
    {
        content: "";
        position: absolute;
        right: 100%;
        top: 70px;
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-right: 14px solid #dddddd;
        border-bottom: 7px solid transparent;
    }

    #pswd_info h4
    {
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: normal;
    }

.invalidPassword
{
    background: url("../../Content/Images/invalid.png") no-repeat 0 50%;
    margin-left: -45px;
    line-height: 24px;
    color: #ec3f41;
    padding-left: 22px;
}

.validPassword
{
    background: url("../../Content/Images/valid.png") no-repeat 0 50%;
    margin-left: -45px;
    line-height: 24px;
    color: #3a7d34;
    padding-left: 22px;
}

.setPasswordNotes
{
    background-color: #EEEEEE;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #333333;
    font-family: Verdana;
    font-size: 12px;
    height: auto;
    line-height: 1.6em !important;
    margin: 20px;
    margin-bottom: 0px;
    padding: 8px;
    vertical-align: middle !important;
    width: 917px;
}

/* Styles for file upload */
.fileUploadBox
{
    float: left;
    margin-right: 6px;
    width: 80% !important;
}

.file-wrapper
{
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin-top: 5px;
}

    .file-wrapper input
    {
        cursor: pointer;
        font-size: 100px;
        height: 100%;
        filter: alpha(opacity=1);
        -moz-opacity: 0.01;
        opacity: 0.01;
        position: absolute;
        right: 0;
        top: 0;
    }

    .file-wrapper .button
    {
        background: #959494;
        border: 1px solid #666666;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 3px;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 18px !important;
        font-family: Georgia;
        margin-right: 5px;
        padding: 0px 14px;
        text-transform: uppercase;
        height: 38px;
        line-height: 38px;
    }

/*table.dataTable tbody td*/
a-center
{
    text-align: center;
}

/* Grid Style */
a.edit, a.copy, a.plan, a.model
{
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 20px;
}

a.edit
{
    background-image: url("../Images/edit.png");
}

a.copy
{
    background-image: url("../Images/copy.png");
}

a.plan
{
    background-image: url("../Images/plan.png");
}

a.model
{
    background-image: url("../Images/model.png");
}

/* By Kim Kavita */
a.delete
{
    background-image: url("../Images/delete.jpg");
    width: 24px;
    height: 24px;
    display: inline-block;
}

a.first-link
{
    margin-left: 0px !important;
}

.dataTable td.centered-control, .dataTable .centered
{
    text-align: center;
}

.dataTable th.action-col
{
    width: 125px !important;
}

.dataTable th.single-icon-col
{
    width: 75px !important;
}

.dataTable th.double-icon-col
{
    width: 125px !important;
}

.dataTable th.status-col
{
    width: 75px !important;
}

/* By Kim Kavita */
.full
{
    width: 100%;
}

/* By Kim Kavita */
.none
{
    display: none;
}

.portlet-title > .tools a, .portlet-title > .tools a:link, .portlet-title > .tools a:visited
{
    color: white;
    text-decoration: underline;
}

.page-bar > ul.page-breadcrumb > li.active > a
{
    text-decoration: underline !important;
    font-weight: bold;
}

.icon-dashboard, .icon-agent, .icon-client, .icon-employee, .icon-appusers
{
    height: 20px;
    width: 24px;
    background-repeat: no-repeat;
}

.page-sidebar-menu .icon-dashboard
{
    background-image: url("../Images/home.png") !important;
}

.page-sidebar-menu .icon-agent
{
    background-image: url("../Images/agent.png") !important;
}

.page-sidebar-menu .icon-client
{
    background-image: url("../Images/client.png") !important;
}

.page-sidebar-menu .icon-employee
{
    background-image: url("../Images/employee.png") !important;
}

.page-sidebar-menu .icon-appusers
{
    background-image: url("../Images/users.png") !important;
}

.page-title > .icon-dashboard, .page-title > .icon-agent, .page-title > .icon-client, .page-title > .icon-employee, .page-title > .icon-appusers
{
    background-size: 24px 20px;
    height: 20px;
    width: 24px;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.page-title > .icon-dashboard, .page-sidebar-menu li.active .icon-dashboard
{
    background-image: url("../Images/home-green.png") !important;
}

.page-title > .icon-agent, .page-sidebar-menu li.active .icon-agent
{
    background-image: url("../Images/agent-green.png") !important;
}

.page-title > .icon-client, .page-sidebar-menu li.active .icon-client
{
    background-image: url("../Images/client-green.png") !important;
}

.page-title > .icon-employee, .page-sidebar-menu li.active .icon-employee
{
    background-image: url("../Images/employee-green.png") !important;
}

.page-title > .icon-appusers, .page-sidebar-menu li.active .icon-appusers
{
    background-image: url("../Images/users-green.png") !important;
}

li [class^="fa-"], li [class^="glyphicon-"], li [class^="icon-"], li [class*=" fa-"], li [class*=" glyphicon-"], li [class*=" icon-"]
{
    width: 1em !important;
}

.fa-medical, .fa-dental, .fa-vision, .fa-model
{
    width: 24px;
    height: 20px;
    background-repeat: no-repeat;
}

.fa-medical-small, .fa-dental-small, .fa-vision-small
{
    width: 13px;
    height: 10px;
    background-repeat: no-repeat;
}

.fa-model
{
    background-image: url("../Images/model-icon.png") !important;
}

.fa-medical
{
    background-image: url("../Images/medical-icon.png") !important;
}

.fa-medical-small
{
    background-image: url("../Images/medical-grey.png") !important;
}

.active .fa-medical-small
{
    background-image: url("../Images/medical-green.png") !important;
}

.fa-dental
{
    background-image: url("../Images/dental-icon.png") !important;
}

.fa-dental-small
{
    background-image: url("../Images/dental-grey.png") !important;
}


.active .fa-dental-small
{
    background-image: url("../Images/dental-green.png") !important;
}

.fa-vision
{
    background-image: url("../Images/vision-icon.png") !important;
}

.fa-vision-small
{
    background-image: url("../Images/vision-grey.png") !important;
}

.active .fa-vision-small
{
    background-image: url("../Images/vision-green.png") !important;
}

.dvPreview
{
    height: 102px;
    width: 100%;
    border: 1px solid #d0d0d0;
    /*margin-left: 210px;*/
    overflow-y: scroll;
    overflow-x: hidden;
    text-align: center;
    vertical-align: middle;
}

.page-title small
{
    font-weight: bold;
}

/* By Kim Kavita */
.paddingleft0
{
    padding-left: 0px;
}
/*   */

.btn-search
{
    margin-left: 10px;
}

.btn-delete
{
    margin-right: 10px;
}

.page-bar .page-breadcrumb > li > a, .page-bar .page-breadcrumb > li > span
{
    font-size: 15px !important;
}

.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a
{
    font-size: 16px !important;
}

.subscript
{
    font-size: 9px;
    vertical-align: bottom;
    font-weight: bold;
}

/*Added By Peter Prateek for Error Div of Employee*/
.EmployeeinfoDetail
{
    width: 667px;
    border-collapse: collapse;
    margin-left: 20px;
    margin-right: 20px;
}

    .EmployeeinfoDetail th
    {
        background: #f7f7f7;
        margin: 10px;
        font-weight: bold;
        border-bottom: 1px solid #cccccc;
        height: 35px;
        text-align: left;
        padding-left: 10px;
        font-family: verdana;
        font-size: 10px;
        color: #333333;
    }

    .EmployeeinfoDetail td
    {
        margin: 10px;
        background: #ffffff;
        border-bottom: 1px solid #cccccc;
        text-align: left; /*changed by birender to align img and text in same line r*/ /*height: 30px;*/
        height: 40px;
        padding-left: 10px;
        font-family: verdana;
        font-size: 12px;
        color: #333333;
    }

        .EmployeeinfoDetail td a
        {
            font-family: verdana;
            font-size: 12px;
            color: #0066cc;
            font-weight: normal;
        }

.redcolortext td
{
    color: Red;
}

.dataTable > tbody td
{
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit -- Used for safari because the large data in grid is not breaked and distorting the layout */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.dataTable > tbody td input
{
    word-break:normal !important;
}

textarea
{
    resize: none;
}

.downloadLink
{
    font-size: 13px;
    text-decoration: underline;
}

.hide
{
    display: none;
}

/* Kim Kavita for login screen locked message */
a.loginerror
{
    color: #b94a48;
}

/* Kim Kavita for add edit model range validation to add at least one deduction record */
.atleastonerecordonaddeditmodel
{
    position: relative;
    top: -12px;
}

/* Kim Kavita for tier screens */
.enterZeroIfNull
{
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.modal-dialog
{
    margin: 20% auto !important;
}

/* Kim Kavita for processing image */
#processing
{
    z-index: 10000;
    visibility: visible;
    position: absolute;
    top: 15%;
    left: 45%;
    /*
    min-width: 125px;
    margin-left: 0;
    padding: 7px;
    text-align: center;
    color: #333;
    font-size: 13px;
    border: 1px solid #ddd;
    background-color: #eee;
    vertical-align: middle;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    */
}

/* Accordion - to make the full header clickable */
.panel .panel-heading .panel-title a {
    display:block;
}

/*override the property defined in layout.css*/
.nav-icon > li > a {
    display:inline-block !important;
}

/*override the property defined in jquery.fileupload.css. Height and width of Browse button was large and it was coverting the Submit and Cancel button and 
    on clicking the submit and cancel button, it was opening the browse window in Agent, Client and Employee page*/
.fileinput-button input
{
	font-size: 22px !important;
}

/* Kim Kavita for employee pending approval grid screens */
.hand-cursor
{
    cursor:pointer;
}

.spanEmployerPortion
{
    font-size: 10px;
    margin-left: 4px;
    position: absolute;
}

select
{
    line-height: 30px !important;
}

.dvApprovalDdl
{
    font-weight: normal; 
    float: right;
}
.dvApprovalPadding
{
    padding-top: 24px;
}

#reportViewer1
{
    /* position: absolute; */
    left: 175px;
    right: 200px;
    top: 400px;
    bottom: 5px;
    height: 1230px;
    width: 100% !important;
}

.wrapWord
{
    word-break: normal !important;
}

.multiselect-container {
    width: 100% !important;
}

/*Upload error message style*/
.ClientinfoDetail {
    padding: 0; margin: 0; width: 100%; table-layout: fixed;
}
    .ClientinfoDetail thead {
        border-bottom: 1px solid #e5e5e5;
    }
        .ClientinfoDetail thead tr th:nth-child(1) {            
           width:220px;    
        }
        .ClientinfoDetail thead tr th:nth-child(2) {
            width:150px;
        }
    .ClientinfoDetail>tbody>tr>td {
        padding-bottom:2px;
    }
   


.custom-radio-inline {
        padding-left:0px !important;
        margin-left:-0.7% !important;
}
.multiselect {        
    font-family: "Open Sans", sans-serif; 
}
.dropdown-menu li a{
    font-family: "Open Sans", sans-serif; 
    color:#333333 !important;
}
.dropdown-menu li a:hover {
    color:white !important ;
    background-color: #4b8df8 !important ;
}
