BODY, HTML
{
    font-size:12px;
    font-family:verdana,tahoma,helvetica,Sans-Serif;
}
    html body .ramps_data .ccx-panel-body {
        background-color: #fff !important;
        border-radius: 8px !important;
        overflow: hidden;
    }
.ramp_main {
    display: flex;
    align-items: center;
    justify-content: left;
    padding-bottom: 4px;
}
.ramp_details{
    padding: 15px;
}
.ramps_data .ccx-modal-panel.ccx-panel-fit {
    border-radius: 6px;
}
.ramp_main .ramp_label {
    font-weight: 600;
    min-width: 35%;
    padding-right: 10px;
}
    /* Rule to fix quirks-mode inheritance behavior (Mozilla) */
    table, caption {
        font-size: inherit;
        font-weight: inherit;
        font-style: inherit;
        font-variant: inherit;
    }
.ramps_footer {
    text-align: end !important;
    padding: 0px 10px !important;
}
    .ramps_footer input {
        padding: 7px 21px;
        border-radius: 4px;
        border: 1px solid #d5d7dd;
        cursor: pointer;
        background-color: transparent;
        color: #2d84fb;
    }

/* fix difference in textbox border between browsers */
input[type=text], input[type=password], input[type=email], input[type=url],
input[type=number], input[type=search], input[type=tel], input[type=date] {
    border: 1px solid #d5d7dd;
}

/* scrolling in tabs */
.ajax__tab_body
{
    overflow:auto;
}

/* space to border for ccx-panel-fit in tabs */
.ajax__tab_container> .ajax__tab_body > .ajax__tab_panel > .ccx-panel-fit
{
    margin:10px;
}
.ajax__tab_container> .ajax__tab_body > .ajax__tab_panel > .ccx-panel-fit-horizontal
{
    margin-left:10px;
    margin-right:10px;
}
.ajax__tab_container> .ajax__tab_body > .ajax__tab_panel > .ccx-panel-fit-vertical
{
    margin-top:10px;
    margin-bottom:10px;
}
.dialouge_share td.dxgv{
    border: none !important;
}


/* panel layout managing (testing) */

.ajax__tab_xp.ajax__tab_container > .ajax__tab_body
{
    padding:10px; /* adjust to global padding */
}
.ajax__tab_panel
{
    /*position:static; /* make panel-fit work in tabs */
}


IFRAME
{
    border: 0 none;
}


/* non ajax tabs */

/*
.ccx-tab
{
    position:relative;
}
.ccx-tab-header
{
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    height:20px;
}
.ccx-tab-header > *
{
    float:left;
}
.ccx-tab-header A
{
    display:block;
    float:left;
    height:20px;
    border:1px solid #000000;
    padding-left:4px;
    padding-right:4px;
    border:1px solid #000000;
    margin-right:2px;
}
.ccx-tab-header A.ccx-tab-active
{
}
.ccx-tab-content
{
    position:absolute;
    top:21px;
    left:0px;
    right:0px;
    bottom:0px;
    border:1px solid #000000;
}

*/


/* panel properties */

.ccx-panel-jsnoscroll
{
    overflow:hidden;
}
.ccx-panel-scroll
{
    overflow:auto;
}

div.ccx-panel-bordered
{
    border:1px solid #000000;
    background-color:#ffffff;
    color: #000000;
}
div.ccx-panel-bordered a
{
    color: #000000;
}
.ccx-panel-fit
{
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    /*overflow:auto;*/
    /*margin:10px;*/
}
.ccx-panel-fit > .ajax__tab_body
{
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    margin-top:21px; /* header height */
}
TEXTAREA.ccx-panel-fit
{
    position:absolute;
    left:0px;
    right:auto;
    top:0px;
    bottom:auto;
    width:100%;
    height:100%;
}

.ccx-panel-fit-horizontal
{
    position:absolute;
    left:0px;
    right:0px;
    /*margin:10px;*/
}
.ccx-panel-fit-horizontal > .ajax__tab_body
{
    position:absolute;
    left:0px;
    right:0px;
    /*margin-top:21px; /* header height */
}

.ccx-panel-fit-vertical
{
    position:absolute;
    top:0px;
    bottom:0px;
    /*margin:10px;*/
}
.ccx-panel-fit-vertical > .ajax__tab_body
{
    position:absolute;
    top:0px;
    bottom:0px;
    margin-top:21px; /* header height */
}


/*
.ccx-panel-padded
{
    padding:10px;
}
.ccx-panel-padded > .ccx-panel-fit
{
    margin:10px;
}
.ccx-panel-padded > .ccx-panel-fit-horizontal
{
    margin:10px;
}
*/

/* panel header */

.ccx-panel-withheader {
    position:relative;
    left:auto;
    right:auto;
    top:22px;
    bottom:auto;
    margin-bottom:22px;
}
.ccx-panel-fit > .ccx-panel-withheader {
    position:absolute;
    left:0;
    right:0;
    top:22px;
    bottom:0;
    margin-bottom:0px;
}
.ccx-panel-header
{
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    height:20px;
    border:1px solid #000000;
}

.ccx-panel-singleheader
{
    position:relative;
    padding-top:10px;
    padding-bottom:10px;
    border:1px solid #000000;
}

/* panel bottom bars */

/*
.ccx-panel-withbottombar
{
    position:absolute;
    top:0px;
    bottom:41px;
    left:0px;
    right:0px;
}
.ccx-panel-bottombar
{
    vertical-align:middle;
    text-align:center;
    position:absolute;
    border:1px solid #000000;
    background-color:#ffffff;
    height:40px;
    bottom:0px;
    left:0px;
    right:0px;
}
*/
/*
.ccx-panel-withheader.ccx-panel-withbottombar
{
    position:absolute;
    top:22px;
    bottom:41px;
    left:0px;
    right:0px;
}
*/



/* step buttons */

/*.ccx-stepbutton
{
    display:block;
    width:26px;
    height: 26px;
    line-height:26px;
    text-align:center;
    border:1px solid #000000;
}
*/


/* function tabs */

/*
.ccx-functiontab.ajax__tab_container .ajax__tab_body
{
    border-width:0;
    margin:0px;
    padding:0px;
}
.ccx-functiontab.ajax__tab_container .ajax__tab_header
{
    visibility:hidden;
}
.ccx-functiontab.ajax__tab_container > .ajax__tab_body > .ajax__tab_panel > .ccx-panel-fit
{
    margin:0px;
}*/


/* accordions */

.ccx-accordion .ccx-accordion-header
{
    position:relative;
    height:15px;
    padding: 2px 10px;
    border:1px solid #000000;
    background-color:#cccccc;
}
.ccx-accordion .ccx-accordion-content
{
    padding: 5px 10px;
    border:1px solid #000000;
    border-top: 0 none;
}

.ccx-accordionTree
{
    overflow:visible !important; /* overrule element.style of accordion */
}
    .ccx-accordionTree .ccx-accordionTree-header {
        display: flex;
        align-items: center;
    }
    .ccx-accordionTree .ccx-accordionTree-header::before {
        position: relative;
        height: 1.2em;
        padding: 0px 15px;
        /*border:1px solid #000000;*/
        /*background-color:#cccccc;*/
        background-image: url('../images/icons_small/plus.svg');
        background-position: left;
        background-repeat: no-repeat;
        content: "";
    }
    .ccx-accordionTree .ccx-accordionTree-header.ccx-accordionTree-header-active::before {
        content: "";
        background: no-repeat;
        background-image: url('../images/icons_small/minus.svg');
    }
.ccx-accordionTree .ccx-accordionTree-content
{
    padding: 5px 0px 5px 25px;
    overflow:hidden !important; /* overrule element.style of accordion */
    /*border:1px solid #000000;
    border-top: 0 none;*/
}

.ccx-accordionTree.ccx-zebra .ccx-accordionTree-header.ccx-zebra-row0,
.ccx-accordionTree.ccx-zebra .ccx-zebra-row0 .ccx-accordionTree-content
{
    background-color: #CCDDEE;
}


/* treeview select lists */
.ccx-tree .ccx-tree-active,
.ccx-tree .ccx-tree-hover
{
    font-weight: bolder;
    text-decoration:underline;
}



/* lists */
UL.ccx-listing
{
    list-style-image:inherit;
    list-style-position:inside;
    list-style-type:circle;
}

/* links for layout_showModal */
A.ccx-showModal
{
    color: #0000ff;
    text-decoration:underline;
    cursor: pointer;
}


/* input fields */

.ccx-formField
{
    float:left;
    clear:both;
    margin-bottom:4px;
}
.ccx-formField .ccx-formField
{
    clear:none;
    margin-bottom:0px;
}
.ccx-formField-label
{
    display:block;
    float:left;
    width:140px;
}

.ccx-formField-label.ccx-formField-label-truncated
{
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .ccx-formField-label.ccx-formField-label-top{
        display: block;
        width: auto;
        float: none;
        font-size: smaller;
        white-space: normal;
        color: #6b6464;
    }
.ccx-formField-label.ccx-formField-label-customdetails
{
    display:inline-block;
    width:auto;
    float:none;
    font-size:xx-small;
    margin-bottom: 8px;
    color: lightseagreen;
}
.ccx-formField-label.ccx-formField-label-right
{
    display:inline;
    width:auto;
    float:none;
    font-size:smaller;
}
.ccx-formField-nolabel
{
    float:left;
    width:140px;
    height:1em;
}
.ccx-formField-nolabel.ccx-formField-label-top
{
    display:block;
    width:auto;
    float:none;
    font-size:smaller;
    margin-bottom: 4px;
}

.ccx-formField-field
{
    width:180px;
}

.ccx-formField-field-sequence {
    width: 160px !important;
    margin-right:2px;
    float:left;
}

.ccx-formField-row
{
    float:left;
    clear:none;
}


.ccx-fieldset
{
    clear:both;
    padding: 5px;
}



/* data tables */

.ccx-inputDataTable
{
    border:none 0;
}
.ccx-inputDataTable TD
{
    vertical-align:top;
    text-align:left;
}

.ccx-viewDataTable
{
    border:none 0;
    border-collapse:collapse;
}
.ccx-viewDataTable TD,
.ccx-viewDataTable TH
{
    vertical-align:top;
    text-align:left;
    padding-top:3px;
    padding-bottom:3px;
}
.ccx-viewDataTable TD
{
    padding-left:10px;
    padding-right:10px;
}
.ccx-viewDataTable TH
{
    padding-top:9px;
    font-weight:bold;
}
.ccx-viewDataTable.ccx-zebra TR.ccx-zebra-row0 TD
{
    background-color: #CCDDEE;
}


.ccx-dataParagraphTable,
.ccx-dataTable
{
    border:none 0;
    border-collapse:collapse;
}
.ccx-dataParagraphTable TD,
.ccx-dataParagraphTable TH,
.ccx-dataTable TD,
.ccx-dataTable TH
{
    vertical-align:top;
    text-align:left;
    padding-top:3px;
    padding-bottom:3px;
}
.ccx-dataParagraphTable TD,
.ccx-dataTable TD
{
    padding-left:10px;
    padding-right:10px;
}
.ccx-dataParagraphTable .dialouge_datepic TD,
.ccx-dataTable .dialouge_datepic TD {
    padding: 1px;

}

.ccx-dataParagraphTable TH,
.ccx-dataTable TH
{
    padding-top:9px;
    font-weight:bold;
}
.ccx-dataParagraphTable TR:first-child TH,
.ccx-dataTable TR:first-child TH
{
    padding-top:3px;
}
.ccx-dataParagraphTable.ccx-zebra TR.ccx-zebra-row0 TD,
.ccx-dataTable.ccx-zebra TR.ccx-zebra-row0 TD
{
    background-color: #CCDDEE;
}


.ccx-dataRowTable
{
    border:none 0;
    border-collapse:collapse;
}
.ccx-dataRowTable TD,
.ccx-dataRowTable TH
{
    vertical-align:top;
    text-align:left;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:0px;
    padding-right:20px;
}
.ccx-dataRowTable TH
{
    font-weight:bold;
}
.ccx-dataRowTable.ccx-zebra TR.ccx-zebra-row0 TD,
.ccx-dataRowTable.ccx-zebra TR.ccx-zebra-row0 TH
{
    background-color: #CCDDEE;
}



/* specific input fields */

.ccx-formField-field.ccx-formField-field-smallInt
{
    width:60px;
}
.ccx-formField-field.ccx-formField-field-zip
{
    width:50px;
}
.ccx-formField-field.ccx-formField-field-city
{
    width:100px;
}
.ccx-formField-cctable
{
}
.ccx-formField-field.ccx-formField-field-continent
{
    width:60px;
}
.ccx-formField-field.ccx-formField-field-country
{
    width:100px;
}
.ccx-formField-field.ccx-formField-field-date
{
    width:75px;
}
.ccx-formField-field.ccx-formField-field-time
{
    width:40px;
}
.ccx-formField-field.ccx-formField-field-cubeMeasure
{
    width:40px;
}
.ccx-formField-field.ccx-formField-field-weight
{
    width:80px;
}
.ccx-formField-field.ccx-formField-field-weightUnit
{
    width:70px;
}
.ccx-formField-field.ccx-formField-field-comment
{
    width:360px;
}
.ccx-formField-field.ccx-formField-field-fileUpload
{
    width:200px;
}
.ccx-formField-field.ccx-formField-field-filePanel
{
    border:1px solid #000000;
    width:200px;
    height:120px;
    margin-top:10px;
}
.ccx-formField-field.ccx-formField-field-dangerClass
{
    width:70px;
}
.ccx-formField-field.ccx-formField-field-dangerDigit
{
    width:70px;
}
.ccx-formField-field.ccx-formField-field-priceper
{
    width:120px;
}
.ccx-formField-field.ccx-formField-field-priceperOther
{
    width:80px;
}
.ccx-formField-field.ccx-formField-field-price
{
    width:90px;
}
.ccx-formField-field.ccx-formField-field-currency
{
    width:60px;
}
.ccx-formField-field.ccx-formField-field-percent
{
    width:60px;
}
.ccx-formField-field.ccx-formField-field-inputlabel
{
    width:120px;
}
.ccx-formField-field.ccx-formField-slotLength
{
    width:120px;
}


/* slide bars */

.ccx-slidebar-left-closed
{
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    width:10px;
    background-color:#aaaaaa;
    border:1px solid #000000;
}
.ccx-slidebar-left-open
{
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    width:10px;
    background-color:#aaaaaa;
    border:1px solid #000000;
}

.ccx-slidebar-right-closed
{
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    width:10px;
    background-color:#aaaaaa;
    border:1px solid #000000;
}
.ccx-slidebar-right-open
{
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    width:10px;
    background-color:#aaaaaa;
    border:1px solid #000000;
}



/* tables */

.ccx-table-shifted
{
    border-spacing:0px;
    border-collapse:collapse;
}
.ccx-table-shifted TH
{
    padding: 5px 10px 0px 0px;
    font-weight:bold;
}
.ccx-table-shifted TD
{
    padding: 0px 10px 0px 10px;
    font-weight:normal;
}




.ccx-table-toppadded
{
    padding-top:15px;
}
.ccx-table-bottompadded
{
    padding-bottom:15px;
}


/* outer frame */
.ccx-outerframe-header
{
    height:80px !important;
    border-bottom:1px solid #000000;
    /*padding:10px;*/
}
.ccx-outerframe-content
{
    /*position:relative;
    height:500px;*/
    top:81px !important;
    border-top:1px solid #ff0000;
    /*padding:10px;*/
}



/* page specific */

.ccx-topmenu-firstlevel
{
    padding-bottom:20px;
}

.ccx-topmenu-secondlevel
{
}

.ccx-button
{
    text-decoration:none;
}
.ccx-button-panel
{
    display:inline;
    border:1px solid #000000;
    padding:5px 10px;
    margin:5px;
}


/* default week config */
/*
.ccx-table-rampweek
{
    border-collapse:collapse;
    border-spacing:0px;
    clear:left;
}
.ccx-table-rampweek td,
.ccx-table-rampweek th
{
    height:40px;
    border:1px solid #000000;
    background-color:#aaaaaa;
    color: #000000;
}
.ccx-table-rampweek th A
{
    color:#000000;
    text-decoration:none;
}
.ccx-table-rampweek th:hover
{
    background-color:#222222;
    color:#ffffff;
}
.ccx-table-rampweek th:hover A
{
    color:#ffffff;
}
.ccx-table-rampweek td
{
    width:50px;
}
.ccx-table-rampweek .ccx-table-rampweek-active
{
    background-color:#bbbbbb;
}
.ccx-table-rampweek .ccx-table-rampweek-inactive
{
    background-color:#ffffff;
}
.ccx-table-rampweek .ccx-table-rampweek-active:hover,
.ccx-table-rampweek .ccx-table-rampweek-inactive:hover
{
    background-color:#333377;
}
*/
.ccx-defaultweek-tslength
{
    height:38px;
}
.ccx-defaultweek-tslength .ccx-table-col1
{
    vertical-align:bottom;
    height:38px;
}
.ccx-defaultweek-tslength .ccx-table-col2
{
    vertical-align:bottom;
    padding-left:30px;
    height:38px;
}
.ccx-defaultweek-tslength .ccx-table-col3
{
    vertical-align:bottom;
    text-align:right;
}
.ccx-defaultweek-tslength .ccx-defaultweek-splitmerge .ccx-table-row1 .ccx-table-col1
{
    vertical-align:bottom;
    height:auto;
    font-size:9px;
}
.ccx-defaultweek-tslength .ccx-defaultweek-splitmerge .ccx-table-row2 .ccx-table-col1
{
    vertical-align:bottom;
    height:auto;
}
.ccx-defaultweek-tslength .ccx-defaultweek-splitmerge .ccx-table-row2 .ccx-table-col2
{
    vertical-align:bottom;
    height:auto;
    padding-left:5px;
}
.ccx-defaultweek-tslength .ccx-defaultweek-splitmerge .ccx-table-row2 .ccx-table-col3
{
    vertical-align:middle;
    text-align:left;
    padding-left:5px;
}
.ccx-defaultweek-tslength .ccx-defaultweek-splitmerge .ccx-table-row2 .ccx-table-col4
{
    vertical-align:middle;
    padding-left:5px;
}





/* input table for fleet information */
.ccx-fleettable TR, .ccx-fleettable TH
{
    vertical-align:top;
}
.ccx-fleettable TH
{
    width:120px;
}
.ccx-fleettable INPUT, .ccx-fleettable SELECT
{
    width:100px;
}


/* view data of e.g. a company */
/*
.ccx-viewtable
{
    border-spacing:0px;
}
.ccx-viewtable, .ccx-viewtable TH, .ccx-viewtable TD
{
    border:1px solid #aaaaaa;
}
.ccx-viewtable TR, .ccx-viewtable TH
{
    vertical-align:top;
}
.ccx-viewtable TH
{
    width:120px;
}
.ccx-viewtable INPUT, .ccx-viewtable SELECT
{
    width:100px;
}
*/


.ccx-companyAddressViewTable TD
{
    vertical-align:top;
}
.ccx-companyAddressViewTable .ccx-table-col1
{
    padding-right:20px;
}

.ccx-companyProfileViewTable TD
{
    vertical-align:top;
}
.ccx-companyProfileViewTable .ccx-table-col1
{
    width:150px;
    padding-right:20px;
}

.ccx-viewTableCompanyProfileFleet
{
    border-spacing:0px;
}
.ccx-viewTableCompanyProfileFleet, .ccx-viewTableCompanyProfileFleet TH, .ccx-viewTableCompanyProfileFleet TD
{
    border:1px solid #aaaaaa;
}
.ccx-viewTableCompanyProfileFleet TR, .ccx-viewTableCompanyProfileFleet TH
{
    vertical-align:top;
}
.ccx-viewTableCompanyProfileFleet TH
{
    width:120px;
}
.ccx-viewTableCompanyProfileFleet INPUT, .ccx-viewTableCompanyProfileFleet SELECT
{
    width:100px;
}


/* personal data table */
.ccx-viewTablePersonal .ccx-table-col1
{
    padding-right:20px;
}



/* order tables */
.ccx-ordertable1 .ccx-table-col1 ,
.ccx-ordertable1 .ccx-table-col2
{
    width:220px;
    padding-right:30px;
}
.ccx-ordertable1 .ccx-table-col3
{
    width:230px;
}
.ccx-ordertable1 TD
{
    vertical-align:bottom;
}
.ccx-ordertable1 .ccx-formField-field.ccx-formField-field-date,
.ccx-ordertable1 .ccx-formField-field.ccx-formField-field-time,
.ccx-ordertable1 .ccx-formField-field.ccx-formField-field-zip,
.ccx-ordertable1 .ccx-formField-field.ccx-formField-field-weight
{
    margin-right:5px;
}


.ccx-ordertable2 SELECT
{
    width:220px;
}
.ccx-ordertable2 TD
{
    vertical-align:top;
}
.ccx-ordertable2 .ccx-table-col1
{
    width:250px;
    padding-right:30px;
}
.ccx-ordertable2 .ccx-table-col2
{
    width:250px;
}

.ccx-ordertable3 TD
{
    vertical-align:bottom;
}
.ccx-ordertable3 .ccx-table-col1,
.ccx-ordertable3 .ccx-table-col3
{
    padding-right:30px;
}
.ccx-ordertable3 .ccx-table-col1,
.ccx-ordertable3 .ccx-table-col4
{
    width:200px;
}
.ccx-ordertable3 .ccx-table-col3
{
    width:120px;
}

/* order view tables */

.ccx-orderviewtableShipperBidsTrade
{
    margin-bottom:20px;
}
.ccx-orderviewtableShipperBidsTrade TD,
.ccx-orderviewtableShipperBidsTrade TH
{
    vertical-align:top;
}
.ccx-orderviewtableShipperBidsTrade TD.ccx-table-col2,
.ccx-orderviewtableShipperBidsTrade TD.ccx-table-col3
{
    padding-left:30px;
}
.ccx-orderviewtableShipperBidsTrade TH.ccx-table-col2
{
    font-weight:bold;
    padding-left:20px;
}

.ccx-orderviewtableShipperBidsContact
{
    margin-bottom:20px;
}
.ccx-orderviewtableShipperBidsContact TH
{
    font-weight:bold;
    text-align:left;
    padding-left:0px;
    padding-right:20px;
}
.ccx-orderviewtableShipperBidsContact TD
{
    text-align:left;
    vertical-align:top;
    padding-left:10px;
    padding-right:20px;
}

.ccx-orderviewtableShipperBidsHistory
{
    border-collapse:collapse;
    border-spacing:0px;
}
.ccx-orderviewtableShipperBidsHistory .ccx-table-col1
{
    padding-left:10px;
}
.ccx-orderviewtableShipperBidsHistory .ccx-table-col2
{
    padding-left:100px;
    padding-right:40px;
}
.ccx-orderviewtableShipperBidsHistory .ccx-table-row-odd TD
{
    background-color: #dddddd;
}
.ccx-orderviewtableShipperBidsHistory .ccx-table-row-even TD
{
    background-color: #ffffff;
}


.ccx-orderviewtableTransport TD
{
    vertical-align:top;
}
.ccx-orderviewtableTransport TD.ccx-table-col2,
.ccx-orderviewtableTransport TD.ccx-table-col3,
.ccx-orderviewtableTransport TD.ccx-table-col4
{
    padding-left:20px;
}
.ccx-orderviewtableTransport .ccx-table-row2 TD,
.ccx-orderviewtableTransport .ccx-table-row3 TD,
.ccx-orderviewtableTransport .ccx-table-row4 TD
{
    padding-top:10px;
}

.ccx-orderviewtableEquipment TD
{
    vertical-align:top;
    padding-bottom:10px;
}
.ccx-orderviewtableEquipment TD.ccx-table-col2,
.ccx-orderviewtableEquipment TD.ccx-table-col3,
.ccx-orderviewtableEquipment TD.ccx-table-col4
{
    padding-left:20px;
}
.ccx-orderviewtableEquipment ccx-table-row2 TD
{
    padding-top:10px;
}

.ccx-orderviewtableShipment TD
{
    vertical-align:top;
}
.ccx-orderviewtableShipment TD.ccx-table-col2,
.ccx-orderviewtableShipment TD.ccx-table-col3,
.ccx-orderviewtableShipment TD.ccx-table-col4
{
    padding-left:20px;
}
.ccx-orderviewtableShipment .ccx-table-row2 TD,
.ccx-orderviewtableShipment .ccx-table-row3 TD,
.ccx-orderviewtableShipment .ccx-table-row4 TD
{
    padding-top:10px;
}

/* Logistic view tables */

.ccx-logisticDataViewTable1 TD
{
    vertical-align:top;
}
.ccx-logisticDataViewTable1 .ccx-table-col1
{
    padding-right:20px;
    font-weight:bold;
}

.ccx-logisticDataViewTable2 TD
{
    vertical-align:top;
}
.ccx-logisticDataViewTable2 .ccx-table-col1
{
    padding-right:20px;
}

/* cargomarket tables */

.ccx-cargomarketContactViewTable .ccx-table-col1
{
    padding-right:20px;
}

.ccx-cargomarketCreateTable
{
    margin-top:20px;
}

.ccx-table-cargomarketUserRights
{
    margin:0px;
    padding:0px;
    border-spacing:0px;
}
.ccx-table-cargomarketUserRights td
{
    padding: 0px 10px 3px 0px;
    vertical-align:bottom;
    white-space:nowrap;
}

/* booking data tables */
.ccx-table-bookingData TD,
.ccx-table-bookingData TH
{
    vertical-align:top;
    padding-bottom:2px;
}
.ccx-table-bookingData-header TH
{
    padding:0px 3px 5px 0px;
    font-weight:bold;
}
.ccx-table-bookingData-item TD
{
    padding:0px 10px 0px 10px;
}
.ccx-table-bookingData-item TH
{
    padding:0px 3px;
    width:130px;
}
.ccx-table-bookingData-footer TD
{
    padding:10px 10px 0px 10px;
}
.ccx-table-bookingData-footer TH
{
    padding:10px 0px 3px 0px;
}



/* booking period tables */
.ccx-table-bookingPeriod TD,
.ccx-table-bookingPeriod TH
{
    vertical-align:top;
    padding-bottom:2px;
}
.ccx-table-bookingPeriod-header TH
{
    padding:3px;
    font-weight:bold;
}
.ccx-table-bookingPeriod-item TH
{
    padding:3px;
    width:130px;
    background-color: #CCDDEE;
}
.ccx-table-bookingPeriod-editItem TH
{
    padding:3px;
    background-color: #CCDDEE;
}
.ccx-table-bookingPeriod-item TD,
.ccx-table-bookingPeriod-editItem TD
{
    padding:3px 10px 3px 10px;
    background-color: #CCDDEE;
}
.ccx-table-bookingPeriod-footer TH
{
    padding:10px 3px 3px 3px;
}
.ccx-table-bookingPeriod-footer TD
{
    padding:10px 10px 3px 10px;
}



/* timeslot rights */

.ccx-table-timeslotrights
{
    border-spacing:0px;
    border-collapse:collapse;
}
.ccx-table-timeslotrights thead th
{
    width:120px;
    padding:3px;
    text-align:center;
}
.ccx-table-timeslotrights tbody th
{
    padding-right:10px;
}
.ccx-table-timeslotrights tbody td
{
    padding:3px;
    text-align:center;
}
.ccx-table-timeslotrights .ccx-zebra-row0 td,
.ccx-table-timeslotrights .ccx-zebra-row0 th
{
    background-color:#CCDDEE;
}

.ccx-timeslotrights-accordionTree .ccx-accordionTree-header
{
    font-weight:bold;
}

/* timeslot details */

.ccx-table-timeslotDetails-changeRequests TH
{
    font-weight:bold;
}
.ccx-table-timeslotDetails-changeRequests TD
{
    padding-left:5px;
    padding-right:5px;
}
.ccx-table-timeslotDetails-changeRequests THEAD TH
{
    text-align:center;
}
.ccx-timeslotDetails-bookingInformation
{
    margin-bottom:10px;
    color:Red;
}
.ccx-timeslotDetails-bookingInformationCaption
{
    font-weight:bold
}


/* schedule limits */
.ccx-table-schedulelimits
{
    border-spacing:0px;
    border-collapse:collapse;
}
.ccx-table-schedulelimits thead th
{
    width:120px;
    padding:8px 16px;
    text-align:center;
}
.ccx-table-schedulelimits tbody th
{
    padding-right:10px;
}
.ccx-table-schedulelimits tbody td
{
    padding:3px;
    text-align:center;
}
.ccx-table-schedulelimits .ccx-zebra-row0 td,
.ccx-table-schedulelimits .ccx-zebra-row0 th
{
    background-color:#DDEEFF;
}




/* bids details */

/*
.ccx-bidsDetailsSortPanel
{
    position:relative;
    padding-top:17px;
}
.ccx-bidsDetailsSortCompany
{
    position:absolute;
    top:0px;
    left:10px;
}
.ccx-bidsDetailsSortContactPerson
{
    position:absolute;
    top:0px;
    left:200px;
}
.ccx-bidsDetailsSortBid
{
    position:absolute;
    top:0px;
    right:50px;
}


.ccx-bidsDetailsAccordion
{
    margin-bottom:30px;
}
.ccx-bidsDetailsAccordion-header-company
{
    position:absolute;
    left:10px;
}
.ccx-bidsDetailsAccordion-header-contactPerson
{
    position:absolute;
    left:200px;
}
.ccx-bidsDetailsAccordion-header-bid
{
    position:absolute;
    right:50px;
}
.ccx-bidsDetailsAccordion-header-actions
{
    position:absolute;
    right:10px;
}
*/

/* Cargomarket description */

/* Cargomarket description */

.ccx-multiLanguagePassage,
.ccx-cargomarketDescriptionPassage
{
    clear:left;
    position:relative;
    /* height:220px; */
    margin-bottom:10px;
}
.ccx-multiLanguagePassageLabel,
.ccx-cargomarketDescriptionLabel
{
    position:absolute;
    left:0px;
    top:0px;
    width:130px;
}
.ccx-multiLanguagePassageTab,
.ccx-cargomarketDescriptionTab
{
    left:150px;
    height:250px;
}
.ccx-multiLanguagePassageTab .ajax__tab_panel,
.ccx-cargomarketDescriptionTab .ajax__tab_panel
{
    position:relative;
    height: 123px;
}
/* RECHECK !!! */
.ccx-multiLanguagePassageTab .ajax__tab_panel .ccx-panel-fit DIV,
.ccx-cargomarketDescriptionTab .ajax__tab_panel .ccx-panel-fit DIV,
.ccx-multiLanguagePassageTab .ajax__tab_panel .ccx-panel-fit DIV IFRAME,
.ccx-cargomarketDescriptionTab .ajax__tab_panel .ccx-panel-fit DIV IFRAME
{
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
}


/* test: bigger tab headers */
/*
.ccx-toptab.ajax__tab_xp > .ajax__tab_header .ajax__tab_tab
{
    font-size:14px !important;
    font-weight:bold !important;
    background-image: url("/images/test_tab_center.png") !important;
}
.ccx-toptab.ajax__tab_xp > .ajax__tab_header .ajax__tab_header
{
}
.ccx-toptab.ajax__tab_xp > .ajax__tab_header .ajax__tab_inner
{
    background-image: url("/images/test_tab_left.png") !important;
}
.ccx-toptab.ajax__tab_xp > .ajax__tab_header .ajax__tab_outer
{
    background-image: url("/images/test_tab_right.png") !important;
    background-position:right top !important;
    padding-right:3px !important;
    margin-right:1px;
    height:25px !important;
    border-bottom:1px solid #919B9C;
}

.ccx-toptab.ajax__tab_xp .ajax__tab_active .ajax__tab_tab
{
    background-image: url("/images/test_tab_center_active.png") !important;
}
.ccx-toptab.ajax__tab_xp > .ajax__tab_header .ajax__tab_active .ajax__tab_inner
{
    background-image: url("/images/test_tab_left_active.png") !important;
}
.ccx-toptab.ajax__tab_xp > .ajax__tab_header .ajax__tab_active .ajax__tab_outer
{
    background-image: url("/images/test_tab_right_active.png") !important;
    height:26px !important;
    border-bottom:0 none !important;
}
*/

/*.ccx-selectlocation
{
    font-weight:bold;
}
.ccx-selectlocation UL
{
    list-style-type:disc;
    list-style-position:inside;
}
.ccx-selectlocation UL LI A
{
    font-weight:normal;
    text-decoration:none;
    color: #000000;
    padding:0px 4px;
}
.ccx-selectlocation UL LI A:hover
{
    background-color:#000066;
    color: #ffffff !important;
}*/


.ccx-booking-summary
{
    border:1px solid #000000;
    background-color:#ffffff;
    float:left;
    padding:3px;
}
.ccx-booking-summary TABLE TH,
.ccx-booking-summary TABLE TD
{
    vertical-align:top;
    text-align:left;
}
.ccx-booking-summary TABLE TH
{
    font-weight:bold;
    padding-right:10px;
}
.ccx-booking-summary-state
{
    text-align:right;
}
.ccx-booking-summary-timebetween
{
    float:left;
    padding:40px 10px 0px 10px;
    text-align:center;
}


.ccx-processdetails
{
    position:relative;
    float:left;
}
.ccx-processdetails .ccx-processdetails-left
{
    position:absolute;
    left:0px;
    height:13px;
    width:50%;
    background-image:url('../images/schedule/processdetailsarrow.png');
    background-repeat:no-repeat;
    background-position:right center;
}
.ccx-processdetails.ccx-processdetails-firststate .ccx-processdetails-left
{
    background-image:none;
}
.ccx-processdetails .ccx-processdetails-right
{
    position:absolute;
    right:0px;
    height:13px;
    width:50%;
    background-image:url('../images/schedule/processdetailsarrow.png');
    background-repeat:no-repeat;
    background-position:left center;
}
.ccx-processdetails.ccx-processdetails-laststate .ccx-processdetails-right
{
    background-image:none;
}
.ccx-processdetails .ccx-processdetails-state
{
    width:13px;
    position:relative;
    z-index:1;
    margin:0px auto;
}
.ccx-processdetails .ccx-processdetails-text
{
    text-align: left;
    /* padding:10px 10px 10px 10px; */
}

.ccx-processdetails .ccx-processdetails-text span
{
    font-size:9px;
    line-height: 14px;
}


UL.ccx-list-bulleted
{
    list-style-type:circle;
    list-style-position:outside;
    padding-left:0px;
    margin-left:4px;
}
UL.ccx-list-bulleted LI
{
    margin-left: 1em;
}


UL.ccx-datalist
{
    padding-left:0px;
    list-style-type:none;
    margin-bottom:6px;
}
UL.ccx-datalist UL
{
    padding-left:20px;
    list-style-type:none;
    margin-bottom:3px;
}
UL.ccx-datalist h1
{
    margin:0px;
    font-size:12px;
    font-weight:bold;
    text-decoration:underline;
}
UL.ccx-datalist h2
{
    margin:0px;
    font-size:12px;
    font-weight:bold;
}
UL.ccx-datalist h3
{
    margin:0px;
    font-size:12px;
    font-weight:bold;
}




.ccx-home .ccx-panel-body-center
{
    background-image: url('../images/ramp-bg.jpg');
    background-position: right top;
    background-repeat:no-repeat;
}
.ccx-home .ccx-panel-body-center .ccx-panel-body-center
{
    background-image:none;
}

.ccx-home-headline
{
    font-size:larger;
    text-align:center;
}

.ccx-home-infotext
{
    margin-left:20px;
}

.ccx-login-login
{
    width:190px;
    height:170px;
    margin:10px 20px 10px 0px;
}


#login-table
{
    border:none 0px;
}
#login-table td
{
    vertical-align:top;
    text-align:left;
}

.ccx-login-autoapply
{
    font-weight:bold;
}

.ccx-home-loginright
{
    float:right;
    width:190px;
    height:170px;
    margin:10px 0px 10px 20px;
}
.ccx-home-loginleft
{
    width:220px;
    height:190px;
    margin:10px 20px 10px 0px;
}
.ccx-home-logincenter
{
    width:190px;
    height:170px;
    margin:10px auto 10px auto;
}
.ccx-home-login-forgotpw
{
    /*width:100px;*/
    /*float:left;
    clear:both;*/
    font-size:smaller;
}
.ccx-home-login-signup
{
    /*width:100px;*/
    /*float:left;
    clear:both;*/
    font-size:smaller;
}
.ccx-home-signup
{
    clear:both;
    padding-top:20px;
    margin-left:20px;
}
.ccx-home-signup,
.ccx-home-signup SPAN,
.ccx-home-signup A
{
    font-size:13px;
    font-weight:bold
}

.ccx-home-infoleft {
    width:320px;
    height:150px;
    float:left;
    clear:left;
    margin-top:20px;
    margin-left:20px;
}
.ccx-home-inforight {
    width:320px;
    height:150px;
    float:left;
    clear:none;
    margin-top:20px;
    margin-left:20px;
}
.ccx-home-login .ccx-panel-shadow-topleft,
.ccx-home-infoleft .ccx-panel-shadow-topleft,
.ccx-home-inforight .ccx-panel-shadow-topleft
{
    top:-10px;
    left:0px;
    width:10px;
    height:10px;
    background-image: url('../images/panel-strongshadow-topleft.png');
}
.ccx-home-login .ccx-panel-shadow-top,
.ccx-home-infoleft .ccx-panel-shadow-top,
.ccx-home-inforight .ccx-panel-shadow-top {
    top:-10px;
    left:10px;
    right:2px;
    height:10px;
    background-image: url('../images/panel-strongshadow-top.png');
}
.ccx-home-login .ccx-panel-shadow-topright,
.ccx-home-infoleft .ccx-panel-shadow-topright,
.ccx-home-inforight .ccx-panel-shadow-topright {
    top:-10px;
    right:-10px;
    width:12px;
    height:12px;
    background-image: url('../images/panel-strongshadow-topright.png');
}
.ccx-home-login .ccx-panel-shadow-right,
.ccx-home-infoleft .ccx-panel-shadow-right,
.ccx-home-inforight .ccx-panel-shadow-right {
    top:2px;
    bottom:10px;
    right:-10px;
    width:10px;
    background-image: url('../images/panel-strongshadow-right.png');
}
.ccx-home-login .ccx-panel-shadow-bottomright,
.ccx-home-infoleft .ccx-panel-shadow-bottomright,
.ccx-home-inforight .ccx-panel-shadow-bottomright {
    bottom:0px;
    right:-10px;
    width:10px;
    height:10px;
    background-image: url('../images/panel-strongshadow-bottomright.png');
}


.ccx-login-user INPUT,
.ccx-login-password INPUT
{
    width:100px;
}
.ccx-login-user,
.ccx-login-password
{
    width:100px;
    margin-bottom:3px;
    /*float:left;
    clear:left;*/
}
.ccx-login-password
{
    float:left;
    /*clear:left;*/
}
.ccx-login-save-password
{
    /*width:100px;*/
    /*float:left;*/
    clear:left;
    margin-bottom:5px;
    font-size:9px;
}
.ccx-login-save-password INPUT
{
    width:15px;
    margin-right:5px;
}
.ccx-login-submit INPUT
{
    position:relative;
    left:10px;
    width:45px;
}
.ccx-login-submit
{
    padding-top:1em;
    margin-bottom:3px;
}
.ccx-login-validator
{
    font-size:smaller;
    margin:0px;
    padding:0px;
}



/* edit booking data of a ramp */
.ccx-table-bookingdata
{
    vertical-align:bottom;
}
.ccx-table-bookingdata td,
.ccx-table-bookingdata th
{
    padding:0px 20px 1px 0px;
}



/* timeslot area */
.ccx-timeslot-selectCM
{
    float:left;
    margin-right:10px;
    height:22px;
}
.ccx-timeslot-selectLocation
{
    float:left;
    margin-right:10px;
    height:22px;
}
.ccx-timeslot-localTime
{
    height:22px;
    float:right;
    padding-right:10px;
    color: #000000;
}
.ccx-timeslot-selectCM SELECT,
.ccx-timeslot-selectLocation SELECT
{
    vertical-align:top;
}
.ccx-timeslot-selectCM SPAN,
.ccx-timeslot-selectLocation SPAN,
.ccx-timeslot-localTime SPAN
{
    position:relative;
    top:4px;
}

.ccx-timeslot-bookingtable {
    border: 1px solid #d5d7dd;
    background-color: #ffffff;
    width: 100%;
    border-collapse: collapse;
    color: #000000;
    
}
.ccx-timeslot-bookingtable-header td
{
    white-space:nowrap;
}
.ccx-timeslot-bookingtable td
{
   /*
    padding:1px 4px;
    border:1px solid #000000;
	vertical-align:bottom;
	*/
    /* white-space:nowrap; */
}
.ccx-timeslot-bookingtable-coltitle
{
    font-weight:bold;
    display:inline;
}
.ccx-timeslot-bookingtable-colsort
{
    display:inline;
    width: 32px;
}

div.ccx-timeslot-bookinglist
{
    bottom: 1.5em;
    padding:1px;
}
div.ccx-timeslot-bookingpager
{
    top:auto;
    height:1.5em;
    padding:1px 4px;
    margin-bottom:-3px;
    border:1px solid #000000;
    background-color:#ffffff;
}
.ccx-timeslot-statusno
{
    font-size:9px;
    display:block;
    position:absolute;
    width:13px;
    text-align:center;
    text-decoration: none;
    top:2px !important;
    left:1px !important;
    line-height: 11px;
}

table.ccx-timeslot-bookingtable td input,
table.ccx-timeslot-bookingtable td .ccx-schedule-booking-state
{
    display:inline;
}
.dxgvSelectedRow  {
    background-color: #f0f0f0;
}
#ctl00_TPanel1_mainContent_i_tsbBookings_ctl00_SharingLayout_i_gridUsers_DXMainTable .dxeTextBoxSys.dxeTextBox.dxeTextBoxDefaultWidthSys{
    border: 1px solid #d5d7dd;
    border-radius: 4px;
    padding: 4px 6px;
}
#ctl00_TPanel1_mainContent_i_tsbBookings_ctl00_SharingLayout_i_gridUsers_DXFilterRow{
    background-color: #f0f0f0;
}
#ctl00_TPanel1_mainContent_i_tsbBookings_ctl00_SharingLayout_i_gridUsers_grouppanel{
    border-color: #d5d7dd !important;
    padding: 7px 4px 8px 13px !important;
}
table#ctl00_TPanel1_mainContent_i_tsbBookings_ctl00_SharingLayout_i_gridUsers_DXMainTable .dxgvHeader,
 #ctl00_TPanel1_mainContent_i_bookingList_SharingLayoutBookingJQ_i_gridUsers_DXMainTable .dxgvHeader ,
 #ctl00_TPanel1_mainContent_i_tsbBookings_i_bookingList_SharingLayout_i_gridUsers_DXMainTable .dxgvHeader{
    background-color: transparent !important;
    border-right: none !important;
    padding: 8px 6px !important;
    border-bottom: 1px solid #eeeeee !important;
}
.dxgvHeader, .dxgvFilterRow{
    background-color: #e0e6eb !important;
    border-bottom: solid thin #d5d7dd !important;
    border-right: solid thin #d5d7dd !important;
}
.dxgvPagerBottomPanel {
    background-color: #e0e6eb !important;
    border-bottom: solid thin #d5d7dd !important;
    border-right: solid thin #d5d7dd !important;
    position: sticky !important;
    bottom: 0px;
    padding: 10px 8px !important;
}

.dxgvGroupPanel, .dxgvTitlePanel {
    background-color: #e0e6eb !important;
    border-bottom: solid thin #d5d7dd !important;
    color: #000;
}
.i_dgNews tr td {
 border-color: #d5d7dd !important;
}
.dxgvDataRow td.dxgv{
    border-bottom: solid thin #d5d7dd !important;
    border-right: solid thin #d5d7dd !important;
    white-space: initial !important;
    word-wrap: break-word;
}
#ctl00_TPanel1_mainContent_i_tsbBookings_ctl00_SharingLayout_i_gridUsers_grouppanel, 
#ctl00_TPanel1_mainContent_i_bookingList_SharingLayoutBookingJQ_i_gridUsers_grouppanel,
#ctl00_TPanel1_mainContent_i_tsbBookings_i_bookingList_SharingLayout_i_gridUsers_grouppanel {
    background-color: transparent !important;
  
}
#ctl00_TPanel1_mainContent_i_tsbBookings_ctl00_SharingLayout_i_gridUsers_DXMainTable td.dxgv {
    border-right: none !important;
    padding: 8px 6px !important;
    border-bottom: 1px solid #eeeeee !important;
    color: #000000;
}
#ctl00_TPanel1_mainContent_i_tsbBookings_ctl00_SharingLayout_i_gridUsers_DXMainTable tr.dxgvDataRow:nth-child(even){
    background-color: #f3f4f8;
}


/* Booking beta share */

#ctl00_TPanel1_mainContent_i_bookingList_SharingLayoutBookingJQ_i_gridUsers_DXMainTable .dxeTextBoxSys.dxeTextBox.dxeTextBoxDefaultWidthSys{
    border: 1px solid #d5d7dd;
    border-radius: 4px;
    padding: 4px 6px;
}
#ctl00_TPanel1_mainContent_i_bookingList_SharingLayoutBookingJQ_i_gridUsers_DXFilterRow{
    background-color: #f0f0f0 !important;
}
#ctl00_TPanel1_mainContent_i_bookingList_SharingLayoutBookingJQ_i_gridUsers_grouppanel{
    border-color: #d5d7dd !important;
    padding: 7px 4px 8px 13px !important;
}
#ctl00_TPanel1_mainContent_i_bookingList_SharingLayoutBookingJQ_i_gridUsers_DXMainTable td.dxgv {
    border-right: none !important;
    padding: 8px 6px !important;
    border-bottom: 1px solid #eeeeee !important;
    color: #000000;
}
#ctl00_TPanel1_mainContent_i_bookingList_SharingLayoutBookingJQ_i_gridUsers_DXMainTable tr.dxgvDataRow:nth-child(even){
    background-color: #f3f4f8;
}

/* Booking share */
#ctl00_TPanel1_mainContent_i_tsbBookings_i_bookingList_SharingLayout_i_gridUsers_DXMainTable .dxeTextBoxSys.dxeTextBox.dxeTextBoxDefaultWidthSys{
    border: 1px solid #d5d7dd;
    border-radius: 4px;
    padding: 4px 6px;
}
#ctl00_TPanel1_mainContent_i_tsbBookings_i_bookingList_SharingLayout_i_gridUsers_DXFilterRow{
    background-color: #f0f0f0 !important;
}
#ctl00_TPanel1_mainContent_i_tsbBookings_i_bookingList_SharingLayout_i_gridUsers_grouppanel{
    border-color: #d5d7dd !important;
    padding: 7px 4px 8px 13px !important;
}
#ctl00_TPanel1_mainContent_i_tsbBookings_i_bookingList_SharingLayout_i_gridUsers_DXMainTable td.dxgv {
    border-right: none !important;
    padding: 8px 6px !important;
    border-bottom: 1px solid #eeeeee !important;
    color: #000000;
}
#ctl00_TPanel1_mainContent_i_tsbBookings_i_bookingList_SharingLayout_i_gridUsers_DXMainTable tr.dxgvDataRow:nth-child(even){
    background-color: #f3f4f8;
}

table.ccx-timeslot-bookingtable td.dxgv  { overflow: visible;}
table.dxgvTable {
	overflow: visible !important;
}
/* .processstate-fastchange
{
    position:absolute;
} */
.processstate-fastchange-hover,
.processstate-fastchange:hover
{
    z-index:1;
}
.processstate-fastchange-panel
{
    position:absolute;
    right:-35px;
    top:13px;
    padding:12px;
    display:none;
    white-space:nowrap;
}
.processstate-fastchange-hover .processstate-fastchange-panel,
.processstate-fastchange:hover .processstate-fastchange-panel
{
    display:block;
}
.ccx-timeslot-bookingtable-state, .ccx-timeslot-ordertable-state
{
    position:relative;
    float:left;
}
.ccx-table-shortinfo td,
.ccx-table-shortinfo th
{
    vertical-align:top;
    padding:0px 10px 10px 0px;
}
.ccx-table-shortinfo th
{
    font-weight:bold;
    white-space:nowrap;
}


.ccx-panel-table-popup .ccx-dataParagraphTable .ajax__calendar_container table td {
    padding: 0px !important;
}
.ajax__calendar_container {
     z-index : 1000 ;
}
.panel_head_set .order-search-content-wraper .ajax__calendar_container td {
    padding: 0px !important;
}
.panel_head_set .order-search-content-wraper .ajax__calendar_container .ajax__calendar_days td {
    padding: 2px !important;
}
.tbody-search-wrapper .ajax__calendar_container .ajax__calendar_months tbody, .tbody-search-wrapper .ajax__calendar_container .ajax__calendar_years tbody {
    display: table-row-group;
}
.panel_head_set .order-search-content-wraper table.tbody-search-wrapper .ajax__calendar_container .ajax__calendar_months td, .panel_head_set .order-search-content-wraper table.tbody-search-wrapper .ajax__calendar_container .ajax__calendar_years td {
    width: unset !important;
}

.cmLogo {
    /*right: 0px; top: -25px;*/
    height: 30px;
    vertical-align: top;
    /*padding-right: 10px;*/
    /*width:200px;
	position: absolute; */
}

ul.checkbox-list-horizontal
{
    list-style-type: none;
    margin-top: .5em;
    margin-bottom: 2.5em;
    display:block;
}

ul.checkbox-list-horizontal li
{
    float: left;
    margin-right: 1.2em;
    list-style-type:none;
}

ul.checkbox-list-horizontal label
{
    margin-left:.5em;
}

.ccx-general-table td
{
    padding:3px;
    margin: 3px;
}

.ccx-default-week-holidays
{
    margin-top: 20px;
}

.ccx-default-week-holidays h2
{
    font-size:12px;
}

.ccx-default-week-holidays label
{
    display:block;
    margin-left:3em;
    margin-top: 1.5em;
    margin-bottom:1em;
}

.ccx-default-week-holidays .label
{
    display: inline-block;
    width: 7em;
}

.ccx-default-week-holidays p
{
    margin-left:6em;
}

.ccx-default-week-holidays table
{
    margin-left: 6em;
}

.ccx-default-week-holidays .title
{
    font-size:12px;
    font-weight:bold;
}

/* .modalClose.Ramps-general-Edit-modal::after{
    content: "";
    width: 15px;
    height: 15px;
    
    
} */
.modalClose
{
    background: url(/UI_helpers/basedesign/images/icons_small/popup_cancel.gif) no-repeat;
    width:16px;
    height:16px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-16px; right:-16px;
    cursor:pointer;
}



/*Document settings*/

#document_settings div
{
    margin-bottom:1em;
}

#document_settings h3
{
    vertical-align:top;
    text-align:left;
    padding-top:3px;
    padding-bottom:3px;
    padding-top:9px;
    font-weight:bold;
}

#document_settings div p
{
    margin-left: 2em;
    margin-bottom:.5em;
}

.comet-status {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-top: 3px;
}

.comet-status.connected {
    background-color: lightgreen;
    border: 1px solid green;
}

.comet-status.slow {
    background-color: orange;
    border: 1px solid darkorange
}

.comet-status.disconnected {
    background-color: red;
    border: 1px solid darkred
}

.ccx-validator-message {
    color: red;
}
.new-version-link {
    position: absolute;
    right: 0px;
}

.new-version-link.carrier_version {
    position: fixed;
    top: 111px;
    right: 35px;
    cursor: pointer;
    background: #fff !important;
    z-index: 9;
    padding: 0 8px;
}

.desknot {
    display: none;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background-size: 16px 16px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 17H2a3 3 0 0 0 3-3V9a7 7 0 0 1 14 0v5a3 3 0 0 0 3 3zm-8.27 4a2 2 0 0 1-3.46 0'%3E%3C/path%3E%3C/svg%3E");
}

.desknot.not-supported {
    background-color: #ff0000;
    border:1px solid #8b0000;
}
.desknot.desknot-enable:hover{
    background-color: #039103 !important;
}
.desknot.desknot-enable:active{
    background-color: #036303 !important;
}
.desknot.desknot-enable {
    background-color: #01c801;
    border:1px solid #008b00;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

.ccx-messages-list ul {
    list-style: none;
}

 .ccx-messages-list  li.message{
    margin-bottom: 5px;
    padding: 5px 10px;
     list-style: none;
}

.ccx-messages-list li.message.not-processed {
    font-weight: bold;
    background-color: #b0c4de;
}

.ccx-messages-list li.message.processed {
    font-weight: normal;
    background-color: #ececec;
    border-radius: 8px;
}

 .ccx-messages-list  li.message div{
     margin-bottom: .2em;
}

 .ccx-messages-list a {
     margin-left: 2em;
     margin-right: 2em;
 }

 .ccx-messages-list .pagging {
     margin-top: 1.5em;
     margin-bottom: 3em;
 }

 .ccx-messages-list .pagging li {
     display: inline-block;
     line-height: 20px;
     -moz-min-width: 20px;
     -ms-min-width: 20px;
     -o-min-width: 20px;
     -webkit-min-width: 20px;
     min-width: 20px;
     width: auto;
     height: 20px;
     cursor: pointer;
     border: 1px solid navy;
     text-align: center;
 }

.ccx-messages-list .pagging li.selected {
     color: white;
     background-color: navy;
 }

.ccx-badge {
    display: inline-block;
    -moz-min-width: 10px;
    -ms-min-width: 10px;
    -o-min-width: 10px;
    -webkit-min-width: 10px;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #ddeeff;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.ccx-color-red {
    background-color: #a90329 !important;
}

#notificationBadge {
    display: none;
    cursor: pointer !important;
}

.ccx2-error {
    color: #a90000;
    display: block;
    margin-top: .5em;
}

.ccx2-margin-bottom-10 {
    margin-bottom: 10px;
}

.arrow_box {
position: absolute;
background: rgb(234, 234, 234);
border: 1px solid #c2e1f5;
padding: 5px;
left: inherit;
margin-left: 70px;
margin-top: -25px;
color: red;
border-radius: 3px;
}
.arrow_box:after, .arrow_box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #E6E9EA;
    border-width: 8px;
    margin-top: -8px;
}
.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #C9CDD0;
    border-width: 9px;
    margin-top: -9px;
}

.etaTelematicProvider_Schedule {
    top: 43%;
    left: 37px;
    transform: translate(-50%, -50%);
    position: absolute;
    font-size: 10px;
}
.eta-provider-indicator .etaTelematicProvider_Schedule {
    left: 9px;
    top: 41%;
}

.etaTelematicProvider_Schedule2 {
    top: 38%;
    left: 63%;
    transform: translate(-50%, -50%);
    position: absolute;
    font-size: 10px;
}
@media (max-width: 767px) {
    #simplemodal-data #rampDialog, #simplemodal-data #preselectbookDialog{
    height: calc(100vh - 100px) !important;
  }
}


.ajax__calendar_day {
    border: 1px solid #fff;
    background: #1484e6 url(/includes/jquery-ui/css/excite-bike/images/ui-bg_diagonals-thick_22_1484e6_40x40.png) 50% 50% repeat;
    font-weight: bold;
    color: #fff !important;
}
.ajax__calendar_other .ajax__calendar_day {
    opacity: 0;

}

.ajax__calendar_container {
    border: 1px solid #aaa;
/*    background: #eee url(/includes/jquery-ui/css/excite-bike/images/ui-bg_inset-hard_100_eeeeee_1x100.png) 50% bottom repeat-x;*/
    color: #222;
    width: 192px !important;
}

.ajax__calendar_active .ajax__calendar_day {
    border: 1px solid #fff;
    background: #c5ddfc url(/includes/jquery-ui/css/excite-bike/images/ui-bg_diagonals-small_25_c5ddfc_40x40.png) 50% 50% repeat;
    color: #333 !important;
}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years, .ajax__calendar_body {
    width: 100% !important;
    min-height: 139px;
}



    .ajax__calendar_container {
        border: 1px solid #aaa !important;
        border-radius: 3px !important;
        position: relative;
    }
.ajax__calendar_header {
    padding: 4px 0px;
    height: unset !important;
    border: 1px solid #ccc;
    background: #f9f9f9 url(/includes/jquery-ui/css/excite-bike/images/ui-bg_highlight-soft_100_f9f9f9_1x100.png) 50% 50% repeat-x;
    color: #e69700;
    font-weight: bold;
}
.ajax__calendar_body  {
    margin-top: 8px;
}
.ajax__calendar .ajax__calendar_next {
    background-image: url(/includes/jquery-ui/css/excite-bike/images/ui-icons_5fa5e3_256x240.png);
    filter: brightness(0.5);
    background-position: -50px -193px;
}
.ajax__calendar .ajax__calendar_prev {
    background-image: url(/includes/jquery-ui/css/excite-bike/images/ui-icons_5fa5e3_256x240.png);
    filter: brightness(0.5);
    background-position: -79px -193px;
}