@charset "utf-8";
/* CSS Document */

body{width:100%; height:100%; margin:0; padding:0;background:#e8e8e8;color: #000;}
body, th, td, input, select, textarea, h5{font:normal 13px Arial, Helvetica, sans-serif}
.footer, .body {min-width:950px; width:96%; margin:92px auto 22px auto; text-align:left;}
table {border-collapse:collapse;}

input, textarea, .redactor-box, select {border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;-khtml-border-radius: 2px;border: 1px #e4e4e4 solid;}
select {padding: 2px 5px;}ьу
input[type=button] {cursor: pointer;}
input[type=file] {border: 0; margin: 0; padding: 5px 0 !important;}

#materials .published {color: #008200 !important;}
#materials .pending {color: #C30;}
#materials .high {color: #008200;}
#materials .medium {color: #fcbb1f;}
#materials .low {color: #aaaaaa;}
#materials .table-list .pending td{background:#f7f5ec;}

.adm-fixed-panel .published {color: #008200 !important;}
.adm-fixed-panel .pending {color: #C30;}
.adm-fixed-panel .high {color: #008200;}
.adm-fixed-panel .medium {color: #fcbb1f;}
.adm-fixed-panel .low {color: #aaaaaa;}

#ico-tilda-status.fetched {color: #008200 !important;}
#ico-tilda-status.queued {color: #fcbb1f;}
#ico-tilda-status.failure {color: #c30;}

.btn-flat {background: transparent; border: none; cursor: pointer; font-size: 13px; line-height: 1; padding: 3px;}
.btn-flat:focus {outline: none;}
#btn-tilda-sync i {color: #1068ce;}

a {color:#0043ee}
a:hover{color:#cc0000}

h2,h3,h4{margin:0;padding:0;}
h2{color:#444;font-size:21px;font-weight:normal;margin-bottom:6px;}
h3{color:#555;font-size:18px;font-weight:normal;margin-bottom:4px;}
h4{font-size:14px;margin-bottom:4px;padding:0;}

p{margin: 0 0 8px 0;padding:0; line-height:1.4em}

.head {background:#fff; color:#666; width:100%; margin:0 auto;padding:6px 0;position: fixed;top:0;z-index: 9000;}
.head ul {list-style:none; min-width:950px; width:96%; margin:0 auto;padding:0; }
h1 {font-size:25px;font-weight:bold;display:inline;margin:0;padding:0 20px 0 0}
.head li {padding:4px 10px 4px 10px;border-right:1px solid #ccc;float: left;line-height: 20px;}
.head-lang a {-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.head-lang a {color: #33333a;background: #ece3bc;padding: 3px 5px;border-radius: 4px;text-decoration: none;}
.head-lang a:hover {background: #01ae4d; color: #fff;} /*background: #e8da9c;*/
.head-lang .active {background: #01ae4d; color: #fff;}
.go-front {color: #4988d0;}

.menubarbg {width:100%;background: #87f1ff; position: fixed; top:40px; z-index: 9000;
box-shadow: 0 3px 6px 1px rgba(0,0,0,.1);
-webkit-box-shadow: 0 3px 6px 1px rgba(0,0,0,.1);
}
.menubar {list-style:none; min-width:950px; width:96%; margin:0 auto; padding:0; color:#000; height: 1%; overflow: hidden;}
.menubar li{ font-size:14px; padding: 8px 8px;float: left;color:#000;  }
.menubar li.this{ background:#64E1F1}
.menubar li a { color:#000;text-decoration:none;}
.menubar li a .highlight {background: #c00;color: #fff;display: inline-block;margin: -8px -8px -8px 5px;padding: 8px 6px;}
.menubar li a .highlight.hidden {display: none;}
.menubar .lang-select{ font-size:13px;font-weight:bold;margin-left:3% }

.menubar li:hover {background: #64E1F1;}
.menubar li.lang-select {margin: 0;padding: 5px 6px;}
.menubar li ul {display: none; padding: 0; margin: 6px 0 0 -8px; position: absolute; z-index: 100;}
.menubar li ul li {display: block; float: none;}
.menubar li:hover ul {display: block; background: #64E1F1;}
.menubar li ul li:hover {}

.mat-select{float:left;margin:0;}
.mat-select form {display:inline; white-space: nowrap;}
.mat-select a {color: #444;font-size: 13px;}

.mat-input-search{width:200px;}
.mat-btn-search{width:60px;}

.mat-select input, .mat-select select {padding: 4px;}
.mat-select .btn-adm {padding: 4px 8px !important;}

#media input, #media select{padding: 6px;}
#media input[type=file] {padding: 0;}
#media .panel textarea {margin: 2px 0;}
#media .panel {border-radius: 4px;}
#media .del, #media .reload, #media .link {display: inline-block; font-size: 14px; padding-bottom: 8px; padding-top: 8px; width: 16px;}
#media .table-list .action a {float: left;margin-bottom: 8px;}

#up_files_container {margin: 20px 0 0;}
#up_files_container .file-row {background: #d0d0d0; margin-bottom: 5px;}
#up_files_container .file {position: relative;background: linear-gradient(to right, #01ae4d 50%, transparent 50%);background-size: 200% 100%;background-position: right bottom;transition:all .75s ease;}
#up_files_container .file.done {background: #01ae4d;}
#up_files_container .file span {display: block;position: relative;padding: 5px 10px;color: #fff;}

#rates input, #rates select{padding: 6px;margin: 4px 0 0 0;}
#rates input[type=file] {padding: 0;}
#rates .panel textarea {margin: 2px 0;}
#rates .panel {border-radius: 4px;}
#rates .table-rates td {padding: 10px;}
#rates .btn-adm {margin: 0 5px 0 0;}
#rates p {margin: 8px 0 0 0;}

#fotolenta input, #fotolenta select{padding: 6px;}
#fotolenta input[type=file] {padding: 0;}
#fotolenta .panel textarea {margin: 2px 0;}
#fotolenta .panel {border-radius: 4px;}
#fotolenta .del, #fotolenta .reload {display: inline-block; font-size: 14px; padding-bottom: 8px; padding-top: 8px; width: 16px;}
#fotolenta .table-list .action a {float: left;margin-bottom: 8px;}

a.currency_date {color: #323232;}

.table-list {-webkit-box-shadow: 0px 1px 4px -2px rgb(193, 193, 193);-moz-box-shadow: 0px 1px 4px -2px rgb(193, 193, 193);box-shadow: 0px 1px 4px -2px rgb(193, 193, 193);}
.table-list {width:100%;border: 1px solid #d1cbb3;}
.table-list thead td{ padding-top:8px; padding-bottom:8px;font-size:13px !important; color:#444 !important;}
.table-list td{padding:9px 10px; background:#fff; border: 1px solid #eee;}
.table-list a {text-decoration:none}
.table-list a:hover {color:#990033 !important;}
.table-list a.ai-suggested {color: #64aafa !important;}
.table-list a.active {color:#0acb3d !important;}
.table-list a.scheduled {color:#8d0acb !important;}
.table-list .dt{font-size:12px;width:90px; color:#333; vertical-align:middle; text-align:right; }
.table-list .dt a {color:#333;}
.table-list .title {font-size:14px}
.table-list .id{width:50px;font-size:12px;color:#666;}
.table-list .pic-sm {width:90px;}
.table-list .pic {min-width:154px;width:154px;}
.table-list .pic .col-sizes {float:left;width:32px;}
.table-list .pic .col-sizes a.btn {display:block;font-size:11px;height:22px;margin-bottom:3px;padding:0;width: 22px;}
.table-list .pic .col-sizes a.btn:last-child {margin-bottom:0;}
.table-list .pic .col-img {float:right;width:120px}
.table-list .pic-dt{font-size:12px;width:70px;color:#666;}
.table-list .pic-author {width:100px;}
.table-list .pic-title {width:22%}
.table-list .pic-tags {width:22%;color:#666;}
.table-list .pic-tags textarea{width:98%;height:50px;}
.table-list .pic-title textarea{width:98%;height:50px;}
.table-list .event-date {width:100px;}
.table-list .photo-author {min-width:150px;}
.table-list .photo-author textarea {width:95%;}

.table-list .rzd td{background: #a6a597;height: 2px;padding: 0;}
.table-list .tover td {background:#faf09a; border-bottom: 1px solid #e5dc8f;}
.table-list .tover .title a, .table-list .pending .title a{color:#68675f;}
.table-list .draft td{background: #f3f3f3;opacity: 0.6;}
.table-list .draft .title a{color:#62625e;}
.table-list .topub td{background:#dbf4db;}
.table-list .topub .title a{color:#006600;}
.table-list .title a{color:#000;}
.table-list .title .notice {background:#FFE866;color:#000;font-size:12px;padding:1px 2px;}
.table-list .title .approver {background:#DEC55B;font-size:12px;padding:1px 6px;white-space:nowrap;}
.table-list .title .approver i {margin-right:4px;}

.table-list .author, .table-list .publisher {color:#666; min-width: 110px;}
.table-list .social { width:78px; font-size: 20px; white-space: nowrap; }
.table-list .social a {color:#e0e0e0; margin:0 3px; }
.table-list .social span {margin:0 3px; }
.table-list .views, .table-list .comments { color:#999; background: #fdfde0; text-align: center;}
.table-list .comments a {color:#999; }
.table-list .comments span {color:#ccc; font-style:normal; }
.table-list .tags {text-align: center;}
.table-list .tags.empty {background: #ffeaa1;}
.table-list .tags a, .table-list .tags span {color:#000; padding: 10px 8px;}
.table-list .views_is_big {font-weight:bold; color:#666; background: #fffac4; }
.table-list .draft .status {color:#555;}
.table-list .featured a {color:#e0e0e0; font-size: 20px;}
.table-list .featured a.active {color:#e71a10 !important;}
.table-list .show_on_main .fa-circle {color:#333;}
.table-list .show_on_main .fa-circle.active{color:#e71a10;}

.table-list .priority_low .dt {color:#9c9c9c;}
.table-list .priority_medium .dt {} /* background:#dddedf !important;  */
.table-list .priority_high .dt {color: #555555;font-weight: bold;background: #fdfde0;}
.table-list .priority_low .material_title {color:#9c9c9c;}
.table-list .priority_high .material_title {font-weight:bold;}

.table-list .push-status-queued {color: #9c9c9c; }
.table-list .push-status-queued.scheduled {color: #8d0acb; }
.table-list .push-status-success {color: #0acb3d; }
.table-list .push-status-pending {color: #e7c509; }
.table-list .push-status-error {color: #e71a10; }
.table-list .fa-facebook-f {font-size: 18px;}
.table-list .fa-facebook-f:before{content:"\f39e"}
.table-list .fa-ios:before{content:"\f179"}
.table-list .fa-ios, .table-list .fa-android, .table-list .fa-chrome {font-size: 18px;}
.table-list tbody .fa-bullhorn {color: #9c9c9c; font-size: 16px;}

.table-list .push a.trigger-approval { color: #999; font-size: 13px; white-space: nowrap; }
.table-list .push .fa-bell { color: #e7c509; margin-right: 4px; }

.table-list .push-status-error {color: #e95925; }
.table-list .push-status-success .fa-circle {color: #56e408; }
.table-list .push-status-pending .dot-circle-o, .table-list .push-status-queued .dot-circle-o {color: #e7c509; }
.table-list .push-status-error .fa-circle {color: #e95925; }

.table-list .action{text-align:center;}
.table-list .action a{color:#CC0000;}
.table-list .inactive td{background-color: #EEE;}

.table-list .content h4{font-size:16px;margin:0 0 2px 0;}
.table-list .content h4 a{color:#333}
.table-list .content h4 a:visited{color:#777}
.table-list .content h4 a:hover{color:#CC0000}
.table-list .content img{margin-left:10px;float:right;}
.table-list .full {margin:2px 0 0 0;}
.table-list .full a {color:#060}

.table-list .pending td{ background:#fcf7e2; }
#comments .pending td{ background:#fff; color: #555 !important;}
.table-list .moderated td{background:#eaf9d2 !important;}
.table-list .rejected td{background:#f5efef !important;opacity: .5;}
.table-list .info {color:#444}
.table-list .txt {font-size:13px;}
	.table-list#comments td.txt { max-width:600px; }
.table-list .txt h4{font-size:14px;margin:0 0 4px 0;}
.table-list .txt h4 a{color:#555 !important}
.table-list .txt textarea{width:98%;height:80px;}

.table-list .badge {padding: 2px 4px;background: #ffee35; border-radius: 4px; font-weight: bold; font-size: 12px;}

.table-list .title .title-outer {align-items: center; display: flex; width: 100%;}
.table-list .title .title-outer .badge {margin-right: 4px;}
.table-list .title .title-outer .title-inner {flex: 100;}
.table-list .title .title-outer .title-inner .fa-bug {color: #cc0000; margin-left: 4px; transform: rotate(0deg) rotate(45deg);}
.table-list .users-editing-material {flex: auto; margin-left: 5px; text-align: right;}
.table-list .users-editing-material .user-circle {align-items: center; background: #01ae4d; border-radius: 50%; color: white; cursor: default; display: inline-flex; height: 28px; justify-content: center; margin-right: 4px; text-shadow: rgba(0, 0, 0, .2) 1px 1px 1px; width: 28px;}

.table-list .btn-show-all { width: 100%; }

.pagination {clear:left; padding:20px 0 0 0; margin: 0; font: normal 17px/17px arial;}
.pagination .arrows {padding: 0 0 4px 0; color:#999; font-size: 13px;}
.pagination .arrows a, .pagination .arrows span {margin: 0 10px 0 0;}
.pagination .digits {height: 2px; padding:5px 0;}
.pagination .digits b, .pagination .digits a {float:left; padding: 3px 6px 3px 6px; margin: 0 5px 0 0; border:1px solid #ccc; text-decoration:none; color: #555; background: #fff;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px;
}
*html .pagination .digits b, *html .pagination .digits a {height:0;}
.pagination .digits .ut a {padding-left: 5px;}
.pagination .digits i {font-style: normal; float:left; margin: 0 3px 0 0;}
.pagination .digits a:hover {border: 1px solid #4988d0; background: #4988d0; float:left; color:#fff !important;}

.pagination .digits .ut a:hover {padding-left: 6px; padding-right: 5px;}
.pagination .digits b {color:#fff; background:#3fb361; border-color: #3fb361;}
.pagination .total {font-size:11px; color:#999; margin:5px 0 0 0;}

.material_notice {background-color: #FAA;color: #000;font-size: 133%;padding: 4px;margin: 0 10px 10px 0;}
#edit_users_list {position: fixed;right: 0;bottom: 0;background-color: #d56c46;padding: 5px;margin: 0;color:#e8af9a;z-index: 9999;}
#edit_users_list span {display: inline;margin: 0 0 3em;color: #ffffff;  }
#edit_users_list span.inactive{color: #000;}
#edit_users_list span.editing{color: #ffd60a;}
.form-field-changed {box-shadow: #d56c46 0px 0px 3px;}
.gen-panel {width:72%;min-width:650px;float:left;min-height:760px;margin-right:10px;border-radius: 4px;}
.gen-panel input, .gen-panel select, .gen-panel textarea {padding: 4px 5px;}
.side-panel {display:block;border-radius: 4px;}
.right-panel {width: 23%;float: left;border-radius: 4px;}
.panel {padding:15px;background:#f4f4f4;}
.input-title{width:99%;font-size:16px;font-weight:bold;padding:2px 3px}
.input-intro{width:99%;font-size:14px;height:50px;padding:3px}
.input-content{width:99%;font-size:14px;padding:3px}
.input-tags{width:99%;}
.input-search-tema{width:30%;min-width:250px;}

.input-oper-login{width:234px;font-size:18px;padding:2px 3px}
.input-oper-misc{width:240px;}

.name-input{font-size:12px; color:#666; margin:10px 0 3px 0;}
.psections label {font-size: 14px;}
.pproperties p {margin: 0 0 4px 0; line-height: normal;}

.mat-po-teme{font-size:13px;font-weight:bold;color:#666}
.search-tema-list{margin:15px 0 0 0;padding:0;}
.search-tema-list li {list-style:none;margin:4px 0 4px 0px}
.search-tema-list li small {font-size:11px;color:#666}
.search-tema-list li.attached {list-style:disc;margin-left:18px !important}
.search-tema-list li.attached span{font-size:14px;font-weight:bold;color:#006600}

.content-button {font-size:12px;margin:0 0 3px 0 !important;}
.content-button .btn {white-space: nowrap; font-size:11px;margin-right:-4px;}

.panel .tab-col{width:99%;}
.tab-col td{vertical-align:top;padding-left:10px;padding-right:10px;}
.tab-col tr td:first-child {padding-left:0;}
.tab-col tr td:last-child {padding-right:0;}
.tab-col .input-100{width:100%;}
.tab-col .input-60{width:60%;}
.tab-col .input-30{width:30%;}
.tab-col .pic-author{width:100%;color:#666;margin-bottom:4px;margin-top: 4px;}
.tab-col .pic-descr{width:100%;height:30px;color:#666;padding:2px 3px;margin-top: 6px;margin-bottom: 6px;}
#detach_main_image {margin-top: 4px;}

.action-table {}
.action-table td{padding-right:20px;vertical-align:top;}
.action-table p{margin:0 0 2px 0;}
.action-table .input-day{width:20px}
.action-table .input-year{width:36px}
.action-table .select-month{width:80px}

.action-table .mat-published{font-weight:bold;color:#060}
.action-table .mat-draft{font-weight:bold;color:#900}

.action-table .priority-sel{font-weight:bold;color:#900}

.content-errors li i {color: #cc0000; font-size: 10px; margin-left: 6px;}
.content-errors-table td {padding: 5px 3px; vertical-align: top;}
.content-errors-table th {border-bottom: solid 1px #ccc;font-weight: bold; padding: 8px 3px;}
.content-errors-table button {padding-top: 3px;}
.content-errors-table .error-status-accepted,
.content-errors-table .error-status-rejected {
	color: #999;
}
.content-errors-table .error-status-accepted .col-status {color: #008200;}
.content-errors-table .error-status-rejected .col-status {color: #cc0000;}
.content-errors-table .col-status {width: 20px;}
.content-errors-table .col-pattern {width: 20%;}
.content-errors-table .col-correction {width: 20%;}
.content-errors-table .col-actions {width: 130px;}
.content-errors-table .col-actions .btn-accept i {color: #008200;}
.content-errors-table .col-actions .btn-reject i {color: #cc0000;}

.psections{border-radius: 4px;}
.psections label{width: 50%;float: left;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.psections .sep{display: block;clear: both;height: 1px;background: #ccc;margin: 2px 0 4px;}
.psections .sel{font-weight:bold;}

.ppictures{border-radius: 4px;}
.ppictures a {text-decoration:none; color:#a7a7a7;  }
.ppictures span{margin:2px 0 2px 7px; font-weight: bold;;color:#999;}
.ppictures img {margin-right:9px}
.ppictures .picture-name {margin-bottom:8px; font-size: 11px;}
.ppictures a .fas {font-size:17px; margin-right:4px; }

#js-attached_media_cont label { font-size: 11px; }
#js-default_media_author { font-size: 11px; }
.view-mode {}
.label-small {font-size: 11px;}

.pmhistory{border-radius: 4px;}
.pmhistory span{display:block;}
.pmhistory small {display:block;font-size:11px;color:#777}

.tab-simple td {padding-right:5px}

.oper-list{list-style:none;margin:0;padding:0;}
.oper-list li{margin: 3px 0 5px 0;}
.oper-list li small{color:#666}
.oper-list > li {font-size: 14px;padding: 3px 0;}

.oper-list ul {list-style:none;margin:0 0 10px;padding:0;}

.btn {
	margin:0;
	font: normal 13px/25px arial; color:#000 !important; padding: 2px 3px; text-decoration: none;
	border: 1px solid #999; border-top-color: #bbb; border-bottom-color:#666;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, rgba(255,255,255,0)), color-stop(0.5, rgba(255,255,255,0.5)));
	background: -moz-linear-gradient(center bottom, rgba(255,255,255,0) 43%, rgba(255,255,255,0.5) 51%);
	background-color: #efeeea;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0); /* Safari fix */
	text-align: center;
    vertical-align: middle;
}

a.btn {padding: 5px 8px; text-align:center; vertical-align:middle; }

.btn:hover {
	color:#000 !important;
	border-color:#666;
	background-position: right center; /* IE, Opera fix */
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, rgba(255,255,255,0.4)), color-stop(0.5, rgba(255,255,255,0)));
	background-image: -moz-linear-gradient(center bottom, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0) 50%);
	cursor: pointer;
}

.modal-1 {z-index:100;width:650px;height:400px;padding:12px;background:#fff;box-shadow: 0 0 8px rgba(0,0,0,1); -webkit-box-shadow:0 0 10px rgba(0,0,0,1); -moz-box-shadow: 0 0 10px rgba(0,0,0,1); -khtml-box-shadow:0 0 10px rgba(0,0,0,1);}
.modal-3 {z-index:100;width:300px;height:180px;padding:12px;background:#fff;box-shadow: 0 0 8px rgba(0,0,0,1); -webkit-box-shadow:0 0 10px rgba(0,0,0,1); -moz-box-shadow: 0 0 10px rgba(0,0,0,1); -khtml-box-shadow:0 0 10px rgba(0,0,0,1);}
.modal-4 {z-index:100;width:300px;height:215px;padding:12px;background:#fff;box-shadow: 0 0 8px rgba(0,0,0,1); -webkit-box-shadow:0 0 10px rgba(0,0,0,1); -moz-box-shadow: 0 0 10px rgba(0,0,0,1); -khtml-box-shadow:0 0 10px rgba(0,0,0,1);}

.modal-table-grid{width:100%;border-collapse:none;}
.modal-table-grid td{border:1px solid #CCC;padding: 7px 7px;font-size:12px;}
.modal-table-grid .col-1{width:90px;}
.modal-table-grid .col-3{width:60px;}
.modal-table-grid small{font-size:11px;color:#777}
.modal-table-grid img {border:0;}

.modal-1 input {padding: 5px;}

.modal {overflow-y: auto;}
.modal.modal-lg {width: 1000px; margin-left: -500px;}

.close-modal{float:right;color:#C00;}

.scroll {height:320px;overflow:auto;position: relative;}

.empty-0{height:5px; clear:both;}
.empty-1{height:10px; clear:both;}
.empty-2{height:20px; clear:both;}
.empty-3{height:30px; clear:both;}

.footer{margin-top:30px;}
.footer .speed {font-size:11px;color:#666}

.pale-blue{color:#74aff3 !important}
.red{color:#C30 !important}
.green{color:#008200 !important}
.grey{color:#777 !important;}

.cb{clear:both;}

/*authorization styles*/
#auth_form {width: 400px; margin: 100px auto 0;}
#auth_form fieldset {border: none;}
#auth_form td {padding: 0 5px;}
#auth_form label {height: 1%; overflow: hidden;}
#auth_form #auth_remember {float: left;}
#auth_form .auth_btn, #auth_modal_form .auth_btn {background: #31b5c7; border: 1px #21a9bb solid; color: #fff; cursor: pointer;}
#auth_form .auth_btn:disabled, #auth_modal_form .auth_btn:disabled {background: #777; border: 1px #777 solid; color: #fff; cursor: not-allowed;}
#auth_form input, #auth_modal_form input { font-size: 16px; outline: 0; padding: 8px 16px; margin: 2px; box-sizing : border-box; width: 100%; color: #676767; box-shadow: 0.2rem 0.8rem 1.6rem #d4d4d4; border-radius: 20px; }
#auth_form .error, #auth_form .success { padding: 8px 16px; margin: 2px; border-radius: 20px; }

#auth_modal_form {margin: 30px 25px 0;}

form p {margin: 0; padding: 0;}
#msg_place{color: #fff;}
.error {border: 1px dashed #f00; background-color: #ff6767; padding: 4px; margin: 0 0 8px;}
.success {border: 1px dashed #080; background-color: #080; padding: 4px; margin: 0 0 8px;}

.footer .speed {text-align: center;}

#auth_modal, #media_modal {display: none; position: absolute; z-index: 9999;border-radius: 4px;}
#auth_modal_mask, #media_modal_mask {left: 0; top: 0; display: none; position: absolute; background-color: #1d1d1d; z-index: 9999;}
.hidden {display: none;}
fieldset {margin-top: -7px; padding-bottom: 10px; border: 1px solid #D1CBB3;}
a.expand {background-color: #fff; padding: 0 2px; margin-left: 20px;}
.lang_allowed {margin-right: 8px;}
fieldset .only_own {margin-left: 20px;}
#custom_media {position: absolute; top: -100px; opacity: 0; margin: 0; padding: 0;}
#ajax_indicator{background:#CC0000; font-size:12px; font-family:Arial; color:#fff; padding: 2px;}
#ajax_indicator img {float:left;margin-right:4px;}


#js-notification_modal {display: none; position: absolute;}
#js-notification_modal td {padding:0 4px 10px;}
#js-notification_modal_mask {left: 0; top: 0; display: none; position: absolute; background-color: #ccc;}
.modal-2 {z-index:100;width:650px;height:300px;padding:8px;background:#fff;border:2px solid #999; box-shadow: 0 0 10px rgba(0,0,0,1); -webkit-box-shadow:0 0 10px rgba(0,0,0,1); -moz-box-shadow: 0 0 10px rgba(0,0,0,1); -khtml-box-shadow:0 0 10px rgba(0,0,0,1);}

/* REDACTOR */
.redactor-toolbar {background:#444444 !important; box-shadow:none !important;}
.redactor-editor div,
.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor table,
.redactor-editor dl,
.redactor-editor blockquote,
.redactor-editor pre {
  line-height: 1.4em !important;
}
.redactor-editor p {margin: 10px 0 !important}
.redactor-editor h2 {font-size:21px !important; margin-top: 20px; color: #000;}
.redactor-editor h3 {font-size:18px !important; margin-top: 20px; color: #000;}
.redactor-box { margin-bottom:0 !important; border: 1px solid #ccc; width:99%; }
.redactor-layer { font-family: 'Arial' !important; }
.redactor-editor { padding:10px !important; border: none !important; }
.redactor-dropdown a { padding: 5px 7px !important; }
.fr-view ul.img-carousel {background-color: #dfecfb; display: inline-flex; flex-direction: row; flex-wrap: wrap; list-style: none; margin: 0 -14px; padding: 4px 10px;}
.fr-view .fr-img-caption .fr-img-wrap {margin: 0 !important; text-align: left !important;}
.fr-view .fr-img-caption .fr-img-wrap > span {padding: 5px 0 !important;}
.fr-view .no-ads {background-image: linear-gradient(135deg, #ffffff 33.33%, #f2f2f2 33.33%, #f2f2f2 50%, #ffffff 50%, #ffffff 83.33%, #f2f2f2 83.33%, #f2f2f2 100%); background-size: 21.21px 21.21px;}
.fr-view content-error {background-image: linear-gradient(135deg, #fff2f2 33.33%, #f7d7d7 33.33%, #f7d7d7 50%, #fff2f2 50%, #fff2f2 83.33%, #f7d7d7 83.33%, #f7d7d7 100%); background-size: 21.21px 21.21px; border-bottom: dashed 1px #f00000;}
.fr-toolbar .fa-bug {transform: rotate(0deg) rotate(45deg);}
.articleContent .footnote-link {cursor: default !important;}

/** Modal form */
.push-form {overflow: auto; min-height: 186px;}
.push-form .form-group {float: left; clear: both; width: 100%;margin-top: 10px;}
.push-form .form-group label {font-size: 12px;font-weight: bold;display: block;margin-bottom: 4px;color: #777;}
.push-form .form-group input, .push-form .form-group textarea {padding: 6px;border-radius: 2px;width: 100%;display: block;border: 1px #9d9d9d solid;box-sizing : border-box;  }
.push-form .form-group textarea {font-size:14px;resize: vertical;}
.push-form .btn {cursor: pointer;display:inline-block;padding: 4px 12px !important;background: #4988d0;color: #fff !important;text-decoration: none;border-radius: 4px;}
.push-form .form-group input[type="checkbox"] {margin: 5px;display:inline;width: auto;vertical-align: middle;}
.push-form .form-group input[type="file"] {border: none;}
.push-form .instagram-preview {float: left; clear: none;width: 125px;}
.push-form .instagram-description {float: left;clear: none;width: 380px;margin-left: 15px;}
.push-form .instagram-preview img {max-width: 180px;}
.push-form .facebook-preview {float: left; clear: none;width: 125px;}
.push-form .facebook-description {float: left;clear: none;width: 380px;margin-left: 15px;}
.push-form .facebook-preview img {max-width: 180px;}
.push-form .telegram-preview {float: left; clear: none;width: 125px;}
.push-form .telegram-description {float: left;clear: none;width: 380px;margin-left: 15px;}
.push-form .telegram-preview img {max-width: 180px;}
.push-form .checkbox { margin: 4px; float: left; }
.push-form .notify_users_row .btn-flat {color:#ccc;font-size: 18px;margin-left:4px;padding: 0;}
.push-form .notify_users_row .btn-flat:hover {color: #4988d0;}
.push-form .tabs-group {margin: 0; padding: 0;}
.push-form .tabs-group li {display: inline-block; list-style-type: none; margin: 0; padding: 5px 10px 0 0;}
.push-form .tabs-group li a {color: #33333a;background: #ece3bc;padding: 3px 5px;border-radius: 4px;text-decoration: none;}
.push-form .tabs-group li a:hover {background: #01ae4d; color: #fff;}
.push-form .tabs-group li a.active {background: #01ae4d; color: #fff;}
.push-form .tab-content {display: none; margin: 5px 0 10px 0;}
.push-form .tab-content.active {display: block;}
.push-form #btn-ai-suggest {margin: -5px 0 5px 5px; padding: 2px 5px;}
.push-form #description-source-switch {color: #666; margin-left: 5px;}
.push-form #description-source-switch button {background: none; border: none; color: #666; cursor: pointer; padding: 0;}
.push-form #description-source-switch button:hover {text-decoration: underline;}
.push-form #description-source-switch button.active {color: #4988d0; text-decoration: underline;}
.push-modal .form-group select {margin-top: 8px; margin-right: 15px;}
.push-modal .form-group select.hm-select {margin-right: 5px;}
.live-form select {padding: 5px;}
.live-form .start-date .input-day {display: inline-block; width: 48px;}
.live-form .start-date .input-year {display: inline-block; margin-right: 18px; width: 64px;}
.live-form .image-container {background: #eee; bottom: 104px; height: 100px; position: absolute; right: 38px; width: 177px;}
.live-form .image-container .preview {max-height: 100%; max-width: 100%;}
.companies-form select {border: 1px #9d9d9d solid; padding: 5px; width: 100%;}
.companies-form .logo-container {height: 175px; position: absolute; top: 70px; width: 100%;}
.companies-form .logo-container.no-preview {background: #eee;}
.companies-form .logo-container .preview {max-height: 100%; max-width: 100%;}

/** Analytics */
#analytics label, #analytics input, #analytics select, #analytics button {padding: 5px 8px; font-size: 14px;}
.table-analytics th {font-size: 14px;min-width:80px; padding: 8px 15px; background: #434343; color: #fff;}
.table-analytics th {text-align: left; border: 1px solid #333;}
.table-analytics {border: 1px solid #ccc; border-collapse: collapse;}
.table-analytics td {font-size: 14px;padding: 8px 15px; border: 1px solid #ccc; background: #fff; color: black;}
.table-analytics .badge {color: #a5a5a5;display: inline;}
.table-analytics .badge span {margin-right:5px; padding:2px;font-size: 12px;}
.table-analytics .green td {background: #d9ead3;}

.table-analytics .selected {background: #ffe599;}
.table-analytics .weekend td {background: #efefef;}
.table-analytics a {color: #434343;}

.table-analytics .month-day {min-width: 10px;}
.table-analytics .month-day.current {background: #d9ead3;}
.table-analytics .month-day.weekend {background: #efefef;}
.table-analytics .month-day.future {color: #ddd;}

#analytics .dataTables_length {float: left; margin-top: 2px;}
#analytics .dataTables_length label {font-size: 13px; padding: 0;}
#analytics .dataTables_info {clear: none; margin-left: 20px;}
#analytics #table-report {margin-bottom: 5px;}
#analytics #table-report a {color: black;}
#analytics #table-report tr td:nth-child(9) {display: none !important;}

.mar-10 {clear:both;padding:5px;}
.mar-20 {clear:both;padding:10px;}

.view-mode {float: left; margin-right: 10px;}


/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.16);*/
/*-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.16);*/
/*box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.16);*/
.adm-fixed-panel {
	width: 100%;
	position: fixed; 
	bottom: 0; left:0; 
	background: #f4f4f4;
	z-index: 9990;
	border-top: 1px solid rgba(0,0,0,.1);
	box-shadow: 0 1px 2px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 2px 2px rgba(0,0,0,.1);
}
.adm-fixed-panel-container {padding: 8px 0 14px 2%; float: left;}
.adm-fixed-panel select {font-size: 14px;margin: 5px 5px 0 0;}

.btn-adm {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.btn-adm {border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;-khtml-border-radius: 2px;}
.btn-adm {text-decoration: none;margin: 0 5px;padding: 5px 10px !important;color: #fff !important; cursor: pointer;background: #1068ce;  border: 1px #1068ce solid; outline: 0;}

.btn-adm:hover {background: #4988d0;border: 1px #3d77b3 solid;}

.btn-adm.green {background: #01ae4d;border: 1px #019241 solid;}
.btn-adm.green:hover {background: #07b71a;border: 1px #069616 solid;}

.btn-disabled {color: #929292 !important;border: #a5a5a5 1px solid !important;background: #ddd !important;cursor: default!important;outline: 0!important;}

.publish-date {display: inline-block;float: left;width: 293px;margin: 0;}
.publish-date input {float: left;}
.publish-date input {width: 30px;margin: 0 5px 0 0;}
.publish-date select {float: left; margin: 0 5px 0 0;}
.publish-date .label {width: 135px;display: block;padding: 5px 0 0 0;}
.publish-date .label input {margin: 0; width: auto;}

.clear {clear: both;}
#category_title {padding: 5px 0 10px 0;}
#category_form {width: 740px;}
#category_form .sections-panel {float: left;margin-right: 10px;border-radius: 4px;}
#category_form .sections-panel input,
#category_form .sections-panel select {padding: 5px 10px;}
#category_form .sections-right {width: 220px;}
#category_form .sections-left {width: 390px;}
#category_form ul {margin: 0;padding: 0;max-height: 380px;overflow-y: scroll;}
#category_form ul li {list-style: none;margin: 6px 0 0 0;}
#category_form .form-group {display: block;float: left;clear: both;margin: 4px 0 0 0;}
#category_form .form-group.form-group-left {clear: none;}
#category_form .form-group.form-group-right {clear: none;margin-left: 25px;margin-top: 30px;}
#category_form .form-label {width: 150px;padding: 4px;font-size: 12px;color: #5a5a5a;}
#category_form .form-input {width: 250px;}
#category_form .form-group label {font-size: 12px;color: #5a5a5a;}
#category_form .action-panel {margin: 10px 0 0 0;float: left;clear: both;}
#category_form #msg_place {margin:10px 0 0 0;float:left;clear: both;}
#category_form .gray a, #category_form .gray {color: #808080;}

.table-list tr, .table-list td {-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.wholly-highlight {background: #fbfbfb;}

.table-analytics tr, .table-analytics td {-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.table-analytics tr:hover, .table-analytics tr:hover td {background: #fffcc8;}

.table-list tr:hover, .table-list tr:hover td {background: #eaf2fd;opacity: 1;}

.table-list tr.pending:hover, .table-list tr.pending:hover td {background: #eaf2fd;}

.table-list tr.draft:hover, .table-list tr.draft:hover td {background: #eaf2fd;}

.clear-cache {background: #ce5e33;}

.tag-form ul.tags-list {margin: 0; padding: 0 0 0 24px;}
.tag-form ul.tags-list li {padding: 4px 0;}

.tabs {display:inline-block;width: 100%;}
.tabs > div {padding: 10px 0 0 0;}
.tabs ul {margin:0;padding:0;}
.tabs ul:after {content:"";display:block;clear:both;height:2px;background:#dcd7c3;}
.tabs ul li {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.tabs ul li {margin:0;cursor:pointer;display:block;float:left;padding:10px 15px;background: #e0dac6;color: #594f49;border-radius: 4px 4px 0 0;border-right: 1px #efebda solid;}
.tabs ul li.active, .tabs ul li.active:hover {background: #e8da9c;color: #444;}
.tabs ul li:hover {background: #e8da9c;color: #444;}

#users-online b {-moz-animation: blink-online 2s linear infinite;-o-animation: blink-online 2s linear infinite;-webkit-animation: blink-online 2s linear infinite;}
#users-online b {color: #27bd6a;font-weight: bold;animation: blink-online 2s linear infinite;}
#users-online span {font-size:12px;}
#users-online-indicator {cursor: default;}
#users-online-indicator span {font-family: Arial, Helvetica, sans-serif;font-weight: normal;padding-left: 3px;}

.block-highlight {background: #d1f9f1;}
.block-full-width {margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px;}

@-webkit-keyframes blink-online {
	0% { color: #27bd6a; }
	50% { color: #92ff81; }
	100% { color: #27bd6a; }
}

@keyframes blink-online {
	0% { color: #27bd6a; }
	50% { color: #92ff81; }
	100% { color: #27bd6a; }
}

.current-date {font-size: 12px;}

#chart-preloader {
	width: 550px;
	padding: 100px;
	background: #ffffff;
}

.spinner {
	margin: 100px auto;
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px;
}

.spinner > div {
	background-color: #434343;
	height: 100%;
	width: 6px;
	display: inline-block;

	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
	20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
	0%, 40%, 100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}  20% {
		   transform: scaleY(1.0);
		   -webkit-transform: scaleY(1.0);
	   }
}

/* REDACTOR */
.redactor-box .redactor-styles { padding: 12px !important; }
.redactor-box .redactor-layer { font-size: 15px; color: #000; border: none; }

.material-card {background:#fcfbf9;border:1px solid #c3c9dc;padding:10px 14px;margin:10px 0 20px 0;}
.material-card-title {font-size:23px;margin-bottom:20px;}
.material-card-title {font-size:23px;margin-bottom:20px;}

/**
* Live edit
*/
.redactor-layer {
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
}
.drag {
	background: url("/i/upload.png") no-repeat center center #cecece !important;
}

.embed-video-player video,
.fr-video video {
	width: 50% !important;
}

/* Guru AI */
@-webkit-keyframes grow-dot {
	0% {
			opacity: 0.7;
			box-shadow: 0px 0px 0px 0px #55595c;
			-webkit-box-shadow: 0px 0px 0px 0px #55595c;
	}
	25% {
			opacity: 1.0;
			box-shadow: 0px 0px 0px 4px #55595c;
			-webkit-box-shadow: 0px 0px 0px 4px #55595c;
	}
	50% {
			opacity: 0.7;
			box-shadow: 0px 0px 0px 0px #55595c;
			-webkit-box-shadow: 0px 0px 0px 0px #55595c;
	}
	100% {
			opacity: 0.6;
			box-shadow: 0px 0px 0px 0px #55595c;
			-webkit-box-shadow: 0px 0px 0px 0px #55595c;
	}
}

@keyframes grow-dot {
	0% {
			opacity: 0.7;
			box-shadow: 0px 0px 0px 0px #55595c;
			-webkit-box-shadow: 0px 0px 0px 0px #55595c;
	}
	25% {
			opacity: 1.0;
			box-shadow: 0px 0px 0px 4px #55595c;
			-webkit-box-shadow: 0px 0px 0px 4px #55595c;
	}
	50% {
			opacity: 0.7;
			box-shadow: 0px 0px 0px 0px #55595c;
			-webkit-box-shadow: 0px 0px 0px 0px #55595c;
	}
	100% {
			opacity: 0.6;
			box-shadow: 0px 0px 0px 0px #55595c;
			-webkit-box-shadow: 0px 0px 0px 0px #55595c;
	}
}

#guru-ai-button {
	background: rgb(73,136,208);
	background: linear-gradient(90deg, rgba(73,136,208,1) 0%, rgba(53,127,210,1) 35%, rgba(0,212,255,1) 100%);
	border-radius: 50%;
	border: solid 2px rgba(255, 255, 255, .5);
	bottom: 20px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, .5);
	cursor: pointer;
	height: 52px;
	position: fixed;
	right: 20px;
	/* transition: background 2s ease-in-out; */
	width: 52px;
	z-index: 10000;
}
#guru-ai-button::before {
  background: rgb(102,173,255);
	background: linear-gradient(90deg, rgba(102,173,255,1) 0%, rgba(66,153,250,1) 35%, rgba(0,251,255,1) 100%);
	border-radius: 50%;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.125s linear;
  z-index: -1;
}
#guru-ai-button:hover::before {
	opacity: 1;
}
#guru-ai-button > img {
	height: 34px;
	width: 34px;
}

#guru-ai-chat-log {
	display: flex;
	flex-direction: column;
	overflow-y: scroll;
	transform: rotate(180deg);
	width: 100%;
}

#guru-ai-chat {
	background-color: #fff;
	border: solid 1px #ccc;
	border-radius: 5px;
	bottom: 43px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, .25);
	display: flex;
	flex-direction: column-reverse;
	min-height: 350px;
	min-width: 286px;
	overflow: hidden;
	padding: 8px;
	position: fixed;
	resize: both;
	right: 80px;
	transition: all 0.125s linear;
	transform: rotate(180deg);
	height: 350px;
	width: 286px;
	z-index: 10000;
}

#guru-ai-chat .btn-action-group,
#guru-ai-chat .chat {
	margin: 0 0 8px 0;
	line-height: 1.4em;
}

#guru-ai-chat .btn-action-group {
	float: left;
	margin-bottom: 0;
	width: calc(80% + 16px);
}
#guru-ai-chat .btn-action {
	background: #e8e8e8;
	border: solid 1px #eee;
	border-radius: 5px;
	cursor: pointer;
	margin: 3px 0;
	padding: 5px 8px;
	transition: all 0.125s ease-in-out;
	width: 100%;
}
#guru-ai-chat .btn-action:hover {
	background: #ece3bc;
}

#guru-ai-chat .chat {
	align-self: end;
	background-color: #ddd;
	border-radius: 5px;
	padding: 5px 8px;
	width: 80%;
}
#guru-ai-chat .chat-left {
	align-self: start;
	background-color: #d6faff;
}

#guru-ai-chat .loader-dots {
	display: inline-block;
	height: 16px;
	position: relative;
	vertical-align: middle;
	width: 48px;
}
#guru-ai-chat .loader-dots span {
	-moz-animation: grow-dot 1s linear .15s infinite;
	-ms-animation: grow-dot 1s linear .15s infinite;
	-o-animation: grow-dot 1s linear .15s infinite;
	-webkit-animation: grow-dot 1s linear .15s infinite;
	-webkit-border-radius: 5px;
	animation: grow-dot 1s linear .15s infinite;
	background-clip: padding-box;
	background-color:#55595c;
	border-radius: 5px;
	height: 6px;
	left: 21px;
	position: absolute;
	top: 5px;
	width: 6px;
}
#guru-ai-chat .loader-dots span::before,
#guru-ai-chat .loader-dots span::after {
	content: "";
	position: absolute;
}
#guru-ai-chat .loader-dots span::before {
	-moz-animation: grow-dot 1s linear 0s infinite;
	-ms-animation: grow-dot 1s linear 0s infinite;
	-o-animation: grow-dot 1s linear 0s infinite;
	-webkit-animation: grow-dot 1s linear 0s infinite;
	-webkit-border-radius: 5px;
	animation: grow-dot 1s linear 0s infinite;
	background-clip: padding-box;
	background-color: #55595c;
	border-radius: 5px;
	height: 6px;
	left: -15px;
	top: 0;
	width: 6px;
}
#guru-ai-chat .loader-dots span::after {
	-moz-animation: grow-dot 1s linear .3s infinite;
	-ms-animation: grow-dot 1s linear .3s infinite;
	-o-animation: grow-dot 1s linear .3s infinite;
	-webkit-animation: grow-dot 1s linear .3s infinite;
	-webkit-border-radius: 5px;
	animation: grow-dot 1s linear .3s infinite;
	background-clip: padding-box;
	background-color: #55595c;
	border-radius: 5px;
	height: 6px;
	left: 15px;
	top: 0;
	width: 6px;
}

#guru-ai-message-block {
	display: flex;
	margin-top: 8px;
	transform: rotate(180deg);
}
#guru-ai-message-block button {
	border-radius: 3px;
	float: right;
	margin: 0 0 0 6px;
	height: 38px;
	width: 42px;
}
#guru-ai-message-block button i {
	font-size: 18px;
}
#guru-ai-message-block textarea {
	border: solid 1px #ccc;
	border-radius: 3px;
	height: 30px;
	padding: 3px;
	resize: none;
	width: 100%;
}

/* Toastr */
#toast-container > div {font-size: 14px; opacity: 1; line-height: 20px;}
#toast-container .toast-error .toast-progress {background-color: #ff6767;}
#toast-container .toast-success .toast-progress {background-color: #8bff00;}
#toast-container .toast-warning .toast-progress {background-color: #ffee00;}

/* Tippy */
.tippy-box {background-color: #e8e8e8; border: solid 1px #ccc; color: #666; font-size: 12px; line-height: 1.3;}

.themodal-lock .select2-container {
	z-index: 100000;
}