/* UrunTanim Sayfa CSS */

/* Sayfa Body için yanyana div ler oluşturulur. Create  equal columns that floats next to each other */
/*
.columnBody {
    float: left;
}
*/

a:hover {
    cursor: pointer;
}

.collValidForm {
    float: left;
}

.grid-VldFrmTmpl {
    display: grid;
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    grid-template-columns: auto;
    
    /*background-color: #ddd;*/
    background-color: white;
    /*padding: 10px;*/
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    /*padding-left: 1px;*/
}

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

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


.grid-VldLblItem {
    float: left;
    text-align: center;
    min-width: 100px;  
    line-height: 1;
    background-color: white;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 8px;
    padding-left: 20px; /* border: 0px solid rgba(0, 0, 0, 0.8); */
    border-top-color: #a5a5a5;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #a5a5a5;
    border-right-style: solid;
    border-right-width: 0px;
    border-bottom-color: #a5a5a5;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left: #a5a5a5;
    border-left-color: #a5a5a5;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

.grid-VldTxtItem {
    /*background-color: blue; */
    border-top-color: #bfbfbf;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #bfbfbf;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #bfbfbf;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-style: solid;
    border-left-color: #bfbfbf;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

.grid-UrunMnBtn {
    float: left;
    text-align: center;
    /*min-width: 100px;*/
    width: 70px;
    line-height: 1;
    background-color: white;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 8px;
    padding-left: 20px; /* border: 0px solid rgba(0, 0, 0, 0.8); */
    border-top-color: #a5a5a5;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #a5a5a5;
    border-right-style: solid;
    border-right-width: 0px;
    border-bottom-color: #a5a5a5;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left: #a5a5a5;
    border-left-color: #a5a5a5;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}



.grid-UrnKyb1 {
    float: left;
    text-align: center;
    min-width: 71px;
    height: 50px;
    line-height: 1;
    background-color: #95b3d7;
    padding: unset;
    border-color: #dce6f2;
    border-width: 1px;
    border-style: solid;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}


.grid-UrnKyb2 {
    float: left;
    text-align: center;
    min-width: 71px;
    height: 50px;
    line-height: 1;
    background-color: #929292;
    padding: unset;
    border-color: #dce6f2;
    border-width: 1px;
    border-style: solid;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

.grid-UrnKyb3 {
    float: left;
    text-align: center;
    min-width: 71px;
    height: 50px;
    line-height: 1;
    background-color: #7f7f7f;
    padding: unset;
    border-color: #dce6f2;
    border-width: 1px;
    border-style: solid;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

.grid-UrnKyb4 {
    float: left;
    text-align: center;
    min-width: 71px;
    height: 50px;
    line-height: 1;
    background-color: #595959;
    padding: unset;
    border-color: #dce6f2;
    border-width: 1px;
    border-style: solid;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

.grid-UrnKyb5 {
    float: left;
    text-align: center;
    min-width: 71px;
    height: 50px;
    line-height: 1;
    background-color: #404040;
    padding: unset;
    border-color: #dce6f2;
    border-width: 1px;
    border-style: solid;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}


.frmvld {
    background-color: #f9eded;
    width: 100%; /* padding: 12px 20px; */ /* margin: 8px 0; */
    box-sizing: border-box;
    border: none; /* background-color: #3CBC8D; */
    color: #ed1c6f;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.lbl-VldFrm {
    color: #000000;
    font-weight: bold;
    font: 12px Verdana;
    font-weight: bold;  
}

.lbl-VldFrmWht {
    color: white;
    font-weight: bold;
    font: 12px Verdana;   
}

.lbl-Vld25 {
    color: white;
    font: 25px Verdana;
    font-weight: bolder;
}

.lbl-HdrWht {
    color: white;
    font-weight: bold;
    font: 12px Verdana;
}
.lbl-HdrWht {
    color: white;
    font-weight: bold;
    font: 12px Verdana;
}

.spanUnderLine{
    text-decoration:underline;
}

.lbl-UrnKyb1 {
    color: white;
    font-weight: bold;
    font: 30px Verdana;
    font-weight: bold;
   
}

#btnMgir:active {
    /*background-color: #3e8e41;*/
    /*box-shadow: 0 5px #666;*/
    /*transform: translateY(4px);*/
    transform: translate(1px);
}

.btnUrunTanimRd {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    background-color: red;
    cursor: pointer;
}

.btnUrunTanim {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    background-color:#4CAF50;
    cursor: pointer;    
}

.btnPg {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    background-color: #4CAF50 !important;
    cursor: pointer;
    border-radius: 10px;
    box-shadow: 0 0 5px black;
}



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

    .btnAraIcon:hover {
        background-color: #4CAF50 !important; /* Green */
        color: #4CAF50 !important;
    }


.btnToolIcon {
    background-color: #4CAF50 !important;
    cursor: pointer;    
    margin-top: 3px;
    margin-right: 0px;
    margin-left: 0px;
    height: 32px;
    padding-top: 0px;
    border-radius: 10px;
    box-shadow: 0 0 5px black;
}

    .btnToolIcon:hover {
        background-color: #4CAF50 !important; /* Green */
        color: #4CAF50 !important;
    }

.btnRecordIcon {
    background-color: #4CAF50 !important;
    cursor: pointer;    
    margin-top: 3px;
    margin-right: 0px;
    margin-left: 0px;
    height: 32px;
    padding-top: 0px;
    border-radius: 10px;
    box-shadow: 0 0 5px black;
}


    .btnRecordIcon:hover {
        background-color: #4CAF50 !important; /* Green */
        color: #4CAF50 !important;
    }

.btnUrunTanim:active {
    /*background-color: #3e8e41;*/
    /*box-shadow: 0 5px #666;*/
    /*transform: translateY(4px);*/
    transform: translate(1px,1px);
}

.btn:active {
    /*background-color: #3e8e41;*/
    /*box-shadow: 0 5px #666;*/
    /*transform: translateY(4px);*/
    transform: translate(1px,1px);
}

.input-group-text:active {
    /*background-color: #3e8e41;*/
    /*box-shadow: 0 5px #666;*/
    /*transform: translateY(4px);*/
    transform: translate(1px,1px);
}

.disable-select {
    user-select: none; /* supported by Chrome and Opera */
    -webkit-user-select: none; /* Safari */
    /*-khtml-user-select: none;  Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    cursor: pointer;

}



.grid-UrunMenuItem {
    float: left;
    text-align: center;
    min-width: 138px;
    line-height: 1;
    height: 50px;
    /*
    background-color: white;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 8px;
    padding-left: 20px; 
    */
    /*
    border-top-color: #a5a5a5;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #a5a5a5;
    border-right-style: solid;
    border-right-width: 0px;
    border-bottom-color: #a5a5a5;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left: #a5a5a5;
    border-left-color: #a5a5a5;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
        */
}

/* #urunBul  */
#urunBul 
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:small;
    border-collapse: collapse;
    width: 100%;
}

#urunBul td
{
    border: 1px solid #ddd;
    padding: 7px;
}

/*UrunBul tablosunda birinci kolon css ayarları verilir.*/
    #urunBul tbody > tr > :nth-child(1) {
        cursor: pointer;
    }

#urunBul th 
{       
    border: 1px solid #b1b5ba;
    /* padding: 8px; */
    background-color: #dfe3e8;
    color: black;
    text-align: center;
    width:150px;
}

    


#urunBul tr:nth-child(even) 
{
    background-color: #f2f2f2;
}

#urunBul tr:hover {
    background-color: #ddd;
}

.hrefGorunum {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}



/*
Conditional selection


.status[data-status="postponed"]:after {
 content : "This task was postponed.";
 color : orange
}

.status[data-status="to do"]:after {
 content : "This task still has to be done.";
 color : blue
}

.status[data-status="done"]:after {
 content : "This task is done ! ";
 color : green
}

.date { 
 display : none 
}

.status[data-status="done"] + .date {
 display : block
}

<div class="taskContainer">
  <strong>{{Task}}</strong>
  <p data-status="done" class="status"></p>
  <p class="date">Done the : {{Done the}}</p>
  <p data-status="to do" class="status"></p>
  <p data-status="postponed" class="status"></p>
</div>



*/

.grid-UrnBul1 {
    
    float: left;
    text-align: center;
    min-width: 100px;
    height: 40px;
    line-height: 1;
    background-color: white;
    padding: unset;
    border-color: #dce6f2;
    border-width: 1px;
    border-style: solid;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    /* width: 107px; */
}



.grid-PagingCell {
    float: left;
    text-align: center;
    min-width: 100px;
    height: 40px;
    line-height: 1;
    background-color: #dce6f2;
    padding: unset;
    border-color: #dce6f2;
    border-width: 1px;
    border-style: solid;
}

.grdPgDivBtn {
    width: 100%;
    display: grid;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-right: 5px;
    grid-template-columns: 50% 50%;
}

.lbl-PagingPnl {
    color: black;
    font-weight: bold;
    font: 20px Verdana;
    font-weight: bold;
}

.lblColor {
    color:red;
    font-weight: bold;
    font: 20px Verdana;
    font-weight: bold;
}

.lbl-SelRecCount {
    display:inherit;
    color: red;
    font-weight: bold;
    font: 20px Verdana;
    font-weight: bold;
}

.lbl-SelRecCountNoV {
    display:none;
    color: red;
    font-weight: bold;
    font: 20px Verdana;
    font-weight: bold;
}


.cmpVisible {
    visibility:visible
}

.cmpNonVisible {
    visibility:hidden
}

.cmpNonDisplay {
    display:none
}

.cmpDisplay {
    display:unset
}



/*
#urunBul th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}
    */


/* MEDIA*/