* {
    font-size: 13px;
}

body{
    font-family: tahoma, helv, arial, verdana, sans-serif;
    font-size: 13px;
    margin: 0;
    overflow-y: hidden;
    color: #616161;
}

html.busy, html.busy * {
    cursor: wait !important;
}

#main {
    position: absolute;
    left: 0px;
    top: 60px;
    bottom: 30px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(225, 225, 225, 0.26);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 ); /* IE6-9 */
}

#main-content {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0px;
    width: 100%;
    overflow-y: scroll;
    /*height: 100%;*/
    height: calc(100%);
    padding-left: 0px;
    padding-right: 5px;

}


fieldset legend {
    font-size: 15px;
    color: #6a6b95;
    padding: 3px;
    margin: 3px;
    margin-top: 10px;

}

.indent10 {
    padding-left: 10px;
    margin-left: 20px;
}

h1.headerTitleMore {

    padding-top: 3px;
    margin: 0;
    color: #64bfd9;
    positon: relative;
    background-repeat: repeat-x;
    font-size: 16px;
    font-weight: 300;
    text-indent: 20px;
}

em.required{
    color: #e40000;
    /*font-size: 22px;*/
}
em.required-normal{
    color: #e40000;
}

/*::-webkit-scrollbar { width: 12px; }*/
/*::-webkit-scrollbar-button {  background-color: #f49dd7; }*/
/*::-webkit-scrollbar-track {  background-color: #999;}*/
/*::-webkit-scrollbar-track-piece {*/
/*background: -webkit-linear-gradient(top, #f49dd7, #fadef1);*/
/*background: -webkit-linear-gradient(top, #f49dd7, #fadef1);*/
/*}*/
/*::-webkit-scrollbar-thumb {*/
/*height: 40px;*/
/*border-radius: 3px;*/
/*background: -webkit-linear-gradient(top, #f49dd7, #fadef1);*/
/*}*/
/*::-webkit-scrollbar-corner { background-color: #999;}*/
/*::-webkit-resizer { background-color: #666;}*/

.header2_pro {
    /*height: 70px;*/
    /*width: 580px;*/
    /*background: url("../images/head-muangthai-1_pro.jpg");*/
}

.header {
    background:  url("../images/header-background.gif") repeat-x;
    height: 60px;
}

.info-group-title {

    background:  url("../images/File-Word-icon.png") no-repeat 10px 5px;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-right: 10px;
    padding-top: 10px;
    padding-left: 40px;
    font-size: 14px;
    color: #125f78;
    text-align: left;

}

.info-group-box {
    width: auto;
    display : table;
    background: -webkit-linear-gradient(top, #f3ffff, #fff);
    border: 2px solid #d7e4ff;
    border-radius: 10px;
    padding: 10px;

}

.info-group-line {
    /*position: relative;*/
    /*width: 100%;*/
    /*display: table;*/

    display: inline-table;
    vertical-align: middle;
    min-width: 260px;
}

.info-group-line .label1, .info-group-line .value {
    padding: 5px;

}

.info-group-line .label1 {
    position: relative;
    float: left;
    line-height: 1.5;
    padding: 6px 12px;
    font-weight: bold;
    line-height: 1;
    color: #008891;
    border-top-left-radius: 4px;
    text-align: right;
    margin-left: 5px;
    width: 150px;
    white-space: pre-wrap;
}

.info-group-line .value, .info-group-line .value:empty {
    float: left;
    position: relative;
    line-height: 1.5;
    padding: 6px 5px;
    font-weight: bold;
    line-height: 1;
    color: #002a80;
    text-align: left;
    border-left: none;
    border-top-right-radius: 4px;
    min-width: 80px;
    white-space: pre-wrap;
}


/*////////////*/

.info-group-line1 {
    /*position: relative;*/
    /*width: 100%;*/
    /*display: table;*/

    display: inline-table;
    vertical-align: middle;
    min-width: 340px;
}

.info-group-line1 .label11 ,.info-group-line1 .label12 ,.info-group-line1 .value1 ,.info-group-line1 .value2 ,.info-group-line1 .value3 {
    padding: 5px;

}

.info-group-line1 .label11 {
    position: relative;
    float: left;
    line-height: 1.5;
    padding: 6px 0px;
    font-weight: bold;
    line-height: 1;
    color: #008891;
    border-top-left-radius: 4px;
    text-align: left;
    margin-left: 5px;
    width: 120px;
    white-space: pre-wrap;
}

.info-group-line1 .label12 {
    position: relative;
    float: left;
    line-height: 1.5;
    padding: 6px 12px;
    font-weight: bold;
    line-height: 1;
    color: #008891;
    border-top-left-radius: 4px;
    text-align: left;
    margin-left: 5px;
    width: 170px;
    white-space: pre-wrap;
}

.info-group-line1 .value1, .info-group-line1 .value1:empty {
    float: left;
    position: relative;
    line-height: 1.5;
    padding: 6px 0px;
    font-weight: bold;
    line-height: 1;
    color: #002a80;
    text-align: left;
    border-left: none;
    border-top-right-radius: 4px;
    min-width: 220px;
    white-space: pre-wrap;
}

.info-group-line1 .value2, .info-group-line1 .value2:empty {
    float: left;
    position: relative;
    line-height: 1.5;
    padding: 6px 0px;
    font-weight: bold;
    line-height: 1;
    color: #002a80;
    text-align: left;
    border-left: none;
    border-top-right-radius: 4px;
    min-width: 565px;
    white-space: pre-wrap;
}

.info-group-line1 .value3, .info-group-line1 .value3:empty {
    float: left;
    position: relative;
    line-height: 1.5;
    padding: 6px 5px;
    font-weight: bold;
    line-height: 1;
    color: #002a80;
    text-align: left;
    border-left: none;
    border-top-right-radius: 4px;
    min-width: 200px;
    white-space: pre-wrap;
}
/*////////////*/


/* Menu */

div.leftmenu a {
    padding: 7px 10px 7px 40px;
    background: #fff url(../images/cloud-icon.png) no-repeat 10px 6px;
    display: block;
    border-bottom: 1px solid #ddd;
    color: #066;
    text-decoration: none;
}

/* End Menu */

/* tableResult */

.tableresult {
    border-left: 1px solid #f6f3f6;

}

.tableresult tr:hover th[scope=row], .tableresult tr:hover td, .tableresult tr.even:hover td {
    background-color: #ecfaff;

}

.tableresult th {
    color: #003e92;
    /*background: url(../images/TableTitle.gif) repeat;*/
    background: #d9f9ff; /* Old browsers */
    background: -moz-linear-gradient(top,  #d9f9ff 0%, #dbf8fd 50%, #ecfafc 51%, #e7f7fa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9f9ff), color-stop(50%,#dbf8fd), color-stop(51%,#ecfafc), color-stop(100%,#e7f7fa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d9f9ff 0%,#dbf8fd 50%,#ecfafc 51%,#e7f7fa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d9f9ff 0%,#dbf8fd 50%,#ecfafc 51%,#e7f7fa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d9f9ff 0%,#dbf8fd 50%,#ecfafc 51%,#e7f7fa 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d9f9ff 0%,#dbf8fd 50%,#ecfafc 51%,#e7f7fa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f9ff', endColorstr='#e7f7fa',GradientType=0 ); /* IE6-9 */

    border-top: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-right: 1px solid #f6f3f6;
    text-align: center;
    padding: 8px 5px 8px 5px;
    white-space: nowrap;
    font-size: 13px;
}

.tableresult th.pink {
    color: #003e92;
    /*background: url(../images/TableTitle.gif) repeat;*/
    background: #f293d1; /* Old browsers */
    background: -moz-linear-gradient(top,  #f293d1 0%, #f296d2 50%, #f49dd7 51%, #f49dd7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f293d1), color-stop(50%,#f296d2), color-stop(51%,#f49dd7), color-stop(100%,#f49dd7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f293d1 0%,#f296d2 50%,#f49dd7 51%,#f49dd7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f293d1 0%,#f296d2 50%,#f49dd7 51%,#f49dd7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f293d1 0%,#f296d2 50%,#f49dd7 51%,#f49dd7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f293d1 0%,#f296d2 50%,#f49dd7 51%,#f49dd7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f9ff', endColorstr='#e7f7fa',GradientType=0 ); /* IE6-9 */

    border-top: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-right: 1px solid #f6f3f6;
    text-align: center;
    padding: 8px 5px 8px 5px;
    white-space: nowrap;
    font-size: 13px;
}

.tableresult th.yellow {
    color: #003e92;
    /*background: url(../images/TableTitle.gif) repeat;*/
    background: rgb(255,255,232); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,232,1) 0%, rgba(255,255,160,1) 48%, rgba(255,255,122,1) 51%, rgba(255,255,150,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,232,1)), color-stop(48%,rgba(255,255,160,1)), color-stop(51%,rgba(255,255,122,1)), color-stop(100%,rgba(255,255,150,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,232,1) 0%,rgba(255,255,160,1) 48%,rgba(255,255,122,1) 51%,rgba(255,255,150,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,232,1) 0%,rgba(255,255,160,1) 48%,rgba(255,255,122,1) 51%,rgba(255,255,150,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,232,1) 0%,rgba(255,255,160,1) 48%,rgba(255,255,122,1) 51%,rgba(255,255,150,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,232,1) 0%,rgba(255,255,160,1) 48%,rgba(255,255,122,1) 51%,rgba(255,255,150,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffe8', endColorstr='#ffff96',GradientType=0 ); /* IE6-9 */



    border-top: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-right: 1px solid #f6f3f6;
    text-align: center;
    padding: 8px 5px 8px 5px;
    white-space: nowrap;
    font-size: 13px;
}

.tableresult th.pink-left {
    color: #003e92;
    /*background: url(../images/TableTitle.gif) repeat;*/
    background: #f4c7e9; /* Old browsers */
    background: -moz-linear-gradient(top, #f4c7e9 0%, #f4abda 50%, #f4c7e9 51%, #f4d7ed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4c7e9), color-stop(50%, #f4abda), color-stop(51%, #f4c7e9), color-stop(100%, #f4d7ed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4c7e9 0%, #f4abda 50%, #f4c7e9 51%, #f4d7ed 100%);
    background: -o-linear-gradient(top, #f4c7e9 0%, #f4abda 50%, #f4c7e9 51%, #f4d7ed 100%);
    background: -ms-linear-gradient(top, #f4c7e9 0%, #f4abda 50%, #f4c7e9 51%, #f4d7ed 100%);
    background: linear-gradient(to bottom, #f4c7e9 0%, #f4abda 50%, #f4c7e9 51%, #f4d7ed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f9ff', endColorstr='#e7f7fa',GradientType=0 );



    border-top: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-right: 1px solid #f6f3f6;
    text-align: left;
    padding: 8px 5px 8px 5px;
    white-space: nowrap;
    font-size: 13px;
}

.tableresult th.nobg {
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #f6f3f6;
    background: none;
}

.tableresult td {

    border-right: 1px solid #f6f3f6;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    padding: 5px 5px 4px 5px;
    font-size: 13px;

}

.tableresult td {

    border-right: 1px solid #f6f3f6;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    padding: 5px 5px 4px 5px;
    font-size: 13px;

}

.tableresult tr.evenWarning td {
    background-color: #F6CEE3;
}

.tableresult tr.evenWarning{
    color: teal;
    font-weight: bold;
}

.tableresult tr.even td {

    background-color: #f6f3f6;
}


.boxPopup {
    position: relative;
    z-index: 100;
    background-color: #eef3ff;
    padding: 10px;
    border: 1px solid #c7d7ff;
    width: auto;
}

.boxPopup2 {
    position: relative;
    z-index: 100;
    background-color: #eef3ff;
    padding: 10px;
    /*padding-left: 10px;*/
    left: 450px;
    border: 1px solid #c7d7ff;
    /*width: auto;*/
    width: 75%;
}


/* end tableResult */

.list-of-job ul {
    list-style: none;

}

.formInfo {

}
.formInfo td[align="left"] {
    background: #fffeec url(../images/pencil-small-icon.png) no-repeat 20px 8px;
    padding-left: 40px;
    padding-top: 7px;
    white-space: nowrap;
    vertical-align: top;
}

.formInfo td {
    border-bottom: solid thin #fcebff;

}


/*a.dashboard-module,*/
/*a.dashboard-module:visited {*/
/*width: 100px;*/
/*height: 110px;*/
/*display: block;*/
/*float: left;*/
/*background: url(../images/dashboard/dashboard-module.gif) top left no-repeat;*/
/*margin: 0 8px 80px 0;*/
/*text-align: center;*/
/*color: #444444;*/
/*}*/



a.dashboard-module,
a.dashboard-module:visited {
    width: 100px;
    height: 125px;
    display: block;
    float: left;
    background-color: rgb(255, 255, 255);
    text-align: center;
    color: #444444;
    margin: 5px;
}



/*a.dashboard-module:hover,*/
/*a.dashboard-module:active {*/
    /*background-position: bottom left;*/
    /*text-decoration: none;*/
    /*color: #0063be;*/
    /*background-color: rgb(208, 233, 255);*/
/*}*/


a.dashboard-module:hover,
a.dashboard-module:active,a.dashboard-module.current{
    text-decoration: none;
    color: #0063be;
    background-color: rgb(208, 233, 255) !important;
}





a.dashboard-module img {
    margin-top: 0px;
    width: 35px;
}

a.dashboard-module span {
    margin-top: 10px;
    display: block;
}

#left1, #left2 {
    position: absolute;
    left: 0;
    top: 30px;
    bottom: 1px;
    font-size: 1em;
    overflow: auto;
}

* html #left1, * html #left2 {
    height: 100%;
    top: 0;
    bottom: 0;
    border-top: 100px solid #fff;
    border-bottom: 50px solid #fff;
}



.pageTitle {
    width: 100%;
    /*background: #fff url('../images/page-title.gif') repeat-x;*/
    margin-bottom: 5px;
    height: 30px;
    padding-left: 50px;
    padding-top: 5px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    color: #838181;
}

.menuTitle {
    font-weight: bold;
    color: #3b45c4;
    background: #f7c3d9;
    width: 150px;
    padding: 5px;
}

.paneltitle {
    margin: 0 0 0 0;
    font-size: 15px;
    padding: 4px;
    background-color: #f49dd7;
    color: #fffeee;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #f293d1; /* Old browsers */
    background: -moz-linear-gradient(top,  #f293d1 0%, #f296d2 50%, #f49dd7 51%, #f49dd7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f293d1), color-stop(50%,#f296d2), color-stop(51%,#f49dd7), color-stop(100%,#f49dd7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f293d1 0%,#f296d2 50%,#f49dd7 51%,#f49dd7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f293d1 0%,#f296d2 50%,#f49dd7 51%,#f49dd7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f293d1 0%,#f296d2 50%,#f49dd7 51%,#f49dd7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f293d1 0%,#f296d2 50%,#f49dd7 51%,#f49dd7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f293d1', endColorstr='#f49dd7',GradientType=0 ); /* IE6-9 */
}

.paneltitle2 {
    margin: 0 0 0 0;
    font-size: 15px;
    padding: 4px;
    background-color: #f49dd7;
    color: #fffeee;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #00dfdc; /* Old browsers */
    background: -moz-linear-gradient(top,  #00dfdc 0%, #a7e4f5 50%, #2989d8 50%, #73e3f7 51%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00dfdc), color-stop(50%,#a7e4f5), color-stop(50%,#2989d8), color-stop(51%,#73e3f7), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00dfdc 0%,#a7e4f5 50%,#2989d8 50%,#73e3f7 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00dfdc 0%,#a7e4f5 50%,#2989d8 50%,#73e3f7 51%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00dfdc 0%,#a7e4f5 50%,#2989d8 50%,#73e3f7 51%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00dfdc 0%,#a7e4f5 50%,#2989d8 50%,#73e3f7 51%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dfdc', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */


}




.paneltitle .title {
    margin: 0 0 0 0;
    font-size: 15px;
    cursor:pointer
}

.headerTitle {

    font-size: 16px;
    padding: 10px 0px 0px 10px;
    height: 40px;
    background-color: #f49dd7;
    color: #fa39d3;
    letter-spacing:2px;
    font-weight: bold;
    background: url('../images/diagram-02.png') no-repeat 0px 0px;

    /*-webkit-border-top-left-radius: 10px;*/
    /*-webkit-border-top-right-radius: 10px;*/
    /*-moz-border-radius-topleft: 10px;*/
    /*-moz-border-radius-topright: 10px;*/
    /*border-top-left-radius: 5px;*/
    /*border-top-right-radius: 5px;*/
    /*border-bottom-left-radius: 5px;*/
    /*border-bottom-right-radius: 5px;*/
    margin: 0px 0px 0px 0px;
    background: #df7eb3 url('../images/diagram-02.png') no-repeat 0px 0px;
    background: -moz-linear-gradient(top,  #df7eb3 0%, #fcddfa 49%, #fcddfa 51%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df7eb3), color-stop(49%,#fcddfa), color-stop(51%,#fcddfa), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #df7eb3 0%,#fcddfa 49%,#fcddfa 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #df7eb3 0%,#fcddfa 49%,#fcddfa 51%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #df7eb3 0%,#fcddfa 49%,#fcddfa 51%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #df7eb3 0%,#fcddfa 49%,#fcddfa 51%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df7eb3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

.headerTitle .title {
    margin: 0 0 0 0;
    font-size: 15px;
    cursor:pointer
}

span.premium {
    float: right;
    color: #008abd;
}

span.premium a{
    position: relative;
    top: -20px;
}

label.policyNo {
    position: relative;
    width: 110px;
    color: #335764;
    display: inline-block;
    padding-left: 10px;
    /*background: url(../images/vcard-edit-icon.png ) no-repeat 0px -2px;*/

}

label.policyNoMenu {
    position: relative;
    width: 110px;
    color: #335764;
    display: inline-block;
    padding-left: 10px;
    font-weight: bold;
    font-size: 14px;
    /*background: url(../images/vcard-edit-icon.png ) no-repeat 0px -2px;*/

}

label.client {
    /*background: url(../images/green-user-icon.png ) no-repeat 0px 0px;*/
    padding-left: 10px;
    font-weight: normal;
}

label.clientMenu {
    /*background: url(../images/green-user-icon.png ) no-repeat 0px 0px;*/
    padding-left: 10px;
    font-weight: bold;
    font-size: 16px;
}

label.title {
    font-weight: bold;
    font-size: 13px;
    /*background: url(../images/application-view-tile-icon.png ) no-repeat 10px 0px;*/
    padding-left: 10px;
}
label.titleMenu {
     font-weight: normal;
     font-size: 15px;
     padding-left: 10px;
 }

span.duration {
    position : relative;
    right : 10px;
    float: right;
    margin-top: 3px;
    color: #0d8b1f;
}
span.durationTitle {
    font-weight: bold;
    position : relative;
    right : 10px;
    float: right;
    margin-top: 3px;

}

div.info1 {
    margin-top: 3px;
    margin-left: 0px;
    width: auto;
    font-size: 16px;
    font-weight: bold;

}

.hand {
    cursor:pointer
}

.activeMenu {
     background-color:#B3DFDA !important;
 }

.activeMenu2 {
    /*background-color:#9eff97 !important;*/
    background-color:#00A600 !important;
    /*background-color:#339900 !important;*/
}

.activeMenu3 {
    /*background-color:#9eff97 !important;*/
    background-color:#FFD6E0 !important;
    /*background-color:#339900 !important;*/
}

div.info2 {
    margin-top: 3px;
    margin-left: 0px;
    font-size: 15px;
    width: auto;
}



#footer {
    width:100%;
    height:30px;
    position:fixed;
    bottom:0px;
    left:0;
    background:#feecff;
    text-align: center;
    border-top: 1px solid #fa77ff;
    padding-top: 5px;
    color: #fa77ff;

}

.app-modal-window .modal-dialog {
    width: 1350px;
}

.app-modal-window600 .modal-dialog {
    width: 600px;
}

.app-modal-window700 .modal-dialog {
    width: 700px;
}

.app-modal-window900 .modal-dialog {
    width: 900px;
}

.app-modal-window1000 .modal-dialog {
    width: 1000px;
}

.app-modal-windowX {
    width: 1000px;
}

.app-modal-window-msg {
    position: fixed;
    width: 100%;
    top: 100%;
    left: 100%;
    z-index: 1024;
    /*width: 100%;
    height: 100%;
    margin-left: -30%;*/
}

.app-modal-window-msg_kbank.modal-dialog {
    width: 1024px;
    /*width: 100%;
    height: 100%;
    margin-left: -30%;*/
}

/* Modal */

.modal {
    display: block;
}

.dialog-header-error { background-color: #d2322d; }
.dialog-header-wait { background-color: #428bca; }
.dialog-header-notify { background-color: #eeeeee; }
.dialog-header-confirm { background-color: #333333; }
.dialog-header-error span, .dialog-header-error h4,
.dialog-header-wait span, .dialog-header-wait h4,
.dialog-header-confirm span, .dialog-header-confirm h4 { color: #ffffff; }

/* Ease Display */

.pad { padding: 25px; }


/* End Modal */



#jobstep-left {
    position: absolute;
    top: 85px;
    bottom: 0px;
    left: 0px;
    width: 450px;
    overflow-y: scroll;
    padding-left: 5px;
    padding-right: 5px;

}
#jobstep-left-no-search {
    position: absolute;
    top: 45px;
    bottom: 0px;
    left: 0px;
    width: 450px;
    overflow-y: scroll;
    padding-left: 5px;
    padding-right: 5px;

}


#jobstep-right {
    position: absolute;
    top: 85px;
    bottom: 0px;
    right: 0;
    left: 462px;
    overflow-y: hidden;/*hidden*/

}
#jobstep-right-no-search {
    position: absolute;
    top: 45px;
    bottom: 0px;
    right: 0;
    left: 462px;
    overflow-y: hidden;/*hidden*/

}

#jobstep-right_new {
    position: absolute;
    top: 85px;
    bottom: 0px;
    right: 0;
    left: 450px;
    overflow-y: scroll;
    overflow-x: scroll;
}

#jobstep-add-cen {
    position: absolute;
    top: 320px;
    bottom: 0;
    left: 0px;
    width: 48.5%;
    overflow-y: scroll;
    /*height: 100%;*/
    /*height: calc(100% - 85);*/
    height: 220px;
    padding-left: 5px;
    padding-right: 5px;

}

#jobstep-add-cen2 {
    position: absolute;
    top: 320px;
    bottom: 0;
    left: 50%;
    width: 49%;
    overflow-y: scroll;
    /*height: 100%;*/
    /*height: calc(100% - 85);*/
    height: 220px;
    padding-left: 5px;
    padding-right: 5px;

}

#jobstep-add-cen_all {
    position: absolute;
    top: 600px;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-y: scroll;
    /*height: 100%;*/
    /*height: calc(100% - 85);*/
    height: 220px;
    padding-left: 5px;
    padding-right: 5px;

}

#jobstep-content-main {

}

#setBackgroundColor {
    background-color: rgba(225, 225, 225, 0.26);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 ); /* IE6-9 */}
/*  background-color: rgba(225, 225, 225, 0.26);  */

#jobstep-content-info {
    position: absolute;
    top: 0;
    bottom: 85%;
    left: 0;
    right: 0;
    overflow: auto;
    margin-top: 35px;
    /*background-color: rgba(225, 225, 225, 0.26);*/
}

#jobstep-content-job {
    position: absolute;
    height: 85%;
    /*height: 100px;*/
    bottom: 0px;
    /*left: 0;*/
    left: 0;
    right: 0;
    overflow: auto;
    overflow-x: scroll;
    padding-top: 10px;
    /*background-color: rgba(225, 225, 225, 0.26);*/

}

#jobstep-content-job-App {
    position: absolute;
    height: calc(50%);
    /*height: 100px;*/
    bottom: 0px;
    left: 0;
    right: 0;
    overflow: auto;
    padding-top: 10px;

}


#content-top {
    position: absolute;
    top: 0px;
    bottom: calc(50% + 6px);
    left: 0px;
    width: 100%;
    overflow-y: scroll;
    margin-top: 35px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
}

#content-bottom {
    position: absolute;
    height: calc(50%);
    bottom: 0px;
    left: 0;
    right: 0;
    overflow: auto;
    padding-top: 10px;

}


#jobstep-sidebar-resizer {
    background: -webkit-linear-gradient(top, #ada2ff, #fadef1);
    position: absolute;
    top: 85px;
    bottom: 0;
    left: 450px;
    width: 6px;
    cursor: e-resize;
}

#jobstep-sidebar-resizer-no-search {
    background: -webkit-linear-gradient(top, #ada2ff, #fadef1);
    position: absolute;
    top: 45px;
    bottom: 0;
    left: 450px;
    width: 6px;
    cursor: e-resize;
}

#jobstep-content-resizer {
    position: absolute;
    height: 6px;
    /*bottom: 300px;*/
    bottom: 85%;
    left: 0;
    right: 0;
    /*background: -webkit-linear-gradient(left, #fdb6f9, #ffd3fc);*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdb6f9+1,fdb6f9+42,ffd3fc+100 */
    background: #fdb6f9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZkYjZmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2ZkYjZmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQzZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fdb6f9 1%, #fdb6f9 42%, #ffd3fc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fdb6f9), color-stop(42%,#fdb6f9), color-stop(100%,#ffd3fc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fdb6f9 1%,#fdb6f9 42%,#ffd3fc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fdb6f9 1%,#fdb6f9 42%,#ffd3fc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fdb6f9 1%,#fdb6f9 42%,#ffd3fc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fdb6f9 1%,#fdb6f9 42%,#ffd3fc 100%); /* W3C */
    cursor: n-resize;
}
#user-content-job {
    position: absolute;
    height: 80%;
    /*height: 100px;*/
    bottom: 50px;
    left: 0;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden ;
    padding-top: 10px;

}

#master-content {
    position: absolute;
    height: 93%;
    /*height: 100px;*/
    bottom: 5px;
    left: 0;
    right: 0;
    overflow-y: auto;
    overflow-x: auto ;
    padding-top: 10px;
    /*background-color: rgba(225, 225, 225, 0.26);*/
}

#report-content {
    position: absolute;
    height: 93%;
    /*height: 100px;*/
    bottom: 5px;
    left: 0;
    right: 0;
    overflow-y: auto;
    overflow-x: auto ;
    padding-top: 10px;
    /*background-color: rgba(225, 225, 225, 0.26);*/
}

tr div.job-opt {

    display: none;
    /*background: #b8d1f3;*/
}

/* Define the hover highlight color for the table row */
tr:hover div.job-opt {
    /*background-color: #ffff99;*/
    display: inline;
    height: auto;
    width: auto;
    /*background: #ffffff;*/
    /*box-shadow: 0 0 4px #888888;*/
    position: absolute;
    /*padding: 8px;*/
    text-align: right;
    /*top: 0px;*/
    /*left:0px;*/
    /*z-index:1000;*/
}


table.formInput {
    /*margin-left: 50px;*/
    margin-left: 10px;
    margin-top: 10px;
}

table.formInput td {

}

table.formInput td[align="left"] {
    /*background: url("../images/orangeDots.gif") no-repeat 4px 10px;*/
    background-color: #fff6e6;
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 50px;
    line-height: 1.6;
    border-bottom: 2px rgb(200, 200, 200) solid;
}

table.formInput td input[type="text"] {
    min-width: 130px;
    width: 130px;
}

table.formInput td select {
    min-width: 130px;
    width: 130px;
    min-height: 25px;
}

table.formInput tr.buttonline td {
    padding-top: 5px;
}



table.formInput2 {
    margin-left: 50px;
    margin-top: 10px;
}

table.formInput2 td {

}

table.formInput2 td[align="left"] {
    /*background: url(images/orangeDots.gif) no-repeat 4px 10px;*/
    background-color: #99CCCC;
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 50px;
    line-height: 1.6;
    border-bottom: 2px #ffffff solid;
}

table.formInput2 td input[type="text"] {
    min-width: 130px;
    width: 130px;
}

table.formInput2 td select {
    min-width: 130px;
    width: 130px;
    min-height: 25px;
}

table.formInput2 tr.buttonline td {
    padding-top: 5px;
}


.tabletitlediv {
    font-size: 15px;
    color: #6a6b95;
    padding: 3px;
    margin-top: 10px;
}

span.messagewarning {
    background-image: url(images/warning.gif);
    background-repeat: no-repeat;
    background-position: 10px 5px;
    display: block;
    font-size: 16px;
    padding: 10px;
    padding-left: 55px;
    margin-top: 10px;
    background-color: #ffdccb;
    color: #2e5aff;
}

span.messageinfo {
    background-image: url(images/info.gif);
    background-repeat: no-repeat;
    background-position: 10px 5px;
    display: block;
    font-size: 18px;
    padding: 10px;
    padding-left: 55px;
    margin-top: 10px;
    background-color: #f0fdff;
    color: #2e5aff;
}

#jobstep-content-info-a {
    position: absolute;
    top: 0;
    bottom: calc(85%);
    left: 0;
    right: 0;
    overflow: auto;
    margin-top: 35px;
}

#jobstep-content-job-a {
    position: absolute;
    height: calc(85%);
    /*height: 100px;*/
    bottom: 0px;
    left: 0;
    right: 0;
    overflow: auto;
    overflow-x: scroll;
    padding-top: 0px;
    padding-bottom: 10;
    /*background-color: rgba(225, 225, 225, 0.26);*/
}

#jobstep-right_all {
    position: absolute;
    top: 35px;
    bottom: 0px;
    right: 0;
    left: 0px;
    overflow-y: scroll;
    /*overflow: auto;*/
    overflow-x:scroll;
}

#jobstep-content-info-lpa004 {
    position: absolute;
    top: 0;
    bottom: calc(50%);
    left: 0;
    right: 0;
    overflow: auto;
    margin-top: 80px;
}

#jobstep-content-job-lpa004 {
    position: absolute;
    height: calc(50%);
    /*height: 100px;*/
    bottom: 0px;
    left: 0;
    right: 0;
    overflow: auto;
    overflow-x: scroll;
    padding-top: 0px;
    padding-bottom: 10;
}

.form-control-required {
    border-color: #ff070e;
    outline: 0;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #ff0e0e;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-box-shadow: inset 0 1px 1px rgba(210, 20, 30, 0.84), 0 0 8px rgba(255, 7, 14, 0.95);
    box-shadow: inset 0 1px 1px rgba(210, 20, 30, 0.77), 0 0 8px rgba(255, 14, 14, 0.98);
}

.textbox-control-required {
    border-color: #ff070e;
    color: #ff0e0e;
    background-color: #fff;
    border: 0.5px solid #ffe5fc;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-box-shadow: inset 0 1px 1px rgba(210, 20, 30, 0.84), 0 0 8px rgba(255, 7, 14, 0.95);
    box-shadow: inset 0 1px 1px rgba(210, 20, 30, 0.77), 0 0 8px rgba(255, 14, 14, 0.98);
}

.popover-title{
    display: none;
}
.popover-content{
    /*background-image: url(images/info.gif);*/
    /*background-repeat: no-repeat;*/
    /*background-position: 10px 5px;*/
    background-color: #feecf0;
    color: crimson;
    font-weight: bold;
}

.listLeft {
    /*position: absolute;
    left: 28.5em;*/
    float: inherit;
}

.searchinput {
    width: 200px;
}

.searchclear {
    position: absolute;
    right: 25px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    cursor: pointer;
    color: #ccc;
}

.listLeft.glyphicon {
    position: absolute;
    top: 0px;
}

.dropdown-menu {
    max-height: 300px;
    /*overflow: auto;*/
    overflow-y:scroll;
}

.addon-fixed{
    width: 2px;
    min-width: 2px;
    background-color: #2ece85
}

.blink {
    animation: blink 1s steps(5, start) infinite;
    -webkit-animation: blink 1s steps(5, start) infinite;
}
@keyframes blink {
    to {
        visibility: hidden;
    }
}
@-webkit-keyframes blink {
    to {
        visibility: hidden;
    }
}
.loading8 {
    background: Silver url("images/loading8.gif") no-repeat center center;
    background-color: #c1c1c1;
    background: url("images/loading8.gif") no-repeat center center;
    }


#spoolFile-content-job {
    /*position: inherit;*/
    /*height: 85%;*/
    /*margin-left: 10px;*/
    /*margin-right: 10px;*/
    /*overflow: auto;*/
    /*overflow-x: hidden;*/
    /*padding-top: 10px;*/
    position: absolute;
    height: 88%;
    bottom: 5px;
    left: 0;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden ;
    padding-top: 10px;
    /*background-color: rgba(225, 225, 225, 0.26);*/

}

.navbar-account{
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    /*display: none;*/
    width: 80%;
    height: 25px;
    zoom: 1;
    -moz-opacity: 0;
    text-align: right;
    padding: 25px 0;
    position: absolute;
    top: 0;
    right: 0;
}