/* Beachshore CSS */
:root {
	--red: #FF4F4F;
	--navy: #1B1464;
	--yellow: #FFC700;
	--green: #14C2A3;
	--blue: #00d4ff;
	--darkblue:  #1B1464;
	--lightblue:  #00d4ff;
	--lightgrey:  #c4c4c4;
}
@font-face { font-family: "FontAwesome"; src: url("https://web-archive.nli.org.il/National_Library/oe_/https://secure.jlgb.org/templates/emerald/FontAwesome.otf") format('opentype'); }
@font-face { font-family: "FontAwesomeSolid"; src: url("https://web-archive.nli.org.il/National_Library/oe_/https://secure.jlgb.org/templates/emerald/FontAwesome-solid.otf") format('opentype'); }
@font-face { font-family: "FontAwesomeBrand"; src: url("https://web-archive.nli.org.il/National_Library/oe_/https://secure.jlgb.org/templates/emerald/FontAwesome-brand.otf") format('opentype'); }

body * { font-family: Poppins; background-repeat: no-repeat; }
.body { /* max-width: 1020px; */ margin: 0px auto; width: 100%; }

h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; font-size: 100%; font-weight: 700; }
h1 {font-size: 180%; }
h2, .componentheading { font-size: 220%; padding: 15px 0px 15px 0px; color:  #1b1464;}
h3 {font-size: 156%;color:  #1b1464;/* font-family: Poppins-Bold; */padding-bottom: 10px;}
h4 { color: #1b1464; }
ul, ol { padding: 0px; margin: 0px; }
li { list-style:  none; vertical-align: top;  } 
a {color:  #1b1464; font-weight: 700;}
b, strong { font-weight: 700; }
a:hover {color:  #1b1464; text-decoration: none;}
.hidden {display: none;}
.expired { text-decoration: line-through; }
.checkbox {display: inline-block; width: 20%; font-size: 85%; } 
.checkbox label {font-weight: 200;}
input[type=checkbox] { width: 30px; height: 30px; opacity: 0; -moz-opacity: 0; position: absolute; cursor: pointer;  margin:4px 0px 0px 0px; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; }
input[type=checkbox] + label:before { content: ''; border: solid #7f7f7f 1px; background-color: #F1F2F3; display: inline-block; width: 14px; height: 14px; margin: 0px 10px 0px 0px; }
input[type=checkbox]:checked + label:before { background:  #1b1464; box-shadow:inset 0px 0px 0px 2px #fff;  }
label input[type=checkbox] { border: none; appearance: checkbox; -webkit-appearance: checkbox; -moz-appearance: checkbox; -o-appearance: checkbox; }
/* Radio buttons */
input[type=radio] { width: 30px; height: 30px; opacity: 0; -moz-opacity: 0; position: absolute; cursor: pointer;  margin:4px 0px 0px 0px; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; }
input[type=radio] + label:before { content: ''; border: solid #7f7f7f 1px; background-color: #F1F2F3; display: inline-block; width: 14px; height: 14px; margin: 0px 10px 0px 0px; }
input[type=radio]:checked + label:before { background: #1b1464; box-shadow:inset 0px 0px 0px 2px #fff;  }
label input[type=radio] { border: none; appearance: checkbox; -webkit-appearance: checkbox; -moz-appearance: checkbox; -o-appearance: checkbox; }
/* End radio buttons */
select {background-color: #ffffff; -webkit-box-shadow: none; box-shadow: none; border: 1px solid darkgray; padding: 11px 20px; color: #333333; border-radius: 5px;max-width: 100%;width:316px;font-size:1rem;}
input[type=text], input[type=date], input[type=tel], input[type=email], input[type=password], textarea {-webkit-appearance: none;appearance: none;-webkit-box-shadow: none;box-shadow: none;border: 1px solid darkgray;padding: 11px 20px;color: #333333;border-radius: 5px;max-width: 100%;width:316px;max-width: 316px;width: 100%;font-size:1rem;}
textarea {/* width: 340px; */height: 100px;}
.jmoddiv.jmodinside {position: initial;}
.left { /*float:left;*/ }		
.messages { font-size: large; }
.messages a { font-weight: normal }

.fa {font-family: FontAwesome;padding: 0px 3px 0px 0px;color: #1b1464;}
.fab {  font-family: FontAwesomeBrand;  padding: 0px 3px 0px 0px; color:  #1b1464;}
.fas {font-family: FontAwesomeSolid;}
.fa-share-alt {color: #ffffff; font-size: 300%;}
.share:focus { outline: none; }
/* .share {cursor: pointer;background-image: url('https://web-archive.nli.org.il/National_Library/oe_/https://www.jlgb.org/images/structure/sharewhite.png');background-size: contain;width: 25px;height: 25px;} */
.icon-calendar:before { content: '\f073 '; font-family: FontAwesome;  }

/* Standard form */
form { margin: 0px 0px 30px 0px;padding: 0px; }
form label { clear: both; /*display: block;*/ /* color: #1b1464; */ font-weight: 700; padding: 10px 0px 0px 0px; }
form .radio  { float: left; clear: none; /* color:  #1b1464; */ font-weight: 400; padding: 0px 20px 0px 0px;}
form input[type=radio]{ color:  #1b1464; font-weight: 400; margin: 0px 10px 0px 0px;}
.field-calendar input { width: 80%;}
.card .field-calendar input {width:190px;display:inline-block;margin: 0px -4px 0px 0px;}

/* Bootstrap CSS */
*, ::after, ::before { box-sizing: border-box; }
/* End of Bootstrap CSS */

/* Dropdown SCSS */
.input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; }
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; }
/* End of Dropdown SCSS */

/* Reboot SCSS */
a { text-decoration: none; background-color: transparent; }
/* End of Reboot SCSS */

/* Fontawesome.min.css */
.fa-play:before {
  content: "\f04b"
}
/* End of fontawesome.min.css */

/* footer */
.footer {text-align: left;clear: both;display: block;background-color:  #1b1464;color: #ffffff;min-height: 250px;}
.footer a { color: #ffffff; font-weight: 400;}
.footer .container-fluid {max-width: 1020px;padding: 40px 10px 0px 10px;margin: 0px auto 0px auto;min-height: 100px;}
.footer .sitename {float: left;width: 17%;box-sizing: border-box;font-size: 200%;padding: 0px 10px 0px 10px;/* margin-right: .11%; */}
.footer .sitename a { font-weight: 700 !important;}
.footer .footercontent {float: left;width: 83%;}
.footer .footercontent .custom {font-size: 80%;float: left;width: 17%;box-sizing: border-box;padding: 0px 10px 0px 10px;}
.footer h2 {font-size: 80%;font-size: 100%;font-weight: 700;text-transform: uppercase;color: #ffffff;padding: 0px 0px 5px 0px;margin: 0px;}
.footer hr {background-color:#ffffff;padding: 0px;margin: 0px 0px 5px 0px;border-top: .0001px solid #ffffffdd;}
.footer .custom:nth-of-type(1) {width: 34%;}
.footer .custom:nth-of-type(2) {width: 27%;}
.footer .custom:nth-of-type(3) { width: 12%; }
.footer .custom:nth-of-type(4) {width: 27%;}
.footer .custom:nth-of-type(3) li { float: left; font-size: larger; }
/*.footer .custom:nth-of-type(3) h2 { text-transform: none; font-weight: normal; padding: 15px 0px 0px 0px; } */
.footer .custom:nth-of-type(3) li:nth-of-type(4) { clear: left; float: left; }


.footer input[type=text] { height: 30px; border-radius: 0.25rem  0rem 0rem 0.25rem;}
.footer .btn {background-color: #d43b6e; border: 0px; border-radius: 0px 0.25rem 0.25rem 0px; padding: 0px;  width: 30px;   height: 30px;  /*! line-height: 30px; */}
.footer .btn i {vertical-align: middle;  padding-left: 10px;} 

@media( max-width: 1220px )
{
  .footer .sitename {float: none;width: 100%;}
  .footer .footercontent { float: none; width: 100%; }
}

@media( max-width: 1000px )
{
  .footer .footercontent .custom { padding: 10px 10px 10px 10px; }
  .footer .footercontent .custom:nth-of-type(1) { width: 40%; }
  .footer .footercontent .custom:nth-of-type(2) { width: 60%; }
  .footer .footercontent .custom:nth-of-type(3) { width: 30%; }
  .footer .custom:nth-of-type(3) li:nth-of-type(4) { clear: none; float: left; }
  .footer .footercontent .custom:nth-of-type(4) { width: 70%; }
}

@media( max-width: 600px )
{
  .footer .footercontent .custom:nth-of-type(1) { width: 60%; }
  .footer .footercontent .custom:nth-of-type(2) { width: 90%; }
  .footer .footercontent .custom:nth-of-type(3) {width: 90%; }
  .footer .custom:nth-of-type(3) li { font-size: large; }
  .footer .footercontent .custom:nth-of-type(4) { width: 100%; }
}

@media( max-width: 500px )
{
  .footer .container-fluid{padding-top: 0px;}
  .footer h2{font-size: 140%;font-weight: 500;}
  .footer .sitename { padding: 10px 0px 10px 0px; }
  .footer .sitename img{width: 110px;height: auto;}
  .footer .footercontent .custom { float: none; width: 100%; padding: 10px 0px 10px 0px; }
  .footer .footercontent .custom:nth-of-type(3) {overflow: auto;padding-bottom: 30px;padding-top: 30px;/* content: "\A"; *//* white-space: pre; */}
  .footer .footercontent .custom:nth-of-type(3) h2 { padding-top: 0;}
}

body {max-width: 100%;width: 100%;/* min-width: 770px; */text-align: center;margin: 0px 0px 0px 0px;color: #384161;/*color: #1b1464;*/}
.bold { font-weight: bold; }
a img { border: none; }
.links { width: 100%; }
.links td { padding: 20px 0; }
.links td h2 { text-decoration: none; font-size: 12pt !important; }
.links img { height: 120px; }
.links img.preserve { height: auto; }
.warning { color: #e64a4d;}
.confirmdates div#info p.warning {margin-bottom: 55px;}
.btn {display: inline-block;text-align: center;border-radius: .5rem;line-height: 1.5;font-size: 1rem;font-weight: 400;padding: 5px 10px;}
.btn-success {background-color: #1b1464;border-color: #1b1464;color: #ffffff;}
.btn-failure {background-color: #f1f2f3; border: 1px solid #baa897;}
.btn-large { width: 465px; max-width: 100%; }
a.btn-success:hover { color: #ffffff; }
.alignleft { text-align: left; }
.center {text-align: center !important;}
.alignright { text-align: right; }
.disclaimer {font-size: 12px;line-height: 1.2;margin-bottom: 30px !important;}
.table-outercontainer {background-color: #f0f1f3; margin: 30px 0px 30px 0px; padding: 1.25rem; border-radius: 10px;}
.spacer td { height: 0; line-height: 0; padding: 0px 0px 0px 0px; border: none !important; }

/* Required for form logic */
.hide { display: none; }
tr.nohide { display: table-row; }
/* End required for form logic */

div#topmargin { padding: 40px 0px 0px 0px; }
div#container {max-width: 970px;/* min-width: 700px; */width: 100%;overflow: hidden;background: #ffffff;margin: 0px auto;padding: 0px 10px 0px 10px;}
div#container.largecontainer {max-width: 1300px;max-width: 1040px;}
div#container.confirmdates {max-width: 1100px;}
h3.back {font-size: 100%;padding: 100px 0px 40px 0px;}
th small {font-weight: normal;font-size: 1rem;}
div#title {/* background: url('https://web-archive.nli.org.il/National_Library/oe_/https://secure.jlgb.org/templates/emerald/images/headerDofE-Nov2020.png') no-repeat top; *//* background-size: cover; *//*height: 355px;*//* height: 408px; *//* background-color: #46bfea; */overflow: hidden;padding: 5px;/* color: #ffffff; */text-align: left;}
div#heading {text-align: center;width: 620px;overflow: hidden;}
div#heading h1 {margin: 0;color: #1b1464;}
div#heading h2 { margin: 3px 0; }
div#info h1 {font-size: 250%;background: transparent;width: 100%;margin: 45px 0px 0px 0px;text-align: left;}
div#info h1.unitname, div#info h1.small { text-align: center; }
div#info h1.small {/* top: 460px; */font-size: 14pt;font-weight: normal;/* color: #ffffff; *//* background: #384161; */padding: 0;margin: 0;}
div#info h1.small a { color: #ffffff; }
div#info h2 {font-size: 158%;margin: 10px 0px 20px 0;text-align: left;border-bottom: 1px solid #000000;}
div#info p {/* font-size: 16pt; */margin: 0.5em 2px;text-align: left;}
div#info p.subtitle {color: #000000; }
div#info em { font-variant: small-caps; }
div#info table td {padding: 9px 32px 9px 0px;width: 70%;vertical-align: top;}
div#signature { text-align: left; padding: 0 1em; margin-top: 2em; font-size: 14pt; }
@media(max-width: 768px) {
  div#info h1 { font-size: 200%; }
  p { font-weight: 300; }
}
@media(max-width: 1000px) {
  div#info table td { width: auto; }
}

div#title { padding-top: 40px; }
div#title #heading { width: auto; }
div#title #heading h1, div#title #heading h2 { text-align: left; }
div#title #heading h1 {font-size: 270%;line-height: 1.2;}
div#title #heading h2 {margin-top: 0;padding-top: 0px;font-size: 158%;line-height: 1.2;}

@media(max-width: 425px){
  div#title #heading h1 { font-size: 220%; }
}

span.waiting, span.warn {
    display: block;
    background-color: var(--red);
    padding: 1em;
    border-radius: 1em;
    color: white;
}
span.info {
    display: block;
    background-color: var(--green);
    padding: 1em;
    border-radius: 1em;
    color: white;
}

.banner { margin: 0px 0px 0px 0px; position: relative; overflow: hidden; }
.banner li { position: relative; width: 100vw !important; }
.banner li a { display: block; }
.banner li .image, .banner li .mobileimage { display: none; background-position: center center; } 
.banner li .banner-inner  { position: absolute; }
.banner li .banner-inner.left  { text-align: left; }
.banner li .banner-inner.right { text-align: right; }
.banner li .text .heading { line-height: 1.1; font-weight: bold;color: #ffffff; padding: 0px 0px 0px 0px; }
.banner li .text .subheading { font-weight: bold; color: #191F51; line-height: 1.1; padding: 0px 0px 10px 0px; }
.banner li .text .calltoaction { font-weight: bold; color: #ffffff; line-height: 1.1; padding: 0px 0px 10px 0px; }

.banner li .banner-inner .white { color: #ffffff;}

.banner .hrhbanner .text .heading { line-height: 0.8; padding: 0px 0px 20px 0px; }
.banner .hrhbanner .text .subheading { padding: 0px 0px 0px 0px; }

@media( min-width: 1300px )
{
  .banner li .image { display: block; height:400px; background-size: auto 400px; }
  .banner li .banner-inner { top: 50px; }
  .banner li .banner-inner.left  { left: 100px; }
  .banner li .banner-inner.right { right: 100px; }
  .banner li .banner-inner.dropshadow { text-shadow: 2px 2px black; }
  .banner li .text .heading { font-size: 100px; }
  .banner li .text .subheading { font-size: 50px; }
  .banner li .text .calltoaction { font-size: 40px; }

  .banner .hrhbanner .image { background-position: calc(50% - 200px) center;  }
  .banner .hrhbanner .banner-inner { top: 60px; }
  .banner .hrhbanner .banner-inner.right { right: 150px; }
}

@media( min-width: 1000px) and (max-width: 1299px )
{
  .banner li .image { display: block; height:300px; background-size: auto 300px; }
  .banner li .banner-inner { top: 40px; }
  .banner li .banner-inner.left  { left: 60px; }
  .banner li .banner-inner.right { right: 60px; }
  .banner li .banner-inner.dropshadow { text-shadow: 2px 2px black; }
  .banner li .text .heading { font-size: 75px; }
  .banner li .text .subheading { font-size: 43px; }
  .banner li .text .calltoaction { font-size: 30px; }

  .banner .hrhbanner .image { background-position: calc(50% - 150px) center;  }
  .banner .hrhbanner .banner-inner { top: 40px; }
  .banner .hrhbanner .banner-inner.right { right: 90px; }
}


@media( max-width: 999px )
{
  .banner li .mobileimage { display:block !important; height:210px; background-size: auto 210px; }
  .banner li .banner-inner { top: 35px; }
  .banner li .banner-inner.left  { left: 20px; }
  .banner li .banner-inner.right { right: 20px; }
  .banner li .banner-inner.dropshadow { text-shadow: 1px 1px black; }
  .banner li .text .heading { font-size: 50px; }
  .banner li .text .subheading { font-size: 25px; }
  .banner li .text .calltoaction { font-size: 20px; }

  .banner .hrhbanner .mobileimage { background-position: calc(50% - 30px) center;  }
  .banner .hrhbanner .heading { font-size: 40px; }
  .banner .hrhbanner .banner-inner { top: 50px; }
  .banner .hrhbanner .banner-inner.right { right: 20px; }

  .banner { margin: 0px 0px 20px 0px;}
  .banner .jcarousel-control {  left: 70px; }
  .banner .jcarousel-next-prev { left: 40px; }
}


.jcarousel { position: relative; overflow: hidden; width: 100%; }
.jcarousel ul { width: 10000em; position: relative; list-style: none; margin: 0; padding: 0; }
.jcarousel li { width: 639px; float: left;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none !important; cursor: grab;}
.jcarousel img {display: block;max-width: 100%;height: auto!important;}
.jcarousel-control a {font-size: 0px; width: 20px; height: 20px; display: inline-block; border: 1px solid #bcbfc4; border-radius: 50%; margin: 22px 5px 0px 5px; }
.jcarousel-control a.active { background-color:  var(--navy); border: 1px solid  var(--navy);}
.jcarousel-control-next {font-size: 0px; width: 31px; height: 31px; display: inline-block; /* background-image: url(/National_Library/oe_/https://secure.jlgb.org/images/structure/next.png); */ background-size: cover;}
.jcarousel-control-prev {font-size: 0px; width: 31px; height: 31px; display: inline-block; /* background-image: url(/National_Library/oe_/https://secure.jlgb.org/images/structure/previous.png); */ background-size: cover;}
.jcarousel-control-next:hover { /* background-image: url(/National_Library/oe_/https://secure.jlgb.org/images/structure/next_active.png); */ }
.jcarousel-control-prev:hover { /* background-image: url(/National_Library/oe_/https://secure.jlgb.org/images/structure/previous_active.png); */ }


.jcarousel-next-prev {float: left;clear: left;padding-left: 25px;}
.jcarousel-control.skip { text-align: center; }

@media( max-width: 720px )
{
	.jcarousel-control.skip, .jcarousel-next-prev  {display:none;}
	.moduletable_testimonials .jcarousel-next-prev, .moduletable_testimonials .jcarousel-control.skip{display: block; margin-bottom: 10px;}
	.moduletable_testimonials .jcarousel-control.skip{padding-left: 100px;}
}

.banner li .banner-inner .white { color: #ffffff;}
.banner li .banner-inner .navy {color: var(--navy); }
.banner li .banner-inner .lightblue {color: var(--lightblue); }
.banner li .banner-inner .red {color: var(--red); }
.banner li .banner-inner .yellow {color: var(--yellow); }
.banner li .banner-inner .green {color: var(--green); }

/* carousel controls */
.jcarousel-control.skip, .banner .jcarousel-next-prev, .banner .skip{display: none;}

select[name="Personal_DOBDay"], select[name="Personal_DOBMonth"], select[name="Personal_DOBYear"] { width: auto; }

fieldset, #contact {/* max-width: 570px; */max-width: 100%;width: 100%;margin: 20px 0px 0px 0px !important;padding: 0px 0px 13px 0px;background-color: #f1f2f3;border: none;border-radius: 0px 0px 5px 5px;}
 fieldset legend, #contact .tableheader th {/*background: #00d4ff;*/background: #46bfea;color: #ffffff;padding: 14px 32px 14px 32px;border-radius: 5px 5px 0px 0px;font-weight: 500;text-align: left;}
 fieldset legend {display: block;width: 100%;font-weight:700;font-size:110%;}
 @media(max-width: 475px) {
	fieldset legend, #contact .tableheader th {padding: 5px 10px 5px 10px;}
}
 fieldset p {text-align: left;margin-left: 32px;margin-right: 32px;}
 .summercamp fieldset p { margin-left: 0; margin-right: 0; }
 
 fieldset td p {margin: 0px 0px 0px 0px;}
 fieldset table {width: 100%;padding: 14px 32px 14px 32px;}
 fieldset table th { text-align: left; width: 25%; padding: 10px 0px 10px 0px; border-bottom: 1px solid #dee2e6; }
 fieldset table td {width: 25%;padding: 10px 0px 10px 0px;border-bottom: 1px solid #dee2e6;}

 fieldset table td:nth-of-type(odd) {padding-right: 40px;}
 fieldset table th:nth-of-type(even) {padding-left: 40px;}
 fieldset table td:nth-of-type(even) {text-align: right;}

 fieldset table.threecolumns td { vertical-align: bottom; }
 fieldset table.threecolumns td:nth-of-type(2) {text-align: center;}
 fieldset table.threecolumns td[colspan="2"] { text-align: left; }
 fieldset table.threecolumns td:nth-of-type(3) {padding-right: 0;padding-left: 40px;}
  
 fieldset#affiliations table th {width:261px;}
 fieldset#affiliations table td {width: 955px;}
 
 
/*
 fieldset .multichoicetable {width: 100%;padding: 0px 0px 0px 0px !important;}
 .summercamp fieldset .multichoicetable { padding: 18px !important; }
@media(max-width:425px){
 .summercamp fieldset .multichoicetable { padding: 10px !important; }
}
*/

 .summercamp fieldset .multichoice {width: 20%;float: left;min-height:90px;padding: 0px 20px 0px 0px;}
 .summercamp fieldset .multichoice .label {width: 90%;/* float: none; */font-weight: normal;overflow-wrap: break-word;/* overflow-wrap: normal; */}
 .summercamp fieldset .multichoice .label label {font-weight: normal;padding: 0px 0px 0px 0px;}
 .summercamp fieldset .multichoice .input {/* float: none; */padding-top: 17px;width: 10%;} 
@media(max-width:1060px){
 .summercamp fieldset .multichoice {width: 33.33%; }
}
@media(max-width:600px){
 .summercamp fieldset .multichoice {width: 50%; }
}
@media(max-width:425px){
 .summercamp fieldset .multichoice {width: 100%;float: none;padding: 0px 0px 0px 0px;}
 .summercamp fieldset .multichoice .label { width: 100%; }
}

fieldset dl.statements { text-align: left; padding-left: 3em }
fieldset dl.statements dt { margin-top: 0.5em; margin-bottom: 0.5em; display: list-item; list-style: decimal outside; font-weight: bold; }
fieldset dl.statements dd { margin-left: 0; }
fieldset ul.statements { text-align: left; padding-left: 3em }
fieldset ul.statements li { display: list-item; padding-left: 1em; list-style: disc outside; font-weight: normal; margin-bottom: 0.2em; }
fieldset ul.statements ul { margin-top: 0.5em; }
fieldset ul.statements ul li { list-style-type: circle; }

 fieldset .tablepadding {padding: 14px 32px 14px 32px !important;}
 fieldset .diagnosedMedical td, fieldset .multichoicetable td { position: relative; text-align: left !important; padding-right: 0 !important; }
 fieldset .diagnosedMedical td input,  fieldset .diagnosedMedical td label,
 fieldset .multichoicetable td input, fieldset .multichoicetable td label 
 {position: absolute;right: 10px;top: 2px;}
 fieldset .diagnosedMedical td input, fieldset .multichoicetable td input { z-index: 1; }

 fieldset .diagnosedMedicalFurtherDetails td[colspan="2"], fieldset .multichoiceFurtherDetails td[colspan="2"] {text-align: right;padding-right: 0;}

 fieldset table.innertable { width: 100%; }

 div#form .skills table th.skills_category { text-align: left; font-size: 120%; }
 div#form .skills table .skills_category_options th:nth-of-type(even) { padding-left: 0; }
 div#form .skills table .skills_category_options td {padding: 10px 0px 10px 30px;text-align: center;text-align: left;}

 div#form table.paymentmethod td {text-align: left;} 

 div#form table.agreements td:nth-of-type(1) { text-align: left; } 
 div#form table.agreements td:nth-of-type(2) { text-align: left; }

 div#form table.additionalcomments tr:first-of-type td { text-align: left; }
 
 fieldset table .tablesubtitle { text-align: left; font-size: 115%; padding: 10px 0px 10px 0px; }
 
  /* Chosen select plugin */
 fieldset table .chosen-single, fieldset table .chosen-drop { text-align: left !important; } 
 fieldset table .chosen-single { padding: 11px 24px !important; min-height: 50px !important; vertical-align: middle !important; background-image: none !important; color: #000000 !important; background-color: #ffffff !important; font-weight: 400 !important; font-size: 1rem !important; }
 fieldset table .chosen-container-single .chosen-single div b {background-position-y: 15px !important;}
 fieldset table .chosen-choices { padding: 11px 24px !important; min-height: 50px !important; vertical-align: middle !important; background-image: none !important; color: #000000 !important; background-color: #ffffff !important;  font-weight: 400 !important; font-size: 1rem !important;  border-radius: 5px !important; }
 fieldset table .chosen-container {width: 316px !important;} 
 fieldset table .chosen-container-multi .chosen-choices li.search-field input[type=text] { color: #000000; border-radius: 10px; font-family: Poppins, sans-serif; }
 /* End */
 fieldset table th[colspan="3"] {text-align: right; padding-right: 50px;}
 fieldset table td[colspan="3"] {width: 75%;text-align: left;padding-right: 0;}
 fieldset table .genderoptions td {padding-right: 0;text-align: right;}
 fieldset table .fieldsetcomment {display: inline-block;padding-left: 40px;}
 
 .formNavButtons input[type="submit"], .mobileFormNavButtons input[type="submit"] {background-color: #1b1d64;color: #ffffff;box-shadow: none;border: none;margin: 10px 0px 0px 0px;padding: 13px 15px;font-size: 1rem;font-weight: 700;border-radius: 6px;}
 .formNavButtons input[type="submit"]:hover, .mobileFormNavButtons input[type="submit"] { cursor: pointer; } 
 .formNavButtons input[type="submit"], .mobileFormNavButtons input[type="submit"] {margin: 0px 0px 0px 0px;padding: 5px;font-size: 1rem;}
 .formNavButtons .next input[type="submit"] {padding: 8px 40px 8px 15px;background-image: url('/National_Library/oe_/https://secure.jlgb.org/templates/emerald/images/whitearrow.png');background-position: right 15px center;background-repeat: no-repeat;}
 .formNavButtons .back input[type="submit"] {padding: 8px 25px 8px 26px;}
 .formNavButtons {width: 100%;margin: 40px 0px 0px 0px;}
 .mobileFormNavButtons { padding-top: 20px; }
 
 @media(max-width:600px){
  .formNavButtons th { display: none; }
  .mobileFormNavButtons { display: block; }
  .mobileFormNavButtons input[name="BACK"] {padding: 8px 25px 8px 26px !important;}  
  .mobileFormNavButtons input[name="NEXT"] {padding: 8px 40px 8px 15px !important;background-image: url('/National_Library/oe_/https://secure.jlgb.org/templates/emerald/images/whitearrow.png');background-position: right 15px center;background-repeat: no-repeat;}

}


/* Apply Home */
.applyhome div#info table td { width: 33.33%; padding: 9px 0px 9px 0px;}
.applyhome.noOpenApplications div#info table td {width: 100%;}

.applyhome #links h2 {font-size: 140%;min-height: 100px;padding-right: 20px;}
.applyhome #links .image {min-height: 210px;}
.applyhome #links .image img { max-width: 200px; height: auto; }
.applyhome #links p { text-align: center; }


/* Summer Camp Application Site rules */

/*
.summercamp fieldset table.initialselection th {text-align: center;width: 100%;padding: 10px 0px 10px 0px;border-bottom: none; }
.summercamp fieldset table.initialselection td {width: 100%;padding: 10px 0px 10px 0px;border-bottom: none;}
 
.summercamp fieldset table.initialselection td:nth-of-type(odd) {padding-right: 0;}
.summercamp fieldset table.initialselection th:nth-of-type(even) {padding-left: 0; text-align: center; }

.summercamp fieldset table.initialselection .title { font-size: 140%;}


.summercamp fieldset .initialselection label { font-weight: normal; }
.summercamp fieldset .initialselection strong label {font-weight: 600; }

.summercamp fieldset .initialselection .type { width: 250px; height: 180px; display: inline-block; padding: 2em; background-color: #1B1464; color: #fff; float: left; margin: 15px; }
.summercamp fieldset .initialselection .type.international { background-color: #FFC700; color:#1B1464 }
.summercamp fieldset .initialselection .type.leader { background-color: #14C2A3; color:#1B1464; }
.summercamp fieldset .initialselection .type.non { background-color: #FFC700; color:#1B1464 }
*/

.summercamp .initialselection { margin: 30px 0px 0px 0px; }
.summercamp .initialselection .title {width: 100%;background-color: #14C2A3;border-radius: 5px 5px 5px 5px;padding: 10px;color: #ffffff;font-weight: bold;margin: 0px 0px 10px 0px;}
.summercamp .initialselection .types { display: grid;grid-template-columns: 1fr 1fr 1fr;column-gap: 10px;row-gap: 10px;}
.summercamp .initialselection .type .header {background-color: red;color: #ffffff;font-weight: bold;text-align: left;padding: 10px 42px 10px 15px;border-radius: 5px 5px 0px 0px;background-image: url('/National_Library/oe_/https://secure.jlgb.org/templates/emerald/images/open-white-transparentbg.png');background-size: 24px 24px;background-position: right 10px center;background-repeat: no-repeat;}
.summercamp .initialselection .type .header:hover, fieldset#loadform legend:hover { cursor: pointer; }
.summercamp .initialselection .type .header.closedfa {background-image: url('/National_Library/oe_/https://secure.jlgb.org/templates/emerald/images/close-white-transparentbg.png');border-radius: 5px 5px 5px 5px;}
.summercamp .initialselection .type.participant .header { background-color: #00d4ff; }
.summercamp .initialselection .type.leader .header { background-color: #FFC700; }
.summercamp .initialselection .type .content {background-color: #f1f2f3;text-align: left;padding: 10px 15px 5px 15px;height: 420px;}

@media(max-width:1080px) {
  .summercamp .initialselection .type .content {height: 450px;}
}
@media(max-width:915px) {
  .summercamp .initialselection .types { grid-template-columns: 1fr 1fr; }
}
@media(max-width:615px) {
  .summercamp .initialselection .type .header { height: 70px; display: flex; align-items: center; padding: 5px 40px 5px 10px; }
  .summercamp .initialselection .type .content { padding: 5px 10px 5px 10px; }
}
@media(max-width:425px) {
  .summercamp .initialselection .type .header { height: auto; }
  .summercamp .initialselection .types { grid-template-columns: 1fr; }
  .summercamp .initialselection .type .content {height: auto;padding-bottom: 30px;}
}

.summercamp input[type=radio] { width: 30px; height: 30px; opacity: 0; -moz-opacity: 0; position: absolute; cursor: pointer;  margin:4px 0px 0px 0px; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; }
.summercamp input[type=radio] + label:before {content: '';border: solid #7f7f7f 1px;background-color: #ffffff;display: inline-block;width: 14px;height: 14px;margin: 0px 10px 0px 0px;border-radius: 50%;}
.summercamp input[type=radio]:checked + label:before { background: #1b1464; box-shadow:inset 0px 0px 0px 2px #fff; }
.summercamp input[type=radio]:checked + label { /*font-weight: 700;*/ }


/*
.summercamp .initialselection label {position: relative;display: block;z-index: 0;}
.summercamp .initialselection label input[type=radio] { display: block; }
.summercamp .initialselection label input[type=radio]:before {content: '';border: solid #7f7f7f 1px;background-color: #F1F2F3;display: block;width: 14px;height: 14px;margin: 0px 10px 0px 0px;border-radius: 50%;z-index: 1;}
*/

.summercamp .initialselection .field {display: flex;position: relative;}
.summercamp .initialselection .field label {/* display: block; */padding: 10px 0px 0px 0px;font-weight: normal;}
.summercamp .initialselection .field label + input[type=radio] {position: static;position: absolute;right: 0;opacity: 1;margin: 13px 0px 0px 0px;border:none;}
.summercamp .initialselection .field label + input[type=radio]:before {content: '';border: solid #7f7f7f 2px;background-color: #F1F2F3;display: inline-block;width: 15px;height: 15px;margin: 0px 0px 0px 0px;position: absolute;right: 0;border-radius: 3px;}
.summercamp .initialselection .field label + input[type=radio]:checked { background: none; }
.summercamp .initialselection .field label + input[type=radio]:checked:before { background: #1b1464; box-shadow:inset 0px 0px 0px 2px #f1f2f3; }

.summercamp .initialselection .field label  {display: inline-flex;align-items: flex-start;clear: none;line-height: 1.2;}
.summercamp .initialselection .field label:before {position: relative;/* margin: 0px 0px 0px 0px; *//* width: 14px; *//* height: 13px; */box-sizing: content-box;flex-shrink: 0;}
.summercamp .initialselection .field label span, .summercamp .initialselection .field label small {/* flex-basis: 80%; */}

.summercamp .initialselection .inactive .header { color: lightgray; }
.summercamp .initialselection .inactive .field { color: grey; }
/*
 .summercamp .initialselection .type.inactive { display: none; }
*/


.summercamp fieldset table.travelarrangements td { text-align: left; }
.summercamp fieldset table.travelarrangements td:nth-of-type(1) { width: 60px; padding-right: 0 !important;  }
//.summercamp fieldset table.travelarrangements td:nth-of-type(2) { width: 90%;}

.summercamp div#form table.paymentmethod td:first-of-type { width: 50%; }

/* Responsive rules */
fieldset legend { padding: 14px 18px 14px 18px; }
fieldset .container {position: relative;padding: 18px;overflow: hidden;}
@media(min-width:1061px){
  /* Ensure there is enough height when extra rows are added to floated right column */
  /* Only needed on Desktop when there are two columns */
  fieldset .container.extraRows {min-height: 400px;}
  /* Showing instrument field needs additional height */
  fieldset .container.extraRows.Instrument {min-height: 460px;}
}
fieldset .leftcolumn { width: 50%; padding-right: 40px; }
fieldset .rightcolumn {position: absolute;top: 18px;width: 50%;padding-right: 18px;margin-left: calc(50% - 18px);}

fieldset .field {width: 100%;clear: left;/*overflow: auto;*/min-height: 59px;padding-bottom: 5px;}
fieldset .label {float: left;width: 35%;text-align: left;font-weight: bold;padding-top: 13px;padding-right: 15px;}
fieldset .label.fullwidth { width: 100%; }
fieldset .input {float: left;width: 65%;text-align: left;line-height: 1;}
fieldset .input.fullwidth { width: 100%; }
fieldset .input input { max-width: 100%; width: 100%;}
fieldset .input input[type="checkbox"] { width: 30px; }
fieldset .input select { max-width: 100%; width: 100%;}
fieldset .input textarea { max-width: 100%; width: 100%;}
@media(max-width:1060px){
  fieldset .input textarea { width: 100% !important; }
}

fieldset .note { text-align: left; }
fieldset p.alert {margin: 18px;text-align: center;color: red;}
@media(max-width:425px){
  fieldset p.alert {padding: 10px 10px 10px 10px;}
}

fieldset .section {
  /* Ensure section stays at full height */ 
  display: inline-block;
  padding-bottom: 60px;
  width: 100%;
}
fieldset .columnHeading, fieldset .sectionHeading { font-weight: bold; padding: 10px; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; margin-bottom: 10px; }
@media(max-width:1060px){
  fieldset .rightcolumn .columnHeading { margin-top: 60px;}
  fieldset .columnHeading, fieldset .sectionHeading { text-align: left; padding-left: 0; }
}

fieldset#loadform {border-radius: 0px 0px 0px 0px;padding-bottom: 0;}
fieldset#loadform legend {padding: 10px 42px 10px 15px;background-color: #14C2A3;background-image: url('/National_Library/oe_/https://secure.jlgb.org/templates/emerald/images/open-white-transparentbg.png');background-size: 24px 24px;background-position: right 10px center;background-repeat:no-repeat;}
fieldset#loadform legend.closedfa { border-radius: 5px 5px 5px 5px; background-image: url('/National_Library/oe_/https://secure.jlgb.org/templates/emerald/images/close-white-transparentbg.png'); }
fieldset#loadform p { margin-left: 0; margin-right: 0; }
fieldset#loadform .container {padding: 0px 15px 20px 15px;}
fieldset#loadform input[name="LOAD"] {font-weight: 600;color: #1b1464;border: 1px solid #1b1464;background-color: #ffffff;border-radius: 2.5px 2.5px 2.5px 2.5px;}

fieldset#loadform .form { border-top: 1px solid #C4C4C4; padding: 20px 0px 20px 0px; border-bottom: 1px solid #C4C4C4; margin: 0px 0px 20px 0px; }

fieldset#loadform .field.load {min-height:auto;padding-bottom: 0;}
fieldset#loadform .field.load {margin: 10px 0px 0px 0px;display: inline-block;vertical-align: middle;}

@media(max-width:1060px){
  fieldset#loadform .container { padding: 18px; }
  fieldset#loadform .container { padding: 0px 20px 20px 20px;}
}

fieldset#loadform .row {display: grid; grid-template-columns: 1fr 1fr; column-gap: 30px; }
fieldset#loadform .row .field {width: 100%;float: none;clear: both;}
fieldset#loadform .row .field .label {width: 100%;float: none;}
fieldset#loadform .row .field .input {width: 100%;float: none;}
fieldset#loadform .row .field .input input {padding: 5px 10px 5px 10px;}

@media(max-width:425px){
  fieldset#loadform .row { grid-template-columns: 1fr; }
  fieldset#loadform .row .field .label {padding-top: 0;}
}

fieldset .input * {padding-top: 17px;}

fieldset .input[data-label="Membership Number"] {padding-top: 17px;text-align: center;}
fieldset .input select[name="Personal_DOBDay"], fieldset .input select[name="Personal_DOBMonth"], fieldset .input select[name="Personal_DOBYear"] { display: block; float: left; width: 33.3%; }
fieldset .input select[name="Personal_DOBDay"], fieldset .input select[name="Personal_DOBMonth"] { width: calc(33.3% - 5px);margin-right: 5px; }

@media(max-width:1060px){
  fieldset legend {padding: 14px 18px 14px 18px;}
  fieldset .container {min-height: unset;overflow: auto;}
  fieldset .leftcolumn { width: 100%; padding-right: 0; }
  fieldset .rightcolumn { position: static; width: 100%; padding-right: 0; margin-left: 0; }

  fieldset .field.placeholder { display: none; }

  fieldset .input[data-label="Membership Number"] { text-align: left; }
}

@media(max-width:600px){
  input, select, textarea { padding: 5px 5px !important; }
  fieldset .field { min-height: unset; padding-bottom: 15px; }
  fieldset .label, fieldset .input {line-height: 1.4;}
}

@media(max-width:800px){
  div#title { padding-top: 20px; }
  h2, div#heading h2 { font-size: 160%; margin: 0px 0px 0px 0px; padding-top: 0;}
  div#info h2 {font-size: 200%;margin: 0px 0px 0px 0px;padding-top: 0;line-height: 1.2;}
}

@media(max-width:425px){
  fieldset legend {padding: 10px 10px 10px 10px;}
  fieldset .container {padding: 10px;}
  fieldset .label { width: 100%; float: none; }
  fieldset .input { width: 100%; float: none; }
}

/*
fieldset .container.toprowfullwidth .leftcolumn .field:first-of-type {position: absolute;width: calc(100% - 36px);top: 18px;}
fieldset .container.toprowfullwidth .leftcolumn .field:nth-of-type(2) { margin-top: 59px;}
fieldset .container.toprowfullwidth .rightcolumn {top: 77px;}
*/

fieldset .input small {display: block;line-height: 1.2;padding-top: 5px;}
fieldset .field.fullwidth .input {padding-top: 16px;}
fieldset .field.fullwidth .input.select {padding-top: 0;}

fieldset .field.fullwidth.radio { padding: 0px 0px 0px 0px; }
fieldset .field.fullwidth.radio .label { width: 70%; }
fieldset .field.fullwidth.radio .input { width: 30%; }
@media(max-width:425px){
  fieldset .field.fullwidth.radio .label { width: 100%; }
  fieldset .field.fullwidth.radio .input { width: 100%; }
}


fieldset table.emailcontact {padding: 18px;} 

@media(max-width:1060px){
	fieldset table.emailcontact th { display: none; }
	fieldset table.emailcontact td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    /* float: left; */
    float: none;
    font-weight: bold;
    clear: both;
    display: block;
    text-align: left;
  }
  fieldset table.emailcontact td { text-align: left; }  
  fieldset table.emailcontact td input { width: 100%; max-width: 100%; }
  fieldset table.emailcontact td .radioWrapper { height: 49px; line-height: 49px;}
  fieldset table.emailcontact td:last-of-type { padding-left: 20px;}
  fieldset table.emailcontact select { width: 100%; max-width: 458px; }
}
@media(max-width:600px){
  fieldset table.emailcontact td::before { height: 50px;}
  fieldset table.emailcontact td .radioWrapper { height: 37px; line-height: 37px; }
}
@media(max-width:768px){
  fieldset td[data-label="Primary Email"] {width: 10%;}
  fieldset table.emailcontact td:nth-of-type(odd) { padding-right: 15px;}
}
@media(max-width:425px){
  fieldset table.emailcontact { padding: 10px; }
  fieldset td[data-label="Primary Email"] {width: 5%;}
  fieldset table.emailcontact td::before {/* padding-bottom: 14px; */}
  fieldset table.emailcontact td:last-of-type { padding-left: 15px;}
}

@media(max-width:1280px){
  .overflow {overflow-x: auto;display: block;width: calc(100vw - 20px);}
  /* .largeblock { width: 1000px; height: 200px; background-color: red; } */
}

@media(max-width:768px){
  fieldset div.overflow table tr:hover {/*background-color: #00800078;*/ background: #B9EDE3;}
}

/* For when the whole fieldset needs an overflow container */
fieldset .overflowTable { padding-top: 20px;}
fieldset .overflowTable table.threecolumns {padding-top: 0;}

/* For when just part of the fieldset needs an overflow container */

fieldset .overflow table {padding: 18px;/* overflow-x: scroll; */}
fieldset .overflow table tr td {padding-right: 40px !important;}
@media(max-width:768px){
  fieldset .overflow table tr td {/* word-break:break-all; */}
}

.overflowmessage { display: none; }
@media(max-width:768px){
  .overflowmessage { display: block; text-align: left; padding: 0px 18px; color: #46bfea; }
}
@media(max-width:425px){
  .overflowmessage { padding: 0px 10px; }
}

  fieldset .section.threecolumns .field .label { font-weight: normal; }

@media(min-width: 1061px){
  fieldset .section.threecolumns { clear: left; }
  fieldset .section.threecolumns .sectionHeading { text-align: left; padding: 10px 0px 10px 0px; }
  fieldset .section.threecolumns .field {width: 33.3%;float: left;clear: none; padding: 0px 40px 70px 0px; }
  fieldset .section.threecolumns .field .label {display: table-cell;float: none;width: 100%;height: 90px;font-weight: normal;vertical-align: bottom;padding-right: 0;}
  fieldset .section.threecolumns .field .label label {display: table-cell;padding: 0px 0px 0px 0px;}
  fieldset .section.threecolumns .field .input { float: none; width: 100%; }

}

fieldset .field.fullwidth.option .label {font-weight: normal;}
fieldset .field.fullwidth.option .label label {/* display: block; */}
fieldset .field.fullwidth.option .optDetails {display: block;padding: 0px 0px 0px 24px;}

@media(min-width:426px){
  fieldset .field.fullwidth.option .optDetails {padding: 0px 0px 0px 0px;}
}

@media(max-width:375px){
  fieldset .field.fullwidth.option .optDetails select {width: 100%;}
}

@media(min-width:600px){
  fieldset .field.radio.twoOptions div {width: 50%;float: left;}
}

fieldset .input input[type="submit"] {/* padding-top: 6px; */padding: 17px 5px 14px 5px;}

@media(min-width:426px){
  fieldset .input.withButton input[type="text"] {float: left;width: 80%;border-radius: 3px 0px 0px 3px;}
  fieldset .input.withButton input[type="submit"] {width: 20%;border: 1px solid darkgray;border-left: none;border-radius: 0px 3px 3px 0px;}
}

fieldset .input.currency input { /* Ensure pound sign always fits on the left */ max-width: calc(100% - 15px); }

@media(min-width: 768px){
  fieldset .field.currencyradio .label { line-height: 59px; }
  fieldset .field.currencyradio .input .option { float: left; padding: 0px 20px 0px 0px; line-height: 59px; }
}

fieldset .field.currencyradio {padding-bottom: 20px;}
fieldset .field.currencyradio .input .option.other { padding-top: 0; }
@media(max-width: 600px){
  fieldset .field.currencyradio .input .option.other {padding-top: 10px;}
}
fieldset .field.currencyradio .input .option.other input { width: auto; }

.section.discounts label { font-weight:normal; }


/* Confirm details */
@media(max-width:425px){
  .confirmDetails table { padding: 0px 10px 0px 10px; }
}

  .confirmDetails table td {text-align: left;}

@media(max-width:425px){
	.confirmDetails table th { display: none; }
	.confirmDetails table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    /* float: left; */
    float: none;
    font-weight: bold;
    clear: both;
    display: block;
    text-align: left;
  }
    .confirmDetails table td {width: 100%;text-align: left;padding: 10px 0px 10px 0px !important;}
}

/* Summercamp form no longer needs right padding on odd fieldset table cells */
.summercamp fieldset table td:nth-of-type(odd) { padding-right: 0; }

/*
* Remove bold from all labels
*
 fieldset table.emailcontact th, fieldset table.threecolumns th { font-weight: normal; } 
 
.summercamp fieldset .label, 
.summercamp fieldset .label label { font-weight: normal; }
.summercamp #loadform .label label { font-weight: bold; }
*/

.section .label, .section label, 
.multichoice_radio .label, .multichoice_radio label,
.agreements .label, .agreements label,
.comments .label, .comments label  { font-weight: normal; }
.multichoice_radio .question label { font-weight: bold; }


/* Asterisks to indicate required fields */
.requiredField { color: red; }


/* Apply Home page */

.levelsContainer {padding: 27px 0px 0px 0px;}
.levelsContainer .center { padding: 0px 0px 30px 0px; }
.levelsContainer a {font-size: 150%;}
.levelsContainer a.circle {display: block;margin: 0px auto 0px auto;vertical-align: middle;width: 290px;height: 290px;line-height: 290px;border-radius: 100%;box-sizing: border-box;}
.levelsContainer a.circle .img {/* margin: 10px 10px 10px 10px; */display: inline-block;vertical-align: middle;border: solid #ffffff 7px;border-radius: 100%;width: 260px;height: 260px;background-position: center center;background-size: cover;}
.levelsContainer .description {display: block;min-height: 150px;}
.levelsContainer small { font-weight: normal; font-size: 1rem; }
h3.back {clear: both; }

@media(min-width: 640px){
	.levelsContainer .center {float: left;max-width: 50%;width:50%;box-sizing: border-box;padding: 0px 10px 30px 10px; }
}
@media(min-width: 1000px){
	.levelsContainer .center {max-width: 292px;width:100%;padding: 0px 0px 30px 0px;margin: 0px 11px 0px 11px;}
}

.center:nth-of-type(3n+1) .circle { background-color: #ff4f4f; }
.center:nth-of-type(3n+2) .circle { background-color: #00d4ff; }
.center:nth-of-type(3n+3) .circle { background-color: #ffc700; }

div#info .levelsContainer h2 {font-size: 100%;text-align: center;}




/* Bootstrap modal
*
*/
/* Defaults */
.fade {
    transition: opacity .15s linear
}

@media screen and (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}


.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer
}

.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    font-size: .9rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media screen and (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:focus,.btn:hover {
    text-decoration: none
}

.btn.focus,.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.btn.disabled,.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,.btn-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-secondary.disabled,.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}


/* Modals */

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    transform: translate(0,-25%)
}

@media screen and (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - (.5rem * 2));
    content: ""
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width:500px;
        margin: 1.75rem auto
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2))
    }

    .modal-dialog-centered::before {
        height: calc(100vh - (1.75rem * 2))
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width:800px
    }
}