*::before, *::after, * {
    box-sizing: border-box;
}
a {
    text-decoration: none;
    background-color: transparent;
}
/*********************************************************************************************************************/
/*********************************************************************************************************************/
html {
    background-color: #E6E6E6;
}

body {
    font-size: 13px;
    font-family: 'Source Sans Pro', Helvetica, Arial, Tahoma, Verdana, sans-serif;
    background-color: #E6E6E6;
    color: #333;
    line-height: 1.42857;
    margin: 0;
}

header, main, footer {
    padding: 10px 5px;
    max-width: 340px;
    margin: 0 auto;
    background: white;
}

::-ms-reveal,
::-ms-clear {
    display: none !important;
}

/*********************************************************************************************************************/

header {
    margin-top: 20px;
    text-align: center;
    padding: 20px 0;
}

/*********************************************************************************************************************/
main {
    /*
    background-color: #D7D7D7;
    */
    padding-bottom: 30px;

}

form {margin-top: 15px;}

label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 3px;
    margin-top: 10px;
    max-width: 100%;
    font-size: 15px;
}
label ul,
label ul li {
    margin:0; padding:0; display: inline;
}

/*********************************************************************************************************************/
span.col-xs-1, span.col-sm-1, span.col-md-1, span.col-lg-1, span.col-xs-2, span.col-sm-2, span.col-md-2, span.col-lg-2,
span.col-xs-3, span.col-sm-3, span.col-md-3, span.col-lg-3, span.col-xs-4, span.col-sm-4, span.col-md-4, span.col-lg-4,
span.col-xs-5, span.col-sm-5, span.col-md-5, span.col-lg-5, span.col-xs-6, span.col-sm-6, span.col-md-6, span.col-lg-6,
span.col-xs-7, span.col-sm-7, span.col-md-7, span.col-lg-7, span.col-xs-8, span.col-sm-8, span.col-md-8, span.col-lg-8,
span.col-xs-9, span.col-sm-9, span.col-md-9, span.col-lg-9, span.col-xs-10, span.col-sm-10, span.col-md-10,
span.col-lg-10, span.col-xs-11, span.col-sm-11, span.col-md-11, span.col-lg-11, span.col-xs-12, span.col-sm-12,
span.col-md-12, span.col-lg-12,
label.col-xs-1, label.col-sm-1, label.col-md-1, label.col-lg-1, label.col-xs-2,
label.col-sm-2, label.col-md-2, label.col-lg-2, label.col-xs-3, label.col-sm-3, label.col-md-3, label.col-lg-3,
label.col-xs-4, label.col-sm-4, label.col-md-4, label.col-lg-4, label.col-xs-5, label.col-sm-5, label.col-md-5,
label.col-lg-5, label.col-xs-6, label.col-sm-6, label.col-md-6, label.col-lg-6, label.col-xs-7, label.col-sm-7,
label.col-md-7, label.col-lg-7, label.col-xs-8, label.col-sm-8, label.col-md-8, label.col-lg-8, label.col-xs-9,
label.col-sm-9, label.col-md-9, label.col-lg-9, label.col-xs-10, label.col-sm-10, label.col-md-10, label.col-lg-10,
label.col-xs-11, label.col-sm-11, label.col-md-11, label.col-lg-11, label.col-xs-12, label.col-sm-12, label.col-md-12,
label.col-lg-12 {
    padding: inherit;
}

input.col-xs-1, input.col-sm-1, input.col-md-1, input.col-lg-1, input.col-xs-2, input.col-sm-2, input.col-md-2,
input.col-lg-2, input.col-xs-3, input.col-sm-3, input.col-md-3, input.col-lg-3, input.col-xs-4, input.col-sm-4,
input.col-md-4, input.col-lg-4, input.col-xs-5, input.col-sm-5, input.col-md-5, input.col-lg-5, input.col-xs-6,
input.col-sm-6, input.col-md-6, input.col-lg-6, input.col-xs-7, input.col-sm-7, input.col-md-7, input.col-lg-7,
input.col-xs-8, input.col-sm-8, input.col-md-8, input.col-lg-8, input.col-xs-9, input.col-sm-9, input.col-md-9,
input.col-lg-9, input.col-xs-10, input.col-sm-10, input.col-md-10, input.col-lg-10, input.col-xs-11, input.col-sm-11,
input.col-md-11, input.col-lg-11, input.col-xs-12, input.col-sm-12, input.col-md-12, input.col-lg-12 {
    padding: 3px;
}

.btn {
    background-color: #FFFFFF;
    color: #666666;
    border: none;
    border-bottom: solid 2px #CCCCCC;
    border-radius: 8px;
}

#div-success {
    padding-top: 20px;
}

.subInputTitle {
    padding: 7px 0 0;
    font-weight: bold;

}

input:disabled {
    background: #dddddd;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: inherit;
    font-family: unset;

    font-family: 'Source Sans Pro', Helvetica, Arial, Tahoma, Verdana, sans-serif;

    font-weight: 500;
    line-height: 1.1;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom: 10px;
    margin-top: 20px;
}
h2, .h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}





/** FROM BOOTSTRAP  **/




.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {
    content: " ";
    display: table;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
.clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-footer::after {
    clear: both;
}
.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-12 {
    width: 100%;
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.alert {
    border: 0;
    border-radius: 1px;
    margin-bottom: 10px;
    padding: 15px;
}

.alert strong {
    font-weight: normal;
}


.alert-danger {
    background-color: #FDE5E5;
    color: #B21F26;
}


label.error {
    color: #B21F26;
    font-size: 13px;
    font-weight: normal;
    margin-left: 0;
    margin-top: 2px;
}



.alert-success {
    background-color: #E1F3DB;
    color: #48842E;
}



p {
    margin: 0 0 10px;
}


.text-justify {
    text-align: justify;
}
.text-right {
    text-align: right;
}
.text-strong {
    font-weight: bold;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-block + .btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
button, select {
    text-transform: none;
}
button {
    overflow: visible;
}











/*********************************************************************************************************************/
/*********************************************************************************************************************/
.hideShowPassword-toggle {
    border: 0;
    border-radius: 0;
    background: #f1f1f1;
    height: 28px;
    right: 3px !important;
    top: 3px !important;
    width: 60px;
    padding: 1px 0;
}

.hideShowPassword-toggle-show {

}

.hideShowPassword-toggle-hide {

}

/* reset button */
.btncss {
    border: 0;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    color: white;

    border-radius: 16px;

    border-style: none;
    float: left;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0 20px;

}

.btncss::-moz-focus-inner {
    padding: 0;
    border: 0;
}


.mg-bot-10 {
    margin-bottom: 10px;
}

.mg-bot-15 {
    margin-bottom: 15px;
}