#dataTables-table a.fa {font-size:150%;}
#dataTables-table a.fa:hover, #dataTables-table a.fa:active, #dataTables-table a.fa:visited, #dataTables-table a.fa:focus {text-decoration:none;}
td.center {text-align: center;}
.page-header {margin: 20px 0 10px 0; position:relative;}
.page-utilities {position:absolute; top:0px; right:10px; font-size:40%;}
/*.page-utilities a {width:100px;}*/
.page-utilities a span {font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif}
label.error {color: #a94442}
input.error {border-color: #ebccd1; background: #f2dede;}

.navbar-default .navbar-brand {font-family: 'Staatliches', cursive; font-size: 36px; color: #333;}
.navbar-default .navbar-brand span {color:#999;}
.login .panel-title {font-family: 'Staatliches', cursive; font-size: 36px; color: #333;}

/* original - blue #337ab7 */
a {color: #333;}
a:hover, a:active, a:focus {color: #000;}
.panel-primary {border-color:#666;}
.panel-primary>.panel-heading {border-color:#666; background-color:#666}

.panel a.panel-link {display:block;}
.dashboard .panel-heading { padding: 10px 15px 10px 15px;}
.panel-label {margin-top: 1rem; text-transform: uppercase; font-weight: 500;}

.panel-green a {background:#5cb85c; color: #fff;}
.panel-green a:hover, .panel-green a:active, .panel-green a:focus {background:#5cb85c; color: #fff; text-decoration: none;}

.panel-red a {background:#d9534f; color: #fff;}
.panel-red a:hover, .panel-red a:active, .panel-red a:focus {background:#d9534f; color: #fff; text-decoration: none;}
.panel-red .panel-footer {color:#d9534f;}

.panel-yellow a {background:#f0ad4e; color: #fff;}
.panel-yellow a:hover, .panel-yellow a:active, .panel-yellow a:focus {background:#f0ad4e; color: #fff; text-decoration: none;}
.panel-yellow .panel-footer {color:#f0ad4e;}

.panel-blue {border-color:#337ab7;}
.panel-blue>.panel-heading {border-color:#337ab7; background-color:#337ab7; color: #fff;}
.panel-blue a {background:#337ab7; color: #fff;}
.panel-blue a:hover, .panel-blue a:active, .panel-blue a:focus {background:#337ab7; color: #fff; text-decoration: none;}
.panel-blue .panel-footer {color:#337ab7;}

.panel-purple {border-color:#bb4cbf;}
.panel-purple>.panel-heading {border-color:#bb4cbf; background-color:#bb4cbf; color: #fff;}
.panel-purple a {background:#bb4cbf; color: #fff;}
.panel-purple a:hover, .panel-purple a:active, .panel-purple a:focus {background:#bb4cbf; color: #fff; text-decoration: none;}
.panel-purple .panel-footer {color:#bb4cbf;}

.panel-violet {border-color:#87438a;}
.panel-violet>.panel-heading {border-color:#87438a; background-color:#87438a; color: #fff;}
.panel-violet a {background:#87438a; color: #fff;}
.panel-violet a:hover, .panel-violet a:active, .panel-violet a:focus {background:#87438a; color: #fff; text-decoration: none;}
.panel-violet .panel-footer {color:#87438a;}

.panel-crm .panel-icon {min-height:250px;}

.page-header {font-family: 'Staatliches', cursive; font-size: 36px; color: #333;}

.menu_green a span i.fa {color:#5cb85c; font-size: 150%;}
.menu_blue a span i.fa {color:#337ab7; font-size: 150%;}
.menu_yellow a span i.fa {color:#f0ad4e; font-size: 150%;}
.menu_red a span i.fa {color:#d9534f; font-size: 150%;}
.menu_purple a span i.fa {color:#bb4cbf; font-size: 150%;}
.menu_violet a span i.fa {color:#87438a; font-size: 150%;}

.badge-warning {color: #212529; background-color: #ffc107;}
.badge-success {color: #fff; background-color: #28a745;}
.badge-danger {color: #fff;background-color: #dc3545;}

.list-languages {font-size: 20px;}
.list-languages a {text-decoration: none; color:#999;}
.list-languages a.selected {text-decoration: underline; color:#222;}

ul.attachmentlist {list-style: none; text-indent: 0; padding: 0; margin: 0; overflow: hidden;}
ul.attachmentlist li { display: block; float: left; margin-right: 10px; margin-bottom: 10px;}

.sidebar ul li a.active {
  background-color: #ddd;
}

span.multiselect-native-select {display:block;}
span.multiselect-native-select button.multiselect {
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.multiselect-container .multiselect-group.dropdown-item, .multiselect-container .multiselect-group.dropdown-toggle, .multiselect-container>.multiselect-option.dropdown-item, .multiselect-container>.multiselect-option.dropdown-toggle {
  cursor: pointer;
  border: 0;
  background: none;
}
button.multiselect-option input.form-check-input {margin-right:5px;}
.multiselect-container {padding:10px 0; min-width:250px;}

.addCategory {padding: 4px 0; text-decoration:underline; cursor:pointer; display:none;}
.addCategoryForm {display:none;}

table.table-bordered tbody th, table.table-bordered tbody td {border-left:0px; border-right: 0px;}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
  border-bottom-width: 1px;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
  border-left:0px;
  border-right:0px;
}

.fa-pen-square {color:#337ab7;}
.fa-pen-square:hover {color:#337ab7;}

.fa-trash-alt {color:#fff; background: #d9534f;}

table.dataTable thead .sorting {background: none;}
table.dataTable thead .sorting_desc {background: none;}
table.dataTable thead .sorting_asc {background: none;}

a.ico-edit {width:31px; height:31px; display: inline-block; background: transparent url("../vendor/images/ico_edit.png") no-repeat 0 0; background-size:cover; margin-right: 6px;}
a.ico-delete {width:31px; height:31px; display: inline-block; background: transparent url("../vendor/images/ico_delete.png") no-repeat 0 0; background-size:cover;}

.table.table-bordered > tbody > tr > td {
  vertical-align: middle;
}

table.dataTable thead > tr > th {padding-left: 8px;}
table.dataTable {margin-top:20px !important;}

.page-utilities-lang {top: 0px;}
.page-utilities-lang a.sel {background: #e6e6e6;}

.page-buttons {margin: 0 10px 10px 0;}

.ico_true {width:24px; height:24px; background: transparent url("../vendor/images/ico_true.png") no-repeat 0 0; background-size: cover;}
.ico_false {width:24px; height:24px; background: transparent url("../vendor/images/ico_false.png") no-repeat 0 0; background-size: cover;}

.btn-back {width:32px; height:32px; background: transparent url("../vendor/images/ico_back.png") no-repeat 0 0; background-size: cover; text-indent: -9999px; overflow: hidden; display: block;}

a.status_1, a.status_1:hover, a.status_1:visited {color: #16bb16; font-size:80%; text-decoration:none; cursor:pointer; display:block; margin:0 auto; width:20px; text-align:center;}
a.status_0, a.status_0:hover, a.status_0:visited {color: #dc3545; font-size:80%; text-decoration:none; cursor:pointer; display:block; margin:0 auto; width:20px; text-align:center;}

.jconfirm-title-c {border-bottom:1px solid #dedede; margin-bottom:10px;}
.jconfirm-content-pane {border-bottom:1px solid #dedede; padding-bottom:10px;}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default { text-transform: none; font-weight:normal;}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {  text-transform: none; font-weight:normal;}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-close, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-close {background: #ddd; color: #000;  text-transform: none !important; font-weight:normal !important;}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {text-transform: none !important; font-weight: normal !important;}

.subscription {color: #fff; background: #4fbae4; border-radius:5px; padding: 4px 8px; display: inline-block; font-weight: normal;}

.status_label {
  padding: 2px 4px;
  border-radius: 20px;
  color: #fff;
  min-width: 60px;
  display: inline-block;
  text-align: center;
  font-size: 80%;
}
.status_label_1 {background:#16bb16;}
.status_label_1_p {background: #e0ab49;}
.status_label_0 {background: #dc3545;}

.ico_done {display:inline-block; overflow: hidden; text-indent:-9999px; width:20px; height:20px; background: transparent url("../vendor/images/ico_true_black.png") no-repeat center center; background-size: cover;}

.multiselect-container>.multiselect-option.dropdown-item {display: block;}

.btn-view {background:#76bedb; border:1px solid #76bedb;}
.btn-view:hover, .btn-view:focus, .btn-view:active {background:#76bedb; border:1px solid #76bedb;}

.episode_count {
  width: 20px;
  text-align: center;
  background: #cfdff0;
  border-radius: 3px;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  margin: 0 auto;
}

.image_preview {position:relative;}
.banner_preview {width:100%; max-width: 600px;}
.banner_preview img {width:100%; max-width: 600px;}
.cover_preview {width:100%; max-width: 200px;}
.cover_preview img {width:100%; max-width: 200px;}
.image_preview a.img_view {position:absolute; top: 8px; right: 43px; width: 31px; height: 31px; display: block; background: transparent url("../vendor/images/ico_view.png") no-repeat 0 0; background-size: cover; cursor:pointer;}
.image_preview span.img_remove {position:absolute; top: 8px; right: 5px; width: 31px; height: 31px; display: block; background: transparent url("../vendor/images/ico_delete.png") no-repeat 0 0; background-size: cover; cursor:pointer;}

.desktop_preview {width:100%; max-width: 600px;}
.desktop_preview img {width:100%; max-width: 600px;}
.mobile_preview {width:100%; max-width: 200px;}
.mobile_preview img {width:100%; max-width: 200px;}


p.mini {font-size: 12px; margin-top: 10px; color: #aaa;}
p.mini a {color:#aaa; text-decoration:underline;}

.episode_image_header {position:relative; padding: 4px 10px; border-top:1px solid #d6d6d6;}
.episode_image_block {position:relative; padding: 4px 10px; border-top:1px solid #d6d6d6;}
.episode_image_block.odd {background: #eee;}
.episode_image_block.even {background: #fff;}
.episode_image_block .episode_image_actions {position:absolute; top: 14px; right: 10px; width: 80px; height:30px;}
.episode_images_actions {margin:10px 0;}

a.ico-add {width:31px; height:31px; display: inline-block; background: transparent url("../vendor/images/ico_add.png") no-repeat 0 0; background-size:cover; margin-right: 6px;}
a.ico-drag {width:31px; height:31px; display: inline-block; background: transparent url("../vendor/images/ico_drag.png") no-repeat 0 0; background-size:cover; margin-right: 6px; cursor: move;}

.modal {
  text-align: center;
}

.circle_status {font-size: 1.6rem;}
.circle_status.da_lavorare {color: #d9534f;}
.circle_status.preso_in_carico {color: #e0ab49;}
.circle_status.lavorato {color: #28a745;}

tr.parent {background: #dedede;}
tr.parent.even {background: #ededed;}

table tr.status_0 {color: #999;}

.tr_done {color: #aaa; }
.tr_today {background: #1da516 !important; color:#fff;}
.tr_today input, .tr_today select {color: #000;}
.tr_today:hover {background: #1da516 !important; color:#fff;}
.tr_done input, .tr_done select {border:1px solid #aaa;}


.tr_alert {background: #b11515 !important; color:#fff;}
.tr_alert input, .tr_alert select {color: #000;}
.tr_alert:hover {background: #b11515 !important; color:#fff;}

.tr_alert.tr_today {background: #7c1010 !important; color:#fff;}
.tr_alert.tr_today:hover {background: #7c1010 !important; color:#fff;}


.delete_taskday {font-size:1.8rem; cursor:pointer;}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }

  #page-wrapper {
      margin: 0 0 0 170px;
  }

  .sidebar {
    width: 170px;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .navbar-top-links.navbar-right {width: 100px; position: absolute; top: 0; right: 52px;}
}