ENDRPrint_12CRelease/web/css/screen_ie8.css
2024-08-14 10:58:03 +07:00

1443 lines
33 KiB
CSS

* {
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: 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;
}
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;
/*background-color:#339900 !important;*/
}
.activeMenu3 {
/*background-color:#9eff97 !important;*/
background-color:#FFD6E0;
/*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%;*/
}
/* 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 */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ededed',GradientType=0 ); !* IE6-9 *!*/
}
/* background-color: rgba(225, 225, 225, 0.26); */
#top-content {
position: absolute;
top: 0;
bottom: 136px; /* 130 + 6 */
left: 0;
right: 0;
background-color: #444;
overflow: auto;
}
#bottom-content {
position: absolute;
height: 130px;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
background-color: #777;
}
#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%;
bottom: 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: 50%;
/*height: 100px;*/
bottom: 0px;
left: 0;
right: 0;
overflow: auto;
padding-top: 10px;
}
#content-top {
position: absolute;
top: 0px;
bottom: 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: 50%;
bottom: 0px;
left: 0;
right: 0;
overflow: auto;
padding-top: 10px;
}
#jobstep-sidebar-resizer {
background-color: #fdb6f9;
background: -webkit-linear-gradient(top, #ada2ff, #fadef1);
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ada2ff', endColorstr='#fadef1',GradientType=0 ); /!* IE6-8 *!/*/
position: absolute;
top: 85px;
bottom: 0;
left: 450px;
width: 6px;
cursor: e-resize;
}
#jobstep-sidebar-resizer-no-search {
background-color: #fdb6f9;
background: -webkit-linear-gradient(top, #ada2ff, #fadef1);
position: absolute;
top: 85px;
bottom: 0;
left: 450px;
width: 6px;
cursor: e-resize;
}
#jobstep-content-resizer {
position: absolute;
height: 6px;
/*bottom: 300px;*/
/*bottom: calc(30%);*/
bottom: 85%;
left: 0;
right: 0;
background-color: #fdb6f9;
background: -webkit-linear-gradient(left, #fdb6f9, #ffd3fc);
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f97fb8', endColorstr='#ffd3fc',GradientType=0 ); /!* IE6-8 *!/*/
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: hidden ;
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: 85%;
left: 0;
right: 0;
overflow: auto;
margin-top: 35px;
}
#jobstep-content-job-a {
position: absolute;
height: 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: 50%;
left: 0;
right: 0;
overflow: auto;
margin-top: 80px;
}
#jobstep-content-job-lpa004 {
position: absolute;
height: 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;
width: 80%;
height: 45px;
zoom: 1;
-moz-opacity: 0;
text-align: right;
padding: 20px 0;
position: absolute;
top: 0;
right: 0;
}