/* ================================ CSS Reset  ================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*============================== General Styles ======================================*/
body{
    font-family: 'Roboto', sans-serif;
    background-color: #fff;
}

*{
    box-sizing: border-box;
    /*user-select: none;*/
}

button{
    background: transparent;
    border:none;
    outline: none;
}

b {
    font-weight: bold;
    font-family: "DroidSans-Bold";
}

strong {
    font-weight: bold;
    font-family: "DroidSans-Bold";
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    background-color: #fff;
    margin-top: 10px;
    color: #000 !important;
}

.navbar-brand img 
{
	margin-left: -30px;
	}

@media (max-width: 768px)
{
	.navbar-brand img 
	{
		margin-left: 0;
		}
	}

.btn-bg-yellow{
    padding: 10px 40px 10px 40px;
    background-color: #ffc600 !important;
    font-size: 16px !important;
    border-radius:  0;
    color: #000;
    margin-bottom: 10px;
}

.btn-bg-dark{
    padding: 10px 40px 10px 40px;
    background-color: #a4a4a4 !important;
    font-size: 16px !important;
    border-radius:  0;
    color: #000;
    margin-right: 10px;
    margin-bottom: 10px;
}

.btn-bg-darker{
    padding: 10px 40px 10px 40px;
    background-color: #423c3c !important;
    font-size: 16px !important;
    border-radius:  0;
    color: #fff;
    margin-right: 10px;
    margin-bottom: 10px;
}

.btn-bg-darker:hover {
	color: #fff !important;
}

.right-inner-addon {
    position: relative;
}

.right-inner-addon input {
    padding-right: 30px;    
}

.right-inner-addon span {
    position: absolute;
    right: 0px;
    padding: 10px 25px;
    pointer-events: none;
    color: #dbdbdb;
}

.left-inner-addon {
    position: relative;
}

.left-inner-addon input {
    padding-left: 65px;    
}

.left-inner-addon span {
	position: absolute;
    left: 0px;
    padding: 17px 16px;
    pointer-events: none;
    color: #000000;
    font-size: 15px;
}

.dropdown-img{
    right: 20px;
    transform: translateY(20%);
    position: absolute;
    top: 7px;
}

.notes {
    font-size: 13px;
    font-style: italic;
    display:block;
    margin-top: 3px;
    line-height: 20px;
}

.color-yellow
{
	color: #ffc600 !important;
	}
	
.color-red
{
	color: #ff0000 !important;
	}
	
.border-bottom-yellow
{
	border-bottom: 5px solid 
	}
	
.display-none
{
	display:none !important;
	}

.yellow-line
{
	height: 5px; 
	background-color: #ffc600;
	width: 200px;
	margin-left:auto;
	margin-right:auto;
	}
/*============================== Preload Styles ======================================*/
 .se-preload
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: url(../assets/images/LoadingIconGIFv1.2.gif) center no-repeat #fff; 
    background-size: 200px 200px;
    }
    
@media (max-width: 768px) 
{
	 .se-preload 
	 {
	 	background-size: 150px 150px;
	}
}

	/****MODAL PAYNAMICS PROCEED ****/


@media (max-width: 280px)
{
	#btnProceed_Back
{
  margin-right:0px!important;
}
	
}
@media screen and(min-width: 1024px)
{
 #MODALPAYNAMICSREDIRECTION> :first-child
{
  width:500px !important;
}
}

@media screen and (max-width: 767px)
{
 #MODALPAYNAMICSREDIRECTION> :first-child
{
  width:300px !important;
  margin-right:auto;
  margin-left:auto;
}
}
@media screen and (min-width: 767px) and (max-width:1023px)
{
 #MODALPAYNAMICSREDIRECTION> :first-child
{
  width:500px !important;
  margin-right:auto;
  margin-left:auto;
}
}
	/****MODAL PAYNAMICS PROCEED ****/
/*============================== Quotation Banner Styles  ======================================*/
.application-page-bg 
{
	background-image: url('../assets/images/TravelApplicationPage_BG.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 30px;
	}
	
.quotation-banner{
    padding: 50px 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 400px;
    background-image: url('../assets/images/ProductsPage_Travel_Bannerv1.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #fff !important;
}

.quotation-banner h1
{
	line-height: 1.2;
	font-size: 32px !important;
	font-family: 'DroidSans-Bold';
	margin-bottom: 8px;
	}

.quotation-banner h3 
{
	font-size: 22px !important; 
	line-height: 38px; 
	font-family: 'DroidSans-Regular', Sans-Serif; 
	margin-bottom: 8px; 
	padding: 10px 0 20px 0
	}


.quotation-banner h2{
    font-size: 40px;
    font-weight: 900;
    text-align: center;
}

.quotation-banner p{
    line-height: 25px;
    max-width: 640px;
    margin: 0 auto 0 auto;
    text-align: justify;
}

.inner-quotation-banner{
   display: block;
   height: 250px;
   padding: 0px 30px 0px 30px;
   margin: auto 0 auto 0;
}

.inner-quotation-banner h2{
    font-size: 60px;
    font-weight: 900;
    max-width: 640px;
    margin: 0 auto 0 auto;
}

.inner-quotation-banner p{
    line-height: 25px;
    max-width: 640px;
    margin: 0 auto 0 auto;
    text-align: justify;
}

@media (max-width : 768px){
    .quotation-banner{
        padding: 50px 0;
        margin-top: 0;
        margin-bottom: 0;
        height: auto;
        background-image: url('../assets/images/ProductsPage_Travel_Bannerv1.jpg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }
    
    .inner-quotation-banner{
       display: block;
       height: 350px;
       padding: 20px 30px 20px 30px;
       margin: auto 0 auto 0;
    }

     .inner-quotation-banner h2{
        font-size: 40px;
        font-weight: 900;
        text-align: center;
    }

    .inner-quotation-banner p{
        line-height: 20px;
        font-size: 15px;
        text-align: justify;
    }
}

.f-quotation-button 
{
	text-align:right;
	width: 100%;
	}
	
@media (max-width: 768px) 
{
	.f-quotation-button 
	{
		text-align:center;
		width: 100%;
		}
}
/*============================== Default Banner Styles  ======================================*/
.default-banner{
    /* padding: 100px 20px 10px 20px; */
    padding: 50px 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 400px;
    background-image: url('../assets/images/ProductsPage_Travel_Bannerv1.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #fff !important;
}
.default-banner h1
{
	line-height: 1.2;
	font-size: 32px !important;
	font-family: 'DroidSans-Bold';
	margin-bottom: 8px;
	}

.default-banner h3 
{
	font-size: 22px !important; 
	line-height: 38px; 
	font-family: 'DroidSans-Regular', Sans-Serif; 
	margin-bottom: 8px; 
	padding: 10px 0 20px 0
	}


.default-banner h2{
    font-size: 40px;
    font-weight: 900;
    text-align: center;
}

.default-banner p{
    line-height: 25px;
    max-width: 640px;
    margin: 0 auto 0 auto;
    text-align: justify;
}

@media (max-width : 768px)
{
	.default-banner{
        /*padding: 10px 20px 10px 20px;*/
        padding: 50px 0;
        margin-top: 0;
        margin-bottom: 0;
        height: auto;
        background-image: url('../assets/images/ProductsPage_Travel_Bannerv1.jpg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }
    
    
    
    .default-banner h2{
        font-size: 40px;
        font-weight: 900;
        text-align: center;
    }

    .default-banner p{
        line-height: 20px;
        font-size: 15px;
        text-align: justify;
    }
}
/*============================== Default Body Styles  ======================================*/
.default-lower-banner 
{
	padding: 20px 40px 20px 40px;
	/*font-family: 'Lato', sans-Serif;*/
	font-family: "DroidSans-Regular",sans-serif;
	}

.default-lower-inner
{
	padding: 20px;
	}
	
.default-lower-banner h3
{
	color: #000 !important;
	font-weight: 400;
	font-size: 28px;
	margin-bottom: 10px;
	margin-top: 15px;
	font-family: "DroidSans-Bold";
	}
	
.default-lower-banner p
{
	font-size: 16px;
	line-height: 25px;
	text-align: justify;
	}

.default-body
{
	padding-top: 20px;
	padding-bottom: 20px;
	/*font-family: 'Lato', sans-Serif;*/
	/*background-color: #fcfaec !important;*/
	font-family: "DroidSans-Regular", Sans-Serif;
	background-color: #f9f9f9 !important;
	}

.default-body-inner
{
	padding: 0;
	/*box-shadow: -1px 1px 10px #888888;
	box-shadow: 0 0 4px 0 rgba(25, 25, 25, 0.25);
    border: solid 1px rgba(221, 221, 221, 0.1);*/
	}

.default-body h2
{
	font-size: 32px;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 10px;
	font-family: "DroidSans-Bold"
	}
	
.default-body .yellow-line 
{
	width: 400px;
	}
	
.default-body-inner .form-group
{
	margin-bottom: 30px;
	}

.default-body .form-control
{
	border-radius: 7px;
    height: 40px;
	}

.default-body-inner .control-label{
    margin-bottom: 10px;
    margin-top: 10px;
}

.default-body .premium-holder {
	padding: 20px;
	background-color: #FFECB3 !important;
	color: #333 !important;
	display: flex;
	margin-bottom: 20px;
	max-width: 400px;
	border-radius: 15px;
	margin-left: auto;
	margin-right: auto;
}
.default-body .travel-card {
	background-color: #FFF7E0;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}

.default-body .premium-holder > div
{
	flex: 1;
	}

.default-body .premium-holder > :nth-child(odd)
{
	text-align: left !important;
	}

.default-body .premium-holder > :nth-child(even)
{
	text-align: right !important;
	}

@media (max-width: 768px) 
{
	.default-body .premium-holder  
	{
		flex-direction: column;
		}
		
	.default-body .premium-holder > :nth-child(odd)
	{
		text-align: center !important;
		}

	.default-body .premium-holder > :nth-child(even)
	{
		text-align: center !important;
		}
}


.premium-holder p
{
	font-size: 20px;
	line-height: 25px;
	font-family: 'DroidSans-Bold';
	}

.default-body-inner .panel-body
{
    padding: 30px;
    border-radius: 0;
    border: none;
    /*background-color: #f9f9f9 !important;*/
    background-color: #fff !important;
	}
	
.default-body-inner .panel-body .row
{
    margin-bottom: 20px;
	}


#premium-calculator .row-flex {
  display: flex;
  justify-content: center;
}

#premium_calculator_flex 
{
	font-size: 14px;
	transition: .5s ease;
	}

#premium_calculator_flex h3 
{
	font-size: 20px;
	margin-top: 10px;
	font-family: 'DroidSans-Bold';
	margin-bottom: 20px;
	}
	
#premium_calculator_flex #gvPC_Schedule_Of_Benefits tbody tr:first-child > :first-child 
{
	width: 50%;
	background-color: #ffbf00;
	font-family: "DroidSans-Bold";
	text-align: center;
	}
	
#premium_calculator_flex #gvPC_Schedule_Of_Benefits tbody tr:first-child > :nth-child(2) 
{
	width: 50%;
	background-color: #ffbf00;
	font-family: "DroidSans-Bold";
	text-align: center;
	}
/*
#premium_calculator_flex #gvPC_Schedule_Of_Benefits tbody tr:first-child > :nth-child(3) 
{
	width: 30%;
	background-color: #ffbf00;
	font-family: "DroidSans-Bold";
	text-align: center;
	}*/
	
#premium_calculator_flex #gvPC_Schedule_Of_Benefits td 
{
	vertical-align: middle;
	}
	
@media (max-width: 768px)  
{
	#premium-calculator .row-flex {
	  display: block;
	}
}

/*
#premium-calculator .row-flex > .col-md-6:nth-child(2) 
{
	background-image: url('../assets/benefits/LostDocuments.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 300px 300px;
}

@media (max-width: 768px) 
{
	#premium-calculator .row-flex > [class*="col-"] {
	  width: 100%;
	}
	
	
}
*/

@media (max-width: 768px)
{
	.default-lower-banner 
	{
		padding: 20px 20px 20px 20px;
		}
		
	.default-body-inner .yellow-line 
	{
		width: 200px;
		}
	
	.default-body-inner h2
	{
		font-size: 30px;
		font-weight: 700;
		margin-top: 15px;
		margin-bottom: 10px;
		}
	
	.default-body-inner .panel-body .row
	{
		margin-bottom: 10px;
		}
		
	.default-lower-inner
	{
		padding: 0;
		}
}

.default-flight-body 
{
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: 'Lato', sans-Serif;
	}

.default-flight-body h2
{
	font-size: 32px;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 10px;
	font-family: "DroidSans-Bold";
	}
	
.default-flight-body .yellow-line
{
	width: 380px;
	}

.default-flight-content
{
	padding: 20px;
	}
	

.default-flight-body img 
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
.default-flight-body h3 
{
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
	font-family : "DroidSans-Bold"
	}

.default-flight-body p 
{
	font-size: 16px;
	text-align: justify;
	line-height: 20px;
	font-family : "DroidSans-Regular", Sans-Serif;
	}

.default-flight-other
{
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	}

.default-flight-other h3
{
	font-size: 20px;
	color: #000 !important;
	font-family: 'DroidSans-Bold';
	}
	
.default-policy-viewer 
{
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: "DroidSans-Regular", Sans-Serif;
	background-color: #f9f9f9 !important;
	}
	
.default-policy-viewer .panel
{
	box-shadow: none !important;
	}

.default-policy-viewer h2 
{
	font-size: 32px;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 10px;
	font-family: "DroidSans-Bold";
	}

.default-policy-viewer .yellow-line 
{
	width: 300px;
	}
	
.default-policy-viewer .form-group
{
	margin-bottom: 30px;
	}

.default-policy-viewer .form-control
{
	border-radius: 7px;
    height: 40px;
	}

.default-policy-viewer .control-label{
    margin-bottom: 10px;
    margin-top: 10px;
}

@media (max-width: 768px)
{	
	.default-flight-body .yellow-line 
	{
		width: 200px;
		}
		
	.default-policy-viewer .yellow-line 
	{
		width: 200px;
		}
		
	.default-flight-body h2
	{
		font-size: 30px;
		font-weight: 700;
		margin-top: 15px;
		margin-bottom: 10px;
		}
		
	.default-policy-viewer h2 
	{
		font-size: 30px;
		font-weight: 700;
		margin-top: 15px;
		margin-bottom: 10px;
		}
}

.default-contact-us 
{
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: 'Lato', sans-Serif;
	}

.default-contact-us h2
{
	font-size: 36px;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 10px;
	}
	
.default-contact-us p
{
	font-size: 17px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 10px;
	}

.default-contact-us h1 > .glyphicon 
{
	font-size: 80px;
	margin-bottom: 30px;
	}

@media (max-width: 768px)
{
	.default-contact-us h2
	{
		font-size: 30px;
		font-weight: 700;
		margin-top: 15px;
		margin-bottom: 10px;
		}
	}



/*============================== Quotation Body Styles  ======================================*/

.quotation-body{
    padding: 20px;
    font-family: "DroidSans-Regular", Sans-Serif;
    color: #000 !important;
    
    /*temporary for sticy_div*/
    position:relative;
}

.quotation-body .form-group{
    margin-bottom: 30px;
}

.quotation-body .form-control{
    border-radius: 7px;
    height: 40px;
}

.panel{
    border-radius: 0px;
    border: none;
    margin-bottom: 0;
    box-shadow: 0 0 4px 0 rgba(25, 25, 25, 0.25);
    border: solid 1px rgba(221, 221, 221, 0.1);
}

.panel-heading{
    background-color: #423c3c !important;
    color:  #fff !important;
    border-radius: 0;
    font-size: 20px;
    font-weight: 900;
    padding-left: 50px;
    width: 100%;
    position: relative;
    font-family: "DroidSans-Bold";
}

.panel-body{
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 0;
    border: none;
    /*background-color: #f9f9f9 !important;*/
    background-color: #fff !important;
    font-family: "DroidSans-Regular", Sans-Serif;  
}

@media (max-width : 768px){
    .quotation-body{
        padding: 0px 0px 0px 0px;
        font-family: 'Lato', sans-serif;
        color: #000 !important;
    }

    .quotation-body .form-group{
        margin-bottom: 15px;
    }
    
    .panel-body {
		padding-left: 20px;
		padding-right: 20px;
		border-radius: 0;
		border: none;
		background-color: #f9f9f9 !important;
	}
	
	.panel-heading{
		background-color: #423c3c !important;
		color:  #fff !important;
		border-radius: 0;
		font-size: 20px;
		font-weight: 900;
		padding-left: 20px;
		width: 100%;
		position: relative;
	}
}

/*============================== Panel Id Styles  ======================================*/
#PNL_CLIENT .control-label{
    margin-bottom: 10px;
    margin-top: 10px;
}

#PNL_PASSENGER .control-label{
    margin-bottom: 10px;
    margin-top: 10px;
}

#PNL_TRAVELINFORMATION_1 .control-label{
    margin-bottom: 10px;
    margin-top: 10px;
}

#PNL_TRAVELINFORMATION_2 .control-label{
    margin-bottom: 10px;
    margin-top: 10px;
}


/*============================== Footer Styles  ======================================*/
.f-gr
{
    border-left: 4px solid #ffc600;
    padding-left: 5px;
    }

.footer 
{
	/*border-top : 4px solid #ccc;*/
	margin-top: 50px;
	background-color : #222222 !important;
	color: #efefef;
    }
    
.inner-footer 
{
	padding: 10px 30px 30px 30px;
	text-align: justify;
	}
	
.sub-inner-footer
{
    padding: 10px 30px 0px 30px;
    font-size: 14px;
    }
    
.sub-inner-footer p{
    margin-bottom: 10px;
    font-weight: 900;
}
	
@media (max-width: 600px)
{
	.inner-footer 
	{
		padding: 10px 10px 10px 10px;
		text-align: justify;
		}
    }
	
.inner-footer h4
{
    font-weight:700;
    margin-top: 10px;
    margin-bottom: 10px;
	}
	
.inner-footer p
{
    color: #989898;
	}

.footer .container .inner-footer ul li 
{
	list-style-type: none;
    line-height: 28px;
	}
	
.footer .container .inner-footer a 
{
	color: #efefef;
    }
    

/*============================== Premium/Sticky Styles  ======================================*/

div.sticky 
{
	position: -webkit-sticky;
    position: sticky;
    top: 100px;
    float:right;
    background-color: #F4F6F6;
    padding: 30px 10px 30px 10px;
    font-size: 20px;
    width: 250px;
    margin-right: -35px;
    
    /* temporary for sticky-div */
    position: absolute;
    top: 20px;
    right: 0;
  }

  .sticky h4{
      margin-top: 10px;
      margin-bottom: 10px;
  }

  .sticky p{
      margin-bottom: 10px;
  }
  
  .sticky .etiqa-link 
  {
  	font-size : 16px;
  	font-family: 'DroidSans-Bold';
  	color: #ffbf00 !important;
  	}
  	
  .sticky .etiqa-link:hover
  {
  	font-size : 18px;
  	}

  .mobile-premium{
      display: none;
  }

@media(max-width: 768px){
    div.sticky {
       display:none;
      }

    .mobile-premium {
        display: block;
        width: 100%;
        margin: 20px 0px 20px 0px;
        padding: 10px 30px 10px 30px;
        background-color: #dbdbdb;
     }

     .mobile-premium h4{
         line-height: 20px;
     }
}

/************** SELECT 2 Styles ***************/
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
    height: 40px;
    font-size: 16px;
}

.select2-container--bootstrap .select2-selection--single {
    height: 40px;
    line-height: 2;
    padding: 6px 24px 6px 12px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    margin: 3px 0 0 6px;
    font-size: 16px;
    padding: 5px 10px;
    border: 1px solid #ffbf00;
    border-radius: 0;
}

.select2 {
	width: 100% !important;
	height: auto !important;
	margin-bottom: 10px;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #ffc600;
    color: #fff;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered 
{
	font-size: 16px !important;
	text-align: center !important;
	}

/************** MODAL ADVISORY OVERWRITE ***************/
#MODALMESSAGEADVISORY 
{
	top: 30%;
	}

#MODALMESSAGEADVISORY .modal-content  {
    background-color: #fff;
    border: 0;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0;
    font-family: 'DroidSans-Regular', Sans-Serif;
}
	
#MODALMESSAGEADVISORY .modal-body .advisory-content
{
	padding: 10px;
	}

#MODALMESSAGEADVISORY .modal-body .text-advisory
{
	color: #ffbf00 !important;
	}

#MODALMESSAGEADVISORY .advisory-content p 
{
	line-height: 20px;
	text-align: justify;
	}

/************** MODAL SUMMARY OVERWRITE ***************/

#MODALSUMMARY .modal-content  {
    background-color: #fff;
    border: 0;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0;
    font-family: 'DroidSans-Regular', Sans-Serif;
}

#MODALSUMMARY h2
{
	margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 900;
    font-size : 20px;
    font-family: 'DroidSans-Bold';
	}

#MODALSUMMARY h1
{
	margin-top: 10px;
    margin-bottom: 10px;
    font-size : 30px;
    font-family: 'DroidSans-Bold';
	}

.summary-body 
{
	padding: 0 40px 0 40px;
	font-size: 16px;
	font-family: 'DroidSans-Regular', sans-serif;
	}
	
.summary-heading
{
	background-color: #423c3c !important;
    color:  #fff !important;
    border-radius: 0;
    font-size: 20px;
    font-weight: 900;
    width: 100%;
    position: relative;
    padding: 10px 15px;
    font-family: 'DroidSans-Bold';
	}
	
.summary-body p
{
	padding-top: 10px;
	}
.summary-body .panel-body
{
	background-color: #fff !important;
	}
	
.summary-body .control-label
{
	color: #a4a4a4 !important;
	font-weight: 500;
	}

.summary-inner-body
{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
    padding-right: 20px;
    border-radius: 0;
    border: none;
	}
	
@media(max-width: 768px)
{
	.summary-body 
	{
		padding: 0;
		font-size: 16px;
		font-family: 'DroidSans-Regular', sans-serif;
		}
	
	#MODALSUMMARY h2
	{
		font-size : 18px;
		font-family: 'DroidSans-Bold';
		}

	#MODALSUMMARY h1
	{
		font-size : 24px;
		font-family: 'DroidSans-Bold';
		}
	
	}

.disclaimer-wordings
{
	text-align:justify;
	font-size : 13px;
	}

.payment-summary-wrapper 
{
	display: flex;
	align-items:center;
	justify-content:center;
	width: 100%;
	flex-direction : column;
	}

.payment-summary-inner
{
	max-width: 640px;
	padding: 30px 20px 0px 20px;
	}

.payment-summary-inner table 
{
	width: 340px;
	}
	
@media (max-width: 600px)
{
	.payment-summary-inner table 
	{
		width: 300px;
		}
	}
	
.payment-summary-inner tr>td:first-child
{
	text-align: left;
	}

.payment-summary-inner tr>td:nth-child(2)
{
	text-align: left;
	}

.payment-summary-inner tr>td:last-child
{
	text-align: right;
	}
	
.payment-summary-inner2
{
	max-width: 500px;
	width: 100%;
	padding: 5px 20px 5px 20px;
	background-color: #423c3c;
	}
	
.payment-summary-inner2 h3
{
	font-size: 25px;
	color: #fff !important;
	}

.payment-card-wrapper
{
	display: flex;
	align-items:center;
	justify-content:center;
	width: 100%;
	}

.payment-card-inner 
{
	max-width : 600px;
	width : 100%;
	}
	
.payment-footer-wrapper
{
	display: flex;
	align-items:center;
	width: 100%;
	flex-direction: column;
	}
	
.payment-footer-inner
{
	max-width: 500px;
	width: 100%;
	}
	
/************** MODAL BENEFITS OVERWRITE ***************/
#MODALBENEFITSVIEWER .modal-content  {
    background-color: #fff;
    border: 0;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0;
    font-family: 'DroidSans-Regular', Sans-Serif;
}

#MODALBENEFITSVIEWER h3 
{
	font-size: 20px;
	margin-top: 10px;
	font-family: 'DroidSans-Bold';
	margin-bottom: 20px;
}
	
#MODALBENEFITSVIEWER #gvPC_Schedule_Of_Benefits tbody tr:first-child > :first-child 
{
	width: 50%;
	background-color: #ffbf00;
	font-family: "DroidSans-Bold";
	text-align: center;
}
	
#MODALBENEFITSVIEWER #gvPC_Schedule_Of_Benefits tbody tr:first-child > :nth-child(2) 
{
	width: 50%;
	background-color: #ffbf00;
	font-family: "DroidSans-Bold";
	text-align: center;
}

/*********** CARD STYLES *********/

.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
            position: relative;
            vertical-align: text-bottom;
}

.visa{background-image:url("../assets/images/CC.png");background-position:center; background-size: 250px 50px; position:relative; margin-bottom: 10px}
.mastercard{background-image:url("../assets/images/BN.png");background-position:center;background-size: 220px 40px;position:relative; margin-bottom: 10px}

.visa p
{
	bottom: 3px;
	position: absolute;
	width: 100%;
	}

.mastercard p
{
	bottom: 3px;
	position: absolute;
	width: 100%;
	}

 .cc-selector input:active +.drinkcard-cc{opacity: .9;}
 .cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
            background-color: #ffc600;
}

.drinkcard-cc
{
	padding: 5px 0px 5px 0px;
    cursor:pointer;
    background-repeat:no-repeat;
    display:inline-block;
    width:100%;height:80px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}

/************** MODAL POLICY VIEWER OVERWRITE ***************/

#MODALPOLICYVIEWER .modal-content  {
    background-color: #fff;
    border: 0;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0;
    font-family: 'Lato', Sans-Serif;
}

#MODALPOLICYVIEWER h3
{
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 500;
	color: #a4a4a4 !important;
	}

#MODALPOLICYVIEWER p
{
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 18px;
	}
	
#MODALPOLICYVIEWER h1
{
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 36px;
	font-weight: 700;
	}
	

/************** SUCCESS PAGE Styles ***************/
.success-page-wrapper
{
	margin-top: 30px;
	margin-bottom: 50px;
	padding: 20px;
	font-family: "DroidSans-Regular", sans-serif;
	}

.success-page-main 
{
	display: flex;
	display: -webkit-flex;
	align-items:center;
	justify-content: center;
	flex-direction : column;
	-webkit-flex-direction: column;
	height: 80%;
	}
	
.success-page-main img 
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
.success-page-main  .card {
    padding: 30px 20px;
    background-color: white !important;
    border-radius: 0;
    max-width: 100%;
    margin-top: 20px;
}

.success-page-main h1 
{
	font-size: 36px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: 700;
	}
	
.success-page-main h3 
{
	font-size: 28px;
	margin-top: 10px;
	margin-bottom: 15px;
	}
	
.success-page-main p 
{
	font-size: 18px;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 15px;
	}

/************** Scroller Styles ***************/
.scroller 
{
	z-index: 1000;
	position: fixed;
	bottom: 70px;
	right: 10px;
	padding: 10px 5px;
	background-color: #ffc600 !important;
	display: flex;
	align-items:center;
	justify-content:center;
	/*opacity: 0.7;*/
	border-radius: 5px;
	border: solid 1px #fff;
	}
	
.scroller img 
{
	transform: rotate(180deg);
	}
	
/************** Helpline Styles ***************/

.helpline-wrapper
{
	z-index: 1000;
	position: fixed;
	bottom: 70px;
	right: 60px;
	background-color: #fff !important;
	/*opacity: 0.7;*/
	border-radius: 8px;
	width: 180px;
	height: auto;
	border: 2px solid #939598 !important;
	color: #ffbf00 !important;
	}
	
.helpline-header 
{
	background-color: #000 !important;
	color: #fff !important;
	padding: 8px 20px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	font-family: "DroidSans-Bold";
	position: relative;
	font-size:14px;
	height: 30px;
}
	
.helpline-close 
{
	position: absolute;
	right: 10px;
	color: #fff;
	font-family: "DroidSans-Bold";
	cursor: pointer;
	}

.helpline-body 
{
	padding: 20px 10px;
	transition: ease .5s;
	}

.helpline-icon 
{
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background-color: #ffbf00;
	color: #fff !important;
	font-family: "DroidSans-Bold";
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items:center;
	}

.helpline-right-content 
{
	font-size: 12px;
	text-align: left;
	color: #000 !important;
	height:50px;
	vertical-align:middle;
	font-family: "DroidSans-Bold";
	}

.helpline-body .col-xs-4
{
	padding-right: 5px;
	display: flex;
	justify-content: center;
	}

.helpline-body .col-xs-8
{
	padding-left: 5px;
	}

.helpline-numbers 
{
	color: #000 !important;
	font-size: 12px;
	font-family: "DroidSans-Bold";
	}
	

	
/************** TABLE RESPONSIVE Styles ***************/
/*

  Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.

  */

@media only screen and (max-width: 760px), (min-device-width: 768px) 
and (max-device-width: 
1024px) {

/* Force table to not be like tables anymore */

table, #gvB_Beneficiary thead, #gvB_Beneficiary tbody, #gvB_Beneficiaryth, #gvB_Beneficiary td, #gvB_Beneficiary tr {
	display: block;
}

table, #gvVIEW_Beneficiary thead, #gvVIEW_Beneficiary tbody, #gvVIEW_Beneficiary, #gvVIEW_Beneficiary td, #gvVIEW_Beneficiary tr {
	display: block;
}

/*

#gvVIEW_Beneficiary tr th {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
*/
#gvB_Beneficiary tr 
{
	margin: 0 0 1rem 0;
}

#gvVIEW_Beneficiary tr 
{
	margin: 0 0 1rem 0;
}


#gvB_Beneficiary tr:nth-child(odd) {
	background: #fff;
}

#gvVIEW_Beneficiary tr:nth-child(odd) {
	background: #fff;
	
}

#gvB_Beneficiary td {
/* Behave like a "row" */
	border: none;
	/*border-bottom: 1px solid #eee;*/

}

#gvVIEW_Beneficiary td {
/* Behave like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	
}

#ben_table>tbody>tr>td {
    border-top: 0 !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    display:none;
}

#gvB_Beneficiary td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 0;
	left: 0;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	margin-top: 5px;
}

#gvVIEW_Beneficiary td:before {
	/* Now like a table header */
	/* Top/left values mimic padding */
	top: 0;
	left: 0;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	margin-top: 5px;
}
	/*
	Label the dataYou could also use a data-* attribute and content for this. That way "bloats" the HTML, 
	this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
	*/
	
	#gvB_Beneficiary td a::before {
    content: "Remove";
    color: #000;
    margin-right: 5EM;
    text-decoration: none;
    font-size: 20px;
    padding-left: 2%;  
}
	#gvVIEW_Beneficiary td:nth-of-type(1):before {
	content: "Last Name"; }
	#gvVIEW_Beneficiary td:nth-of-type(2):before {
	content: "First Name"; }
	#gvVIEW_Beneficiary td:nth-of-type(3):before {
	content: "Middle Name"; }
	#gvVIEW_Beneficiary td:nth-of-type(4):before {
	content: "Date of Birth"; }
	#gvVIEW_Beneficiary td:nth-of-type(5):before {
	content: "Relationship"; }
	#gvVIEW_Beneficiary td:nth-of-type(6):before {
	content: "Age"; }
	#gvVIEW_Beneficiary td:nth-of-type(7):before {
	content: "Surcharge"; }
}

/****************** MODAL LOG IN Styles********************/

#MODALLOGIN .modal-content  {
    background-color: #fff;
    border: 0;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0;
    font-family: 'DroidSans-Regular', Sans-Serif;
    margin-top: auto;
    margin-left: auto;
}

#MODALLOGIN .modal-body 
{
	margin-top: 120px;
	}

#MODALLOGIN .btn-close 
{
	position : absolute;
	top: 0;
	right:0;
	font-size: 20px;
	background-color: #000 !important;
	padding: 10px;
	}

.log-in-wrapper 
{
	padding: 20px;
	}
	
.log-in-title 
{
	font-size: 20px;
	font-family: 'DroidSans-Bold';
	padding-bottom: 10px;
	}

.log-in-wrapper .yellow-line 
{
	width: 60px;
	margin-left: 0;
	margin-right: 0;
	}

.log-in-content 
{
	padding: 30px 0px 0px 0px;
	}
	
.log-in-content .form-group .control-label 
{
	font-size: 18px;
	font-family: 'DroidSans-Bold';
	margin-bottom: 10px;
	}

.log-in-content .form-control
{
	height: 40px;
	border-radius : 7px;
	font-size: 18px;
	}

.log-in-content .btn-holder 
{
	margin-top: 20px;
	}

/************** ACTIVATION PAGE Styles ***************/
.activation-page-wrapper
{
	margin-top: 70px;
	margin-bottom: 50px;
	padding: 20px;
	font-family: "DroidSans-Regular", Sans-Serif;
	}

.activation-page-main 
{
	display: flex;
	display: -webkit-flex;
	align-items:center;
	justify-content: center;
	flex-direction : column;
	-webkit-flex-direction: column;
	height: 80%;
	}
	
.activation-page-main  .card {
    padding: 30px 20px;
    box-shadow: -1px 1px 10px #888888;
    background-color: white !important;
    border-radius: 0;
    max-width: 600px;
    margin-top: 20px;
}

.activation-page-main .card .form-group {
   padding-left: 20px;
   padding-right: 20px;
}

.activation-page-main .card .form-control {
   border-radius: 7px;
   height: 40px;
}


.activation-page-main .card .control-label {
   margin-bottom: 10px;
   margin-top: 10px;
}

.activation-page-main h1 
{
	font-size: 36px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: 700;
	}
	
.activation-page-main h3 
{
	font-size: 28px;
	margin-top: 10px;
	margin-bottom: 15px;
	}
	
.activation-page-main p 
{
	font-size: 18px;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 15px;
	}


/**********Policy Tabs Styles************/
.epolicy-header
{
	font-family: 'Lato', sans-serif;
    margin-top: 70px;
    margin-bottom: 10px;
    background-color: #f9f9f9;
    display: block;
    padding: 20px;
	}
	
.img-holder 
{
	display: flex;
	align-items: center;
	justify-content: center;
	}

.left-col
{
	display: flex;
	width: 100%;
	height: 120px;
	font-family: "DroidSans-Regular", Sans-Serif;
	}


.left-col .content
{
	flex: 2;
	}
	
.left-col .content .upper
{
	display: block;
	height:60%;
	position: relative;
	color: #a4a4a4 !important;
	font-weight:700;
	}

.left-col .content .upper .text
{
	position: absolute;
	bottom: 5px;
	left: 10px;
	font-size: 26px
	}
	
.left-col .content .lower
{
	display: block;
	height:40%;
	position: relative;
	color: #a4a4a4 !important;
	font-weight:700;
	}
	
.left-col .content .lower .text
{
	position: absolute;
	top: 5px;
	left: 10px;
	font-size: 16px;
	}

.right-col 
{
	display: flex;
	width: 100%;
	height: 120px;
	flex-direction: row;
	justify-content: space-between;
	font-family: "DroidSans-Regular", Sans-Serif;
	}

.right-col .content 
{
	width: 120px;
	height:120px;
	}

.right-col .content .icon 
{
	display:block;
	padding: 20px;
	border-radius : 50%;
	background-color: #dbdbdb;
	color: #000 !important;
	text-decoration: none;
	width: 56px;
	height:56px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	}
	
.right-col .content .icon:hover
{
	background-color: #ffc600;
	}
	
.right-col .content .icon:hover ~ .content-title
{
	color: #ffc600 !important;
	}

.right-col .content .icon span 
{
	color: #000 !important;
	font-weight:700;
	}

.right-col .content .icon span:hover 
{
	color: #000 !important;
	font-weight:700;
	}

	
.right-col .content .content-title 
{
	display: block;
	text-align:center;
	padding-top: 10px;
	color: #a4a4a4 !important;
	font-weight: 700;
	}
	
@media (max-width: 600px) 
{
	.img-holder img 
	{
		width: 100px;
		margin-top: auto;
		margin-bottom: auto;
		}
		
	.left-col .content .upper .text
	{
		font-size: 16px;
		}
		
	.epolicy-header
	{	
		margin-top: 60px;
		}
	
	.right-col 
	{
		height:100px;
		}
		
	.right-col .content 
	{
		width: 120px;
		height:100px;
		}

	.right-col .content .content-title 
	{
		display: none;
		}
	}
	
.policy-viewer 
{
	padding: 0 0 20px 0;
	font-family: "DroidSans-Regular",sans-serif;
	min-height: 50vh;
	}

.policy-viewer-inner 
{
	padding: 20px;
	}
	
.policy-viewer > .nav-tabs > li a, .nav-tabs > li a:focus, .nav-tabs > li a:hover {
    padding: 15px 30px 11px 30px;
    background-color: transparent;
    border: 0;
    color: #000;
    border-bottom: 4px solid #ffc600;
    font-family: "DroidSans-Bold" !important;
}

.policy-viewer > .nav-tabs > li.active a, .nav-tabs > li.active a:focus, .nav-tabs > li.active a:hover {
    border: 0;
    background-color: transparent;
    border-radius: 0;
    border-bottom: 4px solid #ffc600;
    background-color: #ffc600;
    color: #fff;
    font-family: "DroidSans-Bold" !important;
}

.policy-viewer-btn-holder 
{
	padding: 20px 0 20px 0;
	font-family: 'Lato', sans-serif;
	width : 100%;
	}
	
.policy-viewer-buttons 
{
	padding: 15px;
    font-size: 16px !important;
    color: #000;
    margin-left: 20px;
    float: right !important;
	}
	
.policy-viewer-buttons:hover
{
	text-decoration: none;
	color: #000;
	}
	
.policy-viewer-buttons a:active
{
	text-decoration: none;
	color: #000;
	}
	
._yellow 
{
	background-color: #ffc600 !important;
	}

._dark 
{
	background-color: #a4a4a4 !important;
	}

.policy-viewer-info 
{
	font-size: 24px;
	font-family: 'Lato', Sans-Serif;
	padding: 20px 0 0 0;
	}

.policy-viewer-info .name 
{
	border-bottom: 4px solid #ffc600;
	}	

.policy-viewer-info .content
{
	display: block;
	margin-top: 20px;
	font-size: 15px;
	}
	
.policy-viewer #PolicyDatatable, .policy-viewer #QuotationDatatable
{
	font-size: 13px;
	}
	
#QuotationDatatable	.dropdown-menu 
{
	min-width : 80px;
	top: 70%;
	left: -65%;
	padding: 0;
	border-radius: 0;
	}
	
#QuotationDatatable .dropdown button 
{
	padding: 10px;
	background-color: #ffc600;
	color: #000 !important;
	}

#QuotationDatatable .dropdown-menu>li>a:hover {
    background-color: #ffc600 !important;
    color: #fff !important;
}

#PolicyDatatable .dropdown-menu 
{
	min-width : 80px;
	top: 70%;
	left: -65%;
	padding: 0;
	border-radius: 0;
	}
	
#PolicyDatatable .dropdown button 
{
	padding: 10px;
	background-color: #ffc600;
	color: #000 !important;
	}

#PolicyDatatable .dropdown-menu>li>a:hover {
    background-color: #ffc600 !important;
    color: #fff !important;
}

@media (max-width: 600px)
{
	.policy-viewer 
	{
		padding: 0 20px 20px 20px;
		margin-top: 20px;
	}
	
	.policy-viewer > .nav-tabs > li a, .nav-tabs > li a:focus, .nav-tabs > li a:hover {
		padding: 15px 5px 11px 5px;
		background-color: transparent;
		border: 0;
		color: #000;
		border-bottom: 4px solid #ffc600;
		font-family: "DroidSans-Bold" !important;
	}

	.policy-viewer > .nav-tabs > li.active a, .nav-tabs > li.active a:focus, .nav-tabs > li.active a:hover {
		border: 0;
		background-color: transparent;
		border-radius: 0;
		background-color: #ffc600;
		color: #fff;
		font-family: "DroidSans-Bold" !important;
	}
	
	.policy-viewer-buttons ._lblhide
	{
		display:none;
	}
	
	.policy-viewer-buttons:hover ._lblhide
	{
		display:inline;
	}
	
}

/************** MODAL PAYMENT ***************/
#MODALPAYMENT .modal-content  {
    background-color: #fff;
    border: 0;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0;
    font-family: 'Lato', Sans-Serif;
}

#MODALPAYMENT h4
{
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 20px;
	}
	
/************** MODAL CREDENTIALS ***************/
#MODALCREDENTIALS .modal-content  {
    background-color: #fff;
    border: 0;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0;
    font-family: "DroidSans-Regular", Sans-Serif;
}

.credentials-wrapper 
{
	padding: 20px;
	}
	
.credentials-title 
{
	font-size: 20px;
	font-weight: 900;
	padding-bottom: 10px;
	font-family: "DroidSans-Bold";
	}

.credentials-wrapper .yellow-line 
{
	width: 60px;
	margin-left: 0;
	margin-right: 0;
	}

.credentials-content 
{
	padding: 30px 0px 0px 0px;
	}
	
.credentials-content .form-group .control-label 
{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
	}

.credentials-content .form-control
{
	height: 40px;
	border-radius : 7px;
	font-size: 18px;
	}

.credentials-content .btn-holder 
{
	margin-top: 20px;
	}
	
/********* MODAL EXPIRED PASSWORD ***************/
/************** MODAL CREDENTIALS ***************/
#MODALEXPIREDPASSWORD .modal-content  {
    background-color: #fff;
    border: 0;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0;
    font-family: 'Lato', Sans-Serif;
}

.expired-password-wrapper 
{
	padding: 20px;
	}
	
.expired-password-title 
{
	font-size: 20px;
	font-weight: 900;
	padding-bottom: 10px;
	}

.expired-password-wrapper .yellow-line 
{
	width: 60px;
	margin-left: 0;
	margin-right: 0;
	}

.expired-password-content 
{
	padding: 30px 0px 0px 0px;
	}
	
.expired-password-content .form-group .control-label 
{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
	}

.expired-password-content .form-control
{
	height: 40px;
	border-radius : 7px;
	font-size: 18px;
	}

.expired-password-content .btn-holder 
{
	margin-top: 20px;
	}
/************** Sweet Alert Styles ***************/
.sweet-alert 
{
	border-radius: 0 !important;
	top: 45% !important;
	}
	
.sweet-alert button
{
	border-radius: 3px !important;
	font-family: 'DroidSans-Bold'; 
	line-height: 1.25; 
	font-size: 1rem;
	padding: 0.5rem 0.75rem;
	color: #333333 !important;
	min-width: 150px;
	}

.sweet-alert h2
{
	font-size: 13px !important;
	font-weight: 300;
	color: #000 !important;
	line-height: 20px;
	}
	
.sweet-alert p
{
	font-size: 13px !important;
	font-weight: 300 !important;
	color: #000 !important;
	}

/*INFO*/
.sweet-alert .sa-icon.sa-info {
    border-color: #ffbf00;
}

.sweet-alert .sa-icon.sa-info::before {
    background-color: #ffbf00 !important;
}

.sweet-alert .sa-icon.sa-info::after {
    background-color: #ffbf00 !important;
}

/*WARNING*/
.sweet-alert .sa-icon.sa-warning {
    border-color: #ffbf00;
}

.sweet-alert .sa-icon.sa-warning .sa-body 
{
	background-color: #ffbf00 !important;
	}

.sweet-alert .sa-icon.sa-warning .sa-dot 
{
	background-color: #ffbf00 !important;
	}

/*ERROR*/
.sweet-alert .sa-icon.sa-error {
    border-color: #ffbf00;
}

.sweet-alert .sa-icon.sa-error .sa-line 
{
	background-color: #ffbf00 !important;
	}

/************** FORGOT PASSWORD PAGE Styles ***************/
.forgot-pass-wrapper
{
	margin-top: 70px;
	margin-bottom: 50px;
	padding: 20px;
	font-family: 'DroidSans-Regular', Sans-Serif; 
	}

.forgot-pass-main 
{
	display: flex;
	display: -webkit-flex;
	align-items:center;
	justify-content: center;
	flex-direction : column;
	-webkit-flex-direction: column;
	height: 80%;
	}
	
.forgot-pass-main  .card {
    padding: 30px 20px;
    box-shadow: -1px 1px 10px #888888;
    background-color: white !important;
    border-radius: 0;
    max-width: 600px;
    min-width: 350px;
    margin-top: 20px;
}

.forgot-pass-main .card .form-group {
   padding-left: 20px;
   padding-right: 20px;
}

.forgot-pass-main .card .form-control {
   border-radius: 7px;
   height: 40px;
}


.forgot-pass-main .card .control-label {
   margin-bottom: 10px;
   margin-top: 10px;
}

.forgot-pass-main h1 
{
	font-size: 36px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: 700;
	}
	
.forgot-pass-main h3 
{
	font-size: 28px;
	margin-top: 10px;
	margin-bottom: 15px;
	}
	
.forgot-pass-main p 
{
	font-size: 18px;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 15px;
	}

/*****INFOSITE****/
.default-banner .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.default-banner .justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.default-banner .product-row {
    align-items: center;
}

@media (min-width: 992px) {
	.default-banner > .col-lg-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.default-banner > .col-lg-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

@media (min-width: 768px) {
	.default-banner > .col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (min-width: 576px) {
	.default-banner > .col-sm-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}


.D250x250
{
	width: 250px;
	height: 250px;
	}
	
@media (max-width: 768px)
{
	.D250x250
	{
		width: 250px;
		height: auto;
		}
	}
	
.btn-etiqa 
{
	width: 150px;
	margin-top: 10px; 
	background-color: #ffbf00 !important; 
	font-family: 'DroidSans-Bold'; 
	line-height: 1.25; 
	font-size: 1rem;
	padding: 0.5rem 0.75rem;
	color: #333333 !important;
	}
	
.btn-etiqa-100
{
	margin-top: 10px; 
	background-color: #ffbf00 !important; 
	font-family: 'DroidSans-Bold'; 
	line-height: 1.25; 
	font-size: 1rem;
	padding: 0.5rem 0.75rem;
	color: #333333 !important;
	}
	
.btn-etiqa-dark 
{
	width: 150px;
	margin-top: 10px; 
	background-color: #423c3c !important; 
	font-family: 'DroidSans-Bold'; 
	line-height: 1.25; 
	font-size: 1rem;
	padding: 0.5rem 0.75rem;
	color: #fff !important;
	}
	
.btn-etiqa-dark-100
{
	margin-top: 10px; 
	background-color: #423c3c !important; 
	font-family: 'DroidSans-Bold'; 
	line-height: 1.25; 
	font-size: 1rem;
	padding: 0.5rem 0.75rem;
	color: #fff !important;
	}
	
.btn-etiqa-gray 
{
	width: 150px;
	margin-top: 10px; 
	background-color: #939598 !important; 
	font-family: 'DroidSans-Bold'; 
	line-height: 1.25; 
	font-size: 1rem;
	padding: 0.5rem 0.75rem;
	color: #333333 !important;
	}

.btn-etiqa-gray-100
{
	margin-top: 10px; 
	background-color: #939598 !important; 
	font-family: 'DroidSans-Bold'; 
	line-height: 1.25; 
	font-size: 1rem;
	padding: 0.5rem 0.75rem;
	color: #333333 !important;
	}

@media (max-width: 768px)
{
	.btn-etiqa 
	{
		width: 120px;
		}
	
	.btn-etiqa-dark 
	{
		width: 120px;
		}
		
	.btn-etiqa-gray 
	{
		width: 120px;
		}
	
}
	
.text-white {
    color: #ffffff !important;
}

.font-14 {
    font-size: 14px !important;
}

.no-deco 
{
	text-decoration: none !important;
	}
	
.quotation-banner .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.quotation-banner .justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.quotation-banner .product-row {
    align-items: center;
}

@media (min-width: 992px) {
	.quotation-banner > .col-lg-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.quotation-banner > .col-lg-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

@media (min-width: 768px) {
	.quotation-banner > .col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (min-width: 576px) {
	.quotation-banner > .col-sm-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}



/*============================== Wizard Steps Styles  ======================================*/

.wizard-steps
{
	height: 100px; display: flex; flex-wrap: wrap; position : relative; width: 80%; margin-left: auto; margin-right: auto;
	}
	
.fa-steps 
{
	height: 100%; flex: 1; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column;
	}

.fa-right-line 
{
	position: absolute; top: 37%; right: 0; height: 3px; background-color: #ffbf00; width: 30%; z-index: 1;
	}

.fa-left-line 
{
	position: absolute; top: 37%; left: 0; height: 3px; background-color: #ffbf00; width: 30%; z-index: 1;
	}
	
.fa-full-line 
{
	position: absolute; top: 37%; height: 3px; background-color: #ffbf00; width: 100%; z-index: 1;
	}

.fa-icon 
{
	border-radius: 50%; height: 40px; width: 40px;  border: solid 3px #fff ; z-index: 2 ; background-color: #ddd; text-align: center; display: flex; justify-content: center; align-items: center;
	}
	
.fa-icon > :first-child
{
	color: #fff !important; font-size: 20px !important;
	}

.fa-steps .active 
{
	/*background-color: #ffbf00 !important;*/
	border-radius: 0; height: 40px; width: 40px;  border: none ; z-index: 2 ; background-color: transparent; background-image: url('../assets/images/ApplicationPage_AirplaneIconv1.0.png'); background-repeat: no-repeat; background-size: cover;
	}
	
.fa-steps p 
{
	font-family: 'DroidSans-Bold'; font-size: 12px; padding-top: 10px;
	}

@media (max-width: 768px) 
{
	.wizard-steps {
		height: 50px;
		width: 100%;
	}
	
	
	.fa-steps p 
	{
		display : none;
	}
		
	.fa-right-line 
	{
		top: 48%;
		width: 20%;
	}

	.fa-left-line 
	{
		top: 48%;
		width: 20%;
	}
		
	.fa-full-line 
	{
		top: 48%;
		width: 20%;
	}
}

/**** ERROR PAGE ****/
.error-wrapper 
 {
	min-height:80vh;
	display: flex;
	justify-content:center;
	width: 100%;
	align-items: center;
	font-family: "DroidSans-Regular", Sans-Serif;
	font-size: 16px;
	padding: 20px;
}

.error-wrapper .center 
  {
      width: 800px;
      padding-top: 50px;
      padding-bottom: 50px;
    }
    
.error-wrapper  img 
 {
	margin-left: auto;
	margin-right: auto;
	display: block;
 }

.error-wrapper .center  h1 
{
	font-family: 'DroidSans-Bold';
	font-size: 120px;
	padding-top: 50px;
	letter-spacing: 15px;
	margin-bottom: 15px;
	}
	
.error-wrapper .center  p 
{
	margin-bottom: 20px;
	line-height: 25px;
	}
	
.error-wrapper .text-yellow 
{
	color: #ffbf00;
	font-family: 'DroidSans-Bold';
	font-size: 20px;
	}

@font-face {
    font-family: "DroidSans-Bold";
    src: url('../fonts/DroidSans-Bold_0.ttf');
    font-display: fallback;
}

@font-face {
    font-family: "DroidSans-Regular";
    src: url('../fonts/DroidSans-Regular_0.ttf');
    font-display: fallback;
}


/*================ Start Modal Covid Coverage ================*/
#MODALCOVIDCOVERAGE .modal-dialog .modal-content
{
	border-radius: 0px;
    box-shadow: none;
}

.covid-coverage-main-notification, .covid-coverage-main-success
{
	padding: 0px 30px;
}

.covid-coverage-title
{
	margin-top: 10px;
    margin-bottom: 10px;
    font-size: 30px;
    font-family: 'DroidSans-Bold';
}

.covid-coverage-body
{
	margin: 20px 0px 5px 0px;
    /*text-align: justify;*/
}

.covid-coverage-body-span
{
	font-size: 16px;
    font-family: 'DroidSans-Regular';
}

.btn-continue-app
{
	font-size: 11px;
    white-space: normal;
    width: 150px;
    padding: 4px;
}
   
#div_CovidCovirage_Note, #div_TermsAndCondition
{
    font-family: 'DroidSans-Regular';
    margin: 0px 10px 15px 10px;
    font-size: 14px;
}

#div_CovidCovirage_Note span > span, #div_TermsAndCondition
{
    font-style: italic
}
   
      
@media (max-width: 420px)
{
	.covid-coverage-main-success .convid-coverage-footer div
	{
		width: 100%;
		text-align: center;
	}  	
	
	.btn-breakdown, .btn-continue-app
	{
		width: 100% !important;
	}
	
	.btn-continue-app
	{
		font-size: 1rem !important;
		padding: 0.5rem 0.75rem !important;
		white-space: nowrap !important;
	}
}
   
@media (max-width: 360px)
{
	.convid-coverage-footer div
	{
		width: 100%;
		text-align: center;
	}  	
	
	.convid-coverage-footer div .btn
	{
		width: 100% !important;
	}
}
 
/* Terms and Conditions Modal */
#MODALTERMSANDCONDITION .modal-content
{
    box-shadow: 0 0 125px 35px rgb(0 0 0 / 50%) !important;
	border-radius: 0px !important;
}
	
#MODALTERMSANDCONDITION
{
	font-family: 'DroidSans-Regular' !important;
}

#MODALTERMSANDCONDITION h3
{
	font-size: 24px !important;
	font-family: 'DroidSans-Bold';
	background-color: #ffbf00;
}
 
.terms-and-conditions
{
	padding: 15px 30px 15px 30px;
}

.coverage-section
{
	margin-bottom: 15px;
	font-size: 18px;
}

.coverage-tittle
{
	text-decoration: underline; 
}

.pd-left
{
	padding-left: 5%;
}

.terms-and-conditions-section:nth-of-type(1)
{
	margin-top: 25px !important;
}

.terms-and-conditions-section, .terms-and-conditions-section ul li
{
	margin-bottom: 15px;
	font-size: 18px;
}
/* Terms and Conditions Modal */
      
      
/*================ End Modal Covid Coverage ================*/

/*================ TRAVEL UPDATES FOR UI/UX ADDED  ================*/
.placeholder
{
	color: #ccc;
    position: absolute;
    transform: translateY(-28px);
    margin-left: 7px;
}
.input:focus::placeholder
{
	display:none

}



.quotation-body .form-control {
    border-radius: 7px;
    height: 45px;
}

@media (min-width: 820px)
{

.col-cruise-label
{
      width: 157px;
}
}
@media(min-width:375px)
{
	#PNL_TRAVELINFORMATION_2 .control-label {
    margin-bottom: 15px;
    margin-top: 15px;
    
}
.bene
{
	margin-bottom:5%;
}

}
@media (min-width: 768px)
{

.col-seaport
{
    width: 31.666667%;

}
}

.col-cruise-label
{
    width:42.666667%;
}
.select2-container--bootstrap .select2-selection--single {
    height: 48px !important;
    line-height: 2;
    padding: 6px 24px 6px 12px;
 
}
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    font-size: 16px !important;
    /* text-align: center !important; */
    padding-left: 9px;
}

.select2-container--bootstrap .select2-selection--multiple {
    min-height: 34px;
    padding: 0;
    height: 48px;
}


.quotation-body .form-control {
    border-radius: 7px;
    height: 48px;
}


.req
{
	border-top:0 !important;
	margin-bottom:-3%;
}

.quotation-body .form-group {
    margin-bottom:	10px;
}

.NestedBenetable
{
	width:100% !important ;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)
{
	#gvB_Beneficiary tr th {
    /* position: absolute; */
    /* top: -9999px; */
    left: -9999px;
    text-align: left;
    display:none !important;
	}


	}
div#MODALSUMMARY .modal-open .modal 
{
	 overflow-x: hidden !important;
    overflow-y: auto !important;
}
@media (min-width: 1000px)
{
	.col-cruise {
    /* width: 94.666667%; */
    width: 100%;
}
	}

@media (min-width: 768px{
.col-sm-12.col-cruise {
    /* width: 94.666667%; */
    width: 100%;
    padding-left:0px !important;
}

}
@media (min-width: 960px)
{
	.col-seaport {
    width: 55.666667%;
}
}
@media screen and(min-width: 1024px)
{
div.col-sm-12.col-cruise {
    /* width: 94.666667%; */
    width: 100%;
    padding-left:0px;
}
label.control-label col-sm-2.col-cruise-label
{
	padding-left:0px !important;
}
}

@media screen and (max-width: 768px)
{
	div.col-sm-12.col-cruise {
    /* width: 94.666667%; */
    width: 100%;
    padding-left:0px !important;
}
label.control-label col-sm-2.col-cruise-label
{
	padding-left:0px !important;
}
}
@media screen and (min-width: 767px) and (max-width:1023px)
{
div.col-sm-12.col-cruise {
    /* width: 94.666667%; */
    width: 100%;
    padding-left:0px !important;
}
label.control-label col-sm-2.col-cruise-label
{
	padding-left:0px !important;
}

}

.btn-outline-danger {
	color: #d9534f;
	background-color: transparent;
	border: 1px solid #d9534f;
}

	.btn-outline-danger:hover,
	.btn-outline-danger:focus,
	.btn-outline-danger:active,
	.btn-outline-danger.active,
	.open > .dropdown-toggle.btn-outlined-danger {
		color: #fff;
		background-color: #d9534f;
		border-color: #d43f3a;
	}