/************ HEADER STYLING **************!***/
.hiddenTopMenu #t_Header, .hiddenTopMenu #t_Header .t-Header-branding {
  height: 18px;
}
.hiddenTopMenu.apex-side-nav .t-Body-nav, .hiddenTopMenu.apex-side-nav .t-Body-actions, .hiddenTopMenu.apex-side-nav .t-Body-title, .hiddenTopMenu .t-Header-controls{
  top: 18px !important;
}
#planboard .hiddenTopMenu .t-Body-actions{
  top: 48px !important;
}
  .hiddenTopMenu #t_Header .topMainMenu,   .hiddenTopMenu #t_Header .icon-weather,   .hiddenTopMenu #t_Header .t-Header-logo-link,   .hiddenTopMenu #t_Header #profilePicture,   .hiddenTopMenu #t_Header .t-NavigationBar{
    display: none;
  }
  /* LEFT SIDE WEATHER/LOGO/GROUPDESCR STYLING */
  #t_Header .icon-weather{
    font-size: 32px;
  }
  #t_Header .t-Button-badge {
    font-size: 1.0rem;
    font-family: 'Raleway', sans-serif !important;
    position: absolute;
    width: 16px;
    height: 16px;
    font-weight: bold;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    margin-left: -10px;
    margin-top: 11px;
    padding: 6px 0px;
    line-height: 3px;
    text-align: center;
  }
  .t-Header-logo {
    font-size: 20px;
    font-weight: bold;
  }
  .t-Header-logo .t-Header-logo-link{
    padding:0px;
  }
  .t-Header-logo-container {
    width: 200px;
    float: left;
    padding: 27px 15px 15px;
    box-sizing: border-box;
    line-height:2.8rem;
  }
  .t-Header-logo-container .description {
    font-weight: normal;
  }
  /* LEFT MENU OPEN/CLOSE STYLING */
  .t-Header-controls {
    position: absolute;
    z-index: 9999999;
    top: 139px;
    margin-left: 0px;
    padding-left: 8px !important;
    height: 70px !important;
    transition: all .2s;
  }
  .t-Header-controls .special-nav.is-active{
    margin-left: 152px;
  }
  .t-Header-controls .special-nav{
    width:40px;
    background-color: transparent;
    border: none;
    font-size: 75px;
    padding: 0px;
    overflow: hidden;
    outline: none;
    transition: all .2s;
    height: 70px;
  }
  .t-Header-controls .special-nav .t-Icon{
    margin-left:-25px;
  }
  .t-Header-controls input.searchInput{
    left: 0px;
    top: 0px;
    position: absolute;
    width: 70%;
    margin: 19px 0px 0px 19px;
    padding-left: 28px;
    padding-top: 9px;
  }
  .t-Header-controls .fa-search {
    position: absolute;
    z-index: 999;
    margin: 24px 0px 0px 16px;
  }
  .t-Header-controls .u-processing,   .t-Header-controls .u-Processing,   .js-navCollapsed .t-Header-controls input.searchInput,   .js-navCollapsed .t-Header-controls .fa-search{
    display: none;
  }
  /* TOP MENU STYLING */
  #headerMenuTop{
    width: calc(100% - 200px);
    float: left;
    background-color: transparent !important;
    box-shadow:none !important;
  }
  #headerMenuTop .t-NavigationBar{
    display: table;
    margin: 0px auto;
  }
  #headerMenuTop *, #headerMenuTop .a-Button::after, #headerMenuTop .t-Button::after{
    box-shadow:none !important;
  }
  #headerMenuTop .t-NavigationBar-item {
    padding: 0px 1.3vw 20px;
  }
  @media(min-width: 1900px){
    #headerMenuTop .t-NavigationBar-item {
      padding: 0px 2vw 20px;
    }
  }
  @media(max-width: 1600px){
    #headerMenuTop .t-NavigationBar-item {
      padding: 0px 0.8vw 20px;
    }
  }
  @media(max-width: 1470px){
    #headerMenuTop .t-NavigationBar-item {
      padding: 0px 0.8vw 20px;
    }
    #headerMenuTop .t-Button-label {
      font-size: 13px !important;
    }
    #headerMenuTop .t-Icon {
      font-size: 28px !important;
    }
  }
  @media(max-width: 1370px){
    #headerMenuTop .t-NavigationBar-item {
      padding: 0px 5px 20px;
    }
    #headerMenuTop .t-Button-label {
      font-size: 12px !important;
    }
    #headerMenuTop .t-Icon {
      font-size: 28px !important;
    }
  }
  #headerMenuTop .t-Button{
    background-color: transparent !important;
    border: 0px none;
  }
  #headerMenuTop .t-Button:hover{
    background-color: transparent !important;
    border: 0px none;
  }
  #headerMenuTop .t-Icon, #headerMenuTop .t-Button-label{
    width: 100%;
    float: left;
    margin-top: 78px;
    font-size: 13px;
  }
  #headerMenuTop .t-Icon{
    font-size:32px;
    position: absolute;
    left: 0px;
    bottom: 31px;
  }
  #headerMenuTop .t-Button-badge {
    font-family: 'Raleway', sans-serif !important;
    position: absolute;
    width: 21px;
    height: 21px;
    font-weight: bold;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    margin-left: -21px;
    margin-top: 44px;
    padding: 8px 0px;
    line-height: 3px;
    text-align: center;
  }
  .t-Header, .t-Header-branding {
    border: 0px none;
  }
  #headerMenuTop #mainMenuToggle {
    position: absolute;
    width: 26px;
    left: 50%;
    margin-left: -13px;
    height: 26px;
    /*border: 1px solid #a8a4a4;*/
    bottom: -7px;
    text-align: center;
    cursor: pointer;
    border-radius: 28px 28px 28px 28px;
    padding-top: 7px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: bold;
  }
  /* RIGHT SIDE STYLING*/
  .t-Header-navBar {
    width: 217px;
    height: 52px;
    margin-right: 11px;
  }
  .t-Header-navBar .t-NavigationBar {
    width: calc(100% - 65px);
    float: right;
  }
  #profilePicture{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background-size: contain;
    position: absolute;
  }
  #profilePicture .t-Button-badge{
    margin-top: 30px;
    width: 14px;
    height: 14px;
    cursor: default;
    font-size: 3px;
    padding: 0px;
  }
  .t-NavigationBar-menu .a-Menu-content .a-Menu-statusCol:empty{
    width: auto;
  }
  .t-NavigationBar-menu .a-Menu-item .a-Menu-subMenuCol{
    width: auto;
    height: auto;
    padding: 0px;
    display: none;
  }
  .t-NavigationBar-menu.a-Menu .a-Menu-item {
    line-height: 27px;
  }
  .t-Header .t-Header-navBar button.t-Button--header{
    background: none transparent !important;
    font-size: 14px;
    width: 100%;
    border: 0px none;
    height: 50px;
  }
  .t-Header .t-Header-navBar button.t-Button--header:hover,   .t-Header .t-Header-navBar button.t-Button--header:after{
    background: none transparent !important;
    box-shadow: unset;
  }
  .t-Header .t-Header-navBar .t-NavigationBar-item{
    float: left;
    width: 100%;
  }
  .t-Header .t-Header-navBar button .t-Button-label{
    max-width: calc(100% - 20px);
    float: left;
    text-align: left;
  }
  .t-Header .t-Header-navBar button {
    vertical-align: middle;
  }
  .t-Header .t-Header-navBar button .a-Icon{
    bottom: 10px;
    position: absolute;
    right: 5px;
  }
  .t-Header .t-Header-navBar button .a-Icon:before{
    font-weight:900 !important;
  }
  .t-NavigationBar-menu{
    min-width: 170px !important;
  }
  .t-NavigationBar-menu .a-Menu-content{
    padding: 10px 0px;
    width: 149px !important;
  }
/************ LEFT MENU STYLING ************/ 
  .t-Body-nav{
    margin-top:70px;
  }
  .t-TreeNav .a-TreeView-content.is-hover .fa{
    -webkit-animation:horizontal 2s ease infinite;
    animation:horizontal 2s ease infinite;
  }
  .sidebarLogo {
    width: 100%;
    /* position: absolute; */
    padding-left: 5%;
    display: block;
    padding-right: 5%;
    height: auto !important;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .t-BadgeList-wrap {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    height: 125px;
    width: 125px;
    margin-right: auto;
    margin-left: auto;
  }

/************ RIGHT MENU/BAR STYLING ************/ 
  .t-Body-actionsContent label.t-Form-label:focus,   .t-Body-actionsContent span.display_only:focus,   .t-Body-actionsContent label.t-Form-label:hover,   .t-Body-actionsContent span.display_only:hover {
    background-color: transparent
  }
  .t-LinksList-label {
    display: table-cell;
  }

/************ GENERAL CONTENT STYLING ************/
  body, textarea {
    font-family: Verdana  !important;
  }
  #successMessage{
    position: fixed;
    top: 12px;
    right: 12px;
    max-width: 480px;
    z-index: 2000;
    opacity: 0.9;
    border-radius: 2px;
    display : none;
  }  
  .a-Menu .a-Menu-item.is-disabled .a-Menu-label{
    filter: alpha(Opacity=50);
    opacity: 0.5;
  }
  .a-IRR, .a-IRR-headerLink, .t-IRR-region, .a-IRR-table {
    font-size: 1rem;
  }
  .hide{
    display: none !important;
  }
  .homebutton{
    height: 80px !important;
  }
  .logo {
    width: 100%;
    height: 100%;
  }
  .t-Login-logo {
    display: none;
  }
  .hideBodyPageTitle .t-BodyPageTitle{
    display: none;
  }
  .t-BodyPageTitle{
    font-size: 24px;
    padding-bottom: 15px;
    line-height: 25px;
  }
  .space-br {
    margin-top: 20px;
  }
  div.container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .t-BadgeList--dash .t-BadgeList-label {
    white-space: inherit;
  }
  .wrap-text .t-Button-label {
    white-space: normal;
  }
  .t-PageBody--masterDetail .t-Body-contentInner>.container:first-child {
    min-height: inherit;
  }
  .cleanReport td, .cleanReport th {
    padding: 5px !important;
  }
  .hideThReport th {
    display: none;
  }
  .sidebarInfo dl.t-AVPList.t-AVPList--leftAligned {
    border: none;
    background-clip: padding-box;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) inset;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-shadow: none;
    text-align: center;
  }
  .sidebarInfo .t-AVPList--leftAligned .t-AVPList-value {
    width: 100%;
    text-align: center;
  }
  .t-Region .t-Region-body, .t-Body-contentInner{
    padding:11px;
  }
  .t-Region{
    margin-bottom: 5px;
  }
  .col {
    padding-right: 0px;
    padding-left: 11px;
  }
  .row .col:last-child{
    padding-right: 11px;    
  }
  .row .col > .rel-col .col {
    width: 100%;
    padding-right: 0px !important;
  }
  .t-Form-inputContainer, .t-Form-labelContainer{
    padding: 0px;
  }
  .t-Form-itemWrapper{
    margin-bottom: 5px;
    margin-top: 1px;
  }
  .col > .t-Form-fieldContainer{
    margin: 0px !important;
  }
  .compactView .t-Report-cell {
    padding: 3px;
    white-space: nowrap;
  }
  .compactView .t-Report-colHead {
    padding: 10px;
  }
  .compactView .a-IRR-table td {
    white-space: nowrap;
    padding: 2px 2px;
  }
  .compactView .a-IRR-headerLabel,   .compactView .a-IRR-headerLink {
    padding: 10px;
  }
  .t-Body, .t-Region-bodyWrap, .t-Region-body {
    background: none !important;
  }
  .apex-side-nav #t_Button_menuNavControl, .apex-side-nav .t-Header-nav, .apex-top-nav #t_Button_treeNavControl, .apex-top-nav .t-Body-nav{
    display:block !important;
  }
  .t-Region--hideShow.is-expanded > .t-Region-bodyWrap{
    padding: 12px;
  }
  .t-Region--hideShow.is-expanded > .t-Region-bodyWrap .t-Region-body{
    padding: 0px;
  }
  .t-Region-bodyWrap .t-Region-bodyWrap {
      padding: 12px;
  }
  .t-DialogRegion .container,   .t-Dialog .container,   .ui-dialog .container{
    max-width:100%;
    width:100%;
  }
  .hideTitleClose.ui-dialog .ui-dialog-titlebar-close{
    display:none;
  }
  .ui-dialog .t-ButtonRegion-col--left button,   .t-Dialog .t-ButtonRegion-col--left button,   .t-Body-title .t-ButtonRegion-col--left button{
    margin-right: 5px !important;
  }
  .ui-dialog .t-ButtonRegion-col--right button,   .t-Dialog .t-ButtonRegion-col--right button,   .t-Body-title .t-ButtonRegion-col--right button{
    margin-left: 5px !important;
  }
  /* Custom button styles */
  button{
    white-space: normal !important;
  }
  button::-moz-focus-inner {
    border: 0;
  }
  :focus {outline:none;}
  ::-moz-focus-inner {border:0;}
  .t-Body-content .t-Region-body button.t-Button,   .t-Dialog button.t-Button,   .ui-dialog button.t-Button,   .t-Body-content .t-Region-body .a-Button,   .t-Dialog .a-Button,   .ui-dialog .a-Button  {
    box-sizing: border-box !important;
    line-height: 1.5rem;
  }
  .t-Button:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  }
  .t-Body-content .a-IRR-button--colSearch{
    border-right:0px none !important;
  }
  .t-Body-content .a-IRR-button--search{
    border-left:0px none !important;
  }
  .t-Body-content .a-IRR-button--controls{
    border:1px solid;
  }
  .t-Body-content .t-Region-body .t-Form-inputContainer button.t-Button,   .t-Body-content .t-Region-body .t-Form-inputContainer .a-Button{
    line-height: 1.7rem;
  }
  .t-Body-content .t-Region-body button.t-Button--helpButton{
    border:0px none !important;
  }
  .t-Body-content .t-Region-body button.t-Button--helpButton:hover{
    background-color: transparent !important; 
  }
  .t-Body-content .t-Region-body .t-Button.t-Button--icon.t-Button--closeAlert,   .t-Dialog .t-Button.t-Button--icon.t-Button--closeAlert,   .ui-dialog .t-Button.t-Button--icon.t-Button--closeAlert{
    background-color: transparent !important; 
    border: 0px none !important; 
  }
  .t-Body-content .t-Region-body .t-Button.t-Button--icon.t-Button--closeAlert:hover,   .t-Dialog .t-Button.t-Button--icon.t-Button--closeAlert:hover,   .ui-dialog .t-Button.t-Button--icon.t-Button--closeAlert:hover{
    background-color: transparent !important; 
    border: 0px none !important; 
  }
  button.t-Button--hot,   .t-Body-content button.t-Button--hot,   body .ui-state-default.ui-button.ui-button--hot,   body button.ui-state-default.ui-priority-primary,   .t-Dialog button.t-Button--hot,   .ui-dialog button.t-Button--hot  {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  }
  .t-Alert--page{
    z-index:9890 !important;
  }
  .t-Alert-buttons button.t-Button {
    background-color: transparent !important;
    border: 0px none !important;
  }
  button.buttonAsLink{
    background-color: transparent !important;
    border: 0px none !important;
    padding: 0px !important;
    margin: 0px !important;
  }
  /* Form field styles */
  .display_only {
    padding-left: 6px !important;
    padding-right: 10px !important;
  }
  .t-Form-labelContainer label.t-Form-label.lrequired:after {
    content: " *";
    font-size: 1.8rem;
  }
  .t-Form-field, .t-Form-inputContainer input.datepicker,   .t-Form-inputContainer input.password,   .t-Form-inputContainer input.popup_lov,   .t-Form-inputContainer input.text_field,   .t-Form-inputContainer input[type="text"],   .t-Form-inputContainer select.selectlist,   .t-Form-inputContainer select.yes_no,   .t-Form-inputContainer select[multiple],   .t-Form-inputContainer span.display_only,   .t-Form-inputContainer textarea.textarea,   .t-Form-select, .t-Form-textarea,   .u-TF-item--datepicker,   .u-TF-item--select,   .u-TF-item--text,   .u-TF-item--textarea,   body .t-Form-inputContainer input.popup_lov[disabled],   .t-Dialog input.popup_lov,   .ui-dialog input.popup_lov,   .t-Dialog input.ui-datepicker-trigger,   .ui-dialog input.ui-datepicker-trigger{
    min-width:100%;
  }
  .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
    margin: 1px 6px !important;
    width: 40% !important;
    padding: 5px !important;
  }
  .t-Form-inputContainer .apex-item-icon, .t-Form-inputContainer input.datepicker, .t-Form-inputContainer input.password, .t-Form-inputContainer input.popup_lov, .t-Form-inputContainer input.text_field, .t-Form-inputContainer input[type="text"], .t-Form-inputContainer select.selectlist, .t-Form-inputContainer select.yes_no, .t-Form-inputContainer select[multiple], .t-Form-inputContainer span.display_only, .t-Form-inputContainer textarea.textarea, .u-TF-item--datepicker, .u-TF-item--select, .u-TF-item--text, .u-TF-item--textarea,.a-IRR-selectList[size="1"], .t-Form-inputContainer select.selectlist[size="1"], .t-Form-inputContainer select.yes_no, .u-TF-item--select{
    height: 3.2rem;
  }
  .smallSelector{
    padding: 0px 5px;
    height: 23px;
  } 
   .t-Body-content .t-Region-body .t-Form-inputContainer label.a-Button,    .t-Dialog label.a-Button {
    height: 3.2rem;
    line-height: 2.3rem;
    max-width: 46px !important;
    width: 50%;
    min-width: 15px;
    padding: 3px;
    display: inline-block;
  }
  .t-Form-inputContainer fieldset {
    width: 100%;
  }
  .ui-datepicker-trigger, .a-Button--calendar, .a-Button--popupLOV, .clockpicker-btn{
    height: 3.2rem;
    line-height:1.7rem !important; 
  }
  .clockpickerbtn-yes input{
    min-width:calc(100% - 32px) !important;
    width:calc(100% - 32px) !important;
  }
  .a-Button--popupLOV{
    padding-top: 7px !important;
  }
  .a-IRR-dialogTable table[role="presentation"] div{
    padding: 12px;
  }
  .a-IRR-dialogTable td, .a-IRR-dialogTable th {
    padding-right: 5px;
    padding-left: 0px;
  }
  .shuttle .a-Button, .ajax_shuttle .a-Button{
    margin:0px 4px 17px;
    height: auto !important;
  }
  .ajax_shuttle .fielddata{
    font-size: 13px;
    padding-bottom: 5px;
  }
  .shuttleSort2 {
    vertical-align: middle !important;
  }
  .shuttle select option, .ajax_shuttle select option{
    padding:6px 10px 0px;
  }
  .shuttle select option:last-child, .ajax_shuttle select option:last-child{
    padding:6px 10px;
  }
  .shuttle-order-variant .shuttleSelect1{
    display: none;
  }
  .t-Form-inputContainer .apex-item-icon{
    line-height: 2.6rem;
  }
  .apex-item-has-icon {
      margin-left: -5px;
  }
  .cke .cke_top, .cke .cke_bottom, .cke_inner{
    background-image: none !important;
    box-shadow: none;
  }
  .cke a.cke_toolbox_collapser, .cke .cke_button, .cke .cke_combo_button, .cke .cke_toolgroup{
    background-image: none;
    box-shadow: none;
  }
  .cke .cke_toolbar_separator{
    background-image: none;
    box-shadow: none;
  }
  .t-Form-inputContainer .apex-item-icon:before{
    padding-left: 5px;
  }
  .a-Icon.icon-asterisk {
    position: absolute;
    z-index: 9;
    margin-top: 3px;
    margin-left: -3px;
  }
  .textarea,   textarea,   .t-Form-itemWrapper div:first-child,   .cke{
    max-width: 100%;
    width: 100% !important;
  }
  table.lov {
      table-layout: fixed;
  }
  .t-Form-inputContainer fieldset.lov,   .t-Form-inputContainer table.lov{
    width:100%;
  }
  .t-Form-inputContainer table.lov td:last-child{
    width:30px;
  }
  .t-Form-inputContainer .a-Button--popupLOV,   .t-Form-inputContainer .a-Button.ui-datepicker-trigger,   .t-Dialog .a-Button--popupLOV,   .t-Dialog .a-Button.ui-datepicker-trigger,   .ui-dialog .a-Button--popupLOV,   .ui-dialog .a-Button.ui-datepicker-trigger,   .a-IG-body .a-Button--popupLOV,   .a-IG-body .a-Button.ui-datepicker-trigger{
    padding: 3px 6px;
  }
  .t-Form-labelContainer--hiddenLabel{
    display: none;
  }
  .t-Form-inputContainer input.datepicker,   .t-Dialog input.hasDatepicker,   .ui-dialog input.hasDatepicker,   .t-Dialog span.lov input,   .ui-dialog span.lov input,   .t-Form-inputContainer td.lov,   .a-IG-body input.datepicker,   .a-IG-body td.lov,   .a-IG-body span.lov input,   .timepicker .t-Form-inputContainer input,   .t-Form-inputContainer input[type="text"].hasTimePicker{
    min-width:calc(100% - 30px);
    width:calc(100% - 30px);
    max-width:calc(100% - 30px);
    border-radius: 4px 0px 0px 4px !important;
    -webkit-border-radius: 4px 0px 0px 4px !important;
    -moz-border-radius: 4px 0px 0px 4px !important;
  }
  .t-Form-inputContainer input[type="text"].noClock{
    min-width:100%;
    width:100%;
    max-width:100%;
    border-radius: 4px 4px 4px 4px !important;
    -webkit-border-radius: 4px 4px 4px 4px !important;
    -moz-border-radius: 4px 4px 4px 4px !important;
  }
  input[refchecked]{
      min-width: calc(100% - 30px) !important;
      max-width: calc(100% - 30px) !important;
    border-radius: 4px 0px 0px 4px !important;
    -webkit-border-radius: 4px 0px 0px 4px !important;
    -moz-border-radius: 4px 0px 0px 4px !important;
  }
  .apex-item-color-picker{
    min-width: calc(100% - 33px) !important;
    max-width: calc(100% - 33px) !important;
    border-radius: 4px 0px 0px 4px !important;
    -webkit-border-radius: 4px 0px 0px 4px !important;
    -moz-border-radius: 4px 0px 0px 4px !important;
  }
  .t-Form-inputContainer input.datepicker, .t-Form-inputContainer input.password, .t-Form-inputContainer input.popup_lov, .t-Form-inputContainer input.text_field,   .t-Form-inputContainer input[type="text"], .t-Form-inputContainer select.selectlist, .t-Form-inputContainer select.yes_no, .t-Form-inputContainer select[multiple],   .t-Form-inputContainer span.display_only, .t-Form-inputContainer textarea.textarea, .u-TF-item--datepicker, .u-TF-item--select, .u-TF-item--text, .u-TF-item--textarea,   .datepicker.apex-item-text, button{
    font-size: 1.2rem;
    padding: .7rem;
    min-height: 3.2rem;
    height: auto;
  } 
  .a-IGDialog-main input[type="text"],   .a-IGDialog-mai input.popup_lov,   .a-IGDialog-main select{
    min-height: 3.2rem;
    height: auto;
  }
  .t-Button--hideShow.t-Button{
    height: auto;
  }
  .t-Region--hideShow .t-Region-headerItems--buttons .t-Button {
    margin-top: 3px !important;
}
  .t-Form-inputContainer select.multi_selectlist{
    height: 7.2rem;
  }
  .t-Form-inputContainer select.multi_selectlist option{
    height: 26px;
    padding: 7px;
  }
  .t-Form-fieldContainer .apex-item-has-icon {
      padding-left: 33px !important;
      text-indent: 0px !important ;
  }
  .t-Login-body .t-Form-fieldContainer .apex-item-icon {
    padding: 6px 7px !important;
    left: 29px !important;
    margin-left: -30px !important;
  }
  .smallPageStyle .t-Login-body .t-Form-fieldContainer .apex-item-icon {
    padding: 5px 0px !important;
    left: 14px !important;
    margin-left: -11px !important;
    font-size: 11px;
  }
  fieldset.shuttle select.shuttle_left, fieldset.shuttle select.shuttle_right {
    width: 100%;
    min-height: 20rem;
    margin: .4rem 0;
  } 

  /* Action menu styling */
  
  .a-Menu .a-Menu-content .a-Menu-itemSep .a-Menu-labelContainer .a-Menu-hSeparator{
    margin:0px;
    padding: 0px;
  }
  .a-Menu .a-Menu-content .a-Menu-content{
    padding: 0px;
  }
  .a-Menu .a-Menu-content .a-Menu{
    border:0px none;
  }
  .a-Menu .a-Menu-scrollBtn.is-disabled{
    height: 8px;
  }
  .a-Menu .a-Menu-scrollBtn .a-Icon.icon-menu-scroll-up:before {
   content:"\e012"
  }
  /* Wizard styling */
  .t-WizardSteps{
    margin-bottom: 12px;
  }
  /* SPECIAL */
  .importantMessage, .importantMessage:hover{
    color: darkred !important;
    -webkit-animation:horizontal 3s ease infinite;
     animation:horizontal 3s ease infinite;
  }
  .headerapplink img,   .headerapplink div{
    float: left;
  }
  .headerapplink div{
    margin-left: 10px;
  }
  .createplandialog{
    width:1000px !important;
    height:800px !important;
  }

  /* SIDEMENU STYLING */
  .t-Body-actions .t-Region+.t-Region,   .t-Body-side .t-Region+.t-Region {
    margin-top: 0px;
  }
  .t-Body-actions .t-Region,   .t-Body-side .t-Region {
    border-width: 0px!important;
  }
  .t-Body-actionsContent button, .side_menu .t-LinksList-link {
    height: 35px;
    font-size: 14px !important;
    display: table;
    width: 100%;
    font-weight: bold;
  }
  .t-LinksList .t-LinksList-item:first-child{
    margin-top: 0px;
  }
  .t-LinksList-label {
      display: table-cell;
      vertical-align: middle;
  }
  .side_menu .t-LinksList-item{
    background-color: transparent !important;
    margin: 11px 0px;
    text-align: center;
  }
  .side_menu .t-LinksList-item {  
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
  }
  .side_menu .t-LinksList-item.is-expanded .t-LinksList-link::before {
    display: none;
  }
  .side_menu .t-LinksList-item .t-LinksList-item {  
    border: 0px none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
  }
  .side_menu .t-LinksList-item.hasSubs ul .t-LinksList-link{
    border-radius: 0px;
  }
  .side_menu .t-LinksList-item.hasSubs ul .t-LinksList-link:last-child{
    border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
  }
  .side_menu ul.t-LinksList-list{
    display: block;
    margin: 0px;
  }
  .side_menu ul.t-LinksList-list .t-LinksList-item{
    padding: 0px;
  }
  .side_menu ul.t-LinksList-list .t-LinksList-item:last-child{
    margin: 0px;
  }

  img.reference{
    -webkit-order: 4;
    -ms-flex-order: 4;
    order:4;
    margin-left: 3px;
  }
  .apex-rds .a-IRR-container th a{
    padding: 12px !important;
    font-size: 1.2rem !important;
  }
  .apex-rds .a-IRR-container td a{
    padding: 0px !important;
    font-size: 1.2rem !important;
  }
  html .borderTop, .borderTop{
      border-top-width: 2px !important;
  }
  .t-Body-actionsContent .display_only, .t-Body-actionsContent .t-Form-itemWrapper{
    border:0px none !important;
    margin:0px !important;
  }
  .t-Button, .a-Button, .t-Form-inputContainer input[type="text"], .t-Form-inputContainer input.text_field, .t-Form-inputContainer input.password, .t-Form-inputContainer textarea.textarea, .t-Form-inputContainer input.datepicker, .t-Form-inputContainer span.display_only, .t-Form-inputContainer input.popup_lov, .t-Form-inputContainer select, .u-TF-item--text, .u-TF-item--textarea, .u-TF-item--datepicker, .u-TF-item--select{
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
  }
  .t-Form-inputContainer input[type="text"].hasDatepicker,   .t-Form-inputContainer input[type="text"].hasTimePicker,   .t-Form-inputContainer input[type="text"].popup_lov{
    border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
  }
  .t-Body-actions .t-ButtonRegion .t-ButtonRegion-col{
    margin: 0px 0px 11px;
  }
  .t-Body-actions .t-ButtonRegion .t-ButtonRegion-wrap {
    padding: 11px 11px 0px;
  }
  .margTop{
    margin-top: 11px;
  }
  .row:first-child .margTop{
    margin-top: 0px;
  }
  .buttonMargTop{
    margin-top: 27px;
  }
  .t-Button--iconLeft{
    padding-bottom: 4px !important;
    text-align: left;
  }
  .t-Button--iconLeft .t-Icon--left{
    float:left;
  }
  .t-Body-actions button, .t-Tabs.t-Tabs--simple.a-Tabs{
    margin-bottom: 11px;
  }
  .t-ButtonRegion button:last-child{
    margin:0px;
  }
  button.t-Delete-Button,   .t-Body-content button.t-Delete-Button,   .t-Dialog button.t-Delete-Button,   .ui-dialog button.t-Delete-Button,   .t-Body-content button.a-IRR-button--remove,   .t-Dialog button.a-IRR-button--remove,   .ui-dialog button.a-IRR-button--remove,   .t-Body-actionsContent button.t-Delete-Button{
    font-weight: bold;
  }
  .t-ButtonRegion-col--left, .t-ButtonRegion-col--right{
    margin: 0px !important;
  }
  .sizeButton{
    background-color: transparent !important;
    border: 0px none !important;
    box-shadow: unset !important;
    margin: 0px !important;
    padding: 0px !important;
  }
.smallMargTop{
  margin-top: 3px;
}
/** REPORT STYLING **/
.a-IRR-reportView table th, table.standardLook th{
  border:0px none;
  box-shadow:none;
}
.a-IRR-header--group{
  font-size: 12px;
}
.a-GV-headerGroup{
  background-color: transparent;
}
.compactReport tr, .compactReport td{
  border:0px none !important;
  padding-top:0px !important;
  padding-bottom:2px !important;
}
#BookingRegion .js-stickyTableHeader{
  overflow-y: visible;
}
.floatingInfo {
  position: absolute;
  bottom: 0px;
  z-index: 99999;
  height: 31px;
  background-color: #ffffff;
  padding: 7px 10px;
  font-weight: bold;
  font-size: 13px;
}
.correctPort{
  font-weight: bold;
  font-size: 16px;
  cursor: default;
  float: left;
  margin-left: -10px;
  margin-top: 4px;
}
.correctPort[title=""]{
  display: none;
}
#BookingRegion .js-stickyTableHeader .floatingInfo{
  display: none;
}
#BookingRegion .js-stickyTableHeader.is-stuck{
  padding-bottom: 31px;
}
#BookingRegion .js-stickyTableHeader.is-stuck .floatingInfo{
  display: block;
}
table.standardLook tr td, .a-IRR-reportView table tr td, .a-GV-table tr.a-GV-row td{
  border-top: 0px none !important;
  border-left: 0px none !important;
  border-right: 0px none !important;
  padding:15px !important;
  height:55px;
}
.a-IG-header .a-Toolbar-group--together button:first-child{
  border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
}
.a-IG-header .a-Toolbar-group--together button:last-child{
  border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
}
.a-GV-table tr.a-GV-row td.has-button{
  padding:0px !important;
  border-bottom: 0px none !important;
}
table.standardLook{
  font-size: 1.2rem;
  line-height: 1.6rem;
}
table.standardLook th{padding: 12px;}
table.standardLook tr:first-child{
  display: none;
}
table.extraAddressInfo {
    width: 100%;
}
table.extraAddressInfo td {
    width: 50%;
}
.a-GV-floatingItem:not(.is-expanded), .a-GV-pageButton:focus, .a-GV-table .a-GV-cell.is-focused, .a-GV-table .a-GV-controlBreakHeader.is-focused, .a-GV-table .a-GV-header.is-focused, .a-GV-table .a-GV-headerGroup.is-focused{
  box-shadow: none;
}
.a-IRR-reportView table tr[class]:nth-child(odd) td {
  opacity: 0.9;
}

.a-IRR-sortWidget *, .a-IG-sortWidget * {
  max-width: 100%;
}
.modalitydesc{
  line-height: 8px !important;
  font-size: 9px !important;
}
.t-Region-specialspot--body {
  position: absolute;
  z-index: 1;
  right: 100px;
  padding-top: 1px;
}
.a-GV-header{
  border-left:0px none !important;
}
.a-GV-hdr .a-GV-w-frozen *{
  border-width: 0px !important;
}
.a-GV-w-frozen {
    margin-right: -2px;
}
.t-Body-rightmenu #buttonRegion .t-ButtonRegion-wrap{
  padding: 11px
}
.t-Body-rightmenu #buttonRegion .t-ButtonRegion-wrap .t-ButtonRegion-col{
  margin: 0px !important;
}
.t-Body-rightmenu #buttonRegion button{
  width:auto !important;
  min-width:inherit !important;
  height: auto !important;
  padding: 8px;
  float: left;
  margin: 0px 6px 11px 0px;
}
.t-Body-rightmenu #extraButtonRegion button{
  height: auto !important;
}
.t-Body-rightmenu #buttonRegion button.t-Button--stretch{
  width: 100% !important;
}
.t-Body-rightmenu #buttonRegion button:last-child{
  margin-right: 0px;
}
.t-Body-rightmenu #buttonRegion button.t-Button--hot{
  float: right;
}
.t-ButtonRegion.t-Form--floatLeft .t-Form-fieldContainer{
  float: none;
}
.a-IRR-button.a-IRR-button--pagination {
  height: 11px;
}
.noBorders{
  border:0px none !important;
}
.relationHeader .t-Region-body {
    padding: 11px;
}
.relationHeader .t-Form-itemWrapper {
    margin: 0px;
}
.relationHeader *, .relationHeader span.display_only{
  font-size: 19px !important;
  border: 0px none !important;
  overflow: visible;
}
html body.smallPageStyle .relationHeader .display_only, body .relationHeader .display_only{
  padding:0px !important;
  min-height: 18px !important;
}

/********* REGION DISPLAY STYLING *********/

.a-Tabs a .icon{
  font-size:21px;
}
.a-Tabs a .icon{
  margin-top: -3px;
}
.a-Tabs a .icon.icon-haulier {
  margin-top: -7px;
}
/**************** PLANBOARD STYLING ****************/

#planboard #t_Body_mainbody{
  position: relative;
}
#planboard .t-Body-actions{
  background-color: transparent;
  border: 0px none;
  transition: none !important;
  position: fixed;
  top: 173px !important;
  bottom: 0px !important;
  z-index: 1;
}
#planboard #t_Body_abovebar{
  padding-left: 0px;
  padding-right: 0px;  
}
#planboard .t-Button--headerRight{
  display: none;
}
#planboard:not(.u-RTL) .t-PageBody.js-rightExpanded.t-PageBody--hideLeft .t-Body-title{
  right: 0px;
  z-index: 900;
}
#planboard .js-floatingNavs .t-Body-title{
  border-bottom: 2px solid #f5f5f5;
}
#planboard .t-Body-main .t-Body-contentInner{
  padding-top: 0px;
}
.pre-carriage-dialog .ui-dialog-titlebar-close{
  display: none;
}
#planboard .requiredNotification::before {
  position: absolute;
  content: "Required";
  color: red;
  padding: 7px;
}
/* DATE SELECTION STYLING */
#planboard .scrollable{
  width:100vw;
  height: 25px;
}
#planboard .scrollable *{
  height: 25px;
}
#planboard .scrollable li{
  font-family: Verdana;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.2em;
  text-align: center;
  width: calc(100vw / 11);
}
#planboard .scrollable li:last-child{
  border-right: 0px none;
}
#planboard #scrollableContainer{
  position: relative;
  font-size: 36px;
}
#planboard #scrollableContainer .container{
    width:100vw;
    float:left;
}
#planboard #scrollableContainer .next, #planboard #scrollableContainer .prev{
  width:40px;
  height: 25px;
  line-height: 1.2em;
  font-size: 21px;
  font-weight: bolder;
  text-align: center;
  position: absolute;
  top: 0px;
  z-index: 10;
}
#planboard #scrollableContainer .prev{
  left:0px;
}
#planboard #scrollableContainer .next{
  right:0px;
}
/* REPORT STYLING */
#planboardArea_ir, #planboardArea_ir #planboardArea_data_panel .a-IRR-tableContainer{
  min-height: calc(100vh - 325px);
}
.hiddenTopMenu #planboardArea_ir, .hiddenTopMenu #planboardArea_ir #planboardArea_data_panel .a-IRR-tableContainer{
  min-height: calc(100vh - 205px);
}
#planboard #staticsCollection{
  font-size:17px;
  position: absolute;
  z-index: 1;
  line-height: 33px;
  font-family: Verdana, sans-serif !important;
  font-weight: bold !important;
  left: 357px;
}
#planboard #staticsCollection.WB #staticsEB, #planboard #staticsCollection.WB #staticsEBdel, #planboard #staticsCollection.EB #staticsWB, #planboard #staticsCollection.EB #staticsWBdel {
    display: none;
}
#planboard .driverOrder{
  cursor: pointer;
}
#planboard #precarriage.clickable{
  cursor: pointer;
}
#planboard #planboardFilterRegion .refreshButton{
  border: 0px none;
  font-weight: bold;
  font-size: 17px;
  padding: 5px !important;
  border-radius: 100% 100% 100% 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  min-width: auto;
  position: absolute;
  left: 245px;
  z-index: 1;
}
#planboard .transportationremark span{
  height:66px;
  overflow:auto;
  width:198px !important;
}
#planboard #planboardAreaCompleted .refreshButton{
  position: absolute;
  min-width: 25px;
  border-radius: 100% 100% 100% 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  height: 25px !important;
  left: -10px;
}
#planboard #P200_EQUIPMENTTYPE_CONTAINER {
  left: 11px !important;
}
#planboard #P200_PORT_CONTAINER {
  left: 129px !important;
}
#planboard .planboardDates #SCROLLREGION li{
  font-size:17px !important;
  cursor:default;
}
#planboard .planboardDates #SCROLLREGION li span {
  height: 8px !important;
  padding: 0px 0px 15px;
  margin-top: 5px;
  display: inline-block;
  line-height: 15px  !important;
}
#planboard .planboardDates #SCROLLREGION li span:first-child {
  margin-right: 5px;
  padding-right: 5px;
  border-right: 2px solid gray !important;
}
#planboard .planboardDates #SCROLLREGION li span:last-child {
  margin-left: 5px;
  padding-left: 5px;
  border-left: 2px solid gray !important;
}
#planboard .planboardDates #SCROLLREGION li.active span {
  color: #0016a7 !important;
}
#planboard .planboardDates #SCROLLREGION li.active span:hover {
  color: #fff !important;
}
#planboard .planboardDates #SCROLLREGION li.active span:first-child {
  border-right: 2px solid white !important;
}
#planboard .planboardDates #SCROLLREGION li.active span:last-child {
  border-left: 2px solid white !important;
}
#planboard .planboardDates #SCROLLREGION li.active span.active {
  color: white !important;
  cursor:default !important;
}
#planboard .planboardDates #SCROLLREGION li span:hover {
  color: black !important;
  cursor: pointer;
}
#actionBoxPlanningLine .t-Region-buttons-left, #actionBoxPlanningLine .t-Region-buttons-right {
    padding: 0px;
}
#planboard .messageButton{
  border: 0px none;
  background-color: #1791FF;
  color: #fff;
  font-weight: bold;
  font-size: 17px;
  padding: 4px !important;
  min-width: auto;
  position: absolute;
  right: 17px;
  z-index: 1;
  width: auto;
  top: 8px;
  min-height: 10px !important;
  height: 23px !important;
}
#BTN_SMS{
  margin-right: 34px;
}

#planboard .messageButton[newmessages="Y"]::after {
  position: absolute;
  opacity: inherit;
  width: 10px;
  box-shadow: 0px 0px 0px 1px;
  height: 10px;
  border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  top: -2px;
  left: auto;
  right: -4px;
}
#P200_PORT_CONTAINER, #P200_DIRECTION_CONTAINER, #P200_EQUIPMENTTYPE_CONTAINER {
  position: absolute;
  z-index: 1;
  width: 105px;
}
#P200_EQUIPMENTTYPE_CONTAINER {
  left: 125px;
}
#P200_PORT_CONTAINER {
  left: 240px;
}
#planboard .a-IRR-table th, #planboard .a-IRR-table th a, #planboard .a-IRR-table th span{
  font-size: 13px;
  font-weight: bold;  
  vertical-align: middle;
}
#planboard .a-IRR, #planboard .a-IRR-container, #planboard .a-IRR-toolbar, #planboard .a-IRR-content{
  overflow: visible;
}
#planboardArea_toolbar{
  margin-left: 700px;
  width: calc(100% - 700px) !important;
}
#planboardArea.WB.trailer #P200_PORT_CONTAINER{
  display:none;
} 
#planboardArea.WB.trailer #staticsCollection{
  left: 230px;
}
#planboard #planboardArea.trailerfwd td[headers="deliveryEquip"] .fa-plus[shipseq=""]{
  display:none;
}
#planboardArea.EB.trailer #planboardArea_toolbar{
  margin-left: 700px;
  width: calc(100% - 700px) !important;
}
#planboardArea.WB.trailer #planboardArea_toolbar{
  margin-left: 600px;
  width: calc(100% - 600px) !important;
}
#planboardArea_toolbar .a-IRR-search-field{
  height: 32px !important;
}
#planboard .t-Region .t-Region-body, #planboard .t-Body-contentInner{
  padding:10px;
}
#planboard #t_Body_abovebar.t-Body-contentInner{
  padding:5px;
}
#planboard .a-Toolbar-group, #planboard .a-IRR-controlGroup {
    margin-right: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}
#planboardArea .a-IRR-reportView table tr td, #planboardArea .a-GV-table tr.a-GV-row td{
  padding: 10px !important;
}
#planboard .fixedTime{
  font-weight: bold;
}
/* Haulier styling */
#planboard .deliverysailing {
    width: 82px !important;
    display: inline-block;
}
#planboard .planHaulierClick{
  cursor: pointer;
  position: relative;
}
#planboard .planHaulierClick[haulierseq=""]{
  width:50px;
  min-height: 50px;
  display: inline;
}
#planboard .planHaulierClick[newmessages="YES"]:after{
  content: "";
  position: absolute;
  top: -5px;
  right: -7px;
  width: 7px;
  height: 7px;
  border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  box-shadow: 0px 0px 0px 1px;
}
#planboard .planHaulierClick[haulierseq=""] .planHaulier{
    font-family: 'A2B' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#planboard .planHaulierClick[haulierseq=""] .planHaulier::before {
    content: "\e913";
    font-size: 3.5em;
}
#planboard .driverOrder[haulierseq=""], #planboard .driverOrder[driverorderseq=""], #planboardArea .portyn[conpartseq=""], #planboardArea .portyn[conpartseq=""] ~ label[for="portyn"],
#planboardAreaCompleted .driverOrder[haulierseq=""], #planboardAreaCompleted .driverOrder[driverorderseq=""], #planboardAreaCompleted .portyn[conpartseq=""], #planboardAreaCompleted .portyn[conpartseq=""] ~ label[for="portyn"]{
  display: none;
}
#planboard td[headers="collectionShippingRoute"]{
  position: relative;
}
#planboardArea .shipconfirmyn[sailingseq=""], #planboardArea .shipconfirmyn[equipnr=""], #planboardArea span[warehouseyn="Y"], #planboardArea select[warehouseyn="Y"], #planboardArea .warehouse[warehouseyn="N"], #planboardArea .shipconfirmyn[equipnr=" "],
#planboardAreaCompleted .shipconfirmyn[sailingseq=""], #planboardAreaCompleted .shipconfirmyn[equipnr=""], #planboardAreaCompleted span[warehouseyn="Y"], #planboardAreaCompleted select[warehouseyn="Y"], #planboardAreaCompleted .warehouse[warehouseyn="N"], #planboardAreaCompleted .shipconfirmyn[equipnr=" "], #planboardAreaCompleted .shipconfirmyn[sailingseq=""], #planboardAreaCompleted .shipconfirmyn[equipnr=""]{
  display: none;
}
#planboardArea .warehouse[warehouseyn="Y"]{
  display: block;
  text-align: center;
  font-size: 12px;
}
#planboardArea .shipconfirmyn, #planboardAreaCompleted .shipconfirmyn{
  min-height: 10px !important;
  border:1px solid;
  float: right;
  margin-top: -18px;
  min-width: 10px;
  width: 11px;
  margin-right: 10px;
  height: 11px;
  border-radius:11px 11px 11px 11px;
  -webkit-border-radius:11px 11px 11px 11px;
  -moz-border-radius:11px 11px 11px 11px;
  cursor: pointer;
}
#planboardAreaCompleted .shipconfirmyn{
  margin-top: -12px;
}
#planboardArea .shipconfirmyn .sailingPin, #planboardAreaCompleted  .shipconfirmyn .sailingPin{
  float: right;
  margin-right: 15px;
  margin-top: -3px;
}
#planboardArea .warehouse span, #planboardAreaCompleted .warehouse span {
    display: block;
    font-size: 10px;
}
span.warehouseyn, #warehouseyn{
  display:none;
}
.warehouseyn[conpartseq=""], .warehouseyn[portyn="Y"], #planboardArea.container .warehouseyn, #planboardAreaCompleted.container .warehouseyn, #planboardArea.container .shipconfirmyn, #planboardAreaCompleted.container .shipconfirmyn, #planboardArea .shipconfirmyn[shipcol="Y"], #planboardAreaCompleted .shipconfirmyn[shipcol="Y"], #planboardArea .shipconfirmyn[shipdel="Y"], #planboardAreaCompleted .shipconfirmyn[shipdel="Y"]{
  display:none;
}
#planboardAreaCompleted  .portyn, #planboardAreaCompleted  .warehouseyn {
  position: relative;
}
#planboardArea .portyn, #planboardAreaCompleted .portyn, #planboardArea .warehouseyn, #planboardAreaCompleted .warehouseyn{
  float: left;
}
#planboardArea .warehouseyn, #planboardAreaCompleted .warehouseyn{
  float: left;
  margin-left: 54px;
}
#planboardArea .portyn input, #planboardAreaCompleted .portyn input, #planboardArea .warehouseyn input, #planboardAreaCompleted .warehouseyn input{
  min-height: 10px !important;
  float: left;
  margin-top: -21px;
  min-width: 10px;
  width: 14px;
  max-width: 14px;
}
#planboardArea label[for="portyn"], #planboardAreaCompleted label[for="portyn"], #planboardArea label[for="warehouseyn"], #planboardAreaCompleted label[for="warehouseyn"] {
  overflow: visible;
  clip: auto;
  margin-left: 20px;
  margin-top: -19px !important;
  height: auto;
  width: auto;
}
.masterPartloads .portyn input{
  min-height: 10px !important;
  float: left;
  margin-top: -2px;
  min-width: 10px;
  width: 19px;
  margin-right: 14px;
}
.masterPartloads label[for="portyn"] {
  overflow: visible;
  clip: auto;
  margin-left: -12px;
  margin-top: -3px;
  font-size: 1rem;
  position: relative;
}
#planboardArea .shipcancel[sailingseq=""], #planboardArea .shipcancel[equipnr=""], #planboardArea span[warehouseyn="Y"], #planboardArea select[warehouseyn="Y"], #planboardArea .warehouse[warehouseyn="N"], #planboardArea .shipcancel[equipnr=" "],
#planboardAreaCompleted .shipcancel[sailingseq=""], #planboardAreaCompleted .shipcancel[equipnr=""], #planboardAreaCompleted span[warehouseyn="Y"], #planboardAreaCompleted select[warehouseyn="Y"], #planboardAreaCompleted .warehouse[warehouseyn="N"], #planboardAreaCompleted .shipcancel[equipnr=" "], #planboardAreaCompleted .shipcancel[sailingseq=""], #planboardAreaCompleted .shipcancel[equipnr=""]{
  display: none;
}
#planboardArea .shipcancel, #planboardAreaCompleted .shipcancel{
  min-height: 10px !important;
  border:1px solid;
  float: left;
  margin-top: -18px;
  min-width: 10px;
  width: 11px;
  height: 11px;
  border-radius:11px 11px 11px 11px;
  -webkit-border-radius:11px 11px 11px 11px;
  -moz-border-radius:11px 11px 11px 11px;
  cursor: pointer;
}
#planboardAreaCompleted .shipcancel{
  margin-top: -12px;
}
#planboardArea .shipcancel .sailingPin, #planboardAreaCompleted  .shipcancel .sailingPin{
  float: right;
  margin-right: 15px;
  margin-top: -3px;
}
#planboard td[headers="deliveryEquip"] ul, #planboard td[headers="collectionEquip"] ul {
  position: absolute;
  border: 1px solid gray;
  list-style: none;
  margin-left: 0px;
  margin-top: 0px;
  padding: 0px;
  width: 165px;
  max-height: 92px;
  overflow: scroll;
  z-index: 9999999;
}
#planboard td[headers="deliveryEquip"] ul li, #planboard td[headers="collectionEquip"] ul li {
  border-bottom: 1px solid gray;
  padding: 5px;
}
#planboard td[headers="deliveryEquip"] ul li:last-child, #planboard td[headers="collectionEquip"] ul li:last-child {
  border-bottom: 0px none;
}
/* ACTION BOX ADD PLANNING LINE */
#planboard #actionBoxPlanningLine h1, #planboard #actionBoxPlanningLine h2, #planboard #actionBoxPlanningLine h3,
#planboard #shipmentBoxPlanningLine h1, 
#planboard #shipmentBoxPlanningLine h2,
#planboard #shipmentBoxPlanningLine h3{
  font-size: 11px;
}
#planboard .t-Region-header{
  height: 15px;
  margin-bottom: 7px;
}
#planboard .t-Region-headerItems--title {
    padding: 0px 12px;
}
#planboard #actionBoxPlanningLine:first-child .t-Region-header,
#planboard #shipmentBoxPlanningLine:first-child .t-Region-header{
  height:32px;
  margin-bottom: 0px;
}
#planboard #actionBoxPlanningLine:first-child .t-Region-header{
  padding-top:17px;
}
#planboard #actionBoxPlanningLine .t-Region-body{
  margin-top:8px;
}

#planboard #actionBoxPlanningLine .t-Region-body,
#planboard #shipmentBoxPlanningLine .t-Region-body{
  padding-top:0px;
}
#planboard #actionBoxPlanningLine input,
#planboard #shipmentBoxPlanningLine input{
  border-radius: 0px;
}
#planboard #actionBoxPlanningLine #addPlanningLine,
#planboard #actionBoxPlanningLine #addShipments,
#planboard #shipmentBoxPlanningLine #addPlanningLine,
#planboard #shipmentBoxPlanningLine #addShipments{
  height: 31px !important;
  border-radius: 31px;
  width: 31px !important;
  padding: 0px !important;
  line-height: 0px !important;
  min-width: 31px !important;
  font-weight: bold;
  margin:0px;
}
/* Shipments to be planned box */
#planboard #shipmentsBox, #planboard #shipmentsBox .collectionShipments{
  min-height: calc(100vh - 313px);
}
#planboard .hiddenTopMenu #shipmentsBox, #planboard .hiddenTopMenu #shipmentsBox .collectionShipments{
  min-height: calc(100vh - 196px);
}
#planboard #shipmentsBox.trailerfwd, #planboard #shipmentsBox.trailerfwd .collectionShipments {
    min-height: calc(100vh - 257px);
}
#planboard .hiddenTopMenu #shipmentsBox.trailerfwd, #planboard .hiddenTopMenu #shipmentsBox.trailerfwd .collectionShipments {
    min-height: calc(100vh - 140px);
}

/* Drag and drop styling */
#planboard .deliveryShipmentBox, #planboard .droppable{
  width: 200px;
  min-height: 66px;
  float: left;
}
/* SHIPMENT BLOCK STYLING */
#planboard .shipmentleg{
  text-align: left;
  width: 200px;
  height: 66px;
  z-index: 787;
  position: relative;
  font-size: 1.1rem;
  line-height: 1.4rem;
  cursor:default;
  padding: 5px;
  overflow: hidden;
}
#planboardArea .timeIndex{
  display: none;
}
#planboard .shipmentleg.ui-draggable-dragging{
  z-index: 900;
}
#planboard #shipmentsBox .collectionShipments .shipmentleg{
  margin-bottom: 5px;  
}
#planboard .shipmentleg .extrAddr {
  border-radius: 100%;
  width: 17px;
  display: inline-block;
  text-align: center;
  padding: 1px;
  font-weight: bold;
  font-size: 9px !important;
  float: right;
}
#planboard .extrAddrInfo {
  position: absolute;
  padding: 10px;
  z-index: 886;
  font-weight: normal;
  font-size: 1.2rem;
  margin: 31px 0px 0px -100px;
  width: 200px;
  text-align: left;
}
#planboard .draggableShipment{
  cursor:all-scroll;
}
#planboard .draggableShipment.ui-draggable-disabled{
  cursor:default;
}
#planboard .shipmentleg .ponumber, 
#planboard .deliveryShipmentBox .ponumber {
  cursor: pointer;
}
#planboard .shipmentIconContainer{
  position: absolute;
  right: 5px;
  bottom: 6px;  
}
#planboard .shipmentIconContainer .icon-dangerousgoods {
  font-size: 18px;
}
#planboard .shipmentIconContainer .icon-reefer {
  font-size: 18px;
}
#planboard .shipmentIconContainer span{
  margin-left: 5px;
  float: left;
}
#planboard .equipmentIndication{
  padding: 0px 5px;
  font-weight: bold;
  font-size: 10px;
}
/* Planboard input, select, textarea style */
#planboardArea th#directioncode .a-IRR-headerLink, #planboardArea th#directioncode span, #planboardArea #directioncode, #planboardArea td[headers="directioncode"], #planboardAreaCompleted th#directioncode .a-IRR-headerLink, #planboardAreaCompleted th#directioncode span, #planboardAreaCompleted #directioncode, #planboardAreaCompleted td[headers="directioncode"]{
  display: none;
}
#planboardArea select{
  width: 150px;
}
#planboardArea .timeBox, #planboardArea input, #planboardAreaCompleted .timeBox, #planboardAreaCompleted input{
  width: 75px;
  min-width: 100%;
  height: 30px;
  display: inline-block;
  min-height: 30px !important;
  border-radius: 0px;
}
#planboardArea .timeBox, #planboardAreaCompleted .timeBox{
  height: auto;
  line-height: 11px;
}
#planboardArea .timeBox span, #planboardAreaCompleted .timeBox span{
  vertical-align: middle;
  display: table-cell;
  padding-top: 2px;
}
#planboardArea .distance[val=""], #planboardAreaCompleted .distance[val=""]{
  display: none;
}
#planboardArea .distance, #planboardAreaCompleted .distance{
  font-size: 10px;
  line-height: 16px;
  height: 12px !important;
  position: absolute;
  left: 10px;
  margin-top: 26px;
}
#planboardArea .distance.warning, #planboardAreaCompleted .distance.warning{
  font-weight: bold;
}
#planboardArea .timefield, #planboardAreaCompleted .timefield{
  width: 54px !important;
  min-width: 54px !important;
}
#planboardArea .deliverySP, #planboardArea .deliveryPL, #planboardArea .collectionSP, #planboardArea .collectionPL, #planboardAreaCompleted .deliverySP, #planboardAreaCompleted .deliveryPL, #planboardAreaCompleted .collectionSP, #planboardAreaCompleted .collectionPL{
  width: 30px !important;
  min-width: 30px !important;
}
#planboardArea .display_only{
  min-height: 30px;
  border:1px solid;
  padding:6px;
  vertical-align: middle;
  display: inline-table;  
}
#planboardAreaCompleted .display_only{
  min-height: 30px;
  border:1px solid;
  padding:6px;
  display: block;
}
#planboardAreaCompleted .display_only{
  min-width: 50px;
}
#planboardArea .datepicker td, #planboardAreaCompleted .datepicker td{
  padding: 0px !important;
  border: 0px none !important;
}
#planboardArea .datepicker input, #planboardAreaCompleted .datepicker input{
  margin-right: 5px;
}
#planboardArea .editremark, #planboardAreaCompleted .editremark {
  margin-top: 40px !important;
}
#planboardArea .editremark span, #planboardArea .a-IRR-table tr td[headers="remarks"] span, #planboardAreaCompleted .editremark span, #planboardAreaCompleted .a-IRR-table tr td[headers="remarks"] span{
  font-size: 12px;
}
#planboardArea .editremark[title=""] .fa-sticky-note::before, #planboardArea .a-IRR-table tr td[headers="remarks"] .fa-sticky-note::before, #planboardAreaCompleted .editremark[title=""] .fa-sticky-note::before, #planboardAreaCompleted .a-IRR-table tr td[headers="remarks"] .fa-sticky-note::before {
  content: "\f24a";
}
#planboardArea .transportationremark, #planboardAreaCompleted .transportationremark{
  position:relative;
  float: left;
}
#planboardAreaCompleted.t-Region--scrollBody > .t-Region-bodyWrap > .t-Region-body {
  overflow: visible !important;
}
#planboardArea .transportationremark span, #planboardAreaCompleted .transportationremark span{
  position: absolute;
  padding: 5px;
  width: 185px;
  text-align: left;
  z-index: 1;
}
#planboardArea .a-IRR-table tr td[headers="collectionEquip"], #planboardAreaCompleted .a-IRR-table tr td[headers="collectionEquip"] {
  position: relative;
}
#planboardArea .a-IRR-table tr td[headers="deliveryEquip"] .equipmentIndication, #planboardArea .a-IRR-table tr td[headers="collectionEquip"] .equipmentIndication, #planboardAreaCompleted .a-IRR-table tr td[headers="deliveryEquip"] .equipmentIndication, #planboardAreaCompleted .a-IRR-table tr td[headers="collectionEquip"] .equipmentIndication{
  right: 10px;
  margin-top: 29px;
  position: absolute;
}
#planboard .equipmentIndication[val=""]{
  margin-top: 0px !important;
  display: none !important;
}
#planboardArea .conActionButton {
  border-radius: 5px 5px 5px 5px;
  padding: 5px 10px;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer */
  -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
  -webkit-user-select: none; /* Chrome, Safari, and Opera */
  -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}
#planboardArea .conActionButton[type="HIDE"], #planboardArea .conActionButton[type=""]{
  display: none;
  cursor: default;
}
#planboard .js-floatingNavs #t_Body_actions, #planboard .js-floatingNavs #planboardArea_ir .a-IRR-tableContainer tr:first-child{
    position: fixed;
    top: 166px !important;
    z-index: 789;
}
#planboard .js-floatingNavs #planboardArea_ir .a-IRR-tableContainer tr:first-child{
  left: 10px;
}
#planboard .js-floatingNavs #t_Body_actions{
  bottom: -17px;
}
#planboard .hiddenTopMenu.js-floatingNavs #t_Body_actions, #planboard .hiddenTopMenu.js-floatingNavs #planboardArea_ir .a-IRR-tableContainer tr:first-child{
    top: 45px !important;
}
#planboardArea_search_field{
  border-left: 0px none !important;
  border-right: 0px none !important;
}
/* BLOCK EDITIONABLE OF PLANNING LINE OR PART OF IT */
#planboard tr[canedit="N"] * {
    pointer-events: none;
    cursor: default;
}
#planboard tr[canedit="N"] [headers="hauliers"] * , #planboard .ponumber{
  pointer-events: initial !important;
}
#planboard td[headers="deliveryEquip"]{
  position: relative;
}
#planboard td[headers="deliveryEquip"] .fa-plus{
  display: none;  
  position: absolute;
  margin-left: -22px;
  margin-top: 7px;
  cursor: pointer;
}
#planboard td[headers="deliveryEquip"] .fa-plus[shipseq=""]{
  display: inline-block;  
}
#planboard tr[directioncode="DOEB"] td[headers="deliveryEquip"] .fa-plus, #planboard tr[directioncode="DOWB"] td[headers="deliveryEquip"] .fa-plus{
  display: none;
}
#planboard td[headers="remarks"] .fa-sticky-note[shipseqs=""], #planboard td[headers="remarks"] .fa-times-circle, #planboard .masterPartloads .fa-times-circle{
  display: none;
  cursor: pointer;
}
#planboard td[headers="remarks"] .fa-times-circle[shipseqs=""], #planboard .masterPartloads .fa-times-circle[shipseqs=""]{
  display: block;
}
#planboard td[headers="deliverySpansets"], #planboard td[headers="deliveryPlanks"], #planboard td[headers="collectionSpansets"], #planboard td[headers="collectionPlanks"]{
  position: relative;
}
#planboard .deliveryShipment.emptyLeg{
  display: none;
}
#planboard .delSPbefore, #planboard .delPLbefore, #planboard .colSPbefore, #planboard .colPLbefore {
  margin-top: 31px;
  position: absolute;
  width: 100%;
  left: 0px;
}
/* special click stuff
#planboard .specialContent{
  width:454px;
  height:404px;
  background-color: #1793ff;
  padding:15px;
  position:absolute;
  z-index:9;
}
#planboard .specialContent *{
    color:#fff;
}
#planboard td[headers="specialClickColumn"]{
    padding:0px;
}
#planboard .specialClick {
    height: 100%;
    width: 100%;
    padding: 21px;
}
#planboard .specialClick.active{
    background-color:#1791ff;
    color:#fff;
}
*/

/********* MASTER PARTLOADS STYLING *************/
#actionMasterBar .col{
  clear: unset;
  padding-left: 0px !important;
}
#actionMasterBar button.t-Button--noLabel{
  border-radius:32px 32px 32px 32px;
  -moz-border-radius:32px 32px 32px 32px;
  -webkit-border-radius:32px 32px 32px 32px;
  width: 32px !important;
  height: 32px;
  padding: 0px !important;
  min-width: 0px;
}
body[type="DELIVERY"] #STARTADDRESS, body[type="DELIVERY"] td[headers="STARTADDRESS"], body[type="DELIVERY"] #ENDADDRESS, body[type="DELIVERY"] td[headers="ENDADDRESS"], body[type="DELIVERY"] #STARTDATE, body[type="DELIVERY"] td[headers="STARTDATE"], body[type="DELIVERY"] #STARTTIME, body[type="DELIVERY"] td[headers="STARTTIME"]{
  display: none;
}
body[type="COLLECTION"] #STARTADDRESSDEL, body[type="COLLECTION"] td[headers="STARTADDRESSDEL"], body[type="COLLECTION"] #ENDADDRESSDEL, body[type="COLLECTION"] td[headers="ENDADDRESSDEL"], body[type="COLLECTION"] #ENDDATE, body[type="COLLECTION"] td[headers="ENDDATE"], body[type="COLLECTION"] #ENDTIME, body[type="COLLECTION"] td[headers="ENDTIME"]{
  display: none;
}
td[headers="STARTTIME"], td[headers="ENDTIME"] {
  width: 63px;
}
.trailerNr{
  width: 175px;
}
.totalMeters, .totalRevenue, .totalWeight{
  width: 75px;
}
.masterPartloads{
  border: 1px solid;
  margin-bottom: 5px;
}
.masterPartloads:last-child{
  margin-bottom: 0px;
}
.masterPartloads table, #partloadShipments table, #futurePartloadShipments table {
  width: 100%;
  display: table;
  position: relative;
  border-spacing: 0px;
}
.masterPartloads table:first-child {
  padding: 5px 0px;
}
.masterPartloads tr{
  width: 100%;  
}
tbody tr.partloadsRow::after {
  width: 100%;
  position: absolute;
  height: 1px;
  content: "";
  left: 0px;
}
tbody tr.partloadsRow, tr.partloadsRow.ui-sortable-helper{
  cursor: grab;
  max-height: 21px !important;
}
#partloadShipments th, #futurePartloadShipments th{
  border: 0px none;
}
.masterPartloads td{
  padding: 0px 5px;
}
tr.partloadsRow td, #partloadShipments td, #futurePartloadShipments td{
  vertical-align: top;
  line-height: 14px;
  border: 0px none;
  padding: 6px 5px;
}
tr.partloadsRow .shipmentDataBox{
  text-decoration: underline;
  cursor: pointer;
}
tr.partloadsRow.ui-sortable-helper{
  display: inline-table !important;
  cursor: grabbing;
}
.masterPartloads table tbody{
  width: 100%;
  display: inherit;
}
.masterPartloads table.partloadsContainer tbody{
  height: 32px;
}
.masterPartloadPlanning #toBePlannedBox{
  position: fixed;
  top: 275px !important;
  bottom:0px;
  overflow: auto;
  z-index: 1;
  width: calc(50vw - 34px);
}
.masterPartloadPlanning.hiddenTopMenu #toBePlannedBox, .masterPartloadPlanning.js-HeaderContracted #toBePlannedBox{
  top: 150px !important;
}
.masterPartloadPlanning.js-HeaderContracted.hiddenTopMenu #toBePlannedBox{
  top: 30px !important;
}
.masterPartloadPlanning .t-Footer{
  display: none;
}
.partloadsRow td[headers="LOADEDTIME"] input, .partloadsRow td[headers="EMPTYTIME"] input{
  width: 51px;
}
/***** PAGESTYLE SETTINGS *****/
 .a-IRR-headerLabel, .a-IRR-headerLink, #planboardArea .a-GV-table tr.a-GV-row td, #planboardAreaCompleted .a-GV-table tr.a-GV-row td{
  padding:10px;
}
.smallPageStyle .t-Region-headerItems button.t-Button{
  padding: 5px 5px 0px 5px;
  margin: 5px 0px !important;
  height: 2rem !important;
  min-height: auto !important;
}
.smallPageStyle table.standardLook tr td, .smallPageStyle .a-IRR-reportView table tr td, .smallPageStyle .a-GV-table tr.a-GV-row td{
  padding:8px !important;
  height:35px;
}
.smallPageStyle .t-Form-label{
  padding: 0px;
}
.smallPageStyle .t-Button:not(.t-Button--simple){
  padding: 1px 12px;
}
.smallPageStyle .t-Form-fieldContainer--radioButtonGroup .apex-item-radio input + label, .smallPageStyle .apex-button-group input + label, .smallPageStyle .t-Region-body .t-Button--icon{
  padding:8px 5px 0px 5px;
}
.small.t-Region-headerItems--title {
  padding: 0.4rem 8px;
}
.smallPageStyle .a-IRR-headerLabel, .smallPageStyle .a-IRR-headerLink, .smallPageStyle #planboardArea .a-GV-table tr.a-GV-row td, .smallPageStyle #planboardAreaCompleted .a-GV-table tr.a-GV-row td{
  padding:3px !important;
}
.smallPageStyle #planboardArea .a-IRR-reportView table tr td, .smallPageStyle #planboardAreaCompleted .a-IRR-reportView table tr td{
  padding:0px 3px !important;
}
.smallPageStyle #planboardArea .a-IRR-reportView table tr td, .smallPageStyle #planboardAreaCompleted .a-IRR-reportView table tr td, .smallPageStyle #planboardArea .a-IRR-table th{
  border-width: 1px !important;
  border-color: #dddbdb !important;
}
.smallPageStyle .a-GV-table tr.a-GV-row .a-GV-cell.has-button{
  padding: 0px 13px !important;
}
.smallPageStyle .a-GV-cell .a-Button.a-Button--actions {
  padding: 0px;
  height: 14px;
  width: 20px !important;
}
.smallPageStyle .buttonMargTop{
  margin-top: 21px;
}
.smallPageStyle .t-Tabs-link, .smallPageStyle .t-Region-bodyWrap .t-Region-bodyWrap, .smallPageStyle .t-Region--hideShow.is-expanded > .t-Region-bodyWrap {
  padding: 8px !important;
}
.smallPageStyle .ui-datepicker-trigger, .smallPageStyle .a-Button--calendar, .smallPageStyle .a-Button--popupLOV, .smallPageStyle .clockpicker-btn, .smallPageStyle .t-Form-inputContainer input.datepicker, .smallPageStyle .a-IRR-search-field, .smallPageStyle .t-Form-inputContainer input.password, .smallPageStyle .t-Form-inputContainer input.popup_lov, .smallPageStyle .t-Form-inputContainer input.text_field, .smallPageStyle .t-Form-inputContainer input[type="text"], .smallPageStyle .t-Form-inputContainer select.yes_no, .smallPageStyle .t-Form-inputContainer select[multiple], .smallPageStyle .t-Form-inputContainer span.display_only, .smallPageStyle .t-Form-inputContainer textarea.textarea, .smallPageStyle .u-TF-item--datepicker, .smallPageStyle .u-TF-item--text, .smallPageStyle .u-TF-item--textarea, .smallPageStyle .datepicker.apex-item-text, .smallPageStyle button, .smallPageStyle input, .smallPageStyle .t-Body-content .t-Region-body .a-Button, .smallPageStyle #planboardArea_toolbar .a-IRR-search-field {
  padding: .4rem;
  min-height: 2.6rem !important;
  height: auto !important;
}
.smallPageStyle .t-Region-headerItems button.t-Button--hideShow, .smallPageStyle .t-Button--hideShow{
  min-height: 15px !important;
  min-width: 15px !important;
  height: 15px !important;
  width: 15px !important;
  margin: 4px 0px !important;
}
.smallPageStyle .t-Button--hideShow .a-Icon::before {
  margin-left: -4px;
  line-height: 14px;
}
.smallPageStyle .a-Button--popupLOV {
  padding-top: 3px !important;
}
.smallPageStyle .t-Form-inputContainer select.selectlist, .smallPageStyle .a-IRR-selectList[size="1"], .smallPageStyle .u-TF-item--select {
  padding: .3rem;
  min-height: 2rem;
  height: auto;
  padding-right: 26px;
}
.smallPageStyle .t-Region-headerItems--buttons button{
  padding: 5px 8px 0px 4px;
  min-height: 0rem;
  line-height: 0.8rem !important;
}
.smallPageStyle .t-Form-inputContainer .a-Button.ui-datepicker-trigger{
  padding-top:4px;
}
.smallPageStyle .t-Form-inputContainer .apex-item-icon{
  min-height: 2rem;
  height: auto;
  left: 18px;
}
.smallPageStyle .t-Body-content .t-Region-body .t-Form-inputContainer label.a-Button, .smallPageStyle .t-Dialog label.a-Button {
  height: 2.6rem;
  line-height: 1.8rem;
}
.smallPageStyle .t-Form-inputContainer .apex-item-icon{
  line-height: 1.8rem;
}
.smallPageStyle .t-Form-fieldContainer .apex-item-has-icon {
  padding-left: 21px !important;
}
.smallPageStyle .t-Region-headerItems--title {
  padding: 4px 8px;
}
.smallPageStyle button .fa{
  font-size:13px;
  margin-top: 2px;
}
.smallPageStyle .t-Region-body button .fa{
  margin-top: -3px;
}
.smallPageStyle .t-Body-rightmenu #buttonRegion button{
  padding: 6px;
  margin: 0px 11px 10px 0px;
}
.smallPageStyle .t-Body-rightmenu #buttonRegion button.t-Button--hot{
  margin: 0px 0px 10px 11px;
}
.smallPageStyle .t-Body-actionsContent button, .smallPageStyle .side_menu .t-LinksList-link{
  height: 30px;
}
.smallPageStyle .t-LinksList-label{
  padding: 3px 12px;
}
#planboard .smallPageStyle .shipmentleg {
  height: 55px;
  font-size: 11px;
  line-height: 1.3rem;
  padding: 3px;
}
#planboard .smallPageStyle .shipmentIconContainer{
  right: 3px;
  bottom: 3px;
}
#planboard .smallPageStyle #staticsCollection{
  font-size: 14px;
  line-height:24px;  
}
#planboard .smallPageStyle .shipmentIconContainer span {
  margin-left: 3px;
}
#planboard .smallPageStyle .equipmentIndication {
  padding: 0px 3px;
  margin-top: 22px !important;
}
#planboard .smallPageStyle .delSPbefore, #planboard .smallPageStyle .delPLbefore, #planboard .smallPageStyle .colSPbefore, #planboard .smallPageStyle .colPLbefore {
  margin-top: 24px;
}
#planboard .smallPageStyle .deliveryShipmentBox, #planboard .smallPageStyle .droppable {
  min-height: 55px;
}
#planboard .smallPageStyle #shipmentsBox .collectionShipments .shipmentleg {
    margin-bottom: 2px;
}
#planboard .smallPageStyle .a-IRR-table th, #planboard .smallPageStyle .a-IRR-table th a, #planboard .smallPageStyle .a-IRR-table th span {
  font-size: 11px;
  line-height: 13px;
}
#planboard .smallPageStyle td[headers="deliveryEquip"] .fa-plus{
  margin-top:3px;
}
.smallPageStyle #planboardArea .timeBox, .smallPageStyle #planboardArea input, .smallPageStyle #planboardArea select, .smallPageStyle #planboardAreaCompleted .timeBox, .smallPageStyle #planboardAreaCompleted input, .smallPageStyle #planboardAreaCompleted select {
  height: 23px !important;
  min-height: 23px !important;
  line-height: 1.1em;
  padding: 0px 5px;
}
.smallPageStyle #planboardArea_toolbar button, .smallPageStyle #planboardArea_toolbar .a-IRR-search-field{
  padding: 3px;
  min-height: 1.6rem !important;
}
#planboard .smallPageStyle #actionBoxPlanningLine #addPlanningLine, #planboard .smallPageStyle #actionBoxPlanningLine #addShipments,
#planboard .smallPageStyle #shipmentBoxPlanningLine #addPlanningLine, #planboard .smallPageStyle #shipmentBoxPlanningLine #addShipments{
  height: 26px !important;
  min-width: 26px !important;
  width: 26px !important;
}
.smallPageStyle #planboardArea .display_only, .smallPageStyle #planboardAreaCompleted .display_only{
  min-height: 23px !important;
  line-height: 1.1em;
}
.mediumPageStyle table.standardLook tr td, .mediumPageStyle .a-IRR-reportView table tr td, .mediumPageStyle .a-GV-table tr.a-GV-row td{
  padding:11px !important;
  height:35px;
}
.mediumPageStyle .a-GV-cell .a-Button.a-Button--actions {
  padding: 0px;
  height: 14px;
}
.mediumPageStyle .a-GV-table tr.a-GV-row .a-GV-cell.has-button{
  padding: 0px 13px !important;
}
.mediumPageStyle .a-IRR-headerLabel, .mediumPageStyle .a-IRR-headerLink, .mediumPageStyle #planboardArea .a-GV-table tr.a-GV-row td, .mediumPageStyle #planboardAreaCompleted .a-GV-table tr.a-GV-row td{
  padding:11px !important;
}
.mediumPageStyle #planboardArea .a-IRR-reportView table tr td, .mediumPageStyle #planboardAreaCompleted .a-IRR-reportView table tr td{
  padding:11px 10px !important;
}
.largePageStyle #planboardArea .a-IRR-reportView table tr td, .largePageStyle #planboardArea .a-GV-table tr.a-GV-row td, .largePageStyle #planboardAreaCompleted .a-IRR-reportView table tr td, .largePageStyle #planboardAreaCompleted .a-GV-table tr.a-GV-row td{
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.smallPageStyle .compactRegion .t-Region-bodyWrap, .mediumPageStyle .compactRegion .t-Region-bodyWrap, .largePageStyle .compactRegion .t-Region-bodyWrap, .compactRegion .t-Region-bodyWrap{
  padding:0px !important;
}
/** PLANBOARD COLUMN STYLING WHICH MUST BE MORE IMPORTANT THEN ANYTHING! **/
#planboard .hiddenTopMenu.js-floatingNavs #planboardArea_ir .a-IRR-tableContainer tr:first-child span, #planboard .hiddenTopMenu.js-floatingNavs #planboardArea_ir .a-IRR-tableContainer tr:first-child a, #planboard .js-floatingNavs #planboardArea_ir .a-IRR-tableContainer tr:first-child span, #planboard .js-floatingNavs #planboardArea_ir .a-IRR-tableContainer tr:first-child a, #planboard .hiddenTopMenu.js-floatingNavs #planboardAreaCompleted_ir .a-IRR-tableContainer tr:first-child span, #planboard .hiddenTopMenu.js-floatingNavs #planboardAreaCompleted_ir .a-IRR-tableContainer tr:first-child a, #planboard .js-floatingNavs #planboardAreaCompleted_ir .a-IRR-tableContainer tr:first-child span, #planboard .js-floatingNavs #planboardAreaCompleted_ir .a-IRR-tableContainer tr:first-child a{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#planboard th#deliveryRemark .a-IRR-headerLink, #planboard th#collectionRemark .a-IRR-headerLink, #planboard th#remarks .a-IRR-headerLink, #planboard th#deliveryRemark span, #planboard th#collectionRemark span, #planboard th#remarks span, #planboard #planboardArea .a-IRR-table tr td[headers="deliveryRemark"], #planboard #planboardArea .a-IRR-table tr td[headers="collectionRemark"], #planboard #planboardArea .a-IRR-table tr td[headers="remarks"], #planboard #planboardAreaCompleted .a-IRR-table tr td[headers="deliveryRemark"], #planboard #planboardAreaCompleted .a-IRR-table tr td[headers="collectionRemark"], #planboard #planboardAreaCompleted .a-IRR-table tr td[headers="remarks"]{
  padding-right: 0px !important;
}
#planboard th#deliveryTransporation .a-IRR-headerLink, #planboard th#deliveryTransporation span, #planboard #planboardArea .a-IRR-table tr td[headers="deliveryTransporation"], #planboard #planboardArea .a-IRR-table tr td[headers="collectionTransporation"], #planboard #planboardAreaCompleted .a-IRR-table tr td[headers="deliveryTransporation"], #planboard #planboardAreaCompleted .a-IRR-table tr td[headers="collectionTransporation"]{
  padding-left: 5px !important;
}
/** Override all **/
.lockField,body input.lockField, body select.lockField, body textarea.lockField, body .t-Form-inputContainer input[type="text"].lockField, body .t-Form-inputContainer input.text_field.lockField, body .t-Form-inputContainer input.password.lockField, body .t-Form-inputContainer textarea.textarea.lockField, body .t-Form-inputContainer input.datepicker.lockField, body .t-Form-inputContainer span.display_only.lockField, body .t-Form-inputContainer input.popup_lov.lockField, body .t-Form-inputContainer select.lockField, body .u-TF-item--text.lockField, body .u-TF-item--textarea.lockField, body .u-TF-item--datepicker.lockField, body .u-TF-item--select.lockField, body .datepicker.apex-item-text.lockField, body .lockField label{
  pointer-events:none;
  color: #000000 !important;
  border-color: #dddddd !important;
}
body .lockField input:checked + label{
  pointer-events:none;
  border-color: #dddddd !important;
  background-color: #dddddd !important;
}
.noPadding{
  padding:0px !important;
}
.t-Form-inputContainer span.display_only.noMinHeight, .noMinHeight{
  min-height: auto !important;
  height: auto !important;
}
.t-Form-inputContainer span.display_only.noBorder, .noBorder{
  border:0px !important;
  border-style: none !important;
}
.t-Form-inputContainer span.display_only.notBold, .notBold{
  font-weight: normal !important;
}
body .t-Region-hideShow-special .t-Region-bodyWrap, body .t-Region-hideShow-special.is-expanded .t-Region-bodyWrap{
  padding: 0px !important;
}
.t-Region-hideShow-special .t-Region-body{
  padding: 8px !important;
}
#planboard .smallPageStyle #planboardAreaCompleted .equipmentIndication, #planboard #planboardAreaCompleted .equipmentIndication{
  margin-top: 0px !important;
}
#planboard .smallPageStyle #planboardAreaCompleted .distance , #planboard #planboardAreaCompleted .distance {
  margin-top: 2px !important;
}
#planboard #planboardAreaCompleted .delSPbefore, #planboard #planboardAreaCompleted .delPLbefore, #planboard #planboardAreaCompleted .colSPbefore, #planboard #planboardAreaCompleted .colPLbefore, #planboard .smallPageStyle #planboardAreaCompleted .delSPbefore, #planboard .smallPageStyle #planboardAreaCompleted .delPLbefore, #planboard .smallPageStyle #planboardAreaCompleted .colSPbefore, #planboard .smallPageStyle #planboardAreaCompleted .colPLbefore  {
  margin-top: 0px;
}
.apex-side-nav.js-navCollapsed .t-Body-nav, .apex-side-nav.js-navCollapsed .t-Body-nav .t-TreeNav {
  width: 48px;
}
:not(.u-RTL) .apex-side-nav.js-navCollapsed .t-Body-content, :not(.u-RTL) .apex-side-nav.js-navCollapsed .t-Body-title, :not(.u-RTL) .apex-side-nav.js-navCollapsed .t-Body-side {
  margin-left: 48px;
}
.u-RTL .apex-side-nav.js-navCollapsed .t-Body-content, .u-RTL .apex-side-nav.js-navCollapsed .t-Body-title, .u-RTL .apex-side-nav.js-navCollapsed .t-Body-side {
  margin-right: 48px;
}
.topMainMenu li {
  font-family: Verdana;
}
button, input, select, textarea {
  font-family: Verdana;
}
#planboardArea input.sailingdate {
  width: 48px;
  min-width: 48px;
}
#planboardArea input.changeoverdate {
  width: 48px;
  min-width: 48px;
}