.cizimDiv {
    background-color: #efefef;
}

.cizimEkrani {
    background-color: white;
    width: 93%;
    height: 100%;
}

.custom-cur {
    cursor: url('/images/droplet.svg');
}

.leftBar {
    /*width: 20rem;*/
    /*max-height: 800px;*/
    overflow-y: auto;
    overflow-x: hidden;
    direction: rtl;
    background-color: white;
    color: #4A4A4A;
}

.rightBar {
    /*    width: 20rem;
    max-height: 800px;*/
    /*overflow-y: auto;
    overflow-x: hidden;
    direction: ltr;*/
    background-color: white;
    color: #4A4A4A;
}

.content {
    direction: ltr;
}

::-webkit-scrollbar {
    width: 20px;
    background-color: #F5F5F5;
}
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.catalog {
    margin-top: 2rem;
    background-color: white;
    width: 100%;
    height: 5rem;
}

.btnTop, .btnLeft {
    border: none;
    width: 45px;
    height: 45px;
    background: none;
}

.btnTop {
    margin-left: 1rem;
}

.btnLeft {
    margin-top: 1rem;
}

    .btnTop:hover, .btnLeft:hover, .pBtn:hover,.leftRightButtons:hover {
        scale: 1.5;
    }

.logo {
    margin-left: 2rem;
    margin-right: 2rem;
}

.topButtons {
    margin-left: 3rem;
    margin-top:0.25rem;
    display: flex;
    flex-direction: row;
    height:3.5rem;
}

.logo {
    transition: transform .7s ease-in-out;
}

    .logo:hover {
        transform: rotate(360deg);
    }

.leftButtons {
    display: flex;
    flex-direction: column;
    width: 4rem;
    height:fit-content;
}
.frameRow {
    display: inline-flex;
    flex-direction: row;
    width: fit-content;
    z-index:10;
}
.rightButtons {
    display: flex;
    flex-direction: column;

}
.subOfLeftButtons {
    display: flex;
    flex-direction: column;
    width:fit-content;
}
.cornerTypeBtns {
    display:inline-flex;
    flex-direction: row;
    z-index: 10;
    max-height:3.65rem;
}

.app-main-2 {
    background-color: #CCCCCC;
    position: relative;
    padding-top: 5rem;
    padding-right: 0;
    padding-left: 0;
    overflow: hidden;
}

/*.app-header-dark {
    height: 5rem;
}*/

/*.top-bar {
    height: 5rem;
}*/

.page-inner-2 {
    background-color: #CCCCCC;
}

.topBarButtons, .topBRButtons {
    border: none;
    margin-left: 2rem;
    width: 45px;
    height: 45px;
}

.sBtn, .sBtn2 {
    border: none;
    margin-left: 1rem;
    width: 45px;
    height: 45px;
}
.sBtn2Blue {
    border: none;
    width: 30px;
    height: 30px;
}
    .partButtons {
    margin: 0.5rem;
}

.pBtn, .btnZoom {
    border: none;
    margin-left: 5px;
  /*  margin-top: 10px;*/
    width:  48px;
    height: 48px;
}
.pBtnL1

.panelHeading {
    background: linear-gradient(#2B5A92,#012160);
    width: 100%;
    height: 1.5rem;
}


.subButtons {
    position: absolute;
    top: 105%;
    left: 65rem;
    width: 100%;
    z-index: 2;
}

.subButtons2 {
    position: absolute;
    top: 105%;
    left: 65rem;
    width: 100%;
}



#pBtn1 {
    background: url(../assets/images/partProperties/pB1.svg);
}

#pBtn2 {
    background: url(../assets/images/partProperties/pB2.svg);
}

#pBtn3 {
    background: url(../assets/images/partProperties/pB3.svg);
}

#pBtn4 {
    background: url(../assets/images/partProperties/pB4.svg);
}

#pBtn5 {
    background: url('../assets/images/cizimekranibutonları/bordomaviokdikey.svg');
}

#pBtn6 {
    background: url('../assets/images/cizimekranibutonları/bordomaviokyatay.svg');
}

#pBtn7 {
    background: url(../assets/images/partProperties/pB7.svg);
}
#pBtn8 {
    background: url(../assets/images/cizimekranibutonları/solustkose.svg);
}

#pBtn9 {
    background: url('../assets/images/cizimekranibutonları/sagustkose.svg');
}

#pBtn10 {
    background: url('../assets/images/cizimekranibutonları/sagaltkose.svg');
}

#pBtn11 {
    background: url(../assets/images/cizimekranibutonları/solaltkose.svg);
}

#sB21_48px {
    background: url(../assets/images/subButtons/sB21_48px.svg);
}

#sB22_48px {
    background: url(../assets/images/subButtons/sB22_48px.svg);
}

#sB23_48px {
    background: url(../assets/images/subButtons/sB23_48px.svg);
}

#sB24_48px {
    background: url(../assets/images/subButtons/sB24_48px.svg);
}

#sB25_48px {
    background: url(../assets/images/subButtons/sB25_48px.svg);
}

#sB26_48px {
    background: url(../assets/images/subButtons/sB26_48px.svg);
}

#sB27_48px {
    background: url(../assets/images/subButtons/sB27_48px.svg);
}


#sB1_48px {
    background: url(../assets/images/subButtons/sB1_48px.svg);
}

#sB2_48px {
    background: url(../assets/images/subButtons/sB2_48px.svg);
}

#sB3_48px {
    background: url(../assets/images/subButtons/sB3_48px.svg);
}

#sB4_48px {
    background: url(../assets/images/subButtons/sB4_48px.svg);
}

#sB5_48px {
    background: url(../assets/images/subButtons/sB5_48px.svg);
}


#tripleHungFixed {
    background: url(../assets/images/subButtons/TripleHungFixed.svg);
}

#tripleHungAwning {
    background: url(../assets/images/subButtons/TripleHungAwning.svg);
}

#doubleHungFixed {
    background: url(../assets/images/subButtons/DoubleHungFixed.svg);
}

#doubleHungAwning {
    background: url(../assets/images/subButtons/DoubleHungAwning.svg);
}



#tBRB1{
    background: url(../assets/images/tBRB1.svg);
}

#tBRB1Blue45 {
    background: url(../assets/images/tBRB1Blue45.svg);
}
#tBRB1blue48 {
    background: url(../assets/images/tBRB1blue48.svg);
}

#tBRB2 {
    background: url(../assets/images/tBRB2.svg);
}


#tBRB2blue48 {
    background: url(../assets/images/tBRB2blue48.svg);
}

#tBRB3 {
    background: url(../assets/images/tBRB3.svg);
}

#tBRB4 {
    background: url(../assets/images/tBRB4.svg);
}

#tBRB5 {
    background: url(../assets/images/tBRB5.svg);
}

#tBRB6 {
    background: url(../assets/images/tBRB6.svg);
}

#tBRB7 {
    background: url(../assets/images/tBRB7.svg);
}

#tBRB8 {
    background: url(../assets/images/tBRB8.svg);
}

#tBLB1 {
    background: url(../assets/images/pencadHeaderSolButonları/btn1Anasayfa.svg);
}

#tBLB2 {
    background: url(../assets/images/pencadHeaderSolButonları/btn2Kaydet.svg);
}

#tBLB3 {
    background: url(../assets/images/pencadHeaderSolButonları/btn3YeniSayfa.svg);
}

#tBLB4 {
    background: url(../assets/images/pencadHeaderSolButonları/btn4Klon.svg);
}

#tBLB5 {
    background: url(../assets/images/pencadHeaderSolButonları/btn5CopKutusu.svg);
}

#tBLB6 {
    background: url(../assets/images/pencadHeaderSolButonları/btn6Kaydet.svg);
}

#tBLB7 {
    background: url(../assets/images/pencadHeaderSolButonları/btn7SolOk.svg);
}

#tBLB8 {
    background: url(../assets/images/pencadHeaderSolButonları/btn7SagOk.svg);
}

#bZ1 {
    background: url(../assets/images/zoomOut.svg);
}

#bZ2 {
    background: url(../assets/images/zoom.svg);
}

#bZ3 {
    background: url(../assets/images/zoomIn.svg);
}

.switch {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 1.5rem;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.toggles {
    padding: 0rem 1rem;
}

.toggle {
    position: absolute;
    cursor: pointer;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../assets/images/partProperties/switchLight.svg);
    background-repeat: no-repeat;
    transition: background-color 0.2s;
}

.toggleGorus {
    position: absolute;
    cursor: pointer;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../assets/images/sOff.svg);
    background-repeat: no-repeat;
    transition: background-color 0.2s;
}

.switch input:checked + .toggleGorus {
    background: url(../assets/images/sOn.svg);
    background-repeat: no-repeat;
}

.switch input:checked + .toggle {
    background: url(../assets/images/partProperties/switchDark.svg);
    background-repeat: no-repeat;
}

.bottomPart {
    border-top: 2px solid #4A4A4A;
    display: block;
    height: 9rem;
}

.pBtn,.leftRightButtons,.gtBtns {
    background-color: transparent;
}

    .pBtn:focus {
        outline: none;
    }
button:focus{
    outline:none;
    border:none;
}
.bL1{
    outline:none;
    border:none;
}
    .bL1:focus, .leftRightButtons:focus,.gtBtns:focus {
        outline: none;
        border: none;
    }

.leftRightButtons {
    border: none;
    margin-left: 5px;
    width: 48px;
    height: 48px;
    scale:0.75;
}

.gtBtns {
    border: none;
    margin-left: 5px;
    width: 48px;
    height: 48px;
}

.glassTypeVForButtons { scale:0.75; }


.pBtnL1 {
    margin-left: 0px;
}

/* Mobile Small */
@media (min-width:319px) {

    .cizimEkrani {
        width: 51%;
        height: 100%;
    }

}

/* Mobile Medium */
@media (min-width:360px) {

    .cizimEkrani {
        width: 61%;
        height: 100%;
    }
}

/* Mobile Large */
@media (min-width:425px) {

    .cizimEkrani {
        width: 65%;
        height: 100%;
    }
}



/*Tablet View  */
@media (min-width:768px) {
    .panelHeading {
        background: linear-gradient(#2B5A92,#012160);
        width: 100%;
        height: 1.5rem;
    }

 

    ::-webkit-scrollbar {
        width: 5px;
    }

    .leftBar {
        padding: 0.1rem;
        flex-wrap: wrap;
    }

    .rightBar {
        padding: 0.1rem;
        flex-wrap: wrap;
    }



    .left-menu {
        margin-left: -0.5rem;
    }



    #panelHeading2 {
        color: white;
        display: flex;
        height: 1.5rem;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        font-size: 0.75rem;
    }

    #panelHeading3 {
        color: white;
        display: flex;
        height: auto;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        font-size: 0.75rem;
    }

    .left-menu {
        height: auto;
        margin-top: 10px;
        padding: 0px;
        display: flex;
    }

    #unit_no, #part_no {
        width: 47%;
    }

    hr {
        border: 1px solid #4A4A4A;
    }

    #tBLB1 {
       /* margin-left: -10rem; */
    }

    .topBarButtons:hover, .topBRButtons:hover, .sBtn:hover, .sBtn2:hover {
        scale: 1;
    }

    .btnTop:hover, .btnLeft:hover, .pBtn:hover, .btnZoom:hover, .leftRightButtons:hover, .gtBtns:hover {
        scale: 1.2;
    }

    .bottomPart {
        display: block;
        height: 9rem;
    }

    .zButtons {
        display: flex;
        justify-content: space-evenly;
        margin-bottom: 1rem;
    }

    .btnZoom {
        height: 48px;
        margin-left: 0.3rem;
    }


    .topBarButtons, .topBRButtons {
        scale: 0.6;
        margin-left: -0.3rem;
    }

    .partProperties p {
        margin-left: 1rem;
        font-size: 0.7rem;
        margin-right: 0.5rem;
    }

    .partProperties h5 {
        font-size: 0.8rem;
    }

    .form-select {
        margin-left: 1rem;
        width: 60%;
    }

        .form-select option {
            font-size: 0.6rem;
        }

    .toggles {
        margin-left: -0.6rem;
    }

        .toggles p {
            font-size: 0.5rem;
        }

    .toggle, .toggleGorus {
        width: 3rem;
        height: 1.5rem;
    }

    .topButtons {
        margin-left: 0rem;
    }

    .rP {
        margin-left: 1rem;
    }

    .btnTop {
        margin-left: -1.05rem;
        scale: 0.5;
    }

    .bT1 {
        margin-left: 0rem;
    }

    .btnLeft {
        margin-top: -0.7rem;
        scale: 0.7;
    }

    .bL1 {
        margin-left: 0rem;
    }
    

    .cizimEkrani {
        width: 68%;
        height: 100%;
    }

    .pBtn {
        border: none;
        margin-left: 5px;
        margin-top: 0.5rem;
        width:  48px;
        height: 48px;  
    }
    .leftRightButtons {
        border: none;
        margin-left: 5px;
        width: 48px;
        height: 48px;
        scale : 0.8;
    }
    .glassTypeVForButtons{
        scale : 0.8;
        height:44px;
    }
    .pBtnL1{
        margin-left:0px;
    }

    .subButtons {
        position: absolute;
        top: 105%;
        left: 25rem;
        width: 100%;
        z-index: 2;
    }

    .subButtons2 {
        position: absolute;
        top: 105%;
        left: 20rem;
        scale: 0.9;
        width: 100%;
    }

    .sBtn, .sBtn2 {
        border: none;
        margin-left: -0.5rem;
        scale: 0.75;
    }
}

@media (min-width:820px) {
    .subButtons2 {
        left: 22rem;
    }
}


/*Ipad Air View  */
@media (min-width:820px) {
.cizimEkrani{

    width:70%;
}

}

    /* Laptop View */
    @media (min-width:1024px) {
        .panelHeading {
            width: 100%;
            height: 1.5rem;
        }

        ::-webkit-scrollbar {
            width: 10px;
        }

        .leftBar {
            flex-wrap: wrap;
        }

        .rightBar {
            flex-wrap: wrap;
            /*overflow: scroll;*/
        }



        .left-menu {
            margin-left: -0.5rem;
        }



        #panelHeading2 {
            display: flex;
            height: 1rem;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            font-size: 0.75rem;
        }

        #panelHeading3 {
            display: flex;
            height: auto;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            font-size: 0.75rem;
        }

        .left-menu {
            height: auto;
            margin-top: 10px;
            padding: 0px;
            display: flex;
        }

        #unit_no, #part_no {
            width: 47%;
        }

        hr {
            border: 1px solid #4A4A4A;
        }

      /*  #tBLB1 {
            margin-left: -10rem;
        }*/


        .cizimEkrani {
            width: 75%;
            height: 100%;
        }


        .topBarButtons, .topBRButtons{
            scale: 0.85;
            margin-left: 0.35rem;
        }
        /*.rightButtons,.subOfLeftButtons,.leftButtons{
            scale: 0.85;
            margin-top:1rem;
        }*/
        .partProperties p {
            margin-left: 1rem;
            font-size: 0.6rem;
            margin-right: 0.5rem;
        }

        .partProperties h5 {
            font-size: 1rem;
        }

        .form-select {
            margin-left: 0rem;
            width: 40%;
        }

            .form-select option {
                font-size: 0.5rem;
            }

        .toggles {
            margin-left: -0.6rem;
        }

            .toggles p {
                font-size: 0.5rem;
            }

        .toggle, .toggleGorus {
            width: 3rem;
            height: 1.5rem;
        }

        .topButtons {
            margin-left: 0rem;
        }

        .rP {
            margin-left: 1rem;
        }

        .btnTop {
            margin-left: -0.1rem;
            scale: 0.75
        }

        .leftRightButtons {
            scale: 0.75;
            margin-top:-0.2rem;
        }
        .glassTypeVForButtons {
         margin-top: -0.2rem;
         scale:0.75;
         height:48px;
        }
        .afterGTVFB {
            margin-top: 0rem;
        }

        .subButtons, .subButtons2 {
            left: 31rem;
            scale: 1;
        }

        .sBtn, .sBtn2 {
            margin-left: 0.2rem;
        }
    }

    /* Medium Laptop View */
    @media (min-width:1375px) {

        .cizimEkrani {
            width: 82%;
        }
        .topButtons{
            margin-left:2rem;
        }

    }

    /* Large Laptop View */
    @media (min-width:1440px) {
        .panelHeading {
            width: 100%;
            height: 1.5rem;
        }

        ::-webkit-scrollbar {
            width: 15px;
        }

        .leftBar {
            flex-wrap: wrap;
        }


        .rightBar {
            flex-wrap: wrap;
        }


        .left-menu {
            margin-left: -0.5rem;
        }



        #panelHeading2 {
            height: 1rem;
            font-size: 0.75rem;
        }

        #panelHeading3 {
            height: auto;
            font-size: 0.75rem;
        }

        .left-menu {
            margin-top: 10px;
            padding: 0px;
            display: flex;
        }


        #tBLB1 {
            margin-left: 1rem;
        }



        /* burası */

        .topBarButtons, .topBRButtons {
            scale: 0.9;
            margin-left: 1.5rem;
        }

        .topButtons {
            margin-left: 2rem;
        }
        .leftRightButtons {
            scale: 0.9;
            margin-top: 0.05rem;
        }
        .glassTypeVForButtons {
            margin-top: 0.05rem;
            height: 48px;
            scale: 0.9;
        }
        .afterGTVFB {
            /*margin-top:0.3rem;*/
        }
        /* .rightButtons, .subOfLeftButtons, .leftButtons{
            margin-top:1rem;
        }*/
        .partProperties p {
            margin-left: 1rem;
            font-size: 0.75rem;
            margin-right: 0.5rem;
        }

        .partProperties h5 {
            font-size: 1rem;
        }

        .form-select {
            margin-left: 0rem;
            width: 45%;
        }

            .form-select option {
                font-size: 0.75rem;
            }

        .toggles {
            margin-left: 0rem;
        }

            .toggles p {
                font-size: 0.65rem;
            }

        .toggle, .toggleGorus {
            width: 3rem;
            height: 1.5rem;
        }

        .cizimEkrani {
            
            height: 100%;
        }


        .rP {
            margin-left: 0.2rem;
        }

        .switch {
            margin-left: 0.2rem;
        }

        .btnTop {
            margin-left: 0.2rem;
            scale: 0.9;
        }

        .btnLeft {
            margin-top: 0.5rem;
            scale: 1;
        }

        .subButtons, .subButtons2 {
            left: 45rem;
        }

        .sBtn, .sBtn2 {
            margin-left: 1rem;
            scale: 1;
        }
    }

    /* Desktop View */
    @media (min-width:1500px) {
        .leftRightButtons, .glassTypeVForButtons {
            scale: 0.9;
            margin-top: 0.1rem;
        }
        .glassTypeVForButtons {
            height: 48px;
        }
    }


    /* Desktop View */
    @media (min-width:1920px) {
        .panelHeading {
            height: 2rem;
        }

        ::-webkit-scrollbar {
            width: 15px;
        }


        .left-menu {
            margin-left: -0.5rem;
        }

        .leftRightButtons, .glassTypeVForButtons {
            scale: 1;
            margin-top: 0.45rem;
        }

        .glassTypeVForButtons {
            height:48px;
        }

        #panelHeading2 {
            height: 2rem;
            font-size: 1rem;
        }

        #panelHeading3 {
            height: auto;
            font-size: 1rem;
        }

        .left-menu {
            height: auto;
            margin-top: 10px;
            padding: 0px;
            display: flex;
        }

        #unit_no, #part_no {
            width: 47%;
        }

        hr {
            border: 1px solid #4A4A4A;
        }

        #tBLB1 {
            margin-left: 1rem;
        }

        .topBarButtons:hover, .topBRButtons:hover, .sBtn:hover, .sBtn2:hover {
            scale: 1.2;
        }


        .lP {
            width: 4.7rem;
        }

        /* burası */
        .cizimEkrani {
            width: 86%;
            height: 100%;
        }

        .topBarButtons, .topBRButtons {
            scale: 1;
            margin-left: 1.5rem;
        }

        .partProperties p {
            margin-left: 1rem;
            font-size: 1rem;
            margin-right: 0.5rem;
        }

        .partProperties h5 {
            font-size: 1rem;
        }

        .form-select {
            margin-left: 0rem;
            width: 50%;
        }

            .form-select option {
                font-size: 0.9rem;
            }

        .toggles {
            margin-left: 0.2rem;
        }

            .toggles p {
                font-size: 0.9rem;
            }

        .toggle, .toggleGorus {
            width: 3rem;
            height: 1.5rem;
        }

        .topButtons {
            margin-left: 2rem;
        }

        .switch {
            width: 3rem;
            height: 1.5rem;
            margin-left: 0.3rem;
        }

        .btnTop {
            margin-left: 0.5rem;
            scale: 1;
        }

        .btnLeft {
            margin-top: 0.5rem;
            scale: 1;
        }

        .subButtons, .subButtons2 {
            left: 60rem;
        }

        .sBtn, .sBtn2 {
            margin-left: 1rem;
            scale: 1;
        }
    }

.pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    max-width: 200px;
    height: 20px;
    padding: 0 10px;
    background-color: crimson;
    color: white;
    font-size: 12px;
    font-weight: bold;
    border-radius: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.center-div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.no-result-message {
    text-align: center;
    font-size: 1.5rem;
    color: #dc3545;
    padding: 1rem;
    font-weight: 600;
    background-color: #f8d7da;
    border: 1px solid #f5c2c7;
    border-radius: 0 0 0.5rem 0.5rem;
}


.pColor {
    background-color: #305b9f;
}

.bPlus {
    color: #b7e1cd;
}

.bDelete {
    color: #f5c7c7;
}

.bCancel {
    color: #e8d7c8;
}

.bConfirm {
    color: #305b9f;
}

.bSend {
    color: #fcd7e6;
}

.bEdit {
    color: #f9e7c6;
}

.bClone {
    color: #cce5f6;
}

.bReport {
    color: #d5c7e8;
}