@import "tables.css";
@import "buttons.css";
@import "texts.css";

.hide{
    display: none;
}

.form-control{
    /*border-color: #e5e5e5 /*#aaacad !important;*/
    border: 1px solid #e5e5e5 !important;
    font-size: 14px;
    color: black !important;
}
.form-control:focus{
    /*border: 1px solid var(--kit-color-primary); !important;*/
    border-color: var(--kit-color-primary) !important;
}
.bootstrap-select button{
    border: 1px solid #cccccc !important;
}
.initial__loading {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDFweCIgIGhlaWdodD0iNDFweCIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0ibGRzLXJvbGxpbmciPiAgICA8Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiBmaWxsPSJub25lIiBuZy1hdHRyLXN0cm9rZT0ie3tjb25maWcuY29sb3J9fSIgbmctYXR0ci1zdHJva2Utd2lkdGg9Int7Y29uZmlnLndpZHRofX0iIG5nLWF0dHItcj0ie3tjb25maWcucmFkaXVzfX0iIG5nLWF0dHItc3Ryb2tlLWRhc2hhcnJheT0ie3tjb25maWcuZGFzaGFycmF5fX0iIHN0cm9rZT0iIzAxOTBmZSIgc3Ryb2tlLXdpZHRoPSIxMCIgcj0iMzUiIHN0cm9rZS1kYXNoYXJyYXk9IjE2NC45MzM2MTQzMTM0NjQxNSA1Ni45Nzc4NzE0Mzc4MjEzOCIgdHJhbnNmb3JtPSJyb3RhdGUoODQgNTAgNTApIj4gICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9ImxpbmVhciIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPiAgICA8L2NpcmNsZT4gIDwvc3ZnPg==);
    background-color: #fff;
}

[data-kit-theme="dark"] .initial__loading {
    background-color: #0c0c1b;
}

/*.nav-link:not(.active){*/
/*    background-color: #eceff1;*/
/*}*/

/*.nav-link{*/
/*    margin-left: 10px;*/
/*}*/

.status.active::before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #1ABC9C;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin-top: 6px;
    margin-left: 0;
    border-radius: 45px;
    margin-right: 10px;
}

.status.inactive::before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #F1556C;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin-top: 6px;
    margin-left: 0;
    border-radius: 45px;
    margin-right: 10px;
}

.custom-button{
    font-size: 14px;
    /*display: flex;*/
    /*align-items: center;*/
}

.select2 .select2-selection--single {
    height: 33px !important;
    border-color: #e5e5e5 /*#aaacad*/ !important;
    font-size: 14px !important;
    color: black;
}

.select2{
    height: 2.3rem;
    border-color: #e5e5e5 /*#aaacad*/ !important;
    font-size: 14px !important;
    color: black;
}

.select2 .select2-selection--single .select2-selection__rendered {
    line-height: 2.2rem !important;
    color: black;
    padding-left: 1.06rem;
}
.select2 .select2-selection--multiple {
    min-height: 2.2rem !important;
    border-color: #e5e5e5 /*#aaacad*/ !important;
}

.select2-selection{
    height: 35px !important;
}

.select2-selection--multiple:focus {
    border-color: var(--kit-color-primary) !important;
}

.select2-dropdown {
    font-size: 14px !important;
}

.badge {
    font-size: 3px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.cui__breadcrumbs{
    font-size: 14px !important;
}

.pagination{
    font-size: 12px !important;
}

.select2 .select2-selection--multiple .select2-selection__choice {
    line-height: 1.30rem !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 6px !important;
}

.select2 .select2-selection--single .select2-selection__arrow {
    height: 33px !important;
}

.autocomplete-suggestions { border: 1px solid #999 ; background: #FFF ; overflow: auto ; }
.autocomplete-suggestion { padding: 2px 5px ; white-space: nowrap ; overflow: hidden ; font-size: 14px; cursor: pointer}
.autocomplete-selected { background: #F0F0F0 ; }
.autocomplete-suggestions strong { font-weight: bold ; color: #595c97 ; }
.autocomplete-group { padding: 2px 5px ; }
.autocomplete-group strong { display: block ; border-bottom: 1px solid #000 ; }

.loader {
    position: relative;
    margin: 0 auto;
    width: 26px;
}
.loader:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.circular {
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
}
@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}
@keyframes color {
    100%, 0% {
        stroke: white;
    }
    40% {
        stroke: white;
    }
    66% {
        stroke: white;
    }
    80%, 90% {
        stroke: white;
    }
}