/* Petr Urban dočasné řešení */

.margin-left-15 {
    margin-left:15px!important;
}

.margin-right-15 {
    margin-right:15px!important;
}

.mdi-gold{
    color:#fdd836;
}

.mdi-grey{
    color:#8b9194;
}

.btn-primary .mdi-grey{
    color:white;
}


.auth.theme-two .auto-form-wrapper form .form-group .submit-btn {
    font-family: "roboto", sans-serif;
    font-size: 13px;
    padding: 11px 33px;
    font-weight: 600;
    background-image: linear-gradient(
120deg, #39e58f, #0ABA62, #39e58f);
}

.btn-primary, .wizard > .actions a {
    color: white;
    background-color: #08ba62!important;
    border-color: #08ba62!important;
    outline:none !important;
}

.btn-check:checked + .btn-primary, .wizard > .actions .btn-check:checked + a, .btn-check:active + .btn-primary, .wizard > .actions .btn-check:active + a, .btn-primary:active, .wizard > .actions a:active, .btn-primary.active, .wizard > .actions a.active, .show > .btn-primary.dropdown-toggle, .wizard > .actions .show > a.dropdown-toggle {
    color: white;
    background-color: #08ba62!important;
    border-color: #08ba62!important;
}

.btn-primary:hover, .wizard > .actions a:hover {
    color: white;
    background-color: #00974b!important;
    border-color: #00974b!important;
}

.btn-outline-primary, .wizard > .actions .disabled a {
    color: black;
    border-color: #08ba62;
}

.btn-outline-primary:hover, .wizard > .actions .disabled a:hover {
    color: #fff;
    background-color: #00974b;
    border-color: #00974b;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus .btn-primary:cl, .wizard > .actions a {
    color: #fff;
    background-color: #0ABA62!important;
    border-color: #00d66b!important;
    outline:none !important;
}

.btn-secondary {
    color: black!important;
    background-color: #fff!important;
    border-color: #d2d5d7!important;
}

.btn-outline-secondary {
    color: black!important;
    background-color: #fff!important;
    border-color: #d2d5d7!important;
    vertical-align: middle;
}

.btn-outline-secondary .mdi, .btn-primary .mdi {
    font-size:22px;
    vertical-align: middle;
     padding:0 6px 0 0; margin:auto;
}

.btn-outline-secondary span{
    vertical-align: middle;
    line-height: 16px;
}



.btn-secondary:hover, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:hover{
    color: black!important;
    background-color: #fff!important;
    border-color: #dcdcdc!important;
    outline:none !important;
}

.btn.btn-inverse-light, .ajax-upload-dragdrop .btn-inverse-light.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-inverse-light.swal2-styled, .wizard > .actions a.btn-inverse-light {
    background-color: white!important;
    color: black!important;
    border-color: #e8edef!important;
    font-size:14px;
}

.btn.btn-inverse-light.new-ticket .mdi {
    color: #0ABA62!important;
    font-size:26px;
    vertical-align: middle;
     padding:0 10px 0 0; margin:auto;
}

.navbar.default-layout .navbar-brand-wrapper {
    background-color: #1bae5e!important;
}

.navbar.default-layout .navbar-brand-wrapper.testing {
    background-color: #f23a11!important;
}


.sidebar {
    background: -webkit-gradient(linear, left bottom, left top, from(#00d66b), to(#1bae5e));
    background: linear-gradient(to top, #00d66b, #1bae5e);
}

.sidebar.testing {
    background: -webkit-gradient(linear, left bottom, left top, from(#f2be11), to(#f27611));
    background: linear-gradient(to top, #f2be11, #f27611);
}

.sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded="true"]) {
    background: #00974b !important;
    padding-left: 65px;
}

.sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link:before, .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link:before {
    background: #00974b !important;
}

.nav-item:first-child .nav-link {
    padding-top: 10px !important;
}

.nav-item:last-child .nav-link {
    padding-bottom: 10px !important;
}

.nav-link.active,
.nav-link.show {
    background: #00974b !important;
    color: white !important;
}
.sidebar > .nav .nav-item.nav-profile .nav-link {
    background: rgba(255, 255, 255, 0.15)!important;
}

.brand-logo img {
    height: 30px;
}

.card-title {
    text-transform: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    min-height: 32px;
    height: 32px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -4px;
    margin-top: -5px;
}

.select2-container {
    min-height: 32px;
    width: 100%!important;
}

.select2-container .select2-selection--multiple {
    min-height: 32px;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 2px;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left !important;
}

.editable-form .form-group{
    margin-bottom: 0;
}

.editable-form .form-group label {
    margin-bottom: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    min-width: 151px;
}

.reply-top {
    margin-top: 20px;
    padding-bottom: 15px;
    border-top:2px dashed #1bae5e;
}

.reply-body {
    padding: 15px;
}

.reply-body .profile_tag {
    border: 1px solid #0ABA62;
    background: #9bf2c2 !important;
    border-radius: 0.1875rem;
    padding: 0 5px;
}

.reply-body .profile_tag img {
    height: 16px;
    width: 16px;
    margin-right: 5px;
}

.editable-form-group {
    padding-top: calc(0.56rem + 1px);
    }
    
.editable-form-group a {
    vertical-align: top;
    line-height: 1;
}

.select2-dropdown {
    z-index: 99999;
}

.select2-search__field, .select2-search.select2-search--dropdown {
    z-index: 999999;
}

.ticket-line {
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.tickets-card .tickets-details h5, .tickets-card .tickets-details .h5 {
    margin-bottom: 5px;
}

.wizard > .content {
min-height: 32em!important;
}

.mentions-input-box textarea {

}

.btn.btn-filter-helper i{
    margin-right: 0;
    font-size: inherit;
}

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

.text-primary {
    color:#1bae5e!important;
}

.sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link.active, .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link.active {
    color: #fff;
}

.sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link.active:before, .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link.active:before {
    background: #fff;
}

.mentions-input-box .mentions > div > strong,.mentions-input-box .mentions > div > strong > span  {
    font-weight: normal;
    background: #9bf2c2 !important;
    color: white !important;
}

.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active, .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active {
    color: #1bae5e;
}

.card {
    height: auto;
}

.hidden {
    display:none;
}

.fc-icon-fa {
    font-family: "Font Awesome 5 Free"!important;
}

.hidden {
    display:none;
}

.calendar-container .fc-view {
    overflow-x: scroll;
}

.calendar-container .fc-view > table {
    width: 200%;
}

.fc-timeGrid30Days-view .fc-day-sat {
    display:none;
}

.fc-timeGrid30Days-view .fc-day-sun {
    display:none;
}

.bg-light-default {
    background-color: #fbfbfb!important;
}

.fc-daygrid-day-top {
    display:block!important;
    padding: 5px 5px 0 5px;
    height: 25px;
    margin-bottom:5px;
}
.pix_cal_info {
}

.alignright {
    display:block;
}

.fc-dayGridMonth-view .alignright {
    display:block;
}

.pix_cal_info .alignleft {
    float: left;
}
.pix_cal_info .alignright {
    float: right;
}

.fc-timegrid-col .pix_cal_info, .fc-popover-body .pix_cal_info {
    display: none !important;
}

.fc-col-header tbody tr th {
    background: #474e59!important;
    color: white!important;
}

.fc-col-header tbody tr th a{
    color: white!important;
}

#calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button span:after {
    content: none!important;
}

#calendar .fc-header-toolbar .fc-button-group .fc-button.fc-prev-button span:after {
    content: none!important;
}


.fc .fc-toolbar.fc-header-toolbar {
    padding: 28px 20px 40px 20px!important;
}


.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today, .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today {
    color:white!important;
    background: #00d66b!important;
    position: relative;
    z-index: 1;
}

.asColorPicker-wrap {
    position: relative!important;
    display: flex!important;
}

.asColorPicker-alpha-vertical {
    display: none!important;
}

#calendar .fc-header-toolbar .fc-button-group .fc-button, #calendar .fc-header-toolbar .fc-today-button{
    font-size: 0.875rem;
    padding: 0.4rem 1rem;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #363636;
    *background-color: #222222;
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.asColorPicker-alpha-vertical {
    display: none!important;
}

#calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button, #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-prev-button {
    width: auto!important;
}

.asColorPicker-trigger {
    height: 31.5px!important;
}

.right-sidebar-toggler-wrapper {
    padding: 0;
}

.editable-container.editable-inline .editableform .control-group .editable-input .combodate .form-control{
    padding-left: 5px!important;
    padding-right: 5px!important;
}

.dots-link{
    margin-top: -7px;
    font-size: 30px!important;
}

.card-pix-header {
    margin: 15px 0 15px 0;
}

.btn-pbig {
    padding: 0 10px;
    min-width: 160px;
    height:40px;
}

.btn-pnormal {
    padding: 10px 5px;
    width: 200px;
    vertical-align: middle;
    line-height: 16px;
}

.btn.new-ticket span{
    vertical-align: middle;
    line-height: 16px;
}

.btn-mright {
    margin-right: 20px;
}

.btn-parts{
    margin-top: 40px;
}

.table-pix tbody tr {
    background: white;
    box-shadow: 0 0 0 0 rgb(90 113 208 / 11%), 0 4px 16px 0 rgb(167 175 183 / 33%);
    margin-bottom: 10px;
}

.table-pix tfoot tr {
    background: #c9efba;
    box-shadow: 0 0 0 0 rgb(90 113 208 / 11%), 0 4px 16px 0 rgb(167 175 183 / 33%);
    margin-bottom: 10px;
}

.table-pix > :not(:last-child) > :last-child > *{
    border:0!important
}


.table-pix tbody td, .table-pix .jsgrid .jsgrid-table tbody td {
    border:0;
}

.badge {
    color: black!important;
    font-weight: normal!important;
}

.badge-purple {
    border: 1px solid #bc6cfc;
}

.badge-inverse-purple {
    background: #bc6cfc;
    color:white!important;
}

.badge-success {
    border: 1px solid #0ABA62;
}

.badge-inverse-success {
    background: #08ba62!important;
    color:white!important;
}

.table-haeder-text {
    font-size: 0.875rem;
    vertical-align: middle;
    color: #212529;
    font-weight: 500;
}

.table-card .card-body {
    padding: 5px!important;
}

.table-card-replys .card-body {
    padding: 0!important;
}

.table-body-text {
    font-size: 13px;
    vertical-align: middle;
    color: #212529;
    font-weight: normal;
}

.table-times .col-lg-2, .table-times .col-lg-1{
    padding: 0px 5px!important

}

.btn-xs {
    font-size:13px!important;
    padding:5px 10px!important;
}


.modal-md {
    width: auto;
    max-width: 750px;
}

.sidebar-fixed .sidebar .nav {
    overflow: hidden!important;
}

.tag_js {
    color: #8b9194 !important;
    transition: 0.5s;
}

.tag_js:hover {
    color:#eddf9d !important;
}

.tag_js.active {
    color:#fdd836 !important;
}

.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],  .tt-hint, .tt-query, .typeahead {
    background: #f6f7f8!important;
    padding: 13px!important;
    border: none!important;
}

.form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .tt-hint:focus, .tt-query:focus, .typeahead:focus{
    background: #d0d1d3!important;
}

.form-control:read-only, .select2-container--default .select2-selection--single:read-only{
    background: #f6f7f8!important;
      opacity: 1!important;
      border:none;
      padding: 0px!important;
  }

  .select2-container--default .select2-dropdown, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
    background: #f6f7f8;
      opacity: 1;
      border:none;
      padding: 3px!important;
}

.input-group-append, .input-group-prepend, .asColorPicker-trigger {
    background: #f6f7f8;
    color: #6c757d;
    width: auto;
    border: none;
}

.datepicker.input-group, .datepicker.asColorPicker-wrap {
    border: none!important;
    padding: 0;
}

.datepicker .input-group-text {
    border: none;
}

.select2 {
    height: 48px;
}

.reporting-tabs.nav-tabs {
    border-bottom: none!important;
}

.pix_open_timer {
    margin-left: 15px;
    cursor: pointer;
}

.sidebar-toggler {
    cursor: pointer;
}


.badge-dark {
    cursor: pointer;
}

.has-error input, .has-error textarea,.has-error .select2-selection--single {
    border: 2px red dashed !important;
}

.has-error .help-block {
    color:red;
}

.has-success input,  .has-error textarea, .has-error .select2-selection--single {
    border: none;
}

.paginate_button.page-item.active{
    background: #08ba62!important;
    color: white;
}

.table-responsive{
    padding-bottom: 20px;
}

.gap {
    gap: 15px;
}

.gap-small {
    gap: 5px;
}

.gap-y {
    row-gap: 16px;
}

.gap-x {
    column-gap: 15px;
}

.ml-auto {
    margin-left: auto;
}

i.mdi {
    transition: all .4s ease-in-out;
}

.mdi.mdi-delete {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    cursor: pointer;
}

.mdi.mdi-delete:hover {
    color: #dc3545 !important;
}

.card-customHeader {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 5px 15px;
}

.card-customHeader.notice {
    background-color: #f8d7da;
}

.card-customHeader.reply {
    background-color: #9bf2c2;
}

.card-customHeader.customer {
    background-color: #ffe3a8;
}

.card-customHeader.basic {
    background-color: #f2f2f2;
}

.btn-pnormal_nowidth {
    width: auto;
}

.ticket_number:hover::-webkit-inner-spin-button {  
    width: 20px;
    height: 35px;
}

@media (max-width: 992px){
    .datepicker.dropdown-menu {
        position: absolute;
    }
}

.state-border {
    border-top: 10px solid;
}

.border-new {
    border-color: #F86625
}
.border-opened {
    border-color: #1DBA62
}
.border-waiting {
    border-color: #FFD13F
}
.border-resolved {
    border-color: #A2DF25
}
.border-toinvoice {
    border-color: #21D1F1 
}
.border-toinvoicedone {
    border-color: #396ED6
}
.border-invoicedone {
    border-color: #A377F1 
}
.border-closed {
    border-color: #505050 
}
.border-internal {
    border-color: #C9C9C9 
}
.border-support {
    border-color: #DFCA89
}


.text-new {
    color: #F86625
}
.text-opened {
    color: #1DBA62
}
.text-waiting {
    color: #FFD13F
}
.text-resolved {
    color: #A2DF25
}
.text-toinvoice {
    color: #21D1F1 
}
.text-toinvoicedone {
    color: #396ED6
}
.text-invoicedone {
    color: #A377F1 
}
.text-closed {
    color: #505050 
}
.text-internal {
    color: #C9C9C9 
}
.text-support {
    color: #DFCA89
}

.mdi-label {
    font-size: 18px
}