﻿body {color:#202020/*58595B*/;float:left;font: 12px arial,helvetica,clean,sans-serif;width:100%;}
body * { line-height:1.22em;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {margin:0;padding:0;}

.width_100, .parent {width:100%;}
#container {height:auto;margin:0 auto;width:1200px;}
#contentarea {background:#E5E5E5;float:left;}
#headercontainer {float:left;padding:5px;width:99%;}
div#container div.greycontainer {background:#E5E5E5;float:left;margin:-5px 0 0px;width:100%;;}

.header {float:left;}

.ovrflow_auto{overflow:auto;}
.content-container { float:left; width:100%; margin:10px 0; padding:10px;}
.footer {background: url("../images/bottom.gif") repeat-x center bottom;float: left; padding: 10px 0 10px 20px;text-align: center;width: 758px;}

.contactYour{position:absolute; top:1px; right:280px;}
.contactYour a{color:#082B53; font-weight:bold; text-decoration:underline;}
.contactYour a:hover{color:#082B53; text-decoration:none;}
.box1{width:230px; float:left; padding:5px 10px 5px 5px; margin-right:5px; }
.box1 p{padding:2px 0;}
.br{border-right:1px dashed #d0d0d0;}
.head_line{color:#0A3260; border-bottom:1px dotted #e0e0e0; width:100%; padding:3px 0; float:left;}
/*Support Portal CSS */
.sendmail_pop{border:1px solid #e7e7e7; background: #FFFFFF;  border-radius: 8px; box-shadow: 1px 2px 3px #D5DCEF; float: left; padding: 2px 2px 5px; position: fixed; left:45px; top: 35%; width: 210px; z-index: 1000;}
.sendmail_pop h1{display:block; padding:.8em; font-size:12px; background:#DEE4F6; margin:0; border-radius:8px 8px 0 0; float:left; width: 91.4%;}
.itn_mailbox {float: left;padding: 1% 3%;width: 94%;}
.itn_mailbox p {float: left; margin: 0; padding: 0 0 5px; width: 100%;}
.htd_frmrow {float: left;margin-top: 0.5em; width: 100%;}
.htd_frmrow code {float: left; padding-bottom: 3px; width: 100%; font-weight:bold; font-size:11px;}
.htd_frmrow select, .htd_frmrow input[type="text"], .htd_frmrow textarea { border: 1px solid #DEE4F6;  color: #000000; float: left; font-size: 0.9em; padding: 2px; width: 98%;}
.htd_frmrow input[type="file"] {color: #CCCCCC;float: left;font-size: 0.9em;padding: 2px;width: 98%;}
.button_main_s {background:#0772C2; color: #FFFFFF; float: right; margin: 0.5em 0.5em 0; padding: 0.2em 0.5em; text-decoration: none; border:0px;}
.close_btn2{  background:#202020; border-radius: 25px; color: #FFFFFF; float: right; margin: -17px; padding: 0.15em 0.5em; cursor:pointer;}
.itn_mailbox input[type="radio"]{margin-right:5px; vertical-align:top;}

/*Roamer App css Added by baliram*/
.roamer_fadebg{position:fixed; top:0px; left:0px; bottom:0px; right:0px; background:rgba(0,0,0,.7);z-index: 9999;}
.tboclosebtn {background: url(../images/tboclose_btb.png) no-repeat;cursor: pointer;width: 20px;height: 20px;display: inline-block;position: absolute;top: -18px;right: -15px;}
.pushtoroamer{ float:right;}
.pushtoroamer .fa-question-circle{ font-size:18px; padding-top:2px;}
.roamer_popup{ position:fixed; top:41%; left:30%; width:450px; z-index:9999; background:#fff; border:5px solid #d7dff4;box-sizing:border-box; padding:0px;}
.roamer_popup h2{ float:left; width:100%; margin:0px; padding:10px; background:#DEE4F6; box-sizing:border-box;}
.roamer_row{ float:left; width:100%; padding:15px 10px; box-sizing:border-box;}
.roamer_row b{float:left; color:#333; font-weight:bold; width:35%;  padding-top: 7px;}
.roamer_row span{ float:left; width:65%;}
.roamer_ctycode { float:left; width:18%; height:25px; padding:5px;box-sizing:border-box;}
.roamer_mobile { float:left; width:80%; height:25px; padding:5px;box-sizing:border-box;}
.roamer_btn{ display:inline-block; background-image:url(../images/roamer_icon.png);background-color:#e6ac1c !important; text-decoration:none !important; background-position:5px center; background-repeat:no-repeat; padding:5px 5px 5px 26px; font-size:12px; font-weight:bold;box-sizing:border-box;}
.roamer_btn2{display:inline-block; background:#246197; color:#fff !important; padding:5px; margin-left: 3px; box-sizing:border-box; cursor:pointer; text-decoration:none;}
.blinkTxt{animation:blinking 2s infinite;background: yellow;font-size: 12px;font-weight:bold;padding:5px 8px;}
@keyframes blinking{
0%{  background: yellow; }
47%{  background: #feffe8; }
62%{  background: transparent; }
97%{  background:transparent; }
100%{ background: yellow;  }
}
.fareinclusionHead{ float:left; box-sizing: border-box;width:100%; border: 1px solid #d9deee; padding: 5px;background: #d9dcf1;  color: #646469;}
.fareSegmentHead{ float:left; box-sizing: border-box;width:100%; background: #f1f1f1; font-weight: bold; border: 1px solid #ebe9e9; padding: 5px;color: #646469;}
.border{border: 1px solid #d9deee;}
.fareinclusion { margin: 5px 0 0px;box-sizing: border-box; float: left; width: 100%; padding: 5px 10px;}
.fareinclusion li { margin: 2px 0 0;box-sizing: border-box; padding:3px 15px 3px 5px; float: left; width: 50%;}
.fareinclusion li::marker {  content: "\f058"; display: inline-block; font: normal normal normal 14px/1 FontAwesome;  font-size: inherit;  text-rendering: auto; -webkit-font-smoothing: antialiased; color: green;}
