/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/bootstrap/4.5.3/bootstrap.min.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/bootstrap/3.3.7/css/bootstrap.min.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/bootstrap/3.3.7/css/bootstrap-theme.min.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/bootstrap/3.3.7/css/bootstrap.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/bootstrap/3.3.7/css/bootstrap-theme.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/fpdf/fpdf.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/phpmailer/phpdocs/media/stylesheet.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/phpmailer/phpdocs/media/banner.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/anAngular/services/srvAnMedias/css/srvAnMedias.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/anAngular/angularJs/1.8.2/angular-csp.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/anAngular/directives/toaster/toaster.min.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/anAngular/directives/anUpload/anUpload.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/anAngular/libs/ui-bootstrap/ui-bootstrap-custom-2.1.3-csp.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/skins/moono-lisa/dialog_iequirks.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/skins/moono-lisa/dialog.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/skins/moono-lisa/editor_ie8.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/skins/moono-lisa/editor.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/skins/moono-lisa/dialog_ie8.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/skins/moono-lisa/editor_gecko.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/skins/moono-lisa/editor_ie.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/skins/moono-lisa/dialog_ie.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/skins/moono-lisa/editor_iequirks.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/plugins/scayt/skins/moono-lisa/scayt.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/plugins/scayt/dialogs/dialog.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/plugins/scayt/dialogs/toolbar.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/plugins/preview/styles/screen.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/plugins/colordialog/dialogs/colordialog.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/plugins/templates/dialogs/templates.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/plugins/tableselection/styles/tableselection.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/plugins/copyformatting/styles/copyformatting.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/plugins/dialog/styles/dialog.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/samples/toolbarconfigurator/css/fontello.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/samples/toolbarconfigurator/lib/codemirror/neo.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/samples/toolbarconfigurator/lib/codemirror/show-hint.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/samples/toolbarconfigurator/lib/codemirror/codemirror.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/samples/css/samples.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/samples/old/sample.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/samples/old/assets/outputxhtml/outputxhtml.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/contents.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/vendor/ckeditor/ckeditor.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/modal.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/view.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/decorations.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/forms.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/post-it.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/buttons.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/spacers.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/input-search.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/flex.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/navbar.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/colors.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/footer.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/fonts.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/alert.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/table.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/base.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/dev.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/dir-submission-status.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/an-auto-complete.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/grid.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/dropdown.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/headings.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/icons.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/content.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/header.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/accordion.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/right-flap.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/css/text-sizes.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/angular/directives/set-order/dir-set-order.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/angular/directives/gauge/gauge.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/angular/directives/table-list/dir.table-list.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/modules/admin/css/admin.home.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/modules/admin/css/admin-users.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/modules/ads/css/dir.actvities-to-checkboxes.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/modules/ads/css/dir-ad-features.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/modules/ads/css/ads.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/modules/ads/css/right-flap-ad.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/modules/ads/css/dir.ads-search.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/modules/ads/css/dir-ads-filters.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/modules/users/css/user.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/modules/users/css/user-ads-list.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/modules/users/css/account.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/modules/home/css/home.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/modules/home/css/___cube.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/modules/config/css/config.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/modules/cms/css/cms.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/modules/upload/css/yubi-upload.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/modules/postulations/css/postulations.css/home/animanet/hosts/dieppe-meca-energies.com/emploi/modules/login/css/login.css/* base.css*/
_{}
html,
body {
    font-size: 100%!important;
}

h1,
h2,
h3,
h4,
h5,
label {
    font-size: 1rem;
    padding: 0;
    margin: 0;
}

h1 {
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
    position: relative;
    line-height: 1
}

h2 {
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
    position: relative;
}

h2 span {}

a {
    cursor: pointer;
}

.strong {
    font-weight: bold!important;
}

h2.icon {
    padding-left: 0px;
}

h2.icon:before {
    font-family: 'Glyphicons Halflings';
    margin-right: 5px;
    position: relative;
    top: 3px
}

.inline-block {
    display: inline-block;
}

.inline {
    display: inline;
}

.relative {
    position: relative;
}

.pointer {
    cursor: pointer;
}

#toast-container {
    font-size: 0.9rem
}

#filters .form-group {
    display: inline-block;
    white-space: nowrap;
    padding-right: 15px
}

.row {
    border: 0px solid purple
}

.uppercase {
    text-transform: uppercase;
}

.small {
    font-size: 0.7rem!important;
}

.x-small {
    font-size: 0.55rem;
    line-height: 1;
}

ul.dropdown-menu {
    z-index: 23000;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background-color: #e9ebe7;
}


/*
table.list {font-size:0.7rem}
table.list td{font-size:0.7rem; vertical-align: middle!important;}
*/

.text-gray-9 {
    color: #999!important
}

.text-blue {
    color: #0194DD!important
}

.red-text {
    color: #E75348!important
}

.float-left {
    float: left!important;
}

.float-right {
    float: right!important;
}

.alert-sm {
    font-size: 0.8rem
}

.white {
    color: white
}

.has-memo:before {
    font-family: 'Glyphicons Halflings';
    content: "\270f";
}

.has-memo span {
    padding-left: 20px;
}

.no-bullet {
    list-style: none!important
}

.no-padding {
    padding: 0!important;
}

.no-margin {
    margin: 0!important;
}

.no-decoration {
    text-decoration: none!important;
}

.bold {
    font-weight: bold!important;
}

.no-bold {
    font-weight: normal!important;
}

.btn-icon:before {
    font-family: 'Glyphicons Halflings';
    position: relative;
}

.btn-icon {
    color: #fff
}

.btn-icon:hover {
    color: black
}

.no-bg {
    background: none!important;
}

.no-border {
    border: none!important
}

.white {
    color: white!important
}

.block {
    display: block
}

.padding-top-10 {
    padding-top: 10px;
}

.nowrap {
    white-space: nowrap;
}

table.table thead th {
    background: #CBCCCA;
    color: #666;
}

.spinner {
    border__: 16px solid #f3f3f3;
    /* Light grey */
    border-top_: 16px solid #3498db;
    /* Blue */
    border-radius_: 50%;
    width_: 120px;
    height_: 120px;
    animation: spin 2s linear infinite;
}

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

@media screen and (max-width: 1200px) {
    ._ {}
    .container {
        width: 100%;
    }
}

.TODO {
    display: block;
    background-color: lightgoldenrodyellow;
    padding: 15px;
    margin: 25px 0;
    border: 1px solid #ddd;
    border-radius: 7px;
}

/* modal.css*/
_{}
.modal-header {
    overflow: hidden;
    position: relative;
    background: #fff;
    color: #999;
}

.modal-header h4 {
    font-size: 1.4rem;
    margin: 0;
    padding: 0
}

.modal-header a {}

.modal-header a.close {
    position: absolute;
    top: 12px;
    right: 12px;
    color: #999;
}

.modal-header label {
    font-weight: normal;
    font-size: 80%;
    color: #bbb;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1;
}

/* view.css*/
_{}
h1.page-title{font-size:1.7rem;padding:0;margin:0 0 25px 0;line-height:1}
h1.page-title:before{font-family: 'Glyphicons Halflings';content: "\e072";position:relative;margin-right:7px;top:2px}
.bloc {border:1px solid #eee; border-radius:5px; padding: 25px 10px 10px; background: #fafafa; margin:25px 0}
.bloc-header {}
.bloc-header:after {clear: both;    display: table;
    content: " ";}
h2.bloc-title{font-size:1.4rem;padding:0;margin:0px 0 15px 0; float: left}





/* decorations.css*/
_{}
.chevron-left-before:before {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
}

.arrow-right-before:before {
    font-family: 'Glyphicons Halflings';
    content: "\e092";
    position: relative;
    margin-right: 5px;
    top: 1px;
}

.underline {
    text-decoration: underline;
}

a.download:before {
    font-family: 'Glyphicons Halflings';
    content: "\e142";
}

/* forms.css*/
_{}
form {
    line-height: 1;
}

label {
    font-weight: normal;
}

.form-control,
button {
    box-shadow: none!important;
    outline: none!important;
}

.form-control-xs {
    padding: .20rem .3rem;
    font-size: .80rem;
    line-height: 1.2;
    border-radius: .2rem;
    height: auto!important;
}

.btn-xs {
    padding: .2rem .3rem;
    font-size: .80rem;
    line-height: 1.2;
    border-radius: .2rem;
}

.form-control:focus,
button:focus {
    border-color: #ccc!important
}

.form-group-label {
    font-size: 0.8rem;
    margin: 7px 0;
    font-weight: bold;
    color: #666
}

.input-label {
    padding: 0 0px 0px 2px;
    margin: 0 7px 7px 0;
    border-bottom: 1px solid transparent;
    font-size: 0.9rem;
    line-height: 1.4;
    position: relative;
    display: block;
}

.input-label::after {
    font-family: 'Glyphicons Halflings';
    position: absolute;
    top: 0px;
    left: 0px;
}

.input-label.valid,
.input-label.invalid {
    padding-left: 24px
}

.input-label.valid::after {
    content: "\e013";
    color: green
}

.input-label.invalid::after {
    content: "\e013";
    color: red
}

.input-label:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}

.input-label input {
    position: relative;
    top: 0px;
    margin: 0 3px 0 0
}

form h3 {
    margin-bottom: 10px;
    border-bottom: 1px solid #333;
    padding-bottom: 3px
}

.form-group {
    margin-bottom: 20px;
}

.input-xs {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    /* If Placeholder of the input is moved up, rem/modify this. */
    border-radius: 3px;
}

input:focus,
.form-control:focus,
label.focus {
    /* border-bottom: 1px solid red!important */
}

.anAutocomplete input {
    background-image: url("/img/carret.png");
    background-position: right 7px center;
    background-repeat: no-repeat;
    padding-right: 25px;
}

.anAutocomplete[readonly="readonly"] input {
    background-image: none;
}

.input-group {}

.input-group-addon {}

.input-group-button {
    padding: 0;
}

.input-group-button .button {}

.checkbox-label,
.radio-label {
    font-size: 0.8rem;
    margin: 0 14px 14px 0;
    padding: 0px 14px 0px 28px;
    border: 1px solid #eee;
    position: relative;
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

.checkbox-label::before,
.radio-label::before {
    font-family: 'Glyphicons Halflings';
    position: absolute;
    top: 7px;
    left: 7px;
    color: #ccc;
    content: "\e013";
    line-height: 1;
}

.checkbox-label input,
.radio-label input {
    display: none
}

.checkbox-label.selected,
.radio-label.selected {
    border-color: #218838;
}

.checkbox-label.selected::before,
.radio-label.selected::before {
    color: #218838;
}

/* post-it.css*/
_{}
@import url(https://fonts.googleapis.com/css?family=Permanent+Marker);
.post-it {
    width: 250px;
    height: 240px;
    position: relative;
    background: #ffa;
    overflow: hidden;
    margin: 30px auto;
    padding: 20px;
    border-radius: 0 0 0 30px/45px;
    box-shadow: inset 0 -40px 40px rgba(0, 0, 0, 0.2), inset 0 25px 10px rgba(0, 0, 0, 0.2), 0 5px 6px 5px rgba(0, 0, 0, 0.2);
    font-family: 'Permanent Marker', cursive;
    line-height: 1.7em;
    font-size: 14px;
    -webkit-mask-image: ;
    url(data:image/png;
 base64,
    iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC): ;
    color: #130d6b;
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
}

.post-it li {
    cursor: pointer;
}

.post-it:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 25px;
    background: #ffa;
    box-shadow: 3px -2px 10px rgba(0, 0, 0, 0.1), inset 15px -15px 15px rgba(0, 0, 0, 0.1);
    left: 0;
    bottom: 0;
    z-index: 2;
    transform: skewX(25deg);
}

.post-it:after {
    content: "";
    display: block;
    position: absolute;
    width: 75%;
    height: 20px;
    border-top: 3px solid #130d6b;
    border-radius: 50%;
    bottom: 0px;
    left: 10%;
}

/* buttons.css*/
_{}
.btn-group-sm>.btn,
.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

/* spacers.css*/
_{}
.pa-none {
    padding: 0px!important;
}

.pa-xs {
    padding: 4px!important;
}

.pa-sm {
    padding: 8px!important;
}

.pa-md {
    padding: 16px!important;
}

.pa-lg {
    padding: 32px!important;
}

.pt-none {
    padding: 0px!important;
}

.pt-xs {
    padding-top: 4px!important;
}

.pt-sm {
    padding-top: 8px!important;
}

.pt-md {
    padding-top: 16px!important;
}

.pt-lg {
    padding-top: 32px!important;
}

.pr-none {
    padding-right: 0px!important;
}

.pr-xs {
    padding-right: 4px!important;
}

.pr-sm {
    padding-right: 8px!important;
}

.pr-md {
    padding-right: 16px!important;
}

.pr-lg {
    padding-right: 32px!important;
}

.pb-none {
    padding-bottom: 0px!important;
}

.pb-xs {
    padding-bottom: 4px!important;
}

.pb-sm {
    padding-bottom: 8px!important;
}

.pb-md {
    padding-bottom: 16px!important;
}

.pb-lg {
    padding-bottom: 32px!important;
}

.pl-none {
    padding-left: 0px!important;
}

.pl-xs {
    padding-left: 4px!important;
}

.pl-sm {
    padding-left: 8px!important;
}

.pl-md {
    padding-left: 16px!important;
}

.pl-lg {
    padding-left: 32px!important;
}

.ma-none {
    padding: 0px!important;
}

.ma-xs {
    margin: 4px!important;
}

.ma-sm {
    margin: 8px!important;
}

.ma-md {
    margin: 16px!important;
}

.ma-lg {
    margin: 32px!important;
}

.mt-none {
    margin-top: 0px!important;
}

.mt-xs {
    margin-top: 4px!important;
}

.mt-sm {
    margin-top: 8px!important;
}

.mt-md {
    margin-top: 16px!important;
}

.mt-lg {
    margin-top: 32px!important;
}

.mr-none {
    margin-right: 0px!important;
}

.mr-xs {
    margin-right: 4px!important;
}

.mr-sm {
    margin-right: 8px!important;
}

.mr-md {
    margin-right: 16px!important;
}

.mr-lg {
    margin-right: 32px!important;
}

.mb-none {
    margin-bottom: 0px!important;
}

.mb-xs {
    margin-bottom: 4px!important;
}

.mb-sm {
    margin-bottom: 8px!important;
}

.mb-md {
    margin-bottom: 16px!important;
}

.mb-lg {
    margin-bottom: 32px!important;
}

.ml-none {
    margin-left: 0px!important;
}

.ml-xs {
    margin-left: 4px!important;
}

.ml-sm {
    margin-left: 8px!important;
}

.ml-md {
    margin-left: 16px!important;
}

.ml-lg {
    margin-left: 32px!important;
}

/* input-search.css*/
_{}
.input_search {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    background: white;
}

.input_search span {
    display: inline-block;
    padding: 0 10px;
    width: 30px;
}

.input_search .glyphicon-search {
    font-size: 18px;
    color: #e0e0e0
}

.input_search .glyphicon-remove {
    font-size: 12px;
    color: #333;
    opacity: 0.5;
}

.input_search .glyphicon-remove:hover {
    opacity: 0.7;
}

.input_search input {
    border: none;
    flex: 1;
    border-radius: 0;
}

/* flex.css*/
_{}
.flex {
    display: flex;
}

.flex-row {
    flex-direction: row;
}

.flex-grow {
    flex-grow: 1;
}

.flex-wrap {
    flex-wrap: wrap;
}

/* navbar.css*/
_{}
.navbar .dropdown-menu {
    background: #2761AA;
    color: white;
    box-shadow: none;
}

.navbar .dropdown-menu a {
    color: white;
}

header .navbar>.container .navbar-brand,
header .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
    padding: 5px 0;
    height: auto;
}

header .navbar {
    margin-bottom: 0px;
    border: none;
}

header .navbar-default {
    border: none;
    background: none;
}

header .navbar-default .navbar-nav>li>a {
    color: white;
    font-size: 0.9rem;
    background: none!important;
    text-transform: uppercase;
}

header .navbar-default .navbar-nav>li>a:hover {
    color: #5bc0de;
}

header .navbar-brand {
    padding: 10px 0 0 0!important;
    margin: 0 50px 0 0;
}

.navbar-brand img {
    height: 60px;
}

header .navbar-default .navbar-nav {
    margin: 27px 0 0 0;
}

header .dropdown-menu>li {}

header .dropdown-menu>li span {
    display: block;
    padding: 3px 20px;
}

header .dropdown-menu>li span.email {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 140px;
}

header .navbar-default .navbar-nav>li>a:focus,
header .navbar-default .navbar-nav>li>a:hover {
    color: #5bc0de;
}

header .navbar-default .navbar-nav>.open>a,
header .navbar-default .navbar-nav>.open>a:focus,
header .navbar-default .navbar-nav>.open>a:hover {
    color: #5bc0de;
    background-color: white;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background-color: transparent;
    color: #5bc0de;
}

.navbar-default .navbar-toggle {
    margin-top: 16px;
    border-color: white;
}

.navbar-default .navbar-toggle:focus {
    background-color: white;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white!important;
}

.navbar-default .navbar-toggle:focus.icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #2761AA!important;
}

.navbar-brand img {
    max-width: 100%;
    height: auto!important;
}

@media (min-width: 992px) {
    .navbar-toggle {
        display: none;
    }
}

@media (max-width: 991px) {
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        background: #2761AA;
        padding-bottom: 35px;
    }
}

.navbar-brand {
    max-width: 240px;
}

@media (max-width: 767px) {}

/* colors.css*/
_{}
.text-white {
    color: white !important;
}

.text-red {
    color: red !important;
}

.text-warning {
    color: orange !important;
}

.text-success {
    color: #28a745 !important;
}

.text-primary {
    color: #2761AA !important;
}

.text-info {
    color: #5bc0de !important;
}

.text-purple {
    color: purple !important;
}

.text-green {
    color: #017B0A !important;
}

.text-gray-6 {
    color: #666 !important;
}

.text-gray-9 {
    color: #999 !important;
}

.text-gray-a {
    color: #aaa !important;
}

.text-gray-b {
    color: #bbb !important;
}

.blue-on-hover:hover {
    color: #0194DD !important;
}

.bg-primary {
    color: #004085 !important;
    background-color: #cce5ff !important;
}

.bg-success {
    color: #155724 !important;
    background-color: #d4edda !important;
}

.bg-warning {
    color: #856404 !important;
    background-color: #fff3cd !important;
}

.bg-danger {
    color: #721c24 !important;
    background-color: #f8d7da !important;
}

.bg-gray-e {
    background-color: #eee !important;
}

.badge-primary {
    color: #fff;
    background-color: #007bff !important;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545 !important;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: white !important;
}

/* footer.css*/
_{}
#footer {
    background: #0E386C;
    min-height: 60px;
    color: white;
    padding: 25px 0;
    font-size: 0.9rem;
}

#footer a {
    color: white;
}

/* fonts.css*/
_{}
h1,
.archivo {
    font-family: 'Archivo Black', sans-serif;
}

.smaller {
    font-size: 0.8rem;
}

/* alert.css*/
_{}
.alert-sm {
    padding: 7px;
    font-size: 0.7rem
}

/* table.css*/
_{}
table.table {
    font-size: 0.75rem
}

table.table thead th {
    vertical-align: middle!important;
    background: #e9ebe7;
    color: #666;
}

.table>tbody>tr>th,
.table>tbody>tr>td {
    border-top: none;
    border-bottom: 1px solid #ddd;
}

table.grid tr.grid-row:hover {
    background-color: #fcf8e3;
}

/* dev.css*/
_{}


/* dir-submission-status.css*/
_{}
.dir-submission-status{}
.dir-submission-status .alert{padding-right:25px; position: relative;}
.dir-submission-status .close {position: absolute; top:1px; right:5px}

/* an-auto-complete.css*/
_{}
.anAutocomplete  li {white-space: pre}

/* grid.css*/
_{}
.grid {}

.grid-header {
    background-color: #f2f2f2;
    font-weight: bold;
}

/* dropdown.css*/
_{}
.dropdown-menu {}

.dropdown-menu a {
    display: block;
    padding: 3px 7px;
    color: #999;
    font-size: 12px;
}

.dropdown-menu a:before {
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    width: 22px;
    margin-right: 3px;
    text-align: center;
}

.dropdown-menu a.edit:before {
    content: "\270f";
}

.dropdown-menu a.delete:before {
    content: "\e020";
}

/* headings.css*/
_{}
h1 {
    margin: 0 0 25px;
}

/* icons.css*/
_{}
/*
@font-face{font-family:'Glyphicons Halflings';src:url('fonts/glyphicons-halflings-regular.eot');src:url('fonts/glyphicons-halflings-regular.eot ?#iefix') format('embedded-opentype'),url('fonts/glyphicons-halflings-regular.woff2') format('woff2'),url('fonts/glyphicons-halflings-regular.woff') format('woff'),url('fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');}
*/
.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.glyphicon-asterisk:before{content:"\002a";}
.glyphicon-plus:before{content:"\002b";}
.glyphicon-euro:before,.glyphicon-eur:before{content:"\20ac";}
.glyphicon-minus:before{content:"\2212";}
.glyphicon-cloud:before{content:"\2601";}
.glyphicon-envelope:before{content:"\2709";}
.glyphicon-pencil:before{content:"\270f";}
.glyphicon-glass:before{content:"\e001";}
.glyphicon-music:before{content:"\e002";}
.glyphicon-search:before{content:"\e003";}
.glyphicon-heart:before{content:"\e005";}
.glyphicon-star:before{content:"\e006";}
.glyphicon-star-empty:before{content:"\e007";}
.glyphicon-user:before{content:"\e008";}
.glyphicon-film:before{content:"\e009";}
.glyphicon-th-large:before{content:"\e010";}
.glyphicon-th:before{content:"\e011";}
.glyphicon-th-list:before{content:"\e012";}
.glyphicon-ok:before{content:"\e013";}
.glyphicon-remove:before{content:"\e014";}
.glyphicon-zoom-in:before{content:"\e015";}
.glyphicon-zoom-out:before{content:"\e016";}
.glyphicon-off:before{content:"\e017";}
.glyphicon-signal:before{content:"\e018";}
.glyphicon-cog:before{content:"\e019";}
.glyphicon-trash:before{content:"\e020";}
.glyphicon-home:before{content:"\e021";}
.glyphicon-file:before{content:"\e022";}
.glyphicon-time:before{content:"\e023";}
.glyphicon-road:before{content:"\e024";}
.glyphicon-download-alt:before{content:"\e025";}
.glyphicon-download:before{content:"\e026";}
.glyphicon-upload:before{content:"\e027";}
.glyphicon-inbox:before{content:"\e028";}
.glyphicon-play-circle:before{content:"\e029";}
.glyphicon-repeat:before{content:"\e030";}
.glyphicon-refresh:before{content:"\e031";}
.glyphicon-list-alt:before{content:"\e032";}
.glyphicon-lock:before{content:"\e033";}
.glyphicon-flag:before{content:"\e034";}
.glyphicon-headphones:before{content:"\e035";}
.glyphicon-volume-off:before{content:"\e036";}
.glyphicon-volume-down:before{content:"\e037";}
.glyphicon-volume-up:before{content:"\e038";}
.glyphicon-qrcode:before{content:"\e039";}
.glyphicon-barcode:before{content:"\e040";}
.glyphicon-tag:before{content:"\e041";}
.glyphicon-tags:before{content:"\e042";}
.glyphicon-book:before{content:"\e043";}
.glyphicon-bookmark:before{content:"\e044";}
.glyphicon-print:before{content:"\e045";}
.glyphicon-camera:before{content:"\e046";}
.glyphicon-font:before{content:"\e047";}
.glyphicon-bold:before{content:"\e048";}
.glyphicon-italic:before{content:"\e049";}
.glyphicon-text-height:before{content:"\e050";}
.glyphicon-text-width:before{content:"\e051";}
.glyphicon-align-left:before{content:"\e052";}
.glyphicon-align-center:before{content:"\e053";}
.glyphicon-align-right:before{content:"\e054";}
.glyphicon-align-justify:before{content:"\e055";}
.glyphicon-list:before{content:"\e056";}
.glyphicon-indent-left:before{content:"\e057";}
.glyphicon-indent-right:before{content:"\e058";}
.glyphicon-facetime-video:before{content:"\e059";}
.glyphicon-picture:before{content:"\e060";}
.glyphicon-map-marker:before{content:"\e062";}
.glyphicon-adjust:before{content:"\e063";}
.glyphicon-tint:before{content:"\e064";}
.glyphicon-edit:before{content:"\e065";}
.glyphicon-share:before{content:"\e066";}
.glyphicon-check:before{content:"\e067";}
.glyphicon-move:before{content:"\e068";}
.glyphicon-step-backward:before{content:"\e069";}
.glyphicon-fast-backward:before{content:"\e070";}
.glyphicon-backward:before{content:"\e071";}
.glyphicon-play:before{content:"\e072";}
.glyphicon-pause:before{content:"\e073";}
.glyphicon-stop:before{content:"\e074";}
.glyphicon-forward:before{content:"\e075";}
.glyphicon-fast-forward:before{content:"\e076";}
.glyphicon-step-forward:before{content:"\e077";}
.glyphicon-eject:before{content:"\e078";}
.glyphicon-chevron-left:before{content:"\e079";}
.glyphicon-chevron-right:before{content:"\e080";}
.glyphicon-plus-sign:before{content:"\e081";}
.glyphicon-minus-sign:before{content:"\e082";}
.glyphicon-remove-sign:before{content:"\e083";}
.glyphicon-ok-sign:before{content:"\e084";}
.glyphicon-question-sign:before{content:"\e085";}
.glyphicon-info-sign:before{content:"\e086";}
.glyphicon-screenshot:before{content:"\e087";}
.glyphicon-remove-circle:before{content:"\e088";}
.glyphicon-ok-circle:before{content:"\e089";}
.glyphicon-ban-circle:before{content:"\e090";}
.glyphicon-arrow-left:before{content:"\e091";}
.glyphicon-arrow-right:before{content:"\e092";}
.glyphicon-arrow-up:before{content:"\e093";}
.glyphicon-arrow-down:before{content:"\e094";}
.glyphicon-share-alt:before{content:"\e095";}
.glyphicon-resize-full:before{content:"\e096";}
.glyphicon-resize-small:before{content:"\e097";}
.glyphicon-exclamation-sign:before{content:"\e101";}
.glyphicon-gift:before{content:"\e102";}
.glyphicon-leaf:before{content:"\e103";}
.glyphicon-fire:before{content:"\e104";}
.glyphicon-eye-open:before{content:"\e105";}
.glyphicon-eye-close:before{content:"\e106";}
.glyphicon-warning-sign:before{content:"\e107";}
.glyphicon-plane:before{content:"\e108";}
.glyphicon-calendar:before{content:"\e109";}
.glyphicon-random:before{content:"\e110";}
.glyphicon-comment:before{content:"\e111";}
.glyphicon-magnet:before{content:"\e112";}
.glyphicon-chevron-up:before{content:"\e113";}
.glyphicon-chevron-down:before{content:"\e114";}
.glyphicon-retweet:before{content:"\e115";}
.glyphicon-shopping-cart:before{content:"\e116";}
.glyphicon-folder-close:before{content:"\e117";}
.glyphicon-folder-open:before{content:"\e118";}
.glyphicon-resize-vertical:before{content:"\e119";}
.glyphicon-resize-horizontal:before{content:"\e120";}
.glyphicon-hdd:before{content:"\e121";}
.glyphicon-bullhorn:before{content:"\e122";}
.glyphicon-bell:before{content:"\e123";}
.glyphicon-certificate:before{content:"\e124";}
.glyphicon-thumbs-up:before{content:"\e125";}
.glyphicon-thumbs-down:before{content:"\e126";}
.glyphicon-hand-right:before{content:"\e127";}
.glyphicon-hand-left:before{content:"\e128";}
.glyphicon-hand-up:before{content:"\e129";}
.glyphicon-hand-down:before{content:"\e130";}
.glyphicon-circle-arrow-right:before{content:"\e131";}
.glyphicon-circle-arrow-left:before{content:"\e132";}
.glyphicon-circle-arrow-up:before{content:"\e133";}
.glyphicon-circle-arrow-down:before{content:"\e134";}
.glyphicon-globe:before{content:"\e135";}
.glyphicon-wrench:before{content:"\e136";}
.glyphicon-tasks:before{content:"\e137";}
.glyphicon-filter:before{content:"\e138";}
.glyphicon-briefcase:before{content:"\e139";}
.glyphicon-fullscreen:before{content:"\e140";}
.glyphicon-dashboard:before{content:"\e141";}
.glyphicon-paperclip:before{content:"\e142";}
.glyphicon-heart-empty:before{content:"\e143";}
.glyphicon-link:before{content:"\e144";}
.glyphicon-phone:before{content:"\e145";}
.glyphicon-pushpin:before{content:"\e146";}
.glyphicon-usd:before{content:"\e148";}
.glyphicon-gbp:before{content:"\e149";}
.glyphicon-sort:before{content:"\e150";}
.glyphicon-sort-by-alphabet:before{content:"\e151";}
.glyphicon-sort-by-alphabet-alt:before{content:"\e152";}
.glyphicon-sort-by-order:before{content:"\e153";}
.glyphicon-sort-by-order-alt:before{content:"\e154";}
.glyphicon-sort-by-attributes:before{content:"\e155";}
.glyphicon-sort-by-attributes-alt:before{content:"\e156";}
.glyphicon-unchecked:before{content:"\e157";}
.glyphicon-expand:before{content:"\e158";}
.glyphicon-collapse-down:before{content:"\e159";}
.glyphicon-collapse-up:before{content:"\e160";}
.glyphicon-log-in:before{content:"\e161";}
.glyphicon-flash:before{content:"\e162";}
.glyphicon-log-out:before{content:"\e163";}
.glyphicon-new-window:before{content:"\e164";}
.glyphicon-record:before{content:"\e165";}
.glyphicon-save:before{content:"\e166";}
.glyphicon-open:before{content:"\e167";}
.glyphicon-saved:before{content:"\e168";}
.glyphicon-import:before{content:"\e169";}
.glyphicon-export:before{content:"\e170";}
.glyphicon-send:before{content:"\e171";}
.glyphicon-floppy-disk:before{content:"\e172";}
.glyphicon-floppy-saved:before{content:"\e173";}
.glyphicon-floppy-remove:before{content:"\e174";}
.glyphicon-floppy-save:before{content:"\e175";}
.glyphicon-floppy-open:before{content:"\e176";}
.glyphicon-credit-card:before{content:"\e177";}
.glyphicon-transfer:before{content:"\e178";}
.glyphicon-cutlery:before{content:"\e179";}
.glyphicon-header:before{content:"\e180";}
.glyphicon-compressed:before{content:"\e181";}
.glyphicon-earphone:before{content:"\e182";}
.glyphicon-phone-alt:before{content:"\e183";}
.glyphicon-tower:before{content:"\e184";}
.glyphicon-stats:before{content:"\e185";}
.glyphicon-sd-video:before{content:"\e186";}
.glyphicon-hd-video:before{content:"\e187";}
.glyphicon-subtitles:before{content:"\e188";}
.glyphicon-sound-stereo:before{content:"\e189";}
.glyphicon-sound-dolby:before{content:"\e190";}
.glyphicon-sound-5-1:before{content:"\e191";}
.glyphicon-sound-6-1:before{content:"\e192";}
.glyphicon-sound-7-1:before{content:"\e193";}
.glyphicon-copyright-mark:before{content:"\e194";}
.glyphicon-registration-mark:before{content:"\e195";}
.glyphicon-cloud-download:before{content:"\e197";}
.glyphicon-cloud-upload:before{content:"\e198";}
.glyphicon-tree-conifer:before{content:"\e199";}
.glyphicon-tree-deciduous:before{content:"\e200";}
.glyphicon-cd:before{content:"\e201";}
.glyphicon-save-file:before{content:"\e202";}
.glyphicon-open-file:before{content:"\e203";}
.glyphicon-level-up:before{content:"\e204";}
.glyphicon-copy:before{content:"\e205";}
.glyphicon-paste:before{content:"\e206";}
.glyphicon-alert:before{content:"\e209";}
.glyphicon-equalizer:before{content:"\e210";}
.glyphicon-king:before{content:"\e211";}
.glyphicon-queen:before{content:"\e212";}
.glyphicon-pawn:before{content:"\e213";}
.glyphicon-bishop:before{content:"\e214";}
.glyphicon-knight:before{content:"\e215";}
.glyphicon-baby-formula:before{content:"\e216";}
.glyphicon-tent:before{content:"\26fa";}
.glyphicon-blackboard:before{content:"\e218";}
.glyphicon-bed:before{content:"\e219";}
.glyphicon-apple:before{content:"\f8ff";}
.glyphicon-erase:before{content:"\e221";}
.glyphicon-hourglass:before{content:"\231b";}
.glyphicon-lamp:before{content:"\e223";}
.glyphicon-duplicate:before{content:"\e224";}
.glyphicon-piggy-bank:before{content:"\e225";}
.glyphicon-scissors:before{content:"\e226";}
.glyphicon-bitcoin:before{content:"\e227";}
.glyphicon-btc:before{content:"\e227";}
.glyphicon-xbt:before{content:"\e227";}
.glyphicon-yen:before{content:"\00a5";}
.glyphicon-jpy:before{content:"\00a5";}
.glyphicon-ruble:before{content:"\20bd";}
.glyphicon-rub:before{content:"\20bd";}
.glyphicon-scale:before{content:"\e230";}
.glyphicon-ice-lolly:before{content:"\e231";}
.glyphicon-ice-lolly-tasted:before{content:"\e232";}
.glyphicon-education:before{content:"\e233";}
.glyphicon-option-horizontal:before{content:"\e234";}
.glyphicon-option-vertical:before{content:"\e235";}
.glyphicon-menu-hamburger:before{content:"\e236";}
.glyphicon-modal-window:before{content:"\e237";}
.glyphicon-oil:before{content:"\e238";}
.glyphicon-grain:before{content:"\e239";}
.glyphicon-sunglasses:before{content:"\e240";}
.glyphicon-text-size:before{content:"\e241";}
.glyphicon-text-color:before{content:"\e242";}
.glyphicon-text-background:before{content:"\e243";}
.glyphicon-object-align-top:before{content:"\e244";}
.glyphicon-object-align-bottom:before{content:"\e245";}
.glyphicon-object-align-horizontal:before{content:"\e246";}
.glyphicon-object-align-left:before{content:"\e247";}
.glyphicon-object-align-vertical:before{content:"\e248";}
.glyphicon-object-align-right:before{content:"\e249";}
.glyphicon-triangle-right:before{content:"\e250";}
.glyphicon-triangle-left:before{content:"\e251";}
.glyphicon-triangle-bottom:before{content:"\e252";}
.glyphicon-triangle-top:before{content:"\e253";}
.glyphicon-console:before{content:"\e254";}
.glyphicon-superscript:before{content:"\e255";}
.glyphicon-subscript:before{content:"\e256";}
.glyphicon-menu-left:before{content:"\e257";}
.glyphicon-menu-right:before{content:"\e258";}
.glyphicon-menu-down:before{content:"\e259";}
.glyphicon-menu-up:before{content:"\e260";}

/* content.css*/
_{}
#content {
    margin: 0 0 0px 0;
    padding: 78px 0;
    min-height: calc(100vh - 80px)
}

.page-header {
    margin: 0 0 35px 0;
    padding: 0!important;
    background-size: cover;
    background-image: url(/img/header-ads-4.jpg?v=2);
    background-position: center;
}

.page-header .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 130px;
}

.page-header .container>* {
    flex: 1;
}

.page-header h1 {
    color: white;
    margin: 0;
    padding: 0;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
    font-family: 'Archivo Black', sans-serif;
    text-align: center;
}

body.postulate .page-header {
    background-image: url(/img/header-postulate.jpg);
}

body.user-ads .page-header {
    background-image: url(/img/header-user-ads.jpg);
}

/* header.css*/
_{}
header {
    background: white;
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: #2761AA;
    padding: 0px 0;
    font-size: 0.8rem;
    color: white;
    border-bottom: 1px solid white;
    height: 80px;
}

/* accordion.css*/
_{}
.accordion {}

.accordion-toggler {
    padding: 14px 14px;
    background: #eee;
    position: relative;
}

.accordion-toggler::after {
    font-family: 'Glyphicons Halflings';
    position: absolute;
    top: 12px;
    right: 12px;
    content: "\e113";
    cursor: pointer;
}

.accordion-toggler h4 {
    padding-right: 34px;
}

.accordion-contents {
    border: 1px solid #ddd;
    padding: 14px 14px;
}

.accordion.collapsed .accordion-contents {
    display: none
}

.accordion.collapsed .accordion-toggler::after {
    content: "\e114";
}

/* right-flap.css*/
_{}
#right-flap-back {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: rgba(70, 70, 70, 1);
    opacity: 0;
    transition: opacity 1000ms;
    -webkit-transition: opacity 1000ms;
    -moz-transition: opacity 1000ms;
    -ms-transition: opacity 1000ms;
    -o-transition: opacity 1000ms;
}

#right-flap {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: white;
    transition: width 1000ms;
    box-shadow: 0 0 10px rgb(0 0 0 / 35%);
}

#right-flap.closed {
    width: 0%;
}

#right-flap-inner {
    margin: 70px 0px 0px 25px;
    padding-right: 15px;
    width: calc(90vw - 50px);
    background-color: white;
    height: calc(100vh - 120px);
}

#right-flap>span.close {
    z-index: 10000;
    position: absolute;
    right: 15px;
    top: 10px;
    opacity: 0.1;
    transition: opacity 500ms;
    font-size: 3rem;
}

body.right-flap-opened {
    overflow: hidden;
}

body.right-flap-opened #right-flap-back {
    width: 100%;
    opacity: 0.3;
}

body.right-flap-opened #right-flap>span.close:hover {
    display: inline-block;
    opacity: 0.4
}

.right-flap-empty {
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.right-flap-empty>div {
    max-width: 50%;
}

.right-flap-empty img {
    max-width: 100%;
}


/*
@media (min-width: 1600px) {
    body.right-flap-opened #right-flap {
        width: 50vw;
    }
    body.right-flap-opened #right-flap-inner {
        width: calc(50vw - 50px);
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    body.right-flap-opened #right-flap {
        width: 80vw;
    }
    body.right-flap-opened #right-flap-inner {
        width: calc(80vw - 50px);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    body.right-flap-opened #right-flap {
        width: 90vw;
    }
    body.right-flap-opened #right-flap-inner {
        width: calc(90vw - 50px);
    }
}

@media (max-width: 991px) {
    body.right-flap-opened #right-flap {
        width: 99vw;
    }
    body.right-flap-opened #right-flap-inner {
        width: calc(99vw - 50px);
    }
}
*/

@media (min-width: 1600px) {
    #right-flap {
        width: 50vw;
    }
    #right-flap-inner {
        width: calc(50vw - 50px);
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    #right-flap {
        width: 80vw;
    }
    #right-flap-inner {
        width: calc(80vw - 50px);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #right-flap {
        width: 90vw;
    }
    #right-flap-inner {
        width: calc(90vw - 50px);
    }
}

@media (max-width: 991px) {
    #right-flap {
        width: 99vw;
    }
    #right-flap-inner {
        width: calc(99vw - 50px);
    }
}

/* text-sizes.css*/
_{}
.font-size-70pc {
    font-size: 70%!important;
}

.font-size-75pc {
    font-size: 75%!important;
}

.font-size-80pc {
    font-size: 80%!important;
}

.font-size-85pc {
    font-size: 85%!important;
}

.font-size-90pc {
    font-size: 90%!important;
}

.font-size-95pc {
    font-size: 95%!important;
}

.font-size-100pc {
    font-size: 100%!important;
}

.font-size-110pc {
    font-size: 110%!important;
}

.font-size-120pc {
    font-size: 120%!important;
}

.font-size-130pc {
    font-size: 130%!important;
}

.font-size-140pc {
    font-size: 140%!important;
}

/* dir-set-order.css*/
_{}
.dir-set-order {display: inline-block; float: right;}
.dir-set-order span {cursor:  pointer;} 
.dir-set-order span:before {font-family:'Glyphicons Halflings';}
.dir-set-order span:before{content:"\2212";}
.dir-set-order.active span:before{content:"\e253";}
.dir-set-order.active-reverse span:before{content:"\e252";}

/* gauge.css*/
_{}
.dir-gauge {position: relative;}
.dir-gauge img{width: 100%; height: 100%; z-index: 1;}
.dir-gauge .free {display: block; position: absolute; top: 0; right:0; bottom:0; width: 100%; transition: width 500ms; z-index: 2; background: rgba(255,255,255,0.7);}

/* dir.table-list.css*/
_{}
.dir-table-list{}
.dir-table-list{}
.dir-table-list table{}


.dir-table-list thead th {text-align: center!important;}
.dir-table-list thead .input-group{}
.dir-table-list thead .form-control{height:28px!important;padding:3px 5px!important;font-size:0.8rem!important;line-height:1.2!important;border-radius:3px!important;}
.dir-table-list thead .input-group-addon{padding: 3px 4px!important;}
.dir-table-list th.buttons, .dir-table-list td.buttons {text-align: right!important;}
.dir-table-list th.buttons button{display: none} 

/* admin.home.css*/
_{}
#ctrl-admin-home .page-body {
    margin-top: 10%;
}

#ctrl-admin-home .menu {}

#ctrl-admin-home .menu ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    max-width: 800px;
    width: 90%;
    text-align: center;
}

#ctrl-admin-home .menu li {
    padding: 0 30px 30px 30px;
    float: left;
    width: 25%;
    opacity: 0.8;
    transition: opacity 500ms;
}

#ctrl-admin-home .menu li:hover {
    opacity: 1;
}

#ctrl-admin-home .menu .inner {
    padding-top: 100%;
    position: relative;
    border-radius: 7px;
}

#ctrl-admin-home .menu li.green .inner {
    background: #45AB3B;
}

#ctrl-admin-home .menu li.orange .inner {
    background: #FBA52F;
}

#ctrl-admin-home .menu li.blue .inner {
    background: #3288C6;
}

#ctrl-admin-home .menu a {
    display: block;
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
}

#ctrl-admin-home .menu img {
    max-width: 100%;
    max-height: 70%;
    filter: invert(1);
    -webkit-filter: invert(1);
}

#ctrl-admin-home .menu span {
    display: block;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: white;
    font-size: 0.7rem;
    text-transform: uppercase;
}

@media screen and (max-width: 991px) {
    #ctrl-admin-home .menu li {
        display: block;
        margin: 15px auto;
        float: none;
        width: 200px;
    }
}

/* admin-users.css*/
_{}
#ctrl-admin-users {}

#ctrl-admin-users table {}

#ctrl-admin-users tr.user {}

#ctrl-admin-users tr.user:hover {
    /* background-color: #fcf8e3;*/
}

body.admin-users {}

body.admin-users {}

body.admin-users #right-flap {
    max-width: 450px;
}

body.admin-users #right-flap-inner {
    width: 400px;
}

/* dir.actvities-to-checkboxes.css*/
_{}


/* dir-ad-features.css*/
_{}
.dir-ad-features{}


    .dir-ad-features ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .dir-ad-features ul li {
        margin: 0 0 3px 0;
        padding: 0;
    }
    
    .dir-ad-features ul li:before {
        font-family: 'Glyphicons Halflings';
        position: relative;
        margin-right: 5px;
        top: 1px;
    }
    
    .dir-ad-features ul li.type_contrat:before {
        content: "\e032";
    }
    
    .dir-ad-features ul li.duree_hebdo:before {
        content: "\e023";
    }
    
    .dir-ad-features ul li.salaire_mensuel:before {
        content: "\20ac";
    }
    
    .dir-ad-features ul li.vues:before {
        content: "\e105";
    }
    

/* ads.css*/
_{}
    #ads {
        min-height: 100vh;
    }
    
    #ads .ad .well {
        background: white;
    }
    
    #ads .ad .dir-ad-features {
        background: #fafafa;
    }
    
    .dir-ad-offer-summary,
    .dir-ad-appl-summary {
        border: 1px solid #ddd;
        border-radius: 15px;
        overflow: hidden;
        margin-bottom: 30px;
    }
    
    .dir-ad-offer-summary>.row,
    .dir-ad-appl-summary>.row {
        margin: 0 !important;
        ;
    }
    
    .dir-ad-offer-summary .main,
    .dir-ad-appl-summary .main {
        padding: 25px;
    }
    
    .dir-ad-offer-summary .side,
    .dir-ad-appl-summary .side {
        padding: 25px;
        background: #fafafa;
    }
    
    .user-ads-list .ad {
        position: relative;
        background: white;
        flex: 0 0 50%;
        width: 100%;
        margin-bottom: 30px
    }
    
    .user-ads-list .ad.hidden {
        display: block !important;
        /* override boostrap */
    }
    
    .user-ads-list .ad>div {
        height: 100%;
        position: relative;
        border: 1px solid #ddd;
        border-left-width: 3px;
        border-top-right-radius: 10px;
    }
    
    .user-ads-list .ad.active>div {
        border-left-color: #28a745;
    }
    
    .user-ads-list .ad.expired>div {
        border-left-color: #ffc107;
    }
    
    .user-ads-list .ad-title {
        margin-right: 50px;
    }
    
    .user-ads-list .ad .dropdown {}
    
    .user-ads-list .ad .dropdown-menu {
        right: 0;
        left: auto;
        min-width: 110px;
    }
    
    .user-ads-list .ad-status {
        position: absolute;
        top: 15px;
        right: 10px;
        font-size: 10px;
        height: 25px;
        width: 25px;
        padding: 6px 0;
        line-height: 1;
    }
    
    .user-ads-list .ad-postulations .btn {
        position: relative;
    }
    
    .user-ads-list .ad-postulations i {
        margin-right: 7px;
    }
    
    .user-ads-list .ad-postulations .badge {
        position: absolute;
        right: -12px;
        top: -8px;
        font-size: 8px;
        height: 20px;
        width: 24px;
        line-height: 15px;
    }
    
    #ads .ad-summary {
        line-height: 1.4;
    }
    
    .ad .sep {
        display: block;
        margin: 5px 0;
        background: #ddd;
        height: 1px;
    }
    
    #ads .no-results {}
    
    #ads .no-results div {
        max-width: 90%;
        width: 600px;
        margin: 35px auto;
    }
    
    .ad-in-right-flap .flap-top {
        padding: 0 0 15px 0;
        margin: 0 0 15px 0;
        border-bottom: 1px solid #ddd
    }
    
    .ad-in-right-flap .flap-top .btn {
        margin-right: 25px
    }
    
    ad-in-right-flap .flap-content {
        overflow-x: hidden;
        overflow-y: auto;
        height: calc(100vh - 150px);
    }
    
    .ad-section {
        margin: 15px 0;
        padding: 0 0 15px 0;
        border-bottom: 1px solid #e5e5e5
    }
    
    .ad-section h4.section-title {
        margin: 15px 0
    }
    
    .ad-full .dir-ad-features {
        background: #fafafa;
        border: #eee 1px solid;
        padding: 7px;
        border-radius: 7px;
    }
    
    .ad .enum span {
        display: inline-block;
        padding: 0 0 0 3px;
    }
    
    .enum span:after {
        content: '•'
    }
    
    .enum span:first-child {
        padding-left: 0;
    }
    
    .enum span:last-child:after {
        content: ''
    }
    
    .right-flap-ad-postulations {}
    
    .right-flap-ad-postulations .section {}
    
    .right-flap-ad-postulations h5 {}
    
    .right-flap-ad-postulations .text {
        padding-left: 20px;
        border-left: 1px solid #ddd
    }
    
    .right-flap-ad-postulations .text p {
        margin: 0 0 0 0;
    }
    
    .right-flap-ad-postulations ul.attachments {
        padding: 0 0 0 20px;
        margin: 0;
        list-style: none;
        border-left: 1px solid #ddd
    }
    
    .right-flap-ad-postulations ul.attachments li {
        padding: 0 0 5px 0;
        margin: 0;
    }
    
    .right-flap-ad-postulations .accordion-toggler {
        border-left: 3px solid #337ab7;
    }
    
    .right-flap-ad-postulations .unseen .accordion-toggler {
        border-left-color: #dc3545
    }
    
    @media screen and (max-width: 991px) {
        .user-ads-list .ad {
            flex: 1 0 100%;
        }
    }

/* right-flap-ad.css*/
_{}
/*
.modal-ad-show .modal-header {
    background: #bbb;
}

.modal-ad-show h4 {
    color: white;
}

.modal-ad-show a.close {
    color: white;
    opacity: .5!important
}

.modal-ad-show label {
    color: white;
}
*/

#form-ad {
    padding-bottom: 60px;
}

#form-ad .side {
    background: #f5f5f5;
}

#form-ad .side .input-label {
    font-size: 0.8rem
}

#form-ad .dir-activities-to-checkboxes {}

#form-ad .dir-activities-to-checkboxes .checkbox-label,
#form-ad .dir-types-of-contract-to-checkboxes .checkbox-label {
    display: block;
    height: auto;
    line-height: 1;
    font-size: 12px;
    margin: 0 0 7px 0;
    padding: 4px 0 4px 28px;
    border: none;
    border-bottom: 1px solid white;
}

#form-ad .dir-activities-to-checkboxes .checkbox-label:before,
#form-ad .dir-types-of-contract-to-checkboxes .checkbox-label:before {
    top: 1px
}

@media (min-width: 768px) {
    #form-ad>.row {
        display: flex;
        flex-direction: row
    }
}

@media (max-width: 767px) {
    #form-ad .side {
        padding-top: 25px;
        background: white;
        max-width: 400px;
    }
}

/* dir.ads-search.css*/
_{}
.dir-ads-search form {}

.dir-ads-search .current-filters {}

.dir-ads-search .current-filters label {
    font-size: 0.70rem;
    border: 1px solid #ddd;
    background: #eee;
    margin: 5px 5px 5px 0;
    padding: 2px 3px;
    cursor: pointer;
    line-height: 1;
}

.dir-ads-search .current-filters label i {
    margin: 0 0 0 5px;
    font-size: 0.6rem;
    cursor: pointer;
}

.dir-ads-search .extra-filters-container {
    position: relative;
}

.dir-ads-search .all-filters {
    font-size: 0.75rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    border: 1px solid #ddd;
    padding: 10px;
    background: white;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-shadow: 5px 5px 5px #ddd;
}

.dir-ads-search .all-filters:after {
    clear: both;
}

.dir-ads-search .all-filters .close {
    position: absolute;
    top: 5px;
    right: 5px
}

.dir-ads-search .all-filters dl {
    margin: 15px 10px 10px 10px;
    padding: 7px;
    max-width: 200px;
    border-right: 1px solid #999;
}

.dir-ads-search .all-filters dl:last-child {
    border-right: none;
}

.dir-ads-search .all-filters dt {
    margin: 0px 0 7px;
    padding: 0
}

.dir-ads-search .all-filters dd {
    margin: 3px 0 3px 0px;
    padding: 0 15px 0 25px;
    border-bottom: 1px solid #eee;
    position: relative;
    cursor: pointer;
}

.dir-ads-search .all-filters dd:before {
    position: absolute;
    top: 0;
    left: 3px;
    font-family: 'Glyphicons Halflings';
    content: "\e013";
    color: #ccc;
}

.dir-ads-search .all-filters dd.selected:before {
    color: #218838;
}

.dir-ads-search .all-filters dd i {
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 0.6rem;
    opacity: 0.5;
    cursor: pointer;
}

.dir-ads-search .all-filters dd i:hover {
    opacity: 0.7;
}

.dir-ads-search .all-filters dd:last-child {
    border: none;
}

/* dir-ads-filters.css*/
_{}
/*
.dir-ads-search .current-filters {
    border: 1px dotted pink;
    margin-bottom: 16px;
}

.dir-ads-search .current-filters label {
    font-size: 0.70rem;
    border: 1px solid #ddd;
    background: #eee;
    margin: 5px 5px 5px 0;
    padding: 2px 3px;
    cursor: pointer;
    line-height: 1;
}

.dir-ads-search .current-filters label i {
    margin: 0 0 0 5px;
    font-size: 0.6rem;
    cursor: pointer;
}

.dir-ads-search .extra-filters-container {
    position: relative;
}

.dir-ads-search .all-filters {
    font-size: 0.75rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    border: 1px solid #ddd;
    padding: 10px;
    background: white;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-shadow: 5px 5px 5px #ddd;
}

.dir-ads-search .all-filters:after {
    clear: both;
}

.dir-ads-search .all-filters .close {
    position: absolute;
    top: 5px;
    right: 5px
}

.dir-ads-search .all-filters dl {
    margin: 15px 10px 10px 10px;
    padding: 7px;
    max-width: 200px;
    border-right: 1px solid #999;
}

.dir-ads-search .all-filters dl:last-child {
    border-right: none;
}

.dir-ads-search .all-filters dt {
    margin: 0px 0 7px;
    padding: 0
}

.dir-ads-search .all-filters dd {
    margin: 3px 0 3px 0px;
    padding: 0 15px 0 25px;
    border-bottom: 1px solid #eee;
    position: relative;
    cursor: pointer;
}

.dir-ads-search .all-filters dd:before {
    position: absolute;
    top: 0;
    left: 3px;
    font-family: 'Glyphicons Halflings';
    content: "\e013";
    color: #ccc;
}

.dir-ads-search .all-filters dd.selected:before {
    color: #218838;
}

.dir-ads-search .all-filters dd i {
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 0.6rem;
    opacity: 0.5;
    cursor: pointer;
}

.dir-ads-search .all-filters dd i:hover {
    opacity: 0.7;
}

.dir-ads-search .all-filters dd:last-child {
    border: none;
}
*/

/* user.css*/
_{}
body.user-create-success #content {
    background-image: url('/modules/login/img/signin.jpg?v=2');
    background-position: bottom left;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: center;
    flex-wrap: wrap;
}

body.user-init-password #content {
    background-image: url('/modules/login/img/signin.jpg?v=2');
    background-position: bottom left;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: center;
    flex-wrap: wrap;
}

body.user-init-password .content-view {
    flex: 1;
}

body.user-create-success .content-view {
    flex: 1;
    display: flex;
    justify-content: center;
}

body.user-create-success .content-view .container {
    max-width: 800px;
    width: 99%;
    margin: 0 auto;
    padding: 50px;
    background: rgba(245, 169, 42, 0.8);
    color: white;
    border-radius: 25px;
}

body.user-create-success .content-view a {
    color: white;
}

/* user-ads-list.css*/
_{}
.user-ads-list {
    font-size: 0.8rem
}

.user-ads-list .row {
    padding-top: 7px;
    padding-bottom: 7px;
}

.user-ads-list .row-container {
    border-bottom: 1px solid #eee
}

.user-ads-list .row-container:last-child {
    border: none!important
}

.user-ads-list .ad-title {}

.user-ads-list .ad-attachement {}

/* account.css*/
_{}
#user-account {}

/* home.css*/
_{}
#home {}

body.home #content {
    padding-top: 75px;
    padding-bottom: 0;
}

#home .header {
    /* background-color: black; */
    position: relative;
    /* padding-top: 33%; */
    height: 500px;
    overflow: hidden;
}

#home .header-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
}

#home .header-bg video {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    left: 50%;
    filter: saturate(1.7);
    object-fit: cover;
    -webkit-filter: saturate(1.7);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

#home .video-over {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

#home .header-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
}

#home>.content {
    padding-bottom: 78px;
    background-color: #fafafa;
}

#home h1 {
    color: white;
    font-size: 3rem;
    width: 90%;
    max-width: 80%;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
    line-height: 1.1;
    font-weight: bold;
    letter-spacing: .3rem;
}

#home .baseline {
    margin-bottom: 45px;
    padding: 45px
}

#home .baseline h2 {
    font-size: 2.2rem;
    color: #2761AA;
    line-height: 1.7;
}

#home .panels {
    margin-bottom: 80px;
}

#home .panels .col-sm-5 {}

#home .panel {
    height: 100%;
    background-color: #fafafa;
    background-color: white;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
}

#home .panel ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#home .panel li {
    margin: 0;
    padding: 0;
}

#home .panel-footer {
    background: none;
    border: none;
    height: 110px;
}

#home .panel-heading {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 45%;
}

#home .panel-heading {
    border: none;
}

#home .panel-body {
    padding: 0;
    flex: 1
}

#home .panel h3 {
    color: white;
    padding: 10px 25px;
    font-size: 1.5rem;
}

#home .panel-text {
    padding: 25px;
    font-size: 0.85rem;
    line-height: 1.7;
}

#home .panel-text strong {
    font-size: 1rem;
    line-height: 1.5;
    text-transform: uppercase;
}

#home .panel .btn {
    background-color: white;
    color: #333;
    width: 220px;
}

#home .panel .btn:hover {
    background-color: #eee
}

#home .panel.candidats {
    /*#5EB139 */
}

#home .panel.candidats h3 {
    background-color: #5EB139;
}

#home .panel.entreprises h3 {
    background-color: #F1A228;
}

#home .panel.entreprises {
    /*#5EB139 */
}

/* ___cube.css*/
_{}
#week-aso {
    position: relative;
    padding-top: 450px;
    height: 0;
    overflow: hidden;
}

#week-aso .waiting {
    position: absolute;
    top: 100px;
    right: 0;
    left: 0;
    opacity: 1;
    transition: opacity 200ms;
}


/* wainting-cube.css --- 2020-09-23 17:05:00 */

.waiting-scene {
    width: 180px;
    height: 180px;
    margin: 80px auto;
    perspective: 400px;
}

.waiting-cube {
    width: 180px;
    height: 180px;
    position: relative;
    transform-style: preserve-3d;
    transform: translateZ(-50px);
    animation: waiting-spin 10s infinite ease-in-out;
}

@keyframes waiting-spin {
    0% {
        transform: translateZ(-50px) rotateX( 0deg) rotateY( 0deg);
    }
    100% {
        transform: translateZ(-50px) rotateX(360deg) rotateY(360deg);
    }
}

.waiting-face {
    position: absolute;
    width: 180px;
    height: 180px;
    border: 1px solid black;
    line-height: 180px;
    font-size: 40px;
    font-weight: bold;
    color: white;
    text-align: center;
    backface-visibility: hidden;
    background-size: cover;
    background-image: url('/modules/home/img/logo.png')
}

.waiting-face-front {
    transform: rotateY( 0deg) translateZ(100px);
}

.waiting-face-right {
    transform: rotateY( 90deg) translateZ(100px);
}

.waiting-face-back {
    transform: rotateY(180deg) translateZ(100px);
}

.waiting-face-left {
    transform: rotateY(-90deg) translateZ(100px);
}

.waiting-face-top {
    transform: rotateX( 90deg) translateZ(100px);
}

.waiting-face-bottom {
    transform: rotateX(-90deg) translateZ(100px);
}

.dev .waiting-cube {
    animation: none!important
}

/* config.css*/
_{}
#config {}
#config ul.nav{list-style: none; padding: 0; margin: 25px 0 25px;}
#config ul.nav li{padding: 0; margin:0; display: inline-block;}
#config ul.nav a{color: #333;box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);}
#config ul.nav a.active {background-color: #eee;}
#config .row > div {border:0px solid black}
#config .row-submit{ margin-top: 35px}
#config-week-prototype {}
#config-week-prototype h2{font-size: 1.1rem; line-height:30px}
#config-week-prototype h3{font-size: 0.8rem; line-height:30px}
#config-week-prototype .row {margin-left: -7px;margin-right: -7px;}
#config-week-prototype .row > div {padding: 0 7px;}
#config-week-prototype .row-day0{padding: 15px 0;}
#config-week-prototype .row-office:nth-child(2){padding: 5px 0;}
.col-day-name, .col-office-name {display: flex; align-items: center}
.col-day-name > *, .col-office-name > * {flex-grow:1; text-transform: capitalize;}
.day-name {background: #eee;}

#config-physician {}
#config-physician .slot {width: 45px; height: 20px; display: inline-block; font-size: 0.7rem; font-weight: normal; margin: 0 3px 3px; border:1px solid #ddd; text-align: center; background: #E2FCE8; cursor: pointer;}
#config-physician .slot.unavailable {background: #FFEEEE;}
#config-physician .slot input{display: none;}





/* cms.css*/
_{}
.cms {
    max-width: 800px;
    margin-left: auto;
    margin-left: right
}

.cms h1 {
    color: #8B2B3B;
    font-size: 1.6rem;
    margin: 0 0 25px
}

.cms h2 {}

.cms .content {
    font-size: 0.9em;
    color: #777;
}

/* yubi-upload.css*/
_{}
.dir-yubi-upload {}

.dir-yubi-upload .progress {
    position: relative;
    height: 30px;
    text-align: center;
    background: white;
    border: 1px solid #b8daff
}

.dir-yubi-upload .gauge {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: inline-block;
    background: #cce5ff;
}

.dir-yubi-upload .percent {
    position: relative;
    display: inline-block;
    line-height: 30px;
    font-size: 0.70rem;
    color: #004085;
}

.dir-yubi-upload .error {
    display: inline-block;
    padding: 5px 8px;
    background: #fff3cd;
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    font-size: 0.75rem;
    transition: 1s ease bottom !important;
}

/* postulations.css*/
_{}


/* login.css*/
_{}
/* body.login header{display: none;} */

.login-form {
    padding-top: 35px;
}

body.login #content {
    background-image: url('/modules/login/img/signin.jpg?v=2');
    background-position: bottom left;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: center;
    flex-wrap: wrap;
}

body.login .content-view {
    flex: 1;
}

.login-form .inner {
    margin: 0 auto;
    width: 90%;
    max-width: 800px;
    border-radius: 25px;
    overflow: hidden;
}

.login-form .col {
    padding: 35px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.login-form .side {
    background: rgba(114, 182, 54, 0.8);
    color: white;
}

#login.signup .side {
    background: rgba(245, 169, 42, 0.8);
}

.login-form .side>div {
    flex: 1;
    text-align: center;
}

.login-form .side h1 {
    color: white;
    font-size: 2rem;
    line-height: 1.7;
    margin-bottom: 35px;
    font-weight: bold;
    text-transform: uppercase;
}

.login-form .side button {
    background-color: white;
    border: none;
}

.login-form .side button:hover {
    background-color: #f0f0f0;
}

.login-form .main {
    min-height: 450px;
    background-color: rgba(255, 255, 255, 0.8);
    color: #333;
}

.login-form .main button {
    width: 230px;
    font-size: 0.9rem
}

.login-form form {
    line-height: 1.5;
}

.login-form .form-group-label {
    text-align: center;
    display: block;
}

.login-form .wordings {}

.login-form span.pointer:hover {
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    #login div.side {}
    #login div.row {
        justify-content: center;
        flex-direction: column-reverse;
    }
    #login div.side h1,
    #login div.side img {
        display: none;
    }
}