.searcher{margin:2em 0;text-align:center}
.searcher form input{padding:1em;width:60%;border:2px solid #a1e82c}
#salon-list .searcher input{padding:1em;width:60%;border:2px solid #a1e82c}
.td-row{margin:10px 0}
.trans_text{max-width:700px}
.lang{min-width:60px}
.form-add{max-width:700px;margin:0 auto;padding:4px}
.form-add .form-row{position:relative;margin:10px 0}
.form-add .form-row input,.form-add .form-row textarea{width:100%;padding:.6em;border:2px solid #a1e82c;font-size:1.4em}
.form-add .form-row select{width:100%;font-size:1.4em}
.form-add .form-row.save{text-align:center}
.form-add .form-row.save button{width:100%;font-size:1.2em}
.remove a i{color:#c00;font-size:1.2em}
.form-add .form-row.image-upload input[type='file']{width:400px;height:25px;opacity:0}
.form-add .form-row.image-upload #val,.form-add .form-row.image-upload #val-2{height:25px;position:absolute;top:0;right:0;font-size:13px;line-height:25px;text-indent:10px;pointer-events:none}
.form-add .form-row.image-upload #button{cursor:pointer;display:block;background-color:purple;color:#fff;position:absolute;letf:0;top:0;font-size:16px;padding:1px 10px;line-height:25px;text-align:center;-webkit-transition:500ms all;-moz-transition:500ms all;transition:500ms all}
.form-add .form-row.image-upload #button-2{cursor:pointer;display:block;background-color:red;color:#fff;position:absolute;letf:0;top:0;font-size:16px;padding:1px 10px;line-height:25px;text-align:center;-webkit-transition:500ms all;-moz-transition:500ms all;transition:500ms all}
.form-add .form-row.image-upload #button-2:hover{opacity:.8}
.form-add .form-row.image-upload #button:hover{opacity:.9}
#write-about-us-list td a,#instagram-list td a,#salon-list td a,#phrases td a{color:#777}
#phrases .in-progress{color:#9A9A9A}
#write-about-us-list .edit i{font-size:30px;color:#1DC7EA}
#write-about-us-edit .form-row textarea{min-height:300px}
#write-about-us-list .thumb img{max-width:100px}
#write-about-us-list .date-publish{min-width:100px}
#write-about-us-edit .form-row.images-list figure{display:inline-block;width:30%;min-height:200px;position:relative;overflow:hidden;box-sizing:content-box;padding:0}
#write-about-us-edit .form-row.images-list figure:nth-child(even){margin:0 0 0 5px}
#write-about-us-edit .form-row.images-list figure img{position:absolute;width:110%}
#write-about-us-edit .form-row.images-list figure{opacity:.6}
#write-about-us-edit .form-row.images-list figure:hover{opacity:1;cursor:pointer}
#write-about-us-edit .form-row.images-list figure.active{opacity:1}
#instagram-list .thumb img{max-width:140px}
#salon-list td.edit, #salon-list td.certificated{text-align:center}
#phrase-edit #trans_text{text-align:left}
.alert{padding:15px 20px;color:#fff;opacity:.83;transition:opacity .6s;max-width:58%;margin:0 auto;box-sizing:border-box}
.alert.info{background-color:rgba(255,152,0,0.1);color:rgba(255,152,0,1)}
.alert.info ul{font-size:12px}
.translator .form-add{max-width:980px;width:100%}
.translator .wrapper .sidebar{display:none}
.translator .wrapper .main-panel{width:100%}
#tinymce{font-size:16px}
.translator .phrase{padding:10em 0 2em;box-sizing:border-box;max-width:980px;margin:0 auto;position:relative}
.translator .phrase h1{text-align:center;font-size:20px;margin:15px 0;line-height:1.4em;color:#000;border:1px solid rgba(29,199,234,0.2);background:rgba(29,199,234,0.10);padding:8px 2px}
.sidebar .nav li > a{padding-top:3px;padding-bottom:3px}
.col{display:inline-block}
.navigations{margin-bottom:35px;opacity:1}
.navigations > div{display:inline-block;width:32.3%;text-align:center;position:relative}
.navigations > div:nth-child(2){margin:0 1.5%}
.navigations a{color:#fff;font-size:1.1em;position:absolute;width:100%;left:0;top:0;padding:4px 0;font-weight:700;border-radius:2px}
.navigations a:hover{opacity:.9}
.prev-bg,.next-bg{background:rgba(0,0,0,0.3);border:1px solid}
.navigations a span{font-size:30px;position:absolute;left:5%;top:50%;margin-top:-15px}
.navigations a span.pe-7s-angle-right{right:0;left:auto}
.open-page-bg{background:#F4A9C2}
.save-options.cols > div{display:inline-block;width:49.2%;position:relative}
.save-options.cols > div button{width:100%;border-radius:0;text-transform:uppercase;padding:10px 0;font-size:1.2em;font-weight:700;letter-spacing:2px;border-radius:2px}
.save-options.cols > div button:hover{opacity:.9}
.save-options.cols .col.save-and-stay button{background:#1DC7EA;border-color:transparent}
.save-options.cols .col.save-and-next button{background:#2C9A65;border-color:transparent;margin-left:3%}
.translator .phrase span.pe-7s-pen{font-size:7em;position:absolute;left:50%;margin-left:-138px;bottom:-141px;opacity:.05}
.translator .phrase span.phrase-info{position:absolute;bottom:-140px;width:100%;text-align:center;opacity:.4}
.translator .main-panel > .content{padding-top:0;padding-left:0;padding-right:0}
.translator .main-panel > .content .col-md-12{padding-left:0;padding-right:0}
#video .main-panel > .content .alert.info{margin-bottom:10px;max-width:100%}
#video .main-panel > .content img{max-width:100%}
#video .main-panel > .content .warn{color:red}
.translator .main-panel{background:transparent}
.translator .card{box-shadow:none}
.translator .form-add .form-row textarea{font-family:Lato;height:200px;outline:0;border:2px solid rgba(29,199,234,0.2);box-sizing:border-box;font-size:1.1em;background:rgba(29,199,234,0.10)}
.translator .form-add .form-row{margin-bottom:6px}
.translator .save-options.cols{margin-bottom:20px}
.translator .phrase-info{text-align:center;font-size:12px;text-transform:uppercase;color:rgba(192,0,0,0.5);margin-bottom:0}
.translator .navbar-right{float:none!important;display:inline-block}
.translator .navbar-default .navbar-collapse{text-align:center;max-width:1050px;margin:0 auto}
.translator ul.navbar-right li.active a{color:#1DC7EA}
.translator{font-family:Lato}
.translator .status-bar{background:rgba(0,0,0,0.05);margin-left:-15px;margin-right:-15px}
.translator .status-bar p{text-align:center;padding:3px 0;font-size:11px;color:rgba(0,0,0,0.29);box-sizing:border-box}
.translator .phrase-info img{max-height:18px;border:1px solid rgba(0,0,0,0.2)}
.characters-count{text-align:center;font-size:12px;color:rgba(0,0,0,0.15)}
.translator .navbar .navbar-nav > li > a{margin:0;padding:5px;font-size:13px}
.translator .log-out a{color:rgba(192,0,0,1)!important}
.translator .table > tbody > tr > td,.table > tfoot > tr > td{padding:4px 10px}
.translator .table > tbody > tr > td a{color:#333}
.translator .table > tbody > tr > td a:hover{text-decoration:underline}
.table > tbody > tr > td.category,.table > tbody > tr > td.translated{text-align:center}
.table > tbody > tr > td.category{color:#C56277}
.translator .table > tbody > tr > td.translation a{color:#162F54;cursor:pointer}
.translator .table > tbody > tr > td.source-translation{color:#0E573A}
.translator .th-dest{min-width:450px}
th.category{min-width:200px;text-align:center}
.translator .main-panel > .content.phrases-list .col-md-12,.content.translator-manager .col-md-12{max-width:1100px;margin:0 auto;float:none}
.seo-phrase{font-size:10px;font-weight:600;color:#7c5cc4}
.completed{border:2px dashed rgba(126,204,126,0.4);background:rgba(126,204,126,0.25)!important}
.completed .translated{color:#2C9A65;font-weight:20px}
.in-progress .translated{color:rgba(192,0,0,1)}
.read-before-start{text-align:center;margin-bottom:0}
.read-before-start a{font-size:1em;color:#9F6000;padding:2px 10px;z-index:999;width:100%;font-size:12px}
.read-before-start a:hover{color:#9F6000;text-decoration:underline}
.content.readme{max-width:980px;margin:0 auto}
.content.readme .card{margin-top:3em}
.content.translator-manager th.translated{text-align:center}
.progress-bar{border:2px solid rgba(161,232,44,1);background:rgba(161,232,44,0.05)!important;width:100%;padding:4px}
.progress-bar div{background:rgba(161,232,44,0.3)!important;width:100%;padding:0;color:rgba(0,0,0,0.6)}
.translator .content.translator-manager .table > tbody > tr > td{padding:8px 10px}
#translation-progress .t-lang{width:100px}
#translation-progress .t-translator{font-size:12px}
#translation-progress .t-progress-bar{min-width:400px}
#translation-progress .t-status{text-align:center}
#translation-progress .t-status .pe-7s-check{color:#2C9A65}
#translation-progress .t-status .pe-7s-attention{color:rgba(192,0,0,1)}
#translator-postorder .progress-bar,#translator .progress-bar,#translator-write-about .progress-bar{float:none;height:auto;font-size:9px;padding:0;border:1px solid rgba(161,232,44,1);line-height:2em}
#translation-progress th{text-align:center}
#translation-progress td{text-align:center}
#translation-progress th.t-deadline-date{font-weight:700;color:#000}
#translation-progress td.t-deadline-date{color:rgba(192,0,0,0.9)}
#translator .progress-bar div{color:#2C9A65}
#translator .url-info{color:rgba(192,0,0,1);font-size:12px;text-align:center}
#flags input[type=radio]{width:auto!important}
.live{text-align:center}
.live a{display:inline-block;color:#FFAA8D;padding:4px 10px}
.live a span{display:block}
.live a span.live-desc{display:none}
.live a:hover .live-desc{display:block}
.live a span:nth-child(2){font-size:12px}
.filter-options{padding:30px 0 0;text-align:center}
.filter-options button{line-height: inherit;margin:5px;width:140px;position:relative;border:0;border-radius:2px;color:#fff;text-transform:uppercase;outline:0}
.filter-options button span{position:absolute;left:8px;top:6px}
.filter-options button.all{background:#1DC7EA}
.filter-options button.in-progress{background:#F4A9C2}
.filter-options button.done{background:#2C9A65}
.filter-options button.seo{background:#2E688D}
.translations-contain{font-size:14px}
.no-corrdinate{background-color:rgba(192,0,0,0.1)!important}
.no-corrdinate .coordinate a{background:rgba(192,0,0,1);color:#fff!important;padding:0 4px;display:inline-block;border-radius:4px}
.coordinates{background:rgba(192,0,0,0.05);padding:10px;color:rgba(192,0,0,1)}
.proof{text-align:center}
.proof p{font-size:13px;margin:0;color:rgba(0,0,0,0.45)}
.proof p.corrected-by{color:rgba(0,0,0,0.65)}
#add-postorder .navbar-brand, #translator-postorder .navbar-brand {margin-top: 25px;}
#add-postorder.translator .col-md-12{max-width: 1100px;margin: 0 auto;float: none;}
.postorder_header p{font-size: 20px; font-weight: 700; margin-bottom: 0;    line-height: 40px;}
.postorder_header p span{ font-weight: 300; margin-left:10px;}
.postorder_header {padding-left: 10px;border-left: 4px solid rgba(0,0,0,.12);}
.changecat {padding-right: 50px!important;padding-left: 50px!important;width: 350px;}


.mui-table>tbody>tr>td:nth-child(3), .mui-table>tbody>tr>td:nth-child(4) {
	width:25%;
}


div.sort{float:right;height:20px;position:relative;width:6px;margin-right:10px;top: -2px;}
.sort input.ascending{background:url("https://salespanel24.com/images/drop-up-arrow.png") no-repeat scroll 0 0 transparent;background-size:cover;height:10px;width:10px;border:medium none;box-shadow:0 0;margin:0;padding:0;position:absolute;top:0;border-radius:0px;text-indent:-999px;cursor:pointer;}
.sort input.descending{background:url("https://salespanel24.com/images/drop-down-arrow.png") no-repeat scroll 0 0 transparent;background-size:cover;height:10px;width:10px;border:medium none;bottom:0;box-shadow:0 0;margin:0;padding:0;position:absolute;border-radius:0px;text-indent:-999px;cursor:pointer;}
/* div.sort{position:absolute;right:0;top:36%;} */


@media (min-width: 768px) {
.navbar-nav>li{float:none;display:inline-block}
}
@media screen and (max-device-height: 768px ) {
.translator .phrase{padding:1.5em 0 2em}
.translator .phrase h1{font-size:16px}
}
@media screen and (max-device-height: 1024px ) {
.translator .phrase{padding:1.5em 0 2em}
}