/* Firefox old*/
@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.5;
    }
    100% {
        opacity:0.2;
    }
} 

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.5;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.5;
    }
    100% {
        opacity:1;
    }
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.5;
    }
    100% {
        opacity:1;
    }
} 
.FlightResultsAirlIcon {
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

@font-face {
  font-family: 'Muli';
  src: url('Rambla/Muli-Regular.eot');
  src: url('Rambla/Muli-Regular.eot?#iefix') format('embedded-opentype'),
       url('Rambla/Muli-Regular.woff') format('woff'),
       url('Rambla/Muli-Regular.ttf') format('truetype'),
       url('Rambla/Muli-Regular.svg#Muli') format('svg');
}

.btn-3 {
    padding: 7px 8px;
    background: #3d58ad;
    color: white;
    font-size: 12px;
    border: none;
    outline: none;
    border-radius: 100px 0px 100px 100px;
    transition: all 0.3s;
    _border: 2px solid #063f9d;
}

    .btn-3 a {
        _opacity: 0;
        _margin-left: -20px;
        transition: all 0.5s;
        color: white;
    }

    .btn-3:hover a {
        color: white;
        opacity: 1;
        margin-left: 2px;
    }

    .btn-3:hover {
        box-shadow: 0px 0px 70px #286BDC;
    }

.priceDiscount {
    text-decoration: line-through !important;
    color: red !important;
    font-size: 11px !important;
    padding-left: 5px !important;
}

.lbldiscount{color:red;}

.fontpro,.fontpro-35767 {
  font-family: 'Muli',sans-serif;
}

.lstCabinselected{color:white;background:#15b515;border: 1px solid darkgreen;}
.lstHdrCabinselected{color:white;background:darkgreen;border: 1px solid darkgreen;}

.MasterHotelCodeMoreDtl{color:darkgreen !important}

.ui-corner-all:not(:.ui-btn){overflow:hidden;}

.imgrotaion {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top:-5px;
    margin-right:10px;
} 

#imghotelAmneties,#imghoteloverview {
     -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
} 

body, form {
    height:100%;background:#37BEFF;
}

body, html, form,input,label,textarea {text-shadow: none;font-family:'Muli',sans-serif; }
.ui-page { -webkit-backface-visibility: hidden; }
.opacity3{opacity:0.2;filter: alpha(opacity=20);}
.opacity7{opacity:0.7;filter: alpha(opacity=70);}
.ui-block-a .ui-mini.ui-input-has-clear{padding-left:0px;padding-right:0px;margin-left:0px;margin-right:0px;}
.ui-mini.ui-input-has-clear{padding-left:0px;padding-right:0px;margin-left:0px;margin-right:0px;}
.ui-input-text{padding-left:0px;padding-right:0px;margin-left:0px;margin-right:0px;}

.JQFlighttimer{color:white !important;
               _position: fixed;    
               border-top:1px solid white;
    text-align:center;
    width:100%;
    /*font-weight:bold;*/
    _left:0;
    _display:none;
    height: 18px;
    font-size:12px;
    _margin-top:-5px;
    background-color: #0b659e;
    padding: 2px;padding-top:4px !important;}
.overflowhddn{overflow:hidden}
.CurrencyHdr .ui-select{  margin-top: 4px !important;}
#DropDownCurrency-button{padding-left: 5px;font-size:11px}/*padding-right: 30px;width: 31px;*/
.FlightResultsprice{text-align:left;color:green;font-size:17px;font-weight:bold}
.FlightResultsArlnm{text-align:right}
.FlightResultsAirlIcon{width:30px;max-height:31px;}
.FlightMreoptIcon{width:20px;margin-top:4px;}
.FlightIcon{width:10px;}
.FlightRstsDiv{border:1px solid #1274b3; padding:5px;background:white;margin-bottom:10px;}
.FlightRstsNrAptDiv {
    border: 1px solid #fa9763;
    padding: 5px;
    background: #fbded3;
    margin-bottom: 10px;
}
.FlightRstsNrAptDivlbl{
    padding-left:5px;
    padding-right:5px;
    color:#767f06;
}
.FlightRstsavbnle {
    padding: 2px 5px 1px 5px;
    background: white;
    border: 1px solid rgba(239, 22, 22, 0.9);
    margin-bottom: 3px;
}
a{text-decoration:none;font-weight:normal;color:gray;}
.moreoptionavbl{ color:#1274b3 !important; text-align:left;height:20px;border-top:1px solid #d8d8d8;padding-top:9px;}

.FlightinfoHdr{color:white;font-size:16px;margin-top:10px;margin-bottom:10px;_text-transform:uppercase;}
.FlightinfoDiv{border:1px solid #1274b3; padding:3px;background:white;margin-bottom:10px;}
.flightinfoclock{width:20px;}
.flightinfodotted{height:1px;border-top:1px dotted #d9d8d3;}

.bookinfodotted {height:1px;border-top:2px dashed #D9D8D3}

table{width:100%;height:100%;}

.ui-select{margin-left:2px !important;margin-right:2px !important;}

/*Hover*/
.bghover:hover,.bghover:focus,.bghover:active{opacity:1;filter: alpha(opacity=100);cursor:pointer;}
.cursorpointer{cursor:pointer;}

/*TEXT COLOR*/
.footerleft{width:100px;float:left;}
.footerright{float:right;margin-top:10px;}
.lblgray{color:gray;}
.lblred{color:red}
.lblgreen{color:green}
.BgtmBlue {color:#046ca3}
.lblblue {color: #1274b3 !important;}
.lbltmblue{color:#28b7e1 !important}
.lblwhite{color:white;text-shadow:none;font-weight:normal}
.lbllayout{background:white;position: inherit;color:gray;}
.lbldark{color:#122043 !important;}
.termsconditions p{color:gray;}
.lblcatp{text-transform:uppercase}
.lblyellow{color:yellow}
.lblnonbold{font-weight:normal}

/*TEXT ALIGNMENT*/
.text-Right{text-align:right;}
.text-Light{text-align:left;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.Fltright{float:right}
.Fltleft{float:left}

/*ARROW*/
.rightarrow {width:20px;float:right;margin-top:-2px;}
.leftarrow {width:20px;float:left;margin-top:-2px;}

/*HEIGHT & WIDTH*/
.height10{height:10px;}
.height15{height:15px}
.height20{height:20px;}
.height30{height:30px}
.height40{height:40px}
.height45{height:45px}
.height50{height:50px;}
.height80{height:80px;}
.height150{height:150px;}
.width25{width:25%}
.width33{width:33.333%}
.width50{width:50%}
.width100{width:100%}
.wid20{width:20px;}
.wid30{width:30px;}
.wid45{width:45px;}
.wid40{width:40px;}
.wid50{width:50px;}
.wid65{width:65px;}
.wid80{width:80px;}
.wid150{width:150px;}
.width45p{width:45%}

/*FONT SIZE*/
.font11{font-size:11px;}
.font10{font-size:10px;}
.font13{font-size:13px;}
.font12{font-size:12px;}
.font15{font-size:15px;}
.font9{font-size:9px;}
.font17{font-size:17px;}
.bold{font-weight:bold}

/*PADDING*/
.padd5{padding:5px;}
.paddlft10{padding-left:10px;}
.paddrht10{padding-right:10px;}
.paddtop3{padding-top:3px;}
.padd10{padding:10px;}
.paddleft30{padding-left: 30px;}
.paddleft40{padding-left:40px;}
.paddtop5 {padding-top:5px;} 
.paddbotm5{padding-bottom:5px}
.paddbotm10{padding-bottom:10px;}


.opacity0{opacity:0;filter: alpha(opacity=0);}

/*MARIGN*/
.marginnone{margin:0px !important}
.mrgtp5{margin-top:5px;margin-bottom:0px;}
.mrgintp5{margin-top:5px;}
.mrginbm5{margin-bottom:5px;}
.mrgintp10{margin-top:10px;}
.mrginbm10{margin-bottom:10px;}
.mrgintpm10{margin-top:-10px;}

/*BACKGROUND*/
.bgwhite{background:white;}
.bgtmBlue{background:#28b7e1 !important}
.backgrndNone{background:none;border:none;}
.BgBlue {background-color:#27B9E2}
.BgGreen {background-color:#046ca3}
.bggray{background:#D7E5D4;border:1px solid green}
.bgred{background:#e5d4d8;border:1px solid red}

/*Border*/
.marginnone{margin:0px}
.bordernone .ui-input-text{border:none !important;box-shadow:none;margin-bottom: 0;margin-top: -10px;}
.brdtopgray{border-top:1px solid #D8DBC9}
.brdbtmgray{border-bottom:1px solid #D8DBC9;border-left:1px solid #D8DBC9;border-right:1px solid #D8DBC9}
.brdrrd65{border-radius:45px;-moz-border-radius:45px;-webkit-border-radius:45px;}
.brdrgray{border:1px solid #D8DBC9}
.borderbtmgreen{border-bottom:1px dotted #046ca3}
.bordergreen {border: 1px solid #046ca3;}
.borderred{border:1px solid red !important;}
.borderblue{border:1px solid #1274b3 !important;}
.borderredopa{border:1px solid rgba(241, 21, 21, 0.75) !important;}
.borderflightsLoading {
    padding-left:10px;
	border-collapse: collapse;    
	_border-bottom: 2px dashed #046ca3;
    _box-shadow: inset 0 -1px 0 0 #046ca3, inset 0 1px 0 0 #046ca3, 0 1px 0 0 #046ca3, 0 -1px 0 0 #046ca3;
	margin-bottom: 1px;
}
.borderflightsLoading, .borderflightsLoading tr td, .borderflightsLoading tr th {
    border: 4px solid #37BEFF;
}
.borderflightsLoading tr td, .borderflightsLoading tr th {
    padding-left:10px;
}

/*BUTTON*/
.bookbtnflightresult{background: none repeat scroll 0 0 #1274b3;
    color: white;
    cursor: pointer;
    font-size: 15px;
    margin-top: 5px;    
    width:100%;    
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
    text-shadow: none;}
.bookbtnflightresult:hover,.bookbtnflightresult:focus,
.bookbtnflightresult:active,.bookbtnflightresult::after{background:#0b659e}

/*Non Clickable **/
.pointernone {pointer-events: none;}
.Nonclickable{/*pointer-events: none;*/}
.ui-select .ui-input-text .ui-icon-calendar{/*display:none;*/}

/*FILTER*/
.selctedbrdr{border:1px solid green;background:#D7E5D4;}
.AvialableFooter{width:100%;margin-top:20px;margin-bottom:10px;}
.BaggageFilter{display:block;width:20px;height:20px;border-radius:66px;-moz-border-radius:66px;-webkit-border-radius:66px;border:4px double #ccc;font-size:20px;color:#666;line-height:100px;text-align:center;text-decoration:none;text-shadow:0 1px 0 #fff;background:#ddd}
.BaggageFilterSelected {background-color:darkgreen;text-shadow:0 1px 0 #fff;border:4px double #fff;}
.StopFilter{display:block;width:20px;height:20px;border-radius:66px;-moz-border-radius:66px;-webkit-border-radius:66px;border:4px double #ccc;font-size:20px;color:#666;line-height:100px;text-align:center;text-decoration:none;text-shadow:0 1px 0 #fff;background:#ddd}
.StopFilterSelected {background-color:darkgreen;text-shadow:0 1px 0 #fff;border:4px double #fff;}
.FlightStopFilterDiv{height:100%}
.FlightRstsavbnle{cursor:pointer}

#FlightSTOPtbl tr {height:40px;border-bottom:1px solid #e9e8e3;background:white;}
#FlightSTOPtbl tr td{color:gray;}
#FlightSTOPtbl tr td:first-child{padding-left:10px;}

.FlightAirlnNmFilterDiv {height: 100%;}

.PrcNmFilter{cursor:pointer;background-color:#fff;color:#122043;text-shadow:none;text-align:center;border:1px solid rgba(205, 191, 191, 0.9);}
.PrcNmFiltercircleDiv{display:block;width:20px;height:20px;border-radius:66px;-moz-border-radius:66px;-webkit-border-radius:66px;border:4px double #ccc;font-size:20px;color:#666;line-height:100px;text-align:center;text-decoration:none;text-shadow:0 1px 0 #fff;background:#ddd}
.PrcNmFilterSelected {background-color:darkgreen;text-shadow:0 1px 0 #fff;border:4px double #fff;}

.AirlnNmFilter{cursor:pointer;background-color:#fff;color:#122043;text-shadow:none;text-align:center;border:1px solid rgba(205, 191, 191, 0.9);}
.AirlnNmFiltercircleDiv{display:block;width:20px;height:20px;border-radius:66px;-moz-border-radius:66px;-webkit-border-radius:66px;border:4px double #ccc;font-size:20px;color:#666;line-height:100px;text-align:center;text-decoration:none;text-shadow:0 1px 0 #fff;background:#ddd}
.AirlnNmFilterSelected {background-color:darkgreen;text-shadow:0 1px 0 #fff;border:4px double #fff;}

.RefundableNmFilter{cursor:pointer;background-color:#fff;color:#122043;text-shadow:none;text-align:center;border:1px solid rgba(205, 191, 191, 0.9);}
.RefundableNmFiltercircleDiv{display:block;width:20px;height:20px;border-radius:66px;-moz-border-radius:66px;-webkit-border-radius:66px;border:4px double #ccc;font-size:20px;color:#666;line-height:100px;text-align:center;text-decoration:none;text-shadow:0 1px 0 #fff;background:#ddd}
.RefundableNmFilterSelected {background-color:darkgreen;text-shadow:0 1px 0 #fff;border:4px double #fff;}

.FlightInfocircleDiv{display:block;width:20px;height:20px;border:4px double #ccc;font-size:20px;color:#666;line-height:100px;text-align:center;text-decoration:none;text-shadow:0 1px 0 #fff;background:#ddd}
.FlightInfocircleSelected {background-color:darkgreen;text-shadow:0 1px 0 #fff;border:4px double #fff;}

.PaytypecircleDiv{display:block;width:20px;height:20px;border-radius:66px;-moz-border-radius:66px;-webkit-border-radius:66px;border:4px double #EF4761;font-size:20px;color:#666;line-height:100px;text-align:center;text-decoration:none;text-shadow:0 1px 0 #fff;background:#ddd}
.PaytypetypeSelected {background-color:darkgreen;text-shadow:0 1px 0 #fff;border:4px double #fff;}

.PaymodecircleDiv{display:block;width:20px;height:20px;border-radius:66px;-moz-border-radius:66px;-webkit-border-radius:66px;border:4px double #EF4761;font-size:20px;color:#666;line-height:100px;text-align:center;text-decoration:none;text-shadow:0 1px 0 #fff;background:#ddd}
.PaymodeSelected {background-color:darkgreen;text-shadow:0 1px 0 #fff;border:4px double #fff;}

.InfantcircleDiv{display:block;width:20px;height:20px;border-radius:66px;-moz-border-radius:66px;-webkit-border-radius:66px;border:4px double #f495a4;font-size:20px;color:#666;line-height:100px;text-align:center;text-decoration:none;text-shadow:0 1px 0 #fff;background:#ddd}
.InfantSelected {background-color:darkgreen;text-shadow:0 1px 0 #fff;border:4px double #fff;}

/*Steps*/
.FlightSteps{padding:0px;margin:0px;}
.FlightSteps li {
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  border-radius: 1em;
  background: dodgerblue;
  margin: 0 1em;
  display: inline-block;
  color: white;
  position: relative;
}

.FlightSteps li::before{
  content: '';
  position: absolute;
  top: .9em;
  left: -4em;
  width: 4em;
  height: .2em;
  background: dodgerblue;
  z-index: -1;
}


.FlightSteps li:first-child::before {
  display: none;
}

.FlightSteps li.active {
  background: dodgerblue;
}

.FlightSteps li.active ~ li {
  background: gray;
}

.FlightSteps li.active ~ li::before {
  background: gray;
}


/*Input Textbox - Label*/

.ui-select .ui-btn{background:white;text-shadow:none;color:#2f2c2c}


.ui-select .ui-btn:visited,.ui-select .ui-btn:hover,.ui-select .ui-btn:active,.ui-select 
.ui-btn:focus{background:white;text-shadow:none;color:#2f2c2c}

.bookinfo .ui-select{margin-left:0px;margin-right:2px;}
.bookinfo2 .ui-select{margin-left:2px;margin-right:0px;}


/*Panel disable while clicking*/
.ui-panel-dismiss-open.ui-panel-dismiss-position-right{right:100%;}


/*Range Slider*/
.ui-bar-b, .ui-page-theme-b .ui-bar-inherit, html .ui-bar-b .ui-bar-inherit, html .ui-body-b .ui-bar-inherit, html body .ui-group-theme-b .ui-bar-inherit
{background:#fff;border:1px solid #e9e8e3;}

.ui-rangeslider-sliders .ui-slider-track {
    background-color: dodgerblue;
}
.ui-rangeslider-sliders .ui-slider-bg {
    background-color: #1274b3 !important;
}


/**IFRAME*/
.myIframe {
position: relative;
padding-bottom: 30px;
padding-top: 10px;
_height: 100% !important;
overflow: auto; 
-webkit-overflow-scrolling:touch; 
border: none;
} 
.myIframe iframe { 
    /*-ms-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);

    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;*/
}
.myIframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
-webkit-overflow-scrolling:touch;
height: 100%;
max-width: 100% !important;
overflow:scroll;
}


/*Price Filter*/

.FlightPriceFilter{padding:0px;margin:0px;}
.FlightPriceFilter li {
  width: 3em;
  height: 3em;
  text-align: center;
  line-height: 3em;
  border-radius: 3em;
  background: dodgerblue;
  margin: 0 2em 0 0em;
  display: inline-block;
  color: gray;
  position: relative;
}
.FlightPriceFilter li:first-child{margin-left:0px;}

.FlightPriceFilter li::before{
  content: '';
  position: absolute;
  top: 1.4em;
  left: -3em;
  width: 3em;
  height: .4em;
  background: dodgerblue;
  z-index: -1;
}


.FlightPriceFilter li:first-child::before {
  display: none;
}

.FlightPriceFilter li.active {
  background: dodgerblue;
}

.FlightPriceFilter li.active ~ li {
  background: white;
}

.FlightPriceFilter li.active ~ li::before {
  background: white;
}


/**Searh Autocomplete*/
.ui-listview-filter-inset {
    margin-top: 0;
}

.disabled {
pointer-events: none;
opacity: 0.5;filter: alpha(opacity=50);
background: #CCC;
}

.autocomplete-suggestions {
border: 1px solid #999;
background: #196db6;
cursor: default;
overflow: auto;
-webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
-moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

.autocomplete-suggestion {
text-align: left;
padding: 8px;
white-space: nowrap;
overflow: hidden;
color:white;
font-size: 13px;
}

.cmCalendericon{
    position: absolute;top: 13px;right: 10px;
}

.autocomplete-selected {
background: #27B9E2;
color:white;
}

.autocomplete-suggestions strong {
font-weight: normal;
color:white;
}
.ui-menu-item{color:white;height:20px;padding-top:10px;}
.ui-autocomplete {background:#122043;height:200px;overflow:hidden;width:70%;}

#suggestions,#suggestions1{height:100% !important;margin-bottom: 0;margin-top: 0;
                           -webkit-border-radius:0px !important;
	border-radius:0px !important;	}
#suggestions li, #suggestions1 li {background: #064874;
  border: 1px solid #373736;
  padding-bottom: 0;
    padding-top: 0;
  color: white;}
#suggestions,#suggestions1 {box-shadow:none;}
.ui-alt-icon.ui-icon-search::after, .ui-alt-icon .ui-icon-search::after, 
.ui-input-search::after{display:none;}

.ui-footer {background:#fff !important}
.ui-panel-wrapper,.ui-page {background:#37BEFF !important}/*#c4e7f8 Flightspageone*/
#myFlightsIndexPage .ui-panel-wrapper,#StopsFilterpanel{background:#37BEFF !important}
#ArrvlFilterpanel .ui-panel-inner{padding:0px;}
#DeptFilterpanel .ui-panel-inner {padding: 0px;}

    #ArrvlFilterpanel.ui-panel.ui-panel-open,#DeptFilterpanel.ui-panel.ui-panel-open {
        position:fixed;
    }
   #ArrvlFilterpanel .ui-panel-inner,#DeptFilterpanel .ui-panel-inner{
        position: absolute;
        top: 1px;
        left: 0;
        right: 0;
        bottom: 0px;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }
.ui-panel-inner {
    -webkit-overflow-scrolling: touch;
}

    .ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay, .ui-panel-animate.ui-panel-position-right.ui-panel-display-push
    {
     right: 0;
     -webkit-transform: translate3d(25em,0,0);
	 -moz-transform: translate3d(25em,0,0);
	 transform: translate3d(25em,0,0);
    }
    .ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay, .ui-panel-animate.ui-panel-position-left.ui-panel-display-push
    {
    left: 0;
    -webkit-transform: translate3d(-25em,0,0);
	-moz-transform: translate3d(-25em,0,0);
	transform: translate3d(-25em,0,0);
    }

.ui-listview > li p{font-size:14px;margin:4px 2px 4px 0px;}
/*Datebox*/
.ui-datebox-griddate-empty{
  filter: Alpha(Opacity=30);
  opacity: .3;
  cursor: default !important;
  pointer-events: none;}


.loader {
  margin: 60px auto;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  overflow: hidden;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}




.spinner {
  margin: 10px auto;
  width: 60px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color:#fff;
  height: 100%;
  margin-right:3px;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}


/**Buton Hover*/
.press-it-btn:hover, .press-it-btn:focus {
opacity:0.9; 
cursor:pointer;
}
.press-it-btn:active {
opacity:0.9; 
cursor:pointer;
}

.Menuindex .lblnonbold{
    border:none !important;  
    cursor:pointer;  
}

.lblindexHdr{font-size:16px;letter-spacing:1px;}

.Menuindex .lblnonbold:not(:last-child){
    border-bottom:1px solid #ddd !important;    
}

.indexrightarrow
{
    float: right;
    margin-top: -22px;
    position: absolute;
    right: 10px;
    text-align: right;
    width: 25px;
}

.Menuindex{background:#1274b3;}

.lblnonbold{
    margin:0px;
    background:none !important;
}

.lblnonbold > label {
    margin: 3px 0 0;
    cursor:pointer;
}

.indexleftarrow
{
    float: left;    
    width: 30px;
    padding-right: 10px;
}

.letterspacing1{letter-spacing:1px;}





.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}