/* CUSTOMIZATIONS FOR FORM FIELDS */

.button.default {
    border-radius:4px;
}

.credentialform{
    border:1px solid #cccccc;
    border-radius:5px;
    background:#FFFFFF;
    padding:12px;
}

.credentialform h1{
    font-weight: 600;
}

.credentialform .plain{
    font-weight: 600;
}

.credentialform h2{
    font-weight:600;
}

.credentialform label{
    font-weight:600;
}

.credentialform .CredentialTypenone .left .label{

    font-size:16pt;

}

.credentialform input[type=text], .credentialform input[type=password]{
    border: 1px solid #cccccc;
    border-radius: 4px;
}

.credentialform input[type=text]:hover, .credentialform input[type=password]:hover{
    border-color: #4563a4;
}

.credentialform input[type=text]:focus, .credentialform input[type=password]:focus{
    border-color: #1a3369;
}

/*  MODAL  */

._ctxstxt_modal-open {

    display:block;

    padding-top:16px;

    font-weight:bold;

    position: relative;

    text-decoration:none;

}
._ctxstxt_modal {
    background:rgba(0,0,0,0.7);
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    bottom:0px;
    transition:all .5s ease-in-out;
    opacity:0;
    z-index:-1;
}
._ctxstxt_modal:target {
    opacity:1;
    transition:all .5s ease-in-out;
    z-index:+1;
}
._ctxstxt_modal-content {
    position:fixed;
    top:50%;
    left:50%;
    width:700px;
    background:#f9f9f9;
    /*background:#fff;*/
    border-radius:4px;
    transform:translate(-50%, -200%);
    transition:all .5s ease-in-out;
    perspective: 1000;
    outline:1px solid transparent;
    opacity:0;
    max-height:90%;
    overflow-y: auto;
}
._ctxstxt_modal:target ._ctxstxt_modal-content {
    transform:translate(-50%, -50%);
    transition:all .5s ease-in-out;
    transition-delay:.5s;
    z-index:9999;
    opacity:1;
    color:black;
    font-size: 15px;
}
._ctxstxt_modal-close {
    float:right;
    text-decoration:none;
    padding:22px 22px;
    color:#ffffff;
    font-weight:800;
    transition:all .5s ease-in-out;
    z-index:+1;
    background:rgba(0,0,0,0.1);
    text-align:center;
    border-radius:0 4px 0 0;
}
._ctxstxt_modal-close:hover {
    color:#fff;
    background:rgba(0,0,0,0.5);
}
._ctxstxt_modal-content h3 {
    padding:20px;
    display:block;
    text-align:center;
    border-bottom:1px solid #e0e0e0;
    text-transform:uppercase;
    background: #0b4a8c;
    margin: 0;
    /* background:rgba(2,162,239,1); */
    color:#fff;
    border-radius:4px 4px 0 0;
}
._ctxstxt_modal-area {
    text-align:left;
    padding:20px;
}

._ctxstxt_modal-area h2{
    margin: 0 0 15px 0;
}

._ctxstxt_modal-area p{
    margin: 0 0 15px 0;
}

._ctxstxt_modal-area input[type="radio"] {
    display:none;
}

._ctxstxt_modal-area label {
    float:left;
    display:block;
    padding:10px 20px;
    font-weight:700;
    cursor:pointer;
    z-index:+2;
    background:rgba(0,0,0,.3);
    color:#fff;
    transition:all .5s ease-in-out;
}

._ctxstxt_modal-area input[type="radio"]:checked + label {
    background:#fff;
    color:#424242;
}