/*
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 : 15/11/2016, 11:37:57 AM
    Author     : Johel Cediel
*/

.cursor-default {
    cursor: default;
}

.cursor-help {
    cursor: help;
}

.cursor-pointer {
    cursor: pointer;
}

.mr-10{
    margin-right: 10px;
}

.panel-paginate {
    margin-top: 5px;
}

.panel-paginate .panel-body {
    padding: 0px;
}

.panel-paginate .panel-body .table {
    margin-bottom: 0px;
}

.pagination {
    margin: 0px 0px 10px 0px;
}

.panel-profile .panel-body {
    padding: 32px !important;
    text-align: center;
}

.panel-profile .panel-body img {
    margin: 0 auto 16px;
    width: 96px;
}

.panel-profile .panel-body .name {
    color: #212121;
    font-size: 18px;
    line-height: 24px;
}

.panel-profile .panel-body .info {
    color: #9e9e9e;
    font-size: 12px;
    line-height: 1.35;
}

.panel > .panel-heading > h2 {
    /*color: #9e9e9e;*/
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.panel-permission-content {
    height: 450px;
    overflow-y: scroll;
}

#modal-quickview .modal-title {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

.col-min {
    width: 1%;
    white-space: nowrap;
}

.timeline .comment-content {
    margin-top: 8px;
}

.timeline .comment-content .comment-heading {
    font-weight: bold;
}

.timeline .comment-content .comment-body {
    font-size: 14px;
}

.timeline-media .icon {
    margin: 5px;
    font-size: 16px;

}

.uppercase {
    text-transform: uppercase;
}

.layout-content-body {
    margin-bottom: 40px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.font-weight-bold {
    font-weight: bold;

}

.nav-tabs-permissions {
    border-bottom: 1px solid #1b1b1b;

}

.nav-tabs-permissions > li.active > a, .nav-tabs-permissions > li.active > a:focus, .nav-tabs-permissions > li.active > a:hover {
    border-color: #1b1b1b;
    border-bottom: 1px solid #333333;
}

.nav-tabs-permissions > li > a {
    background-color: #333;
    border: 1px solid #1b1b1b;
    border-bottom: 0px;
    color: #ccc;
    text-decoration: none;
}

.nav-tabs-permissions > li > a:focus, .nav-tabs-permissions > li > a:hover {
    background-color: #333;
    text-decoration: none;
    color: #ccc;
}

.tab-content-permissions {
    border: 1px solid #1b1b1b;
    border-top: 0px;
    background-color: #333333;
}

.tab-content-permissions {
    margin-bottom: 15px;
}

.tab-content-permissions .table-condensed > tbody > tr > td,
.tab-content-permissions .table-condensed > tbody > tr > th,
.tab-content-permissions .table-condensed > thead > tr > td,
.tab-content-permissions .table-condensed > thead > tr > th,
.tab-content-permissions .table-condensed > tfoot > tr > td,
.tab-content-permissions .table-condensed > tfoot > tr > th {
    padding-left: 20px;
    padding-right: 20px;
}

.tab-content-permissions .form-group {
    margin-top: 0px;
    margin-bottom: 0px;
}

.tab-content-permissions input[type="checkbox"] {
    margin: 0;
}

.tab-content-permissions .custom-control-input {
    position: inherit;
}

.btn-settings {
    margin-bottom: 25px;
}

.btn-settings .icon-content .icon {
    font-size: 40px;
}

.btn-settings .icon-content {
    margin-bottom: 6px;
}

.btn-settings .icon-content .icon-first {
    position: relative;
    font-size: 40px;
}

.pagination {
    margin: 0px;
}

.nowarp {
    white-space: nowrap;
}

.modal-ticket-content {
    font-size: 12px;
}

.table-condensed-ticket-detail-plays {
    margin: 0;
    padding: 0;
}

.table-condensed-ticket-detail-plays > thead > tr > th, .table-condensed-ticket-detail-plays > tbody > tr > td {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 18px;
}

.dropdown-menu-md {
    padding: 0;
    width: 350px;
}

.dropdown-body {
    height: 150px;
}

.dropdown-body .list-group-loading {
    margin-top: 50px;
}

.card.card-pool .card-body {
    padding: 5px 10px;
    /*margin-bottom: 15px;*/
}

.card.card-pool .card-label {
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    font-size: 10px;
}

.card.card-pool .label {
    text-transform: uppercase;
    margin: 0px;
    padding: 2px 4px;
    font-size: 10px;
}

.card.card-pool .data {
    margin: 0px;
    padding: 0px;
    font-size: 18px;
}

.card.card-pool hr {
    margin: 5px 0;
    padding: 0px;
}

.navbar-brand {
    font-weight: normal;
    font-size: 12px;
}

.modal-loading {
    margin-bottom: 40px;
}

.text-bold, .text-strong {
    font-weight: bold;
}

.img-center {
    margin-left: auto;
    margin-right: auto;
}

.img-team {
    margin-left: auto;
    margin-right: auto;
}

.img-team-25 {
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    width: 25px;
}

.img-team-100 {
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
}

.form-group-image .btn-file input[type="file"] {
    cursor: pointer;
    font-size: 20px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.form-group-image .image-preview {
    margin-bottom: 8px;
    position: relative;
}

.form-group-image .image-preview #btn-remove {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    right: 4px;
    top: 4px;
}

.img-center {
    margin-left: auto;
    margin-right: auto;
}

.environment {
    background-color: #c40000;
    z-index: 999;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    padding: 2px 8px;
    text-transform: uppercase;
    font-size: 10px;
    float: right;
}

.bg-lilac {
    background-color: #dfbaf4;
}

@media (max-width: 767px) {
    .text-xs-center {
        text-align: center;
    }
}

@media (max-width: 767px) {
    /* xs */
    .text-xs-center {
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /* sm */
    .text-sm-center {
        text-align: center;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* md */
    .text-md-center {
        text-align: center;
    }
}

@media (min-width: 1200px) {
    /* lg */
    .text-lg-center {
        text-align: center;
    }
}

/*DARK*/
.theme-dark .panel-profile .name {
    color: #fff;
}

.theme-dark .panel-tabs {
    border: none;
}

.theme-dark .panel-tabs .panel-heading {
    margin: 0px;
    padding: 0px;
    background: #1B1B1B;
    border: none;
}

.theme-dark .nav > li > a {
    color: #ffffff;
}

.theme-dark .nav > li > a:focus,
.theme-dark .nav > li > a:hover {
    background-color: #1C1C1C;
}

.theme-dark .panel-tabs .panel-heading .nav-tabs {
    border: none;
}

.theme-dark .panel-tabs .panel-heading .nav-tabs > li > a {
    border: none;
    text-transform: uppercase;
    color: #9e9e9e;
    font-weight: bold;
    font-size: 12px;
}

.theme-dark .panel-tabs .panel-heading .nav-tabs > li > a > i {
    margin-right: 4px;
}

.theme-dark .panel-tabs .panel-heading .nav-tabs > li.active > a,
.theme-dark .panel-tabs .panel-heading .nav-tabs > li.active > a:focus,
.theme-dark .panel-tabs .panel-heading .nav-tabs > li.active > a:hover {
    background-color: #292929;
    color: #fff;
    cursor: default;
}

.theme-dark .panel-tabs .panel-heading .nav > li > a:focus,
.theme-dark .panel-tabs .panel-heading .nav > li > a:focus,
.theme-dark .panel-tabs .panel-heading .nav > li > a:hover {
    background-color: #292929;
    color: #fff;
}

.theme-dark .daterangepicker {
    background-color: #292929;
}

.theme-dark .daterangepicker .calendar-table {
    background-color: #292929;
    border: 1px solid #1b1b1b;
    border-radius: 0;
    padding: 4px;
}

.theme-dark .daterangepicker td.off,
.theme-dark .daterangepicker td.off.in-range,
.theme-dark .daterangepicker td.off.start-date,
.theme-dark .daterangepicker td.off.end-date {
    background-color: #292929;
    border-color: transparent;
    color: #999;
}

.theme-dark .daterangepicker td.available:hover,
.theme-dark .daterangepicker th.available:hover {
    background-color: #1b1b1b;
    border-color: transparent;
    color: inherit;
}

.theme-dark .daterangepicker .calendar-time select {
    border: 1px solid red;
}

.theme-dark .daterangepicker .calendar-time select {
    background-color: #333;
    background-image: none;
    border: 1px solid #1b1b1b;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #ccc;
    font-size: 12px;
    height: 30px;
    line-height: 1.53846;
    padding: 5px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
}

.theme-dark .daterangepicker .ranges li {
    background-color: #525252;
    border: 1px solid #525252;
    border-radius: 0px;
    color: #fff;
}

.theme-dark .daterangepicker .ranges li:hover,
.theme-dark .daterangepicker .ranges li.active {
    background-color: #75ac00;
    border: 1px solid #75ac00;
    color: #fff;
}

.theme-dark .daterangepicker .input-mini {
    background-color: #333;
    background-image: none;
    border: 1px solid #1b1b1b;
    border-radius: 0;
    color: #ccc;
}

.theme-dark .daterangepicker .input-mini:focus {
    border-color: #00aced;
}

.theme-dark .daterangepicker td.active,
.theme-dark .daterangepicker td.active:hover {
    background-color: #75ac00;
    /*border-color: transparent;*/
    /*color: #fff;*/
}

.theme-dark .daterangepicker select.monthselect,
.theme-dark .daterangepicker select.yearselect {
    background-color: #333;
    border: 1px solid #1b1b1b;
    color: #ccc;
    font-size: 13px;
    line-height: 1.53846;
    padding: 4px;
}

.theme-dark legend {
    border-color: #1b1b1b;
}

.theme-dark .input-group .input-group-btn .btn-default {
    border: 1px solid #1b1b1b;
    background-color: #1b1b1b;
}

.theme-dark .card.card-pool .card-body {
    background: #242424;
}

.theme-dark .layout-footer {
    background-color: #292929;
    border-top: 1px solid #1B1B1B;
}

.theme-dark .form-group-image .image-preview {
    background-color: #333;
    border: 1px solid #1b1b1b;
}

.theme-dark .list-group-item.active {
    border-color: #1b1b1b;
    z-index: 2;
    font-weight: bold;
}

.theme-dark .bg-lilac {
    color: #1B1B1B;
}

.theme-dark .bg-lilac .popover {
    color: #cccccc;
}

.theme-dark .nav-tabs {
    border-bottom: 1px solid #1b1b1b;
}

.theme-dark .panel-award-distributions .nav-tabs > a,
.theme-dark .panel-award-distributions .nav-tabs > a:focus,
.theme-dark .panel-award-distributions .nav-tabs > a:hover,
.theme-dark .panel-award-distributions .nav-tabs > li.active > a,
.theme-dark .panel-award-distributions .nav-tabs > li.active > a:focus,
.theme-dark .panel-award-distributions .nav-tabs > li.active > a:hover {
    border-color: #1b1b1b #1b1b1b transparent;
}

.theme-dark .panel-award-distributions .tab-content {
    background-color: #333;
    padding: 0px 10px;
    border: 1px solid #1b1b1b;
    border-top: 0px;
}

/*GREEN*/
.theme-green .panel-tabs .panel-heading {
    margin: 0px;
    padding: 0px;
    background: #D2D7D3;
    border: none;
}

.theme-green .panel-tabs .panel-heading .nav-tabs {
    border: none;
}

.theme-green .panel-tabs .panel-heading .nav-tabs > li > a {
    border: none;
    text-transform: uppercase;
    color: #27AE60;
    font-weight: bold;
    font-size: 12px;
}

.theme-green .panel-tabs .panel-heading .nav-tabs > li.active > a,
.theme-green .panel-tabs .panel-heading .nav-tabs > li.active > a:focus,
.theme-green .panel-tabs .panel-heading .nav-tabs > li.active > a:hover {
    background-color: #FFFFFF;
    color: #384243;
    cursor: default;
}

.theme-green .panel-tabs .panel-heading .nav > li > a:focus,
.theme-green .panel-tabs .panel-heading .nav > li > a:focus,
.theme-green .panel-tabs .panel-heading .nav > li > a:hover {
    background-color: #FFFFFF;
    color: #384243;
}

.theme-green .form-group-image .image-preview {
    background-color: #fff;
    border: 1px solid #d2d7d3;
}

.theme-green .panel-award-distributions .tab-content {
    background-color: #F2F1EF;
    padding: 0px 10px;
    border: 1px solid #d2d7d3;
    border-top: 0px;
}

/*BLUE-TWO*/
.theme-blue-two .panel-tabs .panel-heading {
    margin: 0px;
    padding: 0px;
    background: #CAD6E2;
    border: none;
}

.theme-blue-two .panel-tabs .panel-heading .nav-tabs {
    border: none;
}

.theme-blue-two .panel-tabs .panel-heading .nav-tabs > li > a {
    border: none;
    text-transform: uppercase;
    color: #6185A8;
    font-weight: bold;
    font-size: 12px;
}

.theme-blue-two .panel-tabs .panel-heading .nav-tabs > li.active > a,
.theme-blue-two .panel-tabs .panel-heading .nav-tabs > li.active > a:focus,
.theme-blue-two .panel-tabs .panel-heading .nav-tabs > li.active > a:hover {
    background-color: #FFFFFF;
    color: #2C3E50;
    cursor: default;
}

.theme-blue-two .panel-tabs .panel-heading .nav > li > a:focus,
.theme-blue-two .panel-tabs .panel-heading .nav > li > a:focus,
.theme-blue-two .panel-tabs .panel-heading .nav > li > a:hover {
    background-color: #FFFFFF;
    color: #2C3E50;
}

.theme-blue-two .navbar-default .navbar-brand {
    color: #fff;
}

.theme-blue-two .form-group-image .image-preview {
    background-color: #fff;
    border: 1px solid #cad6e2;
}

.theme-blue-two .panel-award-distributions .tab-content {
    background-color: #F2F5F8;
    padding: 0px 10px;
    border: 1px solid #d2d7d3;
    border-top: 0px;
}

/*BLUE*/
.theme-blue .panel-tabs .panel-heading {
    margin: 0px;
    padding: 0px;
    background: #EEEEEE;
    border: none;
}

.theme-blue .panel-tabs .panel-heading .nav-tabs {
    border: none;
}

.theme-blue .panel-tabs .panel-heading .nav-tabs > li > a {
    border: none;
    text-transform: uppercase;
    color: #0288D1;
    font-weight: bold;
    font-size: 12px;
}

.theme-blue .panel-tabs .panel-heading .nav-tabs > li.active > a,
.theme-blue .panel-tabs .panel-heading .nav-tabs > li.active > a:focus,
.theme-blue .panel-tabs .panel-heading .nav-tabs > li.active > a:hover {
    background-color: #FFFFFF;
    color: #8A8A8A;
    cursor: default;
}

.theme-blue .panel-tabs .panel-heading .nav > li > a:focus,
.theme-blue .panel-tabs .panel-heading .nav > li > a:focus,
.theme-blue .panel-tabs .panel-heading .nav > li > a:hover {
    background-color: #FFFFFF;
    color: #8A8A8A;
}

.theme-blue .form-group-image .image-preview {
    background-color: #fff;
    border: 1px solid #e0e0e0;
}

.theme-blue .panel-award-distributions .tab-content {
    background-color: #ECEFF1;
    padding: 0px 10px;
    border: 1px solid #eee;
    border-top: 0px;
}

.theme-blue .panel-award-distributions .tab-content .table > thead > tr > th{
    border-color:#757575;
}

.theme-blue .panel-award-distributions .tab-content .table > tbody > tr > td,
.theme-blue .panel-award-distributions .tab-content .table > tbody > tr > th,
.theme-blue .panel-award-distributions .tab-content .table > tfoot > tr > td,
.theme-blue .panel-award-distributions .tab-content .table > tfoot > tr > th,
.theme-blue .panel-award-distributions .tab-content .table > thead > tr > td,
.theme-blue .panel-award-distributions .tab-content .table > thead > tr > th {
    border-top: 1px solid #757575;
}

.theme-blue .panel-award-distributions .tab-content .table > caption + thead > tr:first-child > td,
.theme-blue .panel-award-distributions .tab-content .table > caption + thead > tr:first-child > th,
.theme-blue .panel-award-distributions .tab-content .table > colgroup + thead > tr:first-child > td,
.theme-blue .panel-award-distributions .tab-content .table > colgroup + thead > tr:first-child > th,
.theme-blue .panel-award-distributions .tab-content .table > thead:first-child > tr:first-child > td,
.theme-blue .panel-award-distributions .tab-content .table > thead:first-child > tr:first-child > th {
    border-top: 0 none;
}

/*RED*/
.theme-red .panel-tabs .panel-heading {
    margin: 0px;
    padding: 0px;
    background: #DDDDDD;
    border: none;
}

.theme-red .panel-tabs .panel-heading .nav-tabs {
    border: none;
}

.theme-red .panel-tabs .panel-heading .nav-tabs > li > a {
    border: none;
    text-transform: uppercase;
    color: #D9230F;
    font-weight: bold;
    font-size: 12px;
}

.theme-red .panel-tabs .panel-heading .nav-tabs > li.active > a,
.theme-red .panel-tabs .panel-heading .nav-tabs > li.active > a:focus,
.theme-red .panel-tabs .panel-heading .nav-tabs > li.active > a:hover {
    background-color: #FFFFFF;
    color: #8A8A8A;
    cursor: default;
}

.theme-red .panel-tabs .panel-heading .nav > li > a:focus,
.theme-red .panel-tabs .panel-heading .nav > li > a:focus,
.theme-red .panel-tabs .panel-heading .nav > li > a:hover {
    background-color: #FFFFFF;
    color: #8A8A8A;
}

.theme-red .navbar-default .navbar-brand {
    color: #fff;
}

.theme-red .form-group-image .image-preview {
    background-color: #fff;
    border: 1px solid #ddd;
}

.theme-red .panel-award-distributions .tab-content {
    background-color: #FCFCFC;
    padding: 0px 10px;
    border: 1px solid #ddd;
    border-top: 0px;
}