/* Global changes */
body.echo { font-family: Arial;}
.echo .page { background-color: #e5e9ec; }
.echo .site-menubar { background-color: #1b1e24; }
.echo .site-menu>.site-menu-item.active { background-color: #1F2229; }
.echo .site-menu>.site-menu-item.open { background-color: #22262E; }
.echo .site-navbar { background-color: #22262E; }
.echo .navbar-brand-logo { height: auto; margin-top: 0px; }
.echo .site-menubar-footer>a { background-color: #22262E; }
/*.echo .nav-tabs { background-color: #d1dade; border-radius: 3px 3px 0px 0px; }*/
.echo .nav-tabs-solid { background-color: #d1dade; border-radius: 3px 3px 0px 0px; }

/* Modal fix */
.echo .tab-content { z-index: inherit; }
.modal-dialog { z-index: 1050; }
[class*=animation-]{ animation-fill-mode: backwards; }

/* Nestable */
.dd-handle { position: relative; }
.dd3-content { position: absolute; top: 0px; right: 0px; padding: 6px 11px; }

/* Select 2 */
.select2-container--default { z-index: 1700;}
.bootstrap-select.btn-group .dropdown-menu { z-index: 1701 !important; }

/* Datepicker */
.datepicker { z-index: 1700 !important;}

/* Summernote */
.note-toolbar .note-color .dropdown-menu { min-width: 357px !important; }
.note-toolbar .note-color .dropdown-menu[data-name="color"] { margin-top: 49px; }
.note-toolbar .note-color .dropdown-toggle { width: auto !important; }
.note-toolbar .btn-sm { padding: 6px 10px; }
.note-toolbar .btn { background-color: #fff; }
.note-editor .note-handle .note-control-selection { z-index: 15; }
.note-editor .note-editing-area { position: relative; }
.note-group-select-from-files { display:none; }

/* CUSTOM: Information panel */
.echo .e-panel-information .table > tbody > tr > td {min-height: 34px; vertical-align: middle; border-top: 0px; padding: 6px 12px !important;}
.echo .e-panel-information .table > tbody > tr > td:first-child {padding-right: 0px !important; padding-left: 0px !important;}
.echo .e-panel-information .table > tbody > tr > td:second-child {white-space: nowrap;}
.echo .e-panel-information .table > tbody > tr > td:last-child {padding-right: 0px !important;}
.echo .e-panel-information .save-changes-progress { float:right;  display:none;  margin-right: 12px; margin-top: 0px;}
.echo .e-panel-information .save-changes-progress i { font-size: 15px;}
.echo .e-panel-information .save-changes-submit { float:right; /* display:none; */}
.echo .e-panel-information .save-changes-count { float:right; margin-right: 9px; margin-top: 2px;}
.echo .e-panel-information .panel-footer {background: #F7F7F7;}
.echo .e-panel-information .panel-body {padding-top: 10px; padding-bottom: 10px;}

/* CUSTOM: Notification panel */
.echo .e-panel-notification .panel-body {padding-top: 10px; padding-bottom: 10px;}

/* DATA GRID */

.e-dataGrid .table thead th.th { position: relative; font-weight: 700;}
.e-dataGrid .table thead th.sorting {  cursor: pointer; padding-right: 28px;}
.e-dataGrid .table thead th.sorting:hover { background:#f5f5f5; border-radius: 5px 5px 0px 0px; }
.e-dataGrid .table thead .sorting:after, .e-dataGrid .table thead .sorting_asc:after,
.e-dataGrid .table thead .sorting_desc:after {
  position: absolute; top: 9px; right: 8px; display: block; font-family: "Web Icons"; opacity: .9;
}
.e-dataGrid .table thead .sorting:after { content: "\f18c"; opacity: .2; }
.e-dataGrid .table thead .sorting_asc:after { opacity: .8; content: "\f190"; }
.e-dataGrid .table thead .sorting_desc:after { opacity: .8; content: "\f18f"; }
.e-dataGrid .dataGrid_filter label { margin: 0px; }

.e-dataGrid .dataGrid_length { float: left; }
.e-dataGrid .dataGrid_length .bootstrap-select {max-width: 70px;}
.e-dataGrid .pagination {margin: 0px 0px 10px 0;}
  
.e-dataGrid .form-control { width: 100%; }  

.e-dataGrid .progress { margin-bottom: 0px; margin-top: 3px; }
  
  
  .e-dataGrid .dataGrid_filter .ms-choice {  
    display: inline-block; width: auto;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-appearance: none !important;
    color: #282323; outline: 0; height: 16px; padding: 6px 11px !important;
    line-height: 15px; font-size: 13px; font-weight: normal; vertical-align: top; background-color: #fff; min-height: 35px;
    -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0px;
    -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
    border-radius: 2px; border: 1px solid #e5e9ec; transition: background 0.2s linear 0s, box-shadow 0.2s linear 0s;
  }
  .e-dataGrid .dataGrid_filter .ms-choice span { line-height: 22px; padding-left: 0px; max-width: 300px; padding-right: 18px; position: relative; }  
  .e-dataGrid .dataGrid_filter .ms-choice > span.placeholder { color: #444; }
  .e-dataGrid .dataGrid_filter .ms-parent { width: auto !important; }
  .e-dataGrid .dataGrid_filter .ms-drop { width: 170px; }
  .e-dataGrid .dataGrid_filter  .ms-search input { min-height: 27px; font-size: 12px; padding-top: 3px !important; padding-bottom: 3px !important; }

  /* Tiny MCE fix */
  div.mce-fullscreen { z-index: 5000 !important;}
  .mce-panel { background-color: #f5f5f5 !important; border-color: #e4eaec !important; border-radius: 3px; }
  .mce-toolbar-grp { padding: 2px 2px 3px 2px !important;}
  .mce-btn-group .mce-btn {     -webkit-transform: translate(0, 0.25);
    -ms-transform: translate(0, 0.25);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); background: #fff !important; border: 1px solid #e4eaec !important; color: #76838f; margin-left: -1px !important; }
  .mce-btn-group .mce-last {  border-right: 1px solid #e4eaec !important; border-radius: 0px 3px 3px 0px;}
  .mce-btn:hover, .mce-btn:focus { color: #333; background-color: #eaeaea !important; border-color: #bababa !important; z-index: 3 !important; }
  .mce-btn.mce-active, .mce-btn.mce-active:hover { color: #62a8ea !important; border-color: #bababa !important; z-index: 2 !important; background-color: #fcfcfc !important;}
  .mce-btn.mce-active .mce-ico, .mce-btn.mce-active:hover .mce-ico { color: #62a8ea !important; }
  .mce-btn-group .mce-first {  border-radius: 3px 0px 0px 3px;}
  div.mce-btn button .mce-ico { color: #76838f !important;}
  .mce-btn-group:not(:first-child) { border-left: 0px !important; }