.bodydark {
    background-color: #374081;
}

.bodylight {
    background-color: #ecf2f5;
    /*bgColor: #ecf2f5;*/
}

.btnBank {
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    border-style: outset;
    border-width: 2px 2px 2px 2px;
    border-color: #2d479d;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 24px;
    width: 110px;
    background-color: #2d479d;
    color: #c7cee5;
    border-radius: 10px;
    /*top: -1px;*/
    padding: 0px 0px 0px 0px;
}

    .btnBank:hover {
        background-color: #c7cee5;
        color: #2d479d;
        cursor: pointer;
    }

.btnCari {
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    border-style: outset;
    border-width: 2px 2px 2px 2px;
    border-color: #186394;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 24px;
    width: 100px;
    background-color: #186394;
    color: whitesmoke;
    border-radius: 10px;
    padding: 0px 0px 0px 0px;
    /*top: -1px;*/
    margin: 0px 0px 0px 0px;
}

    .btnCari:hover {
        background-color: #b2d3e8;
        color: #005185;
        /*border-radius: 7px;*/
        cursor: pointer;
    }

.btnContact {
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    border-style: outset;
    border-width: 2px 2px 2px 2px;
    border-color: #008378;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 24px;
    width: 120px;
    background-color: #008378;
    color: #c9e5e3;
    border-radius: 10px;
  /*top: -1px;*/
    padding: 0px 0px 0px 0px;
}

    .btnContact:hover {
        background-color: #c9e5e3;
        color: #008378;
        cursor: pointer;
    }

.FileUplo0 {
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    /*border-style: outset;*/
    border-width: 2px 2px 2px 2px;
    border-color: #008378;
    /*text-align: center;*/
    font-family: Verdana;
    /*font-size: x-small;*/
    height: 23px;
    /*width: 150px;*/
    background-color: #008378;
    color: #c9e5e3;
    /*border-radius: 10px;*/
    /*top: -1px;*/
    padding: 1px 0px 0px 0px;
}

    .FileUplo0:hover {
        background-color: #c9e5e3;
        color: #008378;
        cursor: pointer;
    }

.btnCustomer {
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    border-style: outset;
    border-width: 2px 2px 2px 2px;
    border-color: #6e3694;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 24px;
    width: 100px;
    background-color: #6e3694;
    color: #dccae9;
    border-radius: 10px;
  /*top: -1px;*/
    padding: 0px 0px 0px 0px;
}

    .btnCustomer:hover {
        background-color: #dccae9;
        color: #6e3694;
        cursor: pointer;
    }

.btnDatagrid {
    text-decoration: none;
    display: inline-block;
    line-height: 14px;
    border-style: none;
    text-align: center;
    font-family: Verdana;
    font-size: xx-small;
    height: 18px;
    width: 50px;
    background-color: #79a8c7;
    color: black;
    border-radius: 7px;
}

    .btnDatagrid:hover {
        background-color: #d3e1ea;
        color: #2872a1;
        border-radius: 3px;
        cursor: pointer;
    }

.btnGridHead {
    text-decoration: none;
    background-color:transparent;
    border:none;
    color: whitesmoke;
}

    .btnGridHead:hover {
        /*background-color: #5a9dc8;
        color: #3182b6;*/
        /*border:outset 1px;*/
        cursor: pointer;
    }

.btnGridRed {
    text-decoration: none;
    display: inline-block;
    line-height: 14px;
    border-style: none;
    text-align: center;
    font-family: Verdana;
    font-size: xx-small;
    height: 18px;
    width: 50px;
    background-color: #da203d;
    color: #f8dce0;
    border-radius: 7px;
}

    .btnGridRed:hover {
        background-color: #f8dce0;
        color: #da203d;
        cursor: pointer;
    }

.btnGridGree {
    text-decoration: none;
    display: inline-block;
    line-height: 14px;
    border-style: none;
    text-align: center;
    font-family: Verdana;
    font-size: xx-small;
    height: 18px;
    width: 50px;
    background-color: #d0e8eb;
    color: #014d47;
    border-radius: 7px;
}

    .btnGridGree:hover {
        background-color: #008378;
        color: #d0e8eb;
        cursor: pointer;
    }

.btnExcel {
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    border-style: outset;
    border-width: 2px 2px 2px 2px;
    border-color: #2b7d33;
    font-family: Verdana;
    font-size: x-small;
    height: 24px;
    width: 140px;
    background-color: #2b7d33;
    color: whitesmoke;
    border-radius: 10px;
  /*top: -1px;*/
    padding: 0px 0px 0px 0px;
}

    .btnExcel:hover {
        background-color: #cfe5d2;
        color: #2b7d33;
        /*border-radius: 7px;*/
        cursor: pointer;
    }

.btnKembali {
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    border-style: outset;
    border-width: 2px 2px 2px 2px;
    border-color: #00969f;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 24px;
    width: 100px;
    background-color: #00969f;
    color: whitesmoke;
    border-radius: 10px;
  /*top: -1px;*/
    padding: 0px 0px 0px 0px;
}

        .btnKembali:hover {
            background-color: #9bdfe3;
            color: #008378;
            /*border-radius: 7px;*/
            cursor: pointer;
        }

.btnKonfirmasi {
    text-decoration: none;
    display: inline-block;
    line-height: 18px;
    border-style: outset;
    border-width: 1px;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 24px;
    width: 100px;
    background-color: #bc5b15;
    color: #fceee3;
    border-radius: 10px;
    padding: 0px 0px 0px 0px;
}

    .btnKonfirmasi:hover {
        background-color: #fceee3;
        color: #f47920;
        cursor: pointer;
    }

.btnKoneksi {
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    border-style: outset;
    /*border-width: 1px;*/
    border-width: 2px 2px 2px 2px;
    border-color: #760b74;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 24px;
    width: 100px;
    background-color: #91278f;
    color: #f0dcf0;
    border-radius: 10px;
    /*top: -1px;*/
    padding: 0px 0px 0px 0px;
}

    .btnKoneksi:hover {
        background-color: #f0dcf0;
        color: #91278f;
        cursor: pointer;
    }

.btnFormula {
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    border-style: outset;
    border-width: 2px 2px 2px 2px;
    border-color: #005929;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 24px;
    width: 100px;
    background-color: #005929;
    color: #cce8d9;
    border-radius: 10px;
    padding: 0px 0px 0px 0px;
    /*top: -1px;*/
    margin: 0px 0px 0px 0px;
}

    .btnFormula:hover {
        background-color: #cce8d9;
        color: #005929;
        cursor: pointer;
    }

.btnPageDark {
    text-decoration: none;
    display: inline-block;
    line-height: 18px;
    border-style: outset;
    border-width: 0px;
    border-radius: 10px;
    text-align: left;
    font-family: Verdana;
    font-size: small;
    background-color: #454f90;
    color: whitesmoke;
    font-weight: normal;
    padding: 0px 0px 0px 10px;
}

    .btnPageDark:hover {
        background-color: #454f90;
        color: whitesmoke;
        font-weight: bold;
        cursor: pointer;
    }

.btnPageLight {
    text-decoration: none;
    display: inline-block;
    line-height: 18px;
    border-style: outset;
    border-width: 0px;
    border-radius: 10px;
    margin-left: 20px;
    text-align: left;
    font-family: Verdana;
    font-size: small;
    height: 24px;
    width: 300px;
    background-color: #0a2b8b;
    color: #c6dfed;
    font-weight: normal;
    padding: 0px 0px 0px 10px;
}

    .btnPageLight:hover {
        background-color: #c6dfed;
        color: #0a2b8b;
        cursor: pointer;
        animation: fadein 1s;
        -webkit-animation: fadein 1s;
    }

.btnPageLightSub {
    text-decoration: none;
    display: inline-block;
    line-height: 18px;
    border-style: outset;
    border-width: 0px;
    border-radius: 10px;
    margin-left: 30px;
    text-align: left;
    font-family: Verdana;
    font-size: small;
    height: 24px;
    width: 290px;
    background-color: #4f69b6;
    color: #c6dfed;
    font-weight: normal;
    padding: 0px 0px 0px 10px;
}

    .btnPageLightSub:hover {
        background-color: #c6dfed;
        color: #0a2b8b;
        cursor: pointer;
        animation: fadein 1s;
        -webkit-animation: fadein 1s;
    }

.btnPageGree {
    text-decoration: none;
    display: inline-block;
    line-height: 18px;
    border-style: outset;
    border-width: 0px;
    border-radius: 10px;
    margin-left: 20px;
    text-align: left;
    font-family: Verdana;
    font-size: small;
    height: 24px;
    width: 300px;
    background-color: #008378;
    color: #cdebe8;
    font-weight: normal;
    padding: 0px 0px 0px 10px;
}

    .btnPageGree:hover {
        background-color: #cdebe8;
        color: #008378;
        cursor: pointer;
        animation: fadein 1s;
        -webkit-animation: fadein 1s;
    }

.btnPageObso {
    text-decoration: none;
    display: inline-block;
    line-height: 18px;
    border-style: outset;
    border-width: 0px;
    border-radius: 10px;
    margin-left: 20px;
    text-align: left;
    font-family: Verdana;
    font-size: small;
    height: 24px;
    width: 300px;
    background-color: #bf2459;
    color: #efd0db;
    font-weight: normal;
    padding: 0px 0px 0px 20px;
}

    .btnPageObso:hover {
        background-color: #efd0db;
        color: #bf2459;
        cursor: pointer;
    }

.btnpdf {
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    border-style: outset;
    border-width: 1px;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 24px;
    width: 140px;
    background-color: #8a3229;
    color: whitesmoke;
    border-radius: 10px;
  /*top: -1px;*/
    padding: 0px 0px 0px 0px;
}

    .btnpdf:hover {
        background-color: #e9cfcd;
        color: #8a3229;
        /*border-radius: 7px;*/
        cursor: pointer;
    }

.btnRefresh {
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    border-style: outset;
    border-width: 2px 2px 2px 2px;
    border-color: #ab5517;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 24px;
    width: 100px;
    background-color: #ab5517;
    color: whitesmoke;
    border-radius: 10px;
  /*top: -1px;*/
    padding: 0px 0px 0px 0px;
}

    .btnRefresh:hover {
        background-color: #eacdb8;
        color: #ab5517;
        /*border-radius: 7px;*/
        cursor: pointer;
    }

.btnSave {
    border: 2px outset #da203d;
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 24px;
    width: 100px;
    background-color: #da203d;
    color: whitesmoke;
    border-radius: 10px;
    z-index: 10;
    position: relative;
  /*top: -1px;*/
    left: 1px;
    padding: 0px 0px 0px 0px;
    top: 0px;
}

    .btnSave:hover {
        background-color: #e29ca7;
        color: #da203d;
        /*border-radius: 7px;*/
        z-index: 10;
        position: relative;
        cursor: pointer;
    }

.btnSaveEdit {
    border: 2px outset #b7001d;
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 24px;
    width: 100px;
    background-color: #b7001d;
    color: #e29ca7;
    border-radius: 10px;
    z-index: 10;
    position: relative;
  /*top: -1px;*/
    left: 0px;
    padding: 0px 0px 0px 0px;
    top: 0px;
}

    .btnSaveEdit:hover {
        background-color: #e29ca7;
        color: #b7001d;
        /*border-radius: 7px;*/
        z-index: 10;
        position: relative;
        cursor: pointer;
    }

.btnTambah {
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    border-style: outset;
    border-width: 2px 2px 2px 2px;
    border-color: #395d5a;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 24px;
    width: 100px;
    background-color: #395d5a;
    color: white;
    border-radius: 10px;
  /*top: -1px;*/
    padding: 0px 0px 0px 0px;
}

    .btnTambah:hover {
        background-color: #a8c7c4;
        color: #395d5a;
        /*border-radius: 7px;*/
        cursor: pointer;
    }

.btnView {
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    border-style: outset;
    border-width: 2px 2px 2px 2px;
    border-color: #af750c;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 24px;
    width: 100px;
    background-color: #af750c;
    color: whitesmoke;
    border-radius: 10px;
  /*top: -1px;*/
    padding: 0px 0px 0px 0px;
}

    .btnView:hover {
        background-color: #ede3d0;
        color: #af750c;
        /*border-radius: 7px;*/
        cursor: pointer;
    }

.buttong {     
    text-decoration: none;
    display: inline-block;
    line-height:18px;
    border-style:outset;
    border-width:1px;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 22px;
    width: 100px;
}

.btnFlow {
    text-decoration: none;
    display: inline-block;
    line-height: 18px;
    border-style: outset;
    border-width: 0px;
    border-radius: 10px;
    /*margin-left: 20px;*/
    text-align: left;
    font-family: Verdana;
    font-size: small;
    height: 80px;
    width: 150px;
    background-color: #0a2b8b;
    color: #c6dfed;
    font-weight: normal;
    text-align: center;
    /*text-wrap:normal;*/
    white-space: normal;
}

    .btnFlow:hover {
        background-color: #c6dfed;
        color: #0a2b8b;
        cursor: pointer;
    }

    .btnFlow img{
        width:0px;
        height:0px;
    }

/*CHECKBOX STANDARD*/
.chkStandard {
    position: relative;
    bottom: -2px;
    font-size: small;
    font-family: Verdana;
    color: #015083;
}

    .chkStandard label {
        position:relative;
        top:-2px;
    }

    /*CHECKBOX VERSI1*/
.chkVersi1 {
    position: relative;
    bottom: -2px;
    font-size: small;
    font-family: Verdana;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 3px;
}

    .chkVersi1 label {
        position: relative;
        top: -2px;
    }

.chkDataGrid {
    position:relative;
    font-size: x-small;
    font-family: Verdana;
}

    .chkDatagrid label {
        /*position:relative;
        top:-3px;
        height:18px;*/
    }

.ddlDatagrid {
    background-color: #0060af;
    color: #d6e5f1;
    font-size: x-small;
    font-family: Verdana;
    height: 18px;
    /*-webkit-appearance: none;
    -moz-appearance: none;*/
    outline: none;
    border: none;
    padding: 0px 0px 1px 9px;
}

    .ddlDatagrid:hover {
        background-color: #d6e5f1;
        color: #0060af;
        cursor: pointer;
    }

.ddlGridRed {
    background-color: #a80101;
    color: #d6e5f1;
    font-size: x-small;
    font-family: Verdana;
    height: 18px;
    /*-webkit-appearance: none;
    -moz-appearance: none;*/
    outline: none;
    border: none;
    padding: 0px 0px 1px 9px;
}

    .ddlGridRed:hover {
        background-color: #d6e5f1;
        color: #a80101;
        cursor: pointer;
    }

.ddlItoe {
    font-size:12px;
    font-family: Verdana;
    height: 24px;
    border-radius: 3px;
}

/*CALENDAR*/
.ddlCale {
    background-color: #0563af;
    color: #d5e4f0;
    padding: 3px 5px 5px 5px;
    border: none;
    font-size: 12px;
       font-family: Verdana;
       -webkit-appearance: none;
    -moz-appearance: none;
       outline: none;
    border-radius: 3px;
    margin-bottom: 1px;
    margin-top: 1px;
}

    .ddlCale:hover {
        background-color: #d5e4f0;
        color: #0563af;
        cursor:pointer;
    }

.btnCalendar {
    text-decoration: none;
    display: inline-block;
    line-height: 18px;
    border-style: outset;
    border-width: 1px;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 24px;
    width: 30px;
    background-color: #00969f;
    color: whitesmoke;
    border-radius: 3px;
    cursor: pointer;
}

.imgforCaleButton {
    margin-right: -27px;
    margin-top: -7px;
    width: 22px;
    height: 22px;
    z-index: 11;
    position: relative;
    vertical-align: middle;
    border: 0px;
    /*border-top-width: 2px;*/
    /*border-top-style: solid;*/
    border-color: transparent;
}

.imbCale {
    text-decoration: none;
    display: inline-block;
    line-height: 18px;
    border-style: solid;
    border-width: 0px 3px 1px 2px;
    border-color: #0563af;
    height: 24px;
    width: 30px;
    background-color: #0563af;
    border-radius: 7px;
    vertical-align: middle;
}

.calStyleNext {
    text-align: center;
}


/*STATUS*/
.ddlStatus0 {
    /*display: inline-block;*/
    border-style: none;
    /*border-color: inherit;*/
    /*border-width: medium;*/
    background-color: #d0e8eb;
    background-repeat: no-repeat;
    color: #016e7e;
    padding: 0px 1px 0px 3px;
    font-size: small;
    font-family: Verdana;
    border-radius: 3px 0px 0px 3px;
    margin: 0px 0px 0px 1px;
    line-height: 24px;
    height: 24px;
}

    .ddlStatus0:hover {
        background-color: #00abc4;
        color: #d0e8eb;
        cursor: pointer;
    }

/*.ddlStatus {
    background-color: #00abc4;
    background-repeat:no-repeat;
    color: #d0e8eb;
    padding: 0px 1px 0px 3px;
    border: none;
    font-size:12px;
    font-family: Verdana;
    outline: none;
    border-radius: 3px 0px 0px 3px;
    margin: 0px 0px 0px 3px;
      height:24px;
    vertical-align:middle;
}

    .ddlStatus img {
        color:white;
    }

    .ddlStatus:hover {
        background-color: #d0e8eb;
        color: #018497;
        padding: 1px 1px 1px 3px;
        cursor: pointer;
         }

.ddlStatusBottom {
    background-color: #00abc4;
    background-repeat: no-repeat;
    color: #d0e8eb;
    padding: 0px 1px 3px 3px;
    border: none;
    font-size: 12px;
    font-family: Verdana;
    outline: none;
    border-radius: 3px 0px 0px 3px;
    margin-bottom: 0px;
    margin-top: 0px;
    height: 22px;
    vertical-align: middle;
}

    .ddlStatusBottom:hover {
        background-color: #d0e8eb;
        color: #018497;
        cursor: pointer;
    }*/

/*LEAD*/
.ddlLead0 {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #004274;
    background-repeat: no-repeat;
    color: #bdd1e1;
    padding: 0px 1px 0px 3px;
    font-size: small;
    font-family: Verdana;
    /*outline: none;*/
    border-radius: 3px 0px 0px 3px;
    margin: 0px 0px 0px 0px;
    line-height: 24px;
    height: 24px;
    /*-webkit-appearance: none;
    -moz-appearance: none;*/
    outline: none;
}

    .ddlLead0:hover {
        background-color: #bdd1e1;
        color: #004274;
        cursor: pointer;
        /*border: none;
        font-size: 12px;
        font-family: Verdana;*/
    }

.ddlLead0NoAppe {
    background-color: #004274;
    background-repeat: no-repeat;
    color: #bdd1e1;
    padding: 0px 5px 0px 5px;
    border: none;
    font-size: small;
    font-family: Verdana;
    /*outline: none;*/
    border-radius: 3px 3px 3px 3px;
    margin: 0px 0px 0px 0px;
    line-height: 24px;
    height: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    /*width: -webkit-max-content;*/
    outline: none;
}

    .ddlLead0NoAppe:hover {
        background-color: #bdd1e1;
        color: #004274;
        cursor: pointer;
    }
    
/*COMPANY*/
.ddlComp0 {
    display: inline-block;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #2d479d;
    background-repeat: no-repeat;
    color: #ced4e9;
    padding: 0px 5px 0px 5px;
    font-size: small;
    font-family: Verdana;
    border-radius: 3px 0px 0px 3px;
    margin: 0px 0px 0px 0px;
    border: 0px 10px 0px 10px;
    line-height: 24px;
    height: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
}

    .ddlComp0:hover {
        background-color: #ced4e9;
        color: #2d479d;
        cursor: pointer;
    }

/*.ddlCompany {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #2d479d;
    background-repeat:no-repeat;
    color: #ced4e9;
    padding: 0px 1px 0px 3px;
    font-size:12px;
    font-family: Verdana;
    outline: none;
    border-radius: 3px 0px 0px 3px;
    margin: 0px 0px 0px 3px;  
    height:24px;
    }

    .ddlCompany:hover {
        background-color: #ced4e9;
          color: #2d479d;     
    }

.ddlComp4 {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #2d479d;
    background-repeat: no-repeat;
    color: #ced4e9;
    padding: 0px 1px 0px 3px;
    font-size: 12px;
    font-family: Verdana;   
    border-radius: 3px 0px 0px 3px;
    margin: 1px 0px 0px 3px;
    height: 24px;
}

    .ddlComp4:hover {
        background-color: #ced4e9;
        color: #2d479d;
        cursor: pointer;
    }

.ddlCompanyBottom {
    background-color: #2d479d;
    background-repeat: no-repeat;
    color: #ced4e9;
    padding: 0px 1px 1px 3px;
    border: none;
    font-size: 12px;
    font-family: Verdana;
    outline: none;
    border-radius: 3px 0px 0px 3px;
    margin-bottom: 0px;
    margin-top: 0px;
    height: 24px;
}

    .ddlCompanyBottom:hover {
        background-color: #ced4e9;
        background-repeat: no-repeat;
        color: #2d479d;
    }

.ddlCompBott2 {
    background-color: #2d479d;
    background-repeat: no-repeat;
    color: #ced4e9;
    padding: 0px 1px 1px 3px;
    border: none;
    font-size: 12px;
    font-family: Verdana;
    outline: none;
    border-radius: 3px 0px 0px 3px;
    margin-bottom: 0px;
    margin-top: 0px;
    height: 24px;
}

    .ddlCompBottlblstan2:hover {
        background-color: #ced4e9;
        background-repeat: no-repeat;
        color: #2d479d;
    }*/

    /*EDIT*/
.ddlEdit0 {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #034049;
    background-repeat: no-repeat;
    color: #d1eff3;
    padding: 0px 1px 0px 3px;
    font-size: small;
    font-family: Verdana;
    outline: none;
    border-radius: 3px 0px 0px 3px;
    margin: 0px 0px 0px 0px;
    height: 25px;
}

    .ddlEdit0:hover {
        background-color: #d1eff3;
        color: #034049;
        cursor: pointer;
    }

.ddlEdit0NoAppe {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #034049;
    background-repeat: no-repeat;
    color: #d1eff3;
    padding: 0px 5px 0px 5px;
    font-size: small;
    font-family: Verdana;
    outline: none;
    border-radius: 3px 3px 3px 3px;
    margin: 0px 0px 0px 0px;
    height: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.ddlEdit0NoAppe:hover {
    background-color: #d1eff3;
    color: #034049;
    cursor: pointer;
}

.ddlEditBottom {
    background-color: #d1eff3;
    background-repeat: no-repeat;
    color: #034049;
    padding: 0px 1px 3px 3px;
    border: none;
    font-size: 12px;
    font-family: Verdana;
    outline: none;
    border-radius: 3px 0px 0px 3px;
     height: 24px;
}

    .ddlEditBottom:hover {
        background-color: #034049;
        background-repeat: no-repeat;
        color: #d1eff3;
    }

.ddlEditDeci {
    background-color: #d1eff3;
    background-repeat: no-repeat;
    color: #034049;
    padding: 0px 1px 1px 3px;
    border: none;
    font-size: 12px;
    font-family: Verdana;
    outline: none;
    border-radius: 3px 0px 0px 3px;
    margin-bottom: 0px;
    margin-top: 0px;
    height: 24px;
    text-align:right;
}

    .ddlEditDeci:hover {
        background-color: #034049;
        color: #d1eff3;
        text-align: right;
    }

.ddlEditDeciBottom {
    background-color: #d1eff3;
    background-repeat: no-repeat;
    color: #034049;
    padding: 0px 1px 3px 3px;
    border: none;
    font-size: 12px;
    font-family: Verdana;
    outline: none;
    border-radius: 3px 0px 0px 3px;
    margin-bottom: 0px;
    margin-top: 0px;
    height: 24px;
    text-align:right;
}

    .ddlEditDeciBottom:hover {
        background-color: #034049;
        color: #d1eff3;
        text-align: right;
    }

.ddlEditDeciList {
    text-align: right;
}
/**/

.ddlEditImpo {
    background-color: #490324;
    background-repeat: no-repeat;
    color: #eddbe4;
    padding: 0px 1px 3px 3px;
    border: none;
    font-size: 12px;
    font-family: Verdana;
    outline: none;
    border-radius: 3px 0px 0px 3px;
    margin-bottom: 0px;
    margin-top: 0px;
    height: 24px;
}

    .ddlEditImpo:hover {
        background-color: #eddbe4;
        color: #490324;
    }

.ddlAlam {
    background-color: #054b36;
    background-repeat: no-repeat;
    color: #dcefde;
    padding: 0px 1px 0px 3px;
    border: none;
    font-size: 12px;
    font-family: Verdana;
    outline: none;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 0px;
    margin-top: 0px;
    height: 24px;
    width: 250px;
}

    .ddlAlam:hover {
        background-color: #dcefde;
        color: #054b36;
        cursor: pointer;
    }

.ddlAlamLeft {
    background-color: #054b36;
    background-repeat: no-repeat;
    color: #dcefde;
    padding: 0px 1px 0px 3px;
    border: none;
    font-size: 12px;
    font-family: Verdana;
    outline: none;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left:15px;
    height: 24px;
    width: 250px;
}

    .ddlAlamLeft:hover {
        background-color: #dcefde;
        color: #054b36;
        cursor: pointer;
    }

.DekPok {
    font-size: small; 
    font-family: Verdana; 
}

.dgrItoe {
    font-size:x-small;
    font-family: Verdana; 
}

/*DGRMAIN*/

.dgrMain {
    font-size: x-small;
    font-family: Verdana; 
    /*border-style: solid;
    border-width: 1px;
    border-color: grey;*/  
    border-radius:3px;
    margin-top:3px;
    width:700px;
}
 
.dgrMain img{
    height: 10px;
    width: 10px;
}

.dgrMainAlter {
    font-size: x-small;
    font-family: Verdana;
    color: #333333;
    background-color: #edf5f9;
    height: 22px;
}
    .dgrMainAlter:hover {
        background-color: #0c6092;
        color: #ccdee9;
    }

.dgrMainAlterSoft {
    font-size: x-small;
    font-family: Verdana;
    color: #333333;
    background-color: #edf5f9;
    height: 22px;
}

    .dgrMainAlterSoft:hover {
        background-color: #ccdee9;
        /*color: #ccdee9;*/
    }

    .dgrMainHeader {
        font-size: small;
        font-family: Verdana;
        color: whitesmoke;
        background-color: #3182b6;
        height: 25px;
        border-radius: 3px;
    }

.dgrMainItem {
    font-size: x-small;
    font-family: Verdana; 
    color: #333333;
    background-color: white;
    height: 22px;
  }

    .dgrMainItem:hover {
        background-color: #0c6092;
        color: #ccdee9;
    }

.dgrMainItemSoft {
    font-size: x-small;
    font-family: Verdana;
    color: #333333;
    background-color: white;
    height: 22px;
}

    .dgrMainItemSoft:hover {
        background-color: #ccdee9;
        /*color: #ccdee9;*/
    }

    /*GRIMAIN*/
.griMain {
    font-size: x-small;
    font-family: Verdana;
    /*border-style: solid;
    border-width: 1px;
    border-color: grey;*/
    border-radius: 3px;
    margin-top: 3px;
}

.griMainHeader 
{
    text-decoration:none;
    -moz-text-decoration-line:none;
    text-align:left;
    font-size: small;
    font-family: Verdana;
    color:white;
    background-color: #3182b6;
    height: 25px;
    border-radius: 3px;
}

    .griMainHeader a:link {
        text-decoration: none;
        color:white;
        font-weight:400;
    }

.griMainHeaderText {
    text-decoration: none;
}

.griMainAlter {
    font-size: x-small;
    font-family: Verdana;
    color: #333333;
    background-color: #edf5f9;
    height: 22px;
}

    .griMainAlter:hover {
        background-color: #0c6092;
        color: #ccdee9;
    }

.grimainItem {
    font-size: x-small;
    font-family: Verdana;
    color: #333333;
    background-color: white;
    height: 22px;
}

    .grimainItem:hover {
        background-color: #0c6092;
        color: #ccdee9;
    }

.griEdit {
    font-size: x-small;
    font-family: Verdana;
    /*border-style: solid;
    border-width: 1px;
    border-color: grey;
    border-radius: 3px;*/
    margin-top: 3px;
}


/*GRIVALU*/
.griValu {
    font-size: xx-small;
    font-family: Verdana;
    border-radius: 10px;
    /*margin-top: 3px;*/
}

.griValuHeader {
    text-decoration: none;
    -moz-text-decoration-line: none;
    text-align: left;
    font-size: xx-small;
    font-family: Verdana;
    color: white;
    background-color: #3182b6;
    /*height: 25px;*/
    border-radius: 3px;
}

.griValuItem {
    font-size: xx-small;
    font-family: Verdana;
    color: #333333;
    background-color: white;
}

.griValuAlter {
    font-size: xx-small;
    font-family: Verdana;
    color: #333333;
    background-color: #edf5f9;
}

.imgforbutton {
    border-left: 0px none transparent;
    border-right: 0px none transparent;
    border-top: 2px solid transparent;
    border-bottom: 0px none transparent;
    margin-right: 0px; /*-27px;*/
    margin-top: -7px;
    height: 1px; /*22px;*/
    width:1px;
    z-index: 11;
    position: relative;
    vertical-align: middle;
    top: 0px;
    left: 0px;
}


.icocancel {
    position: relative;
    left: 20px;
    pointer-events: none;
    top: 0.5px;
}

.spanimgforbutton {
    margin-top: -7px;
}



 .judul2019c {
    text-decoration: none ;
    display:inline-block;
    height: 21px;
    width: 500px;
    line-height:21px;
    background-color: #6F7D3A;
    border-style:outset;
    border-width:1px;
    text-align: center;
    font-family: Verdana;
    font-size: small;
    color: white;     
    position: absolute; 
    left: 8px;
    top: 8px;      
}

.kemprus {
    display: inline-block;
    border-style: outset;
    font-size: small;
    font-family: 'Verdana Rounded MT';
    background-color: #6F7D3A;
    width: 500px;
    height: 16px;
    color: white;
    border-width: 1px;
}

.lbldetail {
    font-size: 15px;
    text-align: center;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    /*-khtml-border-radius: 7px;*/ 
     border-radius: 7px;
    vertical-align: middle;
    line-height: 28px;
}

.lblitoe {
    font-size:x-small;
    font-family:Verdana;
}


/*LABEL FOR MENUS*/
.lbljuduldark {
            text-decoration: none ;
            display:inline-block;
            height: 21px;
            width: 500px;
            line-height:21px;
            background-color: transparent;
            border-style:outset;
            border-width:0px;
            text-align: left;
            font-family: Verdana;
            font-size: large;
            color: white;  
            position: absolute; 
            left: 8px;
            top: 8px;  
            font: bold;       
}

.lbljudullight {
     text-decoration: none;
            display:inline-block;
            height: 21px;
            width: 700px;
            line-height:21px;
            background-color: transparent;
            border-style:outset;
            border-width:0px;
            text-align: left;
            font-family: Verdana;
            font-size: large;
            color: black;  
            position: absolute; 
            left: 10px;
            top: 10px;
}

.lblJudulwTab {
    text-decoration: none;
    display: inline-block;
    height: 21px;
    width: 700px;
    line-height: 21px;
    background-color: transparent;
    border-style: outset;
    border-width: 0px;
    text-align: left;
    font-family: Verdana;
    font-size: large;
    color: black;
    position: absolute;
    left: 8px;
    top: 30px;
}

.lblJudulTabbedPage {
    text-decoration: none;
    display: inline-block;
    height: 21px;
    width: 700px;
    line-height: 21px;
    background-color: transparent;
    border-style: outset;
    border-width: 0px;
    text-align: left;
    font-family: Verdana;
    font-size: large;
    color: black;
    position: absolute;
    left: 8px;
    top: 8px;
}

.lblLevel1Dark {
    font-size: medium;
    font-family: Verdana;
    color: whitesmoke;
}

.lblLevel1Light {
    font-size: medium;
    font-family: Verdana;
    color: #333333;
}

.lblLevel2Dark {
    font-size:small;
    font-family: Verdana;
    color: whitesmoke;
}

.lblLevel2Light {
    font-size:small;
    font-family: Verdana;
    color: #333333;
}

.lblLevel3Light {
    font-size:x-small;
    font-family: Verdana;
    color: #333333;
}

.lblGridHead {
    font-size: small;
    font-family: Verdana;
    color: white;
    font-weight:400;
}

/*DESKRIPSI*/
.lblDeskMid {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding-left: 5px;
    font-size: small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 22px;
    width: 200px;
    color: #2578ae;
    text-align: left;
    background-color: #e6eff5;
    border-style: solid;
    border-radius: 3px;
    border-width: 1px;
    border-color: #2578ae;
}

    .lblDeskMid:hover {
        color: #e6eff5;
        text-align: left;
        background-color: #2578ae;
    }

    /*LABEL AND TEXTBOXT FOR DATAGRID*/
.lblStanGrid {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding-left: 5px;
    font-size: small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 22px;
    width: 200px;
    color: #E8EAEA;
    text-align: left;
    background-color: #3182b6;
    border-style: solid;
    border-radius: 3px;
    border-width: 1px;
    border-color: #3182b6;
    margin-left:10px;
}

.txtStanGrid {
    border-right: 1px solid #3182b6;
    border-top: 1px solid #3182b6;
    border-bottom: 1px solid #3182b6;
    border-left: 1px solid #3182b6;
    position: relative;
    font-size: 12px;
    font-family: Verdana;
    padding: 0px 3px 0px 10px;   
    height: 22px;
    border-radius: 6px 6px 6px 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-image: none;
    background-color: transparent;
    line-height: 1px;
    left: 0px;
}

.lblLeadGrid {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding-left: 5px;
    font-size: small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 22px;
    width: 200px;
    color: #E8EAEA;
    text-align: left;
    background-color: #1068a1;
    border-style: solid;
    border-radius: 7px;
    border-width: 1px;
    border-color: #3182b6;
}

.lblLeveGrid {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding-left: 5px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 22px;
    width: 400px;
    color: #1068a1;
    text-align: left;
    margin-left:15px;  
}

.lblHeadGrid {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding-left: 5px;
    font-size: small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 22px;
    /*width: 400px;*/
    color: white;
    text-align: left;
    margin-left: 15px;
}

.lblStanGridXSmal {
    display: inline-table;   
    padding-left: 5px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 16px;
    height: 18px;
    width: 100px;
    color: #3182b6;
    text-align: left;
    background-color: #eff5f9;
    border-style: solid;
    border-radius: 3px;
    border-width: 1px;
    border-color: #eff5f9;  
    margin: 0px 0px 0px 0px;
}

.txtStanGridXsmal {  
    border: 1px solid #3182b6;
      font-size:x-small;
    font-family: Verdana;
      padding: 0px 3px 1px 3px;
    line-height: 13px;
    height: 17px;
    border-radius: 3px 3px 3px 3px;
       border-image: none;
    background-color:white;
    /*left: 0px;*/
}

.txtStanGridXDeci {  
    border: 1px solid #3182b6;
       font-size: x-small;
    font-family: Verdana;
       padding: 0px 3px 1px 3px;
    line-height: 13px;
    height: 17px;
    border-radius: 3px 3px 3px 3px;
       border-image: none;
    background-color: white;
    text-align: right;
}

/*LABEL AND TEXTBOXT ENTRY PAIRING*/
    /*STANDARDLIGHT*/
    .lblStandardLight {
        font-size: small;
        font-family: Verdana;
        color: #333333;
    }

    /*STANDARD2*/
.txtStandard2 {
    padding-left: 15px;
    padding-bottom: 3px;
    font-size: small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 16px;
    height: 16px;
    margin-left: -10px;
    border-left: none;
    border-top-color: rgba(1,162,232, 0.7);
    border-bottom-color: #3182b6;
    border-right-color: #3182b6;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-style: solid;
    border-top-width: 1px;
    border-left-width: 0px;
    border-bottom-width: 1px;
    box-shadow: none;
    background-color: transparent;
}


.lblStandardLight2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    /*display: flex;*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding-left: 5px;
    padding-bottom: 2px;
    /*font-size: small;*/
    font-weight: 400;
    font-family: Verdana;
    line-height: 22px;
    height: 22px;
    color: #E8EAEA;
    text-align: left;
    background-color: #3182b6;
    border-style: solid;
    border-radius: 3px;
    border-width: 1px;
    vertical-align: middle;
}

.txtStandardLight2 {
    border-right: 1px solid #3182b6;
    border-top: 1px solid #3182b6;
    border-bottom: 1px solid #3182b6;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left-style: none;
    margin-left: -12px;
    padding-left: 15px;
    padding-bottom: 3px;
    height: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    font-weight: 400;
    font-family: Verdana;
    line-height: 22px;
    text-align: left;
}

    /*STANAPPL*/
.lblStanAppl {
    /*display: -webkit-box;
    display: -ms-flexbox;*/
    display: inline-table;
    /*display: flex;*/
    /*-webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;*/
    /*padding-left: 5px;
    padding-top: 0px;
    padding-bottom: 2px;*/
    padding: 0px 0px 0px 5px;
    font-size: small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 19px;
    height: 23px;
    width: 200px;
    color: #E8EAEA;
    text-align: left;
    background-color: #3182b6;
    border-style: solid;
    border-radius: 3px;
    border-width: 1px;
    border-color: #3182b6;
    float: left;
}

.lblStanApplRou {
    display: inline-table;
    padding: 0px 0px 0px 5px;
    font-size: small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 19px;
    height: 23px;
    width: 200px;
    color: #E8EAEA;
    text-align: left;
    background-color: #3182b6;
    border-style: solid;
    border-radius: 3px;
    border-width: 1px;
    border-color: #3182b6;
    float: left;
}

.txtStanAppl {
    border-right: 1px solid #3182b6;
    border-top: 1px solid #3182b6;
    border-bottom: 1px solid #3182b6;
    position: relative;
    font-size: 12px;
    font-family: Verdana;
    margin-left: -12px;
    /*padding-left: 15px;*/
    height: 22px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-image: none;
    background-color: transparent;
    line-height: 18px;
    left: 0px;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: medium;
    padding: 0px 3px 0px 18px;
    top: 0px;
}

    .txtStanAppl:hover {
        /*background-color:white;*/
        /*font-weight: bold;*/
        color: #0c2d90;
    }
        
.txtStanApplID {
    border: 1px solid #3182b6;
    position: relative;
    font-size: 12px;
    font-family: Verdana;
    padding: 0px 3px 0px 15px;
    margin: 0px 0px 0px 3px;
    line-height: 18px;
    height: 22px;
    width: 100px;
    border-radius: 3px 3px 3px 3px;
    /*border-image: none;*/
    background-color: #b8d5e7;
    color: #0b3149;
    /*line-height: 1px;*/
}

.txtStanApplDecim {
    border-right: 1px solid #3182b6;
    border-top: 1px solid #3182b6;
    border-bottom: 1px solid #3182b6;
    position: relative;
    /*top: 1px;*/
    font-size: 12px;
    font-family: Verdana;
    margin-left: -12px;
    padding-left: 15px;
    height: 24px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    /*appearance: none;*/
    border-image: none;
    background-color: transparent;
    line-height: 1px;
    left: 0px;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: medium;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 3px;
    text-align: right;
}

    .txtStanApplDecim:hover {
        /*background-color:white;*/
        /*font-weight: bold;*/
        color: #0c2d90;
    }

.txtStanApplMid {
    padding: 1px 3px 3px 3px;
    position: relative;
    font-size: 12px;
    font-family: Verdana;
    height: 24px;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-width: 1px;
    border-color: #3182b6;
    border-image: none;
    background-color: transparent;
    line-height: 1px;
    margin-left: 7px;
}

    .txtStanApplMid:hover {
        /*background-color:white;*/
        /*font-weight: bold;*/
        color: #0c2d90;
    }

.txtStandApplMidDecim {
    padding: 1px 3px 3px 3px;
    position: relative;
    /*top: 1px;*/
    font-size: 12px;
    font-family: Verdana;
    /*margin-left: -12px;
        padding-left: 15px;*/
    height: 24px;
    /*border-top-right-radius: 7px;
        border-bottom-right-radius: 7px;*/
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    /*appearance: none;*/
    border-width: 1px;
    border-color: #3182b6;
    border-image: none;
    /*border-left: none;*/
    background-color: transparent;
    line-height: 1px;
    text-align: right;
}

    .txtStandApplMidDecim:hover {
        /*background-color:white;*/
        /*font-weight: bold;*/
        color: #0c2d90;
    }

    /*STANDR*/
.lblStandR {
    display: -webkit-box;
    display: -ms-flexbox;
    /*display: flex;*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding-left: 5px;
    font-size: small;
    font-family: Verdana;
    font-weight: 400;
    line-height: 20px;
    height: 24px;
    width: 200px;
    color: #E8EAEA;
    text-align: left;
    background-color: #3182b6;
    border-style: solid;
    border-radius: 3px;
    border-width: 1px;
    /*float: left;*/
}

.txtStandR {
    border-right: 1px solid #3182b6;
    border-top: 1px solid #3182b6;
    border-bottom: 1px solid #3182b6;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left-style: none;
    margin-top: 1px;
    margin-left: -12px;
    padding-left: 15px;
    padding-bottom: 2px;
    height: 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    font-weight: 400;
    font-family: Verdana;
    line-height: 22px;
    text-align: left;
}

    .txtStandR:hover {
        /*background-color:white;*/
        /*font-weight: bold;*/
        color: #0c2d90;
    }

.txtStandRDecim {
    border: 1px solid #3182b6;
    position: relative;
    font-size: 12px;
    font-family: Verdana;
    padding: 0px 15px 0px 3px;
    line-height: 18px;
    height: 23px;
    width: 100px;
    border-radius: 3px 3px 3px 3px;
    background-color: #e7d8ee;
    color: #0b3149;
    text-align: right;
}

    .txtStandRDecim:hover {
        /*background-color:white;*/
        /*font-weight: bold;*/
        /*color: #0c2d90;*/
    }

.txtStandRMid {
    padding: 9px 3px 9px 3px;
    position: relative;
    top: 1px;
    font-size: 12px;
    font-family: Verdana;
    height: 2px;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-width: 1px;
    border-color: #3182b6;
    border-image: none;
    background-color: transparent;
    line-height: 1px;
}

    .txtStandRMid:hover {
        /*background-color:white;*/
        /*font-weight: bold;*/
        color: #0c2d90;
    }

.txtStandRMidDecim {
    padding: 9px 3px 9px 3px;
    position: relative;
    top: 1px;
    font-size: 12px;
    font-family: Verdana;
    /*margin-left: -12px;
        padding-left: 15px;*/
    height: 2px;
    border-radius: 3px 3px 3px 3px;
    /*border-top-right-radius: 7px;
        border-bottom-right-radius: 7px;*/
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    /*appearance: none;*/
    border-width: 1px;
    border-color: #3182b6;
    border-image: none;
    /*border-left: none;*/
    background-color: transparent;
    line-height: 1px;
    /*vertical-align:middle;*/
}

    .txtStandRMidDecim:hover {
        /*background-color:white;*/
        /*font-weight: bold;*/
        color: #0c2d90;
    }

    /*STANDARD*/
.txtStandard {
    font-size: 12px;
    font-family: Verdana;
    text-align: left;
    height: 24px;
    padding: 1px 1px 2px 5px;
    border-style: solid;
    border-color: #005185;
    border-width: 1px 1px 1px 1px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    border-radius: 3px 3px 3px 3px;
}

.lblterbilang {
    font-size: 14px;
    font-family: Verdana;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*-khtml-border-radius: 3px;*/
    background-color: rgba(255, 255, 255, 0.5);
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: solid;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    /*-khtml-border-radius: 3px 0px 0px 3px;*/
    border-radius: 3px 0px 0px 3px;
}

/*SPANR*/
.lblSpanR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding-left: 5px;
    font-size: small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 20px;
    height: 24px;
    color: #E8EAEA;
    text-align: left;
    background-color: #3182b6;
    border-style: solid;
    border-radius: 3px;
    border-width: 1px;
    float: left;
}

.txtDecimal {
    display: inline-block;
    font-size:12px;
    font-family: Verdana;
    /*font-size:12px;*/
    font-family: Verdana;
    text-align: right;
    height: 18px;
}

/*DYNAMIC & STATIC MENUS*/
.menUtamaDark {
    font-size: small;
    font-family: Verdana;
    position: absolute;
    top: 29px;
    left: 0px;
    /*color: #dae0f0;*/
    /*transition-duration: 1s;*/
    opacity: 1;
    transition: opacity 2s linear;
}

.masukpelanpelan {
    transition-duration: 1s;
}

.DynaMenuItemStyl { /*MENU UTAMA DYNAMIC*/
    border-style: none;
    background-color: #6e3694;
    font-family: Verdana;
    font-size: small;
    padding: 2px 0px 4px 0px;
    border: 1px 1px 1px 1px;
    margin: 1px 1px 1px 5px;
    border-radius: 0px 7px 0px 7px;
    /*border-color: transparent;*/
    width: 200px;
    transition-duration: 2s;
    animation: fadein 1s;
    -webkit-animation: fadein 1s;
    /*opacity: 1;*/
    /*transition: opacity 2s linear;*/
    /*transition:linear;*/
}

    .DynaMenuItemStyl img {
        width: 10px;
        height: 10px;
    }

.DynaHoveStyl { /*MENU UTAMA HOVER DYNAMIC*/
    background-color: #e5d9ee;
    color: #6e3694;
    opacity: 1;
    transition: opacity 2s linear;
    /*transition-duration: 1s;*/
    animation: fadein 1s;
    -webkit-animation: fadein 2s;
}

@keyframes fadein{
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to {opacity: 1; }
}

.DynaMenuStyl {
    /*background-color: #C8CDEE;*/
    /*transition-duration: 1s;*/
    opacity: 1;
    transition: opacity 2s linear;
}

.DynaSeleStyl {
    /*background-color: #858ec8;
    color: #dae0f0;*/
    /*transition-duration: 1s;*/
}

.StatMenuItemStyl { /*TAMPILAN UTAMA*/
    background-color: #22409a;
    color: #dae0f0;
    font-family: Verdana;
    padding: 2px 0px 2px 0px;
    border: 4px 1px 4px 1px;
    margin: 1px 1px 1px 5px;
    border-radius: 0px 7px 0px 7px;
    border-color: #22409a;
    width: 150px;
    height: 24px;
    /*transition-duration: 1s;*/
}

    .StatMenuItemStyl img {
        width: 10px;
        height: 10px;
    }

.StatMenuItemStylS {
    background-color: #22409a;
    color: #dae0f0;
    font-family: Verdana;
    padding: 2px 0px 2px 0px;
    border: 4px 1px 4px 1px;
    margin: 1px 1px 1px 5px;
    border-radius: 7px 7px 0px 7px;
    border-color: #22409a;
    width: 150px;
    height: 24px;
    /*transition-duration: 1s;*/
}

    .StatMenuItemStylS img {
        width: 18px;
        height: 18px;
    }

.StatHoveStyl { /*TAMPILAN HOVER UTAMA*/
    background-color: #dae0f0;
    color: #22409a;
    transition-duration: 1s;
}

.StatMenuStyl {
    /*border-style: none;
    background-color: #00a0d9;
    color: #dae0f0;*/
    /*transition-duration: 1s;*/
}

.StatSeleStyl {
    /*background-color: #00a9a4;
    color: #dae0f0;*/
    transition-duration: 1s;
}

/*MENU UNTUK TAB*/

.pnlMenuTab {
    position: absolute;
    top: 0px;
    left: 8px;
    height: 22px;
    width: 90%;
}

.hypMenuTab {
    font-size: small;
    font-family: Verdana;
    text-align: center;
    text-decoration: none;
    background-color: #bad0db;
    color: #22409a;
    border-radius: 10px 10px 0px 0px;
    padding: 4px 10px 0px 10px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: -2px;
}

    .hypMenuTab:hover {
        background-color: #22409a;
        color: #bad0db;
    }

    .hypMenuTab:focus {
        background-color: #ecf2f5;
        color: #22409a;
        /*border-color: #bad0db;
        border-width:thin;
        border-top:solid;
        border-left:solid;
        border-right:solid;
        border-bottom:none;
        margin-bottom:2px;*/
    }

    .hypMenuTab::after {
        background-color: #ecf2f5;
        color: #22409a;
        border-color: #bad0db;
        border-width: thin;
        border-top: solid;
        border-left: solid;
        border-right: solid;
        border-bottom: none;
    }

.hypMenuTabMaster {
    font-size: small;
    font-family: Verdana;
    text-align: center;
    text-decoration: none;
    background-color: #d8c6e5;
    color: #571a81;
    border-radius: 10px 10px 0px 0px;
    padding: 4px 10px 0px 10px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: -2px;
}

    .hypMenuTabMaster:hover {
        background-color: #571a81;
        color: #d8c6e5;
    }

    .hypMenuTabMaster:focus {
        background-color: #ecf2f5;
        color: #571a81;
    }


.btnMenuSamp {
    font-size: small;
    font-family: Verdana;
    text-align: center;
    text-decoration: none;
    background-color: #bad0db;
    color: #22409a;
    border-radius: 0px 10px 10px 0px;
    border-left: hidden;
    border-color: #BAD0DB;
    padding: 4px 25px 4px 10px;
    /*height: 24px;*/
    display: inline-block;
    /*vertical-align: middle;*/
    margin:1px 0px 1px -2px;
}

    .btnMenuSamp:hover {
        background-color: #22409a;
        color: #bad0db;
        border-color: #22409a;
        cursor: pointer;
    }

.menUtamaTab {
    font-size: small;
    font-family: Verdana;
    position: absolute;
    top: 0px;
    right: 10px;
    text-align:center;
}

.StatMenuItemStylTab { /*TAMPILAN UTAMA*/
    background-color: #bad0db;
    color: #dae0f0;
    font-family: Verdana;
    padding: 2px 0px 2px 0px;
    border: 1px 1px 1px 1px;
    margin: 1px 1px 1px 5px;
    border-radius: 10px 10px 0px 0px;
    border-color: transparent;
    width: 50px;
    height: 22px;
}

.StatHoveStylTab { /*TAMPILAN HOVER UTAMA*/
    background-color: #dae0f0;
    color: #22409a;
}

.StatSeleStylTab {
    background-color: #ecf2f5;
    color: #dbe1f1;
    border-color: #22409a;
}

.menUtamaTab a.static.selected {
    background-color: #ecf2f5;
    color: #22409a;
    border-color: #22409a;
    text-decoration:none;
}

.DynaMenuItemStylTab { /*MENU UTAMA DYNAMIC*/
    border-style: none;
    background-color: #22409a;
    font-family: Verdana;
    font-size: small;
    padding: 2px 0px 4px 0px;
    border: 1px 1px 1px 1px;
    margin: 1px 1px 1px 5px;
    border-radius: 7px 0px 0px 0px;
    /*border-color: transparent;*/
    width: 240px;
}

.DynaHoveStylTab { /*MENU UTAMA HOVER DYNAMIC*/
    background-color: #dae0f0;
    color: #22409a;
}

.DynaMenuStylTab {
    border-radius: 7px 0px 0px 0px;
}

.menBawahLight {
    font-size: small;
    font-family: Verdana;
}

.menLevel1Dark {
    font-size: small;
    font-family: Verdana;
    color: red;
}

    .menLevel1Dark img {
        width: 10px;
        height: 10px;
    }

.menStaticItem {
    font-size: small;
    font-family: Verdana;
    height: 22px;
    background-color: antiquewhite;
}

    .menStaticItem img {
        width: 10px;
        height: 10px;
    }

.lblMainErro {
    font-size: small;
    font-family: Verdana;
    color:red;
    margin:7px 0px 7px 7px;
    /*background-color:red;*/
    /*width:760px;*/
    /*border:solid;
    border-radius: 7px 7px 7px 7px;*/
    /*border:thick;*/
    /*padding: 10px 10px 10px 10px;*/
}


/*ERROR MESSAGE FOR EXCEPTION*/
.pnlErro {
    position: absolute;
    left: 8px;
    top: 1050px;
    /*width:800px;*/
    /*height:400px;*/
    font-family: Verdana;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
}

.pnlErro2 {
    position: absolute;
    left: 8px;
    top: 1750px;
    font-family: Verdana;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
}

.lblMainErroAb {
    font-size: small;
    font-family: Verdana;
    color: #bf2459;
    background-color: #f7edf1;
    width: 760px;
    border: solid;
    border-radius: 3px 3px 3px 3px;
    border-color: #f7edf1;
    border-width: 10px;
    display: block;
    margin: 7px 7px 7px 7px;
}

.lblErroNoti {
    font-size: small;
    font-family: Verdana;
    color:#005185;
    padding-left:10px;
}

.pnlErroShow {
    position: absolute;
    left: 20px;
    top: 60px;
    /*width:800px;*/
    /*height:400px;*/
    font-family: Verdana;
    display: block;
    background-color: #efd6de;
    border: solid;
    border-color: #efd6de;
    border-radius: 10px 10px 10px 10px;
    padding: 7px 7px 7px 7px;
    z-index:1000;
}

.btnErroKemb {
    text-decoration: none;
    display: inline-block;
    line-height: 18px;
    border-style: outset;
    border-width: 1px;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 22px;
    width: 100px;
    background-color: #005185;
    color: #aecadc;
    border-radius: 5px;
    padding-left: 10px;
    margin-left: 10px;
    padding: 0px 0px 0px 10px;
}

    .btnErroKemb:hover {
        text-decoration: none;
        display: inline-block;
        line-height: 18px;
        border-style: outset;
        border-width: 1px;
        text-align: center;
        font-family: Verdana;
        font-size: x-small;
        height: 22px;
        width: 100px;
        background-color: #aecadc;
        color: #005185;
        /*border-radius: 7px;*/
        padding-left: 10px;
        cursor:pointer;
        /*position:absolute;
    right:500px;*/
    }

.imgforErroButton {
    margin-right: -40px;
    margin-top: -4px;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    z-index: 11;
    position: relative;
    vertical-align: middle;
}

.imgGamb{
    position:absolute;
    top: 50px;
    left: 830px;
}

/*LOGIN PAGE*/
.pnlLogin {
    margin: 50px 0px 0px 33%;
    padding: 10px 10px 10px 10px;
    box-shadow: 0px 10px 20px 0px #004274;
    border: 0px;
    border-radius: 20px 20px 20px 20px;
}

.txtStanLogi {
    height: 28px;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: 0px 1px 5px 0px #7b99a8 inset;
    border: 0px;
    border-radius: 20px 20px 20px 20px;
    padding: 3px 3px 3px 40px;
}

.imgforlogin {
    margin-right: -40px;
    margin-top: -7px;
    width: 22px;
    height: 22px;
    z-index: 11;
    position: relative;
    vertical-align: middle;
}

.btnLogin {
    border-radius: 20px 20px 20px 20px;
    width: 200px;
    height: 32px;
    background-color: #005185;
    color: #bcd6e7;
    font-weight: 400;
    font-size: 16px;
    /*font-family: Verdana;*/
    padding: 1px 0px 0px 0px;
    cursor: pointer;
}

    .btnLogin:hover {
        background-color: #bcd6e7;
        color: #005185;
        cursor: pointer;
    }

.lbljudulawal {
    display: inline-block;
    height: 21px;
    width: 240px;
    line-height: 21px;
    background-color: transparent;
    border-style: outset;
    border-width: 0px;
    text-decoration: none;
    text-align: center;
    font-family: Verdana;
    font-size: large;
    color: black;
    /*position: initial;*/
    /*float: left;*/
}


/*REGISTRASI*/

.lblJudulRegis {
    display: inline-block;
    height: 21px;
    width: 240px;
    line-height: 21px;
    background-color: transparent;
    border-style: outset;
    border-width: 0px;
    text-decoration: none;
    text-align: left;
    font-family: Verdana;
    font-size: large;
    color: #005185;
}

.lblRegis {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding-left: 5px;
    font-size: small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 20px;
    height: 24px;
    width: 200px;
    color: #E8EAEA;
    text-align: left;
    background-color: #3182b6;
    border-style: solid;
    border-radius: 7px;
    border-width: 1px;
}

.txtRegis {
    vertical-align: middle;
    display: inline-table;
    border-right: 1px solid #3182b6;
    border-top: 1px solid #3182b6;
    border-bottom: 1px solid #3182b6;
    border-left: 1px solid #3182b6;
    border-radius: 7px 7px 7px 7px;
    margin: 0px 0px 1px 1px;
    padding: 0px 0px 0px 15px;
    height: 22px;
    width:300px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    font-weight: 400;
    font-family: Verdana;
    line-height: 22px;
    text-align: left;
}

.ddlRegis {
    background-color: #0563af;
    color: #d5e4f0;
    padding: 3px 5px 5px 5px;
    border: none;
    font-size: 12px;
    font-family: Verdana;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border-radius: 5px;
    margin-bottom: 1px;
    margin-top: 1px;
}

    .ddlRegis:hover {
        background-color: #d5e4f0;
        color: #0563af;
        cursor: pointer;
    }

.ddlRegisLabel {
    background-color: #3182b6;
    color: #d5e4f0;
    padding: 3px 5px 5px 5px;
    border: none;
    font-size: 12px;
    font-family: Verdana;
    /*-webkit-appearance: none;
    -moz-appearance: none;*/
    outline: none;
    border-radius: 5px;
    margin-bottom: 1px;
    margin-top: 1px;
}

    .ddlRegisLabel:hover {
        background-color: #d5e4f0;
        color: #3182b6;
        cursor: pointer;
    }


/*PANEL STANDARD APPLICATION*/
.pnlLead {
    font-family:Verdana;
    color:transparent;
    font-size: xx-small;
    width: 1100px;
}

.pnlMain {
    position:absolute; 
    left:8px; 
    top:40px; 
    width:1200px; 
    height:1130px;
    font-family: Verdana; 
    /*z-index: 0;*/
}

.pnlMain2 {
    position:absolute; 
    left:8px; 
    top:8px; 
    width:1200px; 
    height:400px;
    /*z-index: 2;*/
}

.pnlMainwTab {
    position: absolute;
    left: 8px;
    top: 60px;
    width: 1200px;
    height: 1130px;
    font-family: Verdana;
    /*z-index: 0;*/
}

.pnlMainTabbedPage {
    position: absolute;
    left: 8px;
    top: 30px;
    width: 1200px;
    height: 1130px;
    font-family: Verdana;
    /*z-index: 0;*/
}

.pnlMainFit {
    position: absolute;
    left: 8px;
    top: 30px;
    width: 100%;
    height: 100%;
    font-family: Verdana;
}

.pnlMainImag {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    font-family: Verdana;
}

.pnlStandard {
    font-family: Verdana;
    width:1200px;
    height:500px;
}

.ifrMain {
    position: absolute;
    left: 8px;
    top: 40px;
    width: 90%;
    height: 100%;
    border:none;
}

.ifrTab {
    position: absolute;
    left: 8px;
    top: 24px;
    width: 99%;
    height: 95%;
    border: none;
}

.ifrTab2 {
    position: absolute;
    left: 8px;
    top: 20px;
    width: 99.4%;
    height: 94%;
    border: none;
}

/*PANEL FOR LIST*/
.pnlList {
    position: absolute;
    left: 8px;
    top: 900px;
    width: 1000px;
    height: 400px;
    font-family: Verdana;
    /*color:whitesmoke;*/
    /*background-color: #d5e4f0;*/
}

.pnlList2 {
    position: absolute;
    left: 8px;
    top: 1800px;
    width: 1000px;
    height: 400px;
    font-family: Verdana;
    /*background-color: #d5e4f0;*/
}

.pnlListShow {
    position: absolute;
    left: 20px;
    top: 100px;
    width: 1000px;
    height: 400px;
    font-family: Verdana;
    border-radius: 7px 7px 7px 7px;
    /*background-color: #d5e4f0;*/
}

.pnlSubEntry {
    border-color: grey;
    border-width: 1px;
    width: 720px;
}

/*PANEL EDIT*/

.pnlEdit {
    position: absolute;
    left: 8px;
    top: 2200px;
    width: 1000px;
    height: 400px;
    font-family: Verdana;
    /*z-index: 3;*/
}

.pnlEditShow {
    position: absolute;
    left: 20px;
    top: 22px;
    width: 1000px;
    height: 1000px;
    font-family: Verdana;
    border-radius: 7px 7px 7px 7px;
    /*z-index: 3;*/
}

.pnlEditShow2 {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 100%;
    height: 100%;
    font-family: Verdana;
    border-radius: 7px 7px 7px 7px;
 }

.pnlEdit2 {
    position: absolute;
    left: 8px;
    top: 3200px;
    width: 1000px;
    height: 400px;
    font-family: Verdana;
    /*z-index: 4;*/
}

.pnlEdit2Show {
    position: absolute;
    left: 30px;
    top: 60px;
    width: 1000px;
    height: 1000px;
    font-family: Verdana;
    border-radius: 7px 7px 7px 7px;
    /*z-index: 4;*/
}

.pnlEdit3 {
    position: absolute;
    left: 8px;
    top: 4200px;
    width: 1000px;
    height: 400px;
    font-family: Verdana;
    /*z-index: 5;*/
}

.pnlEdit3Show {
    position: absolute;
    left: 20px;
    top: 50px;
    width: 1000px;
    height: 1000px;
    font-family: Verdana;
    border-radius: 7px 7px 7px 7px;
    /*z-index: 5;*/
}

.pnlEdit4 {
    position: absolute;
    left: 8px;
    top: 5200px;
    width: 1000px;
    height: 400px;
    font-family: Verdana;
    /*z-index: 6;*/
}

.pnlImagShow {
    position: absolute;
    right: 20px;
    top: 80px;
    width: 300px;
    height: 500px;
    font-family: Verdana;
    border-radius: 7px 7px 7px 7px;
    /*z-index: 5;*/
}

.ifrImage {
    /*position: absolute;
    left: 0px;
    top: 0px;*/
    width: 98%;
    height: 90%;
    border: none;
}

/*SHARED*/
.pnlSharedShow {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 1000px;
    height: 480px;
    font-family: Verdana;
    border-radius: 7px 7px 7px 7px;  
    border:none;
}

.pnlMainShared {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    font-family: Verdana;
    overflow:auto;
}

.ifrShared {
    position: absolute;
    left: 0px;
    top: 2000px;
    width: 98%;
    height: 90%;
    border: none;
}

.ifrSharedShow {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 99%;
    height: 98%;
    border: none;
}



.radiobutong {
    font-size: small;      
    font-family: Verdana;  
    vertical-align: middle;
}

.radGrid {
    font-size: x-small;
    font-family: Verdana;
    vertical-align: middle;
}

/*PANEL ANNOUNCEMENT*/
.pnlAnno {
    position: absolute;
    left: 8px;
    top: 4200px;
    width: 1000px;
    height: 400px;
    font-family: Verdana;
}

.pnlAnnoShow {
    position: absolute;
    left: 20px;
    top: 50px;
    width: 1000px;
    height: 400px;
    font-family: Verdana;
    border-radius: 7px 7px 7px 7px;
}

.tabAnno {
    border-spacing: 1px;
    width: 700px;
    border: 2px solid #e5c5d2;
    background-color: #f7edf1;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    padding: 10px;
}

.lblAnno {
    font-size: small;
    font-family: Verdana;
    color: #005185;
    /*padding-left: 10px;*/
}

.btnAnnoKemb {
    text-decoration: none;
    display: inline-block;
    line-height: 18px;
    border-style: outset;
    border-width: 2px;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 24px;
    width: 100px;
    background-color: #00969f;
    /*color: #aecadc;*/
    color: whitesmoke;
    border-radius: 10px;
    padding: 0px 0px 0px 0px;
    border-color: #00969f;
}

    .btnAnnoKemb:hover {
        background-color: #aecadc;
        color: #005185;
        cursor: pointer;
    }

.btnAnnoSimp {
    border: 2px outset #da203d;
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 24px;
    width: 100px;
    background-color: #da203d;
    color: whitesmoke;
    border-radius: 10px;
    z-index: 10;
    position: relative;
    /*top: -1px;*/
    left: 1px;
    padding: 0px 0px 0px 0px;
    top: 0px;
}

    .btnAnnoSimp:hover {
        background-color: #e29ca7;
        color: #da203d;
        cursor: pointer;
    }

/*PANEL NOTIFIKASI*/
.pnlNoti {
    position: absolute;
    left: 8px;
    top: 1200px;
    /*width: 1000px;
    height: 400px;*/
    font-family: Verdana;
}

.pnlNotiShow {
    position: absolute;
    right: 20px;
    top: 5px;
    /*width: 1000px;
    height: 400px;*/
    font-family: Verdana;
    border-radius: 7px 7px 7px 7px;
}

.tabNoti {
    border-spacing: 1px;
    width: 402px;
    border: 0px;
    background-color:transparent;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
}

.lblNoti {
    font-size: x-small;
    font-family: Verdana;
    color: #d6e4ee;
    background-color: #004274;
    width: 400px;
    border: solid;
    border-radius: 7px 7px 7px 7px;
    border-color: #004274;
    border-width: 7px;
    display: block;
    /*margin: 7px 7px 7px 7px;*/
    text-align: center;
}

.lblNoti2 {
    font-size: x-small;
    font-family: Verdana;
    color: #d6e4ee;
    background-color: #004274;
    width: 500px;
    border: solid;
    border-radius: 7px 7px 7px 7px;
    border-color: #004274;
    border-width: 5px;
    display: block;
    text-align: center;
}

.btnNotiTutu {
    text-decoration: none;
    display: inline-block;
    line-height: 18px;
    border-style: outset;
    border-width: 1px;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 22px;
    width: 120px;
    background-color: #005185;
    color: #aecadc;
    border-radius: 5px;
    padding: 0px 0px 0px 20px;
    /*margin: 0px 0px 0px 10px;*/
    /*margin-right: 10px;*/
}

    .btnNotiTutu:hover {
        background-color: #aecadc;
        color: #005185;
        cursor: pointer;
    }

.imgforbtnNoti {
    margin-right: -30px;
    margin-top: -4px;
    margin-left: 5px;
    width: 22px;
    height: 22px;
    z-index: 11;
    position: relative;
    vertical-align: middle;
}

.imgforbtn0 {
    margin-right: -28px;
    margin-top: -4px;
    margin-left: 1px;
    width: 1px;
    height: 1px;
    z-index: 11;
    position: relative;
    vertical-align: middle;
}

/*PANEL DETAIL*/
.pnlDetail {
    /*position: absolute;*/
    /*left: 8px;
    top: 4200px;*/
    width: 1000px;
    height: 400px;
    /*font-family: Verdana;*/
}

/*DIVISION SETUP*/
.StanApplDiv {
    display: inline-block;
    vertical-align: central;
    /*position:relative;*/
    width: 700px;
}

.StanApplDivLabel {
    display: inline-block;
    vertical-align: central;
    /*position:absolute;*/
    /*top:50%;*/
    /*left:0px;*/
    /*-ms-transform:translateY(-50%);
    transform:translateY(-50%);*/
}

.StanApplDivTextBox {
    display: inline-block;
    /*vertical-align:middle;*/
    /*position: absolute;
    top: 50%;
    left: 700px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
}

.tableitoe {
    font-size: small; 
    font-family: Verdana; 
    border-spacing: 1px;
    width:700px;
    border:0;
}

.tabList {
    border-spacing: 1px;
    width: 700px;
    border: 0;
    background-color: #d5e4f0;
}

.tabAwal { /*Untuk menampilkan tab setelah klik btnCari*/
    border-spacing: 1px;
    width: 800px;
    border: 2px solid #e5eef5;
    background-color: #f5f8fb;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    padding: 10px;
}

.tabEdit {
    border-spacing: 1px;
    width: 800px;
    /*border-style:solid;*/
    border: 2px solid #cbddeb;
    background-color: #edf3f8;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    padding: 10px;
}

.tabEdit2 {
    border-spacing: 1px;
    width: 800px;
    border: 2px solid #b0cce2;
    background-color: #e0ebf3;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    padding: 10px;
}

.tabEdit3 {
    border-spacing: 1px;
    width: 800px;
    border: 2px solid #a9c6df;
    background-color: #d5e4f0;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    padding: 10px;
}

.tabEditTran {
    border-spacing: 1px;
    width: 700px;
    border: 0;
}

.tabEdit4 {
    border-spacing: 1px;
    width: 800px;
    border: 2px solid #9abbd7;
    background-color: #bbd1e4;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    padding: 10px;
}

.tabEditInside {
    border-spacing: 1px;
    width: 800px;
    border: 1px solid #c8dbeb;
    background-color: #eaf1f6;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding: 5px;
}

.tabLead {
    font-size: small;
    font-family: Verdana;
    border-spacing: 1px;
    width: 1000px;
    border: 0;
}

.tabStandard {
    font-size: small;
    font-family: Verdana;
    border-spacing: 1px;
    width: 700px;
    border: 0;
}

.tabGrid {
    border-spacing: 0px;
    width: 300px;
    border: 0px;
    /*background-color: #d5e4f0;*/
}

.tabGrid2 {
    border-spacing: 1px;
    width: 300px;
    border: 0px;
}

.tomboldiatas {
            border-style: none;
            border-radius: 10px;
            display:inline-block;
            line-height:19px;
            height:22px;
            text-align: center;
            font-family: Verdana;
            Font-Size:Small;
}


/*MESSAGING*/
.tabPesaUmum {
    display: inline-block;
    border-spacing: 1px;
    width: 500px;
    border: 10px 10px 10px 0px;
    border: solid;
    border-color: #fbfcfd;
    background-color: #fbfcfd;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 0px 14px 0px 30px;
    margin: 1px 0px 0px 0px;
    padding: 5px 5px 5px 10px;
    position: relative;
    left: 10px;
    box-shadow: -30px -20px 0px -20px #fbfcfd;
    /*overflow-x: hidden;*/
    /*bottom: -4px;*/
}

.tabPesaDari {
    border-spacing: 1px;
    width: 500px;
    border: 10px 10px 10px 10px;
    border: solid;
    border-color: #e2eceb;
    background-color: #e2eceb;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px 0px 30px 0px;
    float: right;
    margin: 1px 10px 0px 0px;
    padding: 5px 10px 5px 5px;
    box-shadow: 30px -20px 0px -20px #e6eff6;
    text-align: right;
    /*align: right;*/
}

.lblMessKiri {
    font-weight: 800;
    color: #015083;
}

.dgrPesaAll {
    font-size: x-small;
    font-family: Verdana;
    border-radius: 3px;
    margin-top: 3px;
}

.dgrPesaAllHeader {
    font-size: small;
    font-family: Verdana;
    color: whitesmoke;
    background-color: #3182b6;
    height: 25px;
    border-radius: 3px;
}

.tapPesan {
    border-spacing: 1px;
    width: 800px;
    border: 10px solid #f4f8fb;
    background-color: #f4f8fb;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
}

/*ZERO STYLE*/
.lblStanAppl0 {
    /*display: inline-table;*/
    display: inline-block;
    padding: 0px 0px 0px 5px;
    font-size: small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 23px;
    height: 23px;
    width: 200px;
    /*color: #E8EAEA;*/
    color: #015083;
    text-align: left;
    /*background-color: #3182b6;*/
    background-color: #f2f6f9;
    border-style: solid;
    border-radius: 3px;
    border-width: 1px;
    /*border-color: #3182b6;*/
    border-color: #f2f6f9;
    /*float: left;*/
}

.lblStan0Tran {
    display: inline-block;
    padding: 0px 0px 0px 5px;
    font-size: small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 16px;
    height: 16px;
    width: 200px;
    color: transparent;
    text-align: left;
    background-color: transparent;
    border-style: solid;
    border-radius: 3px;
    border-width: 1px;
    border-color: transparent;
}

.lblStan0Mid {
    display: inline-block;
    padding: 0px 0px 0px 5px;
    font-size: small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 23px;
    height: 23px;
    width: 150px;
    color: #015083;
    text-align: left;
    background-color: #f2f6f9;
    border-style: solid;
    border-radius: 3px;
    border-width: 1px;
    border-color: #f2f6f9;
    margin: 0px 0px 0px 10px;
}

.lblStanAppl02 {
    padding: 0px 0px 0px 0px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 16px;
    height: 16px;
    width: 200px;
    color: #015083;
    text-align: left;
    background-color: transparent; /*: #f2f6f9;*/
    border-style: solid;
    border-radius: 3px;
    border-width: 1px;
    border-color: transparent; /*: #f2f6f9;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
}

.lblStanAppl02Right {
    display: inline-block;
    padding: 0px 5px 0px 5px;
    font-size: small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 23px;
    height: 23px;
    width: 200px;
    color: #015083;
    text-align:right; 
    background-color: #f2f6f9;
    border-style: solid;
    border-radius: 3px;
    border-width: 1px;
    border-color: #f2f6f9;
}

.lblStanAppl0Edit {
    border: 1px solid #cddeec;
    display: inline-block;
    padding: 0px 0px 0px 5px;
    font-size: small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 23px;
    width: 200px;
    /*color: #E8EAEA;*/
    color: #015083;
    text-align: left;
    /*background-color: #3182b6;*/
    background-color: #cddeec;
    border-radius: 3px;
    /*border-color: #3182b6;*/
}

.lblStan0Judu {
    border: 1px solid #cddeec;
    display: inline-block;
    padding: 0px 0px 0px 5px;
    font-size: small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 24px;
    width: 99.5%;
    /*color: #E8EAEA;*/
    color: #015083;
    text-align: left;
    /*background-color: #3182b6;*/
    background-color: #cddeec;
    border-radius: 3px;
}

.lblStan0EditJudu {
    border: 1px solid #b7d0e4;
    display: inline-block;
    padding: 0px 0px 0px 5px;
    font-size: small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 24px;
    width: 99.5%;
    /*color: #E8EAEA;*/
    color: #015083;
    text-align: left;
    /*background-color: #3182b6;*/
    background-color: #b7d0e4;
    border-radius: 3px;
}

.lblStan0EditMid {
    display: inline-block;
    padding: 0px 0px 0px 5px;
    font-size: small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 24px;
    /*height: 24px;*/
    width: 150px;
    color: #015083;
    text-align: left;
    background-color: #cddeec;
    border-style: solid;
    border-radius: 3px;
    border-width: 1px;
    border-color: #cddeec;
    margin: 0px 0px 0px 10px;
}

.lblStan0MidDisa {
    display: inline-block;
    border: 1px solid #d4dbdf;
    position: relative;
    font-size: small;
    font-family: Verdana;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    line-height: 23px;
    height: 23px;
    width: 100px;
    border-radius: 3px 3px 3px 3px;
    background-color: #d4dbdf;
    color: #0b3149;
    top: 0px;
    left: 0px;
}

.txtStanAppl0 {
    display: inline-block;
    border-right: 1px solid #3182b6;
    border-top: 1px solid #3182b6;
    border-bottom: 1px solid #3182b6;
    position: relative;
    font-size: small;
    font-family: Verdana;
    margin-left: -12px;
    line-height: 23px;
    height: 23px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-image: none;
    background-color: transparent;
    left: 1px;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: medium;
    padding: 0px 3px 0px 18px;
    top: 0px;
}

    .txtStanAppl0:hover {
        color: #0c2d90;
    }

.txtStanAppl0ID {
    display: inline-block;
    border: 1px solid #3182b6;
    position: relative;
    font-size: small;
    font-family: Verdana;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    line-height: 23px;
    height: 23px;
    width: 160px;
    border-radius: 3px 3px 3px 3px;
    background-color: #b8d5e7;
    color: #0b3149;
    text-align: center;
    top: -2px;
    left: 1px;
}

.txtStan0IDDisa {
    display: inline-block;
    border: 1px solid #b8d5e7;
    position: relative;
    font-size: small;
    font-family: Verdana;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    line-height: 23px;
    height: 23px;
    width: 100px;
    border-radius: 3px 3px 3px 3px;
    background-color: #b8d5e7;
    color: #0b3149;
    text-align: center;
    top: 0px;
    left: 0px;
}

.txtStanAppl0Deci {
    display: inline-block;
    border: 1px solid #3182b6;
    position: relative;
    font-size: small;
    font-family: Verdana;
    padding: 0px 5px 0px 3px;
    margin: 0px 0px 0px 0px;
    line-height: 23px;
    height: 23px;
    width: 150px;
    border-radius: 3px 3px 3px 3px;
    background-color: #e7d8ee;
    color: #0b3149;
    text-align: right;
    /*top: 0px;
    left: 1px;*/
}

.txtStan0DeciDisa {
    display: inline-block;
    border: 1px solid #3182b6;
    position: relative;
    font-size: small;
    font-family: Verdana;
    padding: 0px 5px 0px 3px;
    margin: 0px 0px 0px 0px;
    line-height: 23px;
    height: 23px;
    width: 150px;
    border-radius: 3px 3px 3px 3px;
    background-color: #d4dbdf;
    color: #0b3149;
    text-align: right;
    top: 1px;
    left: 0px;
}

.txtStanAppl0Mid {
    display: inline-block;
    border: 1px solid #3182b6;
    position: relative;
    font-size: small;
    font-family: Verdana;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    line-height: 23px;
    height: 23px;
    width: 160px;
    border-radius: 3px 3px 3px 3px;
    background-color: transparent;
    color: #0b3149;
    top: 0px;
    left: 0px;
}

.txtStan0MidDisa {
    display: inline-block;
    border: 1px solid #3182b6;
    position: relative;
    font-size: small;
    font-family: Verdana;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    line-height: 23px;
    height: 23px;
    width: 100px;
    border-radius: 3px 3px 3px 3px;
    background-color: #d4dbdf;
    color: #0b3149;
    /*top: 6px;
    left: -803px;*/
}

.txtStanAppl0Mid2 {
    display: inline-block;
    border: 1px solid #3182b6;
    position: relative;
    font-size: small;
    font-family: Verdana;
    padding: 0px 3px 0px 5px;
    margin: 0px 0px 0px 0px;
    line-height: 24px;
    height: 24px;
    width: 100px;
    border-radius: 3px 3px 3px 3px;
    background-color: transparent;
    color: #0b3149;
    top: 0px;
    left: 0px;
}

/*.ddlCale0 {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #0563af;
    color: #d5e4f0;
    padding: 0px 1px 0px 3px;
    font-size: small;
    font-family: Verdana;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border-radius: 3px;
    margin-bottom: 1px;
    margin-top: 1px;
    height: 24px;
    }

    .ddlCale0:hover {
        background-color: #d5e4f0;
        color: #0563af;
        cursor: pointer;
    }*/

.ddlBula0 {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #0563af;
    color: #d5e4f0;
    padding: 0px 1px 0px 1px;
    -webkit-padding-start: 7px;
    font-size: small;
    font-family: Verdana;
    /*-webkit-appearance: none;
    -moz-appearance: none;*/
    outline: none;
    border-radius: 3px;
    margin-bottom: 1px;
    margin-top: 1px;
    height: 24px;
    width: 60px;
    /*width: -webkit-max-content;*/
    text-align:center;
}

    .ddlBula0:hover {
        background-color: #d5e4f0;
        color: #0563af;
        cursor: pointer;
    }

.ddlBula0NoAppe {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #0563af;
    color: #d5e4f0;
    padding: 0px 1px 0px 1px;
    -webkit-padding-start: 7px;
    font-size: small;
    font-family: Verdana;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border-radius: 3px;
    margin-bottom: 1px;
    margin-top: 1px;
    height: 24px;
    width: 51px;
    /*width: -webkit-max-content;*/
    text-align: center;
}

    .ddlBula0NoAppe:hover {
        background-color: #d5e4f0;
        color: #0563af;
        cursor: pointer;
    }

.ddlBula0Disa {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #d4dbdf;
    color: black;
    padding: 0px 1px 0px 1px;
    -webkit-padding-start: 10px;
    font-size: small;
    font-family: Verdana;
    /*-webkit-appearance: none;
    -moz-appearance: none;*/
    outline: none;
    border-radius: 3px;
    margin-bottom: 1px;
    margin-top: 1px;
    height: 24px;
    width: 51px;
    text-align: center;
}

.ddlGridBula0 {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #0563af;
    color: #d5e4f0;
    padding: 0px 1px 0px 1px;
    -webkit-padding-start: 7px;
    /*-webkit-padding-end: 10px;*/
    font-size: x-small;
    font-family: Verdana;
    /*-webkit-appearance: none;
    -moz-appearance: none;*/
    outline: none;
    border-radius: 3px;
    margin-bottom: 1px;
    margin-top: 1px;
    height: 18px;
    width: 46px;
    /*width: -webkit-max-content;*/
    text-align: center;
}

    .ddlGridBula0:hover {
        background-color: #d5e4f0;
        color: #0563af;
        cursor: pointer;
    }

.ddlTahu0 {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #0563af;
    color: #d5e4f0;
    padding: 0px 1px 0px 1px;
    -webkit-padding-start: 7px;
    /*-webkit-padding-end: 7px;*/
    font-size: small;
    font-family: Verdana;
    /*-webkit-appearance: none;
    -moz-appearance: none;*/
    outline: none;
    border-radius: 3px;
    margin-bottom: 1px;
    margin-top: 1px;
    height: 24px;
    width: 66px;
    /*width: -webkit-max-content;*/
    text-align: center;
}

    .ddlTahu0:hover {
        background-color: #d5e4f0;
        color: #0563af;
        cursor: pointer;
    }

.ddlTahu0NoAppe {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #0563af;
    color: #d5e4f0;
    padding: 0px 1px 0px 1px;
    -webkit-padding-start: 7px;
    /*-webkit-padding-end: 7px;*/
    font-size: small;
    font-family: Verdana;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border-radius: 3px;
    margin-bottom: 1px;
    margin-top: 1px;
    height: 24px;
    width: 58px;
    /*width: -webkit-max-content;*/
    text-align: center;
}

    .ddlTahu0NoAppe:hover {
        background-color: #d5e4f0;
        color: #0563af;
        cursor: pointer;
    }

.ddlTahu0Disa {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #d4dbdf;
    color: black;
    padding: 0px 1px 0px 1px;
    -webkit-padding-start: 10px;
    font-size: small;
    font-family: Verdana;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border-radius: 3px;
    margin-bottom: 1px;
    margin-top: 1px;
    height: 24px;
    width: 58px;
    text-align: center;
}

.ddlGridTahu0 {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #0563af;
    color: #d5e4f0;
    padding: 0px 1px 0px 1px;
    -webkit-padding-start: 10px;
    font-size: x-small;
    font-family: Verdana;
    /*-webkit-appearance: none;
    -moz-appearance: none;*/
    outline: none;
    border-radius: 3px;
    margin-bottom: 1px;
    margin-top: 1px;
    height: 18px;
    width: 55px;
    text-align: center;
}

    .ddlGridTahu0:hover {
        background-color: #d5e4f0;
        color: #0563af;
        cursor: pointer;
    }

.ddlTang0 {
    background-color: #0563af;
    color: #d5e4f0;
    padding: 0px 1px 0px 3px;
    -webkit-padding-start: 7px;
    border: none;
    font-size: small;
    font-family: Verdana;
    /*-webkit-appearance: none;
    -moz-appearance: none;*/
    outline: none;
    border-radius: 3px;
    margin-bottom: 1px;
    margin-top: 1px;
    height: 24px;
    width: 47px;
}

    .ddlTang0:hover {
        background-color: #d5e4f0;
        color: #0563af;
        cursor: pointer;
    }

.ddlTang0NoAppe {
    background-color: #0563af;
    color: #d5e4f0;
    padding: 0px 1px 0px 10px;
    -webkit-padding-start: 7px;
    border: none;
    font-size: small;
    font-family: Verdana;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border-radius: 3px;
    margin-bottom: 1px;
    margin-top: 1px;
    height: 24px;
    width: 47px;
}

    .ddlTang0NoAppe:hover {
        background-color: #d5e4f0;
        color: #0563af;
        cursor: pointer;
    }

.ddlGridTang0 {
    background-color: #0563af;
    color: #d5e4f0;
    padding: 0px 1px 0px 5px;
    -webkit-padding-start: 7px;
    border: none;
    font-size: x-small;
    font-family: Verdana;
    /*-webkit-appearance: none;
    -moz-appearance: none;*/
    outline: none;
    border-radius: 3px;
    margin-bottom: 1px;
    margin-top: 1px;
    height: 18px;
    width: 47px;
}

    .ddlGridTang0:hover {
        background-color: #d5e4f0;
        color: #0563af;
        cursor: pointer;
    }

.lblGridLabe {
    display: inline-block;
    padding: 0px 0px 0px 3px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    width: 200px;
    color: #015083;
    text-align: left;
    background-color: #e7eef4;
    border-style: solid;
    border-radius: 3px;
    border-width: 1px;
    border-color: #e7eef4;
}

.lblGridLabe0 {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 0px 0px 0px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    /*width: 400px;*/
    /*color: #1068a1;*/
    /*background-color: aquamarine;*/
    text-align: left;
    /*margin-left: 15px;*/
}

.lblGridBold {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 0px 0px 0px;
    font-size: x-small;
    font-weight: 800;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    /*width: 400px;*/
    /*color: #1068a1;*/
    /*background-color: aquamarine;*/
    text-align: left;
    /*margin-left: 15px;*/
}

.lblGridText {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 0px 0px 5px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    /*width: 400px;*/
    /*color: #1068a1;*/
    /*background-color: aquamarine;*/
    text-align: left;
    /*margin-left: 5px;*/
    border: 1px solid #4890c0;
    border-radius: 3px 3px 3px 3px;
}

.lblGridTextDeci {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 5px 0px 5px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    text-align:right;
    /*margin-left: 5px;*/
    border: 1px solid #4890c0;
    border-radius: 3px 3px 3px 3px;
}

.lblGridText0Deci {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 5px 0px 5px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    text-align: right;
    /*margin: 0px 5px 0px 5px;*/
    /*border: 1px solid #4890c0;*/
    border-radius: 3px 3px 3px 3px;
}

.lblGrid0Cent {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    width: 100px;
    text-align: center;
    border: 1px solid #bec8ce;
    border-radius: 3px 3px 3px 3px;
    background-color: #d4dbdf;
}

.lblGridCent {
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    width: 100px;
    text-align: center;
    /*margin-left: 5px;*/
    border: 1px solid transparent;
    border-radius: 3px 3px 3px 3px;
}

.txtGridCent {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    font-size: xx-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    width: 100px;
    text-align: center;
    border: 0px solid #bec8ce;
    border-radius: 3px 3px 3px 3px;
    background-color: #d4dbdf;
}

.lblGridLeadID {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    width: 100px;
    text-align: center;
    /*border: 1px solid #bec8ce;*/
    border-radius: 3px 3px 3px 3px;
    background-color: #d4dbdf;
    color:black;
}

.lblGridLeadName {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    width: 200px;
    text-align: left;
    border-left: 3px solid #d4dbdf;
    /*border: none;*/
    border-radius: 3px 3px 3px 3px;
    background-color: #d4dbdf;
    color: black;
}

.lblGridTran {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 5px 0px 5px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid transparent;
    color: transparent;
}

.txtGridText {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    width: 100px;
    text-align: left;
    /*margin-left: 5px;*/
    border: 1px solid #4890c0;
    border-radius: 3px 3px 3px 3px;
}

.txtGridDisa {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    width: 100px;
    text-align: left;
    border: 1px solid #bec8ce;
    border-radius: 3px 3px 3px 3px;
    background-color: #d4dbdf;
}

.txtGridTextLower {
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    width: 100px;
    text-align: left;
    /*margin-left: 5px;*/
    border: 1px solid #4890c0;
    border-radius: 3px 3px 3px 3px;
}

.txtGridLine {
    display:inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    width: 100px;
    text-align: left;
    border: 1px solid #4890c0;
    border-radius: 3px 3px 3px 3px;
}

.txtGridTextDeci {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    width: 100px;
    text-align: right;
    /*margin-left: 5px;*/
    border: 1px solid #4890c0;
    border-radius: 3px 3px 3px 3px;
    background-color: #e7d8ee;
}

.txtGridDeciDisa {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    width: 100px;
    text-align: right;
    /*margin-left: 5px;*/
    border: 1px solid #4890c0;
    border-radius: 3px 3px 3px 3px;
    background-color: #d4dbdf;
}

.txtGridTextID {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    width:80px;
    text-align: center;
    border: 1px solid #3182b6;
    border-radius: 3px 3px 3px 3px;
    background-color: #b8d5e7;
    color: #0b3149;
}

.txtGridBlue {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    width: 80px;
    text-align: center;
    border: 1px solid #b8d5e7;
    border-radius: 3px 3px 3px 3px;
    background-color: #b8d5e7;
    color: #0b3149;
}

.txtGridGree {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    width: 80px;
    text-align: center;
    border: 1px solid #afe2e0;
    border-radius: 3px 3px 3px 3px;
    background-color: #c0e2e1;
    color: #015552;
}

.txtGridChoc {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    width: 80px;
    text-align: center;
    border: 1px solid #dc651e;
    border-radius: 3px 3px 3px 3px;
    background-color: #dc651e;
    color: #f5e8e1;
}

.txtGridPink {
    display: inline-table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    font-size: x-small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 18px;
    height: 18px;
    width: 80px;
    text-align: center;
    border: 1px solid #f48f9f;
    border-radius: 3px 3px 3px 3px;
    background-color: #f48f9f;
    color: #55020f;
}

.btnTambSmal {
    text-decoration: none;
    display: inline-block;
    /*line-height: 18px;*/
    border-style: outset;
    border-width: 1px;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 22px;
    width: 120px;
    background-color: #ab5517;
    color: #eedccf;
    border-radius: 7px;
    padding: 0px 0px 0px 0px;
}

    .btnTambSmal:hover {
        background-color: #eedccf;
        color: #ab5517;
        cursor: pointer;
    }

    /*UNTUK PENGATURAN TEXT*/
.mirikana {
    text-align: right
}

.miriatas {
    vertical-align: top;
}

.miritengah{
    text-align:center;
    vertical-align:central;
}

.fupFileUplo {
    cursor: pointer;
    height: 20px;
}

    .fupFileUplo input {
        top: 0;
        left: 0;
        margin: 0;
        /* Loses tab index in webkit if width is set to 0 */
        opacity: 0;
        filter: alpha(opacity=0);
    }

.imgFileUplo {
    width: 24px;
    height: 24px;
    margin-bottom: -7px;
}