/*
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 : 14 May, 2022, 9:43:54 PM
    Author     : Griva
*/


#snackbar {
    visibility: hidden;
    width: 260px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    top: 30px;
    right: 30px;
    font-size: 17px;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
    z-index: 10000;
}

@-webkit-keyframes fadein {
    from {right: 0; opacity: 0;} 
    to {right: 30px; opacity: 1;}
}

@keyframes fadein {
    from {right: 0; opacity: 0;}
    to {right: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {right: 30px; opacity: 1;} 
    to {right: 0; opacity: 0;}
}

@keyframes fadeout {
    from {right: 30px; opacity: 1;}
    to {right: 0; opacity: 0;}
}

.success-snackbar{
    background-color: green !important;
}

.error-snackbar{
    background-color: red !important;
}

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

.dataTables_wrapper .dataTables_paginate .paginate_button{
    padding: 0px !important;
    margin: 0px !important;
    cursor: pointer !important;
}
.table td i, .jsgrid .jsgrid-table td i {
    font-size: 1.5rem;
    cursor: pointer !important;    
}

.modal .modal-dialog .modal-content .modal-header{
    padding: 8px 16px !important;
}

.modal .modal-dialog .modal-content .modal-header .close span {
    font-size: 30px !important;
}

.custom-modal-message{
    font-size: 1rem !important;
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
    vertical-align: middle;
}

.table td img, .jsgrid .jsgrid-table td img {
    width: 100px !important;
    height: auto !important;
    border-radius: 0 !important;
}

select {
    color: #212121 !important;
}

table.dataTable.nowrap th {
    padding-left: 8px;
}

.select2-container--default .select2-selection--single {
    height: 46px !important;
    padding-left: 12px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 14px !important;
    padding-left: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px !important;
}

.red{
    color: red;
}

textarea {
    resize: none !important;
}

.container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.form-check .form-check-label {
    margin-left: 0.25rem !important;
}