/*
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 : 2018-03-02, 11:21:23
    Author     : jkotowski
*/

.table-hover-warning tbody tr:hover td, .table-hover-warning tbody tr:hover th {
    background-color: #ffeeba;
}
.table-hover-danger tbody tr:hover td, .table-hover-danger tbody tr:hover th {
    background-color: #f5c6cb;
}
.table-hover-success tbody tr:hover td, .table-hover-success tbody tr:hover th {
    background-color: #c3e6cb;
}
.table-hover-info tbody tr:hover td, .table-hover-info tbody tr:hover th {
    background-color: #bee5eb;
}
.table-hover-grey tbody tr:hover td, .table-hover-grey tbody tr:hover th {
    background-color: rgba(0,0,0,.075);
}
.btn-datepicker {
    cursor: pointer;
}
.action-link {
    font-size: 1.3rem;
    margin-left: 5px;
}
.action-link:first-child {
    margin-left: 0;
}

.bootstrap-select .btn-default, .btn-selectpicker {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.bootstrap-select .btn-default, .bootstrap-select .btn-default:first-child {
    padding: 0.435rem 25px 0.435rem 0.75rem;
}
.bootstrap-select span.filter-option {
    line-height: $input-line-height;
}

.form-btns {
    margin-bottom: 20px;
}

.form-btns button, .form-btns .btn {
    margin-bottom: 5px;
}

.modal .form-btns {
    margin-bottom: 0px;
}

.bootstrap-select .dropdown-menu li a {
    white-space: normal;
}

input.changed, select.changed, button.changed {
    background-color: #FAFFBD;
    border-color: #ffbc34;
}

.model-form .col-form-label {
    width: 100%;
    text-overflow: ellipsis;

    /* Required for text-overflow to do anything */
    white-space: nowrap;
    overflow: hidden;
}

sup.required {
    margin-left: 1px;
    font-size: 100%;
    top: -.3em;
}

/**********************************************************************************************************************
    CSSy do wyświetlania okienka za alertem i pytaniem użytkownika
*/

.sweet-alert .sa-icon {
    width: 60px;
    height: 60px;
}

.sweet-alert .sa-icon.sa-error .sa-line {
    top: 27px;
    width: 43px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    right: 9px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    left: 9px;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    right: -12px;
}

.sweet-alert .sa-icon.sa-warning .sa-body {
    height: 30px;
}
.sweet-alert h2 {
    font-size: 130%;
}

.sweet-alert .sa-button-container {
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
}

.sweet-alert .sa-confirm-button-container {
    float: right;
}

.sweet-alert strong {
    font-weight: bold;
}

.sweet-alert.no-icon .sa-icon {
    display: none !important;
}

.swal2-popup .swal2-title {
    font-weight: 500;
}

/**********************************************************************************************************************/

@media (max-width: 480px) {
    .container-fluid {
        padding: 25px 15px;
    }
}

@media (max-width: 320px) {
    .container-fluid {
        padding: 25px 5px;
    }
}

/**********************************************************************************************************************
    CSSy do okienka wyświetlanego podczas ajaxowego wczytywania danych z serwera
*/
@media (max-width: 768px) {
    .blockUI.blockMsg {
        width: 40% !important;
        left: 30% !important;
    }
}

@media (max-width: 576px) {
    .blockUI.blockMsg {
        width: 50% !important;
        left: 25% !important;
    }
}

@media (max-width: 480px) {
    .blockUI.blockMsg {
        width: 60% !important;
        left: 20% !important;
    }
}

@media (max-width: 360px) {
    .blockUI.blockMsg {
        width: 75% !important;
        left: 12.5% !important;
    }
}

@media (max-width: 240px) {
    .blockUI.blockMsg {
        width: 90% !important;
        left: 5% !important;
    }
}
/**********************************************************************************************************************/
.nav-user .user-name, .nav-user .inicjaly {
    display: none;
}

@media (min-width: 576px) {
    .nav-user i, .nav-user .inicjaly {
        display: none;
    }

    .nav-user .user-name {
        display: inline-block;
    }
}

.modal-content .card-body {
    margin: 0;
    padding: 0;
}

/**********************************************************************************************************************/
@media (max-width: 360px) {
    .datepicker td, .datepicker th {
        padding: 4px 4px;
    }
}

@media (max-width: 340px) {
    .no-input-group-xs .input-group-append,
    .no-input-group-xs .input-group-prepend{
        display: none;
    }

    .no-input-group-xs > .form-control:not(:last-child) {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .no-input-group-xs > .form-control:not(:first-child) {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
}

/**********************************************************************************************************************/
/*  Funkcjonalność collapsible
/**********************************************************************************************************************/

.collapsible i.mdi {
    cursor: pointer;
}

.collapsible i.mdi-minus-circle,
.collapsible i.mdi-minus-circle-outline {
    display: inline-block;
}
.collapsible i.mdi-plus-circle,
.collapsible i.mdi-plus-circle-outline {
    display: none;
}

.collapsible.collapsed i.mdi-minus-circle,
.collapsible.collapsed i.mdi-minus-circle-outline{
    display: none;
}
.collapsible.collapsed i.mdi-plus-circle,
.collapsible.collapsed i.mdi-plus-circle-outline {
    display: inline-block;
}

.display0 {
    display: none;
}

.cursor-pointer {
    cursor:pointer;
}

/**********************************************************************************************************************/
.max-width-160 {
    max-width: 160px;
}

.max-width-180 {
    max-width: 180px;
}
.max-width-200 {
    max-width: 200px;
}

.max-width-220 {
    max-width: 220px;
}

table.rozrachunek th {
    text-align: center;
}

input.dt-column-filter {
    width: 100%;
    max-width: 180px;
}
/**********************************************************************************************************************/

table.dataTable tr.selected, table.dataTable tr.selected:hover {
    background-color:#B0BED9;
}

/**
 * Filtry kolumnowe w tabelach datatables
 */
.dt-column-filter thead th {
    padding-bottom: 0;
    padding-top: 0;
}
.dt-column-filter thead tr:first-child th {
    padding-top: .7em;
    padding-bottom: 0.1em;
}
.dt-column-filter thead tr:last-child th {
    padding-top: 0.1em;
    padding-bottom: .7em;
}

.ustawienia-przyciski-grupa {
    margin-bottom: .5rem;
}

.role-przyciski {
    margin-right: .5rem;
    margin-top: .5rem;
}

/**********************************************************************************************************************/
/* Fix do zakładek, żeby pierwsza zakładka prawidłowo się wyświetlała */
.nav-tabs .nav-item {
    margin-bottom: -2px;
}

/* przycisk przewijania do góry */
#topBtn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 100;
    font-size: 2rem;
    display: none;
    z-index: 10010;
}

/* wielkość ikonki/folderu w drzewie jstree */
.jstree-icon.jstree-themeicon-custom {
    font-size: 1.6rem;
}

.panel-btns{
    margin-left: 10px;
}

@media (min-width: 992px) {
    .modal-xl {
        max-width: 1200px;
    }
}

.pre {
    white-space: pre-line;
}


/* fix do bootstrap selecta, podświetlenie aktywnej pozycji */
.bootstrap-select .dropdown-menu li.active a {
    background-color: #337ab7!important;
    outline: 0;
    color: white;
}

.no-wrap, .nowrap {
    white-space: nowrap;
}

.filtrBlock .form-group {
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
}

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

.filtrBlock .col-form-label {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
}

.filtrBlock .form-control {
    display: table-cell;
    width: 100%;
}


/*
checkbox w filtrach dla dataTable
*/
.filtrBlock .form-check {
    white-space: nowrap;
    line-height: 2.5;
}

.filtrBlock .form-check-input{
    position: static;
}

/*
Szukajka dataTable
*/
@media (max-width: 768px) {
    .dataTables_filter {
        float: none;
        width: 100%;

    }

    .dataTables_filter span,  .filtrBlock .col-form-label{
        width: 20%;


    }

    .dataTables_filter input, .filtrBlock .form-control {
        width: 100%;

    }

}

.dataTables_filter  {
    display: table;
}

.dataTables_filter label {
    display:table-row;
}

.dataTables_filter span {
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
}

.dataTables_filter input {
    display: table-cell;
}

/*Modyfikacje dla selectpickera*/
.form-control .btn-light{
    background-color: #fff;
    border: 1px solid #d9d9d9;
    min-height: 38px;
}

/* Pozwala na wyświetlanie ostrzeżeń z przeglądarki kiedy pole jest wymagane (dotyczy selecpickerów) */
.bootstrap-select select {
    width: 1px !important;
}

.panel-btns > a.btn, .panel-btns > .btn-group{
    margin-left: 5px;
}

#dystrybutorzyMenuItem {
    height: 59px;
}

/* Służy do wyrównania nagłówgów na tabalech (patrz tabela z umowami w pliku umowa/index.blade.php) */
th.pre{
    white-space: normal
}

/* Podświetla wiersz, przy którym transmisja niepowiodła się */
.transmisja-error {
    background: indianred !important;
}

/******************************************************************************************************************************/

.sidebar-nav > ul > li > a i {
    height: 31px;
}

.sidebar-nav i.fa-shield {
    margin-left: 3px;
}

.sidebar-nav > ul > li > a i.fa {
    align-content: center;
}
#menuSearch {
    min-height: 32px !important;
}