/*body{margin:0px} input[type=text],input[type=password],select,textarea{height:25px;box-sizing:border-box;margin:5px} br{clear:both} #nestable{padding:0px} .dd-item .edit,.dd-item .delete{display:none} .add img,.edit,.delete{cursor:pointer} .add{text-align:right} .error{text-align:center;color:red;font-weight:bold} .success{text-align:center;color:green;font-weight:bold} .btn{display:inline-block;padding-left:20px;padding-right:20px;line-height:40px;background:#0AF;color:white;margin:10px;cursor:pointer} .alignRight{text-align:right} .errorInput{background:pink} .dd-item .editer{background-image:url(../../img/edit.png);float:right;cursor:pointer;width:28px;height:28px;border:0px;margin-right:3px;margin-top:10px;background-position:0px 0px} .dd-item .supprimer{background-image:url(../../img/delete.png);float:right;cursor:pointer;width:28px;height:28px;border:0px;margin-right:10px;margin-top:10px;background-position:0px 0px} #bg-click{display:none;position:absolute;background:rgba(0,0,0,0.5);width:100%;height:100%;z-index:1000} #popin{display:none;position:absolute;width:60%;text-align:center;left:20%;max-height:70%;top:15%;overflow:auto;background:white;z-index:1000;padding:20px} #popin input[type=text],#popin input[type=password],#popin select,#popin textarea{width:90%;height:40px;margin:10px;padding:10px} header{position:fixed;width:100%;background-color:white;height:55px;z-index:1} header #logo{display:inline-block;margin-top:10px;background-image:url(../../img/client/logo.png);width:83px;height:36px;margin-left:20px} 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:#FAFAFA;padding-top:55px;padding-left:210px;color:gray;font-size:12px} #breadcrumb a{text-decoration:none;color:gray} aside{position:fixed;background:#FAFAFA;height:calc(100% - 55px);margin-top:55px;width:200px;overflow:auto;z-index:1;color:gray;line-height:30px;font-weight:bold} aside ul{list-style:none;padding:0px;margin:0px;padding-left:10px} aside a{text-decoration:none;color:gray} #content{position:relative;padding:10px;padding-left:210px} table{width:100%} th{background:#0AF;color:white} 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}*/ /* articles paragraphs*/ .toggle_btn {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;} .toggle_btn.active {border:1px solid #313131;color:#313131;} #paragraphs .paragraph {margin-top:10px;} #paragraphs .paragraph .title{height:45px;padding-top:10px;font-size:20px;font-weight:bold;color:#f4c747;background-color:#313131;} #paragraphs .paragraph .paragraph-body{min-height:100px;} #paragraphs .paragraph .progress {height:5px;} #paragraphs .paragraph .progress .progress-bar {background:#313131;height:5px;width:0px;border-radius:3px;} #paragraphs .paragraph .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;} #paragraphs .paragraph .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:auto;background-size:24px;margin:8px;width:24px;height:24px;cursor:pointer;} #paragraphs .paragraph .remove-paragraph,#lines .line .remove-line {position:absolute;z-index:3;right:0px;top:0px;background:url(../../img/admin/delete-img.png) no-repeat center;background-size:auto;background-size:auto;background-size:24px;margin:8px;width:24px;height:24px;cursor:pointer;} .add-line, .add-step, .add-paragraph{padding:20px;background-size:25px 25px;width:76px;height:76px;text-align:right;cursor:pointer;} .add-line{background:url(../../img/admin/add.png) no-repeat;} #add-step,#add-paragraph {background:url(../../img/admin/paragraph-only.png) no-repeat center;background-color:#E7ECED;} #add-step-youtube,#add-paragraph-youtube {background:url(../../img/admin/paragraph-youtube.png) no-repeat center;background-color:#F4DD45;} #add-step-image,#add-paragraph-image {background:url(../../img/admin/paragraph-image.png) no-repeat center;background-color:#9FD288;} .add-article {position:fixed;bottom:170px;right:20px;background:url(../../img/admin/add-article.png) no-repeat;background-color:#E7ECED;background-position:center;background-size:50px 50px;width:76px;height:76px;text-align:right;cursor:pointer;z-index:7000;border-radius:50%} .add-tutorial {position:fixed;bottom:90px;right:20px;background:url(../../img/admin/add-tutorial.png) no-repeat;background-color:#F4DD45;background-position:center;background-size:50px 50px;width:76px;height:76px;text-align:right;cursor:pointer;z-index:7000;border-radius:50%} .add-question {position:fixed;bottom:10px;right:20px;background:url(../../img/admin/add-question.png) no-repeat;background-color:#9FD288;background-position:center;background-size:50px 50px;width:76px;height:76px;text-align:right;cursor:pointer;z-index:7000;border-radius:50%} #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 #313131} textarea{height:70px;resize:none} br{clear:both} .dd-item .edit,.dd-item .delete{display:none} .error{text-align:center;color:red;font-weight:bold} .success{text-align:center;color:green;font-weight:bold} #nestable{padding:0px} .signature-save,.signature-clear,.newscast,.newscasted,.download,.edit-gerant,.edit-account,.edit-company,.edit,.signature,.print-pdf,.print-excel,.delete,.bill,.more,.stats,.login{display:inline-block;width:24px;height:24px;background:url(../../img/admin/edit.png) no-repeat center;background-size:24px;cursor:pointer} .signature-save{background-image:url(../../img/admin/save.png)} .signature-clear{background-image:url(../../img/admin/clear.png)} .download{background-image:url(../../img/admin/download.png)} .edit-gerant{background-image:url(../../img/admin/edit-gerant.png)} .edit-account{background-image:url(../../img/admin/edit-account.png)} .edit-company{background-image:url(../../img/admin/edit-company.png)} .delete{background-image:url(../../img/admin/delete.png)} .signature{background-image:url(../../img/admin/signature.png)} .more{background-image:url(../../img/admin/more.png)} .bill{background-image:url(../../img/admin/bill.png)} .stats{background-image:url(../../img/admin/stats.png)} .login{background-image:url(../../img/admin/login.png)} .print-excel{background-image:url(../../img/admin/excel.png)} .print-pdf{background-image:url(../../img/admin/pdf.png)} .newscasted{background-image:url(../../img/admin/start.png)} .newscast{background-image:url(../../img/admin/start-empty.png)} .loading{background:white url(../../img/admin/loading.gif) no-repeat center} .graph-row.loading{min-height:400px} .graph-row{background-color:white;border:1px solid #E4E4E4;border-radius:2px;padding-top:10px;margin-top:10px} .print{width:40px;height:30px;background:url(../img/admin/printer.png) no-repeat center;background-size:40px} .add{position:fixed;bottom:20px;right:20px;background:url(../../img/admin/add.png) no-repeat;background-size:100%;width:78px;height:78px;text-align:right;cursor:pointer;z-index:7000} .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 .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:#313131AA;padding:10px;margin-top:5px;box-sizing:border-box} .block .price{position:absolute;color:white;right:-5px;top:10px;background:#313131;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:#313131AA;line-height:16px;padding:10px;border-radius:5px} .block .name{position:absolute;color:white;left:60px;right:60px;top:104px;background:#313131AA;line-height:16px;padding:10px;border-radius:5px} .block .nb-top{position:absolute;color:white;left:-5px;top:10px;background:#313131AA;line-height:16px;padding:10px;border-radius:5px} .block .nb-top-right{position:absolute;color:white;right:-5px;top:10px;background:#313131AA;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} .flex-container > div, .flex-container > a {width:100%;text-align:right;color:#313131;font-size:16px;border:1px solid #EEE;border-radius:3px;margin-left:5px;margin-right:5px;height:45px;line-height:45px;font-weight:bold;padding-right:10px;} .flex-container {display:flex;flex-wrap:nowrap;padding:5px;padding-top:5px;padding-bottom:5px;padding-top:8px;padding-bottom:8px;color:#313131;} #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:#313131;font-weight:bold;text-align:center} .btn-close {display:block;line-height:40px;padding:2px;padding-right:2px;padding-left:2px;padding-left:20px;padding-right:20px;text-align:center;background:red;color:white;margin-top:8px;cursor:pointer;border-radius:5px;font-size:15px;} .drop-zone {display:block;text-align:center;height:175px;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 .drag {display:block;height:175px;padding-top:60px;background:url(../../img/admin/drag.png) no-repeat top;background-position-x:center;background-position-y:top;background-position:top 20px center;box-sizing:border-box;cursor:pointer;} .drop-zone input {display:none;} .menu {display:block;border:1px solid #ECECEC;background:none;font-family:inherit;font-size:14px;font-weight:bold;color:#313131;width:100%;height:45px;padding:5px;padding-top:5px;padding-top:10px;box-sizing:border-box;} .dropdown-below .dropdown-menu-wrapper {right:auto;} .btn{display:inline-block;padding-left:20px;padding-right:20px;line-height:40px;background:#313131;color:white;border:1px solid #313131;margin-top:20px;margin-bottom:10px;margin-left:10px;border-radius:5px;cursor:pointer} .btn:hover{background:#3F0EA1} .btn:first-child{margin-left:0px} .btn-add{display:block;text-align:center;line-height:43px;background:#313131;color:white;border:1px solid #313131;margin-top:10px;border-radius:5px;cursor:pointer} .btn-add:hover{background:white;color:#313131} .btn-no-action{display:inline-block;padding-left:20px;padding-right:20px;line-height:40px;background:white;color:#313131;border:1px solid #313131;margin-top:20px;margin-bottom:10px;margin-left:10px;border-radius:5px;cursor:pointer} .btn-no-action:hover{background:#313131;color:white} .btn-close{display:inline-block;padding-left:20px;padding-right:20px;line-height:40px;background:white;color:#313131;border:1px solid #313131;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} .add_account{display:inline-block;padding-left:20px;padding-right:20px;line-height:40px;background:#313131;color:white;border:1px solid #313131;margin-top:20px;margin-bottom:10px;margin-left:10px;border-radius:5px;cursor:pointer} .add_account:hover{background:#3F0EA1} #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;} #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} .tiles{border:1px solid #E6E6E6;margin-top:10px;border-radius:5px;padding:20px;padding-bottom:30px} .tiles .title{color:black;font-weight:600;padding-bottom:10px;position:relative} .tiles .title:after{position:absolute;width:60px;height:1px;content:"";left:0px;bottom:0px;border-top:1px solid black} .tiles .price{font-size:35px;font-weight:bold;margin-top:15px} .tiles .nb-rdv{color:#8A8A8A;margin-top:15px;font-weight:600} .green{color:#0EFC89} .red{color:#FC0E62} .orange{color:#FCA50E} .yellow{color:#D9CC16} .blue{color:#363F80} .cyan{color:#0EC7FC} .violet{color:#9600FF} .placed.active{border:2px solid #313131 !important;} .jSignature{min-height:200px} #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:60%;left:20%;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.full-screen{width:100%;left:0px;height:90%;max-height:90%;top:10%;overflow:inherit} #popin h1{font-size:20px;padding:0px;margin:0px} #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} .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 #ECECEC;background:none;font-family:inherit;font-size:14px;font-weight:bold;color:#313131;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} .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 #313131} .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 #ECECEC;background:none;font-family:inherit;font-size:14px;font-weight:bold;color:#0082FE;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} .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:#313131} header #logo{display:inline-block;background:url(../../img/logo-footer.png) no-repeat left;background-size:100px;width:100px;height:40px;margin-top:8px;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:#313131;border-left:2px solid #313131} 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:#313131;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-dev{background:url(../../img/admin/menu/ls.com.png) no-repeat center;background-size:24px} #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-blog{background:url(../../img/admin/menu/blog.png) no-repeat center;background-size:24px} #menu-influencer{background:url(../../img/admin/menu/influencer.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-user{background:url(../../img/admin/menu/user.png) no-repeat center;background-size:24px} #menu-messagerie{background:url(../../img/admin/menu/messagerie.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:#313131;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:#313131} #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-one .img-file{position:absolute;background:url(../../img/admin/bill.png) no-repeat center;background-color:white;width:95%;height:160px;border-radius:5px} #image-preview .img.remove:after,#image-preview-one .img-file.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,#image-preview-one .img-file .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:#313131;font-weight:bold;text-align:center} .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:#313131} .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 #313131} .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:50px;height:50px;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:#313131} .choose:after{display:none;position:absolute;content:"";width:20px;height:20px;background:#313131 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-toughness,.choose-design,.choose-type{max-width:80px;margin:4px;line-height:30px;height:30px;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-toughness.active,.choose-design.active,.choose-type.active{border:1px solid #313131;color:#313131} .choose-toughness:after,.choose-design:after,.choose-type:after{display:none;position:absolute;content:"";width:20px;height:20px;background:#313131 url(../../img/admin/choose.png) no-repeat center;background-size:8px;border-radius:50%;right:-5px;top:-5px} .choose-toughness.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 #313131;color:#313131} .choose-multiple:after{display:none;position:absolute;content:"";width:20px;height:20px;background:#313131 url(../../img/admin/choose.png) no-repeat center;background-size:8px;border-radius:50%;right:-5px;top:-5px} .choose-multiple.active:after{display:block} .rdv_types{width:auto;min-width:60px;height:60px;margin-right:10px;display:block;background:none no-repeat center;background-size:30px} .rdv_type_class{width:auto;min-width:60px;height:60px;margin-right:10px;display:block;background:none no-repeat center;background-size:30px} #is_local{background-image:url(../../img/client/location.png);margin-bottom:10px} #is_home{background-image:url(../../img/client/house.png);margin-bottom:10px} #is_home_local{background-image:url(../../img/client/in-outside.png);margin-bottom:10px} table{width:100%} th{background:#313131;color:white;text-align:left;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{text-align:right;height:30px;padding-left:10px;padding-right:10px;font-size:14px} .paginNum{display:inline-block;border:1px solid #313131;color:#313131;background-color:white;padding:2px;padding-left:5px;padding-right:5px;border-radius:2px;margin-top:10px;cursor:pointer} .paginNum.active,.paginNum:hover{border:1px solid #313131;color:white;background-color:#313131} #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} .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:960px){ 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:680px){ body{font-size:13px} input[type=text],input[type=password],select,textarea{height:25px;font-size:12px} .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:80%;text-align:center;left:calc(10% - 20px)} #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} }