.persons-form-top {
        background: #dadada,#e0e0e0, #f0f0f0;
        background-image: -webkit-linear-gradient(top, #f0f0f0, #e0e0e0);
        background-image: -moz-linear-gradient(top, #f0f0f0, #e0e0e0);
        background-image: -ms-linear-gradient(top, #f0f0f0, #e0e0e0);
        background-image: -o-linear-gradient(top, #f0f0f0, #e0e0e0);
        background-image: linear-gradient(to bottom, #f0f0f0, #e0e0e0);
        padding:0px 0px 20px 0px;
    }


    .persons-credentials-form-top {
        background: #dadada,#e0e0e0, #f0f0f0;
        background-image: -webkit-linear-gradient(top, #f0f0f0, #e0e0e0);
        background-image: -moz-linear-gradient(top, #f0f0f0, #e0e0e0);
        background-image: -ms-linear-gradient(top, #f0f0f0, #e0e0e0);
        background-image: -o-linear-gradient(top, #f0f0f0, #e0e0e0);
        background-image: linear-gradient(to bottom, #f0f0f0, #e0e0e0);
        padding:32px 0px 20px 0px;
    }
    .person-image-container{
        margin-left: 15%;
        margin-top: 15px;
    }
    .person-credential-image-container{
        margin-left: 15%;
    }
    .text-over-image{
        cursor: default;
        position: relative; 
        width: 100%; /* for IE 6 */
    }
    .text-over-image img{
        position:absolute;
        left:0;
        top:0;
        height: 140px;
        width: 106px;
        -webkit-box-shadow: 0 0 5px 2px #ccc;
        -moz-box-shadow: 0 0 5px 2px #ccc;
        box-shadow: 0 0 5px 2px #ccc;
        background: #ccc;
        border: 3px solid #ffffff;
    }
    .text-over-image p{
        z-index: 100;
        position: absolute;
        color: #dcd9d9;
        font-size: 13px;
        font-weight: bold;
        top: 50px;
        width: 106px;
        text-align: center;
        text-shadow: #000000 0px 0px 5px;
    }
    .persons-form-top-rhs{
        margin-top: 18px;
    }
    .persons-form-top-rhs .container{
        margin-right: 10px;
    }
    .persons-form-top-rhs .form-element-container{
        padding:5px 5px 0px 5px;
        position:static !important;/* to correct positioning of tooltips of firstName and middleName */
    }
    .persons-form-top-rhs input[type="text"]{
        height: 37px;     
        font-weight: bold;
        font-size: 20px;         
    }
    .persons-details-form input[type="text"]{
        border-radius: 0px;
        border-color: #A5A5A5;
        padding: 0px;
    }
    .persons-details-form .user-defined-fields-container input[type="text"]{
        height: 24px;
    }
    .persons-details-form .user-defined-fields-container .form-element-container{
        padding-top:10px;
    }
    .persons-details-form .persons-account-details-container .form-element-container{
        padding:10px 15px 0px 15px;
    }
    .persons-details-form .persons-account-details-container .form-element-container-log-on{
        padding:10px 15px 0px 0px;
    }
    .persons-details-form .persons-account-details-container input[type="text"]{
        height:24px;
    }


    /*sss*/
    .persons-form-top-rhs input[type="date"]{
        height: 37px;     
        font-size: 12px;         
    }
    .persons-details-form input[type="date"]{
        border-radius: 0px;
        border-color: #A5A5A5;
        padding: 0px;
    }
    .persons-details-form .user-defined-fields-container input[type="date"]{
        height: 24px;
    }
   
    .persons-details-form .persons-account-details-container input[type="date"]{
        height:24px;
    }

    /*sS*/
    .persons-details-form .persons-account-details-container .change-password-btn-container{
        padding: 0px 0px 0px 10px;
        max-width: 350px;
        width: 100px;
        vertical-align: bottom;
    }

    .persons-details-form .persons-account-details-container .username-password-elems-container{
        display: inline-table;
    }
    .persons-details-form .persons-account-details-container .username-password-elems-container>div{
        display: table-cell;
    }

    .persons-details-form .persons-account-details-container .user-roles-selection-list {
        height: 160px;
        width: 100%;
        overflow: auto;
        border-color: #A5A5A5;
    }
    .user-roles-selection-list li{
        border-bottom-color: grey;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-top-color: grey;
        border-top-style: solid;
        border-top-width: 1px;
    }
    .user-roles-selection-list label{
        font-size: 12px;
        margin-top: -5px;
        color:black;
        font-weight: 800;
        width:100%;
        padding: 10px 15px;
    }
    .user-roles-selection-list .icon-operator-role:before{
        content: url("../../../assets/images/icons/operator_role_midsize.png");
        padding-right: 8px;
    }
    .user-roles-selection-list .selected-role-item .icon-operator-role:before{
        content: url("../../../assets/images/icons/operator_role_checked_midsize_selected.png");        
    }
    .user-roles-selection-list .role-label-text{
        vertical-align: top;
        color: #000000;
    }
    .user-roles-selection-list .selected-role-item .role-label-text{
        color: #ffffff;
    }
    .password-form input[type="password"]{
        height:24px;
        border-radius: 0px;
        border-color: #A5A5A5;
        padding: 0px;
    }
    .password-form .confirm-password-container{
        padding-top: 10px;
    }
    .divgreyed {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #eee;
        z-index: 5;
        opacity: 0.7;
        cursor: not-allowed;
    }
    .text-style {
        color: gray;
        font-size: 12px;
        word-wrap: break-word;
        font-family: Arial !important;
        margin-top:0px;
    }
    .tabs-margin-top {
        margin-top: -2%;
    }
    .person-form .ng-invalid {
        border-color: red !important;;
        outline-color: red !important;;
    }    
    .password-form .ng-invalid {
        border-color: red !important;;
        outline-color: red !important;;
    }    
    .selected-role-item{
                background:#007498 !important;
                background-image: -webkit-linear-gradient(top,  #0092bf, #007498) !important;
                background-image: -moz-linear-gradient(top, #0092bf, #007498) !important;
                background-image: -ms-linear-gradient(top, #0092bf, #007498) !important;
                background-image: -o-linear-gradient(top, #0092bf, #007498) !important;
                background-image: linear-gradient(to bottom, #0092bf, #007498) !important;
                outline:0px!important;
                display:block;
            width:100%;
            border-bottom: 1px solid #a5a5a5;
            border-right: 1px solid #a5a5a5;
            padding-bottom:6px;
            max-height:387px;
    }
    .image-upload-preview-border{
        border-radius: 5px;
        border: 1px solid;
        margin-left: 1%;
        margin-right: 1%;
       word-wrap: break-word;
    }
    .image-text-align{
        text-align: -webkit-left;
    }
    .image-upload-preview-border-center{
        margin-top: 6%;
        padding-left: inherit;
    }

    .txtbox-height
    {
        height: 37px;
    }
    .txt-box-height-sm{
    height: 23px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  
    }
.person-padding-left
{
    padding-left:2px;
}

.credential-txtbox-width
{
    width:95%;
}
.font-style
{
     font-family: Tahoma;
   font-size: 12;
}
   
.credential .list-group-item:first-child {
   border-top-right-radius: 0px !important;
   border-top-left-radius: 0px !important;
}

.credential  .list-group-item:last-child {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.credential-list-group-scroll
{
    max-height: 210px;
    overflow: auto;
    width:93%;
}
.credential-list-group-li
{
    height: 37px; 
    padding: 4px 18px !important;
}
.credential-list-group-content-allign
{
    padding:6px 6px 6px;
}
.credential-list-group-label-allign
{
    width:31%;
}
.allign-left
{
    float:left;
}
.allign-right
{
    float:right;
}
.chkbk-list-container-person{
    border:1px solid #a5a5a5;
    margin-left:3%;
    width:94%;
    overflow-y: auto;
    min-height:70px;
    
}
.chkbk-list-item{
    height:35px;
   border-bottom:1px solid #a5a5a5;   
   padding-left: 2px;
   padding-top: 6px;
}
.chkbk-list-item-alignment{
        padding-bottom: 7px;
}
.chkbk-list-item-name-person {
    padding-left: 10px;
    white-space: nowrap;
    width: 8em;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: -3px;    
    font-family: sans-serif;
    width: calc(100% - 65px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.only-show-selected-checkbox{
    float:right;
    margin-right: 3%;
}
.top-padding{
    padding-top: 10px;
}

.persons-details-form input[type="password"]{
    border-radius: 0px;
    border-color: #A5A5A5;
    padding: 0px;
    background-color: #eee;
    opacity: 1;
    height: 24px;
}
.credential-id{
    border-radius: 0px!important;
    border-color: #A5A5A5!important;
    padding: 0px!important;
    font-size: 20px;
    font-weight: bold;    
}
.credential-id-textbox-container input:read-only{
    color: #afb7b7;
}
.color-black{
    color: #000000;
}
.border-red {
    border: 1px solid red !important;
}
.date-container {
    border: 1px !important;
}

.persons-details-form .total-and-selected-items{
    margin-left: 0px !important;
}

.photoupload-progress-bar{
    width: 70%;
    margin-left: 14%;
}

.photoupload-progress-bar-lable{
    margin-right: 48%;
}
.empty-img-background-color{
    background-color: #ffffff !important;
    cursor: default;
}

.persons-event-container {
    background: #E9E9E9;
    border-top:1px solid #CFCFCF;
    margin: 0px;
}
.label-style-acceslevel-person {
    font-weight: 100!important;
    font-family: Arial!important;
    font-size: 12px;
    color: #666666;
    margin-left:3%;
 }
.noWrap {
    white-space: nowrap;
 }