:root {
  --principale:#3BAECA;
  --secondaire:white;
}
#nestable{padding:0px}
h1,h2{padding:0px;margin:0px}
h1{font-size:22px}
h2{font-size:20px}
body{margin:0px;font-family:'Nunito Sans';font-size:15px;background:#FAFAFA}
input,select,textarea{font-family:inherit;color:#8A8A8A;height:35px;font-size:14px;border-radius:2px;border:1px solid #ECECEC;box-sizing:border-box}
input:focus,select:focus,textarea:focus{border:1px solid var(--principale)}
textarea{height:70px;resize:none}
br{clear:both}
.dd-item .edit,.dd-item .delete{display:none}
.edit,.center-reviews,.center-classes,.edit-social-media,.delete,.stats,.more,.login{cursor:pointer}
.add{position:fixed;bottom:20px;right:20px;background:url(../../img/admin/add.png);background-size:100%;width:64px;height:64px;text-align:right;cursor:pointer}
.add_account{background:url(../../img/admin/add.png) no-repeat right;background-size:contain;height:40px;margin-top:10px;cursor:pointer}
.error{text-align:center;color:red;font-weight:bold}
.success{text-align:center;color:green;font-weight:bold}

.download,.print,.money,.more,.edit,.go-login,.edit-account,.edit-base,.center-reviews,.center-teachers,.center-classes,.edit-social-media,.delete,.color-picker,.file-btn,.link-btn,.word-btn,.login,.change_user{display:inline-block;width:32px;height:32px;background:url(../img/edit.png) no-repeat center;cursor:pointer}
.money{background:url(../../img/admin/wallet.png) no-repeat center;background-size:32px}
.more{background:url(../../img/admin/more.png) no-repeat center;background-size:32px}
.go-login{background:url(../../img/admin/key.png) no-repeat center;background-size:32px}
.edit-account{background:url(../../img/admin/key.png) no-repeat center;background-size:32px}
.edit-base{background:url(../../img/admin/database.png) no-repeat center;background-size:32px}
.center-reviews{background:url(../../img/admin/reviews.png) no-repeat center;background-size:32px}
.center-teachers{background:url(../../img/admin/teacher.png) no-repeat center;background-size:32px}
.center-classes{background:url(../../img/admin/training.png) no-repeat center;background-size:32px}
.edit{background:url(../../img/admin/edit.png) no-repeat center;background-size:32px}
.edit-social-media{background:url(../../img/admin/social-media.png) no-repeat center;background-size:32px}
.delete{background:url(../../img/admin/delete.png) no-repeat center;background-size:32px}
.change_user{background:url(../../img/admin/change_user.png) no-repeat center;background-size:32px}
.login{background:url(../../img/admin/login.png) no-repeat center;background-size:32px}
.download{background:url(../../img/download.png) no-repeat center;background-size:32px}
.file-btn{background:url(../../img/link.png) no-repeat center}
.link-btn{background:url(../../img/link.png) no-repeat center}
.word-btn{background:url(../../img/word.png) no-repeat center}
.file-btn{position:absolute;top:14px;left:14px;width:24px;height:24px;background-color:white;border-radius:50%;background-size:12px;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.6)}
.link-btn{position:absolute;top:14px;left:14px;width:24px;height:24px;background-color:white;border-radius:50%;background-size:12px;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.6)}
.word-btn{position:absolute;top:14px;left:14px;width:24px;height:24px;background-color:white;border-radius:50%;background-size:12px;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.6)}

.btn{display:inline-block;padding-left:20px;padding-right:20px;line-height:40px;background:#8A2E80;color:white;margin-top:20px;margin-bottom:10px;margin-left:10px;border-radius:5px;cursor:pointer}
.btn:hover{background:var(--principale)}
.btn:first-child{margin-left:0px}
.btn-add{display:block;text-align:center;line-height:43px;background:var(--principale);color:white;border:1px solid var(--principale);margin-top:10px;border-radius:5px;cursor:pointer}
.btn-add:hover{background:white;color:var(--principale)}
.btn-no-action{display:inline-block;padding-left:20px;padding-right:20px;line-height:40px;background:white;color:var(--principale);border:1px solid var(--principale);margin-top:20px;margin-bottom:10px;margin-left:10px;border-radius:5px;cursor:pointer}
.btn-no-action:hover{background:var(--principale);color:white}
.btn-close{display:inline-block;padding-left:20px;padding-right:20px;line-height:40px;background:white;color:var(--principale);border:1px solid var(--principale);margin-top:20px;margin-bottom:10px;margin-left:10px;border-radius:5px;cursor:pointer}
.btn-close:hover{background:#C40606;color:white;border:1px solid #C40606}

#popin td.alignLeft,.alignLeft{text-align:left}
#popin td.alignCenter,.alignCenter{text-align:center}
#popin td.alignRight,.alignRight{text-align:right}
.errorInput{background:pink}
/*.dd-item button.edit,.dd-item button.delete{display:none}
.edit{display:inline-block;background-image:url(../../img/edit.png);width:28px;height:28px;margin:2px;margin-top:10px;background-position:0px 0px}
.suppression{display:inline-block;background-image:url(../../img/delete.png);width:28px;height:28px;margin:2px;margin-top:10px;background-position:0px 0px}*/

.dd-item .disabled{position:absolute;background-image:url(../../img/admin/disabled.png);background-size:100%;top:12px;right:64px;cursor:pointer;width:24px;height:24px;border:0px}
.dd-item .enabled{position:absolute;background-image:url(../../img/admin/enabled.png);background-size:100%;top:12px;right:64px;cursor:pointer;width:24px;height:24px;border:0px}
.dd-item .editer{position:absolute;background-image:url(../../img/admin/edit.png);background-size:100%;top:12px;right:37px;cursor:pointer;width:24px;height:24px;border:0px}
.dd-item .supprimer{position:absolute;background-image:url(../../img/admin/delete.png);background-size:100%;top:12px;right:10px;cursor:pointer;width:24px;height:24px;border:0px}
.dd-item .div-price{float:right;cursor:pointer;height:24px;border:0px;margin-right:10px;margin-top:5px}
.dd-item input[type=number]{height:28px;box-sizing:border-box;font-family:inherit;color:black;font-size:14px;border-radius:2px;border:1px solid gray;width:85px}
#bg-click{display:none;position:fixed;background:rgba(0,0,0,0.5);width:100%;height:100%;z-index:10000}
#popin{display:none;position:fixed;width:48%;left:26%;max-height:80%;top:10%;overflow:auto;background:white;z-index:10001;padding-top:10px;padding-bottom:10px;border-radius:10px;box-shadow:0px 0px 6px rgba(0,0,0,0.16);box-sizing:border-box}
#popin h1{font-size:20px;padding:0px;margin:0px;color:#E15018}
#popin table h1{color:white}
#popin .content{padding-left:10px;padding-right:10px}
#popin .select2-container{margin-top:10px;margin-bottom:0px}
#popin .select2-container .select2-choice{line-height:43px}
#popin select{display:block;width:100%;height:45px;padding:10px;color:#8A8A8A;margin-top:10px;font-weight:bold;box-sizing:border-box}

#center_account .account_row {position:relative}
#center_account .account_row.remove{background:rgba(255,0,0,0.5)}
#center_account .account_row .remove-row {position:absolute;z-index:3;right:0px;top:0px;background:url(../../img/admin/delete-img.png) no-repeat center;background-size:auto;background-size:24px;margin:8px;width:24px;height:24px;cursor:pointer;}

.input-material{position:relative;border-radius:2px;box-sizing:border-box;margin-top:10px}
.input-material input,.input-material textarea{display:block;border:1px solid var(--principale);background:none;font-family:inherit;font-size:14px;font-weight:bold;color:var(--principale);width:100%;height:45px;padding:5px;padding-top:10px;box-sizing:border-box}
.input-material input.date{background:url(../../img/admin/date.png) no-repeat right;background-position:right 10px center;background-size:auto 60%}
.input-material textarea{height:70px;padding-top:15px}
.input-material input:focus,.input-material textarea:focus{outline:none}
.input-material label{position:absolute;left:5px;top:10px;line-height:25px;font-size:14px;font-weight:bold;color:#8A8A8A;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all}
.input-material input:focus ~ label,.input-material textarea:focus ~ label{top:5px;line-height:10px;font-size:10px;font-weight:normal}
.input-material input:focus,.input-material textarea:focus{border:1px solid var(--principale)}
.input-material input:valid ~ label,.input-material textarea:valid ~ label{top:5px;line-height:10px;font-size:10px;font-weight:normal}
.input-material input:disabled,.input-material textarea:disabled{background:#ECECEC}
.input-material input:disabled ~ label,.input-material textarea:disabled ~ label{top:5px;line-height:10px;font-size:10px;font-weight:normal}
.input-material label.required:after{position:absolute;content:"*";color:red;font-weight:bold}

.show-material{position:relative;border-radius:2px;box-sizing:border-box;margin-top:10px}
.show-material div{display:block;outline:none;border:1px solid var(--principale);font-family:inherit;font-size:14px;font-weight:bold;color:var(--principale);width:100%;min-height:47px;padding:5px;padding-top:15px;line-height:25px;box-sizing:border-box}
.show-material div.date{background:url(../../img/admin/date.png) no-repeat right;background-position:right 10px center;background-size:auto 60%}
.show-material label{position:absolute;left:5px;top:5px;line-height:10px;font-size:10px;font-weight:normal;color:#8A8A8A;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all}

.select2-container.required .select2-chosen:after{position:absolute;content:"*";color:red;font-weight:bold}

header{position:fixed;width:100%;border-bottom:1px solid #F1F1F1;height:54px;z-index:1;background:white}
header #logo{display:inline-block;background:url(../../img/logo.png) no-repeat left;background-size:contain;width:100px;height:55px;margin-left:10px}
header #menuright{float:right;padding-right:20px;height:55px}
header #menuright #onglets{float:left;height:55px;line-height:55px}
header #menuright #onglets a{float:left;padding-left:25px;text-decoration:none;color:#979797;font-weight:bold;font-size:14px}
header #menuright #onglets a:first-child{padding-left:0px}
header #menuright #onglets a:hover{color:#3E9AF5}
header #menuright #notif{float:left;background-image:url(../../img/notification-bell.png);background-repeat:no-repeat;background-position:center;width:18px;height:55px;cursor:pointer;margin-left:10px}
header #menuright #notif #countNotif{background-color:#3E9AF5;color:white;border-radius:5px;font-weight:700;font-size:9px;line-height:16px;text-align:center;position:absolute;top:8px;margin-left:12px;margin-top:7px;padding:0 3px}

header #menuright #profil{display:inline-block;width:21px;height:55px;margin-left:10px;background:url(../../img/account.png) no-repeat;background-repeat:no-repeat;background-position:center}
header #menuright #profil ul{display:none}
#breadcrumb{line-height:35px;background:white;border-bottom:1px solid #EEE;padding-top:60px;padding-bottom:5px;padding-left:80px;color:gray;font-size:12px}
#breadcrumb a{text-decoration:none;color:gray}

aside{width:60px;height:100%;position:fixed;background:white;top:55px;z-index:2000;border-right:1px solid #EEE}
aside #menu_left{list-style:none;padding:0px;margin:0px;padding-left:10px}
aside > ul#menu_left{width:100%;padding:0px}
aside li{list-style:none}
aside > #menu_left > li{width:100%;height:40px;margin-top:10px;z-index:2000}
aside > #menu_left > li:hover{background-color:white}
aside > #menu_left > li > a{display:block;width:100%;height:40px;text-decoration:none}
aside > #menu_left > li > ul{z-index:2001;padding:0px;display:none;margin-left:60px;margin-top:-40px;min-width:170px}
aside > #menu_left > li > ul > li{line-height:40px}
aside > #menu_left > li > ul > li > ul{padding:0px;padding-top:20px;height:100%;overflow:auto;background:white;border:1px solid #e7e7e7;width:200px;position:relative;top:-20px}
aside > #menu_left > li > ul > li > ul> li > a{font-size:12px;color:#393939;padding-left:10px; display:block;text-decoration:none}
aside > #menu_left > li > ul > li > ul > li:hover > a{color:var(--principale);border-left:2px solid var(--principale)}
aside > #menu_left > li > ul > li.title, aside > #menu_left > li > ul > li.title a{font-weight:600;font-size:12px;color:white;border-radius:24px;padding-left:10px;border-radius:24px;background:var(--principale);max-width:120px;text-decoration:none}
aside > #menu_left > li > ul > li.title{position:relative;z-index:10}
aside > #menu_left > li:hover > ul{display:block}

#menu-dashboard{background:url(../../img/admin/menu/dashboard.png) no-repeat center;background-size:24px}
#menu-company{background:url(../../img/admin/menu/company.png) no-repeat center;background-size:24px}
#menu-commercial{background:url(../../img/admin/menu/wallet.png) no-repeat center;background-size:24px}
#menu-settings{background:url(../../img/admin/menu/settings.png) no-repeat center;background-size:24px}
#menu-logout{background:url(../../img/admin/menu/logout.png) no-repeat center;background-size:24px}
#content{position:relative;padding-left:60px;padding-bottom:94px}
#content #list{margin:10px}

#menu-category{background:url(../../img/admin/menu/category.png) no-repeat center;background-size:24px}
#menu-qr-code{background:url(../../img/admin/menu/qr-code.png) no-repeat center;background-size:24px}
#menu-user{background:url(../../img/admin/menu/user.png) no-repeat center;background-size:24px}
#menu-student{background:url(../../img/admin/menu/student.png) no-repeat center;background-size:24px}
#menu-staff{background:url(../../img/admin/menu/staff.png) no-repeat center;background-size:24px}
#menu-cook{background:url(../../img/admin/menu/cook.png) no-repeat center;background-size:24px}
#menu-product{background:url(../../img/admin/menu/product.png) no-repeat center;background-size:24px}
#menu-city{background:url(../../img/admin/menu/city.png) no-repeat center;background-size:24px}
#menu-statistiques{background:url(../../img/admin/menu/statistiques.png) no-repeat center;background-size:24px}
#menu-rdv{background:url(../../img/admin/menu/rdv.png) no-repeat center;background-size:24px}
#menu-reviews{background:url(../../img/admin/menu/reviews.png) no-repeat center;background-size:24px}
#menu-money{background:url(../../img/admin/menu/money.png) no-repeat center;background-size:24px}

#popin .onglets-container{position:relative;padding-left:20px;padding-right:20px;margin-top:10px;border-bottom:1px solid #ECECEC}
#popin .onglets-container:after{position:absolute;content:"";width:100%;left:0px;bottom:-2px;box-shadow:0px 0px 3px 1px #ECECEC}
#popin .onglet-click{display:inline-block;padding-left:15px;padding-right:15px;line-height:40px;font-weight:600;color:#C9C9C9;cursor:pointer}
#popin .onglet-click.active{background:var(--principale);color:white;border-top-left-radius:10px;border-top-right-radius:10px}
.onglet{display:none}
.onglet.active{display:block}
#popin .onglet{padding-left:15px;padding-right:15px}

#drop-zone{display:block;text-align:center;height:92px;border:1px solid #ECECEC;border-radius:5px;box-sizing:border-box;clear:both;font-size:12px;font-weight:300;text-align:center;margin-top:10px}
#drop-zone #image-preview-one{float:left;background:url(https://media.logtrack.ma/92x92/c-0-0.png) no-repeat center;width:92px;height:91px;border-right:1px solid #ECECEC;border-radius:5px;box-sizing:border-box}
#drop-zone #image-preview-one.users{background-image:url(https://media.logtrack.ma/92x92/cu-0-0.png)}
#drop-zone #image-preview-one.products{background-image:url(https://media.logtrack.ma/92x92/b-0-0.png)}
#drop-zone #image-preview-one.cards{background-image:url(https://media.logtrack.ma/92x92/mt-0-0.png)}
#drop-zone .drag{display:block;height:92px;padding-top:60px;background:url(../../img/admin/drag.png) no-repeat top;background-position:top 20px center;box-sizing:border-box;cursor:pointer}
#drop-zone #image-preview-one ~ .drag{margin-left:92px}
#drop-zone .drag span{color:var(--principale)}
#drop-zone input{display:none}
#progress{height:5px}
#progress .progress-bar{background:blue;height:5px;width:0px;border-radius:3px}
#image-preview .img{float:left;position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;width:48%;margin-left:1%;margin-right:1%;height:150px;border-radius:5px;margin-top:10px}
#image-preview .img.remove:after{position:absolute;z-index:2;content:"";top:0px;left:0px;width:100%;height:100%;background:rgba(255,0,0,0.5)}
#image-preview .img .remove-img{position:absolute;z-index:3;right:0px;top:0px;background:url(../../img/admin/delete-img.png) no-repeat center;background-size:24px;margin:8px;width:24px;height:24px;cursor:pointer}

#image-preview-one .img{position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;height:92px;border-radius:5px}
#image-preview-one .img.remove:after{position:absolute;z-index:2;content:"";top:0px;left:0px;width:100%;height:100%;background:rgba(255,0,0,0.5)}
#image-preview-one .img .remove-img{position:absolute;z-index:3;right:0px;top:0px;background:url(../../img/admin/delete-img.png) no-repeat center;background-size:24px;margin:8px;width:24px;height:24px;cursor:pointer}

#no-results{background:url(../../img/admin/no-results.png) no-repeat top;background-size:contain;margin:auto;width:300px;max-width:95%;margin-top:30px;padding-top:300px;color:var(--principale);font-weight:bold;text-align:center}

.tiles{background:white;background-repeat:no-repeat;background-position:top;background-position:top 15px center;border:1px solid #E4E4E4;margin-top:10px;padding:10px;border-radius:2px;padding-top:80px;text-align:center;box-sizing:border-box}
.tiles .title{font-weight:300;padding:10px;color:#818D96;height:50px;line-height:25px}
.tiles .number{font-size:28px;font-weight:bold}
.tiles .positif{display:inline-block;padding-left:15px;background:url(../../img/admin/positif.png) no-repeat left;color:#00FF80}
.tiles .negatif{display:inline-block;padding-left:15px;background:url(../../img/admin/negatif.png) no-repeat left;color:#FF0062}
.tiles.tile-money{background-image:url(../../img/admin/tile-money.png)}
.graph-row.loading{min-height:400px}
.graph-row{background:white;border:1px solid #E4E4E4;border-radius:2px;padding-top:10px;margin-top:10px}
.switch{position:absolute;top:15px;right:65px;width:32px;height:18px}
.switch input{opacity:0;width:0;height:0}
.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}
.switch .slider:before{position:absolute;content:"";height:10px;width:10px;right:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;transform:translateX(-13px)}
.switch input:checked + .slider{background-color:#0A5862}
.switch input:checked + .slider:before{/* -webkit-transform:translateX(13px);-ms-transform:translateX(13px); */transform:translateX(-1px)}
.slider.round{border-radius:34px}
.slider.round:before{border-radius:50%}

.my-select-2{position:relative}
.my-select-2 label{position:absolute;left:5px;top:5px;line-height:10px;font-size:10px;font-weight:normal;color:#8A8A8A}
.my-select-2 label.required:after{position:absolute;content:"*";color:red;font-weight:bold}

.filter{background:white;border:1px solid #E4E4E4;border-radius:5px;margin:10px}
.filter input,.filter select,.filter textarea{display:block;width:100%;height:45px;font-weight:bold;color:#8A8A8A;padding-left:5px;padding-right:5px;border:1px solid #ECECEC;box-sizing:border-box}
.filter input:focus,.filter select:focus,.filter textarea:focus{border:1px solid var(--principale)}
.filter .custom-select,.filter .dropdown,.filter input{margin-top:10px}

.custom-select{position:relative;text-align:left;color:#8A8A8A;height:45px;font-size:14px;font-weight:bold;border-radius:2px;border:1px solid #ECECEC;box-sizing:border-box;margin-bottom:10px;background:white url(../../img/admin/select.png) no-repeat right;background-position:right 10px center}
#popin .custom-select{margin-top:10px;margin-bottom:0px}
.custom-select select{display:none}
#popin .custom-select select{display:none}
.select-selected{line-height:45px;padding-left:5px;padding-right:5px;cursor:pointer}
.select-items{position:absolute;background:white;color:black;content:"";top:100%;left:0;right:0;z-index:1000001;max-height:200px;overflow-y:auto;border:1px solid #EAEAEA;border-top:0px;border-bottom-left-radius:2px;border-bottom-right-radius:2px}
.select-items div{position:relative;padding-left:5px;padding-right:5px;line-height:36px;cursor:pointer}
.select-items div.select-status{padding-right:40px}
.select-items div.select-status:after{position:absolute;content:"";top:3px;right:5px;width:30px;height:30px;border-radius:50%;background-repeat:no-repeat;background-position:center}
.select-items div:hover{background:DodgerBlue;color:white}
.select-hide{display:none}

.choose,.choose-design, .choose-type{line-height:15px;height:42px;text-align:center;float:left;margin-top:10px;position:relative;border:1px solid #ECECEC;border-radius:10px;cursor:pointer;padding:10px;padding-top:5px;padding-bottom:5px;width:100%;box-sizing:border-box}
.choose.genders{max-width:60px;line-height:30px;margin-left:5px;margin-right:5px;margin-top:15px}
.choose.genders:first-child{margin-left:0px}
.choose.genders:last-child{margin-right:0px}
.choose.gender{max-width:60px;line-height:50px;height:50px;margin-left:5px;margin-right:5px;margin-top:15px}
.choose.gender:first-child{margin-left:0px}
.choose.gender:last-child{margin-right:0px}
.choose.active,.choose-design.active, .choose-type.active{border:1px solid #313131;color:var(--principale)}
.choose:after{display:none;position:absolute;content:"";width:20px;height:20px;background:var(--principale) url(../../img/admin/choose.png) no-repeat center;background-size:8px;border-radius:50%;right:-5px;top:-5px}
.choose.active:after,.choose-design.active:after,.choose-type.active:after{display:block}

.choose-multiple{line-height:50px;height:50px;text-align:center;float:left;margin-top:10px;position:relative;border:1px solid #ECECEC;border-radius:10px;cursor:pointer;padding-left:10px;padding-right:10px;width:100%;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap}
.choose-multiple.active{border:1px solid var(--principale);color:#313131}
.choose-multiple:after{display:none;position:absolute;content:"";width:20px;height:20px;background:var(--principale) url(../../img/admin/choose.png) no-repeat center;background-size:8px;border-radius:50%;right:-5px;top:-5px}
.choose-multiple.active:after{display:block}


table{width:100%}
th{background:var(--principale);color:white;text-align:center;padding:5px;padding-left:2px;padding-right:2px}
td{padding-left:2px;padding-right:2px}
tr:nth-child(odd){background:#EEE}
tr:hover{background:#DDD}
.pagination-container{float:right;height:30px}
.paginNum{border:1px solid #AAA;color:#555;background-color:white;padding:2px;padding-left:5px;padding-right:5px;cursor:pointer}
.paginNum.active,.paginNum:hover{border:1px solid #AAA;color:white;background-color:#BBB}
.block{display:block;position:relative;border:1px solid #E4E4E4;border-radius:8px;margin-top:15px;background:white;text-align:center}
.block.users .img{width:165px;height:165px;border-radius:50%;margin:auto;margin-top:10px}
.block.centers .img{height:120px}
.block.brands .img{height:200px}
.block .img{position:relative;display:block;background:#F0F0F0 url(../img/no-image.png) no-repeat center;background-size:cover;border-top-left-radius:3px;border-top-right-radius:3px}
.block .title{display:block;font-weight:900;padding:10px;padding-bottom:0px;box-sizing:border-box}
.block .nb{display:inline-block;line-height:16px;height:36px;background:rgba(0,130,254,0.1);padding:10px;margin-top:5px;box-sizing:border-box}
.block .price{position:absolute;color:white;right:-5px;top:10px;background:var(--principale);line-height:20px;padding:10px;padding-top:12px;padding-bottom:12px;border-radius:5px}
.block .type{position:absolute;color:white;left:-5px;top:56px;background:rgba(0,130,254,0.75);line-height:16px;padding:10px;border-radius:5px}
.block .name{position:absolute;color:white;left:60px;right:60px;top:104px;background:rgba(0,130,254,0.75);line-height:16px;padding:10px;border-radius:5px}
.block .nb-top{position:absolute;color:white;left:-5px;top:10px;background:rgba(0,130,254,0.75);line-height:16px;padding:10px;border-radius:5px}
.block .nb-top-right{position:absolute;color:white;right:-5px;top:10px;background:rgba(0,130,254,0.75);line-height:16px;padding:10px;border-radius:5px}
.block .custom-select{margin:10px}
.block .add-user{position:absolute;top:10px;right:0px;width:46px;height:36px;background:rgba(255,157,0,0.1) url(../../img/admin/add-user.png) no-repeat center;border-top-left-radius:3px;border-bottom-left-radius:3px}
.block .edit-user{position:absolute;top:10px;right:0px;width:46px;height:36px;background:rgba(34,230,140,0.1) url(../../img/admin/edit-user.png) no-repeat center;border-top-left-radius:3px;border-bottom-left-radius:3px}
.block .undo-bug{position:absolute;top:56px;right:0px;width:46px;height:36px;background:rgba(34,230,140,0.1) url(../../img/admin/undo-bug.png) no-repeat center;border-top-left-radius:3px;border-bottom-left-radius:3px;cursor:pointer}
.block .undo-fix{position:absolute;top:56px;right:0px;width:46px;height:36px;background:rgba(129,141,150,0.1) url(../../img/admin/undo-fix.png) no-repeat center;border-top-left-radius:3px;border-bottom-left-radius:3px;cursor:pointer}
/*.block .bug{position:absolute;top:10px;right:0px;width:46px;height:36px;background:rgba(255,107,28,0.1) url(../../img/admin/bug.png) no-repeat center;border-top-left-radius:3px;border-bottom-left-radius:3px;cursor:pointer}*/
.block .fix{position:absolute;top:0px;left:0px;width:100%;height:180px;background:rgba(255,0,98,0.1) url(../../img/admin/problem.png) no-repeat center;border-top-left-radius:3px;border-top-right-radius:3px;cursor:pointer;z-index:1}
.block .fix2{cursor:pointer}
#qrcodes{padding-top:50px;padding-bottom:40px}
.qr{position:relative;margin-top:20px}
.qr .img{position:relative;}
.qr .img img{width:100%}
.qr .img .text{position:absolute;bottom:80px;left:20px;right:20px;background:rgba(230,230,255,.95);text-align:center;font-weight:bold}
.qr .img .text a{display:block;line-height:40px;color:#333333;text-decoration:none}

#image-preview .img{display:inline-block;margin-top:10px;margin-right:3px;margin-bottom:3px;position:relative}
#image-preview .img img{max-width:100px}
#image-preview .remove-img{position:absolute;top:2px;right:5px;color:red;text-decoration:none;cursor:pointer}

#popin .btn,#popin .btn-close{height:49px;line-height:49px;padding-left:40px;padding-right:40px;font-weight:bold;font-size:15px;box-sizing:border-box;border-radius:10px}
#popin .btn:after{position:absolute;content:"";top:0px;left:0px;bottom:0px;right:10px;background:url(../img/li-btn.png) no-repeat right;background-size:8px}
#popin .btn-close{border-color:#333333;background:white;color:#333333;border:2px solid #333333;margin-left:20px}

#colorpicker-form{position:relative;padding:0px;padding-left:120px;max-width:320px;margin:auto;margin-top:10px}
#colorpicker{position:absolute;left:0px;top:0px}
.farbtastic{position:relative;margin:auto}
.farbtastic *{position:absolute;cursor:crosshair}
.farbtastic,.farbtastic .wheel{width:120px;height:120px}
.farbtastic .color,.farbtastic .overlay{top:30px;left:30px;right:30px;bottom:30px}
.farbtastic .wheel{background:url(../wheel.png) no-repeat;background-size:contain;width:120px;height:120px}
.farbtastic .overlay{background:url(../mask.png) no-repeat;background-size:contain}
.farbtastic .marker{width:10px;height:10px;margin:-5px 0 0 -5px;overflow:hidden;background:url(../marker.png) no-repeat;background-size:contain}

.show-type{display:none}
.show-type-1{display:block}
.choose-type{line-height:30px;text-align:center;float:left;margin-top:10px;position:relative;border:1px solid #ECECEC;border-radius:10px;cursor:pointer;padding:10px;width:100%;box-sizing:border-box;height:auto}
.choose-type.active{border:1px solid var(--principale);color:var(--principale)}
.choose-type:after{display:none;position:absolute;content:"";width:20px;height:20px;background:var(--principale) url(../../img/choose.png) no-repeat center;background-size:8px;border-radius:50%;right:-5px;top:-5px}
.choose-type.active:after{display:block}

.choose{line-height:30px;text-align:center;float:left;margin-top:10px;position:relative;border:1px solid #ECECEC;border-radius:10px;cursor:pointer;padding:10px;width:100%;box-sizing:border-box;height:auto}
.choose.genders{max-width:60px;margin-left:5px;margin-right:5px;margin-top:15px}
.choose.genders:first-child{margin-left:0px}
.choose.genders:last-child{margin-right:0px}
.choose.active{border:1px solid var(--principale);color:var(--principale)}
.choose:after{display:none;position:absolute;content:"";width:20px;height:20px;background:var(--principale) url(../../img/choose.png) no-repeat center;background-size:8px;border-radius:50%;right:-5px;top:-5px}
.choose.active:after{display:block}

.container:before,.container:after,.row:before,.row:after,.annonce .head:before,.annonce .head:after,.annonce .content:before,.annonce .content:after{display:table;content:" "}
.clearfix:after,.container:after,.row:after,.annonce .head:after,.annonce .content:after{clear:both}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:10px;padding-left:10px;box-sizing:border-box}
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
.col-lg-12{width:100%}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
.col-lg-0{display:none}

@media screen and (max-width:1024px){
	body{font-size:14px}
	.col-xg-1,.col-xg-2,.col-xg-3,.col-xg-4,.col-xg-5,.col-xg-6,.col-xg-7,.col-xg-8,.col-xg-9,.col-xg-10,.col-xg-11,.col-xg-12{float:left}
	.col-xg-12{width:100%}
	.col-xg-11{width:91.66666667%}
	.col-xg-10{width:83.33333333%}
	.col-xg-9{width:75%}
	.col-xg-8{width:66.66666667%}
	.col-xg-7{width:58.33333333%}
	.col-xg-6{width:50%}
	.col-xg-5{width:41.66666667%}
	.col-xg-4{width:33.33333333%}
	.col-xg-3{width:25%}
	.col-xg-2{width:16.66666667%}
	.col-xg-1{width:8.33333333%}
	.col-xg-0{display:none}
}
@media screen and (max-width:720px){
	body{font-size:13px}
	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
	.col-md-12{width:100%}
	.col-md-11{width:91.66666667%}
	.col-md-10{width:83.33333333%}
	.col-md-9{width:75%}
	.col-md-8{width:66.66666667%}
	.col-md-7{width:58.33333333%}
	.col-md-6{width:50%}
	.col-md-5{width:41.66666667%}
	.col-md-4{width:33.33333333%}
	.col-md-3{width:25%}
	.col-md-2{width:16.66666667%}
	.col-md-1{width:8.33333333%}
	.col-md-0{display:none}
}
@media screen and (max-width:480px){
	body{font-size:12px}
	#popin{width:90%;text-align:center;left:5%}
	#breadcrumb{padding-left:46px}
	#content{padding-left:46px}
	aside ul li a span{display:none}
	aside ul li a{width:16px;padding-left:0px}
	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666667%}
	.col-sm-10{width:83.33333333%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666667%}
	.col-sm-7{width:58.33333333%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666667%}
	.col-sm-4{width:33.33333333%}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.66666667%}
	.col-sm-1{width:8.33333333%}
	.col-sm-0{display:none}
}
@media screen and (max-width:320px){
	.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
	.col-xs-12{width:100%}
	.col-xs-11{width:91.66666667%}
	.col-xs-10{width:83.33333333%}
	.col-xs-9{width:75%}
	.col-xs-8{width:66.66666667%}
	.col-xs-7{width:58.33333333%}
	.col-xs-6{width:50%}
	.col-xs-5{width:41.66666667%}
	.col-xs-4{width:33.33333333%}
	.col-xs-3{width:25%}
	.col-xs-2{width:16.66666667%}
	.col-xs-1{width:8.33333333%}
	.col-xs-0{display:none}
}