/*DEFAULT YII STYLES*/
html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.wrap > .container-fluid {
    padding: 70px 25px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

/*.grid-view td {
    white-space: nowrap;
}*/

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav > li > form{ padding: 8px; }
@media(max-width:768px) {
	.nav li > form{ padding: 3px; }
}
.nav > li > form > button:hover{ text-decoration: none; }
body .datepicker, body .daterangepicker {
    z-index: 8011!important;
}
/*END DEFAULT YII STYLES*/

.ellipsis{display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*GLOBAL PUBLICATION PASSPORT STYLES*/
.help-btn { font-size: 24px; font-weight: 600; }
.title{ text-align: center; }
/*END GLOBAL PUBLICATION PASSPORT STYLES*/

/*INDEX*/
.kv-grid-container {
    margin-top: 20px;
}
.table-responsive {
    overflow: inherit;
}
.kv-grid-table a, .kv-grid-table a:hover{ text-decoration: none; }

/*dropdown buttons*/
.row-dropdown-menu {
    position: relative;
}
.row-dropdown-menu ul {
    position: absolute;
    z-index: 5;
    background-color: #fff;
    text-align: left;
    list-style: none;
    padding: 15px;
    margin: 0;
    font-size: 16px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 0 3px 2px rgba(221,221,221,0.5);
    -moz-box-shadow: 0 0 3px 2px rgba(221,221,221,0.5);
    box-shadow: 0 0 3px 2px rgba(221,221,221,0.5);
}
.row-dropdown-menu ul li + li{
    margin-top: 10px;
}

.row-dropdown-menu ul a,
.row-dropdown-menu ul a:hover{
    color: #000;
}
/*end dropdown buttons*/

.kv-drp-container{
    min-width: 212px;
}
span.range-value{
    padding-right: 0;
    width: 100%;
    float: none;
}
.kv-drp-container .text-muted{
    display: none;
}
.daterangepicker.show-calendar {
    left: 35%!important;
    right: auto!important;
}
.daterangepicker:before,
.daterangepicker:after{
    display: none!important;
}

.passport-comment {
    color: #cc0000;
    font-size: 12px;
    max-width: 425px;
    display: block;
}

/*END INDEX*/

.passport-view, .passport-form {
    padding: 15px 20px 0;
    border: 1px solid #ddd;
    border-top: none;
}
.passport-tabs{
    margin-top: 10px;
}
/*VIEW*/
.passport-view table{ margin: 0; }
.control-btns{ margin: 15px 0; }
.control-btns .btn + .btn{ margin-left: 20px; }
.pass-status{ padding: 4px 10px; border: 1px solid #000; border-radius: 4px; }
.passport-subjects-list > li + li{ margin-top: 5px; }
.passport-view #passport-parameters,
.passport-view #passport-indexes,
.passport-view #passport-complect-contents,
.passport-view #passport-prices{padding-bottom: 20px;}
/*END VIEW*/

/*FORM*/
.section-title, .tip{ text-align: center; }
.no-highlight *{ color: #000; }

.editable-area .btn + .btn, .editable-area input + .btn, .editable-area select + .btn  {
    margin-bottom: 0;
    margin-left: 4px;
}

.editable-area .form-control{
    width: 50%;
    display: inline-block;
}
#parameters-container td.active-edit .editable-data {
    display: none;
}


.symbols{
    padding: 3px;
    border: 1px solid #000;
}

.tip p{
    margin: 0;
}
.section-title{
    margin: 25px 0;
}
.helpers > div{
    display: none;
}

.required > label:after{
    content: " *";
    color: #d00;
}


/*PARAMS FORM*/
.params-form input[type='text'],
.params-form select{ border: 1px solid #000; border-radius: 4px;  }
.params-form select{ height: 28px; }
.params-form input[type='text']{ height: 28px; width: 65px; padding: 3px 7px; }
.params-form .params-days label{ margin: 0; padding-left: 5px; min-width: 50px; }
.params-scale-additional{ display: none; padding-top: 5px; }
.params-form .params-form table td{ padding: 0 10px 15px; }
.params-form .params-control-err{ border: 1px solid #a94442!important; background-color: #ffe0e0; }
.params-form .params-err{ display: none; color: #a94442; }

/*END PARAMS FORM*/

/*active row in table*/
.kv-grid-table > tbody > tr:hover > td:first-child{position: relative;}
.kv-grid-table > tbody > tr:hover > td{background-color: #eeeeee;}
.kv-grid-table > tbody > tr:hover > td:first-child:before{
    content: '';
    display: block;
    width: 4px; height: 100%;
    background-color: #cc0000;
    position: absolute;
    top: 0; left: 0;
}

/*END FORM*/

.issue-form .params-control-err{ border: 1px solid #a94442!important; background-color: #ffe0e0; }
.issue-form .params-err{ display: none; color: #a94442; }

/*??*/
.btn-group span.glyphicon {
    font-size: 16px;
}




.excel-file-link, .common-file-link, .pdf-file-link, .img-file-link {
    width: 32px; height: 32px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.pdf-file-link { background-image: url("../images/icon-pdf.png"); }
.img-file-link { background-image: url("../images/icon-img.png"); }
#front-end-menu {
    width: 100%;
    text-align: center;
}

#front-end-menu > .pull-center {
    display: inline-block;
    float: none;
}

.select2-search__field {
    width: 100%!important;
}

/* Metrics styles */
#metricsSettings {
    margin-top: 25px;
}

.monitoring-btns a {
    position: relative;
    text-align: center;
    padding-top: 35px;
}

.monitoring-btns .btn + .btn {
    margin-left: 100px;
}

.monitoring-btns .icon {
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    height: 23px;
    background-repeat: no-repeat;
}

.icon.icon-monitoring { width: 30px; background-image: url('../icons/icon-monitoring.png'); }
.icon.icon-analytics { width: 40px; background-image: url('../icons/icon-analytics.png'); }
.icon.icon-authors { width: 23px; background-image: url('../icons/icon-authors.png'); }
.icon.icon-graphics { width: 23px; background-image: url('../icons/icon-graphics.png'); }
.icon.icon-settings { width: 22px; background-image: url('../icons/icon-settings.png'); }

.monitoring-content {
    margin-top: 30px;
}
.monitoring-content h3 {
    margin-bottom: 30px;
}
.table-label { font-size: 16px; }

span[data-tooltip] { position: relative; }
span[data-tooltip] .glyphicon.glyphicon-question-sign { font-size: 18px; }
span[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    padding: 5px 7px;
    background: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    color: #ececec;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}
span[data-tooltip]:hover::after {
    opacity: 1;
    visibility: visible;
}

.control-label span[data-tooltip]::after { min-width: 300px; left: 100%; top: 100%; border-radius: 0 8px 8px 8px; }

.info-median > table { width: 100%; margin-bottom: 25px; }
.info-median > table td, .info-median > table th { padding: 5px; }
.info-median > table th { font-size: 16px; }
.info-median > table td { font-weight: 600; }
.info-median > table tr:last-child {
    font-size: 20px;
    background-color: #D7D7D7;
    color: #000092;
    border: 1px solid #777;
}
.info-median span.tooltip-right[data-tooltip]::after { min-width: 200px; bottom: 20px; left: 100%; border-radius: 8px 8px 8px 0; }
.info-median span.tooltip-left[data-tooltip]::after { min-width: 200px; bottom: 20px; right: 18px; border-radius: 8px 8px 0 8px; }

.dark-link { color: #000092; }
.bad-mark-highlight { background-color: #eaa!important; }


.panel-title span[data-tooltip]::after { min-width: 250px; left: 100%; bottom: 20px; border-radius: 8px 8px 8px 0; }

.material-title { text-transform: uppercase; }

.flex-row { display: flex; justify-content: space-between; align-items: flex-end; }
.flex-row .bar { flex-basis: 33.33%; }
.flex-row .text-center { flex-basis: 20%; }
.panel-scrolling .flex-row + .flex-row { margin-top: 15px; }

.bar .bar-labels > p { float: left; }
.bar .bar-labels > p > span { font-weight:600; color: #c00; }
.bar.bar-2 .bar-labels > p { width: 50%; }
.bar.bar-3 .bar-labels > p { width: 33.33%; }
.bar .bar-labels:before, .bar-labels:after { content: ''; display: table; }
.bar .bar-labels:after { clear: both; }
.bar .bar-data div { position: relative; height: 25px; }
.bar .bar-data > .bar-main { width: 100%; border: 1px solid #000; }
.bar .bar-data > .bar-main > div { float: left; height: 23px; text-align: center; border-right: 1px solid #000; }


.text-bold { font-weight: 600; }
.total-data { font-size: 2em; }

.bar-main > div{min-height:20px;}

.percent-bar-3{}
.percent-bar-3 > div{clear:both;}
.percent-bar-3 > div > div {float:left;padding:0;overflow:hidden;height:30px;}
.percent-bar-3 > div.percent-bar-3-body{}
.percent-bar-3 > div.percent-bar-3-body > div{color:#ffffff;text-align:center;}
.percent-bar-3 > div.percent-bar-3-body > div > span{display:block;}
.percent-bar-3-header > div{width:33.3%;}
.percent-bar-3-header > div >span{font-weight:600; color: #c00;margin-left:5px;}


.metrics-timer{
    /*right:30px;
    top: 45px;
    position:fixed;*/
    display:inline-block;
    margin-left:30px;
    border:1px solid #cccccc;
    background:#ececec;
    padding: 7px;
    font-size:18px;
    z-index:99999999999;
}

.doughnut-legend, .doughnut-legend li{
    list-style-type:none;
    font-size:14px;
}

.doughnut-legend li span{
    display: inline-block;
    height:10px;
    width:10px;
    margin-right:5px;
}

.bad-trand{
    height:0;
    line-height:0;
    width:0;
    border:5px solid transparent;
    border-top-color:#ff0000;
    border-bottom-width:3px;
    display:inline-block;
}




/*REDACTION PAGES*/

.materials-list {
    position: relative;
    height: 800px;
    max-height: 800px;
    overflow: auto;
    display: flex;
    flex-direction: column;
}
.panel .panel-title { display: inline-block; }
.panel-heading .btn {
    position: absolute;
    top: 3px;
}
.materials-list .panel-body { padding: 0; overflow: auto; height: 100%; }
.empty-panel { margin: 15px; }
.materials-list .adobe-in-design-btn {
    right: 15px;
    background-color: #5a3148;
    border-color: #ff408c;
    color: #ff71aa
}
.materials-list .adobe-in-design-btn:hover,
.materials-list .adobe-in-design-btn:active,
.materials-list .adobe-in-design-btn:focus {
    background-color: #3c1b2b;
    color: #ff408c;
    text-decoration: none;
}
.panel .kv-grid-container { margin-top: 0; }
.panel .kv-grid-container .kv-grid-table { margin-bottom: 0; }




.panel.panel-default.current-issue-info {
    /*height: 350px;
    max-height: 350px;
    overflow-y: scroll;*/
    position: relative;
}

.panel.panel-default.current-issue-info .panel-body {
    position: relative;
}



.current-issue-info .tab-pane {
    padding-top: 20px;
}

.current-issue-info .tab-pane img {
    width: 40%;
}

.issue-map-view .kv-grid-table td, .issue-map-briefcase .kv-grid-table td {
    cursor: pointer;
}

.materials-list .kv-row-radio-select, .materials-list .header-material-radio {
    display: none;
}

.issue-map-view .kv-grid-table th, .issue-map-briefcase .kv-grid-table th {
    text-align: center;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.loading-icon {
    display: none;
    margin-top: 50px;
    margin-left: 100px;
    font-size: 34px;
}

.condition-row .select2.select2-container {
    width: 100%!important;
}

.text-diff{padding:0px;}
.text-diff .text-diff-new-word{
    color:#aa0000;
}
.text-diff .text-diff-change-position-word {
    border-bottom: 1px dotted #00aa00;
}

.text-diff .text-diff-change-symbol{
    color:#aa0000;
    border-bottom: 1px dotted #aa0000;
}
.text-diff .text-diff-change-spec-symbol{
    color:#aa0000;
    border: 1px dotted #aa0000;
}

.text-diff .text-diff-change-word{
    color:#00aa00;
}
.text-diff .text-diff-new-paragraph{
    border: 1px dashed #800000;
}
.text-diff .text-diff-moved-paragraph{
    border: 1px dashed #008000;
}
.text-diff p{
    position:relative;
    border: 1px dashed #dddddd;
}
.text-diff .text-diff-moved-paragraph:before,
.text-diff .text-diff-new-paragraph:before {
    font-size:12px;
    position: absolute;
    right:-1px;
    top:-23px;
    padding: 3px;
}
.text-diff .text-diff-moved-paragraph:before{
    content: "перемещен";
    color:#ffffff;
    background-color:#008000;
}
.text-diff .text-diff-new-paragraph:before{
    content: "добавлен";
    color:#ffffff;
    background-color:#800000;
}
.text-diff .text-diff-paragraph {
    position:relative;
}
.text-diff .text-diff-index-paragraph{
    position:absolute;
    font-size:10px;
    left:0px;
    top:-15px;
}
.text-diff .text-diff-paragraph, .text-diff-paragraph p{
    margin:0;padding:0;
}
.text-diff .text-diff-paragraph p{margin:25px 0px;padding:10px;}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

.preloader:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.5;
    z-index: 10;
}

.kv-expanded-row .reset-btn {
    margin-left: 15px;
}

.kv-expand-header-cell, .kv-expand-icon-cell {
    display: none;
}

.issue-map-view .toolbar, .issue-map-briefcase .toolbar {
    display: none;
}

.group-material-btns {
    margin-bottom: 9px;
}
.material-grid th {
    text-align: center!important;
}

.preloader:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.5;
    z-index: 10;
}

.kv-expanded-row .reset-btn {
    margin-left: 15px;
}

.kv-expand-header-cell, .kv-expand-icon-cell {
    display: none;
}

.issue-map-briefcase .toolbar, .issue-map-briefcase .toolbar {
    display: none;
}

.material-grid th {
    text-align: center!important;
}

.material-choice-photo{
    height:320px;
    overflow:auto;
}

.material-choice-photo-loader{
    background: url(../images/loader.gif) center no-repeat;
}

.material-choice-photo div{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
.material-choice-photo div a{
    display:block;
    height:150px;
    border:1px solid #aaaaaa;
}

#tab-photos .gallery > img {
    max-width: 300px;
    max-height: 250px;
}

#tab-photos .gallery > img + img {
    margin-left: 15px;
}

@font-face {
    font-family: ACD55;
    src: url(../fonts/Academy.003/ACD55__I.ttf);
}

@font-face {
    font-family: "PT Astra Serif";
    src: url("../fonts/PTAstraSerif/PTAstraSerif-Regular.otf");
}
@font-face {
    font-family: "PT Astra Serif";
    src: url("../fonts/PTAstraSerif/PTAstraSerif-Bold.otf");
    font-weight: bold;
}
@font-face {
    font-family: "PT Astra Serif";
    src: url("../fonts/PTAstraSerif/PTAstraSerif-Italic.otf");
    font-style: italic, oblique;
}
@font-face {
    font-family: "PT Astra Serif";
    src: url("../fonts/PTAstraSerif/PTAstraSerif-BoldItalic.otf");
    font-weight: bold;
    font-style: italic, oblique;
}

.detail-report-view .detail-report-view-table th,
.detail-report-view .detail-report-view-table td {
    text-align: center;
    vertical-align: middle;
}

.detail-report-view .block + .block {
    margin-top: 50px;
}

th.text-bottom, td.text-bottom {
    vertical-align: bottom!important;
}

.text-italic {
    font-style: italic;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}


.detail-report-view table + table {
    margin-top: 40px;
}

.detail-report-view input[type="text"] {
    max-width: 100px;
}

.table-by-themes > thead > tr > th,
.table-by-themes > tbody > tr > th,
.table-by-themes > tfoot > tr > th,
.table-by-themes > thead > tr > td,
.table-by-themes > tbody > tr > td,
.table-by-themes > tfoot > tr > td {
    border: none;
}

.icon-type-task-web {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    width: 24px;
    background: url('../icons/icon-web.png') center center no-repeat;
}

.passportMessenger{
    position:relative;
}
.unread-messages-icon{
    position:absolute;
    top:5px;
    right:5px;
    height: 5px;
    width: 5px;
    background-color: #ff0000;
    border-radius: 50%;
    display: inline-block;
}