/*
NOTE: This file for setting ACCESS Theme. You MUST add .x-theme-gray to all your classes
*/

.x-theme-access .x-toolbar-ueheader {
    background-color: #11BBBB;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #11BBBB), color-stop(100%, #11F111));
    border-color: #11BBBB;
}

.x-theme-access .x-container-ueheader {
    background-image: url(/extranet/Resources/themes/images/bandeau.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

.x-theme-access .x-btn-uebuttonheader .x-btn-inner {
    background-color: transparent;
    color: black;
    font-weight: bold;
}

.x-theme-access .x-toolbar-uetoolbar .x-toolbar-item { background-color: transparent; }

.x-theme-access .x-panel-infoperso .x-panel-body {
    padding: 10px;
    padding-top: 5px;
}

/*
NOTE: This file for setting DEFAULT Theme. You MUST add .x-theme-blue to all your classes
*/


.x-theme-blue .x-panel .x-menu { background: none !important; }

.x-theme-blue .x-form-readonly .x-form-text,
.x-theme-blue .x-form-readonly .x-form-textarea {
    background-color: lightgrey;
    background-image: none;
}

/*  Defining a global CSS for all required (AllowBlank=false) fields
*/

.x-theme-blue .x-form-required-field {
    background-image: none;
    border-color: #b5b8c8;
}

.x-theme-blue .x-form-type-text input.x-form-invalid-field {
    background-image: none;
    border-color: #c30;
}

.x-theme-blue .indicator-text {
    color: #c30;
    font-size: medium;
}

.x-theme-blue .fix-statusbar { z-index: 99999; }

/* Style for GridCommand in GridView */

.grid_command {
    color: blue;
    text-decoration: underline;
}

.x-theme-blue .x-container-ueheader {
    background-image: url(/extranet/Resources/themes/esb/images/bandeau-esb.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
}



/*-------------TOP BAR----------------------*/

.x-theme-blue .header-bar {
    background: #2B82D1 !important;
    color: #eeeeee;
}

.x-theme-blue .header-btn .x-btn-inner {
    background-color: transparent;
    color: white;
    font-weight: bold;
}

.x-theme-blue .x-header-btn-over .x-btn-inner {
    background-color: transparent;
    color: lightcyan;
    font-weight: bold;
}

.x-nlg .x-toolbar-default { background-image: none !important; }

.x-theme-blue .x-toolbar-uetoolbar {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
}

.x-theme-blue .x-toolbar-uetoolbar .x-toolbar-item {
    background-color: transparent;
    border-color: transparent;
    color: white;
}

.x-theme-blue .header-btn .x-btn-inner .x-btn-over { color: black; }

/*------------INFO PERSO & ALERTS-----------*/

.x-theme-blue .x-panel-infoperso .x-panel-header { /*background: #d38b29;     height: 20px;     border: 0px;*/ }

.x-theme-blue .x-panel-infoperso .x-panel-body {
    padding: 10px;
    padding-top: 5px;
}

.x-theme-blue .x-panel-alert .x-panel-header { /*background: #FBDDAF;     height: 20px;     border: 0px;*/ }

.x-theme-blue .x-panel-alert .x-panel-body {
    padding: 10px;
    padding-top: 5px;
}

.x-theme-blue .alert-label .x-label-value {
    color: black;
    font-size: 11px;
    font-weight: bold;
}

.x-theme-blue .alert-detail .x-label-value {
    color: black;
    font-size: 11px;
}

/*---------------MAIN STUDENT PANEL CONTENT--------------------*/

.x-theme-blue .x-panel-uemaincontent .x-panel-header { /*background: #FBDDAF;     height: 20px;     border: 0px;*/ }

/* Saisie des notes */

.x-theme-blue #pnlGradeEntry .x-column-header {
    background: steelblue;
    color: white;
}

/*
NOTE: This file for setting DEFAULT Theme. You MUST add .x-theme-blue to all your classes
*/


.x-theme-blue .x-panel .x-menu { background: none !important; }

.x-theme-blue .x-form-readonly .x-form-text,
.x-theme-blue .x-form-readonly .x-form-textarea {
    background-color: lightgrey;
    background-image: none;
}

/*  Defining a global CSS for all required (AllowBlank=false) fields
*/

.x-theme-blue .x-form-required-field {
    background-image: none;
    border-color: #b5b8c8;
}

.x-theme-blue .x-form-type-text input.x-form-invalid-field {
    background-image: none;
    border-color: #c30;
}

.x-theme-blue .indicator-text {
    color: #c30;
    font-size: medium;
}

.x-theme-blue .fix-statusbar { z-index: 99999; }

/* Style for GridCommand in GridView */

.grid_command {
    color: blue;
    text-decoration: underline;
}

.x-theme-blue .x-container-ueheader {
    background-image: url(/extranet/Resources/themes/esb/images/bandeau-new.jpg);
    background-position: center;
    background-repeat: no-repeat;
}



/*-------------TOP BAR----------------------*/

.x-theme-blue .header-bar {
    background: #2B82D1 !important;
    color: #eeeeee;
}

.x-theme-blue .header-btn .x-btn-inner {
    background-color: transparent;
    color: black;
    font-weight: bold;
}

.x-theme-blue .x-header-btn-over .x-btn-inner {
    background-color: transparent;
    color: lightcyan;
    font-weight: bold;
}

.x-nlg .x-toolbar-default { background-image: none !important; }

.x-theme-blue .x-toolbar-uetoolbar {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
}

.x-theme-blue .x-toolbar-uetoolbar .x-toolbar-item {
    background-color: transparent;
    border-color: transparent;
    color: black;
}

.x-theme-blue .header-btn .x-btn-inner .x-btn-over { color: black; }

/*------------INFO PERSO & ALERTS-----------*/

.x-theme-blue .x-panel-infoperso .x-panel-header { /*background: #d38b29;     height: 20px;     border: 0px;*/ }

.x-theme-blue .x-panel-infoperso .x-panel-body {
    padding: 10px;
    padding-top: 5px;
}

.x-theme-blue .x-panel-alert .x-panel-header { /*background: #FBDDAF;     height: 20px;     border: 0px;*/ }

.x-theme-blue .x-panel-alert .x-panel-body {
    padding: 10px;
    padding-top: 5px;
}

.x-theme-blue .alert-label .x-label-value {
    color: black;
    font-size: 11px;
    font-weight: bold;
}

.x-theme-blue .alert-detail .x-label-value {
    color: black;
    font-size: 11px;
}

/*---------------MAIN STUDENT PANEL CONTENT--------------------*/

.x-theme-blue .x-panel-uemaincontent .x-panel-header { /*background: #FBDDAF;     height: 20px;     border: 0px;*/ }

/* Saisie des notes */

.x-theme-blue #pnlGradeEntry .x-column-header {
    background: steelblue;
    color: white;
}

/*
NOTE: This file for setting GRAY Theme. You MUST add .x-theme-gray to all your classes
*/

.x-theme-gray .x-toolbar-ueheader {
    background-color: #11BBBB;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #11BBBB), color-stop(100%, #11F111));
    border-color: #11BBBB;
}

.x-theme-gray .x-container-ueheader {
    background-image: url(/extranet/Resources/themes/esb/images/bandeau.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

.x-theme-gray .x-btn-uebuttonheader .x-btn-inner {
    background-color: transparent;
    color: white;
    font-weight: bold;
}

.x-theme-gray .x-toolbar-uetoolbar .x-toolbar-item { background-color: transparent; }

/*-------------TOP BAR----------------------*/

.x-theme-gray .header-bar {
    background: #97B42A !important;
    color: #eeeeee;
}

.x-theme-gray .header-btn .x-btn-inner {
    background-color: transparent;
    color: white;
    font-weight: bold;
}

.x-theme-gray .x-header-btn-over .x-btn-inner {
    background-color: transparent;
    color: lightcyan;
    font-weight: bold;
}

.x-nlg .x-toolbar-default { background-image: none !important; }

.x-theme-gray .x-toolbar-uetoolbar {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
}

.x-theme-gray .x-toolbar-uetoolbar .x-toolbar-item {
    background-color: transparent;
    border-color: transparent;
    color: white;
}

.x-theme-gray .header-btn .x-btn-inner .x-btn-over { color: black; }


/*------------INFO PERSO & ALERTS-----------*/

.x-theme-gray .x-panel-infoperso .x-panel-header { /*background: #d38b29;     height: 20px;     border: 0px;*/ }

.x-theme-gray .x-panel-infoperso .x-panel-body {
    padding: 10px;
    padding-top: 5px;
}

.x-theme-gray .x-panel-alert .x-panel-header { /*background: #FBDDAF;     height: 20px;     border: 0px;*/ }

.x-theme-gray .x-panel-alert .x-panel-body {
    padding: 10px;
    padding-top: 5px;
}

.x-theme-gray .alert-label .x-label-value {
    color: black;
    font-size: 11px;
    font-weight: bold;
}

.x-theme-gray .alert-detail .x-label-value {
    color: black;
    font-size: 11px;
}

/*
NOTE: This file for setting GRAY Theme. You MUST add .x-theme-gray to all your classes
*/

.x-theme-gray .x-toolbar-ueheader {
    background-color: #11BBBB;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #11BBBB), color-stop(100%, #11F111));
    border-color: #11BBBB;
}

.x-theme-gray .x-container-ueheader {
    background-image: url(/extranet/Resources/themes/esb/images/bandeau-new.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

.x-theme-gray .x-btn-uebuttonheader .x-btn-inner {
    background-color: transparent;
    color: black;
    font-weight: bold;
}

.x-theme-gray .x-toolbar-uetoolbar .x-toolbar-item { background-color: transparent; }

/*-------------TOP BAR----------------------*/

.x-theme-gray .header-bar {
    background: #eeeeee !important;
    color: #eeeeee;
}

.x-theme-gray .header-btn .x-btn-inner {
    background-color: transparent;
    color: black;
    font-weight: bold;
}

.x-theme-gray .x-header-btn-over .x-btn-inner {
    background-color: transparent;
    color: lightcyan;
    font-weight: bold;
}

.x-nlg .x-toolbar-default { background-image: none !important; }

.x-theme-gray .x-toolbar-uetoolbar {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
}

.x-theme-gray .x-toolbar-uetoolbar .x-toolbar-item {
    background-color: transparent;
    border-color: transparent;
    color: white;
}

.x-theme-gray .header-btn .x-btn-inner .x-btn-over { color: black; }


/*------------INFO PERSO & ALERTS-----------*/

.x-theme-gray .x-panel-infoperso .x-panel-header { /*background: #d38b29;     height: 20px;     border: 0px;*/ }

.x-theme-gray .x-panel-infoperso .x-panel-body {
    padding: 10px;
    padding-top: 5px;
}

.x-theme-gray .x-panel-alert .x-panel-header { /*background: #FBDDAF;     height: 20px;     border: 0px;*/ }

.x-theme-gray .x-panel-alert .x-panel-body {
    padding: 10px;
    padding-top: 5px;
}

.x-theme-gray .alert-label .x-label-value {
    color: black;
    font-size: 11px;
    font-weight: bold;
}

.x-theme-gray .alert-detail .x-label-value {
    color: black;
    font-size: 11px;
}

/*
NOTE: This file for setting GRAY Theme. You MUST add .x-theme-gray to all your classes
*/

.x-theme-neptune .x-container-ueheader {
    background-image: url(/extranet/Resources/themes/images/unify-bandeau.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
}

.x-theme-neptune .x-btn-uebuttonheader .x-btn-inner {
    background-color: transparent;
    color: white;
    font-weight: bold;
}

.x-theme-neptune .x-toolbar-uetoolbar .x-toolbar-item { background-color: transparent; }

/*
NOTE: This file for setting GRAY Theme. You MUST add .x-theme-gray to all your classes
*/


.x-theme-non .x-container-ueheader {
    background-image: url(/extranet/Resources/themes/images/unify-bandeau.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
}

.x-theme-non .x-btn-uebuttonheader .x-btn-inner {
    background-color: transparent;
    color: white;
    font-weight: bold;
}

.x-theme-non .x-toolbar-uetoolbar .x-toolbar-item { background-color: transparent; }

/*-------------------solution for abug of tooltip in firefox and safari ------------------------*/
.x-tip {
    height: auto !important;
    max-width: 499px !important;
    width: auto !important;
}

.x-tip-body {
    height: auto !important;
    max-width: 499px !important;
    width: auto !important;
}