/**/
html, body {height: 100%}

form h3 {font-size: 1.2em}

h1 {font-size: 150%; padding: 0 15px}
h1 span {display: block; font-size: 80%}

/**/
.alert .wrap {display: inline !important}

.bold {font-weight: bold}
.btn-present {background-color: #11CE42; border-radius: 3px; color: #fff; padding: 5px}
.btn-present:hover {background-color: #444; color: #fff}
tr.validated, tr.validated td {background-color: #ADFFB4 !important; color: #000 !important}
tr.validated .fa-check {color: #11CE42}
tr[data-edit_url] {cursor: pointer}

.clear_b {clear: both}
.col-centered {float: none; margin: 0 auto}

.gray {color: #aaa}

.inline-block {display: inline-block !important}

.l-box-header .actions {padding: 7px 19px}
.l-main-container {overflow: hidden}
.l-side-box {padding-bottom: 0 !important}
.l-side-box.bottom {position: fixed; left: 0; bottom: 0; width: inherit}

.padding_t_15 {padding-top: 15px}
.rel {position: relative}
.required .control-label:after {color: #e83b48; content:"*"}

.error-message {color: #e83b48 !important}
.overflow_h {overflow: hidden}
.padding_t_15 {padding-top: 15px}

.ason-nav a.new_operation {border: 0; border-radius: 0; color: #1D1D1D}
.ason-nav a.new_operation:hover {background-color: #d2a008}

/*logo*/
.widget-logo span.logo-default:after, .widget-logo span.logo-default-header:after, .widget-logo span.logo-medium:after {background: none}

/*wysiwyg*/
.btn-sm, .btn-group-sm > .btn {padding: 5px 9px}

/*operation switcher*/
#select_operation li {background: #000; padding: 15px 0}
#select_operation select {background: #000; border: 0; width: 80%}
#select_operation select, #select_operation .fa {color: #FFC20A; height: 19px; line-height: 19px}
#select_operation option {padding: 15px 0}
#select_operation option.bold {font-weight: bold}
#select_operation select option:hover {background-color: #FFC20A !important}
#currentOperation {font-size: 120%}

/*graph*/
.rickshaw_graph .detail {display: none}

/*invites*/
.img-validation {height: auto; width: 70px}

/*invitation (validation form)*/
.invitation {background-color: #fff; margin: 25px auto; max-width: 1170px; padding: 0 0 25px}
.invitation h1 {font-size: 120%; margin-bottom: 0}
.invitation #title {background-color: #fff; font-weight: bold; padding: 0 25px 25px}
.invitation #description {color: #fff; font-size: 110%; letter-spacing: 1px; line-height: 25px;  padding: 30px 0}
.invitation #description .text-lead {font-size: 180%; font-weight: 400}
.invitation #description-footer {background: url(../img/fleche.png) no-repeat #fff center 0; height: 57px; margin-bottom: 15px}
.invitation .col-centered .col-sm-9 {width: 100%}
.invitation .col-centered .col-sm-9 input[type="text"], .invitation .col-centered .col-sm-9 input[type="email"], .invitation .col-centered .col-sm-9 input[type="tel"] {display: inline-block; padding: 0px 12px;line-height: 42px;height:42px;}
.invitation .col-centered .col-sm-9 select {border: 1px solid #ddd; line-height:44px; padding: 11px 12px; text-indent: 10px; width: 100%}
/*.invitation .col-centered .required .col-sm-9:after {content:"*"; color: red; display: inline; padding-left: 2px; position: absolute}*/
.invitation [type="checkbox"]+label{position: relative; left: 2px; text-transform: uppercase; top: -1px}
.invitation .btn {border-radius: 0 !important; letter-spacing: 1px}
.invitation .btn, .invitation [type="submit"] {text-transform: uppercase}
.invitation [type="submit"] {border: 0; font-weight: bold; padding: 16px 0}
.invitation .btn.participate {border-color: transparent; display: inline-block; margin-bottom: 25px; text-transform: uppercase; width: 200px}
.invitation .participate:not(.active) {background-color: #fff; border: 1px solid #c3002f !important; color: #c3002f}
.invitation .titles .form-control {display: inline; border: 0; margin-right: 15px; padding: 0}

.invitation ::-webkit-input-placeholder { color: #222; font-family: "Source Sans Pro Semibold" }
.invitation ::-moz-placeholder { color: #222; font-family: "Source Sans Pro Semibold" } /* firefox 19+ */
.invitation :-ms-input-placeholder { color: #222; font-family: "Source Sans Pro Semibold" } /* ie */
.invitation :-moz-placeholder { color: #222; font-family: "Source Sans Pro Semibold" }
.invitation select { color: #222; font-family: "Source Sans Pro Semibold" !important }

.invitation .radio {display: inline-block}
.invitation input[type="radio"] {display: inline; height: auto; margin: 0; position: inherit;  width: auto   }
.invitation input[type="radio"]+label {color: #222; float: none; padding: 0 20px 0 3px; position: relative; text-align: left; top: -1px; text-transform: uppercase}

.invitation #description, .invitation .participate.active, .invitation [type="submit"] {background-color: #c3002f}

/*aside right*/
#sb-right {
	height: 100%;
    vertical-align: top;
	position: absolute;
    top: 51px;
    right: 0;
    z-index: 100
}
#sb-right:not(.l-sidebar-hidden) {display: block !important}

/*profile*/
.profile-in-header .btn {background: none !important; border: 0 !important}

/*scroll top*/
.front #scrollUp {display: none !important}

/*dataTables*/
.dataTables_length, .dataTables_info {display: none}
.dataTables_wrapper .dataTables_filter {float: none; margin-bottom: 30px}
.dataTables_wrapper .dataTables_filter label {display:block}
.dataTables_wrapper .dataTables_filter input {width: 33%}

/*sidebar hotesse*/
.hotesse-role #sb-left {display: none}
.hostess-check .fa-check {color: #11CE42}

#InviteDisplayForm {clear: both}
#InviteDisplayForm  label {text-align: left !important; width: 100% !important}
#InviteInvitForm {clear: both}
#InviteInvitForm  label {text-align: left !important; width: 100% !important}

@media(max-width: 1170px) {
	.invitation .btn.participate {float: none !important; width: 100%}
}

@media(max-width: 768px) {
	.invitation .col-centered {float: none !important; width: 80%}
	#select_operation, #select_operation .fa {width: 100%; text-align: center}
}