/* loader */
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    /*opacity: 0.0;*/
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

/* loaderExt */

.loaderExtMainDiv {
    opacity: 0.0;
    animation: lazyShow 2s linear infinite;
    -webkit-animation: lazyShow 2s linear infinite;
    -moz-animation: lazyShow 2s linear infinite;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
}


@keyframes lazyShow {
    from {
        opacity:1;
    }

    to {
        opacity: 1;        
    }
}

@-webkit-keyframes lazyShow {
    from {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes lazyShow {
    from {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}



/* Filtre Components */

.infoDtl {
    overflow: auto;
    height: 300px;
}


#topicText p, .p_Normal, .p_UI, .p_Path, .p_NormalList, #topicText p span {
    font-size: 13pt !important;
    line-height: 135%;
}

p {
    display: block;
    text-align: left;
    text-indent: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}

span.f_UI {
    font-weight: bold;
}

.p_NormalList {
    font-size: 11pt;
    page-break-after: avoid;
    margin: 0px 0px 0px 0px;
}

.disableddiv {
    pointer-events: none;
    opacity: 0.4;
}

.disableddivNonOp {
    pointer-events: none;
}

/* filtre grid css gFilter*/

.grid-fltHdr {
    display: grid;
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    grid-template-columns: 50px 155px 200px 16px;
    background-color: #b1b5ba;
    padding: 1px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    color: black;
    text-align: center;
    width: 426px;
}

.grid-fltHdrTd {
    background-color: #dfe3e8;
}


.grid-fltBdy {
    display: grid;
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    grid-template-columns: 50px 155px 200px;
    background-color: #dddddd;
    padding-left: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: small;
    color: black;
    /*overflow-y: scroll;*/
    width: 409px;
}

.grid-fltBdyTd {
    background-color: #f2f2f2;
}

.btnClmnIcon {
    background-color: #4CAF50;
    cursor: pointer;
    /* display: block; */
    margin-top: 3px;
    margin-right: 4px;
    margin-left: 4px;
    height: 32px;
    padding-top: 0px;
    border-radius: 10px;
    box-shadow: 0 0 5px black;
}

.gnlPnl {
    display: grid;
    grid-template-columns: auto auto;
    width: 100%;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding: 5px;
    background-color: #dce6f2;
    border-radius: .25rem;
}

.grdEdtPnl {
    display: grid;
    grid-template-columns: 15px 45px 310px;
    width: 100%;
    grid-column-gap: 5px;
    padding: 5px;
    background-color: #dce6f2;
    border-radius: .25rem;
}

.grdEdtPnlSel {
    display: grid;
    grid-template-columns: 15px 45px 310px;
    width: 100%;
    grid-column-gap: 5px;
    padding: 5px;
    background-color: antiquewhite;
    border-radius: .25rem;
}

.tbbtn {
    width: 47px;
    height: 34px;
    background-color: #ff6600;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

    .tbbtn .tbline {
        width: 100%;
        float: left;
        height: 2px;
        background-color: #fff;
        margin-bottom: 5px;
    }


#mydiv {
    position: absolute;
    z-index: 9;
    background-color: #f1f1f1;
    text-align: center;
    border: 1px solid #d3d3d3;
}

#mydivHeader {
    padding: 10px;
    cursor: move;
    z-index: 10;
    background-color: #2196F3;
    color: #fff;
}


.cariGenelDlgFormDlg {
    height: 410px;
}


/* Login sayfası CSS leri*/


.login1 {
    width: auto;
}

.bannerText {
    font-weight: bold;
    color: purple;
    text-align: left;
}

div.addbnrpic {
    display: block;
    background: #c3ffc2;
}


div.addbnr1 {
    background: no-repeat;
    background: right;
}

div.addbnr2 {
    display: block;
}

div.addbnr3 {
    display: none;
}

div.loginhdrblank {
    display: block;
}


/* excelMenu --> */

/*

    .excelMenu {
    display: grid;
    grid-template-columns: auto;
    width: 100%;
    gap: 0px;
    margin-bottom: 0px;
    background-color: rgb(220, 230, 242);
    padding: 0px;
    border-radius: 0.25rem;
}

    .excelMenu a:hover {
        background-color: #ddd;
    }

*/
    

/* <-- excelMenu */


/* media*/


@media screen and (max-width: 600px) {




    div.addbnrpic {
        display: none !important;
    }

    div.loginhdrblank {
        display: none;
    }


    div.addbnr1 {
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    div.addbnr2 {
        display: none;
        flex: 0 0 0%;
    }


    div.addbnr3 {
        display: block;
    }

    .login1 {
        width: 100%;
    }

    .bannerText {
        font-weight: bold;
        color: purple;
        text-align: center;
    }
}


@media screen and (max-width: 900px) {

    div.addbnr1 {
        max-width: 50%;
        flex-basis: 50%;
    }


    div.addbnr2 {
        display: none;
        flex: 0 0 0%;
    }
}