/*-----------------------------------------------------------
    CSS GENERAL
-----------------------------------------------------------*/

textarea {
    resize: none;
}

input, textarea, select, table    {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
    margin :0;
    padding:0;
}
option {
    padding-left:4px;
}

label {
    cursor : inherit;
}
.pth-grid  {
    display: block;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    margin: 4px;
}

.pth-gridview {
    background-color: #F2F2FC;
    position : absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    margin-top: 24px;
    overflow-y:scroll;
    font-size: 12px;
    border:solid 1px #BBB;
    border-top:none;
}

.pth-gridview.pth-withfooter {
    margin-bottom: 48px;
}

.pth-gridfooter {
    position : absolute;
    bottom: 0; left:0;right :0;
    height: 48px;
    background-color: #b4c9f5;
}


.pth-field  {
    display:inline-block;
    font-size: inherit;
    border: 1px solid #BBB;
    height:20px;
    padding-left:5px;
    padding-right:5px;
    /* overflow: hidden; */
    background-position : center;
    background-repeat : no-repeat;
}

.pth-gridlabels .pth-field  {
    background-position : top right; 

}

.pth-titlelabel {
    position : absolute;
    top: 0; left: 0;
    width:100%;
    height:24px;
    overflow : hidden;
    background-color: #8af;
}

.pth-gridlabels .pth-field, .pth-gridlabels .pth-field-selection, .pth-gridview .pth-field  {
    display:inline-block;
    border: none;
    border-right: 1px solid #cacaca; /* #7fb1e1; */
    height : inherit;
    line-height : inherit;
}

.pth-gridlabels .pth-field {
    color : #045372; /*#bde5f5;*/
}


.pth-gridlabels > .pth-rowselector {
    width:20px;
    height:inherit;
    background-position : center;
    background-repeat : no-repeat;
    background-image: url(img/refresh16.png);
    overflow: hidden;

}

.pth-gridsummary > .pth-rowselector {
    height:inherit;
    width:20px;

}

.pth-row  .pth-rowselector {
    background-color: #A99;
    width:20px;
    overflow: hidden;
    height: inherit;
}

.pth-row  .pth-rowlocked {
    background-color: rgb(211, 211, 211);
    background-position : center;
    background-repeat : no-repeat;
    background-image: url(img/lock16.png);
    width:20px;
    height: inherit;
}

.pth-row[data-idrow=newrow] .pth-rowselector {
    background-color: #AAB;
}


.pth-row[status] .pth-rowselector {
    background-color: #DA9;
}
.pth-row.pth-updated .pth-rowselector {
    background-color: #ffd3c4;
    background-position : center;
    background-repeat : no-repeat;
    background-image: url(img/edit16.png);

}

.pth-row  .pth-field[data-format=numeric], .pth-row  .pth-field[data-format=currency] {
    text-align : right;
}
.pth-row  .pth-field[data-format=date] {
    text-align : center;
}

.pth-row  .pth-field[data-format=date] {
    text-align : center;
}

.pth-row  .pth-field[data-format=color] {
    border-radius : 16px;
    margin : 4px;
    height : 16px;
    box-sizing : border-box;
}


.pth-gridsummary  .pth-field[data-format=numeric],.pth-gridsummary  .pth-field[fata-format=currency] {
    text-align : right;
}

.pth-row {
    margin:0;
    padding:0;
    height:24px;
    line-height:22px;
    font-size: 16px;
    color:#000;
    background-color: #FFF;
    border-bottom: 1px solid #BBB;
    min-width: 100% ;
}


.pth-gridlabels {
    margin:0;
    padding:0 ;
    line-height:24px;
    height:24px;
    background-color: #dfdfdf; /* #4d88c0;    */
    border-left: 1px solid #dfdfdf; /* #4d88c0;    */
    box-sizing: border-box;
    font-family: arial, helvetica, tahoma, verdana ;
    font-size: 14px;
    min-width: 100%;

}

.pth-gridlabelscontainer {
    width: calc(100% - 18px); 
    border-right: solid 18px #dfdfdf;
    overflow: hidden;
}


.pth-gridview .pth-row:nth-child(odd) {
    background-color: #f1eded;
}

.pth-row[data-idrow=newrow] .pth-field {
    color:rgb(164, 167, 175);
}

.pth-row:hover {
    background-color: #E7F1F5 !important;
}


.pth-select .pth-selected {
    background-color: #4e525b;
    color: #FFF;
}

.pth-row.pth-selected {
    background-color: #037aa9 !important; /* #DEEAF9 !important; */
 }

 .pth-row.pth-selected label{
    color: #fff;
 }


 .pth-selected .pth-rowselector {
    cursor: pointer;
    background-color: #CBB;
}

/*
.pth-rowbefore, .pth-rowafter {
    background-image: url(img/gridrow.png);
}
*/

.pth-row-selection,.pth-field[data-format=checkbox] {
    background-image: url(img/checkboxOff.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height:inherit;
    cursor: pointer;
}
.pth-gridlabels .pth-field[data-format=checkbox] {
    background: none;
}
.pth-gridview .pth-field[data-format=checkbox] {
    color:transparent;
}

.pth-combobox {
    padding-right : 30px  !important;
    background-image: url(img/combobutton.png);
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.pth-row-selection[data-value="1"], .pth-field[data-format=checkbox][data-value="1"] {
    background-image: url(img/checkboxOn.png);
}

[data-format = multicheck] [data-option], .pth-multicheck {
    background-image: url(img/checkboxOff.png);
    background-position: 10px 50%;
    background-repeat: no-repeat;
    padding-left: 40px !important;
    color: #888;
    cursor: pointer;
}


[data-format = multicheck] [data-option].pth-selected, .pth-multicheck.pth-selected {
    background-image: url(img/checkboxOn.png);
    color: #000;
    background-color:rgb(193, 203, 226)
}

.pth-multicheck.pth-focus {
    background-color: #BBE;
}


.pth-gridlabels .pth-asc {
    background-image: url(img/up.png);
}
.pth-gridlabels .pth-desc {
    background-image: url(img/down.png);
}

div.pth-select {
    overflow-y : scroll;
    overflow-x : hidden;
    width:80px;
    height:130px;
    background-color:#FFF;
    border : solid 1px #555;
    font-size:inherit;
    font-family:inherit;


}

label.pth-tooltip {
    font-size: 8px;
    position : absolute;
    display : inline-block;
    text-align: center;
    font-family:tahoma;
    font-size:11px;
    width : 80px;
    padding: 2px 4px;
    background-color: #555;
    border : solid 1px #788EAC;
    color : #fff;
}

.pth-gridview-filter {
    background-color: transparent;
    border:none;
    color:#fff;
}
.pth-rowfiller, pth-rowafter {
    background-color: rgba(0,0,0,0); 
    border-style : none;
}