/* Login / register page */
.leadcontent-bg{
    background-color: #EBF1FD !important;
    background-image: url(/images/login.png);
    background-size: 100% auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;
}
.loginscreen.middle-box {
    width: 360px;
}
.registerscreen.middle-box {
    width: 960px;
    max-width: 100%;
}
.login-box {
    background: #fff;
    padding: 20px;
}

/* Divers */
.hide{ display: none; }
img.image-offre {
    height: 12px;
    margin-right: 2px;
}
.badge img.image-offre {
    margin-bottom: 2px;
    padding-top: 1px;
}

.badge, .label{ color: #fff !important; }
.label.label-default, .badge.badge-default{ color: #5E5E5E !important; }

.dropdown-menu{ min-width: 11rem; }
.dropdown-menu > li > a { padding: 3px 10px; }
.dropdown-menu > li > a i.fa { margin-right: 6px; }

.notice-box{
  background: #f4f4f4;
  padding: 10px;
  margin-bottom: 10px;
}

/* Progress bar */
.progress { margin-bottom: 20px; }
.progress.progress-sm { height: 10px; }

/* Disabled button */
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
    background: #f4f4f4;
}

/* Primary color */
.btn-primary, .page-item.active .page-link{background-color: #026CFF; border-color: #026CFF;}
.btn-primary:hover, .btn-primary:active, .show > .btn-primary.dropdown-toggle, .btn-primary:focus, .btn-primary.focus { background-color: #1267dc; border-color: #1267dc; }
.form-control:focus, .single-line:focus{border-color: #026CFF;}
.btn-success{background-color: #18a689; border-color: #18a689;}
.btn-success:hover, .btn-success:active, .show > .btn-success.dropdown-toggle, .btn-success:focus, .btn-success.focus { background-color: #18a689; border-color: #18a689; }

/* Sucess color */
.text-success { color: #28a745!important; }
.label.label-success, .badge-success { background-color: #28a745!important; }

/*
 * Form loop
 * -----------
 */
.form-group .col-form-label{ padding-top: 0; }
.fake-tab #abonnement_aboQtes .form-group,
.fake-tab #sujet_sujetClients .form-group,
.fake-tab #service_edit_timeslots .form-group{
    width: 100%;
    display: block;
    vertical-align: inherit;
    border-color: inherit;
    margin-bottom: 0;
}
.fake-tab #abonnement_aboQtes > .form-group > legend.col-form-label:first-child,
.fake-tab #sujet_sujetClients > .form-group > legend.col-form-label:first-child,
.fake-tab #service_edit_timeslots > .form-group > label.control-label:first-child{
  display: none;
}
.fake-tab #abonnement_aboQtes > .form-group > div[id^="abonnement_aboQtes_"],
.fake-tab #abonnement_aboQtes > .form-group > .delete-proto,
.fake-tab #sujet_sujetClients > .form-group > div[id^="sujet_sujetClients_"],
.fake-tab #sujet_sujetClients > .form-group > .delete-proto,
.fake-tab #service_edit_timeslots > .form-group > div[id^="service_edit_timeslots_"],
.fake-tab #service_edit_timeslots > .form-group > .delete-proto{
    border: 1px solid #f4f4f4;
    line-height: 1.42857143;
    vertical-align: top;
    display: table-cell;
}
.fake-tab #abonnement_aboQtes > .form-group > div[id^="abonnement_aboQtes_"],
.fake-tab #sujet_sujetClients > .form-group > div[id^="sujet_sujetClients_"],
.fake-tab #service_edit_timeslots > .form-group > div[id^="service_edit_timeslots_"]{
  vertical-align: top;
  border-right: none;
}
.fake-tab #abonnement_aboQtes > .form-group > .delete-proto,
.fake-tab #sujet_sujetClients > .form-group > .delete-proto,
.fake-tab #service_edit_timeslots > .form-group > .delete-proto{
  vertical-align: bottom;
  padding: 8px;
  width: 55px;
  border-left: none;
  max-width: 55px;
}
.fake-tab #abonnement_aboQtes > .form-group > div[id^="abonnement_aboQtes_"] > .form-group,
.fake-tab #sujet_sujetClients > .form-group > div[id^="sujet_sujetClients_"] > .form-group,
.fake-tab #service_edit_timeslots > .form-group > div[id^="service_edit_timeslots_"] > .form-group {
    border-right: 1px solid #f4f4f4;
    margin-bottom: 0;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    display: inline-block;
    float: left;
    width: auto;
}
.fake-tab #abonnement_aboQtes > .form-group > div[id^="abonnement_aboQtes_"] > .form-group > label,
.fake-tab #sujet_sujetClients > .form-group > div[id^="sujet_sujetClients_"] > .form-group > label,
.fake-tab #service_edit_timeslots > .form-group > div[id^="service_edit_timeslots_"] > .form-group > label.control-label {
    padding-top: 0;
    font-weight: 400;
    font-size: 12px;
    font-style: italic;
}
.fake-tab #abonnement_aboQtes > .form-group > div[id^="abonnement_aboQtes_"] > .form-group > label + .form-control,
.fake-tab #sujet_sujetClients > .form-group > div[id^="sujet_sujetClients_"] > .form-group > label + .form-control,
.fake-tab #service_edit_timeslots > .form-group > div[id^="service_edit_timeslots_"] > .form-group > label.control-label + .form-control{
    float: left;
    display: inline-block;
}

/*
 * Datetime select 2
 * -----------
 */
.form-search-select span.select2.select2-container{
    min-width: 50px !important;
}
.form-search-select span.select2.select2-container:nth-of-type(2){
    width: 80px !important;
    margin: 0 3px;
}
.form-search-select span.select2.select2-container:nth-of-type(3){
    width: 65px !important;
    margin-right: 10px;
}

/*
 * Disabled
 * -----------
 */
.fake-disabled, .fake-disabled input{
    pointer-events: none;
    cursor: not-allowed;
}
.fake-disabled:hover, .fake-disabled:hover input, .fake-disabled input:hover{
    pointer-events: none;
    cursor: not-allowed;
}
.hide-field input {
    border: none;
    padding: 0;
    height: 20px;
    display: block;
    background: none !important;
}
.wrapper textarea.hidetextarea {
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    color: #fff;
    background: #fff;
}

.isloading{
    pointer-events: none;
    cursor: not-allowed;
}
.isloading:before {
    content: "\f110";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    margin-right: 5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation: infinite-rotate 1s linear infinite;
    animation: infinite-rotate 1s linear infinite;
}

@-webkit-keyframes infinite-rotate {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes infinite-rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}