/* MAIN */
/* body {
    background-color:#F7F7F7;
} */

*,
::after,
::before {
  box-sizing: border-box;
  outline: none !important;
  /* border: none !important; */
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
html,
body {
  height: 100%;
}

body {
  background-color: #f9fafc;
  font-family: "Montserrat";
  /* color: #0d0f36; */
  color: #03041d;
  overscroll-behavior: none;
}


body.login {
    /* background-color:white; */
    background-color: #03041d;
}

main > .container {
  padding: 140px 15px 100px 15px;
}

.footer {
  /* background-color: #eee; */
  background-color: #08081f;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

#alert-container {
    position:fixed;
    z-index:5000;
    bottom:0;
    left:0;
    right:0;
}

#alert-container .alert {
    width:1140px;
    max-width:80%;
    margin:0 auto 10px auto;
}

.cartouche-bleu {
    background-color:#0087EF;
    border-radius:40px;
    padding:10px 20px;
    color:white;
    line-height:16px;
}

.help-blue {
    color:#00A4E8;
    font-style: italic;
    padding-left:35px;
    background: transparent url(../images/help-blue.png) left center no-repeat;
    font-size:12px;
    line-height: 1.2;
}

.text-blue {
    color:#0087EF;
}

.text-grey {
    color:#8D8D8D;
}

/* BUTTONS */


.btn-blue {
    color: #fff;
    background-color: #00A4E8;
    border-color: #00A4E8;
}
.btn-blue:hover {
    color: #fff;
    background-color: #0094D2;
    border-color: #0094D2;
}
.btn-blue:not(:disabled):not(.disabled).active, .btn-blue:not(:disabled):not(.disabled):active, .show > .btn-blue.dropdown-toggle {
    color: #fff;
    background-color: #008DCA;
    border-color: #008DCA;
}
.btn-blue.focus, .btn-blue:focus {
    box-shadow: 0 0 0 .2rem rgba(0,141,202,.5);
}

.btn-green {
    color: #fff;
    background-color: #78BD00;
    border-color: #78BD00;
}
.btn-green:hover {
    color: #fff;
    background-color: #6AAA00;
    border-color: #6AAA00;
}
.btn-green:not(:disabled):not(.disabled).active, .btn-green:not(:disabled):not(.disabled):active, .show > .btn-green.dropdown-toggle {
    color: #fff;
    background-color: #68A600;
    border-color: #68A600;
}
.btn-green.focus, .btn-green:focus {
    box-shadow: 0 0 0 .2rem rgba(104,166,0,.5);
}

.btn-large {
    padding-right:2rem;
    padding-left:2rem;
}

.btn-xs {
    font-size:11px;
    padding:2px 5px;
}

/* LOGIN FORM */

.form-login {
    width:420px;
    max-width:100%;
    background-color:white;
    padding:20px;
    border-radius: 10px;
}

.form-login.screen-center {
    transform:translate(-50%,-50%);
    position:fixed;
    top:50%;
    left:50%;
}

.form-login.horizontal-center {
    margin:0 auto;
}

.form-login-logo {
    text-align:center;
    padding:20px 0;
}

.form-login-inputs-wrapper {
    padding:20px 0;
}

.form-login-inputs-wrapper .form-group.row {
    margin-bottom:0;
    margin-top:5px;
}

.form-login-submit-wrapper {
    padding:20px;
    text-align:center;
}

.form-login-submit-wrapper .form-group.row {
    margin-bottom:0;
    margin-top:0;
}

.form-login-header {
    background-color:#333;
    color:#eee;
    padding:10px 20px;
    position:relative;
    display:none;
}

/* GLOBAL */


/* TABLES */
.search-form-table {
    padding:20px;
    clear:both;
    background-color:#fafafa;
}

.tr_inline_search .radio-inline {
    display:block;
    margin:0;
}

.tr_inline_search .inline_search_between_label {
    display: block;
    text-align: center;
}

.tr_inline_search .form-control {
    padding:5px;
    font-size:12px;
    height:inherit;
}

.table thead a {
    color:black;
}
.table-dark thead a,
.table thead.thead-dark a {
    color:white;
}

.th_id {
    width:60px;
}
.th_id_proschool {
    width:120px;
}
.th_gender {
    width:70px;
}
.th_reference {
    width:100px;
}
.th_status {
    width:100px;
}

.th_actions {
    width:80px;
}

.table-xs th,
.table-xs td
{
    font-size:11px;
}

.table-xs .tr_inline_search .form-control {
    padding:2px;
    font-size:11px;
    height:inherit;
}

/* FORMS */
textarea.form-control {
    height:200px;
}

.upload_image_preview {
    max-width:100%;
    max-height:300px;
}

/* OTHER */
.space-between-toolbar-and-table,
.space-between-toolbar-and-form {
    clear:both;
    height:20px;
}

.space-between-sections {
    clear:both;
    height:40px;
}

.space-between-title-and-content {
    clear:both;
    height:20px;
}

.form-control::placeholder {
    color: #cccccc;
}

/* SPECIFIC */
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #fdfdfd;
    border: 1px solid #ddd;
    border-radius: 4px;
}

code {
    padding: 2px 4px;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

.badge-warning {
    color:white;
}

.list-group-item.active {
    /* background-color: #0568A3;
    border-color: #0568A3; */
    background-color: #08081f;
    border-color: #08081f;
}

.badge-primary {
    /* background-color: #0568A3; */
    background-color: #08081f;
}

a {
    color: #08081f;
}