﻿

@media all {
    printed-div {
        display: none;
    }
}
.bgLightGreen {
    background-color: lightgreen !important;
    color:black !important
}
label{

    font-size:1.2em !important;
    color:#000;
}

@media print {
    printed-div {
        display: block;
    }

    .logo-print {
        width: 291px;
        height: 109px;
        display: list-item;
        list-style-image: url(../images/logo_print.png);
        list-style-position: inside;
    }
}
img {
    -webkit-print-color-adjust: exact;
}
div.k-edit-form-container {
    width: 600px;
}
/*.nav-pills .nav-link, a.nav-link {
    background-color: #005F5A !important;
}*/

@media print {


    #report-header {
         background-color: #1a4567 !important;
        print-color-adjust: exact;
    }
}

  /*  .tiny-button {
        width: 3em;
        height: 2em !important;
    }*/

/*    .k-grid .k-grid-search {
        display: flex;
        margin-left: auto;
        margin-right: 0;
    }*/

 /*   .tiny-tiny-button {
        width: 3em;
        height: 2em !important;
        padding: 5px;
        margin: 5px;
        border-radius: 10%;
    }
*/
   /* .tiny-button-icon {
        font-size: 1.5em;
        margin-top: 5px;
    }*/




/*    .content-header h1 {
        font-size: 1.4rem;
    }

    .breadcrumb-item.active {
        font-size: .9rem;
    }*/

    .custom-button {
        background-color: #456676;
        color: white !important;
        font-size: .7em;
        text-transform: none;
    }




/*tbody .k-state-selected {
    color: red;
    background-color: #7ef1e8 !important;
    border-color: red !important;
}


    .k-loading-image {
        background-image: url('someotherimage.gif');
    }
*/


 
 
 




    .k-edit-form-container .k-grid-update, .k-edit-form-container .k-grid-cancel {
        width: 2em;
        height: 2em !important;
    }



    span.k-input {
        font-size: .9em;
    }
/*
    .k-button:hover {
          background-color: rgb(143 196 224);

        background-color: #4A6F83;
    }*/

  /*  .k-button .fa-solid {
        color: #fff;
    }*/
/*
    .k-grid, k-window, .k-tabstrip .k-content.k-state-active {
        background-color: #f7fffd;
        color: #423709
    }*/

  /*  .k-tabstrip .k-content.k-state-active {
        font-size: 14px;
    }
*/
  


  /*  .text-box {
        width: 200px;
        height: 35px;
        border-radius: 5%;
        border: 1px solid green;
    }*/
  /*  kendo ui editor(office features)
    .k-tool, .k-i-mport {
        background-color: #F1F1F1 !important;
        color: #000 !important;
    }
*/

    kendo end
    .form-control {
        border: .2px solid #bdbdbd !important;
    }

/*    .form_label {
        background: linear-gradient(to right, #56CCF2 0%, #2F80ED 100%);
        color: white;
        text-align: center;
        font-size: .9em;
    }

    .form_border {
        border: solid 1px;
        border-block-color: aquamarine;
    }


form input::placeholder, label {
    font-family: 'Times New Roman', Times, serif !important;
}

    form input::placeholder {
        font-size: .6em;
    }

    ::-webkit-input-placeholder {  Chrome/Opera/Safari 
        color: transparent;
    }

    :hover::-webkit-input-placeholder {  Chrome/Opera/Safari 
        color: #999;
    }

    input[type="text"]::placeholder {
         Firefox, Chrome, Opera 
        padding-left: 15px;
    }

    form label {
        font-size: .9em;
        color: #4A6F83;
    }

    a {
        font-size: .9em;
    }

    button {
        background-color: #4A6F83 !important;
    }

    form input {
        margin-top: 15px;
    }


    Modal spinner start 
    #cover-spin {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(255,255,255,0.7);
        z-index: 9999;
        display: none;
    }
*/

/*
        #cover-spin::after {
            content: '';
            display: block;
            position: absolute;
            left: 48%;
            top: 40%;
            width: 40px;
            height: 40px;
            border-style: solid;
            border-color: black;
            border-top-color: transparent;
            border-width: 4px;
            border-radius: 50%;
            -webkit-animation: spin .8s linear infinite;
            animation: rotation 1s linear infinite;
        }
     chrome 

    @keyframes rotation {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }
     Safari 
    @-webkit-keyframes rotation {
        0% {
            -webkit-transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
        }
    }
    Modal spinner end */

 /*   fixed footer 
    .footer {
        position: fixed !important;
        height: 50px !important;
        bottom: 0px !important;
        left: 0px;
        right: 0px;
        margin-bottom: 0px !important;
    }

    body {
        margin-bottom: 50px;
    }*/

 /*   kendo important

    .K-button-group .k-button {
    }*/

    /*end kendo*/


.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}

.k-grid .k-grid-header .k-header {
    white-space: normal;
}


.th-visible {
    display: table-cell !important;
    position: relative;
    vertical-align: bottom;
}

.td-visible {
    display: table-cell !important;
    border-style: solid;
    padding: .75rem .75rem;
    border-width: 0 0 0 1px;
    vertical-align: middle;
}
.floatRight {
    margin-left:80px;
    color:white !important;
    float: right;
}
    .hidden {
    display: None !important
}