﻿.nitification_off{position:absolute; right:0px; top:-190%;  width:455px; height:295px; z-index:1;}
.appbox{position:fixed; right:-113px; top:30%; padding:.5%; font-family:verdana;}
.outer_ring a, .update_box a, .update_boxclose a{text-decoration:none;}
.outer_ring{height:0; width:0; padding:1.5%;  background:#fff; border:1px solid #e0e0e0; float:left; position:absolute; right:1px; top:9px; }
.inner_blue{border:3px solid #0d2a5e; background:#fff; padding:3%; height:0; width:0; position:absolute; right:4px; top:13px;}
.inner_ring{background:#e5e5e5; padding:50px; padding:12%; height:0px; width:0px; position:absolute; right:19px; top:28px; transition:ease .8s; -webkit-transition:ease .8s; -ms-transition:ease .8s; }

.update_box, .update_boxclose{padding:2%; height:138px; width:138px; background:#f5f5f5; color:#072a52; font-size:16px; position:absolute; right: 32px; top:47px; cursor:pointer; z-index:10; }
.outer_ring, .inner_blue, .inner_ring, .update_boxclose, .flight_icon, .hotel_icon, .other_icon, .updclose_btn sup,
.flight_icon sup, .hotel_icon sup, .other_icon sup{border-radius:105px;border-radius:105px; -webkit-border-radius:105px; -ms-border-radius:105px; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; }
.update_box{ border-radius:75px 0 0 75px; }
.notif_update{ box-sizing:border-box; background:url(../Images/updateimg.png) no-repeat right center !important;right: 117px;width: 70px;cursor: pointer;padding: 25% 20%;margin: 24px 0 0 0;color: #072a52;}

.newred sup, .airup sup, .hotelup sup, .otherup sup{margin:-3px 0 0 4px; color:#000; font-size:12px; float:right; }
.flight_icon, .hotel_icon, .other_icon{width:0px; height:0px; border:2px solid #fff; float:left; position:absolute; opacity:0; filter:alpha(opacity="0"); transition:ease .2s; -webkit-transition:ease .2s; -ms-transition:ease .2s; z-index:100; cursor:pointer;}
.flight_icon{right: 140px; top:6px;}
.hotel_icon{right: 190px; top:95px;}
.other_icon{right: 147px; top:184px;}
.flight_icon sup, .hotel_icon sup, .other_icon sup{color: #fff; background:red; float: left; width:18px; height:18px; padding:1px; text-align:center; font-size: 12px; margin: -13px 0 0 0px; }
.flight_icon{background:url(../Images/icon.png) no-repeat 7px 7px #D3AD61;}
.hotel_icon{background:url(../Images/icon.png) no-repeat 6px -32px #D3AD61;}
.other_icon{background:url(../Images/icon.png) no-repeat 8px -64px #D3AD61;}
.flight_icon:hover{background:url(../Images/icon.png) no-repeat 7px 7px #062951;}
.hotel_icon:hover{background:url(../Images/icon.png) no-repeat 6px -32px #062951;}
.other_icon:hover{background:url(../Images/icon.png) no-repeat 8px -64px #062951;}

.updclose_btn sup{color: #fff; background:red; float: left; width:18px; height:18px; padding:1px; text-align:center; font-size: 12px; margin-left:35px; margin-top: -92px;}

.flightupdate_box{padding:0 3px; position:absolute; border-right:4px solid #c0a063; width:215px; display:none; transition:ease 2s;  -ms-transition:ease 2s;  -webkit-transition:ease 2s; border-radius: 0 9px 9px 0; -ms-border-radius: 0 9px 9px 0; -webkit-border-radius: 0 9px 9px 0;}
.flightupdate_box:after{content:""; border-style:solid; border-width:9px; border-color:transparent transparent transparent #C0A063; position:absolute; right:-21px; top:24%;}
.flightupdate_box ul{list-style:none; margin:0px; padding:0px;}
.flightupdate_box li{float:left; width:93%; background:#DCDCDC; padding:8px 6px; font-size:12px;}
.flightupdate_box li:first-child{border-radius:5px 0 0 0;}
.flightupdate_box li:last-child{border-radius: 0  0 0 5px;}
.flightupdate_box li + li{margin-top:3px;}
.flightupdate_box li a{color:#343434;}
.linknew{background:url(../images/link.png) 1px 0 no-repeat; padding-left:26px; float:left; min-height:18px;}
.downew{background:url(../images/download.gif) 0 0 no-repeat; padding-left:26px; float:left; min-height:18px;}
.flightposition{right:235px; top:-19px;}
.hotelposition{left:-457px; top:75px;}
.othersposition{left:-432px; top:165px;}
.closebtn{background: url("../Images/icon.png") no-repeat scroll left -104px; float: left; height:18px; left: -2px; position: absolute; top: -8px; width:18px;}


.update_box:hover, .update_boxclose:hover{transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1);}


.update_box, .update_boxclose, .inner_ring, .inner_blue, .outer_ring{transition:ease 1s; -webkit-transition:ease 1s; -ms-transition:ease 1s;}
.outer_ring{transition-delay: .2s; -webkit-transition-delay: .2s; -ms-transition-delay: .2s;}
.inner_blue{transition-delay: .4s; -webkit-transition-delay: .4s; -ms-transition-delay: .4s;}
.inner_ring{transition-delay: .8s; -webkit-transition-delay: .8s; -ms-transition-delay: .8s;}
.ring1{width:180px; height:180px; transition-delay: .2s; -webkit-transition-delay: .2s; -ms-transition-delay: .2s;}
.ring2{width:210px; height:210px; transition-delay: .4s; -webkit-transition-delay: .4s; -ms-transition-delay: .4s;}
.ring3{width:220px; height:220px; transition-delay: .8s; -webkit-transition-delay: .8s; -ms-transition-delay: .8s;}
.animated1{opacity:10; filter:alpha(opacity="100"); width:40px; height:40px;  transition-delay:1s;  -webkit-transition-delay:1s;  -ms-transition-delay:1s;}
.animated2{opacity:10; filter:alpha(opacity="100"); width:40px; height:40px;  transition-delay:1.2s;  -webkit-transition-delay:1.2s;  -ms-transition-delay:1.2s;}
.animated3{opacity:10; filter:alpha(opacity="100");  width:40px; height:40px; transition-delay:1.4s; -webkit-transition-delay:1.4s; -ms-transition-delay:1.4s;}

.animated1:hover, .animated2:hover, .animated3:hover{transition-delay:.1s;  -webkit-transition-delay:.1s;  -ms-transition-delay:.1s;} 






/*notification popup*/
.notification_popup{width:300px; position:fixed; bottom:5px; left:5px; z-index:100; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px; box-shadow:1px 2px 6px #666666; -webkit-box-shadow:1px 2px 6px #666666; -ms-box-shadow:1px 2px 6px #666666;}
.notihead{background:#2857a5 url(../images/notiicon.png) no-repeat left bottom; padding:3px 2px 2px 38px; float:left; color:#fff; font-size:14px; width:87%; border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;}
.notihead span{float:left;}
.noticlose{background:#ff0000; color:#fff; font-size:14px; padding:0 4px; text-decoration:none; float:right; margin:2px;}
.notibox{background:#e8e8e8; padding:2%; border:1px solid #fff; float:left; width:96%; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px;}
.notirow{width:96.5%; float:left; padding:5px; color:#555; font-size:12px;}
.notirow:nth-child(1){background:#ffffff;}
.notirow:nth-child(2){background:#faf2e3; margin-top:4px;}
.notirow:nth-child(3){background:#e5f6f7; margin-top:4px;}

/*---Notification page--------------*/
.midddle{ float:left; width:100%; background:#fff;}
.fld{ float:left; width:95%; margin:25px 0 0 23px;}
.fld_lft{ float:left; width:48%;}
.fld_rgt{ float:right; width:48%;}
.lbl{ width:36%; font-size:15px; font-family:Calibri; color:#454545; line-height:30px;}
.lbl_sml{ width:20%; font-size:15px; font-family:Calibri; color:#454545; line-height:30px;}
.inpt, .slct{  font-size:15px; font-family:Calibri; color:#636464; padding:5px; margin:0px 0 0 30px; border:solid 1px #d7d9d9; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.inpt{width:50%;background:#F0F0F0;}
.slct{ width:52.8%;  border: 1px solid #D0D0D0;background-color:#F0F0F0;}
.slct_sml{ width:25%; font-size:15px; font-family:Calibri; color:#636464; padding:4px; background:#ecf0f1; border:solid 1px #d7d9d9; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.sml_btn{ font-family: Calibri;  float: right; font-size:15px; cursor:pointer; padding:5px; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; background:#1e427c; border:none; color:#fff; font-family:Calibri; font-weight:bold; text-align:center; -webkit-box-shadow: #B3B3B3 0px 3px 3px;-moz-box-shadow: #B3B3B3 0px 3px 3px; box-shadow: #B3B3B3 0px 3px 3px;margin-left: 12px;}
.btn_siz{ width: 130px;}
fieldset { border: 1px solid #C2C2C2; display:block; margin: 26px 0 0; padding: 29px 10px; width: 95%;}
.fied_leg{font-size: 18px; font-weight: bold; padding: 5px;}
.btn_upload {float:left}
.fld_lft_uploadcontrl {float: left;width: 70%;}
.lbl_upld {color: #454545;font-family: Calibri;font-size: 15px;line-height: 30px;width: 24%;}
.fld_lft1{ float:left; width:36%; padding-top:15px;}
.width48{ width:42% !important;}
.uload{padding-top: 10px; width: 115%!important;}
.pagepath{width: 176px!important;}
.widtht_txtr{ margin-left: 37px !important; width: 166px !important;}
.notific_btn{ float:left; width:100%; text-align:center; margin:0px; padding-top:20px;}
.fld_rgt_span{ padding-left:159px; font-size:11px;}
.fieldset{border: 1px solid #C2C2C2 !important;  padding: 11px !important;}
.notificationbox{width:780px; float:left; background:#fff;}
.notification_box{width:100%; float:left; background:#F5F5F5; border:1px solid #d0d0d0;}
.notificationrow{width:100%; float:left; padding:10px;}
.notificationrow:nth-child(2n+1){background:#E5ECF4;}
.update_notification{ position:fixed; top:30.5%; right:-103px;}
.noti_head{width:98.4%; padding:1%; background:#1E427C; float:left; }
a.update_min{ position:absolute; right:102px;  width:27px; height:24px; background:url(../images/plus_sprite.png) 1px 0 no-repeat;top:29px; z-index:10;}
a.update_plus{ display:none; position: absolute;right:102px;width: 62px;height: 110px;background: transparent url("../images/plus_sprite.png") no-repeat scroll 27px -30px;top:101px;z-index: 100;}
