/*     
 * #b11116/*#e4666c;;
 * #900303/*#e84c3d   
 * rgba(177,17,22,.7)/*rgba(255,13,24,.7); 
 * 
 * 
 * 
 * 
 */
html,
body {
    height: 100%;
}

#logo { background-image:url('../images/MobileImages/bpims.gif'); background-repeat:no-repeat; width: 100%; }

/* Small */
@media (max-width: 600px) {
   #logo { background-image:url('../images/MobileImages/bpims-small.png'); background-repeat:no-repeat; width: 250px; }
}

@media (max-width: 767px) {
   #space{
		height:30px;
   }
}

@media (min-width: 768px) and (max-width: 850px){
   #space{
		height:200px;
   }
}

@media (min-width: 851px) and (max-width: 1000px){
   #space{
		height:150px;
   }
}

@media (min-width: 1001px) {  
   #space{
		height:100px;
   }
}

.carousel{ height: 100%; }
@media(max-width:575px){ .carousel{ max-height: 488px; } }
@media(min-width:576px) and (max-width:767px){ .carousel{ max-height: 508px; } }
@media(min-width:768px) and (max-width:816px){ .carousel{ max-height: 488px; padding-top: 6%;} }
@media(min-width:817px) and (max-width:919px){ .carousel{ max-height: 508px; padding-top: 8%;} }
@media(min-width:920px) and (max-width:960px){ .carousel{ max-height: 528px; padding-top: 6%;} }
@media(min-width:961px) and (max-width:1009px){ .carousel{ max-height: 483px; padding-top: 4%; } }
@media(min-width:1010px) and (max-width:1190px){ .carousel{ max-height: 553px;  } }
@media(min-width:1191px) and (max-width:1300px){ .carousel{ max-height: 604px;  } }
@media(min-width:1301px) and (max-width:1433px){ .carousel{ max-height: 654px;  } }
@media(min-width:1434px) and (max-width:1600px){ .carousel{ max-height: 754px;  } }
@media(min-width:1601px) and (max-width:1910px){ .carousel{ max-height: 854px;  } }
@media(min-width:1911px) and (max-width:2000px){ .carousel{ max-height: 904px;  } }
@media(min-width:2001px) and (max-width:2150px){ .carousel{ max-height: 954px;  } }
@media(min-width:2151px) and (max-width:2350px){ .carousel{ max-height: 1054px;  } }
@media(min-width:2351px) and (max-width:2840px){ .carousel{ max-height: 1254px;  } }
@media(min-width:2841px) and (max-width:3370px){ .carousel{ max-height: 1454px;  } }
@media(min-width:3371px) and (max-width:3810px){ .carousel{ max-height: 1654px;  } }
@media(min-width:3811px){ .carousel{ max-height: 1754px;  } }
@media(min-width:4211px){ .carousel{ max-height: 2254px;  } }
/* 
@media(min-width:768px) and (max-width:991px){ .carousel{ max-height: 531px; padding-top: 6%; } }
@media(min-width:992px) and (max-width:1199px){ .carousel{ max-height: 663px; padding-top: 4%; } }
@media(min-width:1200px){ .carousel{ max-height: 564px; padding-top: 3%; } }
@media(min-width:1900px){ .carousel{ max-height: 690px; padding-top: 1%; } }
@media(min-width:2560px){ .carousel{ max-height: 1500px; } } */

.item{ height: 100%; }
/* @media(max-width:767px){ .item{ max-height: 488px; } }
@media(min-width:768px) and (max-width:768px){ .item{ max-height: 531px; padding-top: 12%; } }
@media(min-width:769px) and (max-width:924px){ .item{ max-height: 531px; padding-top: 20%; } }
@media(min-width:925px) and (max-width:991px){ .item{ max-height: 531px; padding-top: 6%; } }
@media(min-width:992px) and (max-width:1199px){ .item{ max-height: 663px; padding-top: 4%; } }
@media(min-width:1577px) and (max-width:1899px){ .item{ max-height: 663px; padding-top: 0; min-height: 110%; } } */
/*@media(min-width:1200px){ .item{ padding-top: 3%; max-height: 564px; } }*/
/* @media(min-width:1900px){ .item{ padding-top: 1%; max-height: 690px; } }
@media(min-width:2130px){ .item{ padding-top: 2%; max-height: 690px; min-height: 110%; } }
@media(min-width:2560px){ .item{ max-height: 1500px; } } */
/***
div.item.active{ height: 100%; }
@media(max-width:767px){ div.item.active{ max-height: 488px; } } 
@media(min-width:768px) and (max-width:991px){ div.item.active{ max-height: 531px; padding-top: 6%; } }
@media(min-width:992px) and (max-width:1199px){ div.item.active{ max-height: 663px; padding-top: 4%; } }
@media(min-width:1200px){ div.item.active{ padding-top: 3%; max-height: 564px; } } 
@media(min-width:1900px){ div.item.active{ padding-top: 1%; max-height: 690px; } } 
@media(min-width:2560px){ div.item.active{ max-height: 1500px; } }
***/
@media(max-width:767px){
	.hiro {
		position: absolute;
		bottom: 0;
		left:5%;
		height: auto;
		z-index:99
	}
}/* Extra Small */
@media(min-width:768px) and (max-width:991px){
	.hiro {
		position: absolute;
		bottom: 12%;
		left:10%;
		height: auto;
		z-index:99
	}
}/* Small */
@media(min-width:992px) and (max-width:1199px){
	.hiro {
		position: absolute;
		bottom: 12%;
		left:15%;
		height: auto;
		z-index:99
	}
}/* Medium */
@media(min-width:1200px){
	.hiro {
		position: absolute;
		bottom: 12%;
		left:20%;
		height: auto;
		z-index:99
	}
}/* Large */
@media(min-width:1900px){
	.hiro {
		position: absolute;
		bottom: 12%;
		left:20%;
		height: auto;
		z-index:99
	}
}/* Large */
@media(min-width:2000px){
	.hiro {
		position: absolute;
		bottom: 12%;
		left:35%;
		height: auto;
		z-index:99
	}
}/* Extra Large */
@media(min-width:2560px){
	.hiro {
		position: absolute;
		bottom: 12%;
		left:35%;
		height: auto;
		z-index:9999
	}
}/* Extra2x Large*/

@media(max-width:767px){ .hiro img{ width:50% } } /* Extra Small */
@media(min-width:768px) and (max-width:991px){ .hiro img{ width:70% } } /* Small */

@media(max-width:767px){
	.travelheader{
		position:absolute;
		top:15%;
		left:5%;
		font-size: 40px;
	}
}/* Extra Small */
@media(min-width:768px) and (max-width:991px){
	.travelheader{
		position:absolute;
		top:35%;
		left:5%;
		font-size: 40px;
	}	
}/* Small */
@media(min-width:992px) and (max-width:1199px){
	.travelheader{
		position:absolute;
		top:20%;
		left:5%;
		font-size: 55px;
	}
}/* Medium */
@media(min-width:1200px){
	.travelheader{
		position:absolute;
		top:15%;
		left:5%;
		font-size: 60px;
	}
}/* Large */
@media(min-width:1900px){
	.travelheader{
		position:absolute;
		top:15%;
		left:5%;
		font-size: 60px;
	}
}/* Large */
@media(min-width:2000px){
	.travelheader{
		position:absolute;
		top:13%;
		left:5%;
		font-size: 80px;
	}	
}/* Extra Large */
@media(min-width:2560px){
	.travelheader{
		position:absolute;
		top:13%;
		left:5%;
		font-size: 100px;
	}	
}/* Extra2x Large*/

@media(min-width:1200px){ .crop{ background-position:0px 2px; } }
@media(min-width:1900px){ .crop{ background-position:0px 2px; } }/* Large */

.carousel-inner {
    height: 100%;
}

.lightgold-text{
	color:rgba(242, 208, 140,1)	
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
/*START: bpims-tci.png*/
@media (max-width: 385px) { .fill { height: 40%; } }/*375 - 385*/
@media (min-width: 386px) and (max-width: 464px) { .fill { height: 42%; } }
@media (min-width: 465px) and (max-width: 600px) { .fill { height: 50%; } }
@media (min-width: 601px) and (max-width: 764px) { .fill { height: 65%; } }
@media (min-width: 765px) and (max-width: 767px) { .fill { height: 80%; } }
/*END: bpims-tci.png*/

footer {
    margin: 50px 0;
}

.navbar-inverse {
    background-color: #fff;
    border-color: #c0c0c0;
}

.navbar-inverse .navbar-nav > li > a {
    color: #000000;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #b11116/*#cc324b*/;
    background-color: transparent;
}

.navbar-inverse .navbar-toggle {
    border-color: #333;
    background-color: #ab0e15;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #ab0e15;
}

/* .navbar-collapse {
    padding-top:0.5em;
} */

.carousel-inner > .item {
    margin: 0 auto;
    padding-top: 50px;
}

/* Small */
@media (min-width: 768px) {
    .nav {
        padding-left:2em;
    }
}

/* Extra Small */
@media (max-width: 768px) {
    .navbar-collapse
    {
        background-color:#fff;
		font-size: 12px; 
        border-bottom:1px solid #c0c0c0;
    }
	/* .navbar-inverse
	{
		padding-bottom:0px;
	} */
}
    section {
        display:none !important;
    }

    section.show.current {
        display:block !important;
    }

    section.show {
        display:none !important;
    }
    
/* Small */
@media (max-width: 991px) {
	.navbar-collapse
    {
        background-color:#fff;
		font-size: 12px; 
        border-bottom:1px solid #c0c0c0;
    }
    .summary h4
    {
        display:none;
    }
    section {
        display:none !important;
    }

    section.show.current {
        display:block !important;
    }

    section.show {
        display:none !important;
    }
    .helpline {
        padding-bottom: 1em;
    }
   
}
/* Small */
@media (min-width: 768px) and (max-width: 991px) {
    .form-group div {
        margin-top:0.5em;
    }
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.carousel-control.left {
    background: transparent;
    background: transparent;
    /* background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); */
    /* background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); */
    /* background-repeat: repeat-x; */
}

.carousel-control.right {
    background: transparent;
    background: transparent;
    /* background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); */
    /* background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); */
    /* background-repeat: repeat-x; */
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
    font-size: 100px;
}

.prod {
    position: absolute;
    bottom: 10%;
	width: 100%;
    height: auto;
    padding: 15px 20px;
    text-align: center;
    color: #000;
    /*text-shadow: 0 1px 1px #000;*/
    /*font-size: 1.5rem;*/
    background-color:rgba(177,17,22,.6)/*rgba(255,13,24,.6)*/;
}

.prod-right { right:0px; background-color:rgba(177,17,22,.6)/*rgba(255,13,24,.6)*/;}
.prod-left { left:0px; background-color:rgba(177,17,22,.7)/*rgba(255,13,24,.7)*/;}
.prod-center { margin:auto; width: 60%;
}

.prod {
font-family:"Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif;
/*font-weight:bold;*/
}

.title{
font-size:25px;
color:#fff;
}

.desc{
font-size:1.4em;
padding:0.3em 0em 0.8em 0em;
color:#f2f2f2;
}

#myCarousel .btn {
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    border: none;
    border-radius: 300px;
    text-transform: uppercase;
}
#myCarousel .btn-xl {
    padding: 5px 30px;
    font-weight:bold;
}
/* .gradient{
    background: linear-gradient(to right,rgba(183,183,183,) 0,rgba(177,13,24,.3) 25%,rgba(177,13,24,.6) 50%,rgba(177,13,24,.3) 75%,rgba(183,183,183,.2) 100%);
} */ /* ,rgba(177,13,24,.9) 50%,rgba(177,13,24,.6) 70%,rgba(200,176,86,.5) 100% */

#contact-us {
    padding-top : 6em;
    padding-bottom : 6em;
}
#contact-us hr {
    border-color: #9b0a0d;
    border-width: 3px;
    max-width: 50px;
}

.service-box {
    max-width: 400px;
    margin: 50px auto 0;
}
.service-box p {
    margin-bottom: 0;
}
.text-muted {
    color: #777;
}

#moreinfo {
    margin-top: 0em;
    padding-top : 2em;
    padding-bottom : 10em;
    padding-left: 1em;
    padding-right: 1em;
    color:#403a1e;
    background-color: #e7d8af;
}


#moreinfo img {
    width:120px;
    height: 120px;
    padding: 20px;
}
#moreinfo .thumbnail {
    background-color: #fff;
    border:1px solid black;
}
#moreinfo .thumbnail:hover {
    background-color: #f0babd;
    border:1px solid #b11116/*#e4666c;*/;
}
.thumbnail a>img, .thumbnail>img {
    margin-right: auto;
    margin-left: auto;
}

.thumbnail span {
    font-weight:bold;
    text-decoration:none;
    color:black;
}

a.thumbnail:hover {
    text-decoration:none;
}

#travel-start, #travel-final {
    padding-top:2em;
    padding-bottom: 12em;
}

.well {
background-color: #fff;
margin-bottom:0px;
}

.switch-light span span {
    color:#414042;
}
.btn-sel {
    color: #fff;
    background-color: #e8c96a;
}

.btn-gray {
background-color: #c0c0c0;
color: #000000;
font-weight:bold;
border-radius: 4px;
}

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 26px;
    height: 26px;
    padding: 3px;
    font-weight:bold;


    background: #fff;
    border: 2px solid #d3d3d3;
    color: #666;
    text-align: center;
    margin-right:1em;

    font: 14px Arial, sans-serif;
}
/* .panel-group.done div.numberCircle
{
    background-color: #b11116/*#e4666c;*/;
} */
.panel-mm .panel-heading{
    background-color: #b11116/*#e4666c;*/;
}

.panel-heading{
	width:100%
}
.summary .numberCircle
{
    background: #fff;
    margin-top:-3px;
}
.summary .numberCircle.done
{
    background: #b11116/*#e4666c;*/;
    margin-top:-3px;
    color:white;
    border:2px solid #b11116/*#e4666c;*/;
}


.summary .title {
    font-weight:bold;
    color:#808080;
    font-size:14px;
    padding-left: 5px;
    padding-bottom:5px;
}

.summary div.sdetail {
    padding-left:5px;
    padding-right:0px;
    font-size:10px;
}

.btn-red-sm {
 background-color:#b11116/*#e4666c;*/;
 color:white;
 font-weight:bold;
}

.btn-red {
 margin:1em;
 background-color:#b11116/*#e4666c;*/;
 color:white;
 font-weight:bold;
 font-size:16px;
}
/*
.btn-buylater {
 margin:1em;
 background-color:#be941a;
 color:white;
 font-weight:bold;
 font-size:16px;
}*/

.btn-upload {
 background-color:#808080;
 color:white;
 font-weight:bold;
}

/* Small */
@media (max-width: 991px) {
    .summary div.sdetail.paytext {
        font-size:13px;
    }

    .summary div.sdetail {
        font-size:12px;
    }

    .summary .title {
        font-size:16px;
    }
}
.bottom {
    background-color:#fff;
    padding-bottom:5em;
    color:black;
}


/* Medium */
@media (min-width: 991px) {
    .bottom {
        margin-top:5em;
        margin-bottom:5em;
    }
}

/* Small */
@media (min-width: 768px) {
    #travel-start, #travel-final {

        padding-bottom : 42em;
    }
    #moreinfo h4 {
        font-size:2em;
    }
    #moreinfo {
        padding-top : 2em;
        padding-bottom : 30em;
        line-height:5em;
        padding-left: 1em;
        padding-right: 1em;
    }
    #contact-us {
        padding-top : 6em;
        padding-bottom : 12em;
    }

}

/* START: package */

.pricing-grids {

    margin: 0.5em auto;
}

.pricing-grid:hover, .pricing-grid:hover, .pricing-grid:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    z-index: 1;
    border: none;
    cursor:pointer;
}

.pricing-grid:nth-child(1) {
    margin: 0;
}

@media (max-width: 1024px)
{
    .pricing-grid {
        padding: 0 4px;
    }
}
.pricing-grid {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}

.price-value, .price-value.two, .price-value.three {
    background: #1bbc9b;
    padding: 0.1em 0em 0.5em;
    text-align: center;
    border-top-left-radius: 0.3em;
    -o-border-top-left-radius: 0.3em;
    -moz-border-top-left-radius: 0.3em;
    -webkit-border-top-right-radius: 0.3em;
    border-top-right-radius: 0.3em;
    -o-border-top-right-radius: 0.3em;
    -moz-border-top-right-radius: 0.3em;
    -webkit-border-top-right-radius: 0.3em;
    position: relative;
}
p.price-label-1 {
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 0.5em;
}
.trvpackage {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding: 9px 15px;
    border: none;
    background: #16a086;
    text-decoration:none;
}
.box {
    width: 247px;
    background: #eee;
    position: absolute;
    top: 1px;
    right: 1px;
}
.ribbon {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}
.ribbon span {
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #900303/*#e84c3d*/;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    right: -21px;
}
.price-bg {
    background: #fff;
    border-bottom-left-radius: 0.3em;
    -o-border-bottom-left-radius: 0.3em;
    -moz-border-bottom-left-radius: 0.3em;
    -webkit-border-bottom-right-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
    -o-border-bottom-right-radius: 0.3em;
    -moz-border-bottom-right-radius: 0.3em;
    -webkit-border-bottom-right-radius: 0.3em;
}
.price-bg ul {
    padding: 0;
}
ul.count, .pricing-grid1 ul li a, ul.count, .pricing-grid2 ul li a, ul.count, .pricing-grid3 ul li a {
    font-size: 15px;
    display: block;
    text-decoration: none;
    font-weight: 400;
    padding: 10px 20px;
}

ul.count li:nth-child(1) {
    border-bottom:1px solid #c0c0c0;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}

ul.count li {
    padding: 1.2em 1.2em;
    font-size: 1em;
    font-weight: 600;
    color: #3b4b5c;
    text-align: center;
    color:black;
}

ul.count li p {
    color:gray;
}

.price-bg ul li {
    list-style: none;
}

@media (max-width:500px)
{
    h3 {
        font-size:14px;
        font-weight:bold;
    }

    a.trvpackage {
        font-size: 9px;
        color: #fff;
        cursor: pointer;
        outline: none;
        padding: 9px 15px;
        border: none;
        background: #16a086;
        text-decoration:none;
    }

    ul.count li {
        font-size: 10px;
        color: #3b4b5c;
        text-align: center;
    }


    ul.count, .pricing-grid1 ul li a, ul.count, .pricing-grid2 ul li a, ul.count, .pricing-grid3 ul li a {
        font-size: 12px;
        display: block;
        text-decoration: none;
        font-weight: 400;
        padding: 10px 20px;
    }
    ul, ol {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .ribbon {
        position: absolute;
        right: -5px;
        top: -4px;
        z-index: 1;
        overflow: hidden;
        width: 60px;
        height: 60px;
        text-align: right;
    }
    .ribbon span {
        font-size: 9px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        line-height: 12px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        width: 80px;
        display: block;
        background: #900303/*#e84c3d*/;
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        position: absolute;
        top: 15px;
        right: -20px;
    }
}
a.trvpackage:hover{
    text-decoration:none;
    color:white;
}
.selplan h3:before {
    content: "\e013";
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon - Glyphicons Halflings*/
    color: #fff;         /* adjust as needed */
}
.selplan .price-value {
    background-color:#b11116/*#e4666c;*/;
}
.selplan .trvpackage{
    background-color:#cd8f92;
}
.bigtext {font-weight:bold; font-size:22px;}

#travel-start-test {
    z-index:99;
}
/* END: package */



/**********************************************************
 * START:
 * Touch Friendly Bootstrap Radio buttons and Checkboxes        
 * https://codepen.io/BrianSassaman/pen/iLrpC
***********************************************************/
label.btn span {
  font-size: 1.5em;
  font-weight: 600;
}
@media(max-width: 991px){
  label.btn span {
	font-size: 14px;
  }
}
@media(min-width: 992px){
  label.btn span {
	font-size: 16px;
  }
}

/*
label input[type="radio"][chkrequired] ~ i.fa.fa-circle-o{
    color: rgb(242, 204, 204);
    text-shadow: -1px 0 #c8c8c8, 0 1px #c8c8c8, 1px 0 #c8c8c8, 0 -1px #c8c8c8;
    display: inline;
}*/

div.btn-group label input[type="radio"][chkrequired] ~ i,
div.btn-group label input[type="radio"][chkrequired] ~ span,
div.btn-group label input[type="checkbox"][chkrequired] ~ i,
div.btn-group label input[type="checkbox"][chkrequired] ~ span{
    background-color: rgb(242, 204, 204);
}
/*
label input[type="radio"] ~ i.fa.fa-circle-o,
label input[type="checkbox"] ~ i.fa.fa-square-o{
    color: #c8c8c8;    display: inline;
}*/

label input[type="radio"] ~ i.fa.fa-dot-circle-o,
label input[type="radio"]:checked ~ i.fa.fa-circle-o,
label input[type="checkbox"] ~ i.fa.fa-check-square-o,
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
    display: none;
}

label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o,
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
    /*color: #b11116;*/    display: inline;
}
/*
label:hover input[type="radio"] ~ i.fa,
label:hover input[type="checkbox"] ~ i.fa,
div[data-toggle="buttons"] label.active,
div[data-toggle="buttons"] label:hover {
    color: #b11116;
}*/

div[data-toggle="buttons"] label {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 2em;
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
    cursor: pointer;
    background-color: none;
    border: 0px solid #c8c8c8;
    border-radius: 3px;
    /*color: #c8c8c8;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}


div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/**********************************************************
 * END:
 * Touch Friendly Bootstrap Radio buttons and Checkboxes        
 * https://codepen.io/BrianSassaman/pen/iLrpC
***********************************************************/


.bg-red{
    background-color:rgb(242, 204, 204) !important;
}

.bg-white{
    background-color:white !important;
}

button.ui-multiselect{
	
	height:35px
}

/**********************************************************
 * START:
 * Fancy navbar login / sign in form
 * http://bootsnipp.com/snippets/featured/fancy-navbar-login-sign-in-form
***********************************************************/

#login-dp{
    min-width: 250px;
    padding: 14px 14px 0;
    overflow:hidden;
    background-color:rgba(255,255,255,.8);
}
#login-dp .help-block{
    font-size:12px    
}
#login-dp .bottom{
    background-color:rgba(255,255,255,.8);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .form-group {
    margin-bottom: 10px;
}
/*
#login-dp .social-buttons{
    margin:12px 0    
}
#login-dp .social-buttons a{
    width: 49%;
}
.btn-fb{
    color: #fff;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc 
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}*/
@media(max-width:768px){
    #login-dp{
        background-color: inherit;
        color: #fff;
    }
    #login-dp .bottom{
        background-color: inherit;
        border-top:0 none;
    }
}

.btn-red-nav { 
	 background-color:#b11116/*#e4666c;*/;
	 color:white;
	 font-weight:bold; 
}

#login-dp a{
	color:#b11116;
}
/**********************************************************
 * END:
 * Fancy navbar login / sign in form
 * http://bootsnipp.com/snippets/featured/fancy-navbar-login-sign-in-form
***********************************************************/

/**********************************************************
 * START:
 * Circle Button
 * http://bootsnipp.com/snippets/featured/circle-button
***********************************************************/
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
/**********************************************************
 * END:
 * Circle Button
 * http://bootsnipp.com/snippets/featured/circle-button
***********************************************************/

/**********************************************************
 * START:
 * Datepicker widget custom styles
***********************************************************/
#ui-datepicker-div{
	z-index: 10 !important;
	background:#ffffff;
}
#ui-datepicker-div, .ui-widget {
    font-family: Arial,sans-serif;
    font-size: 1.1em;
}
#ui-datepicker-div, .ui-widget-header {
	border: 1px solid #e3a1a1;
	background: #cc0000 url("../../Services/images/JQuery/ui-bg_highlight-soft_15_cc0000_1x100.png") 50% 50% repeat-x;
	font-weight: bold;
}
#ui-datepicker-div, .ui-widget-header .ui-icon {
    background-image: url("../../Services/images/JQuery/ui-icons_ffffff_256x240.png");
}
#ui-datepicker-div, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d8dcdf;
    background: #ffffff;/*#eeeeee url("../../Services/images/JQuery/ui-bg_highlight-hard_100_eeeeee_1x100.png") 50% 50% repeat-x;*/
    font-weight: bold;
    color: #004276;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("../../Services/images/JQuery/ui-icons_cc0000_256x240.png");
}
/*********************************************************
 * END:
 * Datepicker widget custom styles
***********************************************************/

.alert {
	font-size:80%;
}

.cright{
	color:gray;
	font-size:80%;

}


.obj-wrapper {
    position:relative;
    width:100%;
    height:20%;
    overflow:hidden;

}

@media print {
    .noPrint { display: none; }

}

.msgtext {
	font-size: 10.5px;
	font-style: italic;
}
/* CSS used here will be applied after bootstrap.css 
   
*/
.modal-header-danger {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.modal-header-black {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: black;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.clsSVCdisablelayer{
	z-index:1110 !important;
}
.clsSVCCtxFrame{
	z-index:1111 !important;
}

/* HOME PAGE-MOBILE RESPONSIVE PROJECT 19502 */
.tab-border-area {
	position: relative;
	border: 1px solid #b7b7b7;
	padding: 15px;
	margin-top: 15px;
}
table#mobResp { 
  margin: 0 auto;
  border-collapse: collapse;
  font-family: Agenda-Light, sans-serif;
  font-weight: 100; 
  background: /*#333*/#b11116; color: #fff;
  text-rendering: optimizeLegibility;
  border-radius: 5px; 
  width:90%;
} 
table#mobResp thead th { font-weight: 600; }
table#mobResp thead th, table#mobResp tbody td { 
  padding: .8rem; font-size: 1.4rem;
}
table#mobResp tbody td { 
  padding: .8rem; font-size: 1.4rem;
  color: #444; background:#eee; 
}
table#mobResp tbody tr:not(:last-child) { 
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;  
}

@media screen and (max-width: 600px) {
  table#mobResp caption { background-image: none; }
  table#mobResp thead { display: none; }
  table#mobResp tbody td { 
    display: block; padding: .6rem; 
  }
  table#mobResp tbody tr td:first-child { 
    background: /*#666*/ #d9534f; color: #fff; 
  }
	table#mobResp tbody td:before { 
    content: attr(data-th);  
    font-weight: bold;
    display: inline-block;
    width: 6rem;  
  }
}

/* temporary fix- header din't display on screen when screen width LTE 600px*/

table#mobResp1 { 
  margin: 0 auto;
  border-collapse: collapse;
  font-family: Agenda-Light, sans-serif;
  font-weight: 100; 
  background: /*#333*/#b11116; color: #fff;
  text-rendering: optimizeLegibility;
  border-radius: 5px; 
  width:90%;
} 
table#mobResp1 thead th { font-weight: 600; }
table#mobResp1 thead th, table#mobResp1 tbody td { 
  padding: .8rem; font-size: 1.4rem;
}
table#mobResp1 tbody td { 
  padding: .8rem; font-size: 1.4rem;
  color: #444; background:#eee; 
}
table#mobResp1 tbody tr:not(:last-child) { 
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;  
}

@media screen and (max-width: 600px) {
  table#mobResp1 caption { background-image: none; }
  table#mobResp1 thead { display: none; }
  table#mobResp1 tbody td { 
    display: block; padding: .6rem; 
  }
  table#mobResp1 tbody tr td:first-child { 
    background: /*#666*/ #d9534f; color: #fff; 
  }
	table#mobResp1 tbody td:before { 
    content: attr(data-th);  
    font-weight: bold;
    display: inline-block;
    width: 6rem;  
  }
}

.ui-multiselect-filter input{
    color:black;
}