@font-face{
    font-family: 'Open Sans Light';
    src:    url('../fonts/openSans/OpenSans-Light.eot'),
        /*url('../fonts/openSans/opensans-light-webfont.woff2') format('woff2'),*/
    url('../fonts/openSans/opensans-light-webfont.woff') format('woff'),
    url('../fonts/openSans/OpenSans-Light.ttf') format('ttf');
    /*src: local("Open Sans Light"), url('../fonts/openSans/OpenSans-Light.ttf') format("truetype");*/

}

@font-face{
    font-family: 'Open Sans Regular';
    src:    url('../fonts/openSans/OpenSans-Regular.eot'),
        /*url('../fonts/openSans/opensans-regular-webfont.woff2') format('woff2'),*/
    url('../fonts/openSans/opensans-regular-webfont.woff') format('woff'),
    url('../fonts/openSans/OpenSans-Regular.ttf') format('ttf');
    /*src: local("Open Sans Regular"),url('../fonts/openSans/OpenSans-Regular.ttf') format("truetype");*/

}

@font-face{
    font-family: 'Open Sans Semi Bold';
    src:    url('../fonts/openSans/OpenSans-Semibold.eot'),
        /*url('../fonts/openSans/opensans-semibold-webfont.woff2') format('woff2'),*/
    url('../fonts/openSans/opensans-semibold-webfont.woff') format('woff'),
    url('../fonts/openSans/OpenSans-Semibold.ttf') format('ttf');
    /*src: local("Open Sans Semi Bold"),url('../fonts/openSans/OpenSans-Semibold.ttf') format("truetype");*/

}

@font-face{
    font-family: 'Open Sans Bold';
    src:    url('../fonts/openSans/OpenSans-Bold.eot'),
        /*url('../fonts/openSans/opensans-bold-webfont.woff2') format('woff2'),*/
    url('../fonts/openSans/opensans-bold-webfont.woff') format('woff'),
    url('../fonts/openSans/OpenSans-Bold.ttf') format('ttf');
    /*src: local("Open Sans Bold"),url('../fonts/openSans/OpenSans-Bold.ttf') format("truetype");*/

}

@font-face{
    font-family: 'Open Sans Italic';
    src:    url('../fonts/openSans/OpenSans-Italic.eot'),
        /*url('../fonts/openSans/opensans-italic-webfont.woff2') format('woff2'),*/
    url('../fonts/openSans/opensans-italic-webfont.woff') format('woff'),
    url('../fonts/openSans/OpenSans-Italic.ttf') format('ttf');
    /*src: local("Open Sans Italic"),url('../fonts/openSans/OpenSans-Italic.ttf') format("truetype");*/

}

.x-main-panel-registration-window{ /* Css of the registration window panel */
    /*background-color: #507cc2;*/
    background-color: #4f7bc2;
}

.x-main-container-registration-form{ /* background of the main container of the registration form (child  of the panel registration)*/
    background-color: transparent;
}


.x-main-head-container-registration-form{
    background-color: transparent;
}

.x-title-body-container-configuration-registration{
    background: transparent;
}

.x-main-title-label-registration-form{ /*  label title of the registration form */
    color:white;
    font-size:40px;
    font-family: "Open Sans Regular";
}

.x-main-separator-title-registration-form{ /*  separator between the title and the sub title*/
    background-color: #6691d4;
}


.x-main-sub-title-label-registration-form{ /*  label of the sub title of the registration form */
    color: #95bf3d;
    font-size: 22px;
    font-family: "Open Sans Bold";
}

.x-main-information-label-registration-form{ /* label information of the registration form */
    color:white;
    font-size:14px;
    font-family: "Open Sans Light";
}

.x-progress-container-configuration-welcome{
    background: transparent;
}

.x-body-container-configuration-registration{
    background: transparent;
}


.x-form-field-registration{ /* fieldCls */
    margin-top : 10px;
    height:50px;
    border-radius: 3px;
    /*background: #6691d4 !important;*/
    font-size: 18px;
    font-family: "Open Sans Regular";
    color:white;
}
.x-form-field-registration .x-form-invalid-field{
    border-color: #c30 !important;
}


.x-form-label-registration{ /* labelCls */
    color: white;
    font-family: "Open Sans Regular";
    /*font-weight: normal;*/
    font-size: 14px;
}
.x-form-field-label-registration{ /* cls */
    margin-left : 10px;
    margin-right : 10px;
}
.x-form-field-label-registration input.x-form-invalid-field{
    border-color: #c30 !important;
}

.x-form-field-valid-registration.x-form-text{
    padding:4px 6px 3px 6px;
    border:1px solid;
    border-color: #008200;
    line-height: 15px;
}

.x-form-label-registration-invalid{

}

.x-container-warning-message{
    background-color: #eb5b47;
    border-radius: 3px;
    border:1px solid #eb5b47;
}

.x-lbl-email-invalidate-login-form{
    /*background-color: #eb5b47;*/
    color: white !important;
    font-size: 12px;
    font-family: "Open Sans Regular";
}
.x-checkbox-cls-registration .x-form-checkbox{
    width:15px;
    height:15px;
    background-image: url(../images/checkbox.png);
    background-repeat: no-repeat;
}



/*.x-checkbox-cls-registration .x-form-checkbox .x-form-cb-checked{*/
/*background-position-x: 0px !important;*/
/*background-position-y: -21px !important;*/
/*}*/


/*.x-checkbox-registration-checked{*/
/*background-image: url(../images/registration/checkbox.png);*/
/*background-repeat: no-repeat;*/
/*background-position-x: 0px !important;*/
/*background-position-y: -21px !important;*/
/*}*/


.x-checkbox-cls-registration .x-form-checkbox-focus{
    background-position-x: 0px !important;

}

.x-checkbox-cls-registration .x-form-checkbox-focus{
    background-position-x: 0px !important;

}

.x-checkbox-projects-registration-form-after{
    padding-left : 24px;
    font-family: "Open Sans Regular";
}

.x-checkbox-projects-registration-form{
    color:white;
    height:20px;
    font-size: 12px;
    font-family: "Open Sans Light";
    padding-left:20px !important;
    padding-top: 2px !important;
    /*margin-left: 20px;*/
    /*margin-top:3px !important;*/
    display:inline-block;
    zoom:1;
    letter-spacing: 1px;
}

.x-button-registration-continue{
    background: #96c034 !important;
    border:1px solid white;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    font-family: "Open Sans Regular" !important;
    font-size: 24px !important;
    color:white;
}

.x-btn-registration-small .x-btn-inner{
    font-size : 18px;
    /*font-weight: bold;*/
    font-family: "Open Sans Regular";

}

.x-button-registration-continue-disabled{
    background: #636363 !important;
    border: #9a9a9a;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    font-family: "Open Sans Regular" !important;
    font-size: 24px !important;
    color: #888888 !important;
}

.x-button-forgot-password-login{
    background: transparent !important;
    border:1px solid transparent;
    /*text-align: center;*/
}
.x-btn-forgotPasswordLogin-small .x-btn-inner{
    font-size : 12px;
    font-family: "Open Sans Regular";
    color:white;
    text-align: center;
}
.x-btn-forgotPasswordLogin-small-over .x-btn-inner{
    font-size : 12px;
    font-family: "Open Sans Regular";
    color:white;
    text-decoration: underline;
    text-align: center;
}

.x-confirmation-body-default{
    border-color:transparent;
    background-color: #ffffff;
    border-radius: 5px;
    border: 0px solid;
}
.x-mask.customLoaderMask{
    opacity: .9 !important;
    background: rgb(30, 79, 148) !important;
    cursor:default !important;
}

.x-panel-body-formBodyConfiguration{ /* extension of the default css for the form with a ui "formBodyConfiguration" */
    background: white;
    border-color: #157fcc;
    color: black;
    font-size: 13px;
    font-weight: normal;
    font-family: helvetica,arial,verdana,sans-serif;
    border-width: 0px;
    border-style: solid;
}
.x-img-calendar-user-dashboard{
    background-color: transparent;
    /*width:19px !important;*/
    /*height:19px !important;*/
}

.x-lbl-warning-window-title{
    color: #c24712; !important;
    font-size: 18px;
    font-family: "Open Sans Bold";
}

.x-lbl-confirmation-window-description{
    color: #646464 !important;
    font-size: 14px;
    font-family: Helvetica;
}

.x-text-field-fieldCls-forgot-password{ /* fieldCls */
    margin-top : 10px;
    height:50px;
    border-radius: 3px;
    background: white !important;
    font-size: 18px;
    font-family: "Open Sans Regular";
    color:#3c5896 !important;

}

.x-button-reset-password{
    background: white !important;
    border:1px solid #96c034;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    color:#96c034;
}

.x-btn-resetPassword-small .x-btn-inner{
    font-size : 18px;
    font-family: "Open Sans Regular";
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.x-btn-resetPassword-small-over .x-btn-inner{
    color:white;
    background-color: #96c034;

}

.x-button-reset-password-disabled{
    background: transparent !important;
    border:1px solid #aeaeae !important;
    font-family: "Open Sans Regular" !important;
    font-size: 24px !important;
    color:#aeaeae !important;
}


.x-text-field-cls-forgot-password{ /* cls */
    margin-left : 10px;
    margin-right : 10px;
}

.x-text-field-fieldCls-forgot-password.x-form-text{
    padding:4px 6px 3px 6px;
    border:1px solid;
    border-color: #3c5896;
    line-height: 15px;
}
.x-lbl-support-contact-warning-window-description{
    color: #646464 !important;
    font-size: 11px;
    font-family: Helvetica;
}

.x-button-contact-support{
    background: transparent !important;
    border:1px solid transparent;
}

.x-btn-contactSupport-small .x-btn-inner{
    font-size : 12px;
    font-family: "Open Sans Regular";
    color:#000000;
    text-align: center;
    text-decoration:underline;
}

.x-button-confirmation-save{
    background: white !important;
    border:1px solid #96c034;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}

.x-btn-confirmation-small .x-btn-inner{
    font-size : 18px;
    font-family: "Open Sans Regular";
    color:#96c034;
    padding-left: 10px;
    padding-right: 10px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.x-btn-confirmation-small-over .x-btn-inner{
    color:white;
    background-color: #96c034;
}
.x-lbl-confirmation-window-title{
    color: #95bf3d; !important;
    font-size: 18px;
    font-family: "Open Sans Bold";
}
.x-con-header{
    background-color: #1d4584;
}


.x-form-field-welcome{
    height:50px;
    margin-top: 10px;
    border-radius: 3px;
    background: #6691d4 !important;
    font-size: 18px;
    font-family: "Open Sans Regular";
    font-weight: normal !important;
    color:white !important;

}
.x-form-label-welcome{
    color: #95bf3d;
    font-family: "Open Sans Regular";
    font-weight: normal;
    font-size: 14px;
}
.x-form-field-label-welcome{
    margin-left : 10px;
    margin-right : 10px;
}
.x-form-focus{
    border-color:white;
}