/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 19, 2018, 4:24:51 PM
    Author     : Javor
*/

.datepicker.datepicker-dropdown {
  z-index: 10890 !important;
}

.user-groups .user-search{
    cursor: pointer;
}

.user-groups .user-search .monitoring-info {
    position: absolute; 
    top: 3px; 
    right: 3px;
}

.user-groups .user-search .item-buttons {
    /*
    position: absolute; 
    z-index: 999;
    top: 3px; 
    right: 10px;*/
    margin-top: -7px;
}

.user-groups .user-search .item-buttons .btn-item-notifier {
    font-size: 22px;
    color: #58748B;
}

.user-groups .user-search .item-buttons .btn-item-notifier-settings {
    font-size: 22px;
    color: #58748B;
}

.user-groups .user-search .item-buttons .btn-item-notifier.status-enabled {
    color: #5cb85c;
}

.user-groups .user-search .item-buttons .btn-item-delete {
    font-size: 22px;
    color: #d43f3a;
}

.user-groups .user-search .item-buttons .btn-item-edit {
    font-size: 22px;
    color: #eea236;
}

.btn-item-edit-groups {
    font-size: 22px;
    color: #eea236;
}

.user-groups .user-monitoring{
    cursor: pointer;
}

.operation-new {
    color: #4cae4c !important;
}

.operation-edit {
    color: #ec971e !important;
}

.operation-delete {
    color: #c9312c !important;
}

.user-group-active {
    background-color: #58748B;
    border-color: #58748B;
}

.modal-groups {
    max-width: 500px;
}

.modal-bulletin {
    max-width: 430px;
}

.modal-notifier-settings {
    max-width: 430px;
}

.hidden-row {
    padding: 0 !important;
    border-bottom: 0px solid #e2e2e4!important;
}

#modal_bulletin_tool .modal-dialog {
          width: 1260px;
          height:600px;
        }
#modal_bulletin_tool.modal-content {
    /* 80% of window height */
    height: 60%;
    background-color:#BBD6EC;
}        
#modal_bulletin_tool.modal-header {
    background-color: #337AB7;
    padding:16px 16px;
    color:#FFF;
    border-bottom:2px dashed #337AB7;
 }
 
 .modal-dialog-bulletin-tool {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.modal-content-bulletin-tool {
  height: auto !important;
  min-height: 100% !important;
  border-radius: 0 !important;
}

.page-slider-add-item {
    position: absolute;
    width: 100%;
    background-color: #ffffff;
    color: black;
    top: 0px;
    right: -100%;
    height: 100%;
    transition: 500ms transform ease-in-out;
    z-index: 9999;
    float: left;
}

.page-slider-send-to {
    position: absolute;
    width: 100%;
    background-color: #ffffff;
    color: black;
    top: 0px;
    right: -100%;
    height: 100%;
    transition: 500ms transform ease-in-out;
    z-index: 9999;
    float: left;
}

.btn-image-upload, .btn-image-upload2 {
    position: relative;
    overflow: hidden;
}
.btn-image-upload input[type=file], .btn-image-upload2 input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.image-upload-preview, .image-upload-preview2 {
    width: 100px;
}

.btn-item-image-clear {
    float: left;
}

#form_register .help-block{
   /* color: red; */
}

#form_custom_item .help-block{
    color: red;
}

#form_send_to .help-block{
    color: red;
}

.bulletin-form .help-block{
    color: red;
}

.mail-group {
    color: #858585!important;
}

.text-error-msg{
    color: red;
}

.text-warning-msg {
    color: black;
    text-align: left;
    text-justify: inter-word;
    padding-bottom: 10px;
}

.text-warning-msg b {
    color: #5B9BD1 !important;
}

.text-warning-msg label {
    color: #000000 !important;
    font-weight: bold;
}

.clip-check.check-theme-1 input[type="checkbox"]:checked + label:before {
  border-color: #5a8770;
}

.clip-check.check-theme-2 input[type="checkbox"]:checked + label:before {
  border-color: #5a8770;
}

/* TO DO:... */
#bulletin-list-bottom-bar {
    background-color: #F0F0F0;
    border-top: 1px solid #CCCCCC;
    bottom: 0px;
    font-family: verdana, arial;
    font-size: 11px;
    height: 80px;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.box-style-1 {
    padding: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-top:0px;
    border: 1px solid #ddd;
    border-top-color: rgb(221, 221, 221);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(221, 221, 221);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(221, 221, 221);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

.items-container {
	max-width: 730px;
	margin: 0 auto;
	list-style: none;
}

.items-separator {
	margin: 0 auto;
	list-style: none;
}

.colored
{
    background: #88BBD4;
}

.timeline_content
{
    word-wrap: break-word;
}

.timeline_title
{
    font-size: 18px !important;
    color: #5b5b60 !important;
    word-wrap: break-word;
    white-space: normal !important;
}

.option-bar-results .active{
    /*background: red;*/
}

.ic-nofull .timeline_content {
    visibility: hidden;
    display: none;
}

.ic-noshort .timeline_content_short {
    visibility: hidden;
    display: none;
}

.z-index-1100{
    z-index: 1100 !important;
}

.bottom-tool-bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1089;
    margin-bottom: 0;
    height: 60px;
    
    background: #F3F3F4 !important;
    border-top-color: #e7eaec !important;
    border-left-color: #e7eaec !important;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    box-shadow: none !important;
}

.sm_mode {
    height: auto!important;
}

#progressloader {
    padding-left: 5px;
    /*color: #ca3e3f*/;
}

/* ribbon items */

.ribbon-left {
    left: -5px; top: -5px;
}

.ribbon-left span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 19px; left: -21px;
}

.ribbon-right {
    right: -5px; top: -5px;
}

.ribbon-right span {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 19px; right: -21px;
}

.ribbon {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}

.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  width: 100px;
  display: block;
  background: #79A70A;
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-bottom: 3px solid transparent;
}

/* */
.ribbon-01 span {
    background: linear-gradient(#F70505 0%, #8F0808 100%);
}

.ribbon-01 span::before {
    border-left: 3px solid #8F0808;
    border-top: 3px solid #8F0808;
}

.ribbon-01 span::after {
    border-right: 3px solid #8F0808;
    border-top: 3px solid #8F0808;
}

/* */
.ribbon-02 span {
    background: linear-gradient(#9BC90D 0%, #79A70A 100%);
}

.ribbon-02 span::before {
    border-left: 3px solid #79A70A;
    border-top: 3px solid #79A70A;
}

.ribbon-02 span::after {
    border-right: 3px solid #79A70A;
    border-top: 3px solid #79A70A;
}

/* */
.ribbon-03 span {
    background: linear-gradient(#2989d8 0%, #1e5799 100%);
}

.ribbon-03 span::before {
    border-left: 3px solid #1e5799;
    border-top: 3px solid #1e5799;
}

.ribbon-03 span::after {
    border-right: 3px solid #1e5799;
    border-top: 3px solid #1e5799;
}

/* */
.ribbon-04 span {
    background: linear-gradient(#B6BAC9 0%, #808080 100%);
}

.ribbon-04 span::before {
    border-left: 3px solid #808080;
    border-top: 3px solid #808080;
}

.ribbon-04 span::after {
    border-right: 3px solid #808080;
    border-top: 3px solid #808080;
}

/* */
.ribbon-05 span {
    background: linear-gradient(#05EFF7 0%, #087F8F 100%);
}

.ribbon-05 span::before {
    border-left: 3px solid #087F8F;
    border-top: 3px solid #087F8F;
}

.ribbon-05 span::after {
    border-right: 3px solid #087F8F;
    border-top: 3px solid #087F8F;
}

/* */
.ribbon-06 span {
    background: linear-gradient(#F79E05 0%, #8F5408 100%);
}

.ribbon-06 span::before {
    border-left: 3px solid #8F5408;
    border-top: 3px solid #8F5408;
}

.ribbon-06 span::after {
    border-right: 3px solid #8F5408;
    border-top: 3px solid #8F5408;
}

.badge-bulletin {
    vertical-align: top;
    margin-top: 10px;
}

.badge-bulletin-theme {
    vertical-align: top;
    margin-top: 10px;
}

.item-mark-read {
	margin-top: 8px !important;
	transform: scale(0.85) !important;
	transform-origin: 0 0 !important;
	cursor: pointer !important;
}

.common-tool-icon {
    margin-top: -15px !important;
    margin-right: 5px;
    
}

#panel_items_search .popover{
    min-width: 250px;
}

.timeline .news-section {
    padding-left: 0px;
}

.ic-content-maximize .items-container {
    max-width: inherit;
}

.ic-content-left .items-container {
    margin-left: 0px;
}

.ic-text-alignment-justified .timeline_content, .ic-text-alignment-justified .timeline_content_short{
    text-align: justify;
}

/* font sizes */
.global-font-size-11 .timeline_content, .global-font-size-11 .timeline_content_short {
    font-size: 11px;
}

.global-font-size-11 .timeline_title h4, .global-font-size-11 .timeline_title label {
    font-size: 16px!important;
}

.global-font-size-12 .timeline_content, .global-font-size-12 .timeline_content_short {
    font-size: 12px;
}

.global-font-size-12 .timeline_title h4, .global-font-size-12 .timeline_title label {
    font-size: 17px!important;
}

.global-font-size-13 .timeline_content, .global-font-size-13 .timeline_content_short {
    font-size: 13px;
}

.global-font-size-13 .timeline_title h4, .global-font-size-13 .timeline_title label {
    font-size: 18px!important;
}

.global-font-size-14 .timeline_content, .global-font-size-14 .timeline_content_short {
    font-size: 14px;
}

.global-font-size-14 .timeline_title h4, .global-font-size-14 .timeline_title label {
    font-size: 19px!important;
}

.global-font-size-15 .timeline_content, .global-font-size-15 .timeline_content_short {
    font-size: 15px;
}

.global-font-size-15 .timeline_title h4, .global-font-size-15 .timeline_title label {
    font-size: 20px!important;
}

.global-font-size-16 .timeline_content, .global-font-size-16 .timeline_content_short {
    font-size: 16px;
}

.global-font-size-16 .timeline_title h4, .global-font-size-16 .timeline_title label {
    font-size: 21px!important;
}

.td-search-names {
    cursor: pointer;
}

.td-source-types {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.td-source-types .checkbox-inline{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.dataTable tr .td-source-types .st-crtl {
    display: none;
}

.dataTable tr.selected .td-source-types .st-crtl {
    display: block;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #ffffff;
}

.dl-progress{
    position: relative;
}

.dl-loader-1 {
    position: absolute;
    top:-10px;
    left: 5px;
    padding: 0px 0px 0px 0px;
    font-size: 2em;
    color: #ca3e3f;
    width: 200px;
}

.dl-loader-1 i {
    vertical-align: text-bottom;
}

.dl-loader-1 label {
    color: black; 
    font-size: 12pt;
}

.export-buttons .btn-selected-pdf {
    color: red;
}

.export-buttons .btn-selected-doc {
    color: blue;
}

.export-buttons .btn-selected-jpg {
    color: #CF9810;
}

.export-buttons .btn-selected-html {
    color: #3E7B02;
}

.labelcat {
    display: inline-block;
    padding: 6px 12px !important;
    margin-bottom: 0;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    margin-right: 10px;
}

.like-table-row {
    display: table-row;
    border-collapse:separate;
    border-spacing:5px;
}

.like-table-row > div {
    display: table-cell;
    /*border: 1px solid #000;*/
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
    float:none;
}

.sources-list span{
    overflow: hidden;
    white-space: nowrap;
}

.mm-msg-1 {
    display: none;
    color: white;
}

tr.selected .mm-msg-1 {
    display: inline!important;
}

.margin-top-custom-13 {
    margin-top: 13px!important;
}

.col-fixed-240{
    width:240px;
    background:red;
    position:fixed;
    height:100%;
    z-index:1;
}

.col-fixed-160{
    margin-left:240px;
    width:160px;
    background:blue;
    position:fixed;
    height:100%;
    z-index:1;
}

.col-offset-400{
    padding-left:415px;
    z-index:0;
}

.col-offset-240{
    padding-left:255px;
    z-index:0;
}

#app > footer {
    z-index: 1!important;
}

#cookie-msg {
    z-index: 10001!important;
}

.scrollable-menu {
    min-width: 450px !important;
    /*
    height: auto;
    max-height: 400px;
    overflow-x: hidden;
    */
}

.btn_bulletin_tool .bulletin-items-count {
    font-size: 18px;
    color: #5b5b60;
}

.selector-login-conflict {
    background: red;
}

.selector-login-conflict-2 {
    background: orange;
}

.jstree-warning-1 {
    color: #ca3e3f;
}

.restriction-param {
    color: red !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.highcharts-credits {
    display: none;
}

.content-dashboard-1 {
    height: 45px;
}

.content-dashboard-2 {
    margin-bottom: 30px;
    height: 400px;
    position: relative;
}

.content-dashboard-1 .btn_toggle_focus {
    /*
    position: absolute;
    margin-top: 10px;
    margin-left: 10px;
    z-index: 1000;*/
}

.btn_toggle_focus i {
    /*color: #5B9BD1;*/
    color: #000000;
    font-size: 36px;
}

.content-dashboard-1 .btn_export_dashboard {
    /*
    position: absolute;
    margin-top: 10px;
    margin-left: 60px;
    z-index: 1000;*/
}

.btn_export_dashboard i {
    /*color: #5B9BD1;*/
    color: #000000;
    font-size: 36px;
    margin-left: 2px;
}

.dashboard-rect {
    height: 100%;
}

.showonly {
    width: 100% !important;
}

.nodisplay {
    display: none;
}

.nodisplay-2 {
    display: none!important;
}

.showonly.showonly-content-dashboard-height-500 {
    height: 500px !important;
}

.text-alignment-justified {
    text-align: justify;
}

.text-policy h5 {
    font-weight: bold;
}
/*
 .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
            background: rgba(255, 0, 0, 0.13) !important;
            color: black;
            cursor: not-allowed;
} */

.content-dashboard-prototype-1 {
    display: none;
}

.trend-checkbox-prototype-1 {
    display: none;
}

.filter-view-checkbox-prototype-1 {
    display: none;
}

.export-legend-style-1 {
    padding: 10px 15px 10px 15px;
}

.content-dashboard-section-prototype-1 {
    display: none;
}

.dashboard-section-caption {
    font-size: 18px;
}

.export-table-row {
    cursor: pointer;
}

.export-table-row.selected {
    background: #fcf8e3;
}

.group-colorpicker {
    width: 100%;
}

.group-colorpicker .group-colorpicker-separator-5 {
    display: table-cell;
    width: 5px;
}

.group-colorpicker div.sp-replacer{
    width: 20px;
    display: table-cell;
}

.group-icon-1 {
    position: absolute;
    right: 0px;
    top: 0px;    
}

.group-icon-remove {
    padding-left: 15px;
    padding-right: 15px;
    z-index: 1000;
}

.trend-new-style {
    width: 99%;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
}

.trend-form-prototype-1 {
    display: none;
}

.filter-hidden {
    display: none !important;
}

.default-icon-1 {
    font-size: 16px; color: Dodgerblue;
}

.like-icon-1 {
    display: inline-block;
    width:16px;
    height: 16px;
    background: url("../images/like-icon-1.png") no-repeat;
}

.rating-c-like .text-color-c {
    /*color: #EEB424 !important;*/
    color: #c7e44a !important;
}

.rating-c-dislike .text-color-c {
    color: #c82e29 !important;
}

.sentiment-icon-style-1 {
    position: relative !important; display: inline-block !important;
}

.sentiment-icon-label-style-1 {
    position: relative !important; display: inline-block !important;
}

.sentiment-label-positive-1 {
    color: #c7e44a;
}

.sentiment-label-negative-1 {
    color: #c82e29;
}

.sentiment-label-neutral-1 {
    color: #b2b42b;
}

.sentiment-label-complex-1 {
    color: #b03876;
}

.sentiment-label-unknown-1 {
    color: #9b9b9f;
}

.sentiment-size-1 {
    font-size: 1.2rem;
}

.sentiment-size-1 .sentiment-icon-style-1 img, .sentiment-size-1 .sentiment-icon-label-style-1 img {
    width:24px; top: -20px; position: absolute;
}

.sentiment-size-1 .sentiment-icon-style-1 {
    width: 26px;
}

.sentiment-size-1 .sentiment-icon-label-style-1 {
    min-width: 26px;
}

.sentiment-size-1 .sentiment-separator-1 {
    padding-left: 30px; padding-right: 30px; display: inline-block;
}

.sentiment-size-2 {
    font-size: 1.0rem;
}

.sentiment-size-2 .sentiment-icon-style-1 img, .sentiment-size-2 .sentiment-icon-label-style-1 img {
    width:20px; top: -16px; position: absolute;
}

.sentiment-size-2 .sentiment-icon-style-1 {
    width: 22px;
}

.sentiment-size-2 .sentiment-icon-label-style-1 {
    min-width: 22px;
}

.sentiment-size-2 .sentiment-separator-1 {
    padding-left: 20px; padding-right: 20px; display: inline-block;
}

.timeline_sentiment
{
    padding-bottom: 10px;
}

.sentiment-top-margin-4 {
    margin-top: 4px;
}

#modal_post_edit .post-image-item {
    border: 1px solid #CCCCCC;
    padding: 5px;
    margin-bottom: 5px;
}

.blog-post-tool-edit {
    position: absolute;
    z-index: 100;
}

.post-thumbnail {
    padding: 5px;
    float: left;
}

.post_content {
    font-size: 14px!important;
    text-align: justify;
}

.post_content p{
    margin: 0px 0px 2px 0px;
}

.shortcontent_value {
    font-size: 14px;
}

.prepare_tool button{
    margin-bottom: 5px;
}

.post-text-center {
    text-align: center;
}

.post-width-100-percent {
    width: 100%;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.nopadding-right {
   padding-right: 0 !important;
   margin-right: 0 !important;
}

.btn-add-search-condition-tool {
    padding-top: 5px;
    padding-bottom: 5px;
}

.btn-add-search-condition.size1 i{
    font-size: 28px;
}

.btn-remove-search-condition i {
    color: #c9312c;
}

.btn-remove-search-condition.size1{
    font-size: 24px;
}

.text-type-switch button {
    width: 40px !important;
}

.text-type-switch .input-group-btn {
    vertical-align: top;
}

.text-type-switch-2 button {
    width: 40px !important;
}

.text-type-switch-2 .input-group-btn {
    vertical-align: top;
}

.field-basic-search {
    position: relative;
}

.operator-view {
    font-size: 22px;
    position: absolute;
    left: 16px;
}

.search-icon-view {
    font-size: 22px;
    position: absolute;
    left: 22px;
    top: 1px;
    z-index: 900;
}

.main-search.plus-additional .search-icon-view {
    
}

.visible-if-plus-addition {
    
}

.main-search.plus-additional .visible-if-plus-addition {
    display: table-cell;
}

input.textbox-icon {
    padding-left: 32px !important;
}

.btn-add-mail-item.size1 i{
    font-size: 28px;
}

.btn-remove-mail-item i {
    color: #c9312c;
}

.btn-remove-mail-item.size1{
    font-size: 24px;
}

.btn-add-usergroup-item.size1 i{
    font-size: 28px;
}

.btn-remove-usergroup-item i {
    color: #c9312c;
}

.btn-remove-usergroup-item.size1{
    font-size: 24px;
}

.user-themes li.user-search.active {
    background-color: transparent;
    color: #5b5b60;
}

.pressclipping-heading {
    padding: 15px 90px 0px 15px;
}

.pressclipping-item-tool {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px 20px 10px 0px;
}

.pressclipping-item-tool .pressclipping-status {
    font-size: 22px;
    color: #58748B;
}

.pressclipping-item-tool .pressclipping-status.status-enabled {
    color: #5cb85c;
}

.pressclipping-edit {
    font-size: 24px;
    margin-right: 5px; 
}

.pressclipping-delete {
    color: #d43f3a;
    font-size: 24px;
}

.chartflow-heading {
    padding: 15px 90px 0px 15px;
}

.chartflow-item-tool {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px 20px 10px 0px;
}

.chartflow-item-tool .pressclipping-status {
    font-size: 22px;
    color: #58748B;
}

.chartflow-item-tool .pressclipping-status.status-enabled {
    color: #5cb85c;
}

.chartflow-edit {
    font-size: 24px;
    margin-right: 5px; 
}

.chartflow-delete {
    color: #d43f3a;
    font-size: 24px;
}

.btn-add-theme-item.size1 i{
    font-size: 28px;
}

.btn-remove-theme-item-container {
  margin: 0;
  position: absolute;
  top: 50%;
  right: 20px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-remove-theme-item i {
    color: #c9312c;
}

.btn-remove-theme-item.size1{
    font-size: 24px;
}

.modal-pressclipping-settings {
    max-width: 600px;
}

.modal-board-settings {
    max-width: 600px;
}

.theme-item-tool {
    position: relative;
}

.monitoring-heading {
    padding: 15px 90px 0px 15px;
}

.monitorong-item-tool {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px 20px 10px 0px;
}

.monitoring-item-tool .pressclipping-status {
    font-size: 22px;
    color: #58748B;
}

.monitoring-item-tool .monitoring-status.status-enabled {
    color: #5cb85c;
}

.monitoring-edit {
    font-size: 24px;
    margin-right: 5px; 
}

.monitoring-play {
    font-size: 24px;
    margin-right: 5px; 
}

.monitoring-bulletin-archive {
    font-size: 20px;
    margin-right: 5px; 
}

.monitoring-delete {
    color: #d43f3a;
    font-size: 24px;
}

.modal-monitoring-settings {
    max-width: 600px;
}

.fixed-right-1 {
    position: fixed;
    right: 0px;
}

.fixed-part-1 {
    position:fixed;
    width: 25%;
}

.contend-dynamic-fixed.fixed {
    width: inherit; position: fixed;
}

.contend-dynamic-fixed.fixed .content-storedata {
    margin-left: 0px;
    margin-right: 80px;
    padding-right: 35px;
}

.app-sidebar-closed .contend-dynamic-fixed.fixed .content-storedata {
    margin-left: 0px;
    margin-right: 20px;
    padding-right: 35px;
}

.label-selected-counter {
    color: #000000
}

.bulletin-archive-table-list .archive-item {
    cursor: pointer;
}

.fixed-size-1 {
    display: block; 
    height: 170px;
}

.width-270 {
    min-width: 270px;
    width: 270px;
}

.paddin-top-3 {
}


.validate-error {
    color: #c9312c;
}

.no-focus-color.btn-primary.btn-o:focus {
  background-color: transparent;
  color: #363E73;
}

.text-transparent {
    color: transparent;
}

.search-group-body {
    border: #4cae4c solid 1px;
    border-radius: 6px;
    padding: 10px 10px 10px 10px;
}

.main-search-group-body {
    border: #4cae4c solid 1px;
    border-radius: 6px;
    padding: 10px 10px 10px 10px;
}

.my-validation-message::before {
  display: none;
}

.my-validation-message i {
  margin: 0 .4em;
  color: #f27474;
  font-size: 1.4em;
}

span.subscription-period-option {
    cursor: pointer;
}

.media-category-filter {
}

.media-category-filter .catlabel{
    cursor: pointer !important;
    margin-right: 2px;
    line-height: 2.4em;
}
    
.box-1 {
    width: 30px; 
    display: inline; 
    float: left; 
    text-align: right;
    padding-right: 5px;
}

.box-2 {
    width: 60px; 
    display: inline; 
    float: left; 
    text-align: right;
    padding-right: 5px;
}

.group-view-block {
    border: 1px solid green;
    padding: 5px 0px 5px 0px;
}

/* user-service begin */

.user-services {
    padding-left: 0;
    margin-bottom: 20px;
}

.user-services .user-service {
    cursor: pointer;
    padding: 10px 10px 0px 15px;
}

.user-services .user-service .user-service-name {
    vertical-align:top;
    margin: 0px 0px 10px 0px;
    display: inline-block;
}

.user-services .user-service .user-service-item-tool {
    vertical-align:top;
    margin: -2px 0px 0px 0px;
    position: relative;
    float: right;
}

.user-services .user-service .monitoring-info {
    position: absolute; 
    top: 3px; 
    right: 3px;
}

.user-services .user-service .item-buttons {
    position: absolute; 
    z-index: 999;
    top: 3px; 
    right: 10px;
}

.user-services .user-service .item-buttons .btn-item-notifier {
    font-size: 22px;
    color: #58748B;
}

.user-services .user-service .item-buttons .btn-item-notifier-settings {
    font-size: 22px;
    color: #58748B;
}

.user-services .user-service .item-buttons .btn-item-notifier.status-enabled {
    color: #5cb85c;
}

.user-services .user-service .item-buttons .btn-item-delete {
    font-size: 22px;
    color: #d43f3a;
}

.user-services .user-service .item-buttons .btn-item-edit {
    font-size: 22px;
    color: #eea236;
}

.user-onboarding-help {
}

.user-onboarding-container {
    position: relative;
}

.user-onboarding-help.icon-style-1 {
    font-size: 18px;
    position: absolute;
    left: 5px;
    top: -4px;
    color: #363E73;
}

.app-introjs-enable-interaction .introjs-disableInteraction{
    display: none;
}

.app-introjs-enable-modal-mode .introjs-overlay { pointer-events: none; } 
.app-introjs-enable-modal-mode .introjs-helperLayer { pointer-events: none; } 

.user-onboarding-tooltip-style-1 .introjs-dontShowAgain label {
    display: inline!important;
}

.login-social-buttons .btn {
    color: #fff;
    margin: 10px 0;
    font-size: 15px;
    border-radius: 50px;
    text-indent: 10px;
    font-weight: normal;
    border: none;
    text-align: center;
    font: normal normal normal 18px/21px Arial;
    min-height: 46px;
    padding-top: 12px;
}

.login-fb{
    background: #507cc0;
}

.login-g{
    background: #d43f3a;
}
.login-m{
    background: #555;;
}

@media only screen and (min-width: 768px)  {
    .login-max-width{
        max-width: 326px;
    }
}

.login-label-1 {
    font-size: 18px;
}

.login-userandpass {
    color: #fff;
    margin: 10px 0;
    font-size: 15px;
    border-radius: 50px;
    text-indent: 10px;
    font-weight: normal;
    border: none;
    /* font: normal normal normal 18px/21px Arial; */
    
    border: #46b8da solid 1px;
    padding: 20px;
    padding-top: 12px;
}

.login-terms {
    
}

.login-terms a {
    color: #46b8da;
}

/* ---------------------------------------------------------------------- */
/*  Text Colors
/* ---------------------------------------------------------------------- */

.no-tc {
  color: none !important;
}

.tc-white {
  color: #ffffff !important;
}

.tc-black {
  color: #2C2F3B !important;
}

.tc-primary {
  color: #58748B !important;
}

.tc-light-primary {
  color: #718ea5 !important;
}

.tc-dark-primary {
  color: #445a6c !important;
}

.tc-success {
  color: #5cb85c !important;
}

.tc-info {
  color: #46b8da !important;
}

.tc-warning {
  color: #eea236 !important;
}

.tc-danger {
  color: #d43f3a !important;
}

.tc-azure {
  color: #5B9BD1 !important;
}

.tc-light-azure {
  color: #6fa7d7 !important;
}

.tc-dark-azure {
  color: #3782c2 !important;
}

.tc-red {
  color: #C82E29 !important;
}

.tc-light-red {
  color: #da4f4a !important;
}

.tc-dark-red {
  color: #9e2420 !important;
}

.tc-green {
  color: #5A8770 !important;
}

.tc-light-green {
  color: #73a189 !important;
}

.tc-dark-green {
  color: #466857 !important;
}

.tc-orange {
  color: #F18636 !important;
}

.tc-light-orange {
  color: #f4a366 !important;
}

.tc-dark-orange {
  color: #e46b10 !important;
}

.tc-blue {
  color: #407887 !important;
}

.tc-light-blue {
  color: #5097aa !important;
}

.tc-dark-blue {
  color: #305964 !important;
}

.tc-pink {
  color: #F5888D !important;
}

.tc-light-pink {
  color: #f9b7ba !important;
}

.tc-dark-pink {
  color: #f15960 !important;
}

.tc-purple {
  color: #9A89B5 !important;
}

.tc-light-purple {
  color: #b5a8c9 !important;
}

.tc-dark-purple {
  color: #7f6aa1 !important;
}

.tc-beige {
  color: #D2BD8E !important;
}

.tc-light-beige {
  color: #d9c8a0 !important;
}

.tc-dark-beige {
  color: #c3a86a !important;
}

.tc-grey {
  color: #c8c7cc !important;
}

.tc-light-grey {
  color: #f7f7f8 !important;
}

.tc-dark-grey {
  color: #aeacb4 !important;
}

.tc-yellow {
  color: #EEB424 !important;
}

.tc-light-yellow {
  color: #f2c453 !important;

}

.tc-dark-yellow {
  color: #cf9810 !important;
}

.tc-bricky {
  color: #894550 !important;
}

.tc-light-bricky {
  color: #aa5764 !important;
}

.tc-dark-bricky {
  color: #67343c !important;
}

.tc-body {
  color: #F1F3FA;
}

/* mtdashboards */

.mt-db-panel-white {
  background-color: #ffffff;
  position: relative;
  color: #5b5b60;
  border: 1px solid rgba(0, 0, 0, 0.07);
}

.mt-db-panel {
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #8e8e93;
  border: none;
  position: relative;
}

.datepicker.datepicker-style-1{
    
}

.datepicker.datepicker-style-1 .datepicker-inline{
    background: #ffffff;
}

.datepicker.datepicker-style-1 .datepicker-days .day{
    font-weight: bold;
    color: black;
}

.datepicker.datepicker-style-1 .datepicker-days .day.disabled{
    font-weight: normal;
    color: #8e8e93;
}

.board-title {
    color: #000000;
}

.board-title label {
    color: #5315b9;
    font-weight: bold;
    margin-bottom: 0px!important;
}

.loader-progress-pos-1{
    top: -32px;
    position: absolute;
}

.box-theme-color-1 {
    width: 25px; 
    height: 25px; 
    position: absolute; 
    top: 0px;
    right: 15px;
    border: 1px solid #91765d;
}

#modal_set_trends .box-theme-color-1{
    display: none;
}

#modal_set_chartflow .box-theme-color-1{
    display: none;
}

div.zindex-9999 {
    z-index: 999999 !important;
}

.loaded-done .dashboard-container {
    border: 1px solid #ddd;
    border-radius: 5px;
}

.chartflow-export-button {
    padding-top: 3px;
    padding-bottom: 4px;
    vertical-align: top;
}

.items-column-1 {
    cursor: pointer;
}

.items-column-1:hover .read-more-icon {
    color:  #337ab7;
}

.read-more-icon {
    color:  #5b5b60;
}

.store-btn {
    margin-top: 30px;
}

.store-data-panel.low-height .store-btn {
    margin-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.store-data-panel.low-height .panel-store-2 {
    margin-bottom: 0px !important;
    padding-bottom: 0px;
}

.store-data-panel.low-height .panel-store-3 {
    padding-bottom: 0px !important;
}

.store-data-panel.low-width .panel-store-3 {
    
}

.store-data-panel.low-height .panel-store-4 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
}

/* update at 23.08.2025 */
.store-data-theme-info .theme-name {
    display: inline-block;      /* нужно за width и text-overflow */
    white-space: nowrap;        /* само един ред */
    overflow: hidden;           /* скрива останалото */
    text-overflow: ellipsis;    /* добавя "..." */
  /*  max-width: 200px;           /* ширина за текста (настрой според дизайна) */
    vertical-align: middle;     /* изравнява със скобите и брояча */
}

/* update end */

.low-width .low-width-hidden {
    display: none !important;
}

.high-width .high-width-hidden {
    display: none !important;
}

.low-height .low-height-hidden {
    display: none !important;
}

.high-height .high-height-hidden {
    display: none !important;
}

.monitoring-toolbar-panel .panel-body {
    padding-bottom: 5px !important;
}

.monitoring-toolbar-panel .panel-body a {
    margin-bottom: 10px !important;
}

.us-left {
    display: inline-block;
    margin-bottom: 5px;
}

.us-right {
    display: inline-block;
    float: right;
    text-align: right;
}

.lgi-style-1 {
    padding-bottom: 5px !important;
    padding-right: 10px !important;
}

.low-width .low-width-button-inner {
    margin-top: 5px !important;
}

.search-toolbar-panel .panel-body {
    padding-bottom: 5px !important;
}

.search-toolbar-panel .panel-body a {
    margin-bottom: 10px !important;
}

.custom-flex-content {
  display: flex;
  flex-wrap: wrap;
}

.custom-flex-content-col .panel {
  min-height: 150px;
  height: 100%;
}
.custom-flex-content-col {
  margin-bottom: 10px;
}