/* Global scaling
html {
    zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
}
/* Ugly fix for firefox scaling
@-moz-document url-prefix() {
    html { width: 134% }
}

*/

h2, .h2 {font-size: 20px;}
h3, .h3 {font-size: 15px;}
h4, .h4 {font-size: 14px;}

a {
    color: #5EC3F9;
}

/* Login page  372px large */

#logo {
    position: relative;
    right: 155px;
    padding-bottom: 10px;
}

.form-box {
    width: 374px;
}

.col-md-12.bg-grace .box-list, .col-md-12.bg-grace .content{
    color: black;
    background: #ededed url('../images/bg-logo.png') no-repeat bottom right;
}
.col-md-12.bg-grace {float:none}

.form-box .body, .form-box .footer {
    padding: 10px 20px;
    background: none;
    color: #444;
    text-align: center;
}

.form-box hr {
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #cdcdcd;
}

.form-box .subheader {
    text-align: center;
}

.form-box .body {
    padding: 0;
}

.form-box .footer {
    padding: 0;
    padding-top: 20px;
}

.form-box .footer a {
    text-decoration: underline;
}

.form-box form {
    text-transform: uppercase;
}

.form-box .body > .form-group > input {
    border: 1px solid #b1b1b1;
}


/*
 * Global Layout (scaling)
 */

body {
    overflow-x: initial !important;
}
body, .btn {
    font-size: 10px;
}

body > .header {z-index: 0}

.form-control {
    height: 24px;
    padding: 0px 4px;
    font-size: 10px;
}
.form-group {
    margin-bottom: 5px;
}
.list-basic {
    list-style: disc !important;
    padding-left: 20px !important;
}

label {
    margin-bottom: 0px;
}

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.content {
    padding: 15px 15px;
    padding-bottom: 0px;
    margin: 15px;
    background: #ededed;
    min-height: 575px;
}

footer {
    height: 100px;
    background: url('../images/footer-waves.png') center no-repeat;
    text-align: right;
    padding-right: 40px;
    position: initial;
}

footer b {
    font-size: 1.3em;
}

footer i.version {
    position: absolute;
    bottom: 20px;
    right: 30px;
    color: #ccc;
}

.box .box-header > .fa, .box .box-header > .glyphicon, .box .box-header > .ion, .box .box-header .box-title {
    padding: 5px 0px 5px 5px;
    font-size: 14px;
}


/* Right side list view for a session */

.right-side, .session-edit { margin-left: 150px }
.right-side > .content-header {
    padding: 0;
}

/* Left side menu */

.left-side {
    margin-left: 15px;
    margin-top: 15px;
    top:initial !important;
    min-height: inherit !important;
    width: 150px
}

ul.leftmenu {
    padding: 0;
}

.sidebar ul.leftmenu > li {
    display: block;
    height: 45px;
    background: #bfbfbf url('../images/sidemenu_shadow.png') right repeat-y;
    margin-bottom: 7px;
    text-align: center;
}
.sidebar ul.leftmenu > li.active {
    background: #ededed;
}


/* Left menu link icons */
.sidebar ul.leftmenu > li > a {
    color: #646464;
    text-transform: uppercase;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    padding-left: 45px;
    display: block;
    height: 100%;
    line-height: 46px;
    background: no-repeat 10% 50%;
}
.sidebar ul.leftmenu > li > a#inscrip { background-image: url('../images/icons/icon_inscrip.png') }
.sidebar ul.leftmenu > li > a#orga { background-image: url('../images/icons/icon_orga.png') }
.sidebar ul.leftmenu > li > a#correc { background-image: url('../images/icons/icon_correc.png') }
.sidebar ul.leftmenu > li > a#results { background-image: url('../images/icons/icon_results.png') }
.sidebar ul.leftmenu > li > a#diploma { background-image: url('../images/icons/icon_diploma.png') }
.sidebar ul.leftmenu > li > a#sessionClose { background-image: url('../images/icons/icon_session.png') }

.sidebar ul.leftmenu > li.active > a {
    color: #333;
}

/* Left menu session info */
#session-info {
    color: #FFF;
    display: block;
    background: url("../images/sidemenu_shadow.png") repeat-y scroll right center #F87F79;
    width: 135px;
    margin-left: 15px;
}
#session-info .info {
    padding: 10px;
    font-size: 11px;
    line-height: 15px;
    font-weight: bold;
}
#session-info .info a {
    padding-left: 20px;
    color: #fff;
}
#session-info .info a.close-session { background: url('../images/icons/icon_close.png') no-repeat left; background-size: 14px }
#session-info .info a.edit-session { background: url('../images/icons/modal-edit.png') no-repeat left; background-size: 16px}

/* Datepicker */
.datepicker.dropdown-menu { z-index: 2300 !important; }

/* Box list template */
.box-list {
    margin: 15px;
    padding: 15px;
    min-height: 400px;
}
.box .box-body {
    padding: 5px;
}

.box-list ul, .box .box-body ul  {
    margin: 0;
    padding: 0;
}

li.block-element {
    list-style: none;
    display: table-cell;
    padding: 0 10px 10px 0;
}
#session-list li.block-element a {
    display: table-cell;
    width: 130px;
    height: 165px;
    background: white;
    color: black;
    border: 1px #F87F79 solid;
    border-radius: 10px;
    padding: 6px;
    margin: 6px;
}

.clickable {
    cursor: pointer;
}

li.session-create-btn {
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.6em;
}
li.session-create-btn span {
    font-size: 2em;
}
#session-list li.session-create-btn a {
    background-color: #F87F79;
    color: white;
    padding-top: 18px;
}
#session-list li.session-create-btn a:hover {
    background-color: #fff;
    color: #F87F79;
    /*border: 1px #fff solid;*/
}

/* Sonata edit box */
.box {
    border:0;
    background: transparent;
    margin-bottom: 0px;
    border-radius: 0px;
    box-shadow: none;
}

/* Sessions type block */
i.session-icon{
    width: 75px;
    height: 30px;
    display: block;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    margin:auto;
}
i.session-EX {background-image: url("../images/session/exlo.png")}
i.session-EL {background-image: url("../images/session/exle.png")}
i.session-DX {background-image: url("../images/session/edlo.png")}
i.session-DL {background-image: url("../images/session/edle.png")}
i.session-PX {background-image: url("../images/session/eplo.png")}
i.session-PL {background-image: url("../images/session/eple.png")}

i.cat-X {background-image: url("../images/icons/cat-X.png")}
i.cat-L {background-image: url("../images/icons/cat-L.png")}
i.cat-X-w {background-image: url("../images/icons/cat-X-w.png")}
i.cat-L-w {background-image: url("../images/icons/cat-L-w.png")}

.block-element ul > li {
    list-style: none;
    padding-left: 4px;
    padding-right: 4px;
}

.block-element ul > li.upper {
    list-style: none;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: bold;
    color: #F87F79;
    text-align: center;
}

.block-element ul > li#sessionId {
    text-align: left;
}

.block-element ul > li > p {
    margin-bottom: 15px;
    font-size: 0.9em;
    font-weight: bold;
}

.block-element ul > li > i {
    position: relative;
    bottom: 3px;
}

/* Session create page */
.session-create {
    padding: 0px 150px;
    color: #333;
    height: 600px;
}
.session-edit .session-create {
    padding: 0px 20px;
}
.session-create .box {
    width: 50%;
}
.session-create h4, .session-show h4 {
    color: #F87F79;
    text-transform: uppercase;
    font-size: 18px !important;
    font-weight: bold !important;
}
.session-show h4 {margin-left: 30px !important}
.session-create .box-body {
    display: table;
}
.session-create .form-group {
    display: table-row;
}
.session-create .exam > .form-group > .sonata-ba-field {
    display: table;
    width: 400px;
}
.session-create .sonata-ba-field, .session-create .label-field {
    display: table-cell;
    width: 200px;
    vertical-align:top;
}
.session-create .form-control{
    border: 1px solid #b2b2b2;
}
.session-create .select-grey{
    margin-bottom: 10px;
}
.session-create label {
    margin-bottom: 10px;
}
.session-create .control-label {
    line-height: 25px;
}

.session-create-submit {
    width: 405px;
    text-align: right;
}


/* custom bootstrap inputs */
.btn.btn-success, .btn.btn-success:hover {
    background-color: #fff;
    border-color: #b2b2b2;
    color: #000;
    text-transform: uppercase;
}

.input-group {
    width: 100%;
}
.inline-form .input-group{
    width: inherit;
    display: inline-flex;
}

.input-group .input-group-addon {
    background: #bfbfbf url('../images/icons/calendar.png') center no-repeat;
    border: 1px solid #b2b2b2;
    border-left: 0;
    width: 25px;
}

/* Bootstrap grid */

.modal-body .col-md-12 {
    padding: 0px;
}
.col-md-10 .content {
    margin: 0px;
}


/* Loading */
#loadingDiv {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #FFF;
    opacity: 0.8;
    filter: alpha(opacity=70);
    z-index: 1080;
    color: black;
    cursor: wait;
}

#loadingText {
    width: 220px;
    height: 60px;
    font-size: 3em;
}

/* Header navigation */

.logo img {
    display: inline;
    padding-bottom: 4px;
    max-width: 145px;
}

body > .header {
    height: 90px;
    max-height: 90px;
    background-color: #ededed;
}

body > .header .logo {
    float: left;
    padding: 10px;
    height: initial;
}

body > .header .navbar {
    height: 8em;
}

body.fixed .wrapper {
    margin-top: 8em;
}

/* Header menu */

#navcontainer ul
{
    float:right;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-align: center;
    border-left: 1px solid #cdcdcd;
    height: 90px;
}

#navcontainer ul.menu > li {
    display:inline-block;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #cdcdcd;
}

#navcontainer ul li.active a.menu-item {
    border-bottom: 4px #F87F79 solid;
    line-height: 86px;
}

#navcontainer ul li a.menu-item
{
    float: left;
    text-decoration: none;
    color: #333;
    background-color: #ededed;
    width: 150px;
    font-size: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 90px;
}
#navcontainer ul li a.double-line {
    line-height: 20px;
    padding-bottom: 25px;
    padding-top: 25px;
    word-spacing: 999px;
}
#navcontainer ul li.active a.double-line {line-height: 18px;}

#navcontainer ul li a.menu-item:hover
{
    color: #333;
    background-color: #ffffff;
    border-left: 1px solid #ffffff;
}

#navcontainer ul div.user_info {
    display: block;
    float: right;
}

#navcontainer ul div.user_info ul {
    display: block;
    text-decoration: none;
    border: 0;
    padding-top: 20px;
    padding-right: 20px;
    list-style: none;
    line-height: 0px;
}

.user_info a {text-decoration: underline;color: black;}

#navcontainer ul div.user_info ul li {
    text-align: right;
    padding: 10px;
    border: 0;
}

#navcontainer .fa-user {
    font-size: 3em;
    padding: 1em;
}

.user_info .username {
    font-size: 1.3em;
}


/* Form elements */

.reserved-place {
    background: url('../images/reserved-place.png') no-repeat;
    background-position: 20px 0;
    background-size: 90px;
}

.inputs label {
    padding: 5px;
}

.pairOptions {
    /*width: 500px;*/
}

.pairOptions > .option {
    display: block;
    height: 30px;
}

.pairOptions > .option label {
    display: block;
    float: left;
    padding: 0px 5px 0px 5px;
}

.pairOptions .corr > label, .pairOptions .corr > input[type=number] {
    float: left;
    height: 18px;
    padding: 0 10px;
}
.pairOptions .corr > label {
    width: 160px;
    text-align: right;
}
.pairOptions .corr > input[type=number] { width: 150px }

.pairOptions .corr {
    float: right;
}
.form-group.corr-options > .label-field {
    vertical-align: top;
}

.select-grey {
    overflow: hidden;
    background: #fff url("../images/icons/grey-select.png") no-repeat right;
}

.select-grey select {
    padding: 0px 4px;
    background: transparent;
    -webkit-appearance: none;
}

.select-grey option {
    padding-right: 35px;
}

input.marriedName {background-color: #FFEBC2}

/**
 * Sonata list table views
 */
.row {
    margin-top: 10px;
}

.sonata-ba-list-field-header {
    background-color: #bfbfbf;
    color: #fff;
}

.box.box-primary, .table-bordered, .table-bordered>tfoot>tr>th {
    border: 0px;
}
.box.box-primary .box-body.table-responsive {
    border: 1px solid #b2b2b2;
}
.box.box-primary .table-bordered>thead>tr>th, .box.box-primary .table-bordered>tbody>tr>td {
    border: 0px;
    border-right: 1px solid #fff;
    vertical-align: middle;
    text-align: center;
    padding: 4px;
}
.box.box-primary .table-bordered>tbody>tr>td {
    padding: 0;
}
.box.box-primary td.sonata-ba-list-field-actions, .box.box-primary th.sonata-ba-list-field-header-actions {
    border-right: 0px !important;
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #fff;
}
.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th {
    background-color: #ece8e9;
}
.sonata-ba-list-field-header a {
    color: #fff;
    padding-right: 18px;
    background: url("../images/icons/th-sortable.png") no-repeat right;
}
th.sonata-ba-list-field-header-order-asc a:hover:before, th.sonata-ba-list-field-header-order-asc.sonata-ba-list-field-order-active a:before, th.sonata-ba-list-field-header-order-desc.sonata-ba-list-field-order-active a:hover:before,
th.sonata-ba-list-field-header-order-desc a:hover:before, th.sonata-ba-list-field-header-order-desc.sonata-ba-list-field-order-active a:before, th.sonata-ba-list-field-header-order-asc.sonata-ba-list-field-order-active a:hover:before {
    border:0px;
}

.btn-filter {
    padding: 7px !important;
}
.filter_container button.btn-grey {padding: 6px !important;}
a.btn-filter:hover, a.btn-filter:focus { color: #fff }

/* Pagination under table list */
.list-footer {
    margin-top: 8px;
}

.pagination {
    position: relative;
    left: 60px; /* center block because of page results count */
}

.pagination>li>a {
    background: #fafafa;
    color: #333;
    box-shadow: none;
    line-height: 10px;
}
.pagination>li>a:hover, .pagination>li>a:focus { color: #333}

.pagination>.active>a {
    background-color: #bfbfbf;
    border-color: #b2b2b2;
}
.pagination>.active>a:hover, .pagination>.active>a:focus {
    background-color: #b2b2b2;
    color:#fff;
    border-color: #b2b2b2;
}



/* Modal popins */

.modal-content {
    border: 0px;
    border-radius: 10px;
}

.modal-body {
    padding: 0;
    min-height: 500px;
}
.modal-body .row {
    margin: 0;
}
.modal-body .form-actions {
    position: absolute;
    right: 60px;
    bottom: 20px;
    z-index: 10;
}
#modal-candidateform .form-actions {
    right: 130px;
}

/* Statut dossier */
#cf-status {
    position: absolute;
    right: 10px;
    z-index: 2000;
    font-weight: bold;
    color: #5ec3f9;
}
#cf-status i {
    position: relative;
    top: 6px;
}

.modal-footer {
    margin: 0;
    padding: 0;
    border: 0;
}
.modal-footer .btn-close {
    float: right;
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.btn-grey {
    padding: 6px 12px 6px 34px;
    background-color: #bfbfbf;
    background-repeat: no-repeat;
    background-position: 10% 50%;
    text-transform: uppercase;
    color: #fff;
    border:0;
    border-radius: 5px;
    font-weight: bold;
    outline:none;
    font-size: 0.85em;
}
a.btn-grey:hover, a.btn-grey:focus { color: #fff }
.btn-big {
    margin-left: 30px;
    padding: 6px 12px 6px 15px;
    font-size: 1.1em;
}
.modal-content .btn-success {
    background-image: url('../images/icons/modal-edit.png');
    background-size: 18px;
}
.modal-content .btn-danger {background-image: url('../images/icons/modal-del.png')}
.modal-content .btn-close {background-image: url('../images/icons/icon_close.png')}

.modal-dialog {
    width: 90%;
}

.left-modal {
    color: #fff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.box-left-modal {
    border-top: 2px solid #fff;
}

.bg-grace-blue, .left-modal.candidateform {
    background-color: #5ec3f9;
}

.left-modal.room { background-color: #ca77cd }
.left-modal.pair { background-color: #fbb27c }

.left-modal, .right-modal {
    padding: 0px;
    min-height: 600px;
}

.right-modal .nav-tabs-custom {
    background: none;
    box-shadow: none;
    min-height: 500px;
    margin: 0;
}
.right-modal .nav-tabs-custom > .nav-tabs, .right-modal .nav-tabs-custom > .tab-content {
    max-width: 900px;
    min-height: 500px;
    border: 0px;
    box-shadow: none;
}
.right-modal .nav-tabs-custom > .nav-tabs { /* menu list in modal */
    height: 200px;
    position: absolute;
    width: 200px;
    text-align: center;
}
.right-modal .nav-tabs-custom > .tab-content { /* content of selected item in menu */
    min-height: 600px;
    position: relative;
    left: 185px;
}
.right-modal .nav-tabs-custom > .nav-tabs > li {
    margin-bottom: -2px;
    margin-right: 0px;
}
.right-modal .nav-tabs-custom > .nav-tabs > li.active > a {
    border: 0;
}
.right-modal .nav-tabs > li.ul-header {
    height: 56px;
}
.right-modal .nav-tabs > li.ul-footer {
    height: 100px;
}
.right-modal .nav-tabs > li {
    float: none;
    border-right: 2px solid;
    border-top: 1px solid #bfbfbf;
    color: #bfbfbf;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}
.candidateform.right-modal .nav-tabs > li { border-right-color: #5ec3f9 }
.room.right-modal .nav-tabs > li { border-right-color: #ca77cd }
.pair.right-modal .nav-tabs > li { border-right-color: #fbb27c }

.right-modal .nav-tabs > li:nth-of-type(2),
.right-modal .nav-tabs > li:last-of-type,
.right-modal .nav-tabs > li:first-of-type,
.right-modal .nav-tabs > li.active + li {
    border-top: 0;
}
.right-modal .nav-tabs > li.active {
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-right: 0px;
}
.candidateform.right-modal .nav-tabs > li.active { border-color: #5ec3f9}
.room.right-modal .nav-tabs > li.active { border-color: #ca77cd}
.pair.right-modal .nav-tabs > li.active { border-color: #fbb27c}

.right-modal .nav-tabs > li > a {
    color: #bfbfbf;
}
.candidateform.right-modal .nav-tabs > li.active > a { color: #5ec3f9 }
.room.right-modal .nav-tabs > li.active > a { color: #ca77cd }
.pair.right-modal .nav-tabs > li.active > a { color: #fbb27c }


/* modal candidate form */
.left-modal.candidateform h2 {
    background: url("../images/icons/modal-candidate.png") no-repeat left;
    height: 30px;
    margin: 12px;
    padding: 5px;
    margin-left: 15px;
    padding-left: 35px;
}

.left-modal.candidateform input[type=number] {
    padding: 0px 12px;
}

i.modal-icon{
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-left: 10px;
}
i.modal-edit {
    background-image: url("../images/icons/modal-edit.png");
    background-size: 18px;
}

i.modal-small-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-left: 0px;
    background-size: 14px;
}
i.modal-black-edit {background-image: url("../images/icons/modal-black-edit.png")}
i.modal-orange-edit {background-image: url("../images/icons/modal-orange-edit.png")}
i.modal-purple-edit {background-image: url("../images/icons/modal-purple-edit.png")}
i.modal-orange-remove {background-image: url("../images/icons/modal-orange-remove.png")}
i.modal-purple-remove {background-image: url("../images/icons/modal-purple-remove.png")}

/* modal room and pair form */
.left-modal.room h2 {background: url("../images/icons/modal-orga-room.png") no-repeat left }
.left-modal.pair h2 {background: url("../images/icons/modal-pair.png") no-repeat left }
.left-modal h2 {
    height: 30px;
    margin: 12px;
    padding: 5px;
    margin-left: 15px;
    padding-left: 35px;
    text-transform: uppercase;
    font-weight: bold;
    background-size: 30px !important;
}

.room .box-left-modal, .pair .box-left-modal {
    margin-bottom: 50px;
}
.room .box-left-modal ul, .pair .box-left-modal ul { list-style: none }
.room .box-left-modal li, .pair .box-left-modal li { margin: 10px }

.room .block-list, .pair .block-list { max-width: 800px }
.room .block-element, .pair .block-element {
    float: left;
    display: block;
    width: 145px;
    background: white;
    color: black;
    border: 1px solid;
    border-radius: 10px;
    padding: 8px;
    margin: 3px;
    position: relative;
}
.room .block-element {border-color: #ca77cd; height: 175px;}
.pair .block-element {border-color: #fbb27c; height: 145px;}

.room .block-element h3, .pair .block-element h3 {
    text-align: center;
    font-weight: bold;
    margin-top: 0;
}

.room .block-element a, .pair .block-element a {
    color: black;
    cursor: pointer;
}
.room .room-create, .pair .pair-create {
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.8em;
}
.room .room-create {padding-top: 30px}
.pair .pair-create {padding-top: 20px}

.room .block-element.full {
    color: #fff;
    background: #ca77cd;
}
.pair .block-element.full {
    color: #fff;
    background: #fbb27c;
}
.room .block-element ul, .pair .block-element ul {
    padding: 0;
}

.show-room b{ color:#ca77cd }
.show-pair b{ color:#fbb27c }

.actions-room, .actions-pair {
    float: right;
    position: absolute;
    right: 8px;
    bottom: 5px
}

.print-room, .print-rooms, .export-pair, .export-pairs {
    padding-left: 20px;
    font-size: 0.9em;
}
.export-pair, .export-pairs {
    padding-left: 30px;
}
.export-pair, .export-pair a {color: #fbb27c !important}

.print-room { background: url("../images/icons/modal-action-print-p.png") no-repeat left top }
.print-rooms { background: url("../images/icons/modal-action-print-w.png") no-repeat left top }
.export-pair { background: url("../images/icons/modal-action-export-o.png") no-repeat left top }
.export-pairs { background: url("../images/icons/modal-action-export-w.png") no-repeat left top }
.print-rooms a, .export-pairs a {color: #fff !important}

.print-room b, .print-rooms b, .export-pair b, .export-pairs b {
    display: block;
    padding-left: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.export-pair b, .export-pairs b {
    padding-top: 5px;
}


/* modal delete && modal alert */
#modal-alert, #modal-delete, #modal-success {
    z-index: 1070;
}
#modal-alert .modal-content {
    width: 500px;
    margin: auto;
    margin-top: 200px;
    padding: 10px;
    border: 2px solid crimson;
}
#modal-alert li {
    list-style: none;
    font-weight: bold;
    color: crimson;
}
#modal-delete .modal-content, #modal-success .modal-content {
    width: 500px;
    margin: auto;
    margin-top: 200px;
    padding: 10px;
    text-align: center;
}
#modal-success .modal-body, #modal-alert .modal-body, #modal-delete .modal-body {
    min-height: initial;
}
#modal-success .modal-content {
    font-weight: bold;
    color: #6be999;
}

/* Custom fields */

.box-left-modal .form-group {
    margin: 0px;
    display: table;
    padding: 5px;
    padding-left: 15px;
}
.box-left-modal .form-group input:focus,
.box-left-modal .form-group select:focus,
.box-left-modal .select-date select:focus { /* All inputs in left side modal focus */
    border-bottom: 1px solid #555;
}
.box-left-modal .label-field, .box-left-modal .sonata-ba-field {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
}
.box-left-modal .label-field {
    width: 140px;
}
.box-left-modal .form-control {
    height: 18px;
    border: 0;
}
.box-left-modal .select-date select {
    width: 60px;
    border-radius: 0;
}
.box-left-modal .select-date {
    color: #000;
    display: table-row;
}
.box-left-modal .select-date div {
    display: table-cell;
}

.box-left-modal .bl-title.identity {background: url("../images/icons/modal-identity.png") no-repeat left}
.box-left-modal .bl-title.contact {background: url("../images/icons/modal-contact.png") no-repeat left}
.box-left-modal .bl-title {
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 70px;
    height: 30px;
    line-height: 30px;
    background-position: 30px !important;
    background-size: 30px !important;
}
.box-left-modal .bl-body {
    display: table;
}
.show .box-left-modal .bl-body {
    margin-bottom: 30px;
}
.box-left-modal .bl-body .form-group {
    border-collapse:separate;
    border-spacing:0 5px;
    padding-right: 20px;
}
.box-left-modal .bl-body .form-group .form-group {
    display: table-row;
    border-spacing: 0px;
}
.box-left-modal .bl-body .form-group .form-group .sonata-ba-field {
    width: 240px;
}

/* Related Candidate forms in show view */
.cf-related {
    background-color: white;
    padding: 10px;
    border-radius: 5px;
}
.cf-related i.list-icon {
    position: relative;
    top: 5px;
    right: 5px;
}
.cf-related-title {
    padding-left: 30px;
}


.select-blue {
    overflow: hidden;
    background: #fff url("../images/icons/blue-select.png") no-repeat 90% 50%;
}

.select-blue select {
    padding: 2px 8px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-blue select:focus {
    outline: none;
}

.show-field {
    margin: 10px;
    margin-left: 30px;
}

.show-field .show-cell {
    display: table-cell;
    min-width: 200px;
}

.show-cell > a {
    color: #333;
}

.show-corr-table {
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 30px;
}
.show-corr-header {
    display: table-header-group;
    color: #fff;
    font-weight: bold;
}
.show-corr-header > div.show-corr-th { background-color: #5ec3f9; }
.show-corr-row { display: table-row }
.show-corr-row.odd { background-color: #ece8e9; }
.show-corr-header > div, .show-corr-row > div {
    display: table-cell;
    padding: 7px;
}
.show-corr-row > div.corr-label { color: #5ec3f9; font-weight: bold }
.show-corr-row > div.corr-value { text-align: center }

/* Trace table */
#traces-table {
    position:relative;
    display: block !important;
}
#traces-list {
    height:400px;
    overflow:auto;
    margin-top:25px;
    width: 520px;
}
#thead-bg {
    position: absolute;
    width: 520px;
    background-color: rgb(94, 195, 249);
    top: -25px;
    display: block;
    height: 25px;
}
#traces-table table thead th {padding: 0}
#traces-table table thead th .htext {
    position:absolute;
    top:-25px;
    z-index:2;
    height:25px;
    background-color: #5ec3f9;
    font-weight: bold;
    color: #fff;
    padding: 5px;
}
.table-trace.table>tbody>tr>td{ border:0 }
.table-trace tr:nth-child(even) { background-color: #ece8e9 }


ul.doc-list {
    list-style-type: none;
    padding: 0;
}
.doc-list li {
    list-style: none;
    padding-left: 18px;
    margin-bottom: 10px;
}
.doc-list li.check-OK, i.check-OK {
    background: url('../images/icons/check-OK.png') no-repeat left center;
}
.doc-list li.check-KO, i.check-KO {
    background: url('../images/icons/check-KO.png') no-repeat left center;
}
i.check-OK, i.check-KO {
    width: 20px;
    height: 20px;
    display: inline-block;
}

i.edition-doc {
    background: url('../images/icons/edition-doc.png') no-repeat center;
    width: 22px;
    height: 27px;
    display: inline-block;
    position: relative;
    top: 7px;
    left: 7px;
}

/* custom form display in modal */
.form-modal .form-group {
    display: table-row;
    margin-bottom: 5px;
}
.form-modal .form-group > div {
    display: table-cell;
    vertical-align: middle;
    min-width: 150px;
}
.inputs.form-modal .form-group > div {
    min-width: 150px;
}
.form-modal .control-label {
    display: table-cell;
    min-width: 150px;
    font-weight: normal;
}
.form-modal .form-group > div > label {
    font-weight: normal;
    line-height: 32px;
}
.form-modal .sonata-ba-collapsed-fields > .form-group {
    display: block;
}

.candidateform .form-modal .sonata-ba-collapsed-fields > .form-group {
    border-bottom: 1px dashed #ece8e9;
    padding-bottom: 8px;
}
.candidateform .form-modal .sonata-ba-collapsed-fields > .form-group:last-child {
    border: none;
    padding-bottom: 50px;
}



/* List editable fields in correction view */
.correction-breadcrumb {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: bold;
    position: absolute;
    top: -18px;
    left: 15px;
}
.correction-breadcrumb a { color:#bfbfbf }
.correction-breadcrumb a.active { color:#ca77cd }

.list-edit {
    margin:0px;
}
input[type=number].list-edit::-webkit-inner-spin-button,
input[type=number].list-edit::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number].list-edit {
    -moz-appearance:textfield;
}
input[type=number].list-edit.with-arrow {
    -moz-appearance:number-input;
}
input.list-edit {
    border:0;
    background: none;
    text-align: center;
    padding: 0;
}
input.list-edit:focus {outline:none;}

i.option-M {background-image: url("../images/icons/option-M.png")}
i.option-V {background-image: url("../images/icons/option-V.png")}
i.option-C {background-image: url("../images/icons/option-C.png")}
i.option-TRM {background-image: url("../images/icons/option-TRM.png")}
i.option-TRV {background-image: url("../images/icons/option-TRV.png")}

i.action-show {background-image: url("../images/icons/action-show.png")}
i.action-edit {background-image: url("../images/icons/action-edit.png")}
i.action-delete {background-image: url("../images/icons/action-delete.png")}
i.action-pdf {background-image: url("../images/icons/action-pdf.png")}
i.action-clone {background-image: url("../images/icons/action-clone.png")}

i.field-ok {background: url('../images/icons/field-ok.png')}
i.field-ko {background: url('../images/icons/field-ko.png')}
i.field-tbd {background: url('../images/icons/field-tbd.png')}

i.field-complete {background: url('../images/icons/field-complete.png') }
i.field-incomplete {background: url('../images/icons/field-incomplete.png')}

i.field-notified-ko {background: url('../images/icons/field-notified-ko.png')}
i.field-notified-ok {background: url('../images/icons/field-notified-ok.png')}

i.field-published-ko {background: url('../images/icons/field-published-ko.png')}
i.field-published-ok {background: url('../images/icons/field-published-ok.png')}

i.list-icon{
    width: 21px;
    height: 21px;
    display: inline-block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    margin:auto;
}
i.field-complete, i.field-incomplete {
    width: 65px;
}
.option-label {
    position: relative;
    bottom: 10px;
}

td.sonata-ba-list-field-scores, th.sonata-ba-list-field-header-scores {
    padding: 0 !important;
    margin: 0;
    width: 115px;
    text-align: center;
}
td.sonata-ba-list-field-scoresJury, th.sonata-ba-list-field-header-scoresJury {
    padding: 0 !important;
    margin: 0;
    width: 76px;
    text-align: center;
}

.main-th {
    display: table-caption;
}
th.sonata-ba-list-field-header-scores .main-th {width: 115px}
th.sonata-ba-list-field-header-scoresJury .main-th {width: 76px}
th.sonata-ba-list-field-header-pairs .main-th {width: 100px}

.sub-th {
    display: table-row;
}
.sub-th label {
    display: table-cell;
}
th.sonata-ba-list-field-header-scores .sub-th label,
th.sonata-ba-list-field-header-scoresJury .sub-th label {width: 35px}
th.sonata-ba-list-field-header-pairs  .sub-th label, .sonata-ba-list-field-pairs label{width: 50px}

.sonata-ba-list-field-scores > input, .sonata-ba-list-field-scoresJury > input {
    height: 100%;
    width: 35px;
}

.table-striped > tbody > tr:nth-child(odd) > td.current-corr {
    background-color: #dfade1;
}
/* .table-striped > thead > tr > th.current-corr, */
.table-striped > tbody > tr:nth-child(even) > td.current-corr
{
    background-color: #d7a4d8;
}

input.current-corr {
    background-color: rgba(202,119,205,0.6);
    color: #fff;
}
input.disable-corr {
    background-color: rgba(191,191,191,0.6);
}

/* Filters on list view */
.filter_container label {
    font-size: 0.8em;
    text-transform: uppercase;
}

.sonata-ba-filter .box-header {
    border-left: 3px solid #333;
    border-radius: 0;
    padding: 0;
    margin-left: 10px;
}

a.action-filter {
    color: #000;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 40px;
    display: block;
    line-height: 25px;
    font-size: 1.1em;
}
.action-add-user {background-image: url("../images/icons/action-add-user.png")}
.action-import-ds {background-image: url("../images/icons/action-import-ds.png")}
.action-print {background-image: url("../images/icons/action-print.png")}
.action-export {background-image: url("../images/icons/action-excel.png")}
.action-publish {background-image: url("../images/icons/action-publish.png")}
.action-publish-pdf {background-image: url("../images/icons/action-publish-pdf.png")}
.action-notif {background-image: url("../images/icons/action-notif.png")}
.action-diploma {background-image: url("../images/icons/action-diploma.png")}
.action-results {background-image: url("../images/icons/action-results.png")}
.action-update {background-image: url("../images/icons/action-update.png")}

.btn-action {
    padding: 10px 20px;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    border-radius: 5px;
    font-weight: bold;
    outline: none;
    font-size: 1.2em;
    width: 100%;
    margin-bottom: 20px;
}
#room-list.btn-action { background-color: #ca77cd }
#pair-list.btn-action { background-color: #fbb27c }

.btn-modal {
    font-size: 1em;
    width: auto;
    background-color: #fff;
    color:#000;
}
.btn-modal.room { color: #ca77cd}
.btn-modal.pair { color: #fbb27c}

/* Admin */
.sonata-ba-filter ul {
    list-style: none;
}
a.sonata-action-element {
    color: #333;
    font-size: 1.1em;
    padding-left: 18px;
}

.btn.btn-default {
    border: 0;
    margin: 3px;
}

.col-md-12 > .box > .box-body .form-group > div,
.col-md-12 > .box > .box-body .form-group > label {
    display: table-cell;
    vertical-align: middle;
    min-width: 150px;
}
.col-md-12 > .box > .box-body .form-group > label {
    padding-left: 20px;
}
.right-modal.pair .box > .box-body .form-group > label {
    padding-left: 0;
    min-width: 150px;
}

/* Search page */
.wrapper.search .content { padding: 30px; padding-top: 10px;}
.wrapper.search .right-side { margin-left: 0}
.wrapper.search .filter_container {display: table-row}
.wrapper.search .filter_container > .form-group {
    display: table-cell;
    width: 190px;
    padding-left: 20px;
}
.box-search { float:left;}
.box-header.box-search { position: relative; top:20px; clear:both;}
.search-buttons {
    vertical-align: bottom;
    padding-bottom: 2px;
    width: initial !important;
}
.wrapper.search #filter_search_value {
    width: 600px;
    float:left;
}
.btn-ok-search {
    float:left;
    border-radius: 0;
    padding: 20px;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* Pièces complémentaires */
.compDoc {display: table}
.compDoc > .cd_row {display: table-row}
.compDoc > .cd_row > .cd_cell {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px 5px 0px;
}
.compDoc > .cd_row > .cd_cell > label {
    min-width: initial;
}

/* Vich upload button */
.vich-file input {
    height: initial;
    padding: 5px;
    font-size: 12px;
}
.vich-file a {
    padding: 8px;
    background-color: #bfbfbf;
    text-transform: uppercase;
    margin-top: 6px;
    color: #fff;
    border: 0;
    border-radius: 5px;
    font-weight: bold;
    outline: none;
    float: left;
    font-size: 1.2em;
}
.vich-file a:hover, .vich-file a:focus { background-color: #4be884 }