/*---------- BASE ----------*/

html {
    background-color: #E0E0E0;
    height: 100%;
}

body {
    height: 100%;
}

/*---------- HELPERS ----------*/

.xstDisplayNone {
    display: none;
}

.uc0301LabelLarge {
    font-size: 12pt;
}

.sty2024SplitterSeparator {
    background-color: silver;
}

.ba2023FileItem {
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    float: left;
    margin-bottom: 1em;
    margin-right: 1em;
    overflow: hidden;
    padding: 0.25em;
    width: 25em;
}

/*---------- USERCONTROL: ATTACHMENTCONTROL ----------*/

.ds0401AttachmentControl {
    display: inline-block;
    margin-right: 1em;
}

/*---------- USERCONTROL: BOOKINGPANEL ----------*/

.xx0401BookingPanel {
    min-height: 45em;
    padding: 1em;
}

.xx0401BookingPanelContent {
    min-height: 25em;
}

.xx0401BookingPanelImage {
    text-align: center;
}

/*---------- USERCONTROL: BOOKINGPANELTAB ----------*/

.ds0401BookingPanelTabContent {
    overflow: hidden;
    width: 40em;
}

/*---------- USERCONTROL: FILEREFERENCE ----------*/

.ds0401FileReference {
    background-color: #ffffff;
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    padding: 0.5em;
}

.ds0401FileReference:not(:first-child) {
    margin-top: 1em;
}

.ds0401FileReferenceContent {
    overflow-x: hidden;
}

.ds0401FileReferenceHeader:hover {
    background-color: #EFEBED;
}

.ds0401FileReferenceLink {
    color: #707070;
    font-weight: bold;
    text-decoration: none;
}

/*---------- USERCONTROL: PROCESSTOOLBAR ----------*/

.xx0401ProcessToolbarButton {
    width: 15em;
}

.xx0401ProcessToolbarButtonNext {
    margin-left: 1em;
    width: 15em;
}

/*---------- PAGE PROCESS ----------*/

.ds0401ProcessErrorPanel {
    width: 17em;
}

.ds0401ProcessMainPanel {
    padding: 1em;
    width: 50em;
}

.ds0401ProcessBookingPanel {
    border-right-color: silver;
    border-right-style: solid;
    border-right-width: 1px;
    width: 25em;
}

/*---------- PAGE: SYSTOOLS ----------*/

.ds0401SystemPage {
    margin: 1em;
}

/* STYLE 2022-08-01 */


























/*---------- USERCONTROL: CODECONTROL ----------*/

.st1002CodeControlTextBoxDiv {
    margin-top: 1em;
}

/*---------- USERCONTROL: EMAILCONTROL ----------*/

.st0825EmailAttachmentsDiv {
    border-top-color: silver;
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 1em;
    padding-top: 1em;
}

.st0825EmailBodyDiv {
    border-top-color: silver;
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 1em;
    padding-top: 1em;
}

.st0825EmailContainerDiv {
    padding: 1em;
}

.st0825EmailContentDiv {
    background-color: white;
    margin-top: 1em;
    padding: 1em;
}

.st0825EmailMarginDiv {
    margin-right: 0.5em;
}

.st0825EmailTextDiv {
    margin-top: 0.5em;
}

/*---------- PAGE: APPOINTMENTCOMPLETE ----------*/

.st1002AppointmentCompleteCodeDiv {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.st1002AppointmentCompleteControlDiv {
    background-color: #FFFFFF;
    border-color: silver;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    padding: 1em;
    text-align: center;
    width: 30em;
}

.st1002AppointmentCompleteDescrDiv {
    background-color: #FFFFFF;
    border-color: silver;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    padding: 1em;
    text-align: center;
    width: 30em;
}

.st1002AppointmentCompleteFooterDiv {
    background-color: #FFFFFF;
    border-color: silver;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5em;
    padding: 1em;
    text-align: center;
    width: 20em;
}

.st1002AppointmentCompleteInvalidCodeDiv {
    margin-bottom: 2em;
    margin-top: 1em;
}

.st1002AppointmentCompleteSaveButtonDiv {
    margin-left: auto;
    margin-right: auto;
    width: 10em;
}

































/*---------- RECORDINFO ----------*/

.bbRecordInfoImage {
    width: 0.5em;
}

/*---------- BOOKING ----------*/


.fx3000DefaultPlatform {
    margin-top: 2em;
}

.fx3000DefaultPlatform a {
    color: black;
}

    .fx3000DefaultPlatform a:hover {
        font-weight: bold;
    }

/*---------- BUTTON ----------*/


.fx3000ButtonDiv {
    margin-left: 1em;
}

.fx3000ButtonSmall {
    background-repeat: no-repeat;
    border-radius: 5px;
    padding: 0.15em;
    width: 100%;
}

/*---------- BUTTONSERVER ----------*/

.fx3000ButtonServer {
    background-color: #1F73B7;
    border-color: silver;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    width: 100%;
}

/*---------- CONFIG ----------*/

.fx3000Config {
    border-left-color: silver;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: silver;
    border-right-style: solid;
    border-right-width: 1px;
    margin-left: auto;
    margin-right: auto;
    width: 90em;
}

.fx3000ConfigSmall {
    border-left-color: silver;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: silver;
    border-right-style: solid;
    border-right-width: 1px;
    margin-left: auto;
    margin-right: auto;
    width: 40em;
}

.fx3000ConfigMedium {
    border-left-color: silver;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: silver;
    border-right-style: solid;
    border-right-width: 1px;
    margin-left: auto;
    margin-right: auto;
    width: 50em;
}

.fx3000ConfigLarge {
    border-left-color: silver;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: silver;
    border-right-style: solid;
    border-right-width: 1px;
    margin-left: auto;
    margin-right: auto;
    width: 100em;
}

/*---------- CONFIRMATION ----------*/

.fx3000ConfirmationControlButton {
    width: 12em;
}

.fx3000ConfirmationControlCheck {
    margin-right: 3em;
    vertical-align: top;
}

.fx3000ConfirmationControlDiv {
    background-color: #FFFFFF;
    border-color: silver;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    padding: 1em;
    width: 40em;
}

.fx3000ConfirmationDiv {
    background-color: #FFFFFF;
    border-color: silver;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    padding: 1em;
    width: 50em;
}

.st1002AppointmentCompleteDiv {
    background-color: #FFFFFF;
    border-color: silver;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    width: 20em;
}

.fx3000ConfirmationFooter {
    background-color: #FFFFFF;
    border-color: silver;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    padding: 1em;
    text-align: center;
    width: 40em;
}

/*---------- DEFAULT ----------*/

.fx3000DefaultBackground {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    bottom: 1.5em;
    position: absolute; 
    top: 2.15em; 
    width: 100%;
}

.fx3000DefaultButton {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5em;
    width: 15em;
}

.fx3000DefaultButton:not(:first-child) {
    margin-top: 1em;
}

.fx3000DefaultControl {
    margin-left: auto; 
    margin-right:auto; 
    margin-top: 1em;
    width: 20em;
}

.fx3000DefaultFooter {
    background-color: white;
    border-top-style: solid;
    border-top-color: black;
    border-top-width: 1px;
    bottom: 0em;
    color: black;
    height: 1.5em;
    padding-left: 0.3em;
    position: fixed;
    width: 100%;
}

.fx3000DefaultHeader {
    margin-bottom: 1em;
}

.fx3000DefaultHeaderText {
    font-size: 12pt;
}

.fx3000DefaultLoginDiv {
    -moz-box-shadow: 0 0 20px #CCC;
    -webkit-box-shadow: 0 0 20px #CCC;
    background-color: white;
    border-color:silver;
    box-shadow: 0 0 20px #CCC;
    left: 50%;
    padding: 1.5em;
    position: fixed;
    text-align: center;
    top: 40%;
    transform: translate(-50%, -50%);
    width: 20em;
}

.fx3000DefaultValidation {
    color: red;
    font-weight:bold;
    margin-top: 1em;
}

/*---------- DIALOG ----------*/

.fx3000DialogConfirm {
    margin-top: 1em;
    width: 12em;
}

.fx3000DialogControls {
    width: 72em;
}

.fx3000DialogResult {
    margin-top: 2em;
}

/*---------- DISCONNECT ----------*/

.fx3000Disconnect {
    padding-left: 1em; 
    padding-top: 1em; 
}

.fx3000DisconnectLabel {
    font-size: 12pt;
    font-weight: bold;
}

.fx3000DisconnectLink {
    font-size: 12pt;
}

.fx3000DisconnectLinkDiv {
    margin-top: 2em;
}

/*---------- EDITPANEL ----------*/

.fx3000EditPanelLine {
    margin-top: 5em;
    margin-bottom: 1em;
}

.fx3000EditPanelToolbar {
    margin-top: 1em;
}

.fx3000EditPanelToolbar2 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 3em;
    width: 130em;
}

/*---------- EDITTOOLBAR ----------*/

.fx3000EditToolbarButton {
    width: 3em;
}

.fx3000EditToolbarButtonDiscard {
    margin-left: 2em;
    width: 10em;
}

.fx3000EditToolbarButtonMargin1 {
    margin-left: 1em;
    width: 3em;
}

.fx3000EditToolbarButtonMargin2 {
    margin-left: 2em;
    width: 3em;
}

.fx3000EditToolbarButtonMargin3 {
    margin-left: 3em;
    width: 3em;
}

.fx3000EditToolbarButtonSave {
    margin-left: 1em;
    width: 10em;
}

.fx3000EditToolbarDateEdit {
    margin-left: 0.5em;
}

.fx3000EditToolbarDateImage {
    margin-left: 2em;
}

.fx3000EditToolbarDateText {
    margin-left: 0.5em;
}

.fx3000EditToolbarIndex {
    margin-left: 1em;
    text-align: center;
}

/*---------- EXCEPTION ----------*/

.fx3000ExceptionDescr {
    font-size: 14pt;
}

.fx3000ExceptionDiv {
    padding-left: 1em; 
    padding-top: 1em; 
}

.fx3000ExceptionHeader {
    color: red;
    font-size: 18pt;
}

.fx3000ExceptionRequest {
    font-size: 12pt;
}

/*---------- FILE ----------*/

.fx3000FileMain {
    border-top-color: silver;
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 1em;
    padding-top: 1px;
}

.fx3000FileRibbon {
    background-color: #FFFFFF;
}

.fx3000FileRibbonClose {
    border-left-color: silver;
    border-left-style: solid;
    border-left-width: 1px;
}

.fx3000FileRibbonHeader {
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1em;
    width: 40em;
}

.fx3000FileRibbonToolbar {
    border-left-color: silver;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: silver;
    border-right-style: solid;
    border-right-width: 1px;
    padding-left: 1em;
    padding-right: 1em;
}

.fx3000FileRibbonUpload {
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
}

/*---------- FILENEW ----------*/

.fx3000FileNewDiv {
    background-color: #FFFFFF;
    border-color: silver;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    width: 40em;
}

.fx3000FileNewCaption {
    margin-top: 2em;
}

.fx3000FileNewContent {
    padding-left: 1em;
    padding-right: 1em;
}

.fx3000FileNewGrid {
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    margin-left: 2em;
    margin-right: 2em;
    margin-top: 2em;
}

/*---------- FLEETSUPPORT ----------*/

.fx3000FleetSupportDiv {
    background-color: #FFFFFF;
    border-color: silver;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    width: 95em;
}

.fx3000FleetSupportContent {
    padding-left: 1em;
    padding-right: 1em;
}

/*---------- FRAME ----------*/

.fx5000FrameBlock {
    margin-top: 1em;
}

.fx5000FrameBlock2 {
    margin-right: 2em;
    margin-top: 1em;
}

.fx5000FrameBlock:last-child {
    margin-bottom: 2em;
}

.fx3000FrameBlockLeft {
    padding-right: 1em;
}

.fx3000FrameBlockRight {
    border-left-color: black;
    border-left-style: solid;
    border-left-width: 1px;
    padding-left: 1em;
    width: 15em;
}

.fx3000FrameBorder {
    background-color: #ffffff;
    border-color: silver;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
}

.fx3000FrameBorderTop {
    background-color: #ffffff;
    border-top-color: silver;
    border-top-style: solid;
    border-top-width: 1px;
}

.fx3000FrameBoundMenu {
    margin-right: 0.5em;
    margin-top: 0.5em;
}

.fx3000FrameBoundPreview {
    background-color: lightyellow;
    border-color: silver; 
    border-style: solid; 
    border-width: 1px; 
    margin-bottom: 1em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding: 0.5em;
}

.fx3000FrameContent {
    margin-left: 1em;
    margin-right: 1em;
}

.fx3000FrameContentSingle {
    margin-bottom: 1em;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
}

.sty2023GridView {
    border-bottom-color: silver;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-color: silver;
    border-top-style: solid;
    border-top-width: 1px;
}

.fx3000FrameGridControl {
    border-bottom-color: silver;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-color: silver;
    border-top-style: solid;
    border-top-width: 1px;
    margin-bottom: 2em;
    margin-top: 2em;
}

.fx3000FrameGridControl2 {
    border-bottom-color: silver;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-color: silver;
    border-top-style: solid;
    border-top-width: 1px;
    overflow-y: scroll;
}

.Fx7001FrameGridControl {
    border-bottom-color: silver;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-color: silver;
    border-top-style: solid;
    border-top-width: 1px;
    margin-bottom: 2em;
    margin-top: 1em;
}

.fx3000FrameLine {
    margin-bottom: 1em;
}

.fx3000FrameLinkContent {
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
    overflow: hidden;
}

.fx3000FrameMapControl {
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 2em;
    margin-top: 2em;
}

.fx3000FrameScheduler {
/*    border-bottom-color: silver;
    border-bottom-style: solid;
    border-bottom-width: 1px;
*/}

.f30009FrameWebFrame {
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    width: 100%;
}

.f30009FrameWebPanelLink {
    margin-top: 1em;
    text-align: right;
}

/*---------- FRAMEHEADER ----------*/

.fx3000FrameHeader {
    margin-left: 0.5em;
    margin-right: 1em;
    margin-top: 0.5em;
}

.fx3000FrameHeaderCaption {
    color: #707070;
    font-size: 12pt;
    font-weight: bold;
}

.fx3000FrameHeaderCaption {
    color: #707070;
    font-size: 12pt;
    font-weight: bold;
}


.st1221PanelControls {
    width: 72em;
}

.style_20231129_DialogRightPanel {
    margin-left: 1em;
    width: 20em;
}

.st1221RightPanel {
    width: 20em;
}

.fx3000FrameHeaderInfo {
    color: #707070;
    font-size: 12pt;
}

/*---------- FRAMELOGBOOKEDIT ----------*/

.fx3000FrameLogbookEditMap {
    margin-left: 2em;
}

/*---------- LISTBOX ----------*/

.fx3000ListBox {
    border-bottom-color: silver;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-style: solid; 
    border-top-color: silver;
    border-top-width: 1px;
    margin-bottom: 2em; 
    margin-top: 2em; 
    overflow-x: auto;
}

/*---------- RECORDPANELLIST ----------*/

.fx3000RecordPanelList {
    margin-top: 1em;
}

.fx3000RecordPanelListButton {
    float: left;
    margin-left: 0.5em;
}

/*---------- RIBBON ----------*/

.fx3000Ribbon {
    border-bottom-color: silver;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.fx3000RibbonItem {
    height: 5em;
    padding-bottom: 0.5em;
    padding-top: 0.25em;
}

/*---------- ROOT ----------*/

.fx3000RootFontLarge {
    font-size: 12pt;
}

.fx3000RootHeader {
    background-color: white;
    border-bottom-style: solid;
    border-bottom-color: silver;
    border-bottom-width: 1px;
    height:3em;
    display: table;
    width: 100%;
}

.fx3000RootHeaderBlock {
    display: table-cell;
    /*    border-left-style: solid;
    border-left-color: #000000;
    border-left-width: 1px;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-top: 0.1em;
    padding-right: 0.5em;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;*/
}

.fx3000RootHeaderBlock2 {
/*    border-left-style: solid;
    border-left-color: lightgray;
    border-left-width: 1px;
    display: table-cell;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-top: 0.5em;
    padding-right: 1em;
    width: 100%;*/
/*    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
*/}

.fx3000RootHeaderBlock a
{
    color: black;
}

.fx3000RootHeaderBlock a:hover
{
    font-weight: bold;
}

.fx3000RootHeaderBlockDiv
{
/*    width: 15em;*/
}

.fx3000RootHeaderImage
{
/*    display: inline-block;*/
}

.fx3000RootHeaderLabel
{
/*    display: inline-block;
    margin-left: 0.25em;*/
}

.fx3000RootHeaderLogo {
/*    border: none;
    max-height: 3em;*/
}

.fx3000RootHeaderLogout 
{
/*    border-left-style: solid;
    border-left-color: #000000;
    border-left-width: 1px;
    display: table-cell;
    padding-left: 0.5em;
    padding-top: 0.25em;
    padding-right: 0.5em;
    vertical-align: top;
    width: 4em;*/
}

.fx3000RootHeaderTitle
{
/*    display: table-cell;
    padding-left: 0.3em;
    padding-right: 10em;*/
/*    padding-top: 0.3em;
    vertical-align: top;*/
/*    width: 100%;
*/}

/*---------- SPLITTER ----------*/

.fx3000SplitterFrame {
    margin-bottom: 1em;
}

.fx3000plitterFrameLarge {
    margin-bottom: 3em;
}

/*---------- HELPERS ----------*/

.fx2021MarginTop1 {
    margin-top: 1em;
}

/*---------- FRAME ----------*/

.nyc2020Frame {
    background-color: white;
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
}

.nyc2020FrameContent {
    padding: 1em;
}

.nyc2020MenuTop {
    display: table;
    margin-bottom: 1em;
}

/*---------- ROOTSLIDER ----------*/

#container {
    height: 500px;
    padding: 20px;
    position: relative;
}

#drawer {
    height: 100%;
    overflow-x: hidden; /* Needed for initial hidden state */
    overflow-y:hidden;
    position: absolute;
    right: 0;
    top: 0;
}

#drawer > div {
    border: solid;
    border-color: black;
    border-width: 1px;
    float: left;
    height: 500px;
}

#drawer-content {
    background-color: lightyellow;
    margin-right: -510px; /* -width */
    padding: 1em;
    width: 500px;
}

#CloseButton {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
	padding: 10px 10px 15px;
	color: #fff;
	background-color: #036;
    border-radius: 0 0 0 10px;
}

#CloseButton a {
	color: #fff;
	text-decoration: none;
}