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

736 lines
16 KiB
CSS

* {
font-size: 13px;
}
body {
font-family: tahoma, helv, arial, verdana, sans-serif;
font-size: 13px;
margin: 0;
overflow-y: hidden;
color: #616161;
}
#main {
position: absolute;
left: 0px;
top: 60px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#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;
}
::-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;
}
/* 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.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 tr.even td {
background-color: #f6f3f6;
}
.boxPopup {
position: relative;
z-index: 100;
background-color: #eef3ff;
padding: 10px;
border: 1px solid #c7d7ff;
width: auto;
}
/* end tableResult */
.list-of-job {
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: 122px;
height: 122px;
display: block;
float: left;
background: url(../images/dashboard/dashboard-module.gif) top left no-repeat;
margin: 0 8px 8px 0;
text-align: center;
color: #444444;
}
a.dashboard-module:hover,
a.dashboard-module:active {
background-position: bottom left;
text-decoration: none;
color: #0063be;
}
a.dashboard-module img {
margin-top: 15px;
}
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: 100px;
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.client {
/*background: url(../images/green-user-icon.png ) no-repeat 0px 0px;*/
padding-left: 10px;
font-weight: normal;
}
label.title {
font-weight: bold;
font-size: 13px;
/*background: url(../images/application-view-tile-icon.png ) no-repeat 10px 0px;*/
padding-left: 10px;
}
div.info1 {
margin-top: 3px;
margin-left: 0px;
width: auto;
}
div.info2 {
margin-top: 3px;
margin-left: 0px;
font-size: 15px;
width: auto;
}
#footer {
position: relative;
width: 761px;
margin: 0 auto;
padding: 0;
margin-top: -20px;
line-height: 70px;
color: #df1ec6;
height: 50px;
text-align: center;
}
.app-modal-window .modal-dialog {
width: 1000px;
}
/* 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: 0;
left: 0px;
width: 450px;
overflow-y: scroll;
/*height: 100%;*/
height: calc(100% - 85);
padding-left: 5px;
padding-right: 5px;
}
#jobstep-right {
position: absolute;
top: 85px;
bottom: 0;
right: 0;
left: 462px;
overflow-y: 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 {
}
#jobstep-content-info {
position: absolute;
top: 0;
bottom: calc(50% + 50px);
left: 0;
right: 0;
overflow: auto;
margin-top: 35px;
}
#jobstep-content-job {
position: absolute;
height: calc(50%);
/*height: 100px;*/
bottom: 50px;
left: 0;
right: 0;
overflow: auto;
padding-top: 10px;
}
#content-top {
position: absolute;
top: 0px;
bottom: calc(50% + 12px);
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;
}
#panel-content1 {
position: absolute;
/*height: 300px;*/
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-content-resizer {
position: absolute;
height: 6px;
/*bottom: 300px;*/
bottom: calc(50% + 50px);
left: 0;
right: 0;
background: -webkit-linear-gradient(left, #fdb6f9, #ffd3fc);
cursor: n-resize;
}
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-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;
}
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;
}
.tabletitlediv {
font-size: 15px;
color: #6a6b95;
padding: 3px;
margin-top: 10px;
}
.wordwrap2{
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}