/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text 
@import	url(http://fonts.googleapis.com/css?family=Montserrat|Source+Sans+Pro:400,300,600,700);*/

body {
	padding-bottom: 0;
	color: #5a5a5a;
	font-family: arial, verdana;
	color: #2e130a;
	background: #fff;
	font-size: 14px;
	padding-top: 0px;

}
a{ color: #9acf16; }
a:hover{ color: #9acf16; }
a:focus {
	outline: none;
}

/*.logo img, .navbar-brand img, .page-logo img{ width: 90px; }*/
.logo img{     margin-top: -10px; }

.navbar-brand {
	display: table;
	float: left;
	font-size: 18px;
	height: 50px;
	line-height: 20px;
	padding: 15px;
	text-align: center;
	width: 100%;
}

.navbar-toggle {
	position: absolute;
	border: 0 none;
	font-size: 21px;
	margin: 6px;
	color: #fff;
}

.navbar-default {
	background: #9acf16;
	border: 0px;
	right: 0;
	height: 60px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
	{
	color: #fff;
	background: none;
}

.login_but {
	float: right;
	position: absolute;
	right: 10px;
	top: 18px;
}

.login_but a {
	background: none repeat scroll 0 0 #fff;
	border-radius: 5px;
	font-size: 15px;
	padding: 6px 7px;
}

.login_but a i {
	margin-right: 10px;
}

.logout_but {
	float: right;
	position: absolute;
	right: 10px;
	top: 18px;
}

.logout_but a {
	background: none repeat scroll 0 0 #fff;
	border-radius: 5px;
	font-size: 15px;
	padding: 6px 7px;
}

.logout_but a i {
	margin-right: 10px;
}

.navmenu-default, .navbar-default .navbar-offcanvas {
	background: #fff;
        box-shadow: -1.5em 0 1.5em -0.75em #9acf16 inset;
}

.nav>li {
/*	background: #fff;*/
        border-bottom: 1px solid #ccc;
        margin: 0 15px;
}

.nav>li a {
	color: #9acf16;
}

.nav>li>a {
	display: block;
	font-size: 17px;
	margin-bottom: 1px;
	padding: 10px 0;
	position: relative;
}

.welcome {
	color: #fff;
	display: inline-block;
	font-size: 20px;
	margin: 10px;
}

.trip label {
	display: block;
	font-size: 16px;
	margin: 15px 0;
}

.trip input, .trip select {
	width: 100%;
	padding: 12px 10px;
	line-height: normal;
	position: relative;
	border: 1px solid #c5c5c5;
	border-radius: 4px;
	font-size: 14px;
}

.trip input.submit {
	background: none repeat scroll 0 0 #e77027;
	border: 0 none;
	color: #fff;
	font-size: 20px;
	margin-top: 20px;
	text-transform: uppercase;
}

.trip select {
	background: url("../images/icon-location.png") no-repeat scroll 97% 6px
		transparent;
}

.trip input[type="input"] {
	background: url("../images/icon-calendar.png") no-repeat scroll 97% 6px
		transparent;
}

.trip-det {
/*	display: table;
        float:left;
	margin: 9px auto 0 30%;*/
	text-align: center;
	padding: 6px 0;
}

.trip-det .from-to {
	font-size: 16px;
	text-align: center;
	color: #fff;
	width: auto;
}

.trip-det .from-to .city-from {
/*	float: left;*/
}

.trip-det .from-to .city-to {
/*	float: right;*/
}

.trip-det .from-to span {
	text-align:center;
}

.trip-det .date .prev a {
	/*float: left;*/
	color: #f6ff00;
        font-size: 18px;
}

.trip-det .date .next a {
	/*float: right;*/
	margin-top:-20px;
	color: #f6ff00;
        font-size: 18px;
}

.trip-det .date .value {
	color: #fff;
        padding: 0 10px;
}

.bus-details {
	background: none repeat scroll 0 0 #efefef;
	float: left;
	height: 100%;
	margin: 0;
	padding: 5px;
	width: 100%;
}

.bus-details .row {
	padding-left: 10px;
	padding-right: 10px;
        margin: 0px;
}

.bus-details .busmap-container {
	background-color: #fff;
        box-shadow: 0 0 0 #cecece !important;
        margin: 5px 0;
        padding: 7px 0;
}

.bus-details ul {
	list-style: outside none none;
	padding: 0;
	width: 100%;
}

.bus-details ul li.trip-infos{
	background: none repeat scroll 0 0 #fff;
/*	border-radius: 5px;
	float: left;*/
	padding: 14px 0;
	width: 100%;
	margin-bottom: 5px;
        box-shadow: 1px 1px 1px #cecece;
}



.bus-details .bus-name , .bus-details .amenities{
	text-align: left;
/*	position: relative;
	padding-left: 20px;*/
}

/*.bus-details .bus-name:before {
	content: "\f207";
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
	color: #088bd5;
}*/

.bus-details .time {
	margin-top: 10px;
	text-align: left;
	/*display: inline-block;    
    ppadding-left: 20px;
    position: relative;
    text-align: center;
    width: auto; */
}

/*.bus-details .time:before {
	content: "\f017";
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
	color: #088bd5;
}*/

.bus-details .det {
	position: relative;
	padding-left: 20px;
	margin-top: 10px;
}

.bus-details .det a {
	color: #333;
}

.bus-details .det:before {
	content: "\f0c9";
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
	color: #088bd5;
}

.bus-details .seat-book {
	float: right;
	text-align: right;
}

.bus-details .fare {
	font-size: 14px;
	font-weight: bold;
	color: #088bd5;
}

.bus-details .fare:bbefore {
	content: "\f156";
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
	font-size: 20px;
	top: 6px;
}

.bus-details .seats {
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
}

.bus-details .num {
	font-size: 22px;
	color: #088bd5;
}

.bus-details .seat-book .seats .num .seat-num {
	font-size: 26px;
	color: #088bd5;
}

.bus-details .busmap-btn {
	background: #e77027;
	border: 0 none;
	border-radius: 5px;
	color: #fff;
	ddisplay: block;
	font-size: 22px;
	margin: 30px auto;
	padding: 5px 50px;
	text-transform: uppercase;
}

.active-trip {
	background-color: #efefef !important;
        box-shadow: 0px 0px 0px #cecece !important;
}

.board {
	width: 100%;
	float: left;
	background-color: #efefef;
	padding: 10px;
	font-size:14px;
}

.board .boarding-point {
	font-size: 16px;
}

.board .boarding-point span {
	color: #088bd5;
}

.board .boarding-point .bus {
	ffloat: left;
	width: 100%;
	position: relative;
	padding-left: 30px;
	font-size: 14px;
}

.board .boarding-point .bus:before {
	content: "\f207";
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
	font-size: 20px;
	top: 0;
	color: #088bd5;
}

.board .boarding-point .place {
	ffloat: left;
	width: 100%;
	position: relative;
	padding-left: 30px;
	font-size: 14px;
}

.board .boarding-point .place:before {
	content: "\f041";
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
	font-size: 20px;
	top: 0;
	color: #088bd5;
}

.passenger-detials {
	width: 100%;
	float: left;
	/*background: #eaf7ff;*/
	padding: 10px;
}

.passenger-detials h2 {
	font-size: 18px;
	font-weight: 700;
}

.passenger-detials h3 {
	font-size: 14px;
	font-weight: 700;
}

.passenger-detials .input-full {
	margin-bottom: 10px;
	border: 1px solid #ccc;
	font-size: 15px;
	padding: 7px 10px;
	width: 100%;
}

.passenger-detials table {
	
}

.passenger-detials table td {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #ccc;
}

.passenger-detials table th {
	background: none repeat scroll 0 0 #fff;
	padding: 5px;
	border: 1px solid #ccc;
}

.passenger-detials table td .seat-number {
	padding: 3px;
}

.passenger-detials table td .input-full {
	margin-bottom: 0;
	padding: 15px 10px;
	width: 100%;
	border: 0px;
}

.passenger-detials table td input[type="radio"] {
	margin: 0 4px 0 10px;
}

.passenger-detials input[type="checkbox"] {
	margin: 20px 10px 0 0;
}

.passenger-detials .fares {
	display: inline-block;
	font-size: 15px;
	background-color: #efefef;
	margin-top: 10px;
	padding: 5px;
	width: 100%;
}

.passenger-detials .fares span {
	margin-left: 10px;
}

.passenger-detials .submit {
	background: #e77027;
	border: 0 none;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 22px;
	margin: 30px auto;
	padding: 5px 50px;
	text-transform: uppercase;
}

.passenger-detials .apply {
	background: #e77027;
	border: 0 none;
	border-radius: 5px;
	color: #fff;
	font-size: 20px;
/*	margin: 30px auto;*/
	padding: 1px 30px;
	text-transform: uppercase;
}

.page-title {
/*	display: table;*/
        float: left;
	margin: 15px auto 0 30%;
	text-align: center;
	color: #fff;
	font-size: 22px;
}

.print-ticket {
	margin: 25px 15px;
}

.print-ticket span {
	display: block;
	margin-bottom: 20px;
}

.print-ticket label {
	width: 150px;
	font-size: 14px;
}

.print-ticket input.pnr {
	width: 100%;
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 14px;
}

.print-ticket .buttons {
	margin-top: 20px;
	margin-left: 30px;
}

.print-ticket .cancel {
	margin-left: 70px;
}

.cancelled-seat {
	text-decoration: line-through;
}

.ticket-details .col-sm-3 {
	margin-bottom: 10px;
}

.ticket-details .col-sm-3:nth-child(4n+1) {
	clear: left;
}

.ticket-details .col-sm-3:nth-child(odd) {
	background: #efefef;
}

.ticket-details td:nth-child(2n+1) {
	background: none repeat scroll 0 0 #efefef;
}

.ticket-details td {
	border: 1px solid #ccc;
	padding: 6px;
}

.passenger-det {
	margin-top: 20px;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.passenger-det .col-sm-3 {
	margin-bottom: 10px;
}

.passenger-det .col-sm-3:nth-child(4n+1) {
	clear: left;
}

.passenger-det .col-sm-3:nth-child(odd) {
	background: #efefef;
}

.passenger-det table {
	margin-top: 20px;
	width: 100%;
}

.passenger-det td:nth-child(2n+1) {
	background: none repeat scroll 0 0 #efefef;
}

.passenger-det td {
	border: 1px solid #ccc;
	padding: 6px;
}

.pass-det td, .pass-det th {
	border: 1px solid #ccc;
	padding: 6px;
}

.seat-selection form {
	float: left;
	padding: 10px;
	width: 100%;
}

.seat-selection form .submit {
	background: #e77027;
	border: 0 none;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 18px;
	margin: 30px auto;
	padding: 5px 50px;
	text-transform: uppercase;
}
.btn-primary, .btn-primary:hover{
    background-color: #e77027;
    border-color: #e77027;
    color: #fff;
}
.footer {
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   background:#c0c0c0;
   margin-top:10%;
}
.copy{
	margin:5px;
	color:#fff;
}
.rights{
	float:right;
	color:#fff;
}
.navmenu-default .navmenu-nav > li > a, .navbar-default .navbar-offcanvas .navmenu-nav > li > a {
    color: #747474;
}
.welcome-header{ background-color: #9acf16; padding: 10px 0px; }

.logout:before{
	content: "\f011";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #a09e9e;
    font-size: 20px;
    padding-right: 0.3em;
    position: relative;
    top: 0;
    left: 0;
}
.print:before {
    content: "\f02f";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #a09e9e;
    font-size: 20px;
    padding-right: 0.3em;
    position: relative;
    top: 0;
    left: 0;
}
.signin:before {
    content: "\f090";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #a09e9e;
    font-size: 20px;
    padding-right: 0.4em;
    position: relative;
    top: 0;
    left: 0;
}
.ticket:before {
    content: "\f145";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #a09e9e;
    font-size: 20px;
    padding-right: 0.3em;
    position: relative;
    top: 0;
    left: 0;
}
.cancelmnu:before {
    content: "\f05e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #a09e9e;
    font-size: 20px;
    padding-right: 0.3em;
    position: relative;
    top: 0;
    left: 0;
}
.dashboard:before {
    content: "\f022";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #a09e9e;
    font-size: 20px;
    padding-right: 0.3em;
    position: relative;
    top: 0;
    left: 0;
}
.contact:before {
    content: "\f003";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #a09e9e;
    font-size: 20px;
    padding-right: 0.3em;
    position: relative;
    top: 0;
    left: 0;f1fc
}
.aboutus:before {
    content: "\f1fc";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #a09e9e;
    font-size: 20px;
    padding-right: 0.3em;
    position: relative;
    top: 0;
    left: 0;
}
.about{
	text-align:justify;
}
.page-logo{
	float:right;
        margin-top:10px;
        margin-left: 20px;
/*	margin-top:-40px;*/
}
.pages-logo{
	float:right;
/*	margin-top:-45px;*/
	padding-left:0.5em;
}

.contact-addresses{ line-height: 20px; margin-left: 10px; }
.contact-addresses .title { font-size: 14px; padding: 10px 0px; font-weight: bold;  }
.offer-banner{
    background-color: #226dbf;
    border: 1px solid #fff;
    box-shadow: none;
    color: #fff;
    opacity: 0.8;
    text-align: center;
}
.offer-banner .offer-content{
    padding: 3px;
    border: 1px dashed #fff;
}
.bus-details .offer{
   color:#9acf16;
}
/* Filters */
.filterModelBtn{
	float: right;
	margin: 14px 0 0;
}
.filterModelBtn i{
	color: #fff;
    font-size: 20px;
}

.fr-title{
    float: left;
    margin-right: 15px;
}
.filter-res .row{
	margin-top: 5px;
	margin-bottom: 15px;
}
.filter-res .row:last-child{
	margin-bottom: 0;
}
.filter-ul > li{
    list-style: none;
    float: left;
    width: 150px;
    margin-right: 5px;
}
.filter-ul .dropdown-toggle{
    padding:2px 20px 2px 5px;
    border-radius: 0;
    font-size: 12px;
}
.bootstrap-select.btn-group .dropdown-menu li a{
    font-size: 12px;
    padding: 4px 20px;
}
.fr-sp .bs-select-all{
    display: none;
}
.fr-sp .btn-group > .btn.bs-deselect-all{
    border-radius: 0;
    width: 100%;
    padding: 1px 10px;
}
.bus-ticket > thead > tr {
     border-bottom: 1px solid #ccc !important; 
}
.bootstrap-select.btn-group .dropdown-menu{
    height: 270px;
    width: 200px;
}
.bootstrap-select.btn-group .dropdown-menu.inner{
    overflow: auto;
    height: 240px;
    width: 100%;
    max-height: 205px !important;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{
    left: 4px;
}
.bootstrap-select .dropdown-menu .form-control{
    padding: 0 6px;
    height: 25px;
    font-size: 12px;
}
.search .footer{
	display: none;
}
.search  .footer.fixed-footer{
	margin: 0;
	display: block;
	height: 40px;
}
.search .bus-details{
	padding-bottom: 45px;
}
#filterModel .modal-dialog, #sortModel .modal-dialog{
	width: 100%;
	height: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0 !important;
}
#filterModel .modal-content, #sortModel .modal-content{
	border-radius: 0;
    border: 0;
    height: 100%;
    overflow
}
.modal-body h4{
    background: #f1f1f1;
    padding: 10px;
}
.modal-body h4 .fa{
	transform: rotate(0deg);
	  transition: transform 0.5s linear;
}
.modal-body h4 .fa.open{
  transform: rotate(90deg);
  transition: transform 0.5s linear;
}
.modal-header .close {
	font-size: 30px;
}
.modal-body .form-control{
	border-radius: 0;
    border: 1px solid rgba(204, 204, 204, 0.5);
}
.modal-body .form-control:focus {
    border-color: #d15b4d;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(185, 51, 35,0.5);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(185, 51, 35,0.5);
}
.fixed-footer{
	background: #4e4e4e;
}
.fixed-footer a{
	text-decoration: none;
    padding: 10px 0;
    display: block;
    color: #fff;
    white-space: nowrap;
}
.dis-none{
	display: none;
}
.modal.center {
  text-align: center;
  padding: 0!important;
}
#filterModel .modal-footer, #sortModel .modal-footer {
	position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0;
    border: 0;
}
#filterModel .modal-footer button, #sortModel .modal-footer button{
    width: 50%;
    border-radius: 0;
    float: left;
    margin: 0;
    padding: 10px 12px;
}
#sortModel .modal-footer > button{
	width: 100%;
}
#filterModel .modal-body, #sortModel .modal-body{
	overflow: auto;
}

.modal.center:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.center .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal.fade:not(.in).left .modal-dialog {
	-webkit-transform: translate3d(-25%, 0, 0);
	transform: translate3d(-25%, 0, 0);
}
.modal.fade:not(.in).right .modal-dialog {
	-webkit-transform: translate3d(125%, 0, 0);
	transform: translate3d(125%, 0, 0);
}
.modal.fade:not(.in).bottom .modal-dialog {
	-webkit-transform: translate3d(0, 125%, 0);
	transform: translate3d(0, 125%, 0);
}

.fl-chk[type=checkbox] {
  display: none;
}
.fl-chk[type=checkbox] + label {
/*  position: relative;
  height: 50px;
  width: 50px;*/
  display: block;
  text-align: center;
  cursor: pointer;
  transition:all 0.3s;
  padding: 5px;
  border:1px solid #ccc;
  background: transparent;
}

/*.fl-chk[type=checkbox] + label:hover,*/
.fl-chk[type=checkbox]:checked + label {
  color: #fff;
  border:1px solid #0376b6;
  background-color: #088bd5;
  /*border: solid 5px #F00;*/
  /*box-shadow: 0 0 1px #F00;*/
}

/*.fl-chk[type=checkbox]:checked + label:after {
  content: '\2714';
  height: 1em;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  color: #F00;
  line-height: 1;
  font-size: 18px;
  text-align: center;
}*/

.fl-ul{
    max-height: 250px;
    overflow: auto;
    padding: 5px 5px 5px 10px;
    box-shadow: 0px 0px 1px rgba(0,0,0,0.3) inset;
}
.fl-ul li{
	list-style: none;
	margin-bottom: 8px;
}
.cust-chk, .cust-rad {
    opacity: 0;
    position: absolute;   
}

.cust-chk, .cust-chk-lbl, .cust-rad, .cust-rad-lbl {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.cust-chk-lbl, .cust-rad-lbl {
    position: relative;
    display: block;
    font-weight: normal;
}

.cust-chk + .cust-chk-lbl:before, .cust-rad + .cust-rad-lbl:before {
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.cust-chk:checked + .cust-chk-lbl:before {
    background: #088bd5;
    box-shadow: inset 0px 0px 0px 3px #fff;
}

.cust-rad + .cust-rad-lbl:before {
    border-radius: 50%;
}

.cust-rad:checked + .cust-rad-lbl:before {
    background: #ccc;
    box-shadow: inset 0px 0px 0px 3px #fff;
}


.cust-chk:focus + .cust-chk-lbl, .cust-rad:focus + .cust-rad-lbl {
  outline: none; /* focus style */
}
.sort-by {
    padding: 5px 10px;
    float: left;
    border: 1px solid #ccc;
    width: 100%;
}
.sort-by i.fa {
    float: right;
    margin-top: 2px;
}
.sort-by.active{
	color: #fff;
    border: 1px solid #0376b6;
    background-color: #088bd5;
}
.inter-change{
	float: right;
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    padding: 4px 20px;
    cursor: pointer;
}


.feedbacklink:before {
    content: "\f1d8";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #a09e9e;
    font-size: 20px;
    padding-right: 0.3em;
    position: relative;
    top: 0;
    left: 0;
}
.feedback {
/*	margin: 0px 15px;*/
}
.feedback .fblock{
    padding:6px 10px;
}
.feedback span {
	display: block;
	margin-bottom: 20px;
}

.feedback label {
	width: 150px;
	font-size: 14px;
}

.feedback input, .feedback textarea {
	font-size: 14px;
        background: #f9f9f9 none repeat scroll 0 0;
        border: 1px solid #efefef;
        border-radius: 3px;
        padding: 10px;
        width: 100%;
}

.feedback .buttons {
	margin-top: 20px;
	margin-left: 30px;
}

.feedback .cancel {
    margin-left: 70px;
}

.seatinfo-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4.5em;
    width: 100%;
    color: #000;
    background: #fff;
    margin: 0 auto;
    box-shadow: 15px 15px 15px 15px #ddd;
}

.seatinfo-footer .seatinfo {
    width: 60%;
    border: 0;
    padding: 1em;
    text-align: left;
    font-size: .9em;
    display: inline-block;
}

.seatinfo-footer button {
    margin: 0;
    width: 35%;
    height: 100%;
    font-size: 18px;
    float: right;
    background-color: #9acf16;
    color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 15px 15px 15px 15px #ddd;
}
.seatinfo-footer button:hover, .seatinfo-footer button:focus{
    background-color: #9acf16;
    color: #fff;
}

#boardingModal .modal-header .close, #droppingModal .modal-header .close {
    float: left;
    margin-top: -1px;
    margin-right: 15px;
    margin-left: 5px;
}

#boardingModal .modal-dialog, #droppingModal .modal-dialog {
    width: 100%;
    min-height: 100%;
    margin: -1px;
    padding: 0;
    overflow-y: initial !important;
}

#boardingModal .modal-body, #droppingModal .modal-body{
    max-height: calc(100vh - 120px);
    min-height: calc(100vh - 120px);
    overflow-y: auto;
}

#boardingModal .modal-content, #droppingModal .modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
}

#boardingModal .modal-footer, #droppingModal .modal-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4.5em;
    width: 100%;
    color: #000;
    background: #fff;
    margin: 0 auto;
    box-shadow: 15px 15px 15px 15px #ddd;
    padding: 0px;
}

#boardingModal .modal-footer .next, #droppingModal .modal-footer .next {
    float: right!important;
}
#boardingModal .modal-footer button, #droppingModal .modal-footer button {
    margin: 0;
    width: 35%;
    height: 100%;
    font-size: 18px;
    background-color: #9acf16;
    color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 15px 15px 15px 15px #ddd;
}
.sp-name{
    font-size: 16px;
}
.sp-lmark{
    font-size: 13px;
}
.sp-label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sp-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

.sp-label:hover input ~ .checkmark {
    background-color: #ccc;
}

.sp-label input:checked ~ .checkmark {
    background-color: #2196F3;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.sp-label input:checked ~ .checkmark:after {
    display: block;
}

.sp-label .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}