/* REDCSS IMPORTANT TO CONTRACT DELETE INIDCATOR    */
.RedCSS 
{
     color:red!important;
}
.Hand {
    cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #b5b4b4!important;
}
.form-horizontal
{
    padding:10px!important;
}

.bg-transparent {
    background-color: transparent!important ;
}

.no-padding{
    padding:0px!important;
}
.sm-padding{
    padding:1px!important;
}
.md-padding {
    padding: 2px !important;
}
.lg-padding {
    padding: 4px !important;
}
.xlg-padding {
    padding: 8px !important;
}
.table-responsive {
    overflow-x: auto !important;
}

.text-gray-dark
{
    color:#b0aeae!important;
}
.bg-silver-light{
    background-color:#fbfbfb!important;
}
.bg-body {
    background-color: #ecf0f5!important;
}
 

.warningmessge_border {
    border-color: #f36805 !important;
    border-width: 0.2em!important;
    border-style:solid;
    padding:1px;
}
.warningmessge {
    background-color: #f36805 !important;
    color: white!important;
}
    .warningmessge input {
        background-color: #f36805 !important;
        color: white !important;
    }
    .warningmessge td {
        background-color: #f36805 !important;
        color: white !important;
    }


    @media print {
        table {
        page-break-inside: auto;
    }

    tr {
        page-break-inside: auto;
        position: static;
    }

    thead {
        display: table-header-group ;
            /* page-break-inside:avoid;*/
        break-inside: auto;
    }
    tfoot {
        display: table-header-group;
        /* page-break-inside:avoid;*/
        break-inside: auto;
    }
    .row-fluid [class*="span"] {
        min-height: 20px;
    }

    th, td {
        white-space:  pre-wrap;
    }

    div.table-responsive
    {
        border-style:none;
    }
}








.Loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.5);
}

    .Loading:before {
        content: "";
        position: fixed;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        border: 6px solid #f2f2f2;
        border-top: 6px solid #2eca6a;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        -webkit-animation: animate-Loading 1s linear infinite;
        animation: animate-Loading 1s linear infinite;
    }



@-webkit-keyframes animate-Loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes animate-Loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}



@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fade-in {
    opacity: 0; /* make things invisible upon start */
    -webkit-animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation: fadeIn ease-in 1;
    -o-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}



input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}




/* Prelaoder */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: transparent;
}

    #preloader:before {
        content: "";
        position: fixed;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        border: 6px solid #f2f2f2;
        border-top: 6px solid #2eca6a;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        -webkit-animation: animate-preloader 1s linear infinite;
        animation: animate-preloader 1s linear infinite;
    }

@-webkit-keyframes animate-preloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}



.text-white
{
    color:white!important;
}


@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.linear-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 1000px 104px;
    position: relative;
    overflow: hidden;
}

 

.selecthidearrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background-color:transparent;
}

@media (min-width: 768px) {
    .threeonly li {
        width: 32% ;
    } 
}
@media (max-width: 767px) {
    .threeonly li {
        width: 100%!important;
    }
}


.modal-content-custom {
    background-color: lightgray !important;
}

.table-responsive {
    overflow-x: unset!important;
}


 

.select2-default, .select2-selection__placeholder {
    color: #DBDFDD !important;
}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #DBDFDD !important;
}

.form-control::-moz-placeholder { /* Firefox 19+ */
    color: pink;
}

.form-control:-ms-input-placeholder { /* IE 10+ */
    color: pink;
}

.form-control:-moz-placeholder { /* Firefox 18- */
    color: pink;
}


.swal2-cancel {
   background-color: #a4a7ab !important;
}

/* Fix Issue on button and select2*/
.input-group.select2-container, .input-group .select2-container--bootstrap4 {
    flex: 1 !important;
    width: auto !important;
}


div.dataTables_processing {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
}