﻿.tabCorners {
    border-radius:8px 8px 0px 0px;
	-moz-border-radius:8px 8px 0px 0px;
	-ms-border-radius:8px 8px 0px 0px;
	-o-border-radius:8px 8px 0px 0px;
	-webkit-border-radius:8px 8px 0px 0px;
    box-shadow:0px 0px 5px #42B31E;
	-moz-box-shadow:0px 0px 5px #42B31E;
	-ms-box-shadow:0px 0px 5px #42B31E;
	-o-box-shadow:0px 0px 5px #42B31E;
	-webkit-box-shadow:0px 0px 5px #42B31E;
    font-weight: bold;
    font-size: 11px;
    border-top: 1px solid #42B31E;
    border-left: 1px solid #42B31E;
    border-right: 1px solid #42B31E;
    color: #000000;
    padding: 7px;
    text-align: center;
    background-color: #ADDE9E;
}

.hide {display:none}
.tabCornersGrey {
    border-radius:8px 8px 0px 0px;
	-moz-border-radius:8px 8px 0px 0px;
	-ms-border-radius:8px 8px 0px 0px;
	-o-border-radius:8px 8px 0px 0px;
	-webkit-border-radius:8px 8px 0px 0px;
    box-shadow:0px 0px 5px #797979;
	-moz-box-shadow:0px 0px 5px #797979;
	-ms-box-shadow:0px 0px 5px #797979;
	-o-box-shadow:0px 0px 5px #797979;
	-webkit-box-shadow:0px 0px 5px #797979;
    font-weight: bold;
    font-size: 11px;
    border-top: 1px solid #B4B4B4;
    border-left: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4;
    color: #666666;
    padding: 7px;
    text-align: center;
}
.tabCornersGrey:hover {
    background-color: #adde9e;
    color: #000000;
    cursor: pointer;
}

.sectorTabs {
    font-weight: bold;
    font-size: 11px;
    border-left: 1px solid #B4B4B4;
    color: #666666;
    padding: 5px;
    text-align: center;
}
.ExtraTabs{
    font-weight: bold;
    font-size: 11px;
    border-left: 1px solid #B4B4B4;
    color: #666666;
    padding: 5px;
    text-align: center;
}
.modal_alert_span {
    background-color: #fff8dc;
    color: #333;
    padding: 3px;
    border: solid 1px #ffa700;
    font-family:"Open Sans Semibold", sans-serif;
}
#divFutureTripsSummary {line-height:2em}
@media screen and (max-width: 750px) {
    .ExtraTabs {
        border-left: none;
    }
}


.NavSectorTopBorder{
    border-top: 1px solid #D2D2D2;
}
.NavLegHeading{
    color: #000000;
    border-top: 1px solid #42B31E;
    border-bottom: 1px solid #42B31E;
    background-color: #ADDE9E;
    font-size: 11px;
    font-weight: bold;
}
.NavLegAddSectorHeading{
    color: #000000;
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    background-color: #E7E7E7;
    font-size: 11px;
    font-weight: bold;
}
.HotelShopHeadingTopGreen{
    border-top: 1px solid #42B31E;
}
.addSectorTable{
    border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    background-color: #E1E1E1;
    background-image: -webkit-linear-gradient(#E1E1E1, #FFFFFF,#E1E1E1);/*, #D2D2D2);*/

}
.PlanNavSector {
    padding:5px;

    background: #A0A0A0; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #A0A0A0, #FFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left , #A0A0A0, #FFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left , #A0A0A0, #FFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left , #A0A0A0, #FFF); /* Standard syntax */
}
.ShopNavSector {
    padding:5px;

    background: #FFFF7F; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #FFFF7F, #FFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left , #FFFF7F, #FFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left , #FFFF7F, #FFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left , #FFFF7F, #FFF); /* Standard syntax */
}
.ErrorNavSector {
    padding:5px;

    background: #FA5454; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #FA5454, #FFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left , #FA5454, #FFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left , #FA5454, #FFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left , #FA5454, #FFF); /* Standard syntax */
}
.WaitNavSector {
    padding:5px;

    background: #FFAA00; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #FFAA00, #FFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left , #FFAA00, #FFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left , #FFAA00, #FFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left , #FFAA00, #FFF); /* Standard syntax */
}


.ShopDoneNavSector {
    padding:5px;

    background: #ADDE9E; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #ADDE9E, #FFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left , #ADDE9E, #FFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left , #ADDE9E, #FFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left , #ADDE9E, #FFF); /* Standard syntax */
}

.ShopErrorNavSector {
    padding:5px;

    background: #FA5454; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #FA5454, #FFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left , #FA5454, #FFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left , #FA5454, #FFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left , #FA5454, #FFF); /* Standard syntax */
}

.ConsultantActionNavSector {
    padding:5px;

    background: #C873F2; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #C873F2, #FFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left , #C873F2, #FFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left , #C873F2, #FFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left , #C873F2, #FFF); /* Standard syntax */
}

.BookNavSector {
    padding:5px;

    background: #A0C1F0; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #A0C1F0, #FFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left , #A0C1F0, #FFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left , #A0C1F0, #FFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left , #A0C1F0, #FFF); /* Standard syntax */
}

.BookErrorNavSector {
    padding:5px;

    background: #FA5454; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #FA5454, #FFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left , #FA5454, #FFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left , #FA5454, #FFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left , #FA5454, #FFF); /* Standard syntax */
}


.NavAddSectorTabs{
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    overflow: auto;
    width: 100%;
    padding: 0px 5px 0px 5px;
    text-align: center;
}
.NavAddSectorTabs a{
    display: block;
    text-decoration: none;
    float: left;
    font-weight: bold;
    font-size: 11px;
    width: 88px;
}
.NavAddSectorTabs a:hover {
    background-color: #adde9e;
    color: #000000;
}


@media screen and (max-width: 500px) {
    .NavAddSectorTabs a {
        width: auto;
        min-width: 0;
    }
}

.NavAddExtraTabs{
    list-style-type: none;
    margin: 0px 0 0 0;
    padding: 0px 5px 0px 5px;
    overflow: auto;
    width: 100%;
    text-align: center;
}
.NavAddExtraTabs a{
    display: block;
    text-decoration: none;
    float: left;
    font-weight: bold;
    font-size: 11px;
    width: 80px;

}
.NavAddExtraTabsABigger {
    width: 92px;
}

.NavAddExtraTabs a:hover {
    background-color: #adde9e;
    color: #000000;
}



@media screen and (max-width: 990px) {
    .NavAddExtraTabs a {
        width: auto;
        min-width: 0;
    }
}


@media screen and (max-width: 750px) {
    .NavAddExtraTabs{
      position: relative;
    }
    .NavAddExtraTabs a {
        text-align: center;
        width: 24%;
        padding: 9px 0 9px 0;
    }
}

@media screen and (max-width: 450px) {
    .NavAddExtraTabs{
      position: relative;
    }
    .NavAddExtraTabs a {
        text-align: center;
        width:49%;
        padding: 9px 0 9px 0;
    }
}






.gmap3{
    border: 1px dashed #C0C0C0;
    width: 100%;
    height: 530px;
    overflow:scroll;
}

#imgbox
{
    vertical-align: middle;
    position: absolute;
    border: 1px solid #999;
    background: #FFFFFF;
    filter: Alpha(Opacity=80);
    visibility: hidden;
    z-index: 50;
    overflow: hidden;
    text-align: center;
}

.floatbox
{
    vertical-align: middle;
    position: absolute;
    border: 1px solid #999;
    background: #FFFFFF;
    filter: Alpha(Opacity=80);
    visibility: hidden;
    z-index: 50;
    overflow: hidden;
    width: 870px;
    text-align: left;

    border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 0px 20px #000000;
	-moz-box-shadow:0px 0px 20px #000000;
	-ms-box-shadow:0px 0px 20px #000000;
	-o-box-shadow:0px 0px 20px #000000;
	-webkit-box-shadow:0px 0px 20px #000000;
    padding: 0px 0px 0px 0px;
}

.ahrefInfo 
{
    text-decoration: none;
    color: #000000;
}


.CalendarClear {
    text-indent: -1000em;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    left: -46px;
    top: -1px;
}
.CalendarClearX {
    text-indent: -1000em;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    left: -21px;
    top: 2px;
}

.clear {
    text-indent: -1000em;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    left: -22px;
    top: 3px;
}
.clearKeyboard {
    text-indent: -1000em;
    width: 42px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    left: -45px;
    top: 3px;
}
.clearX {
    /* DELETE text-indent: -1000em;*/
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    left: -21px;
    top: 4px;
    font-size:16px;
}

.clearX i {opacity:0.65; color:#222}
.clearX:hover i {opacity:1}



.smartRoute {
    text-indent: -1000em;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    left: -21px;
    top: -5px;
}



.NavigationTextbox  
{
    width: 200px;
}


.NavigationTextboxNoColor
{
    border: 1px solid #F0F0F0;
    width: 200px;
}
.NavigationTextboxNoColorNoWidth
{
    border: 1px solid #F0F0F0;
}

.CalendarTextbox  
{
    font-family    :  Arial;   
    font-size      :  12px;   
    color          :  #000000;
    background     :  #FFFFFF;   
    width          :  90px;
    height         : 18px; 
}


.divNavHeader
{
	padding:6px;
}
.divHeader
{
	background-color: #384453;
	color: #FFFFFF;
	height: 22px;
}

.divBorderAll
{
	border: 1px solid #C0C0C0;
}



.divOrangeBorderAll
{
	border: 2px solid #FD8300;
}

.divBookExtra
{
	border: 1px solid #000000;
	color: #000000;
	background-color: #E3E8EE;
	text-align: left;
}
.divBookError
{
	border: 1px solid #000000;
	color: #FFFFFF;
	background-color: #FE5C5C;
	text-align: left;
}
.divBookExtraRight
{
	border: 1px solid #000000;
	color: #000000;
	background-color: #E3E8EE;
	text-align: right;
}

.divExpanded
{
	border-top: 1px solid #ADDE9E;
	background-color: #ADDE9E;
	color: #000000;
}


.divSector0
{
	background-color: #FFFFFF;
	color: #000000;
}
.divSectorFare
{
	background-color: #E3E8EE;
	color: #000000;
}




.divSector1
{
	background-color: #FCFC9E;
	color: #000000;
}



.divSector2
{
	background-color: #FCFC9E;
	color: #000000;
}


.divSector3
{
	background-color: #FCFC9E;
	color: #000000;
}


.divSector4
{
	background-color: #FCFC9E;
	color: #000000;
}


.divSector5
{
	background-color: #FCFC9E;
	color: #000000;
}



.divSectorEXTRAS
{
	background-color: #FCFC9E;
	color: #000000;
}


.divSectorEnabled
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
	background-color: #5BAE4B;
	width: 50px;
	color: #FFFFFF;
	font-weight: bold;
	height:51px;

}
.divSectorEnabledInfo
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
	background-color: #5BAE4B;
	color: #FFFFFF;
	height: 51px;
}

.divSectorDisabled
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
	background-color: #E3E8EE;
	width: 50px;
	color: #000000;
	font-weight: bold;
	height:51px;

}
.divSectorDisabledInfo
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
	background-color: #E3E8EE;
	color: #000000;
	height: 51px;
	
}

.divSectorSelected
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
	background-color: #E3E8EE;
	width: 51px;
	color: #000000;
	font-weight: bold;
	min-height: 51px;

}
.divSectorSelectedShop
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
	background-color: #FCFC9E;
	width: 51px;
	color: #1E1E1E;
	font-weight: bold;
	min-height: 51px;

}

.divSectorSelectedInfo
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
	background-color: #FFFFFF;
	color: #000000;
	min-height: 51px;
}
.divSectorSelectedInfoWhite
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
	background-color: #FFFFFF;
	color: #000000;
	min-height: 51px;
}



.divSectorAdd
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
	background-color: #E3E8EE;
	width: 51px;
	color: #000000;
	font-weight: bold;
	min-height: 18px;

}
.divSectorAddInfo
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
	background-color: #E3E8EE;
	color: #000000;
	min-height: 18px;
}



.divSectorPlan
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
	background-color: #E3E8EE;
	width: 51px;
	color: #000000;
	font-weight: bold;
	min-height: 51px;

}
.divSectorPlanInfo
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
	background-color: #E3E8EE;
	color: #000000;
	min-height: 51px;
}

.divSectorShop
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
	background-color: #FCFC9E;
	width: 51px;
	color: #1E1E1E;
	font-weight: bold;
	min-height: 51px;

}
.divSectorShopInfo
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
	background-color: #FCFC9E;
	color: #1E1E1E;
	min-height: 51px;
}

.divSectorShopDone
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
	background-color: #B7E3B7;
	width: 51px;
	color: #1E1E1E;
	font-weight: bold;
	min-height: 51px;

}
.divSectorShopDoneInfo
{
	background-color: #B7E3B7;
	color: #1E1E1E;
	min-height: 51px;
}

.divSectorShopError
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
	background-color: #FE5C5C;
	width: 51px;
	color: #1E1E1E;
	font-weight: bold;
	min-height: 51px;

}
.divSectorShopErrorInfo
{
	background-color: #FE5C5C;
	color: #1E1E1E;
	min-height: 51px;
}

.divSectorConsultantAction
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
	background-color: #C873F2;
	width: 51px;
	color: #000000;
	font-weight: bold;
	min-height: 51px;

}
.divSectorConsultantActionInfo
{
	background-color: #C873F2;
	color: #000000;
	min-height: 51px;
}
.divSectorBook
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
	background-color: #CBDDF7;
	width: 51px;
	color: #1E1E1E;
	font-weight: bold;
	min-height: 51px;

}
.divSectorBookInfo
{
	background-color: #CBDDF7;
	color: #1E1E1E;
	min-height: 51px;
}

.divSectorBookError
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
	background-color: #FE5C5C;
	width: 51px;
	color: #1E1E1E;
	font-weight: bold;
	min-height: 51px;

}
.divSectorBookErrorInfo
{
	background-color: #FE5C5C;
	color: #1E1E1E;
	min-height: 51px;
}

.divSectorError
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
	background-color: #FE5C5C;
	width: 51px;
	color: #000000;
	font-weight: bold;
	min-height: 51px;

}
.divSectorErrorInfo
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
	background-color: #FE5C5C;
	color: #000000;
	min-height: 51px;
}

.divSectorWait
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
	background-color: #FBB773;
	width: 51px;
	color: #1E1E1E;
	font-weight: bold;
	min-height: 51px;

}
.divSectorWaitInfo
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
	background-color: #FBB773;
	color: #1E1E1E;
	min-height: 51px;
}





.Adverts {
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 0px 20px #000000;
	-moz-box-shadow:0px 0px 20px #000000;
	-ms-box-shadow:0px 0px 20px #000000;
	-o-box-shadow:0px 0px 20px #000000;
	-webkit-box-shadow:0px 0px 20px #000000;
}


.TransferShopMessage {
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 0px 20px #000000;
	-moz-box-shadow:0px 0px 20px #000000;
	-ms-box-shadow:0px 0px 20px #000000;
	-o-box-shadow:0px 0px 20px #000000;
	-webkit-box-shadow:0px 0px 20px #000000;
    padding: 5px 5px 5px 5px;
    color: #FFFFFF;
}

.passwordvalidationbubble, .employeenumbervalidationbubble{
    background-color: #F2F2F2;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    padding: 0px 10px;
    position: absolute;
    vertical-align: top;
}
.QuoteSectorBlocks {
    	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 0px 20px #42B31E;
	-moz-box-shadow:0px 0px 20px #42B31E;
	-ms-box-shadow:0px 0px 20px #42B31E;
	-o-box-shadow:0px 0px 20px #42B31E;
	-webkit-box-shadow:0px 0px 20px #42B31E;
    padding: 10px;
    border : 1px solid #42B31E;
}



.QuoteGreyTotals {
    	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 0px 20px #000000;
	-moz-box-shadow:0px 0px 20px #000000;
	-ms-box-shadow:0px 0px 20px #000000;
	-o-box-shadow:0px 0px 20px #000000;
	-webkit-box-shadow:0px 0px 20px #000000;
    padding: 10px;
    border : 1px solid #000000;
    background-color: #E1E1E1;
}








.wrapMobileHeadingValue {
    display: table-cell;
}

@media (max-width:610px) {
    .wrapMobileHeadingValue { 
		display: table-row;
	}
}

.wrapMobileHeadingValue-Table td{
    display: table-cell;
}

@media (max-width:610px) {
    .wrapMobileHeadingValue-Table td{ 
		display: table-row;
	}
}



.TopTravellerDivLeft{
	float:left;
	width:50%;
    text-align:left;
}
.TopTravellerDivRight{
	float:left;
	width:50%;
    text-align:left;
}
#divTopTravellerLeft input, 
#divTopTravellerRight input {
    width:100%;
}

@media (max-width:970px) {
    .TopTravellerDivLeft{
	    float:left;
	    width:100%;
        text-align:left;
    }
    .TopTravellerDivRight{
	    float:right;
	    width:100%;
        text-align:left;
    }
}


.wrapAddTraveller{
    display: table-cell;
}
@media (max-width:590px) {
    .wrapAddTraveller{ 
        display:inline-table;
        padding: 5px;
        width: 100%;
	}
}


.wrapTravellerTableHeadingValue{
    display: table-cell;
}
.TravellerTableLabelPadding{
    padding: 7px 0px 0px 2px;
}
@media (max-width:420px) {
    .wrapTravellerTableHeadingValue{ 
        display:inline-table;
        padding: 5px;
        width: 100%;
	}
    .TravellerTableLabelPadding{
        padding: 7px 0px 0px 5px;
    }
}

.wrapTravellerRowBig{
    display: table-row;
}
.wrapTravellerRowSmall{
    display: none;
}
@media (max-width:670px) {
    .wrapTravellerRowBig{
        display: none;
    }
    .wrapTravellerRowSmall{
        display: table-row;
    }
}




.NavCostCenterAndTotalsDivLeft{
	float:left;
	width:600px;
    text-align:left;
}
.NavCostCenterAndTotalsDivRight{
	float:right;
	width:350px;
    text-align:right;
}
@media (max-width:980px) {
    .NavCostCenterAndTotalsDivLeft{
	    float:left;
	    width:100%;
        text-align:left;
    }
    .NavCostCenterAndTotalsDivRight{
	    float:right;
	    width:100%;
        text-align:right;
    }
}


.wrapCostCenterRowBig{
    display: table-row;
}
.wrapCostCenterRowSmall{
    display: none;
}
@media (max-width:550px) {
    .wrapCostCenterRowBig{
        display: none;
    }
    .wrapCostCenterRowSmall{
        display: table-row;
    }
}



.wrapCreditCardRowBig{
    display: table-row;
}
.wrapCreditCardRowSmall{
    display: none;
}
@media (max-width:690px) {
    .wrapCreditCardRowBig{
        display: none;
    }
    .wrapCreditCardRowSmall{
        display: table-row;
    }
}

.wrapCreditCardColumns{
    display: table-cell;
    
}
@media (max-width:400px) {
    .wrapCreditCardColumns{ 
        display:inline-table;
        padding: 5px;
        width: 100%;	}
}



.NavNeedMoreBig{
    display: table-cell;
}
.NavNeedMoreSmall{
    display: none;
}
@media (max-width:430px) {
    .NavNeedMoreBig{
        display: none;
    }
    .NavNeedMoreSmall{
        display: table-cell;
    }
}

.NavTopTabs{
    display: table-cell;
}

@media (max-width:890px) {
    .NavTopTabs{
        display: none;
    }
}



.NavWaitShopErrorSummaryBig{
    display: table-cell;
}
.NavWaitShopErrorSummarySmall{
    display: none;
}
.ShopSummaryResultsBackTeaserTableWidth{
    width: 70%;
}
@media (max-width:770px) {
    .NavWaitShopErrorSummaryBig{
        display: none;
    }
    .NavWaitShopErrorSummarySmall{
        display: table-row;
    }
    .ShopSummaryResultsBackTeaserTableWidth{
        width: 290px;
    }

}

.NavShopDoneBig{
    display: table-row;
}
.NavShopDoneSmall1{
    display: none;
}
.NavShopDoneSmall2{
    display: none;
}
@media (max-width:900px) {
    .NavShopDoneBig{
        display: none;
    }
    .NavShopDoneSmall1{
        display: table-row;
    }
    .NavShopDoneSmall2{
        display: none;
    }
}
@media (max-width:560px) {
    .NavShopDoneBig{
        display: none;
    }
    .NavShopDoneSmall1{
        display: none;
    }
    .NavShopDoneSmall2{
        display: table-row;
    }
}

.planVisaWrap{
    display: table-cell;
}
@media (max-width:760px) {
    .planVisaWrap{
        display:inline-table;
        padding: 5px;
        width: 100%;
    }
}

.planVisaTextboxWidth{
    width: 250px;
}
@media (max-width:390px) {
    .planVisaTextboxWidth{
        width: 220px;
    }
}
.planVisaTextareaWidth{
    width: 500px;
}
@media (max-width:600px) {
    .planVisaTextareaWidth{
        width: 250px;
    }
}
@media (max-width:390px) {
    .planVisaTextareaWidth{
        width: 220px;
    }
}



.MultiCityWrap{
    display: table-cell;
}
@media (max-width:1000px) {
    .MultiCityWrap{
        display:inline-table;
        padding: 5px;
        width: 100%;
    }
    .MultiCityWrap:before {
        display: block;
        width: 120px;
        content: attr(data-label);
        float: left;
        color: #797979;
        font-size: 11px;
        padding-top: 10px;
    }
   
}

@media (max-width:400px) {
    .MultiCityWrap:before {
        display: table-row;
        width: 120px;
        content: attr(data-label);
        float: none;
        color: #797979;
        font-size: 11px;
        padding-top: 10px;
    }
}

.MultiCityHeadingBig{
    display: table-row;
}
.MultiCityHeadingSmall{
    display: none;
}
.MultiCityHeadingLegBig{
    display: table-cell;
}
@media (max-width:1000px) {
    .MultiCityHeadingBig, .MultiCityHeadingLegBig{
        display: none;
    }
    .MultiCityHeadingSmall{
        display: table-row;
    }
}

.MultiCityFooterWrap{
    display: table-cell;
}
@media (max-width:400px) {
    .MultiCityFooterWrap {
        display: table-row;
        width: 120px;
        content: attr(data-label);
        float: none;
        color: #797979;
        font-size: 11px;
        padding-top: 10px;

    }
}

.tdSmartRouteWidth{
    width: 430px;
    max-width: 430px;
}

@media (max-width:590px) {
    .tdSmartRouteWidth{
        width: 330px;
    }
}
@media (max-width:490px) {
    .tdSmartRouteWidth{
        width: 250px;
    }
}

.txtSmartRouteWidth{
    width: 400px;
    max-width: 400px;
}

@media (max-width:590px) {
    .txtSmartRouteWidth{
        width: 300px;
    }
}
@media (max-width:490px) {
    .txtSmartRouteWidth{
        width: 220px;
    }
}

.SmartRouteWrap{
    display: table-cell;
}
@media (max-width:400px) {
    .SmartRouteWrap{
        display:table-row;
        width: 220px;
    }
}



.flightPlanDivLeft{
	float:left;
	width:49%;
    text-align:left;
    min-width: 330px;
}
.flightPlanDivRight{
	float:left;
	width:240px;
    text-align:left;
}
@media (max-width:710px) {
    .flightPlanDivLeft{
	    float:left;
	    width:100%;
        text-align:left;
    }
    .flightPlanDivRight{
	    float:left;
	    width:100%;
        text-align:left;
    }
}
.flightPlanTexboxWidth{
    width: 300px;
}
@media (max-width:430px) {
    .flightPlanTexboxWidth{
        width: 223px;
    }
}
.flightPlanSelectWidth{
    width: 307px;
}
@media (max-width:430px) {
    .flightPlanSelectWidth{
        width: 230px;
    }
    .flightPlanDivLeft{
        min-width: 0px;
    }
}

.divPlanButtonsLeft{
    float: left;
    padding: 5px 10px 5px 0px;
}

.divModifyScreenTopButtons{
    float: left;
    padding: 5px 30px 10px 0px;
}
.divModifyScreenTopButtonsSummary{
    padding: 10px;
}
.divFloatLeft{
    float: left;
}



.divFloatLeftHotelShopGoogleMaps{
    float: left;
}

@media (max-width:570px){
    .divFloatLeftHotelShopGoogleMaps{
        float: left;
        width:100%;
        padding-top: 5px;
    }
}

.hotelPlanTexboxWidth{
    width: 300px;
}
.hotelPlanCalendarColumnWidth{
    width: 177px;
}

@media (max-width:380px){
    .hotelPlanTexboxWidth{
        width: 250px;
    }
    .hotelPlanCalendarColumnWidth{
        width: 127px;
    }
}


.carPlanDivLeft{
	float:left;
	width:49%;
    text-align:left;
    min-width: 330px;
}
.carPlanDivRight{
	float:left;
	width:240px;
    text-align:left;
}

@media (max-width:710px) {
    .carPlanDivLeft{
	    float:left;
	    width:100%;
        text-align:left;
    }
    .carPlanDivRight{
	    float:left;
	    width:100%;
        text-align:left;
    }
}

.carPlanTexboxWidth{
    width: 300px;
}
@media (max-width:430px) {
    .carPlanTexboxWidth{
        width: 223px;
    }
    .carPlanDivLeft{
        min-width: 0px;
    }
}


.planTransferWrap{
    display: table-cell;
}
@media (max-width:760px) {
    .planTransferWrap{
        display:inline-table;
        padding: 5px;
        width: 100%;
    }
}

.transferPlanTexboxWidth{
    width: 300px;
}
@media (max-width:400px) {
    .transferPlanTexboxWidth{
        width: 250px;
    }
   
}

.planForexWrap{
    display: table-cell;
}
@media (max-width:760px) {
    .planForexWrap{
        display:inline-table;
        padding: 5px;
        width: 100%;
    }
}

.planForexTextareaWidth{
    width: 500px;
}
@media (max-width:600px) {
    .planForexTextareaWidth{
        width: 300px;
    }
}
@media (max-width:430px) {
    .planForexTextareaWidth{
        width: 220px;
    }
}

.planForexTextboxWidth{
    width: 300px;
}
@media (max-width:430px) {
    .planForexTextboxWidth{
        width: 220px;
    }
}



.planExpenseClaimWrap{
    display: table-cell;
}
@media (max-width:760px) {
    .planExpenseClaimWrap{
        display:inline-table;
        padding: 5px;
        width: 100%;
    }
}
.planDailyAdvanceWrap {
    display: table-cell;
}

@media (max-width:760px) {
    .planDailyAdvanceWrap {
        display: inline-table;
        padding: 5px;
        width: 100%;
    }
}

.planExpenseClaimTextareaWidth{
    width: 500px;
}
@media (max-width:600px) {
    .planExpenseClaimTextareaWidth{
        width: 300px;
    }
}
@media (max-width:430px) {
    .planExpenseClaimTextareaWidth{
        width: 220px;
    }
}

.planExpenseClaimTextboxWidth{
    width: 300px;
}
@media (max-width:430px) {
    .planExpenseClaimTextboxWidth{
        width: 220px;
    }
}
.planDailyAdvanceTextboxWidth {
    width: 300px;
}

@media (max-width:430px) {
    .planDailyAdvanceTextboxWidth {
        width: 220px;
    }
}





.BusTrainCharterPlanDivLeft{
	float:left;
	width:49%;
    text-align:left;
}
.BusTrainCharterPlanDivRight{
	float:right;
	width:49%;
    text-align:left;
}
@media (max-width:890px) {
    .BusTrainCharterPlanDivLeft{
	    float:left;
	    width:100%;
        text-align:left;
    }
    .BusTrainCharterPlanDivRight{
	    float:right;
	    width:100%;
        text-align:left;
    }
}

.planBusTrainCharterTextboxWidth{
    width: 250px;
}
@media (max-width:390px) {
    .planBusTrainCharterTextboxWidth{
        width: 220px;
    }
}


.planBusTrainCharterTextareaWidth{
    width: 500px;
}
@media (max-width:690px) {
    .planBusTrainCharterTextareaWidth{
        width: 300px;
    }
}
@media (max-width:390px) {
    .planBusTrainCharterTextareaWidth{
        width: 220px;
    }
}

.planBusTrainCharterWrap{
    display: table-cell;
}
@media (max-width:550px) {
    .planBusTrainCharterWrap{
        display:inline-table;
        padding: 5px;
        width: 100%;
    }
}




.planParkingWrap{
    display: table-cell;
}
@media (max-width:605px) {
    .planParkingWrap{
        display:inline-table;
        padding: 5px;
        width: 100%;
    }
}


.planParkingTextareaWidth{
    width: 500px;
}
@media (max-width:760px) {
    .planParkingTextareaWidth{
        width: 300px;
    }
}
@media (max-width:420px) {
    .planParkingTextareaWidth{
        width: 220px;
    }
}

.planParkingTextboxWidth{
    width: 300px;
}
@media (max-width:420px) {
    .planParkingTextboxWidth{
        width: 220px;
    }
}







.planInsuranceWrap{
    display: table-cell;
}
@media (max-width:660px) {
    .planInsuranceWrap{
        display:inline-table;
        padding: 5px;
        width: 100%;
    }
}


.planInsuranceTextareaWidth{
    width: 500px;
}
@media (max-width:810px) {
    .planInsuranceTextareaWidth{
        width: 300px;
    }
}
@media (max-width:430px) {
    .planInsuranceTextareaWidth{
        width: 220px;
    }
}

.planInsuranceTextboxWidth{
    width: 300px;
}
@media (max-width:430px) {
    .planInsuranceTextboxWidth{
        width: 220px;
    }
}


.ItemGroupDivider {

    background: #BBBBBB; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #FFFFFF, #BBBBBB, #FFFFFF ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left , #FFFFFF, #BBBBBB, #FFFFFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left , #FFFFFF, #BBBBBB, #FFFFFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left , #FFFFFF, #BBBBBB, #FFFFFF); /* Standard syntax */

}
.SubItemGroupDivider {

    background: #D2D2D2; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #FFFFFF, #D2D2D2, #FFFFFF ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left , #FFFFFF, #D2D2D2, #FFFFFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left , #FFFFFF, #D2D2D2, #FFFFFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left , #FFFFFF, #D2D2D2, #FFFFFF); /* Standard syntax */

}

.carShopImageBorder {
    border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
    border: 0px;
    box-shadow:0px 0px 5px #696969;
	-moz-box-shadow:0px 0px 5px #696969;
	-ms-box-shadow:0px 0px 5px #696969;
	-o-box-shadow:0px 0px 5px #696969;
	-webkit-box-shadow:0px 0px 5px #696969;
}

.carShopImageTopCorners{
    display: block;

    border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	-ms-border-radius:5px 5px 0px 0px;
	-o-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;

}

.carShopImageBottomCorners{
    display: block;

    border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	-ms-border-radius:0px 0px 5px 5px;
	-o-border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;

}

.carShopImageAllCorners{
    display: block;

    border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;

}

.shopFilterFloatBox
{
    vertical-align: middle;
    position: absolute;
    border: 1px solid #999;
    background: #FFFFFF;
    filter: Alpha(Opacity=80);
    visibility: hidden;
    z-index: 50;
    overflow: hidden;
    width: 1000px;
    text-align: center;
}

.shopBooked {
    background-color: #FFFDD0;
}

.carShopSummaryBigCell{
    display: table-cell;
}
.carShopSummarySmallCell{
    display: none;
}
.carShopSummaryBigRow{
    display: table-row;
}
.carShopSummarySmallRow{
    display: none;
}
.carShopSummarySmallerCell{
    display: none;
}
.carShopSummarySmallerRow{
    display: none;
}
.carShopSummarySmallerWrap{
    display: table-cell;
}

#txtDropoffFlightNumber1 {width:190px}
.tdFlightNumber_DepartureTime {
    width:300px
}
.tdDepartureTime {
    width: 110px
}

#ConfirmBookingButton {
    background-color: rgb(0, 146, 210);
}

@media (max-width:730px) {
    .carShopSummaryBigCell{
        display: none;
    }
    .carShopSummarySmallCell{
        display: table-cell;
    }
    .carShopSummaryBigRow{
        display: none;
    }
    .carShopSummarySmallRow{
        display: table-row;
    }
}
@media (max-width:480px) {
    .carShopSummaryBigCell{
        display: none;
    }
    .carShopSummarySmallCell{
        display: none;
    }
    .carShopSummaryBigRow{
        display: none;
    }
    .carShopSummarySmallRow{
        display: table-row;
    }

    .carShopSummarySmallerCell{
        display: table-cell;
    }
    .carShopSummarySmallerRow{
        display: table-row;
    }

    .carShopSummarySmallerWrap{
        display:inline-table;
        padding: 5px;
        width: 100%;
    }
}

.carShopFilterHeadingBig{
    display: table;
}
.carShopFilterHeadingSmall{
    display: none;
}
@media (max-width:500px) {
    .carShopFilterHeadingBig{
        display: none;
    }
    .carShopFilterHeadingSmall{
        display: table;
    }
}


.carShopFilterWrap{
    display: table-cell;
}
@media (max-width:600px) {
    .carShopFilterWrap{
        display:inline-table;
        padding: 5px;
        width: 100%;
    }
}
.carShopFilterResultsWrap{
    display: table-cell;
}
@media (max-width:600px) {
    .carShopFilterResultsWrap{
        display:inline-table;
        width: 100%;
    }
}
.carShopFilterColumns2Wrap{
    display: table-cell;
}
@media (max-width:800px) {
    .carShopFilterColumns2Wrap{
        display:inline-table;
        width: 100%;
    }
}


.carShopFilterColumns3Wrap{
    display: table-cell;
}
@media (max-width:760px) {
    .carShopFilterColumns3Wrap{
        display:inline-table;
        width: 100%;
    }
}

.carShopFilterColumns4Wrap{
    display: table-cell;
}
@media (max-width:800px) {
    .carShopFilterColumns4Wrap{
        display:inline-table;
        width: 100%;
    }
}

.carShopImageWidth{
    width: 150px;
}
@media (max-width:450px) {
    .carShopImageWidth{
        width: 100px;
    }
}

.carShopResultsWrap {
    display: table-cell;
    padding: 7px 7px 0px 7px;
}
@media (max-width:620px) {
    .carShopResultsWrap{
        display:inline-table;
        width: 100%;
    }
}

.carShopResultsCarDescriptionBig{
    display: table-row;
}
.carShopResultsCarDescriptionSmall{
    display: none;
}
@media (max-width:620px) {
    .carShopResultsCarDescriptionBig{
        display: none;
    }
    .carShopResultsCarDescriptionSmall{
        display: table-row;
    }
}

.carShopResultsCarAmountBig{
    display: table-cell;
}
.carShopResultsCarAmountSmall{
    display: none;
}
@media (max-width:620px) {
    .carShopResultsCarAmountBig{
        display: none;
    }
    .carShopResultsCarAmountSmall{
        display: table-cell;

    }
}


.carShopResultsDetailWrap{
    display: table-cell;
}
@media (max-width:700px) {
    .carShopResultsDetailWrap{
        display:inline-table;
        width: 100%;
    }
}

.carShopResultsDetailBiggerWrap{
    display: table-cell;
}
@media (max-width:910px) {
    .carShopResultsDetailBiggerWrap{
        display:inline-table;
        width: 100%;
    }
}


.carShopResultsBottomButtonsBig {
    display: table-row;
}
.carShopResultsBottomButtonsSmall{
    display: none;
}
@media (max-width:420px) {
    .carShopResultsBottomButtonsBig{
        display: none;
    }
    .carShopResultsBottomButtonsSmall{
        display: table-row;
    }
}


.carShopBranchMessageWrap{
    display: table-cell;    
}
@media (max-width:550px) {
    .carShopBranchMessageWrap {
        display:inline-table;
        width: 100%;
    }
}
    




.hotelShopImageBorder {
    border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
    border: 0px;
    box-shadow:0px 0px 5px #696969;
	-moz-box-shadow:0px 0px 5px #696969;
	-ms-box-shadow:0px 0px 5px #696969;
	-o-box-shadow:0px 0px 5px #696969;
	-webkit-box-shadow:0px 0px 5px #696969;
}

.hotelShopImageTopCorners{
    display: block;

    border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	-ms-border-radius:5px 5px 0px 0px;
	-o-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;

}

.hotelShopImageBottomCorners{
    display: block;

    border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	-ms-border-radius:0px 0px 5px 5px;
	-o-border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;

}

.hotelShopImageWidth{
    width: 150px;
}


.ViewTimeSelectedFlight {
  border: 1px solid #FD8300;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;


}

.ViewTimetableOperatesFlight{
    cursor: pointer;
	transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	-webkit-transition: 0.4s;	
}
.ViewTimetableOperatesFlight:hover{
    cursor: hand;
    background-color: #E1E1E1;
	transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	-webkit-transition: 0.4s;
}


.showHand{
    cursor: pointer;
}

.showHand:hover{
    cursor: hand;
}

.timetableConnectingFlights{
      border: 1px solid #42B31E; 

}


.timetableFlightDetailsWrap{
    display: table-cell;    
}
@media (max-width:800px) {
    .timetableFlightDetailsWrap {
        display:inline-table;
        width: 100%;
        padding: 10px 0px 0px 0px;
    }
}


.timetableFlightDaysWrap{
    display: table-cell;    
}
@media (max-width:550px) {
    .timetableFlightDaysWrap {
        display:inline-table;
        width: 100%;
    }
}


.flightShopInternationalVendorTab{
      border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;

}
.aha-Special {
    background-color: #077DDD;
    color: #FFFFFF;
  padding: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 0px solid #696969;
  box-shadow: 0px 0px 3px #696969;
  -moz-box-shadow: 0px 0px 3px #696969;
  -ms-box-shadow: 0px 0px 3px #696969;
  -o-box-shadow: 0px 0px 3px #696969;
  -webkit-box-shadow: 0px 0px 3px #696969; 

  display:inline-table;
  font-size: 11px;
}


.travellerSummary3Columns{
    display:table;
}
.travellerSummary2Columns{
    display:none;
}
.travellerSummary2ColumnsWrap{
    display: table-cell;    
}
.rate_incudes_text {
    color: cornflowerblue;
    padding: 2px;
}
.PropertyRoomDescription {
    /*color: cornflowerblue;*/
    font-weight: bold;
    font-size: 13px;
}
@media (max-width:900px) {
    .travellerSummary3Columns{
        display:none;
    }
    .travellerSummary2Columns{
        display:table;
    }
}

@media (max-width:650px) {
    .travellerSummary2ColumnsWrap {
        display:inline-table;
        width: 100%;
    }
}

.travellerSummaryButtonsBig{
    display: table;    
}
.travellerSummaryButtonsSmall{
    display: none;    
}
@media (max-width:430px) {
    .travellerSummaryButtonsBig {
        display: none;    
    }
    .travellerSummaryButtonsSmall {
        display: table;    
    }
}


.AddSectorColumnWrap{
    display: table-cell;    
}
@media (max-width:760px) {
    .AddSectorColumnWrap {
        display:inline-table;
        width: 100%;
    }
}

.AddSectorColumnLabelWrap{
    display: table-cell;    
}
@media (max-width:460px) {
    .AddSectorColumnLabelWrap {
        display:inline-table;
        width: 100%;
    }
}

.HighlightYellow{
    background-color: #FCFED4;
}


.service_status {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 1s ease-in-out;
    -moz-transition: max-height 1s ease-in-out;
    -ms-transition: max-height 1s ease-in-out;
    -o-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out;
}

    .service_status.open {
        max-height: 9999px;
        overflow: hidden;
        -webkit-transition: max-height 1s ease-in-out;
        -moz-transition: max-height 1s ease-in-out;
        -ms-transition: max-height 1s ease-in-out;
        -o-transition: max-height 1s ease-in-out;
        transition: max-height 1s ease-in-out;
    }

.TRF2Quote.green .sector-status-message {
    background-color: #caf4bc;
    border: solid 1px #62de38;
    padding: 10px;
    border-radius: 10px;
}
.TRF2green .TRF2sector-status-message {
    background-color: #caf4bc;
    border: solid 1px #62de38;
    padding: 10px;
    border-radius: 10px;
}

.TRF2yellow .TRF2sector-status-message {
    background-color: #fffdd0;
    border: solid 1px #ffe0a4;
    padding: 10px;
    border-radius: 10px;
}

.TRF2purple .TRF2sector-status-message {
    background-color: #e6def7;
    border: solid 1px #9370db;
    padding: 10px;
    border-radius: 10px;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}
.ui-menu-divider {
    display: none;
}