/* Stylesheet Contentmanagement */

/* Farben
rot 		#FF0000
weiss		#FFFFFF
blau		#090948
gelb		#FFB300
grau		#666666
gruen		#E5F8FE
grau formualare		#DBDBDB
*/

/* General */
body        { font-family:arial,lucida,helvetica,serif; background-color:#FFFFFF; font-size:16px; }
.nowrap     { white-space: nowrap ; }
.normalwrap { white-space: normal !important; }
.hidden     { display: none; }

iframe      { border: none; width: 50%; }

.w-a        { width: auto !important; }
.w-5        { width: 5% !important; }
.w-7        { width: 7% !important; }
.w-10       { width: 10% !important; }
.w-20       { width: 20% !important; }
.w-30       { width: 30% !important; }
.w-45       { width: 45% !important; }
.w-50       { width: 50% !important; }
.w-70       { width: 70% !important; }
.w-90       { width: 90% !important; }
.w-100      { width: 100% !important; }

.w-10px     { width: 10px !important; }
.w-20px     { width: 20px !important; }
.w-24px     { width: 24px !important; }
.w-30px     { width: 30px !important; }
.w-50px     { width: 50px !important; }
.w-75px     { width: 75px !important; }
.w-90px     { width: 90px !important; }
.w-100px    { width: 100px !important; }
.w-150px    { width: 150px !important; }
.w-175px    { width: 175px !important; }
.w-200px    { width: 200px !important; }
.w-275px    { width: 275px !important; }
.w-300px    { width: 300px !important; }
.w-400px    { width: 400px !important; }
.w-500px    { width: 500px !important; }
.w-600px    { width: 600px !important; }
.w-700px    { width: 700px !important; }

.p-5        { padding: 5px; }
.pl-5       { padding-left: 5px; }
.pl-10      { padding-left: 10px !important; }
.pt-5       { padding-top: 5px; }
.pt-20      { padding-top: 20px; }
.pb-10      { padding-bottom: 10px; }
.pr-5       { padding-right: 5px; }
.ml-10      { margin-left: 10px; }

.fwb        { font-weight: bold; }
.fs-12px    { font-size: 12px; }
.fl-r       { float: right; }
.ta-r       { text-align: right; }
.ta-c       { text-align: center; }
.va-t       { vertical-align: top; }
.va-m       { vertical-align: middle !important; }

.word-wrap-break    { word-wrap: break-word; }

/* Container */
.right-column-container                                 { width: 300px; }
.checkbox-column-container                              { width: 24px; }
.buttons-container                                      { padding-left: 10px; padding-bottom: 10px; }
.customer-info-text-container                           { padding: 5px; font-size: 12px; background: #FFFFFF; }
.order-cost-container                                   { text-align: center; }
.accordion.order-cost-container                         { text-align: right; }
.order-cost-container > h3 > .ui-accordion-header-icon  { float: left; }
.order-cost-container > .ui-accordion-content           { padding: 5px !important; }
.order-cost-item-name                                   { float: left; }
.order-cost-item-cost                                   { float: right; }

/* Labels, Titles, Spans, ... */
span.label          {font-size:12px; color:#090948;}
span.title          {font-size:16px; color:#090948; background:#FFFFFF; font-weight:bold;}
span.tabselected    {font-weight:bold; color:#000000;}
span.tabdisabled    {color:#999999; }
span.content        {font-size:12px; background:#FFFFFF;}
span.accordion-span {float: left; clear: left; }

.label              { padding-top: 5px; padding-left:10px; padding-right:5px; font-size:12px; width: 75px; }
.longlabel          { padding-left:10px; padding-right:5px; font-size:12px; }
.page-section-title { font-weight: bold; font-size: 14px; }


/* Tables */
table.noframe           { margin-left:15px; }
td                      { font-family:arial,lucida,helvetica,serif; font-size:16px;color:#090948; }

.borderless-table       { border:0px; margin:0; padding:0;}
.bordered-table         { border:1px solid #DDDDDD; margin:0; padding:0; }

tr.spacer               { height: 5px; }
td.new                  { width: 20px; }
td.tabtitle             { padding-left:5px; padding-right:5px; border-width:0; padding-top:2px; font-family:arial,lucida,helvetica,serif; font-size:16px; color:#090948; background:#DBDBDB; text-decoration: none} /* Tab bar */
td.action               { font-size:12px; background:#FFFFFF; font-weight:bold; }
td.highlighted          { font-weight: bold;}
td.comment              { font-size:10px; padding-top: 5px; padding-left: 10px; padding-right: 5px; }
td.content       	    { font-size:12px; background:#FFFFFF;}

td.pagerrow1	        { height:24px; font-size:12px; background:#E5F8FE;}
td.pagerrow2	        { height:24px; font-size:12px; background:#FFFFFF;}
td.summrow              { border-top-width:2px; border-style:solid; border-color:#DDDDDD; font-family:arial,lucida,helvetica,serif; font-size:12px; color:#090948; background:#DBDBDB; font-weight:bold; text-decoration: none}
td.alertrow             { background: #ff9933 none repeat scroll 0 0 !important; font-size: 12px; !important;}
td.alertrow2            { background: #FDC435 none repeat scroll 0 0 !important; font-size: 12px; !important;}

.sopcontent             { height:24px; color:#000000; background:#AAAAAA; font-weight:normal; font-size:12px;}
td.sopnew               { height:24px; color:#FFFFFF; background:#FF0000; font-weight:bold; font-size:16px;}
td.sop                  { height:24px; color:#FFFFFF; background: #ffcc00; font-weight:bold; font-size:16px;}
td.soptitle             { height:24px; color:#000000; background:#FFFFFF; }

td.customer-info-text-container     { padding: 5px; font-size: 12px; background: #FFFFFF; }
td.customer-info-text               { width: 90%; font-weight: bold }
td.customer-info-label              { width: 10%; }

.pagertitle             { vertical-align: middle;}
th.pagertitle img       { width: 15px; height: 15px; margin-bottom: -2px; }
th.pagertitle {
    height: 24px;
    white-space: nowrap;
    /*vertical-align: top;*/
    padding-left: 5px;
    padding-right: 5px;
    border-width:0;
    border-top-width:2px;
    border-style:solid;
    border-color:#DDDDDD;
    font-family:arial,lucida,helvetica,serif;
    font-size:12px;
    background:#DBDBDB;
    font-weight:bold;
    text-decoration: none;
}
td.pagertitle {
    white-space: nowrap;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
    border-width:0;
    border-top-width:2px;
    border-style:solid;
    border-color:#DDDDDD;
    font-family:arial,lucida,helvetica,serif;
    font-size:12px;
    background:#DBDBDB;
    font-weight:bold;
    text-decoration: none
}

.clsBoxYellow {
	background-color: rgb(240, 212, 0);
 	font-family:arial,lucida,helvetica,serif;
	font-size:12px;
	vertical-align:top
}

.clsBoxRed {
	background-color: rgb(255, 56, 76);
 	font-family:arial,lucida,helvetica,serif;
	font-size:12px;
	vertical-align:top
}


input.text              { width :150px;}
input.ajaxtext          { width:150px;}
input.shorttext         { width :50px;  text-align:right;}
input.shorttext2        { width :50px;}
input.shorttextplusleft { width :100px;}
input.shorttextplus     { width :100px; text-align:right;}
input.longtext          { width:300px;}
input.ajaxlongtext      { width:300px;}
input.longtextplus      { width:450px;}
input.longlongtext      { width:520px;}
input.disabled          { opacity:0.4;}


a.tabtitle:link                                     { color:#090948; text-decoration: none}
a.tabtitle:visited                                  { color:#090948; text-decoration: none}
a.tabtitle:hover                                    { color:#090948; text-decoration: none}
a.pagertitle:link                                   { color:#090948; text-decoration: none}
a.pagertitle:visited                                { color:#090948; text-decoration: none}
a.pagertitle:hover                                  { color:#090948; text-decoration: none}
.stationinfolink, .partnerinfolink                  { color:black; text-decoration: none; }
a.stationinfolink:hover, a.partnerinfolink:hover    { text-decoration: underline}
a[target="TaskMonitor"]                             { color: white; }


select                  { width:150px;}
select.selectLong       { width:450px;}
select.selectLongPlus   { width:500px;}
.selectVeryLong         { width:800px;}
select.selectMiddle     { width:300px;}
select.selectMiddlePlus { width:350px;}
select.selectShortPlus  { width:75px;}
select.selectShort      { width:50px;}
select.selectCurrency   { width:75px;}
select.selectCurrency2  { width:75px; font-family:arial,lucida,helvetica,serif; font-size:12px;}
select.selectCurrency3  { width:110px; font-family:arial,lucida,helvetica,serif; font-size:12px;}


/* Status Colors */
.warning                { color:#FF8800; }
.info                   { color:#00AA00; }
.error                  { color:#FF0000; }
.errormsg               { color: #FF0000; font-size: 11px; }


/* jQueryUi modal dialogue fix (ie) */
.ui-widget-overlay      { position: fixed; }


/* jQuery Accordion */
.ui-state-active .ui-icon           { background-image: url("css/smoothness/images/ui-icons_444444_256x240.png") !important; }
.ui-state-active                    { background: transparent !important; color: black !important; border: 2px solid #DDD !important; }
.ui-accordion .ui-accordion-content { height: auto !important; padding: 0em 2.2em; background: transparent !important;}


/* jQuery multilist */
.swapbuttons                    { width:10%; padding-top: 100px; float:left; }
.swapselected                   { width: 45%; float:left; }
.swapavailable                  { width: 45%; float:left; }
.connectedSortable > li         { text-align: left; }
.leftlist                       { background-color: white; }
.rightlist                      { background-color: white; }
.leftlist > li > .swapRight     { float:right; }
.connectedSortable > li > span  { margin-top: 0; }
.swapLeft                       { float: left; }
.connectedSortable > li{
    height:20px;
    border:2px transparent;
    padding-left:0px;
    line-height: 20px;
}
.connectedSortable > .selected {
  background-color: yellow;
}
.litext{
    padding-top: 2px;
    font-weight:normal;
    font-size:12px;
}
.connectedSortable{
    border: 1px solid gray;
    font-weight:normal;
    font-size:12px;
    padding: 3px;
    max-height:180px;
    height: 180px;
    overflow: auto;
    list-style-type:none;
}


/* Images */
img                             { border-style:none; }
input[src="images/find.gif"]    { padding-left: 10px; }
img[src="images/tabright.gif"]  { height: 100%; }
.moveitems img                  { width:15px; height:15px; cursor: pointer; }

img[src="images/svg/up.svg"],
img[src="images/svg/down.svg"]
{
    width: 25px;
    height: 25px;
    margin: 5px;
}

div.airlineConfirmation
{
    background-image: url("images/AirlineConfirmation.png");
    background-image: none, url("images/svg/AirlineConfirmation.svg");
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
}

div.loadingDevice
{
    background-image: url("images/LoadingDevice.png");
    background-image: none, url("images/svg/LoadingDevice.svg");
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
}

div.outOffOffice
{
    background-image: url("images/OOO.png");
    background-image: none, url("images/svg/OOO.svg");
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
}

div.noCapacityGuarantee
{
    background-image: url("images/NoCapacityGuarantee.png");
    background-image: none, url("images/svg/NoCapacityGuarantee.svg");
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
}

div.transitAtRisk
{
    background-image: url("images/ConnectingFlightAlert.png");
    background-image: none, url("images/svg/ConnectingFlightAlert.svg");
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
}

div.didNoCapacityCheck
{
    background-image: none, url("images/svg/getRoutesNotAvailable.svg");
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
}

div.tiltedTransportation
{
    background-image: url("images/TiltedTransportation.png");
    background-image: none, url("images/svg/TiltedTransportation.svg");
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
}

div.bookingStatusPending
{
    background-image: none, url("images/svg/bookingStatus_pending.svg");
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
}

div.bookingStatusBooked
{
    background-image: none, url("images/svg/bookingStatus_booked.svg");
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
}

div.bookingStatusFailed
{
    background-image: none, url("images/svg/bookingStatus_failed.svg");
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
}

div.bookingStatusCanceled
{
    background-image: none, url("images/svg/bookingStatus_canceled.svg");
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
}

div.bookingStatusInfo
{
    background-image: none, url("images/svg/info.svg");
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
}

.taskCircleRed {
    background-image: url('images/task-red-92.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;
}

.taskCircleRedNew {
    background-image: url('images/svg/dot_red.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 25px 25px !important;
}

.taskCircleYellow {
    background-image: url('images/task-yellow-92.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;
}

.taskCircleYellowNew {
    background-image: url('images/svg/dot_yellow.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 25px 25px !important;
}

.taskCircleGreen {
    background-image: url('images/task-green-92.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;
}

.taskCircleGreenNew {
    background-image: url('images/svg/dot_green.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 25px 25px !important;
}

/* miscellaneous */
.marker { background-color: Yellow; }

.monitoringred {
    color: red;
}

#helptexticon {
    position: absolute;
    top: 60px;
    left: 937px;
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 20px;
    border: #FFB300 2px solid;
    text-align: center;
}

#metacustomshelplink
{
    position:absolute;
    top: 7px;
    left: 820px;
    width: 80px;
    height: 20px;
}

#table-OrderCostsOverview
{
    max-width: 1500px;
}

div.footnote                {color: #090948; font-size:10px; padding-left: 20px; }
div.swap-select-all-left,
div.swap-select-all-right   { margin-left:40%; margin-bottom: 10px; }
.swapselectionparent        { width: 100%; height: 100% }