/*
 * Copyright (c) 2019 IDENTITY AUTOMATION, LP. All rights reserved.
 */

 .question-list {
    width: 100%;
}

.question-list td {
    border: 0;
}

.question-list input {
    width: 100%;
}

.question-list .question {
    width: 50%;
    display: inline-block;
}
.ui-input-text{
    width: 95%;
    display: inline-block;
    float: left;
    margin-top: 0px;
}
.custom-check{
    margin-top: 0px !important;
}
.show_response_container {
    width: 100%;
    margin-left: -8px;
    clear: both;
    top: -15px;
    position: relative;
}
.show_response_container span{
    display: inline-block;
    position: relative;
    left: 3px;
    top: 4px;
}
.show_response_container .ui-checkbox {
    width: 32px;
    float: left;
    margin-top: 0;
}
.agreement-message {
    text-align: left;
    width: 446px;
    float: right;
}
.aggreement-check-container {
    width: 32px;
    float: left;
}
.custom-question-wrapper{
    border: 1px solid #ccc;
    border-radius: .3125em;
    padding-left: 0px !important;
    padding-right: 0px !important;
    background: #ccc;
    margin-bottom: 17px;
    display: inline-block;
}
.submit-claim1, .submit-password1{
    display: inline-block !important;
}
.input-password-margin{
    padding: 0 12px !important;
}

.field-container{
    width: 92%;
    border-right: 1px solid #ccc;
    padding: 5px 5px;
    display: inline-block;
    float: left;
    background: #eee;
    min-height: 89px;
}
.field-container .input-question{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.field-container .input-group-addon{
    padding: 9px 0px;
    width: 30px;
    background: white;
}
.custom-question-wrapper .glyph-container{
    width: 8%;
    height: 100%;
    display: inline-block;
    cursor: pointer;
}
.custom-question-wrapper .del-question, .custom-question-wrapper .required-field{
    font-size: 1em;
    float: right;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 34px 0px;
}
.custom-question-wrapper .required-field{
    color: #ff0000;
}
.label-custom{
    font-weight: bold !important;
    width: 95%;
    margin: 5px auto !important;
    text-align: left;
}
.input-custom{
    width: 100% !important;
    margin: 5px auto !important;
}
.custom-wrapper{
    margin-top: 5px;
}
.claim-form-2{
    display: inline-block;
    width: 100%;
}
.input-disabled{
    font-weight: bold;
}

h2{
    font-size: 21px !important;
    font-weight: bold !important;
}

h3{
    font-size: 18px !important;
    font-weight: bold !important;
}

.hideShowPassword-wrapper {
    margin:0 !important;
    width: auto !important;
    clear:both;
}
.input-password.form-control.hideShowPassword-field {
    clear: both;
}
input[type=password]::-ms-reveal{
    display: none !important;
    width:0;
    height:0;
}

input[type=text]::-ms-clear{
    display: none !important;
    width:0;
    height:0;
}

/* this is to address bad interaction between bootstrap and jquery mobile radio button styles */
input[type=radio] {
    margin: -11px 0 0 0 !important;
    z-index: 10 !important;
}


.hideShowPassword-toggle {
    background-color: transparent;
    border: 2px solid transparent;
    border-radius: 0.25em;
    cursor: pointer;
    font-size: 100%;
    height: 100%;
    margin: 0 !important;
    max-height: 100%;
    padding: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 33px;
    -moz-appearance: none;
    -webkit-appearance: none;
    top: 0% !important;
    right: 4px !important;
    /* svg source:
        <?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22px" height="16px" viewBox="0 0 22 16" enable-background="new 0 0 22 16" xml:space="preserve"><g><g><g><path fill="#B0BEC5" d="M11,0.5C6,0.5,1.7,3.6,0,8c1.7,4.4,6,7.5,11,7.5s9.3-3.1,11-7.5C20.3,3.6,16,0.5,11,0.5z M11,13c-2.8,0-5-2.2-5-5c0-2.8,2.2-5,5-5c2.8,0,5,2.2,5,5C16,10.8,13.8,13,11,13z"/></g><path fill="#B0BEC5" d="M11,5.4C9.6,5.4,8.4,6.6,8.4,8c0,1.4,1.2,2.6,2.6,2.6c1.4,0,2.6-1.2,2.6-2.6C13.6,6.6,12.4,5.4,11,5.4z"/></g></g></svg>
    */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjIgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIyIDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48Zz48cGF0aCBmaWxsPSIjQjBCRUM1IiBkPSJNMTEsMC41QzYsMC41LDEuNywzLjYsMCw4YzEuNyw0LjQsNiw3LjUsMTEsNy41czkuMy0zLjEsMTEtNy41QzIwLjMsMy42LDE2LDAuNSwxMSwwLjV6IE0xMSwxM2MtMi44LDAtNS0yLjItNS01YzAtMi44LDIuMi01LDUtNWMyLjgsMCw1LDIuMiw1LDVDMTYsMTAuOCwxMy44LDEzLDExLDEzeiIvPjwvZz48cGF0aCBmaWxsPSIjQjBCRUM1IiBkPSJNMTEsNS40QzkuNiw1LjQsOC40LDYuNiw4LjQsOGMwLDEuNCwxLjIsMi42LDIuNiwyLjZjMS40LDAsMi42LTEuMiwyLjYtMi42QzEzLjYsNi42LDEyLjQsNS40LDExLDUuNHoiLz48L2c+PC9nPjwvc3ZnPg==) 75% 50% no-repeat;
}

.hideShowPassword-toggle:hover,
.hideShowPassword-toggle:focus {
    outline: transparent;
}
#div_recaptcha{
    display: inline-block;
}
/***********************************
Without SAML Login & Logout pages
************************************/
body.cs-body-altentry, .wrapper.cs-wrapper-altentry{
    background-color: #EBEEF0;
    font-family: 'Roboto Condensed' !important;
}
.cs-wrapper-altentry .cs-container{
    max-width: 390px;
    margin :auto;
    padding: 20px;
}
.cs-wrapper-altentry .content{
    padding: 0;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
}
.cs-wrapper-altentry nav.cs-header-altentry{
    height: 55px;
    z-index: 500;
    color: #F9F9F9;
    background-color: #E52526;
    position: relative;
}
.cs-app-heading-altentry{
    text-align: center;
    font-weight: 400;
    font-size: 25px;
    font-family: 'Roboto Condensed' !important;
    top: 10px;
    position: relative;
    -webkit-font-smoothing: subpixel-antialiased;
}

.cs-wrapper-altentry .page-heading{
    margin: 1rem 0;
    font-family: 'Roboto Condensed' !important;
    padding: 0;
    color: #445963;
    font-size: 23px;
    font-weight: bolder;
    padding: 1px 0 10px;
    text-align: left!important;
}
.cs-wrapper-altentry .input{
    border: 0;
    height: 31px;
    color: #445963;
    outline: 0;
}
.cs-wrapper-altentry .input:focus{
    border:0;
}
.cs-wrapper-altentry .cs-button{
    background-color: #36464E;
    color: #F9F9F9;
    padding: 0;
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
}
.cs-wrapper-altentry .password-container{
    position: relative;
}
.cs-body-altentry h2{
    text-align: center;
    font-size: inherit;
    font-family: 'Roboto Condensed' !important;
}
.cs-body-altentry h2 strong{
    font-family: 'Roboto Condensed' !important;
    font-size: 1rem;
}
.cs-wrapper-altentry .shift-left{
    right: 30px !important;
}
.cs-wrapper-altentry #input-toggle {
    position: absolute;
    bottom: 7px;
    right: 10px;
    display: block;
    width: 22px;
    height: 16px;
    /* svg source:
      <?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22px" height="16px" viewBox="0 0 22 16" enable-background="new 0 0 22 16" xml:space="preserve"><g><g><g><path fill="#B0BEC5" d="M11,0.5C6,0.5,1.7,3.6,0,8c1.7,4.4,6,7.5,11,7.5s9.3-3.1,11-7.5C20.3,3.6,16,0.5,11,0.5z M11,13c-2.8,0-5-2.2-5-5c0-2.8,2.2-5,5-5c2.8,0,5,2.2,5,5C16,10.8,13.8,13,11,13z"/></g><path fill="#B0BEC5" d="M11,5.4C9.6,5.4,8.4,6.6,8.4,8c0,1.4,1.2,2.6,2.6,2.6c1.4,0,2.6-1.2,2.6-2.6C13.6,6.6,12.4,5.4,11,5.4z"/></g></g></svg>
  */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjIgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIyIDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48Zz48cGF0aCBmaWxsPSIjQjBCRUM1IiBkPSJNMTEsMC41QzYsMC41LDEuNywzLjYsMCw4YzEuNyw0LjQsNiw3LjUsMTEsNy41czkuMy0zLjEsMTEtNy41QzIwLjMsMy42LDE2LDAuNSwxMSwwLjV6IE0xMSwxM2MtMi44LDAtNS0yLjItNS01YzAtMi44LDIuMi01LDUtNWMyLjgsMCw1LDIuMiw1LDVDMTYsMTAuOCwxMy44LDEzLDExLDEzeiIvPjwvZz48cGF0aCBmaWxsPSIjQjBCRUM1IiBkPSJNMTEsNS40QzkuNiw1LjQsOC40LDYuNiw4LjQsOGMwLDEuNCwxLjIsMi42LDIuNiwyLjZjMS40LDAsMi42LTEuMiwyLjYtMi42QzEzLjYsNi42LDEyLjQsNS40LDExLDUuNHoiLz48L2c+PC9nPjwvc3ZnPg==) 100% 100% no-repeat;
}
/**************************
Error Page
***************************/

.error-page .wrapper.cs-wrapper {
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
}
.error-page main.content{
    min-width: 100%;
}
.error-page span.cs-error{
    font-size: 1.2rem;
}
.error-page a.cs-link{
    font-size: 1.2rem;
    text-align: center;
}
@media (max-width: 767px) {
    .input-custom{
        font-size: 16px !important;
    }
}