/*
* File Maintenance Cascading Style Sheet version 0.9.0.25
*/
/*****By Patrick******/
/*
vue
Seems like this font-size rule doesn't take effect since a lot of the
HTML elements are taking font-size from some other rulesets.
*/
/*
body {
font-size: 14px;
}
*/
/* By Gustavo Multiselect Dropdown Begin May 17, 2017
****************************************************** */
.MultiSelectToggleButtonLabel {
font-size: 12px;
margin-left: 5px;
}
.MultiSelectToggleButton {
position: absolute;
float: right;
margin-left: 5px;
width: 15px;
margin-top: -2px;
height: 15px;
background-image: url(../images/table_order_desc.gif);
background-repeat: no-repeat;
background-size: 10px 10px;
background-position: center;
border: 0px solid #c0c0c0;
background-color: #fff;
opacity: 1;
cursor: pointer;
}
.MultiSelectOptionContainer {
position: absolute;
width: 180px;
height: 150px;
z-index: 5;
margin-top: 4px;
margin-left: -2px;
border: 1px solid #c0c0c0;
background-color: #fff;
overflow: auto;
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
-webkit-animation: slide 0.1s ease-in-out both 0s 1;
animation: slide 0.1s ease-in-out both 0s 1;
}
.MultiOption {
background-color: #fff;
}
.MultiOption:hover {
background-color: #f1f1f1;
}
.MultiSelectInputSimulation {
width: 180px;
height: 15px;
margin-top: 2px;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
/* By Gustavo Multiselect Dropdown End
*************************************** */
/*
* By Gustavo, Google window template, April 26 2017, Begin
*/
.gm-style-iw {
width: 250px !important;
top: 15px !important;
left: 0px !important;
background-color: #fff;
box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
border: 1px solid rgba(233, 72, 74, 0.6);
border-radius: 2px 2px 10px 10px;
}
.gm-style-iw > div {
overflow: hidden !important;
}
#google-popup-window-container {
width: 250px;
margin-bottom: 0px;
}
#google-popup-window-container .google-popup-window-title {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 18px;
font-weight: 400;
padding: 5px 5px 8px 10px;
background-color: #ff0000;
color: white;
margin: 0;
border-radius: 2px 2px 0 0;
}
#google-popup-window-container .google-popup-window-content {
font-size: 14px;
line-height: 18px;
font-weight: 400;
margin-right: 1px;
padding: 10px 5px 10px 10px;
max-height: 120px;
overflow-y: auto;
overflow-x: hidden;
}
.google-popup-window-content img {
float: right;
margin: 0 5px 5px 10px;
}
.google-popup-window-subTitle {
font-size: 16px;
font-weight: 700;
/*padding: 5px 0;*/
}
.google-popup-window-bottom-gradient {
position: absolute;
width: 326px;
height: 25px;
bottom: 3px;
right: 18px;
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
/*
* By Gustavo, Google window template, April 26 2017, End
*/
/* Icon to be used in that button that go to full screen
of the browser and go back to standard view of the browser begins */
.go-full-screen {
width: 26px;
height: 18px;
background-image: url(../images/go-full-screen.png);
background-repeat: no-repeat;
background-size: 26px 18px;
background-color: transparent;
opacity: 1;
cursor: pointer;
outline: none;
border: none;
}
.go-full-screen:hover {
width: 26px;
height: 18px;
background-image: url(../images/go-full-screen.png);
background-repeat: no-repeat;
background-size: 26px 18px;
background-color: transparent;
opacity: 0.5;
cursor: pointer;
outline: none;
border: none;
}
.go-regular-screen {
width: 26px;
height: 18px;
background-image: url(../images/go-regular-screen.png);
background-repeat: no-repeat;
background-size: 26px 18px;
background-color: transparent;
opacity: 1;
cursor: pointer;
outline: none;
border: none;
}
.go-regular-screen:hover {
width: 26px;
height: 18px;
background-image: url(../images/go-regular-screen.png);
background-repeat: no-repeat;
background-size: 26px 18px;
background-color: transparent;
opacity: 0.5;
cursor: pointer;
outline: none;
border: none;
}
/*
** By Gustavo. Adjust the container of the table when it is less than 10 columns Begin
** FM 107 Begin
*/
.table-more-than-fifteen {
width: 100% !important;
max-width: -moz-calc(100% - 0px) !important;
max-width: -webkit-calc(100% - 0px) !important;
max-width: calc(100% - 0px) !important;
height: 100vh !important;
max-height: -moz-calc(100% - 250px);
max-height: -webkit-calc(100% - 250px);
max-height: calc(100vh - 250px);
background-color: #fff;
overflow: auto;
margin-left: 0px !important;
margin-top: 0px !important;
border-bottom: none;
-webkit-border-top-left-radius: 0px;
-moz-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-top-right-radius: 0px;
border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.table-less-than-fifteen {
/*width: 500px !important;*/
width: 50%;
height: 100vh !important;
max-height: -moz-calc(100% - 250px) !important;
max-height: -webkit-calc(100% - 250px) !important;
max-height: calc(100vh - 250px) !important;
background-color: #fff;
overflow: auto;
margin-left: 0px !important;
margin-top: 0px !important;
border-bottom: none;
-webkit-border-top-left-radius: 0px;
-moz-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-top-right-radius: 0px;
border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.container-of-table-container {
width: 100%;
max-width: -moz-calc(100% - 21px);
max-width: -webkit-calc(100% - 21px);
max-width: calc(100% - 21px);
height: 100vh !important;
max-height: -moz-calc(100% - 120px) !important;
max-height: -webkit-calc(100% - 120px) !important;
max-height: calc(100vh - 120px) !important;
background-color: #fff;
top: 0px;
margin-left: 10px;
overflow: hidden;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
/*
** By Gustavo. Adjust the container of the table when it is less than 10 columns Begin
** FM 107 End
*/
/* Icon to be used in that button that go to full screen
of the browser and go back to standard view of the browser End */
#dedicated-open-orders-tabs {
height: 25px;
border: 0;
}
/* By Gustavo TOM-413 Begin */
select.filemtc-input:disabled,
select.filemtc-select:disabled
{
color: rgba(51, 51, 51, 0.8);
border-color: rgba(194, 194, 194, 0.5);
border-style: solid;
background-color: rgb(243, 243, 241); /* By Gustavo TOM-471 */
}
/*
TMS-946
Before, this ruleset is just a tag selector. With TMS-946,
I have added filemtc-input CSS class so that it doesn't affect BootstrapVue inputs.
*/
input.filemtc-input:disabled {
color: rgba(51, 51, 51, 0.8);
border-color: rgba(194, 194, 194, 0.5);
border-style: solid;
background-color: rgb(243, 243, 241); /* By Gustavo TOM-471 */
}
textarea.filemtc-textarea:disabled {
color: rgba(51, 51, 51, 0.8);
border-color: rgba(194, 194, 194, 0.5);
border-style: solid;
background-color: rgb(243, 243, 241); /* By Gustavo TOM-471 */
}
/* By Gustavo TOM-413 End */
button {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
/*
vue
This used to be a fieldset tag selector only but I have now added the
".filemtc-fieldset" class and will refactor all fieldsets. This is done
so that it doesn't override BootstrapVue.
The CSS width: 480px; property has been removed now that the selector
specificity has increased.
*/
fieldset.filemtc-fieldset {
background-color: #fff;
border: 0;
margin-top: 0;
padding: 10px 5px 5px 5px; /* Before 10px 5px 5px 2% */
font-size: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
margin-inline-start: 2px; /* user agent default */
margin-inline-end: 2px; /* user agent default */
}
fieldset.filemtc-fieldset legend {
background-color: #fff;
border: 0;
margin-top: 0;
margin-left: 14px;
font-size: 14px;
font-weight: bold;
padding: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
width: initial; /* TMS-946 override BootstrapVue's width: 100% */
margin-bottom: initial;
}
/*
TMS-946
The has a few CSS rulesets in this file.
We should add filemtc-input to every tag selector so as not to override
BootstrapVue's tag selector, while at the same time, keep the previous look &
feel of Shell/TMS inputs by overriding Bootstrap.
*/
input.filemtc-input {
line-height: normal;
box-sizing: content-box; /* user agent default */
margin: revert;
}
input.filemtc-input:focus {
outline: none;
border: 2px solid #c0c0c0;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
border: 2px solid #ff0000;
}
input.filemtc-input:active {
outline: none;
border: 2px solid #c0c0c0;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
border: 2px solid #ff0000;
}
select.filemtc-input:focus,
select.filemtc-input option:focus,
select.filemtc-select:focus,
select.filemtc-select option:focus
{
outline: none;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
border: 2px solid #ff0000;
}
select.filemtc-input:active,
select.filemtc-input option:active,
select.filemtc-select:active,
select.filemtc-select option:active
{
outline: none;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
border: 2px solid #ff0000;
}
textarea.filemtc-textarea:focus, textarea.filemtc-textarea:active {
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
outline: 2px solid #ff0000;
}
button:active {
outline: none;
}
button:focus {
/*outline: 2px solid #ff0000;*/
outline: none;
}
/*By patrick, fm-64*/
div[id$="-container-view"] tr:nth-child(even) {
background: #efefef;
}
/* Text Editor Begin */
.text-editor-main-container-open {
position: absolute;
z-index: 7000;
opacity: 1;
margin-top: 10%;
left: 35%;
width: 500px;
height: 365px;
border: 1px solid #ccc;
background-color: #fff;
-webkit-border-top-left-radius: 0px;
-moz-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.text-editor-main-container-close {
position: absolute;
z-index: 7000;
opacity: 0;
margin-top: 10%;
left: 35%;
width: 500px;
height: 365px;
border: 1px solid #ccc;
background-color: #fff;
-webkit-border-top-left-radius: 0px;
-moz-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.text-editor-icon-title-container {
width: 500px;
height: 30px;
display: -webkit-inline-box;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
background: #ebebeb;
background: -webkit-linear-gradient(#f1f1f1,#c0c0c0);
background: -moz-linear-gradient(#f1f1f1,#c0c0c0);
background: linear-gradient(#f1f1f1,#c0c0c0);
-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4);
}
.text-editor-icon-container {
padding-right: 5px;
margin-left: 5px;
margin-right: 5px;
border-right: 1px solid #999;
}
.text-editor-title-container {
margin-top: 7px;
text-align: left;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #ff0000;
}
.text-editor-text-area {
width: 470px;
height: 300px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
margin: 15px 0px 0px 13px;
border: 1px solid #ccc;
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.text-editor-cancel-button {
width: 98px;
height: 32px;
background-image: url(../images/text-editor-cancel-button.png);
background-repeat: no-repeat;
background-size: 98px 32px;
background-color: transparent;
opacity: 1;
border: none;
cursor: pointer;
}
.text-editor-cancel-button:hover {
width: 98px;
height: 32px;
background-image: url(../images/text-editor-cancel-button-hover.png);
background-repeat: no-repeat;
background-size: 98px 32px;
background-color: transparent;
opacity: 1;
border: none;
cursor: pointer;
}
.text-editor-done-button {
width: 98px;
height: 32px;
background-image: url(../images/text-editor-done-button.png);
background-repeat: no-repeat;
background-size: 98px 32px;
background-color: transparent;
opacity: 1;
border: none;
cursor: pointer;
}
.text-editor-done-button:hover {
width: 98px;
height: 32px;
background-image: url(../images/text-editor-done-button-hover.png);
background-repeat: no-repeat;
background-size: 98px 32px;
background-color: transparent;
opacity: 1;
border: none;
cursor: pointer;
}
/* Text Editor End */
.update-window-css {
width: 320px;
position: absolute;
z-index: 2;
top: 25%;
left: 40%;
padding: .2em;
border: 1px solid #c0c0c0;
background-color: #f1f1f1;
-webkit-box-shadow: 2px 2px 8px #666666;
-moz-box-shadow: 2px 2px 8px #666666;
box-shadow: 2px 2px 8px #666666;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.update-window-title {
width: 97%;
height: 30px;
position: absolute;
top: 5px;
left: 5px;
background-color: #d3d3d1;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.shellBottomFrameShow { /* FM-96 by Gustavo Changed March 1 2017 */
width: 100%;
max-width: -moz-calc(100% - 7px);
max-width: -webkit-calc(100% - 7px);
max-width: calc(100% - 7px);
height: 400px;
padding: 2px;
bottom: 0px;
z-index: 3;
position: absolute;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: none;
background: #000;
-webkit-box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.5);
}
.shellBottomFrameHide { /* FM-96 by Gustavo Changed March 1 2017 */
width: 100%;
max-width: -moz-calc(100% - 7px);
max-width: -webkit-calc(100% - 7px);
max-width: calc(100% -7px);
height: 36px;
padding: 2px;
bottom: 0px;
z-index: 3;
position: absolute;
display: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #000;
-webkit-box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.5);
}
.openCloseLeftFrameShow {
width: 200px;
background-color: #f1f1f1;
}
.openCloseLeftFrameHide {
width: 20px;
}
.update-window-css {
width: 320px;
position: absolute;
z-index: 2;
top: 25%;
left: 40%;
padding: .2em;
border: 1px solid #c0c0c0;
background-color: #fff;
-webkit-box-shadow: 2px 2px 8px #666666;
-moz-box-shadow: 2px 2px 8px #666666;
box-shadow: 2px 2px 8px #666666;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.new-firm-window {
width: 100%;
max-width: -moz-calc(100% - 60px);
max-width: -webkit-calc(100% - 60px);
max-width: calc(100% - 60px);
height: 100%;
max-height: -moz-calc(100% - 200px);
max-height: -webkit-calc(100% - 200px);
max-height: calc(100% - 200px);
position: absolute;
min-height: 560px;
/*max-height: 760px;*/
z-index: 2;
top: 70px;
left: 20px;
padding: .2em;
border: 1px solid #c0c0c0;
background-color: #fff;
overflow: auto;
-webkit-box-shadow: 2px 2px 8px #666666;
-moz-box-shadow: 2px 2px 8px #666666;
box-shadow: 2px 2px 8px #666666;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.form-of-new-firm-for {
/*
padding: 5px;
margin-top: 10px;
margin-left: 10px;
*/
position: absolute;
top: 120px;
left: 0px;
z-index: 2;
background-color: #fff;
padding: 5px;
width: 370px;
height: 450px;
border: 1px solid #c0c0c0;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.form-of-new-firm-for-map {
top: 5px !important;
width: 100%;
/*left: 400px !important;
max-width: -moz-calc(100% - 410px) !important;
max-width: -webkit-calc(100% - 410px) !important;
max-width: calc(100% - 410px) !important;
height: 510px !important;
*/
/*
max-height: -moz-calc(100% - 100px) !important;
max-height: -webkit-calc(100% - 100px) !important;
max-height: calc(100% - 150px) !important;
*/
}
.new-firm-window-title {
height: 15px;
margin: 0px;
padding-top: 6px;
padding-left: 2px;
padding-bottom: 6px;
padding-right: 2px;
color: #333;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #d3d3d1;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.new-firm-close-x {
width: 10px;
height: 10px;
background-image: url(../images/close-x-icon.png);
background-repeat: no-repeat;
background-size: 10px 10px;
background-position: center;
background-color: transparent;
padding: 8px;
margin-right: 5px;
opacity: 1;
border: none;
cursor: pointer;
}
.containerKeywordSelectorOfDateInputoffset {
width: 100px;
height: 33px;
z-index: 3;
top: 95px;
position: absolute;
margin-left: 105px;
}
.keywordSelectorOfDateInputoffset {
width: 80px;
/*margin-left: 105px;*/
/*z-index: 3;*/
margin-top: 20px;
position: absolute;
border: 3px solid #a0dbff;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
box-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
}
.close-x-icon-circle-outline {
width: 10px;
height: 10px;
background-image: url(../images/close-x-icon.png);
background-repeat: no-repeat;
background-size: 8px 8px;
background-position: center;
background-color: #fff;
padding: 6px;
margin-left: 85px;
opacity: 1;
border: 3px solid #a0dbff;
cursor: pointer;
background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
box-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
}
.container-date-keyword-selector-button {
width: 16px;
margin-top: 15px;
padding: 1px;
opacity: 1;
/*order: 2px solid #c0c0c0;*/
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.date-keyword-selector-button-class {
width: 15px;
height: 15px;
background-image: url(../images/table_order_desc.gif);
background-repeat: no-repeat;
background-size: 10px 10px;
background-position: center;
border: 0px solid #c0c0c0;
background-color: #fff;
opacity: 1;
cursor: pointer;
/*cursor: pointer;*/
}
.date-keyword-selector-ul-container {
width: 143px;
position: absolute;
margin-top: 38px;
margin-left: -22px;
border: 1px solid #c0c0c0;
background-color: #fff;
z-index: 3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
}
.ulDateKeyword {
cursor: pointer;
padding: 1px 0px 2px 2px;
margin-right: 2px;
-webkit-margin-before: 2px;
-webkit-margin-after: 2px;
-webkit-margin-start: 2px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
.ulDateKeyword > li {
cursor: pointer;
padding: 2px 0px 3px 2px;
margin-right: 2px;
}
.ulDateKeyword > li:hover {
cursor: pointer;
background-color: #f1f1f1;
}
/*
By Gustavo Tables of Potential Hire Begin
*/
#potentialHireCallList-search-container-view, #potentialHireRecruitmentList-search-container-view {
width: 400px;
height: 250px;
vertical-align: top;
border: 1px solid #c0c0c0;
}
/*
By Gustavo Tables of Potential Hire End
*/
.update-window-css {
width: 320px;
position: absolute;
z-index: 2;
top: 25%;
left: 40%;
padding: .2em;
border: 1px solid #c0c0c0;
background-color: #fff;
-webkit-box-shadow: 2px 2px 8px #666666;
-moz-box-shadow: 2px 2px 8px #666666;
box-shadow: 2px 2px 8px #666666;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.saving-error-message {
width: 260px;
padding: 5px;
margin-left: 20px;
margin-bottom: 15px;
}
.containerKeywordSelectorOfDateInputoffset {
width: 100px;
height: 33px;
z-index: 3;
top: 95px;
position: absolute;
margin-left: 105px;
}
.keywordSelectorOfDateInputoffset {
width: 80px;
/*margin-left: 105px;*/
/*z-index: 3;*/
margin-top: 20px;
position: absolute;
border: 3px solid #a0dbff;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
box-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
}
.close-x-icon-circle-outline {
width: 10px;
height: 10px;
background-image: url(../images/close-x-icon.png);
background-repeat: no-repeat;
background-size: 8px 8px;
background-position: center;
background-color: #fff;
padding: 6px;
margin-left: 85px;
opacity: 1;
border: 3px solid #a0dbff;
cursor: pointer;
background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
box-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
}
.container-date-keyword-selector-button {
width: 16px;
margin-top: 15px;
padding: 1px;
opacity: 1;
/*order: 2px solid #c0c0c0;*/
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.date-keyword-selector-button-class {
width: 15px;
height: 15px;
background-image: url(../images/table_order_desc.gif);
background-repeat: no-repeat;
background-size: 10px 10px;
background-position: center;
border: 0px solid #c0c0c0;
background-color: #fff;
opacity: 1;
cursor: pointer;
/*cursor: pointer;*/
}
.date-keyword-selector-ul-container {
width: 143px;
position: absolute;
margin-top: 38px;
margin-left: -22px;
border: 1px solid #c0c0c0;
background-color: #fff;
z-index: 3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
}
.ulDateKeyword {
cursor: pointer;
padding: 1px 0px 2px 2px;
margin-right: 2px;
-webkit-margin-before: 2px;
-webkit-margin-after: 2px;
-webkit-margin-start: 2px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
.ulDateKeyword > li {
cursor: pointer;
padding: 2px 0px 3px 2px;
margin-right: 2px;
}
.ulDateKeyword > li:hover {
cursor: pointer;
background-color: #f1f1f1;
}
/*
By Gustavo Tables of Potential Hire Begin
*/
#potentialHireCallList-search-container-view, #potentialHireRecruitmentList-search-container-view {
width: 400px;
height: 250px;
vertical-align: top;
border: 1px solid #c0c0c0;
}
/*
By Gustavo Tables of Potential Hire End
*/
/* By Gustavo | Use this for input field now on
*********************************************** */
.standar_input {
padding: 2px;
font-size: 14px;
color: #333;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
/* Use this for input field now on | end
**************************************** */
/* New top fieldset frame begin By Gus
just for the top frame on the pages
**************************************** */
.top-fieldset {
border: 1px solid #999;
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.top-cancel-save-buttons {
padding: 5px 15px;
width: 100px;
height: 25px;
color: #fff;
line-height: 0;
border: 2px solid #333;
cursor: pointer;
background-color: #333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.top-cancel-save-buttons:hover {
background-color: #f1f1f1;
border: 2px solid #c0c0c0;
color: #333;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.top-cancel-save-buttons:disabled {
border: 2px solid #333;
background-color: #333;
color: #fff;
opacity: 0.3;
cursor: auto;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
}
/* New top fieldset frame end By Gus
just for the top frame on the pages
**************************************** */
/* By Gustavo
*********************** */
.drag-handle {
background-color: rgba(192, 192, 192, 0.9);
height: 30px;
width: 100%;
}
/* Close Button oF The Filter Window by Gus Begin
************************************************** */
.drag-handle-button {
width: 20px;
height: 20px;
border: 0;
background-image: url(../images/drag-handle-button-icon.png);
background-repeat: no-repeat;
background-size: 12px 12px;
background-position: center;
background-color: transparent;
float: right;
margin-top: 5px;
margin-right: 10px;
cursor: pointer;
z-index: 100;
}
#drag-handle-button:hover {
opacity: 0.5;
}
.refresh-button-pill-shape {
width: 94px;
height: 25px;
background-image: url(../images/refresh-button-pill-shape.png);
background-repeat: no-repeat;
background-size: 94px 25px;
background-color: transparent;
margin-top: 12px;
opacity: 1;
border: none;
cursor: pointer;
}
.refresh-button-pill-shape:hover {
width: 94px;
height: 25px;
background-image: url(../images/refresh-button-pill-shape-h.png);
background-repeat: no-repeat;
background-size: 94px 25px;
background-color: transparent;
margin-top: 12px;
opacity: 1;
border: none;
cursor: pointer;
}
/* Close Button oF The Filter Window by Gus End
*********************************************** */
.fa.fa-search:hover {
color: rgba(222, 0, 0, 0.9);
}
/*********************/
.search-button-img {
height: 13px;
width: 13px;
}
.text-input-error {
box-shadow: inset 0 0 1em gold, 0 0 1em red;
}
/* Container of the buttons of the form begin By Gustavo
********************************************************* */
.maintenance-buttons {
width: 950px;
margin-left: 50px;
margin-right: 50px;
margin-bottom: 2px;
text-align: left;
}
/* Remove Assignments button begin
************************************************ */
button.remove-assigments-buttons {
padding: 5px 15px;
width: 190px;
height: 25px;
color: #fff;
line-height: 0;
border: 2px solid #333;
cursor: pointer;
background-color: #333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
button.remove-assigments-buttons:hover {
background-color: #f1f1f1;
border: 2px solid #c0c0c0;
color: #333;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
button.remove-assigments-buttons:disabled {
border: 2px solid #333;
background-color: #333;
color: #fff;
opacity: 0.3;
cursor: auto;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
}
/* Remove Assignments button end
************************************************ */
/* Buttons Add Delete Edit and Search begin
************************************************ */
.icon-add-button {
width:30px;
height:30px;
background-image: url(../images/icon-add.png);
background-repeat: no-repeat;
background-size: 30px 30px;
background-color: transparent;
opacity: 1;
border: none;
cursor: pointer;
-webkit-transition: .3s all;
-moz-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}
.icon-add-button:hover {
opacity: 1;
border: none;
cursor: pointer;
-ms-transform: rotate(7deg); /* IE 9 */
-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
transform: rotate(7deg);
}
.icon-cancel-button {
width:30px;
height:30px;
background-image: url(../images/icon-cancel.png);
background-repeat: no-repeat;
background-size: 30px 30px;
background-color: transparent;
opacity: 1;
border: none;
cursor: pointer;
-webkit-transition: .3s all;
-moz-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}
.icon-cancel-button:hover {
opacity: 1;
border: none;
cursor: pointer;
-ms-transform: rotate(7deg); /* IE 9 */
-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
transform: rotate(7deg);
}
.icon-add-button:disabled {
opacity: 0.3;
cursor: auto;
-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
transform: rotate(0deg);
}
.icon-delete-button {
width:30px;
height:30px;
background-image: url(../images/icon-delete.png);
background-repeat: no-repeat;
background-size: 30px 30px;
background-color: transparent;
opacity: 1;
border: none;
cursor: pointer;
}
.icon-delete-button:hover {
opacity: 1;
border: none;
cursor: pointer;
-ms-transform: rotate(7deg); /* IE 9 */
-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
transform: rotate(7deg);
}
.icon-delete-button:disabled {
opacity: 0.3;
cursor: auto;
-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
transform: rotate(0deg);
}
.icon-edit-button {
width:30px;
height:30px;
background-image: url(../images/icon-edit.png);
background-repeat: no-repeat;
background-size: 30px 30px;
background-color: transparent;
opacity: 1;
border: none;
cursor: pointer;
}
.icon-edit-button:hover {
opacity: 1;
border: none;
cursor: pointer;
-ms-transform: rotate(7deg); /* IE 9 */
-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
transform: rotate(7deg);
}
.icon-edit-button:disabled {
opacity: 0.3;
cursor: auto;
-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
transform: rotate(0deg);
}
.icon-search-button {
width:30px;
height:30px;
background-image: url(../images/icon-search.png);
background-repeat: no-repeat;
background-size: 30px 30px;
background-color: transparent;
opacity: 1;
border: none;
cursor: pointer;
}
.icon-search-button:hover {
opacity: 1;
border: none;
cursor: pointer;
-ms-transform: rotate(7deg); /* IE 9 */
-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
transform: rotate(7deg);
}
.icon-search-button:disabled {
opacity: 0.3;
cursor: auto;
-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
transform: rotate(0deg);
}
.message-icon {
width:27px;
height:36px;
background-image: url(../images/message-icon.png);
background-repeat: no-repeat;
background-size: 27px 36px;
background-color: transparent;
opacity: 1;
border: none;
cursor: pointer;
}
/* Buttons Add Delete Edit and Search end
************************************************ */
/* TMS | Order Form
******************************** */
.maintenance-form-order {
margin-top: 0px;
margin-left: 10px;
}
.icon-search-button-order {
width:30px;
height:30px;
float: right;
margin-right: 30px;
background-image: url(../images/icon-search.png);
background-repeat: no-repeat;
background-size: 30px 30px;
background-color: transparent;
opacity: 1;
border: none;
cursor: pointer;
}
.icon-search-button-order:hover {
opacity: 1;
border: none;
cursor: pointer;
-ms-transform: rotate(7deg); /* IE 9 */
-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
transform: rotate(7deg);
}
.icon-search-button-order:disabled {
opacity: 0.3;
cursor: auto;
-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
transform: rotate(0deg);
}
.icon-search-button-order:focus {
outline:0;
}
.icon-search-button-order:active {
outline:0;
}
/* TMS | Order Form end
*********************************** */
/* Sort Icons for the Table
/* ********************************************* */
/* Sort Table button asc begin By Gus
************************************************ */
.sort_icon_asc_desc {
width:15px;
height:15px;
float: right;
background-image: url(../images/table_order.gif);
background-repeat: no-repeat;
background-size: 15px 15px;
background-color: transparent;
padding-top: 0px;
padding-bottom: 0px;
opacity: 0.1;
float: right;
cursor: pointer;
-webkit-transition: .3s all;
-moz-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}
.sort_icon_asc_desc:hover {
opacity: 1;
}
/* Sort Table button asc begin By Gus
************************************************ */
.sort_icon_asc {
width:15px;
height:15px;
float: right;
background-image: url(../images/table_order_asc.gif);
background-repeat: no-repeat;
background-size: 15px 15px;
background-color: transparent;
padding-top: 0px;
padding-bottom: 0px;
opacity: 1;
float: right;
cursor: pointer;
}
.sort_icon_asc:hover {
opacity: 1;
}
/* Sort Table button asc end By Gus
************************************************ */
/* Sort Table button desc begin By Gus
************************************************ */
.sort_icon_desc {
width:15px;
height:15px;
float: right;
background-image: url(../images/table_order_desc.gif);
background-repeat: no-repeat;
background-size: 15px 15px;
background-color: transparent;
padding-top: 0px;
padding-bottom: 0px;
opacity: 1;
float: right;
cursor: pointer;
}
.sort_icon_desc:hover {
opacity: 1;
}
/* Sort Table button desc end By Gus
************************************************ */
/* Buttons Search of the Forms By Gus
************************************************ */
.icon-search-button-forms {
width:25px;
height:25px;
background-image: url(../images/icon-search.png);
background-repeat: no-repeat;
background-size: 25px 25px;
background-color: transparent;
/* margin-right: 30px; */
opacity: 1;
border: none;
cursor: pointer;
float: right;
display: block;
}
.icon-search-button-forms:hover {
opacity: 1;
border: none;
cursor: pointer;
-ms-transform: rotate(7deg); /* IE 9 */
-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
transform: rotate(7deg);
}
.icon-search-button-forms:disabled {
opacity: 0.3;
cursor: auto;
-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
transform: rotate(0deg);
}
/* Buttons Search of the Form
************************************************ */
/* Refresh Icon Button Begin By Gus
************************************ */
.icon-refresh-button-big {
width:105px;
height:31px;
background-image: url(../images/refresh-button-pill-shape.png);
background-repeat: no-repeat;
background-size: 105px 31px;
background-color: transparent;
margin-left: 10px;
opacity: 1;
border: none;
cursor: pointer;
}
.icon-refresh-button-big:hover {
width:105px;
height:31px;
background-image: url(../images/refresh-button-pill-shape-h.png);
background-repeat: no-repeat;
background-size: 105px 31px;
background-color: transparent;
margin-left: 10px;
opacity: 1;
border: none;
cursor: pointer;
}
.icon-refresh-button-big:disabled {
width:105px;
height:31px;
background-image: url(../images/refresh-button-pill-shape.png);
background-repeat: no-repeat;
background-size: 105px 31px;
background-color: transparent;
margin-left: 10px;
opacity: 0.3;
border: none;
cursor: auto;
}
.icon-refresh-button {
width:20px;
height:15px;
background-image: url(../images/refresh-icon.png);
background-repeat: no-repeat;
background-size: 20px 15px;
background-color: transparent;
margin-left: 10px;
opacity: 0.5;
border: none;
cursor: pointer;
}
.icon-refresh-button:hover {
opacity: 0.6;
border: none;
cursor: pointer;
-ms-transform: rotate(7deg); /* IE 9 */
-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
transform: rotate(7deg);
}
.icon-refresh-button:disabled {
opacity: 0.6;
cursor: auto;
-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
transform: rotate(0deg);
}
.icon-refresh-button:focus, .icon-refresh-button-big:focus {
outline:0;
}
.icon-refresh-button:active, .icon-refresh-button-big:active {
outline:0;
}
/* Refresh Icon Button End By Gus
************************************ */
/* Save Layout and Restore Layout Begin
************************************************ */
.save-restore-buttons {
padding: 5px 15px;
color: #333;
line-height: 1;
border: none;
cursor: pointer;
background-color: #c0c0c0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.save-restore-buttons:hover {
background-color: #b5b5b5;
}
.save-restore-buttons:disabled {
background-color: #c0c0c0;
opacity: 0.3;
cursor: auto;
}
/* Cancel and Save button By Gus on Red colour */
.save-restore-buttons-red {
padding: 5px 15px;
width: 100px;
height: 25px;
color: #fff;
line-height: 1;
border: none;
cursor: pointer;
background-color: #ff0000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.save-restore-buttons-red:hover {
background-color: #900;
}
.save-restore-buttons-red:disabled {
background-color: #ff0000;
opacity: 0.3;
cursor: auto;
}
/* Save Layout and Restore Layout End
************************************** */
/* Cancel and Save button begin By Gus
************************************************ */
.cancel-save-buttons {
padding: 5px 15px;
width: 100px;
height: 25px;
color: #fff;
line-height: 0;
border: 2px solid #333;
cursor: pointer;
background-color: #333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.cancel-save-buttons:hover {
background-color: #f1f1f1;
border: 2px solid #c0c0c0;
color: #333;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.cancel-save-buttons:disabled {
border: 2px solid #333;
background-color: #333;
color: #fff;
opacity: 0.3;
cursor: auto;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
}
/* Cancel and Save button By Gus on Red colour */
.cancel-save-buttons-red {
padding: 5px 15px;
width: 100px;
height: 25px;
color: #fff;
line-height: 0;
border: 2px solid #ff0000;
cursor: pointer;
background-color: #ff0000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.cancel-save-buttons-red:hover {
background-color: #ff0000;
border: 2px solid #ff0000;
color: #333;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.cancel-save-buttons-red:disabled {
border: 2px solid #ff0000;
background-color: #ff0000;
color: #fff;
opacity: 0.3;
cursor: auto;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
}
/* Cancel and Save button end
************************************************ */
/* Expired Dialog Box begin By Gus
************************************************ */
#index_dialog {
min-height: 40px;
}
/* Expired Dialog Box End
************************************************ */
/* Expand And Compress button begin By Gus
************************************************ */
.expand-compress-buttons {
color: #333;
border: none;
cursor: pointer;
display: inline;
opacity: 0.9
}
.expand-compress-buttons:hover {
opacity: 0.5;
}
.expand-compress-buttons:disabled {
opacity: 0.5;
}
/* This make an outline to make the awesome font thinner */
#text-out-line-one {
top: 10px;
-webkit-text-stroke: 1px white;
margin-top: 2.5px;
margin-left: 2.5px;
font-size: 11px;
}
#text-out-line-two {
top: 10px;
-webkit-text-stroke: 0px white;
}
/* Expand And Compress button end
************************************************ */
/* Geocode button begin By Gus
************************************************ */
.geocode-button {
width: 25px;
height: 25px;
background-image: url(../images/compass.png);
background-repeat: no-repeat;
background-size: 25px 25px;
background-color: transparent;
/* margin-right: 40px; */
margin-top: 15px;
opacity: 0.8;
border: none;
cursor: pointer;
float: right;
display: block;
}
.geocode-button:hover {
opacity: 1;
}
.geocode-button:disabled {
opacity: 0.3;
cursor: auto;
}
/* Geocode button end
************************************************ */
/* Trip Sheet Chargeable2 Begin By Gustavo
*********************************************** */
.tripSheetChargeable2-maintenance-container {
margin-top: 0;
margin-left: 10px;
white-space: nowrap;
}
.tripSheetChargeable2-list-maintenance-detail {
width: 480px;
height: 100%;
margin-right: 10px;
padding-top: 20px;
font-size: 14px;
color: #333;
float: right;
border: 1px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
#tripSheetChargeable2-search-container-view {
width: 410px;
height: 385px;
vertical-align: top;
}
.tripSheetChargeable2-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 10px;
margin-left: 10px;
padding: 0;
font-size: 14px;
color: #333;
}
/* Trip Sheet Chargeable2 End
*********************************************** */
/* tripsheet-unsaved-dialog-text-window begin */
#dispatch-planning-tripsheet-unsaved-dialog, #dispatch-planning-overflow-dialog {
margin: 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
/* tripsheet-unsaved-dialog-text-window end */
.dispatch-planning-overflow-field-input {
width: 150px;
margin-bottom: 10px;
margin-left: 10px;
/* padding: 5px 8px;*/
font-size: 14px;
color: #333;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
/* tripsheet-unsaved-dialog-buttons begin
************************************************ */
.tripsheet-unsaved-dialog-buttons {
width: 88px;
height: 25px;
color: #333;
line-height: 1;
border: none;
cursor: pointer;
padding: 5px 10px;
margin-left: 0px;
margin-bottom: 10px;
background-color: #c0c0c0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.tripsheet-unsaved-dialog-buttons:hover {
background-color: #b5b5b5;
}
.tripsheet-unsaved-dialog-buttons:disabled {
background-color: #FF0000;
opacity: 0.3;
cursor: auto;
}
#dispatch-planning-tripsheet-unsaved-dontsave-button, #dispatch-planning-tripsheet-unsaved-cancel-button,
#dispatch-planning-tripsheet-unsaved-save-button {
font-size: 14px;
}
/* tripsheet-unsaved-dialog-buttons end
************************************************ */
/* tripsheet-unsaved-dialog-buttons red begin By Gus
***************************************************** */
.tripsheet-unsaved-dialog-buttons-red {
width: 88px;
height: 25px;
color: #fff;
line-height: 1;
border: none;
cursor: pointer;
padding: 5px 10px;
margin-left: 0px;
margin-bottom: 10px;
background-color: #FF0000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.tripsheet-unsaved-dialog-buttons-red:hover {
background-color: #900;
}
.tripsheet-unsaved-dialog-buttons-red:disabled {
background-color: #FF0000;
opacity: 0.3;
cursor: auto;
}
/* tripsheet-unsaved-dialog-buttons red end
************************************************ */
.add_trip_sheet_label {
width: 138px;
margin-left: 5px;
display: inline-block;
}
.add_trip_sheet_label_apply_to_all {
width: 100px;
margin-left: 5px;
display: inline-block;
}
.add_trip_sheet_label_for_text_box {
float: left;
width: 138px;
margin-left: 5px;
display: inline-block;
}
.add_trip_sheet_input {
width: 155px;
margin: 0px 0px 8px 0px;
padding: 2px;
display: inline-block;
border: 2px solid #c0c0c0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.add_trip_sheet_checkbox {
margin: 0px 0px 8px 0px;
padding: 2px;
display: inline-block;
border: 2px solid #c0c0c0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/* add tripsheet red button begin By Gus
************************************************ */
.add-tripsheet-buttons-red {
height: 25px;
color: #fff;
line-height: 1;
border: none;
cursor: pointer;
padding: 5px 10px;
margin-left: 0px;
margin-bottom: 10px;
background-color: #FF0000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top: 15px;
grid-column: span 2;
margin-left: 2em;
margin-right: 2em;
}
.add-tripsheet-buttons-red:hover {
background-color: #900;
}
.add-tripsheet-buttons-red:disabled {
background-color: #FF0000;
opacity: 0.3;
cursor: auto;
}
/* add tripsheet red button end
************************************************ */
/* dispatch board search window Begin By Gus
************************************************ */
.dispatch_board_search_window {
width: 394px;
height: 400px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
background-color: #fff;
border: 1px solid #c0c0c0;
padding: 8px;
z-index: 999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 2px 2px 5px #c0c0c0;
}
.dispatch_board_search_containers_grey {
width: 100%;
height: 25px;
background-color: #c1c1c1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 10px;
}
.dispatch_board_search_containers {
width: 98%;
height: 40px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
margin-left: 10px;
/*position: absolute;*/
background-color: #fff;
border: 0px;
}
.dispatch_board_search_window_label {
width: 100px;
text-align: left;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
boder: 0px;
vertical-align: middle;
display: inline-block;
}
.dispatch_board_search_window_input {
width: 150px;
margin-bottom: 2px;
margin-left: 5px;
padding: 0px;
font-size: 14px;
color: #333;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
/* Close Button Begin By Gus */
.dispatch_board_search_close_icon {
width:14px;
height:14px;
background-image: url(../images/drag-handle-button-icon.png);
background-repeat: no-repeat;
background-size: 14px 14px;
background-color: transparent;
margin-top: 5px;
margin-right: 5px;
opacity: 0.6;
border: none;
cursor: pointer;
float: right;
display: block;
}
.dispatch_board_search_close_icon:hover {
opacity: 1;
}
/* Close Button End By Gus */
.dispatch_board_search_table {
Width: 390px;
height: 280px;
/* margin-top: 20px; */
border: 1px solid #c0c0c0;
}
.fix_search_button {
top: 80px;
left: 290px;
position: absolute;
}
/* dispatch board search window Begin By Gus
************************************************ */
/* dispatch board tripsheet itinerary merge issues window message Begin By Gus
******************************************************************************* */
.tripsheet_itinerary_merge_issues_window_message {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
position: absolute;
background-color: #fff;
border: 1px solid #c0c0c0;
z-index: 999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 2px 2px 5px #c0c0c0;
opacity: 0.99;
overflow: hidden;
}
.tripsheet_itinerary_merge_issues_window_message div.menu-clickable {
padding: 10px;
color: #333;
cursor: pointer;
}
/* dispatch board tripsheet itinerary merge issues window message End
********************************************************************** */
/* *********** By Gustavo Icon Bar Dark Grey of forms Begin **************** */
/* ************************************************************************* */
.form-bar-icon-bar {
width:23px;
height:25px;
background-image: url(../images/dark-grey-icon-bars.png);
background-repeat: no-repeat;
background-size:23px 25px;
background-color: #fff;
color: #fff;
opacity: 1;
cursor: pointer;
outline: none;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.form-bar-icon-bar:hover {
opacity: 0.8;
}
.form-bar-icon-bar:active {
outline: none;
border: none;
}
dl.bar-icon-form {
-webkit-margin-before: 1px;
-webkit-margin-after: 1px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
margin: 1px;
float: right;
}
dt.bar-icon-form {
border: 0;
margin-top: 0;
padding: 3px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
float: right;
}
dd.bar-icon-form {
width: 85px;
height: 100%;
background-color: #fff;
margin-top: 32px;
margin-left: 0px;
padding: 5px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
border-top: 0;
border: 2px solid #c0c0c0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-animation: dd-window 0.1s ease-in-out both 0s 1;
animation: dd-window 0.1s ease-in-out both 0s 1;
}
/* *********** By Gustavo Icon Bar Dark Grey of forms Begin **************** */
/* ************************************************************************* */
/* dispatch board Bar Icon Menu Lines Begin
******************************************** */
.dispatch-board-bar-icon-menu-lines {
width: 90%;
padding: 5px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
text-align: left;
backbround-color: #fff;
cursor: pointer;
margin-bottom: 2px;
}
.dispatch-board-bar-icon-menu-lines:hover {
color: #fff;
background-color: #c0c0c0;
}
/* dispatch board Bar Icon Menu Lines End
******************************************** */
/* dispatch-planning-refresh-button And begin By Gus
************************************************ */
#dispatch-planning-refresh-button, #dispatch-planning-auto-plan-button, #dispatch-planning-auto-assign-button,
#dispatch-planning-auto-attach-resources-button {
padding: 5px 15px;
width: 110px;
height: 25px;
color: #fff;
line-height: 1;
border: none;
cursor: pointer;
background-color: #606060;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#dispatch-planning-refresh-button:hover, #dispatch-planning-auto-plan-button:hover, #dispatch-planning-auto-assign-button:hover,
#dispatch-planning-auto-attach-resources-button:hover {
background-color: #b5b5b5;
}
#dispatch-planning-refresh-button:disabled, #dispatch-planning-auto-plan-button:disabled, #dispatch-planning-auto-assign-button:disabled,
#dispatch-planning-auto-attach-resources-button:disabled {
background-color: #c0c0c0;
opacity: 0.3;
cursor: auto;
}
/* dispatch-planning-refresh-button end
************************************************ */
.save-red-color-planning-dispatch-board {
width: 90px;
height: 20px;
margin-top: 5px;
color: #fff;
line-height: 1;
border: none;
cursor: pointer;
font-size: 12px;
background-color: #FF0000 !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.save-red-color-planning-dispatch-board:hover {
background-color: #900 !important;
}
/* Delete button begin By Gus
************************************************ */
.delete-red-color {
padding: 5px 15px;
width: 100px;
height: 25px;
color: #FFF;
line-height: 1;
border: none;
cursor: pointer;
background-color: #FF0000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}
.delete-red-color:hover {
background-color: #900;
}
.delete-red-color:disabled {
background-color: #FF0000;
opacity: 0.3;
cursor: auto;
}
/* Delete button end
************************************************ */
/* Buttons Add Delete Edit and Search begin By Gus
*************************************************** */
button.icon-first-button {
width:30px;
height:30px;
background-image: url(../images/first-icon.png);
background-repeat: no-repeat;
background-size: 30px 30px;
background-color: transparent;
opacity: 1;
border: none;
cursor: pointer;
}
button.icon-first-button:hover {
opacity: 1;
border: none;
cursor: pointer;
-ms-transform: rotate(7deg); /* IE 9 */
-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
transform: rotate(7deg);
}
button.icon-first-button:disabled {
opacity: 0.3;
cursor: auto;
-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
transform: rotate(0deg);
}
/* first button end */
button.icon-previous-button {
width:30px;
height:30px;
background-image: url(../images/previous-icon.png);
background-repeat: no-repeat;
background-size: 30px 30px;
background-color: transparent;
opacity: 1;
border: none;
cursor: pointer;
}
button.icon-previous-button:hover {
opacity: 1;
border: none;
cursor: pointer;
-ms-transform: rotate(7deg); /* IE 9 */
-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
transform: rotate(7deg);
}
button.icon-previous-button:disabled {
opacity: 0.3;
cursor: auto;
-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
transform: rotate(0deg);
}
/* previous button end */
button.icon-next-button {
width:30px;
height:30px;
background-image: url(../images/next-icon.png);
background-repeat: no-repeat;
background-size: 30px 30px;
background-color: transparent;
opacity: 1;
border: none;
cursor: pointer;
}
button.icon-next-button:hover {
opacity: 1;
border: none;
cursor: pointer;
-ms-transform: rotate(7deg); /* IE 9 */
-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
transform: rotate(7deg);
}
button.icon-next-button:disabled {
opacity: 0.3;
cursor: auto;
-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
transform: rotate(0deg);
}
/* next button end */
button.icon-last-button {
width:30px;
height:30px;
background-image: url(../images/last-icon.png);
background-repeat: no-repeat;
background-size: 30px 30px;
background-color: transparent;
opacity: 1;
border: none;
cursor: pointer;
}
button.icon-last-button:hover {
opacity: 1;
border: none;
cursor: pointer;
-ms-transform: rotate(7deg); /* IE 9 */
-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
transform: rotate(7deg);
}
button.icon-last-button:disabled {
opacity: 0.3;
cursor: auto;
-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
transform: rotate(0deg);
}
/* previous button end */
/* Buttons for filter end
************************************************ */
/* Begin Qualification form white background window
*************************************************** */
/* Input fields of the filter
*************************************************** */
.filter-field-input {
max-width: 110px;
font-size: 14px;
display: inline-block;
color: #333;
border: 0;
}
/* ************************************************ */
/* filter container window
*************************************************** */
.filter-container-window {
width: auto;
height: 30px;
margin-top: 10px;
margin-bottom: 15px;
margin-left: 20%;
padding: 5px 8px;
font-size: 14px;
color: #333;
text-align: center;
border: 0;
}
/* ******************************************************* */
/* Container Pages Buttons
********************************************************** */
.container-pages-buttons {
display: inline-block;
}
/* Container Plate Buttons
********************************************************** */
.container-pages-buttons-plate {
width: 100%;
height: 100%;
text-align: center;
margin-left: 10%;
margin-top: 53.5%;
}
/* Resources > resourceList-maintenance-detail
********************************************************** */
.resourceList-maintenance-detail-travel {
width: 480px;
height: 100%;
margin-top: 30px;
margin-right: 90px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 1px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}
/* Resources > Qualification
********************************************************** */
.qualification-maintenance-detail-training {
float: right;
border: 0;
margin-right: 60px;
}
/* Resources > Travel Doc
********************************************************** */
.resourceTravelDocList-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 8px;
margin-left: 15px;
margin-bottom: 15px;
font-size: 14px;
color: #333;
border: 0;
}
/* Resources > TravelDoc container window
********************************************************** */
.resourceList-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 30px;
margin-left: 0;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
color: #333;
border: 1px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}
.resourceList-training-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 8px;
margin-left: 15px;
margin-bottom: 15px;
font-size: 14px;
color: #333;
border: 0;
}
.resourceList-maintenance-detail-training {
float: right;
border: 0;
margin-right: 15px;
}
.resourceTrainingList-maintenance-container {
margin-top: 20px;
margin-left: 10px;
white-space: nowrap;
}
/* Resources > resource detail training end
******************************************* */
/* Resources > resource detail Test
********************************************************** */
.resourceList-test-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 8px;
margin-left: 15px;
margin-bottom: 15px;
padding: 0;
}
.resourceList-maintenance-detail-test {
float: right;
border: 0;
margin-right: 15px;
}
.resourceTestList-maintenance-container {
margin-top: 20px;
margin-left: 10px;
white-space: nowrap;
}
/* Resources > resource detail test end
******************************************* */
/* Resources > resource detail Schedule
********************************************************** */
.resourceList-schedule-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 8px;
margin-left: 15px;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
color: #333;
border: 0;
}
.resourceList-maintenance-detail-schedule {
width: 480px;
height: 100%;
margin-right: 38px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 0;
}
.resourceScheduleList-maintenance-container {
margin-top: 0;
margin-left: 10px;
white-space: nowrap;
}
/* Resources > resource detail schedule end
******************************************* */
/* Planning And Dispatch > Adjust the top of search table by Gustavo
********************************************************************** */
#dedicated-open-orders-container-view, #dedicated-resources-container-view, #dispatch-planning-equipment-container-view,
#planning-sheet-container-view, #dispatch-planning-sheet-container-view, #dispatch-dispatch-planning-equipment-container-view {
top: 38px;
}
/* Planning > Adjust the top of search table end
************************************************ */
.securableAccessLabel {
padding-bottom: 20px;
margin-left: 50px;
}
.securableAccessWindow {
margin-top: 10px;
border: 1px solid #999;
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
/* filter container window
********************************************************** */
/* STANDARD CONTAINER FOR SEARCH FORM
********************************************************** */
.standar-search-form-container {
width: 100%;
max-width: -moz-calc(100% - 21px);
max-width: -webkit-calc(100% - 21px);
max-width: calc(100% - 21px);
height: 100vh;
max-height: -moz-calc(100% - 250px);
max-height: -webkit-calc(100% - 250px);
max-height: calc(100vh - 250px);
margin-left: 9px !important;
margin-top: 0px;
border-bottom: none;
-webkit-border-top-left-radius: 0px;
-moz-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-top-right-radius: 0px;
border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
}
/* STANDARD CONTAINER FOR SEARCH FORM JUST FOR FIRM
********************************************************** */
.firm-search-form-container-view {
width: 100%;
max-width: -moz-calc(100% - 21px);
max-width: -webkit-calc(100% - 21px);
max-width: calc(100% - 21px);
height: 100vh;
max-height: -moz-calc(100% - 250px);
max-height: -webkit-calc(100% - 250px);
max-height: calc(100vh - 250px);
margin-left: 9px !important;
margin-top: 0px;
border-bottom: none;
-webkit-border-top-left-radius: 0px;
-moz-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-top-right-radius: 0px;
border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
}
/* By Gustavo CSS for standard table
** that create a unique ID TMSP-19 January 2017
*********************************************** */
.search-form-full-screen {
width: 100%;
max-width: -moz-calc(100% - 21px);
max-width: -webkit-calc(100% - 21px);
max-width: calc(100% - 21px);
height: 100vh;
max-height: -moz-calc(100% - 110px);
max-height: -webkit-calc(100% - 110px);
max-height: calc(100vh - 110px);
margin-left: 9px !important;
margin-top: 0px;
border-bottom: none;
-webkit-border-top-left-radius: 0px;
-moz-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-top-right-radius: 0px;
border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
}
/* Safety and Compliance Reports Begin
*************************************** */
#tireStock-search-container-view, #potentialResource-search-container-view, #firm-search-container-view,
#emailTemplate-search-container-view, #glchart-search-container-view, #mobileDevice-search-container-view,
#equipmentPlate-report-container-view, #codeIndex-search-container-view, #configuration-search-container-view,
#sec-menu-search-container-view, #dataset-field-search-container-view, #data-element-search-container-view,
#dataset-implementation-search-container-view, #order-search-container-view, #order-export-container-view,
#poHeader-search-container-view, #task-search-container-view, #mobileNotification-search-container-view,
#customer-report-container-view, #firmRequirements-search-container-view, #driverInquiryResource-search-container-view,
#equipmentInquiry-search-container-view, #dispatch-planning-sheet-container-view, #sobeys-export-container-view,
#audit-queue1-container-view, #queueDefinition-search-container-view, #dispatch-board-details-equipment-search-container-view,
#chargeableItem-search-container-view, #tripSheetChargeable-search-container-view, #equipment-odometer-report-container-view,
#resourceClaimReport-container-view, #tripSheetLog-container-view, #resourceHiringDocReport-container-view,
#resourceTravelDocReport-resource-search-container-view, #equipmentPlateReport-container-view,
#equipmentQualificationReport-container-view, #equipmentQualificationReport-equipment-search-container-view,
#equipmentPlateReport-equipment-search-container-view, #equipmentTravelDocReport-container-view,
#equipmentTravelDocReport-equipment-search-container-view, #equipmentScheduleReport-container-view,
#equipmentScheduleReport-equipment-search-container-view, #orderhd-search-container-view,
#resourceScheduleReport-container-view, #resourceNoticeReport-container-view, #resourceTestReport-container-view,
#resourceAccessoryReport-container-view, #resourceClaimReport-container-view, #resourceCvorReport-container-view,
#resourceLawsuitReport-container-view, #resourceCollisionReport-container-view, #resourceHTAInfractionReport-container-view,
#resourceQualificationReport-container-view, #resourceHiringDocReport-container-view, #resourceTravelDocReport-container-view,
#equipment-odometer-report-container-view, #equipmentPlateReport-container-view, #equipmentQualificationReport-container-view,
#equipmentTravelDocReport-container-view, #equipmentScheduleReport-container-view, #scheduledOffEquipment-search-container-view,
#unavailableResource-search-container-view, #notOnTripResource-search-container-view,
#resource-search-container-view, #equipment-search-container-view, #firm-search-container-view,
#resourceTrainingReport-container-view, #dispatch-board-details-resource-search-container-view,
#resourceAccessoryReport-resource-search-container-view, #resourceClaimReport-resource-search-container-view,
#resourceCollisionReport-resource-search-container-view, #resourceCvorReport-resource-search-container-view,
#resourceHiringDocReport-resource-search-container-view, #resourceHTAInfractionReport-resource-search-container-view,
#resourceLawsuitReport-resource-search-container-view, #resourceNoticeReport-resource-search-container-view,
#resourceQualificationReport-resource-search-container-view, #resourceScheduleReport-resource-search-container-view,
#resourceTestReport-resource-search-container-view, #resourceTrainingReport-resource-search-container-view,
#resourceTravelDocReport-resource-search-container-view, #equipmentPlateReport-equipment-search-container-view,
#equipmentQualificationReport-equipment-search-container-view, #equipmentTravelDocReport-equipment-search-container-view,
#equipmentScheduleReport-equipment-search-container-view, #itinerary-list-container-view, #portal-trips-container-view, #portal-trips-oneil-container-view,
#planning-sheet-report-container-view, #potentialHire-search-container-view, #batchPlateUpdateReport-container-view,
#dispatchBoardResourceNoticeReport-resource-search-container-view, #notificationAlert-search-container-view,
#tripSheetChargeable-container-view, #licenseExpiryReport-search-container-view, #branch-search-container-view, #tmsRate-search-container-view ,
#equipmentAccessoryReport-container-view, #firmContract-search-container-view, #settlementItem-resource-search-container-view,
#licenseExpiryReport-resource-search-container-view, #equipmentAccessoryReport-equipment-search-container-view,
#thirdPartyContract-search-container-view,#resourceSettlementItem-resource-search-container-view, #tmsContract-search-container-view,
#usageHoursReport-search-container-view, #gpsConnectionGaps-container-view, #dispatchNotification-search-container-view, #mobileWorkFlow-search-container-view,
#project-search-container-view, #product-search-container-view, #sdomRate-search-container-view, #shipperItem-search-container-view,
#fuelSurcharge-search-container-view, #fuelSurchargeFormula-search-container-view,
#salesTax-search-container-view, #accountingPeriod-search-container-view, #tradingPartner-search-container-view, #tripSheetLogAudit-container-view,
#glIntegration-search-container-view, #usageHoursReport-resource-search-container-view, #productRate-search-container-view,
#tmsServiceCharges-search-container-view, #gpTransferError-container-view, #gp-retransfer-container-view, #gp-transferBatch-container-view {
width: 100%;
max-width: -moz-calc(100% - 21px);
max-width: -webkit-calc(100% - 21px);
max-width: calc(100% - 21px);
/*height: 700px;*/
height: 100vh;
max-height: -moz-calc(100% - 110px);
max-height: -webkit-calc(100% - 110px);
max-height: calc(100vh - 110px);
margin-left: 9px;
margin-top: 0px;
border-bottom: none;
-webkit-border-top-left-radius: 0px;
-moz-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-top-right-radius: 0px;
border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.bottom-radius-none {
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.top-radius-none {
-webkit-border-top-left-radius: 0px;
-moz-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-top-right-radius: 0px;
border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.radius-none {
-webkit-border-top-left-radius: 0px;
-moz-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-top-right-radius: 0px;
border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
}
/* Safety and Compliance Reports End
*************************************** */
#dashboard_div, #itinerary-list-container-view {
width: 95%;
}
/* This adjust table of Dedicate second window
************************************************ */
#dedicated-open-orders-container-view, #dedicated-resources-container-view, #dispatch-planning-equipment-container-view, #planning-sheet-container-view {
position: absolute;
width: 100%;
max-width: -moz-calc(100% - 21px);
max-width: -webkit-calc(100% - 21px);
max-width: calc(100% - 21px);
height: 100%;
max-height: -moz-calc(100% - 90px);
max-height: -webkit-calc(100% - 90px);
max-height: calc(100% - 90px);
margin-left: 9px;
margin-top: 0px;
border-bottom: none;
-webkit-border-top-left-radius: 0px;
-moz-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-top-right-radius: 0px;
border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
}
/* Adjust the Size of second tables of dispatch board trip sheet itinerary
************************************************************************* */
#dispatch-board-trip-sheet-itinerary-list-container-view {
width: 95%;
margin-left: 15px;
}
.dispatch-board-trip-sheet-itinerary-list-container-view-two {
width: 1240px;
resize: both;
}
.dispatch-board-trip-sheet-itinerary-list-container-view-three {
width: 1024px;
}
/* Adjust the Size of second tables of dispatch board trip sheet itinerary End
******************************************************************************* */
#dispatch-summary-stage-counts-container-view {
height: 100%;
margin-left: 2%;
margin-right: 5%;
}
.dispatch-firms-stage-counts-table {
width: 94%;
margin-top: 10px;
border: 1px solid #c0c0c0;
position: absolute;
margin-left: 2%;
margin-right: 5%;
bottom: 0px;
top: 60px;
}
.dispatch-stage-total-cell {
text-align: right;
font-weight: bold;
background-color: white;
}
.dispatch-available {
background-color: #CCFFCC;
}
.dispatch-on-tripsheet {
background-color: #FFECA3;
}
/* Dashboard Tables
******************************************* */
#dashboard-mobiledevice-search-container-view, #dashboard-dispatchassignment-search-container-view,
#dashboard-runsheetheader-search-container-view {
height: 200px;
}
/* Adjust the DIV of all search tables end
******************************************* */
/* Adjust the side of tables of Planning
***************************************** */
.tripsheet-summary-container-view {
width: 97%;
}
/* Adjust the side of tables of Dispatch Board
*********************************************** */
.Dispatch_Board {
width: 87%;
}
/* Adjust the side of tables of Planning end
******************************************** */
/* Adjust the side of the search tables SHELL
********************************************* */
#sec-application-search-container-view, #company-search-container-view, #sec-role-search-container-view,
#sec-user-search-container-view, #sec-menu-search-container-view, #data-element-search-container-view,
#sec-role-access-search-container-view, #sec-menu-search-container-view, #data-element-search-container-view,
#sec-role-access-search-container-view, #sec-role-search-container-view, #sec-user-search-container-view {
width: 95%;
height: 690px;
margin-top: 25px;
margin-left: 20px;
}
/* Freight Itinerary Table Begin
******************************************** */
#freight-order-entry-container-view, #order-itinerary-container-view {
height: 130px;
}
/* Freight Itinerary Table End
******************************************** */
#dataset-implementation-search-container-view {
margin-top: 0px;
}
/* This fix the top of the table of equipmentPlate
*************************************************** */
#equipmentPlate-report-container-view {
top: 30px;
}
/* Adjust the side of the search tables SHELL End
************************************************** */
/* Adjust the side of the search tables
*************************************** */
#dedicated-firms-stage-counts-dataset-table {
width: 100%;
}
/* Adjust the side of the search tables end
******************************************** */
/* Adjust all the input | textarea same size
********************************************** */
.maintenance-form select {
width: 196px;
}
.maintenance-form textarea {
width: 176px;
margin-left: 25px;
padding: 5px 8px;
color: #333;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
/* Adjust all the input | textarea same size end
************************************************ */
/* Resources > resource detail Notice
********************************************************** */
.resourceList-Notice-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 8px;
margin-left: 15px;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
color: #333;
border: 0;
}
.resourceList-maintenance-detail-notice {
width: 480px;
height: 100%;
margin-right: 38px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 0;
}
.resourceNoticeList-maintenance-container {
margin-top: 20px;
margin-left: 10px;
white-space: nowrap;
}
/* Resources > resource detail Notice end
******************************************* */
/* Resources > resource detail Lawsuit
********************************************************** */
.resourceList-Lawsuit-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 8px;
margin-left: 15px;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
color: #333;
border: 0px;
}
.resourceList-maintenance-detail-lawsuit {
width: 480px;
height: 100%;
margin-right: 38px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 0;
}
.resourceLawsuitList-maintenance-container {
margin-top: 20px;
margin-left: 10px;
white-space: nowrap;
}
/* Resources > resource detail Lawsuit end
******************************************* */
/* Resources > resource detail HTA
********************************************************** */
.resourceList-HTA-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 8px;
margin-left: 15px;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
color: #333;
border: 0px;
}
.resourceList-maintenance-detail-HTA {
width: 480px;
height: 100%;
margin-right: 38px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 0;
}
.resourceHTAList-maintenance-container {
margin-top: 20px;
margin-left: 10px;
white-space: nowrap;
}
/* Resources > resource detail HTA end
******************************************* */
/* Resources > resource detail Hiring
********************************************************** */
.resourceList-hiring-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 8px;
margin-left: 15px;
padding: 0;
font-size: 14px;
color: #333;
border: 0;
}
.resourceList-maintenance-detail-hiring {
width: 480px;
height: 100%;
margin-right: 38px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 0;
}
.resourcehiringList-maintenance-container {
margin-top: 20px;
margin-left: 10px;
white-space: nowrap;
}
/* Resources > resource detail Hiring end
******************************************* */
/* Resources > resource detail CVOR
**************************************** */
.resourceList-cvor-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 8px;
margin-left: 15px;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
color: #333;
border: 0;
}
/* **** CVOR changes end ********* */
.resourceList-maintenance-detail-cvor {
width: 480px;
height: 100%;
margin-right: 38px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 0;
}
.resourcecollisionList-maintenance-cvor {
margin-top: 20px;
margin-left: 10px;
white-space: nowrap;
}
/* CVOR Violation button begin
************************************************ */
button.cvor-violation-buttons {
padding: 5px 15px;
width: 140px;
height: 25px;
color: #fff;
line-height: 1;
border: none;
cursor: pointer;
background-color: #F00;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
button.cvor-violation-buttons:hover {
background-color: #900;
}
button.cvor-violation:disabled {
background-color: #F00;
opacity: 0.3;
cursor: auto;
}
/* Resources > resource detail CVOR end
*************************************** */
/* Resources > resource detail CVOR-violations
********************************************** */
.resourceList-cvor-violations-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 30px;
margin-left: 15px;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
color: #333;
border: 0;
}
.resourceList-maintenance-detail-cvor-violations {
width: 480px;
height: 100%;
margin-right: 90px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 0;
}
.resourcecollisionList-maintenance-cvor-violations {
margin-top: 0;
margin-left: 10px;
white-space: nowrap;
}
/* Resources > resource detail CVOR-violations end
*************************************************** */
/* Resources > resource detail Collision
**************************************** */
.resourceList-collision-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 8px;
margin-left: 15px;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
color: #333;
border: 0;
}
.resourceList-maintenance-detail-collision {
width: 480px;
height: 100%;
margin-right: 38px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 0;
}
.resourcecollisionList-maintenance-container {
margin-top: 20px;
margin-left: 10px;
white-space: nowrap;
}
/* Resources > resource detail Collision end
******************************************** */
/* Resources > resource detail Claim
************************************* */
.resourceList-claim-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 8px;
margin-left: 15px;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
color: #333;
border: 0;
}
/* **** Claim changes end ********* */
.resourceList-maintenance-detail-claim {
width: 480px;
height: 100%;
margin-right: 38px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 0;
}
.resourcecollisionList-maintenance-claim {
margin-top: 20px;
margin-left: 10px;
white-space: nowrap;
}
/* Resources > resource detail Claim end
***************************************** */
/* Resources > resource detail Accessory
***************************************** */
.resourceList-accessory-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 8px;
margin-left: 15px;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
}
.resourceList-maintenance-detail-accessory {
width: 480px;
height: 100%;
margin-right: 38px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 0;
}
.resourcecollisionList-maintenance-accessory {
margin-top: 20px;
margin-left: 10px;
white-space: nowrap;
}
/* Resources > resource detail Accessory end
********************************************* */
/* Resources > resource detail Drivers
***************************************** */
.resourceList-driver-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 8px;
margin-left: 15px;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
}
.resourceList-maintenance-detail-driver {
width: 480px;
height: 100%;
margin-right: 38px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 0;
}
/* Resources > resource detail Drivers end
********************************************* */
/* Equipment Forms > Plate | Schedule | Travel Doc | Odometer
************************************************************* */
.equipment-list-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 8px;
margin-left: 15px;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
color: #333;
border: 0;
}
.equipment-list-maintenance-detail {
width: 480px;
height: 100%;
margin-right: 38px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 0;
}
.equipmentList-maintenance-detail {
width: 470px;
float: right;
padding: 10px;
margin-top: 8px;
margin-right: -25px;
font-size: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.equipment-maintenance-container {
margin-top: 20px;
margin-left: 10px;
white-space: nowrap;
}
/* TMS > Trip Sheet Queue 1 Begin
********************************** */
.input-trip-sheet-queue1 {
width: 65px;
padding: 2px;
font-size: 14px;
color: #333;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.select-trip-sheet-queue1 {
width: 100px;
padding: 2px;
font-size: 14px;
color: #333;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.tripsheet-queue1-buttons, .tripsheetqueue1-unsaved-dialog-buttons {
width: 90px;
height: 25px;
color: #333;
line-height: 1;
border: none;
cursor: pointer;
background-color: #c0c0c0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.tripsheet-queue1-buttons:hover, .tripsheetqueue1-unsaved-dialog-buttons:hover {
background-color: #b5b5b5;
}
.tripsheet-queue1-buttons:disabled, .tripsheetqueue1-unsaved-dialog-buttons:disabled {
background-color: #c0c0c0;
opacity: 0.3;
cursor: auto;
}
.tripsheetqueue1-unsaved-dialog-buttons-red {
width: 90px;
height: 25px;
color: #333;
line-height: 1;
border: none;
cursor: pointer;
background-color: #ff0000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.tripsheetqueue1-unsaved-dialog-buttons-red:hover {
background-color: #900;
}
.tripsheetqueue1-unsaved-dialog-buttons-red:disabled {
background-color: #ff0000;
opacity: 0.3;
cursor: auto;
}
/* TMS > Trip Sheet Queue 1 Begin
********************************** */
/* Equipment Forms > Plate | Schedule | Travel Doc | Odometer end
****************************************************************** */
/* Dispatch > Planing begin
**************************** */
.input-dedicated-firms-stage-counts-date {
width: 65px;
padding: 2px;
font-size: 14px;
color: #333;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.selct-dedicated-firms-stage-counts-date {
width: 100px;
padding: 2px;
font-size: 14px;
color: #333;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.dispatch {
text-align: left;
font-family: Helvetica, Arial, sans-serif;
/* font-weight: bold; */
font-size: 14px;
color: #333;
margin-left: 10px;
}
.container-dedicated-firms-stage-counts-filters {
width: 84%;
margin-top: 5px;
}
button.autoplan {
padding: 5px 15px;
width: 100px;
height: 25px;
color: #333;
line-height: 1;
border: none;
cursor: pointer;
background-color: #c0c0c0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
button.autoplan:hover {
background-color: #b5b5b5;
}
button.autoplan:disabled {
background-color: #c0c0c0;
opacity: 0.3;
cursor: auto;
}
/* Dispatch > Planing begin end
******************************** */
/* User Code Forms
******************************** */
.user-code-list-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 10px;
margin-left: 15px;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
color: #333;
}
.user-code-list-maintenance-detail {
width: 480px;
height: 100%;
margin-right: 15px;
margin-top: 10px;
padding-top: 20px;
font-size: 14px;
color: #333;
float: right;
border: 1px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.user-code-select_container {
width: 400px;
height: 100%;
padding-top: 10px;
font-size: 14px;
color: #333;
border: 1px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.user-code-maintenance-container {
margin-top: 0;
margin-left: 10px;
white-space: nowrap;
}
.user-code-select {
width: 200px;
margin-bottom: 15px;
margin-left: 10px;
padding: 5px 8px;
font-size: 14px;
color: #333;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
/* User Code Forms end
************************************ */
/* Equipment Qualification
************************************ */
.equipment-qualification-list-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 30px;
margin-left: 15px;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
color: #333;
border: 1px solid #c0c0c0;
}
.equipment-qualification-list-maintenance-detail {
width: 480px;
height: 100%;
margin-right: 90px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
}
.equipment-qualification-maintenance-container {
margin-top: 45dispatch-board-trip-sheet-itinerary-list-container-viewpx;
margin-left: 10px;
white-space: nowrap;
}
/* Equipment Qualification Forms end
****************************************************************** */
/* File Maintenance | Firm | Contact
************************************ */
.firm-contact-list-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 10px;
margin-left: 15px;
margin-bottom: 15px;
padding: 0;
}
/* ************* PO Lines ************* */
#poHeaderLines-container-view, #poHeaderLines-buttons-container-view {
width: 980px;
}
#poHeaderLines-container-element {
border: 0px;
margin-top: 0px;
}
.firm-contact-list-maintenance-detail {
width: 480px;
margin-right: 40px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 0;
}
.firm-operation-list-maintenance-detail {
width: 480px;
margin-right: 30px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 0;
}
.firm-contact-maintenance-container {
margin-top: 0;
margin-left: 10px;
white-space: nowrap;
}
/* File Maintenance | Firm | Contact end
***************************************** */
#firmoperation-search-container-view {
width: 500px;
height: 300px;
margin-left: 15px;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
color: #333;
border: 0;
}
/* **** Operation changes end ********* */
/* File Maintenance | Firm | Operations to Accounts
************************************************ */
.firm-notification-search-container-view-window {
width: 400px;
height: 100%;
margin-top: 8px;
margin-left: 15px;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
color: #333;
border: 0;
}
.firm-list-search-container-view-window {
width: 400px;
height: 100%;
margin-left: 10px;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
color: #333;
border: 0;
}
.firm-list-maintenance-detail {
width: 480px;
height: 100%;
margin-right: 40px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 0;
}
.firm-maintenance-container {
margin-top: 20px;
/* margin-left: 10px; */
white-space: nowrap;
}
.firm-notification-list-maintenance-detail {
width: 480px;
height: 100%;
margin-right: 40px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 0;
}
.firm-account-maintenance-detail {
width: 480px;
height: 100%;
margin-right: 40px;
margin-top: 0;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 0;
}
/* File Maintenance | Firm | Operations to Accounts end
***************************************************** */
/* File Maintenance | Firm | Accounts container
************************************************ */
.firm-accounts-maintenance-container {
padding-bottom: 10px;
margin-top: 28px;
margin-left: 10px;
white-space: nowrap;
}
/* File Maintenance | Firm | Accounts container end
***************************************************** */
/* File Maintenance | Firm | Equipment and Resource
*************************************************** */
.firm-equipment-list-maintenance-detail {
width: 480px;
height: 100%;
margin-right: 40px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 0;
}
#firmequipment_maintenance_form {
border: 0px;
margin-top: 0px;
}
/* File Maintenance | Firm | Equipment and Resource end
******************************************************* */
/* Firm | Equipment Requirements and Resource Requirements Buttons
****************************************************************** */
.e-requirements-buttons {
padding: 7px 10px;
width: 200px;
height: 100%;
margin-left: 10px;
align-text: center;
font-size: 14px;
color: #ffffff;
line-height: 1;
border: none;
cursor: pointer;
background-color: #ff0000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.e-requirements-buttons:hover {
background-color: #900;
}
.e-requirements-buttons:disabled {
background-color: #ff0000;
opacity: 0.3;
cursor: auto;
}
/* Firm | Equipment Requirements and Resource Requirements Buttons end
*********************************************************************** */
/* File Maintenance | Dispatch Planning
*************************************** */
.dispatch-planning-list-search-container-view {
width: 100%;
height: 100%;
margin-top: 10px;
margin-left: 15px;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
color: #333;
border: 1px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.dispatch-planning-list-maintenance-detail {
width: 480px;
height: 100%;
margin-top: 10px;
margin-right: 15px;
padding-top: 20px;
font-size: 14px;
color: #333;
float: right;
border: 1px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.dispatch-planning-list-maintenance-container {
margin-top: 20px;
margin-left: 10px;
white-space: nowrap;
}
/* File Maintenance | Dispatch Planning end
******************************************** */
/* File Maintenance | Shell Sequence
*************************************** */
.sequence-list-search-container-view {
width: 100%;
height: 100%;
margin-top: 9px;
margin-left: 15px;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
color: #333;
border: 1px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.sequence-list-maintenance-detail {
width: 480px;
height: 230px;
margin-top: 10px;
margin-right: 15px;
padding-top: 20px;
font-size: 14px;
color: #333;
float: right;
border: 1px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.sequence-list-maintenance-container {
margin-top: 20px;
margin-left: 10px;
white-space: nowrap;
}
/* File Maintenance | Shell Sequence end
******************************************** */
/* File Maintenance | Gl Chart
**************************************** */
.glchart-planning-list-maintenance-detail {
width: 480px;
height: 100%;
margin-left: 15px;
padding-top: 20px;
font-size: 14px;
color: #333;
float: left;
border: 1px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.glchart-planning-list-maintenance-container {
margin-top: 20px;
/* margin-left: 10px;*/
white-space: nowrap;
}
/* File Maintenance | Gl Chart end
**************************************** */
/* File Maintenance | Mobile Device
**************************************** */
.mobile-device-planning-list-maintenance-detail {
width: 465px;
height: 100%;
margin-top: 15px;
margin-left: 20px;
padding-top: 15px;
font-size: 14px;
color: #333;
float: left;
border: 1px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.mobile-device-planning-list-maintenance-container {
margin-top: 20px;
margin-left: 10px;
white-space: nowrap;
}
/* File Maintenance | Mobile Device end
**************************************** */
/* File Maintenance | Email Template by Gustavo
*********************************************** */
.email-template-planning-list-search-container-view {
width: 360px;
height: 240px;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 15px;
font-size: 14px;
color: #333;
border: 1px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.email-template-planning-list-maintenance-detail {
width: 480px;
height: 100%;
margin-top: 10px;
margin-left: 15px;
padding-top: 10px;
font-size: 14px;
color: #333;
float: left;
border: 1px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.email-template-keywords-window {
width: 400px;
height: 329px;
padding-top: 15px;
margin-top: 10px;
margin-right: 15px;
font-size: 14px;
color: #333;
float: right;
border: 1px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.email-template-planning-list-maintenance-container {
margin-top: 20px;
margin-left: 10px;
white-space: nowrap;
}
#emailTemplate_column_email_body {
width: 425px;
float: left;
margin-left: 0;
}
#emailTemplate_column_email_subject {
width: 425px;
height: 20px;
float: left;
margin-left: 0;
}
/* File Maintenance | Email Template end
**************************************** */
/* Resources | Qualifications
***************************** */
.resourcequalification-search-container-view {
width: 200px;
height: 150px;
margin-left: 10px;
margin-bottom: 15px;
padding: 5px;
font-size: 14px;
color: #333;
border: 0;
}
.resourcequalification-maintenance-detail {
width: 480px;
height: 100%;
margin-right: 150px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 0;
}
.resourcequalification-maintenance-container {
margin-left: 10px;
white-space: nowrap;
}
/* Firm | Resource Requirement
******************************************* */
.firm-resource-list-maintenance-detail {
width: 480px;
height: 100%;
margin-right: 40px;
padding: 0;
font-size: 14px;
color: #333;
float: right;
border: 0;
}
/* Firm | Resource Requirement end
****************************************** */
/* Control > City
****************************************** */
.city-search-container-view-window {
width: 400px;
height: 100px;
margin-top: 30px;
margin-left: 15px;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
color: #333;
border: 0;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
#city_maintenance_form {
width: 450px;
margin-right: 30px;
padding: 8px;
font-size: 14px;
color: #333;
float: right;
border: 0;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
#country_maintenance_form {
width: 450px;
height: 90px;
margin-right: 30px;
padding: 8px;
font-size: 14px;
color: #333;
float: right;
border: 0;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
#state_maintenance_form {
width: 450px;
height: 130px;
margin-right: 30px;
padding: 8px;
font-size: 14px;
color: #333;
float: right;
border: 0;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.resourcecollisionList-maintenance-container {
margin-top: 20px;
margin-left: 10px;
white-space: nowrap;
}
/* Control > City end
***************************************** */
/* Firm Requirements Begin
***************************************** */
.firm-requirements-top-container {
padding: 5px;
margin-left: 10px;
margin-bottom: 5px;
background-color: #fff;
font-family: Helvetica, Arial, sans-serif;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
}
/* By Gustavo Shell | Security Maintenance Form
********************************************************** */
#configuration_maintenance_form, #sec_role_maintenance_form, #sec_user_maintenance_form,
#configuration_maintenance_form, #codeIndex_maintenance_form, #company_maintenance_form,
#sec_application_maintenance_form, #sec_menu_maintenance_form, #data_element_maintenance_form,
#dataset_implementation_maintenance_form, #dataset_field_maintenance_form, #sec_role_access_maintenance_form,
#task_maintenance_form, #mobileNotification_maintenance_form, #queueDefinition_maintenance_form, #chargeableItem_maintenance_form,
#tripSheetChargeable_maintenance_form {
width: 450px;
height: 100%;
margin-left: 5px;
padding-top: 15px;
padding-left: 8px;
padding-right: 8px;
padding-botton: 8px;
font-size: 14px;
color: #333;
float: left;
/* margin-top: 20px; */
border: 1px solid #999;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.configuration_maintenance-container {
margin-top: 10px;
margin-left: 10px;
white-space: nowrap;
}
/* Shell Security Maintenance Form end
***************************************** */
.firm-requirements-field-input-just-text {
font-size: 14px;
color: #333;
background-color: #f4f4f4;
margin: 0;
border: 0;
opacity: 1;
}
.plus {
width:14px;
height:14px;
margin-right: 2px;
float: left;
background-image: url(../images/icon-expand.png);
background-repeat: no-repeat;
background-size: 14px 14px;
background-position: center;
background-color: transparent;
margin-bottom: 1px;
opacity: 1;
border: 0;
border-style: hidden;
cursor: pointer;
}
.plus:hover {
opacity: 1;
cursor: pointer;
}
.plus:disabled {
opacity: 0.3;
cursor: auto;
}
.minus {
width:14px;
height:14px;
margin-right:2px;
float: left;
background-image: url(../images/icon-collapse.png);
background-repeat: no-repeat;
background-size: 14px 14px;
background-position: center;
background-color: transparent;
opacity: 1;
border: 0 none transparent;
border-style: hidden;
cursor: pointer;
}
.minus:hover {
opacity: 1;
cursor: pointer;
}
.minus:disabled {
opacity: 0.3;
cursor: auto;
}
/* Container of Country | State | City Begin By Gus
***************************************************** */
.container_of_country_state_city {
position: absolute;
top: 50px;
bottom: 0;
margin-left: 15px;
white-space: nowrap;
}
/* Container of Country | State | City Begin End
***************************************************** */
/* Safety Due Date Begin
***************************************** */
label.dynamicWindow {
font-weight: normal;
}
/* Safety Due Date End
***************************************** */
/* By Gustavo This Fix some forms
************************************************* */
#firmTrips-search-container-view, #firmResources-search-container-view,
#firmEquipment-search-container-view, #firmTripEquipment-search-container-view,
#firmTripResources-search-container-view, #firmTripSchedule-search-container-view, #equipmentQualificationList-search-container-view,
#equipmentPlate-search-container-view, #equipmentScheduleList-search-container-view, #equipmentTravelDocList-search-container-view,
#equipmentOdometerList-search-container-view, #resourcequalification-search-container-view, #resourceTravelDoc-search-container-view,
#resourceTestList-search-container-view, #resourceScheduleList-search-container-view,
#resourceNoticeList-search-container-view, #resourceLawsuitList-search-container-view,
#resourceHiringDocList-search-container-view, #resourceCVORList-search-container-view, #resourceCollisionList-search-container-view,
#resourceClaimList-search-container-view, #resourceAccessoryList-search-container-view, #resourceTrainingList-search-container-view,
#resourceDriverList-search-container-view {
width: 400px;
height: 250px;
margin-left: 0px;
position: static;
}
/* By Gustavo This Fix Tables Into drivreInquiry | equipmentInquiry | firmRequirements
************************************************************************************** */
#resourcequalification-complex-search-container-view, #resourceSchedule-complex-search-container-view, #resourceTest-complex-search-container-view,
#resourceTraining-complex-search-container-view, #resourceTravelDoc-complex-search-container-view,
#inquiry-resource-qualification-search-container-view, #inquiry-resource-traveldoc-search-container-view,
#inquiry-resource-training-list-search-container-view, #inquiry-resource-test-list-search-container-view,
#inquiry-resource-schedule-list-search-container-view, #inquiry-resource-notice-list-search-container-view,
#inquiry-resource-lawsuit-list-search-container-view, #inquiry-resource-hta-infraction-list-search-container-view,
#inquiry-resource-hiring-doc-list-search-container-view, #inquiry-resource-cvor-list-search-container-view,
#inquiry-resource-collision-list-search-container-view, #inquiry-resource-claim-list-search-container-view,
#inquiry-resource-accessory-list-search-container-view, #inquiry-equipment-qualification-list-search-container-view,
#inquiry-equipment-plate-search-container-view, #inquiry-equipment-schedule-list-search-container-view,
#inquiry-equipment-travel-doc-list-search-container-view, #inquiry-equipment-odometer-list-search-container-view,
#firmdetails-equipment-search-container-view, #firmdetails-resources-search-container-view, #firmdetails-trips-search-container-view,
#firmdetails-firm-trip-equipment-search-container-view, #firmdetails-firm-trip-resources-search-container-view,
#firmdetails-trip-schedule-search-container-view, #firmdetails-resource-meets-mandatory-search-container-view,
#firmdetails-equipment-meets-mandatory-search-container-view, #firmdetails-resource-trip-mandatory-search-container-view,
#firmdetails-equipment-trip-mandatory-search-container-view, #requirementsNotMetResource-search-container-view,
#requirementsNotMetEquipment-search-container-view, #resourceScheduleOffTime-search-container-view, #equipmentScheduleOffTime-search-container-view,
#requirementsNotMetResourceFirm-search-container-view, #requirementsNotMetEquipmentFirm-search-container-view, #thirdPartyContract2-search-container-view{
width: 100%;
max-height: 300px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 10px;
position: static;
}
/* By Gustavo This Fix Tables Into Dispatch Board
************************************************** */
#dispatch-board-stage-accepted-container-view, #dispatch-board-stage-assigned-container-view, #dispatch-board-stage-available-container-view,
#dispatch-board-stage-completed-container-view, #dispatch-board-stage-confirmed-container-view, #dispatch-board-stage-planned-container-view,
#dispatch-board-stage-rejected-container-view, #dispatch-board-stage-reminded-container-view, #dispatch-board-stage-started-container-view,
#dispatch-board-stage-tendered-container-view, #dispatch-board-stage-unconfirmed-container-view {
width: 1024px;
height: 350px;
margin-left: 0px;
margin-top: 10px;
margin-bottom: 10px;
position: static;
overflow: auto;
resize: both;
}
/* Firm Requirements End
***************************************** */
/* Right form option buttons begin
***************************************** */
.right-buttons {
padding: 8px 15px 8px 15px;
width: 150px;
border: 2px solid #333;
position: absolute;
float: right;
right: 80px;
color: #fff;
background-color: #333;
line-height: 1;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 48px 0px 20px 0px;
float: right;
z-index: 2;
}
.right-buttons:hover {
background-color: #f1f1f1;
border: 2px solid #c0c0c0;
color: #333;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.right-buttons:disabled {
border: 2px solid #333;
background-color: #333;
color: #fff;
opacity: 0.3;
cursor: auto;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
}
.right-buttons-firm {
padding: 0 15px;
width: 150px;
height: 30px;
position: absolute;
float: right;
right:55px;
margin: 68px 0 20px 0;
color: #fff;
background-color: #333;
line-height: 1;
border: 2px solid #333;
cursor: pointer;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
float: right;
z-index: 2;
}
.right-buttons-firm:hover {
background-color: #f1f1f1;
border: 2px solid #c0c0c0;
color: #333;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.right-buttons-firm:disabled {
border: 2px solid #333;
background-color: #333;
color: #fff;
opacity: 0.3;
cursor: auto;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
}
/* Right form option buttons end
************************************************ */
/* Container of the top buttons of the form end
************************************************* */
/* Container of the input text and field of the form begin
*********************************************************** */
.botton-window-of-inputs {
width: 55%;
height: 90%;
padding: 15px;
font-family: Helvetica, Arial, sans-serif;
border: 1px solid #999;
box-sizing: border-box;
margin-top: 15px;
margin-left: 15px;
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 2px #999;
-moz-box-shadow: 1px 1px 2px #999;
box-shadow: 1px 1px 2px #999;
}
/* Container of the input text and field of the form begin
*********************************************************** */
/* Security | User right side window Form
***************************************** */
.user-right-side-window-form {
width: 420px;
height: 235px;
padding: 10px;
font-family: Helvetica, Arial, sans-serif;
border: 1px solid #999;
box-sizing: border-box;
margin-top: 10px;
margin-right: 15px;
float: right;
background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
box-shadow: 1px 1px 2px #999;
overflow: auto;
}
/* Security | User right side window Form end
********************************************* */
.right-window-for-right-buttons {
width: 20%;
height: 550px;
float: right;
padding: 15px;
border: 1px solid #999;
box-sizing: border-box;
margin-top: 20px;
margin-right: 100px;
border: none;
background-color: #ffffff;
-webkit-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
opacity: 0.9;
box-shadow: 1px 1px 2px #999;
z-index: 0;
}
/* Shell | Menu Access by Gus
**************************************** */
.sra_menu_div_custom {
width: 400px;
height: 478px;
padding: 15px;
margin-left: 15px;
font-family: Helvetica, Arial, sans-serif;
box-sizing: border-box;
border: 1px solid #999;
background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
box-shadow: 1px 1px 2px #999;
overflow: auto;
}
.sra_menu_div_custom li {
margin-left: 15px;
margin-bottom: 5px;
}
.sra_menu_div_custom a {
text-decoration: none;
}
.menu_info_area {
width: 485px;
padding: 15px;
font-family: Helvetica, Arial, sans-serif;
margin-top: 10px;
margin-right: 15px;
border: 1px solid #999;
box-sizing: border-box;
background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
box-shadow: 1px 1px 2px #999;
overflow: auto;
}
.check_box_managed_by_user_and_roles {
width: 485px;
height: 315px;
padding: 15px;
font-family: Helvetica, Arial, sans-serif;
margin-top: 10px;
margin-right: 15px;
border: 1px solid #999;
box-sizing: border-box;
background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
box-shadow: 1px 1px 2px #999;
overflow: auto;
}
/* Shell | Menu Access end
**************************************** */
/* Dispatch Board Resource Trip Sheet Itineraries Begin
******************************************************** */
.dispatch-board-resource-trip-sheet-itineraries {
width: 895px;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 12px;
margin-top: 20px;
margin-left: 25px;
}
.dispatch-board-resource-trip-sheet-itineraries-input {
width: 180px;
margin-bottom: 2px;
margin-left: 5px;
padding: 2px;
font-size: 14px;
color: #333;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.dispatch-board-resource-trip-sheet-itineraries-label {
display: inline-block;
width: 165px;
text-align: left;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
vertical-align: middle;
}
/* Dispatch Board Resource Trip Sheet Itineraries End
******************************************************** */
/* Order Entry begin by Gus
**************************************** */
.order-entry-top-container {
padding: 5px;
margin-left: 10px;
margin-bottom: 5px;
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
}
.order-entry-container-of-inputs {
width: 100%;
max-width: -moz-calc(100% - 28px);
max-width: -webkit-calc(100% - 28px);
max-width: calc(100% - 28px);
padding-top: 6px;
padding-right: 12px;
padding-bottom: 12px;
font-size: 14px;
margin-top: 5px;
margin-left: 10px;
padding-top: 2px;
padding-left: 5px;
padding-bottom: 0px;
padding-right: 2px;
}
label.order-entry-field-label {
display: inline-block;
width: 125px;
text-align: left;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
vertical-align: middle;
}
.order-entry-field-label-Freight-case-one {
width: 50px;
text-align: center;
margin-left: 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
}
.order-entry-field-label-Freight-case-two {
width: 70px;
text-align: center;
margin-left: 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
}
.order-entry-field-label-Freight-case-three {
width: 50px;
text-align: center;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
}
.order-entry-field-input-freight {
width: 180px;
margin-bottom: 2px;
margin-left: 7px;
padding: 2px;
font-size: 14px;
color: #333;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
input.order-entry-field-input,
select.order-entry-field-input,
textarea.order-entry-field-input
{
width: 192px;
margin-bottom: 2px;
margin-left: 5px;
padding: 2px;
font-size: 14px;
color: #333;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.order-entry-field-input-just-text {
font-size: 14px;
color: #333;
background-color: #f4f4f4;
margin: 0;
padding: 0px;
border: 0;
opacity: 1;
}
.order-entry-notes {
width: 330px;
height: 50px;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
table.order-Freight-table {
width: 100%;
}
/* Order Entry end
**************************************** */
/* PO Entry begin by Gus
**************************************** */
.po-entry-container-of-inputs {
width: 848px;
height: 100%;
padding-top: 6px;
padding-right: 10px;
padding-left: 12px;
padding-bottom: 8px;
margin-top: 10px;
margin-left: 25px;
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.po-entry-field-label {
display: inline-block;
width: 125px;
text-align: left;
font-family: Helvetica, Arial, sans-serif;
margin-right: 10px;
font-size: 14px;
color: #333;
vertical-align: top;
}
.po-entry-field-input {
width: 180px;
margin-bottom: 2px;
margin-left: 5px;
padding: 2px;
font-size: 14px;
color: #333;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.po-entry-windows {
width: 97.6%;
padding: 5px;
margin-top: 10px;
margin-left: 12px;
margin-bottom: 10px;
float: left;
border: 1px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
/* PO Entry end by Gus
**************************************** */
/* Firm Requirements begin by Gus
**************************************** */
.firm-requirements-top-container {
padding: 5px;
margin-left: 10px;
margin-bottom: 5px;
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
}
.firm-requirements-container-of-inputs {
width: 100%;
max-width: -moz-calc(100% - 33px);
max-width: -webkit-calc(100% - 33px);
max-width: calc(100% - 33px);
min-width: 540px;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 12px;
margin-top: 0px;
margin-left: 10px;
}
.firm-requirements-field-label {
display: inline-block;
width: 125px;
text-align: left;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
vertical-align: middle;
}
.firm-requirements-label-Freight-case-one {
width: 50px;
text-align: center;
margin-left: 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
}
.firm-requirements-label-Freight-case-two {
width: 70px;
text-align: center;
margin-left: 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
}
.firm-requirements-label-Freight-case-three {
width: 50px;
text-align: center;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
}
.firm-requirements-input-freight {
width: 180px;
margin-bottom: 2px;
margin-left: 7px;
padding: 2px;
font-size: 14px;
color: #333;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.firm-requirements-field-input {
width: 180px;
margin-bottom: 2px;
margin-left: 5px;
padding: 2px;
font-size: 14px;
color: #333;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.firm-requirements-field-input-just-text {
font-size: 14px;
color: #333;
background-color: #f4f4f4;
margin: 0;
border: 0;
opacity: 1;
}
/* Firm Requirements end by Gus
**************************************** */
/* TMS Resource Location Begin by Gus
**************************************** */
#tms-resource-location-map-canvas {
width: 100%;
max-width: -moz-calc(100% - 22px);
max-width: -webkit-calc(100% - 22px);
max-width: calc(100% - 22px);
margin-left: 22px;
}
.tmsResourceLocationMainContainerHideStart {
width: 250px;
height: 100%;
max-height: -moz-calc(100% - 8px);
max-height: -webkit-calc(100% - 8px);
max-height: calc(100% - 8px);
padding: 2px;
margin-top: 2px;
margin-left: -236px;
text-align: center;
border: 1px solid #999;
background-color: #f1f1f1;
z-index: 999999;
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
}
.tmsResourceLocationMainContainerShow {
width: 250px;
height: 100%;
max-height: -moz-calc(100% - 8px);
max-height: -webkit-calc(100% - 8px);
max-height: calc(100% - 8px);
margin-top: 2px;
margin-left: 0;
padding: 2px;
text-align: center;
border: 1px solid #999;
background-color: #f1f1f1;
z-index: 999999;
/* -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; */
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
}
.tms-resource-location-button {
width:140px;
height:25px;
margin: 0px;
font-size: 12px;
color:#fff;
cursor: pointer;
border: 2px solid #333;
background-color: #333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.tms-resource-location-button:hover {
background-color: #f1f1f1;
border: 2px solid #c0c0c0;
color: #333;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.tms-geofence-button {
width:90px;
height:25px;
margin: 5px;
font-size: 12px;
color:#fff;
cursor: pointer;
border:0;
background-color: #333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.tms-geofence-button:hover {
background-color:#b5b5b5;
}
.tms-resource-location-input-filds {
width: 150px;
font-size: 12px;
color: #666;
border: none;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #999;
padding: 3px;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.tmsResourceContainerLightGray {
width: 100%;
background-color: #f1f1f1;
text-align: center;
padding: 10px 0 10px 0;
}
.tmsResourceContainerDarkGray {
width: 100%;
background-color: #e6e4e4;
text-align: center;
padding: 10px 0 10px 0;
}
.tmsResourceBoxTitle {
width: 244px;
height: 12px;
margin: 0 0 5px 0;
padding-top: 2px;
padding-left: 2px;
padding-bottom: 6px;
padding-right: 2px;
color: #333;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #d3d3d1;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
-webkit-animation: slide 0.1s ease-in-out both 0s 1;
animation: slide 0.1s ease-in-out both 0s 1;
}
.tmsResourceOpenIcon {
width: 10px;
height: 15px;
background-image: url(../images/resourece-next-icon.png);
background-repeat: no-repeat;
background-size: 15px 15px;
background-position: center;
background-color: transparent;
margin-top: 8px;
margin-right: 0px;
opacity: 1;
border: none;
cursor: pointer;
}
.tmsResourceCloseIcon {
width: 10px;
height: 15px;
background-image: url(../images/resourece-previous-icon.png);
background-repeat: no-repeat;
background-size: 15px 15px;
background-position: center;
background-color: transparent;
margin-top: 8px;
margin-right: 0px;
opacity: 1;
border: none;
cursor: pointer;
}
/* TMS Resource Location End by Gus
**************************************** */
/* Expand or Shrink by Gus
**************************************** */
.expand-to-top-icon {
width: 26px;
height: 18px;
background-image: url(../images/expand-to-top-icon.png);
background-repeat: no-repeat;
background-size: 26px 18px;
background-position: center;
background-color: transparent;
opacity: 1;
border: none;
cursor: pointer;
}
.expand-to-top-icon:hover {
width: 26px;
height: 18px;
background-image: url(../images/expand-to-top-icon.png);
background-repeat: no-repeat;
background-size: 26px 18px;
background-position: center;
background-color: transparent;
opacity: 0.5;
border: none;
cursor: pointer;
}
.shorten-to-bottom-icon {
width: 26px;
height: 18px;
background-image: url(../images/shorten-to-bottom-icon.png);
background-repeat: no-repeat;
background-size: 26px 18px;
background-position: center;
background-color: transparent;
opacity: 1;
border: none;
cursor: pointer;
}
.shorten-to-bottom-icon:hover {
width: 26px;
height: 18px;
background-image: url(../images/shorten-to-bottom-icon.png);
background-repeat: no-repeat;
background-size: 26px 18px;
background-position: center;
background-color: transparent;
opacity: 0.5;
border: none;
cursor: pointer;
}
/* Geofence Small Buttons by Gus
**************************************** */
.geofence-button {
width:90px;
height:25px;
margin: 5px;
font-size: 12px;
color:#333;
cursor: pointer;
border:0;
background-color: #bbb;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.geofence-button:hover {
background-color:#d4d4d4;
}
/* Geofence Small Buttons End by Gus
**************************************** */
/* Conditional Search Input by Gus Begin
***************************************** */
.conditionalSearch-input {
width: 150px;
margin-bottom: 10px;
margin-left: 10px;
/* padding: 5px 8px;*/
font-size: 14px;
color: #333;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
/* Conditional Search Input by Gus End
***************************************** */
/* Sobeys Search Input by Gus Begin
***************************************** */
.sobeysSearch-input {
width: 150px;
margin-bottom: 10px;
margin-left: 10px;
/* padding: 5px 8px;*/
font-size: 14px;
color: #333;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
/* Sobeys Search Input by Gus End
***************************************** */
/* Container of the input text and field of the form begin
*********************************************************** */
.maintenance-form {
margin-top: 0;
margin-left: 10px;
}
.inline-maintenance-form {
float:left;
display: inline-block;
margin-left: 50px;
}
.table-and-form-container {
position: absolute;
top: 80px;
bottom: 0;
margin-left: 60px;
white-space: nowrap
}
.table-and-form-container table[id$="-container-view"], .table-and-form-container div[id$="_maintenance_form"] {
display: inline-block;
vertical-align: top;
}
.search-container-view {
margin-left: 23px;
margin-right: 2%;
bottom: 0;
margin-top: 10px;
border: 1px solid #a3a3a3;
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.search-container-view-no-margin {
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* BEGIN Scrollable Fixed Header Table for SearchFormController JS object */
.file_mtc_table, .file_mtc_table th, .file_mtc_table td {
color: #366092;
border: 1px solid #DADCDD;
border-collapse: collapse;
}
th[order-by='asc'] {
color: #0f0;
}
th[order-by='desc'] {
color: #f00;
}
/* END Scrollable Fixed Header Table for SearchFormController JS object */
/* BEGIN Scrollable Fixed Header Table for FileMaintenanceTable JS object */
.file_mtc_table2 {
position: relative;
overflow: auto;
}
.file_mtc_table2 div {
width: 999999px;
}
.file_mtc_table2 table {
border-collapse: collapse;
}
.file_mtc_table2 table tr td, .file_mtc_table2 table tr th {
color: #366092;
border: 1px solid #DADCDD;
}
.file_mtc_table2 .column_headers {
position: relative;
background-color: white;
z-index: 1;
}
.file_mtc_table2 .column_data {
position: relative;
top: -1px;
}
tr.aa_active, td.aa_active {
border: 3px solid black;
}
tr.data_row:nth-child(even) {
background-color: #DCE6F1;
}
tr.data_row:hover {
background-color: #FF9B66;
}
tr.new_row {
border: 1px solid white;
background-color: #F2F2F2;
}
td.row_number {
}
/* END Scrollable Fixed Header Table for FileMaintenanceTable JS object */
/* BEGIN New Table */
/* W and H of the tables By Gus
******************************** */
.table-wrap {
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.table-wrap table {
table-layout: fixed; /* FM-75 By Gustavo */
width: 101%; /* FM-75 By Gustavo */
padding-right: 16px; /* FM-77 By Gustavo */
/*overflow: auto;*/ /* FM-75 By Gustavo */
}
.table-wrap table th {
height: 26px;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px; /* By Gustavo it was 14px */
font-weight: bold;
color: #333;
background-color: #e1e1e1;
}
.table-wrap table th p {
margin-top: 0;
margin-bottom: 0;
}
.table-wrap thead {
position: -webkit-sticky;
top: 0;
z-index: 3;
}
.table-wrap thead.fixed {
box-shadow: 0 5px 5px #BBBBBB;
}
.table-wrap tfoot.fixed {
box-shadow: 0 -1px 5px #BBBBBB;
}
.table-wrap th {
background-color: #F1F1F1;
border: 1px solid #CCCCCC;
position: relative;
z-index: 2;
}
.table-wrap th.fixed {
z-index: 3;
}
.table-wrap th.resizable {
cursor: col-resize;
}
.table-wrap td {
border: 1px solid #EEEEEE;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
}
.table-wrap td input { /* FM-87 By gustavo to fix thesize of the font in tables */
font-size: 12px !important;
min-height: 23px;
width: 100% !important; /* FM-75 to keep inputs 100% when resizing table columns */
max-width: -moz-calc(100% - 5px);
max-width: -webkit-calc(100% - 5px);
max-width: calc(100% - 5px);
}
.table-wrap td input[type=checkbox] { /* TMSR-79 By gustavo to fix the size of the checkbox in tables January 2017*/
min-height: 18px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0);
}
.table-input { /* FM-87 By Raymond and Gus */
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 1.5px !important;
padding-right: 0px !important;
}
.table-wrap td select { /* FM-87 By gustavo to fix thesize of the font in tables */
font-size: 12px !important;
min-height: 30px;
width: 100% !important; /* FM-75 to keep inputs 100% when resizing table columns */
max-width: -moz-calc(100% - 2px);
max-width: -webkit-calc(100% - 2px);
max-width: calc(100% - 2px);
}
.table-wrap tr {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px; /* By Gustavo Before it was 14px */
color: #333;
color: rgba(3, 3, 3, 0.8);
}
.table-wrap td.fixed {
box-shadow: 5px 5px 5px #BBBBBB;
}
.table-wrap table, .table-wrap th, .table-wrap td {
border-spacing: 0;
}
.table-wrap th, .table-wrap td {
width: 200px; /* Default column width *//* is was 100px width */
overflow: hidden;
white-space: normal; /* Changed by Gustavo to let wrap information on cells FM-67 Oct 2016 */
/*word-wrap: break-word; Commented by Gustavo */
display: table-cell;
overflow:hidden;
text-overflow: clip;
padding-right: 5px; /* Changed by Gustavo original size 15px */
}
.table-wrap th p {
cursor: move;
}
.table-wrap tr.filteredOut {
display: none;
}
.table-wrap-two {
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.table-wrap-two table {
table-layout: fixed;
/*width: 100%; */
overflow: auto;
}
.table-wrap-two table th {
height: 26px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333;
background-color: #e1e1e1;
}
.table-wrap-two table th p {
margin-top: 0;
margin-bottom: 0;
}
.table-wrap-two thead {
position: -webkit-sticky;
top: 0;
z-index: 3;
}
.table-wrap-two thead.fixed {
box-shadow: 0 5px 5px #BBBBBB;
}
.table-wrap-two tfoot.fixed {
box-shadow: 0 -1px 5px #BBBBBB;
}
.table-wrap-two th {
background-color: #F1F1F1;
border: 1px solid #CCCCCC;
position: relative;
z-index: 2;
}
.table-wrap-two th.fixed {
z-index: 3;
}
.table-wrap-two th.resizable {
cursor: col-resize;
}
.table-wrap-two td {
border: 1px solid #EEEEEE;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
}
.td-json{/*By Sandor for displaying JSON in fmtc cells*/
max-width: 200px !important;
white-space: nowrap !important;
text-overflow: clip !important;
}
.table-wrap-two tr {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
color: rgba(3, 3, 3, 0.8);
}
.table-wrap-two td.fixed {
box-shadow: 5px 5px 5px #BBBBBB;
}
.table-wrap-two table, .table-wrap-two th, .table-wrap-two td {
border-spacing: 0;
}
.table-wrap-two th, .table-wrap-two td {
width: 200px; /* Default column width *//* is was 100px width */
overflow: hidden;
white-space: nowrap;
word-wrap: break-word;
display: table-cell;
overflow:hidden;
text-overflow: clip;
padding-right: 5px; /* Changed by Gustavo original size 15px */
}
.table-wrap-two th p {
cursor: move;
}
.table-wrap-two tr.filteredOut {
display: none;
}
/* END New Table */
.search_page_links {
line-height: 40px;
height: 40px;
}
.search_page_links > a {
display: inline-block;
float: left;
margin-left: 5px;
}
.search_page_links > a.search_page_link {
width: 20px;
line-height: 20px;
text-align: center;
border: 1px solid black;
border-radius: 5px;
background-color: #fff;
color: #366092;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.search_page_links > a:hover {
background-color: #DCE6F1;
}
.search_page_links > a[selected] {
background-color: #DCE6F1;
}
.search_page_prev_next {
line-height: 20px;
padding-right: 10px;
padding-left: 10px;
border: 1px solid black;
border-radius: 5px;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.search_page_prev_next[disabled] {
border: 1px solid gray;
color: gray;
cursor: default;
}
.search_page_prev_next[disabled]:hover {
background-color: #fff;
}
/* BEGIN Dataset */
label.dataset-field-label {
display: inline-block;
width: 200px;
text-align: left;
margin-bottom: 15px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
vertical-align: top;
}
/* Input fields of the form
******************************************* */
/*
TMS-946
Add tags to the ruleset to increase CSS specificity.
*/
input.dataset-field-input,
select.dataset-field-input,
textarea.dataset-field-input {
width: 180px;
margin-bottom: 15px;
margin-left: 25px;
padding: 4px 6px;
font-size: 14px;
color: #333;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
box-sizing: content-box; /* user agent default */
}
/* Bottom search Input fields of the form
******************************************* */
.bottom-search-page-input {
padding: 4px 6px;
font-size: 14px;
color: #333;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
/* Align of the checkbox input of all forms created dynamically By Gus
*********************************************************************** */
INPUT.dataset-field-input[type='checkbox'] {
width: 20px;
}
/* Align of the chakbox input of all forms created dinamicaly end
*********************************************************************** */
/* test to change the opacity on planning */
.cero-opacity {
opacity: 0.3;
}
/* ******************************************************* */
.dataset-table-cell-span {
display: inline-block;
line-height: 26px; /* The icon for .expand-collapse-icon is 16px height with 10px padding for a total of 26px */
vertical-align: top;
}
.nested-dataset-table {
margin-left: 15px;
margin-bottom: 15px;
max-height: 250px;
}
.nested-dataset-table-row {
padding: 10px;
}
.nested-table-maintenance-buttons {
padding: 10px;
}
.expand-collapse-icon {
display: inline-block;
padding: 5px;
}
/* END Dataset */
/* BEGIN Table Maintenance */
/* Button Order Header details Begin
************************************ */
.order-header-details-button {
width: 90px;
height: 20px;
margin: 5px 5px 5px 0px;
color: #fff;
line-height: 0;
border: 2px solid #333;
cursor: pointer;
background-color: #333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.order-header-details-button:hover {
background-color: #f1f1f1;
border: 2px solid #c0c0c0;
color: #333;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.order-header-details-button:disabled {
border: 2px solid #333;
background-color: #333;
color: #fff;
opacity: 0.3;
cursor: auto;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
}
.order-header-details-button > span {
font-size: 12px;
}
/* Button Order Header details end
************************************ */
/* Trip Details Buttons window 2 Begin
*********************************** */
.tripDetailsButton {
width: 65px;
height: 22px;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 5px;
color: #fff;
line-height: 1;
border: none;
cursor: pointer;
font-size: 12px;
background-color: #333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.tripDetailsButton:hover {
background-color: #9e9e9e;
}
.tripDetailsButton:disabled {
opacity: 0.3;
cursor: auto;
}
/* Trip Details Buttons window 2 end
************************************* */
/* Planning Buttons window 6 Begin
*********************************** */
.planningButton {
margin-top: 5px;
padding: 5px 15px;
width: 100px;
height: 25px;
color: #fff;
line-height: 0;
border: 2px solid #333;
cursor: pointer;
background-color: #333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.planningButton:hover {
background-color: #f1f1f1;
border: 2px solid #c0c0c0;
color: #333;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.planningButton:disabled {
border: 2px solid #333;
background-color: #333;
color: #fff;
opacity: 0.3;
cursor: auto;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
}
.planningButton-red {
width: 100px;
height: 25px;
margin-top: 5px;
color: #fff;
line-height: 1;
border: none;
cursor: pointer;
font-size: 12px;
background-color: #ff0000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* Planning Buttons window 6 end
************************************* */
/* Refresh Button of planning
***************************** */
.table-maintenance-button {
width: 100px;
height: 24px;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 10px;
color: #333;
line-height: 1;
border: none;
cursor: pointer;
background-color: #c0c0c0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.table-maintenance-button:hover {
background-color: #b5b5b5;
}
.table-maintenance-button:disabled {
opacity: 0.3;
cursor: auto;
}
.table-maintenance-button > span {
font-size: 12px;
}
/* Refresh Button of planning end
********************************* */
/* Refresh Button of planning Red color
*************************************** */
.table-maintenance-button-red {
width: 100px;
height: 24px;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 10px;
color: #fff;
line-height: 1;
border: none;
cursor: pointer;
background-color: #ff0000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.table-maintenance-button-red:hover {
background-color: #900;
}
.table-maintenance-button-red:disabled {
background-color: #c0c0c0;
opacity: 0.3;
cursor: auto;
}
.table-maintenance-button-red > span {
font-size: 12px;
}
/* Refresh Button of planning Red color end
******************************************** */
/* Refresh Button of planning
***************************** */
.dispatch-board-add-button {
width: 110px;
height: 20px;
color: #333;
line-height: 1;
margin-left: 10px;
font-size: 12px;
border: none;
cursor: pointer;
background-color: #c0c0c0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.dispatch-board-add-button:hover {
background-color: #b5b5b5;
}
.dispatch-board-add-button:disabled {
opacity: 0.3;
cursor: auto;
}
.dispatch-board-add-button > span {
font-size: 12px;
}
/* Refresh Button of planning end
*********************************** */
/* BEGIN Context Menu begin
***************************************** */
.header-row-menu {
margin-top: 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
position: absolute;
background-color: #fff;
border: 1px solid #c0c0c0;
z-index: 999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 2px 2px 5px #c0c0c0;
opacity: 0.99;
overflow: hidden;
/* TMS-960 */
max-height: 30em;
overflow-y: auto;
}
.header-row-menu div.menu-clickable { /* copy this to the other ftm */
padding: 10px;
color: #333;
cursor: pointer;
white-space: nowrap; /* TMS-960 */
}
.header-row-menu div.menu-clickable:hover {
color: #333;
cursor: pointer;
background-color: #eaeaea;
}
.header-row-menu .hide-show-column-list {
list-style-type: none;
padding-left: 10px;
width: 150px;
height: 200px;
overflow: auto;
margin-top: 1em; /* TMS-960 restore user agent style */
}
.header-row-menu .colour-setting-container {
padding: 10px;
}
/* Filter icon begin By Gustavo
***************************************** */
.filter-icon {
width: 20px;
height: 20px;
border: 1px solid #999;
box-sizing: border-box;
background-image: url(../images/filter-icon.png);
background-repeat: no-repeat;
background-size: 12px 12px;
background-position: center;
background-color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
display: none;
float: right;
cursor: pointer;
z-index: 100;
}
.filter-icon:hover {
opacity: 0.5;
}
.filter-icon.active {
width: 20px;
height: 20px;
border: 1px solid #999;
box-sizing: border-box;
background-image: url(../images/filter-icon-active.png);
background-repeat: no-repeat;
background-size: 12px 12px;
background-position: center;
background-color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
display: none;
float: right;
cursor: pointer;
z-index: 1;
}
/* Filter icon end
***************************************** */
/* BEGIN Utils */
.user-select-none {
-webkit-user-select: none; /* Chrome all / Safari all */
-moz-user-select: none; /* Firefox all */
-ms-user-select: none; /* IE 10+ */
user-select: none; /* Likely future */
}
/* END Utils */
/* Id stand out
*********************************** */
.id-stand-out {
font-weight: bold;
text-shadow:1px 1px 4px #c1c1c1;
font-size: 14px;
}
/* Id stand out end
*********************************** */
/* Batch Plate Update | Upadte Plate Button Begin
************************************************** */
.update-plate-button {
margin-left: 5px;
padding: 5px;
background-color: #fff;
cursor: pointer;
opacity: 0.8;
border: 2px solid #c0c0c0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
}
.update-plate-button:hover {
background-color: rgba(3,3,3,0.2);
}
/* Batch Plate Update | Upadte Plate Button End
************************************************ */
/*
* START Record list maintenance
* This section generalizes the search list + maintenance form combo.
*/
.record-list-search-container-wrap {
width: 400px;
height: 100%;
margin-left: 10px;
margin-bottom: 15px;
padding: 0;
font-size: 14px;
color: #333;
border: 0;
}
.record-list-search-container-wrap__search-container {
width: 400px;
height: 250px;
vertical-align: top;
margin-top: 7px;
}
.record-list-maintenance-form-wrap {
width: 480px;
height: 100%;
margin-top: 10px;
margin-right: 15px;
padding-top: 20px;
font-size: 14px;
color: #333;
float: right;
border: 1px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
/********************* START General *********************/
/*
This section was made in response to my (Albert) perception that the CSS
in our web projects contains a lot of duplication. So this section will
be about fast development of UI forms where we can just follow the instructions
in detailed in http://dev.fortigo.fortigofreight.com/dev-wiki/index.php?title=TMSWeb
There are references to TMSWeb unfortunately, but at this point I do
not care if ShellWeb is "polluted" with CSS related to TMSWeb. Actually,
I think they both use the same CSS anyway. This filemtc.css file is loaded
when ShellWeb is started.
*/
.general-input {
/*
TWM-128
This is a copy of `.customer-report-input` class in TMSWeb's bootstrap.jsp.
Use your own width for the input.
*/
/* width: 65px; */
padding: 2px;
font-size: 14px;
color: #333;
border: 2px solid #c0c0c0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.general-button {
/*
TWM-128
This is a copy of `.top-cancel-save-buttons` class in filemtc.css.
Use your own width for the button.
*/
padding: 5px 15px;
/* width: 100px; */
height: 25px;
color: #fff;
line-height: 0;
border: 2px solid #333;
cursor: pointer;
background-color: #333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.general-button:hover {
background-color: #f1f1f1;
border: 2px solid #c0c0c0;
color: #333;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.general-button:disabled {
border: 2px solid #333;
background-color: #333;
color: #fff;
opacity: 0.3;
cursor: auto;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
}
label.general-label {
/*
TWM-128
This is a copy of `.dataset-field-label` class in filemtc.css.
Use your own width and margin-bottom for the button.
*/
display: inline-block;
/* width: 200px; */
text-align: left;
/* margin-bottom: 15px; */
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
vertical-align: middle; /* this used to be `top` */
}
.general-panel {
/*
TWM-128
Copied from an inline style in Bell Search Scan.
*/
width: 100%;
max-width: -moz-calc(100% - 31px);
max-width: -webkit-calc(100% - 31px);
max-width: calc(100% - 31px);
padding: 15px 5px 5px 5px;
/* margin-top: 0px; */
/* margin-left: 10px; */
/* height: 120px; */
/* font-size: 24px; */
/* text-align: center; */
/* below rules were copied from `fieldset` ruleset in filemtc.css */
/* width: 480px; */
background-color: #fff;
border: 0;
margin-top: 0;
padding: 10px 5px 5px 5px; /* Before 10px 5px 5px 2% */
font-size: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.general-panel--no-radius-bottom-left {
-webkit-border-bottom-left-radius: 0px;
-moz-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.general-panel--no-radius-bottom-right {
-webkit-border-bottom-right-radius: 0px;
-moz-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.general-datepicker {
width: 5rem;
}
.pdf-iframe-container-class {
/*
TWM-128
Generalization of `invoice-publishing-queue-iframe-container-class` and `po-header-iframe-container-class`.
*/
position: absolute;
z-index: 5;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 10px;
background-color: #fff;
}
.pdf-iframe-container-top-frame {
/*
TWM-128
Generalization of `invoice-publishing-queue-iframe-container-top-frame` and `po-header-iframe-container-top-frame`.
*/
width: 100%;
max-width: -moz-calc(100% - 31px);
max-width: -webkit-calc(100% - 31px);
max-width: calc(100% - 31px);
min-width: 1180px;
background-color: #fff;
padding: 4px 5px 10px 5px;
top: 0px;
margin-left: 10px;
overflow: hidden;
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.pdf-iframe-container-close-x {
/*
TWM-128
Generalization of `invoice-publishing-queue-close-x` and `po-header-close-x`.
*/
width: 10px;
height: 10px;
background-image: url(../images/close-x-icon.png);
background-repeat: no-repeat;
background-size: 10px 10px;
background-position: center;
background-color: transparent;
float: right;
padding: 8px;
margin-right: 5px;
opacity: 1;
border: none;
cursor: pointer;
}
.pdf-iframe {
overflow: auto;
width: 100%;
max-width: -moz-calc(100% - 31px);
max-width: -webkit-calc(100% - 31px);
max-width: calc(100% - 31px);
max-height: -moz-calc(100% - 31px);
max-height: -webkit-calc(100% - 31px);
max-height: calc(100% - 31px);
margin-left: 10px;
}
/********************* END General *********************/