.panel-custom{
     margin-bottom: -6px!important;
     border-radius:0px!important;
}
.panel-heading-custom{
     background-color: #fff!important;
}
.panel-collapse.collapse.in .panel-body{
     border-top:1px solid orange;
}
.panel-title a{
     font-size:.9em!important;
     letter-spacing: 1px;
}
.mandatory{
     color:red;
     padding:0 5px;
}
input[type="radio"]:focus{
    outline: none;
    border:none;
}
/*select:focus ~ .form-label, select:not(:focus):valid ~ .form-label,
select[disabled]:not(:focus) ~ .form-label,*/
input[type="file"]:not(:focus) ~ .form-label,
input[type="file"]:focus ~ .form-label,

input:focus ~ .form-label, input:not(:focus):valid ~ .form-label,
input[readonly] ~ .form-label{
     top: -7px;
     opacity: 1;
     font-size: .85em;
     color:#999;
}

.form-label {
     position: absolute;
     pointer-events: none;
     letter-spacing:.07em;
     top: 18px;
     left:15px;
     transition: 0.2s ease all;
}
.form-label-select {
     position: absolute;
     pointer-events: none;
     letter-spacing:.07em;
     top: 18px;
     left:15px;
	 top: -7px;
	 font-size: .85em;
     color:#999;
}
.form-input {
     position: relative;
     padding: 12px 0px 5px 0;
     width: 100%;
     outline: 0;
     border: 0;
     box-shadow: 0 1px 0 0 #e5e5e5;
     letter-spacing:.09em;
     font-weight: bold;
     padding-right:18px;
}
.form-input-select {
     position: relative;
     padding: 12px 0px 5px 0;
     width: 100%;
     outline: 0;
     border: 0;
     box-shadow: 0 1px 0 0 #e5e5e5;
     letter-spacing:.09em;
     font-weight: bold;
     padding-right:18px;
}
.form-input[readonly]:focus , .form-input[readonly]:not(:focus){
    /*box-shadow: 0 1px 0 0 #e5e5e5;*/
    box-shadow: none;
}
.form-input:focus{
     box-shadow: 0 1px 0 0 #999;
     transition: box-shadow 150ms ease-out;
}
.help-block{
    /*  height:5px; */
    margin:0px!important;
}
.list-unstyled{
    margin:0px;
    font-size:.8em;
    color:red;
    letter-spacing:.01em;
}
button {
     border: none;
     cursor: pointer;
}
/* Ripple magic */
button{
     position: relative;
     overflow: hidden;
}
button:after {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     width: 5px;
     height: 5px;
     background: rgba(255, 255, 255, .5);
     opacity: 0;
     border-radius: 100%;
     transform: scale(1, 1) translate(-50%);
     transform-origin: 50% 50%;
}
@keyframes ripple {
     0% {
         transform: scale(0, 0);
         opacity: 1;
    }
     20% {
         transform: scale(25, 25);
         opacity: 1;
    }
     100% {
         opacity: 0;
         transform: scale(40, 40);
    }
}
button:focus {
    outline:0!important;
}
button:focus:not(:active)::after {
     animation: ripple 1s ease-out;
}

small{
    font-size: .7em;
}
small .mandatory{
    padding:0px;
}
.form-group{
	height:44px!important;
}
.secret-question-box-2{
        width:400px;
    height:500px;
    margin:auto;
    position:absolute; 
    z-index:1;
    left:calc((100% - 400px)/2);
    top:calc((100% - 500px)/2);
    background-color: #fff;
    border:1px solid #f5f5f5;
    padding:16px;
}