:root {
    --red: #FF4F4F;
    --navy: #1B1464;
    --yellow: #FFC700;
    --green: #14C2A3;
    --blue: #00d4ff;
    --darkblue:  #1B1464;
    --lightblue:  #00d4ff;
    --lightgrey:  #c4c4c4;
}

@media( min-width: 1040px )
{
    :root { --modulegap: 140px; }
}

@media( max-width: 1039px )
{
    :root { --modulegap: 100px; }
}

@media( max-width: 425px )
{
    :root { --modulegap: 60px; }
}

@font-face { font-family: "FontAwesome"; src: url("/templates/jlgbadmin/fonts/FontAwesome.otf") format('opentype'); }
@font-face { font-family: "FontAwesomeSolid"; src: url("/templates/jlgbadmin/fonts/FontAwesome-solid.otf") format('opentype'); }
@font-face { font-family: "FontAwesomeBrand"; src: url("/templates/jlgbadmin/fonts/FontAwesome-brand.otf") format('opentype'); }

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

/* Typography standardisation */
h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; font-size: 100%; font-weight: 700; }
h1 {font-size: 300%; /* 48px */line-height: 1.5; /* LH 72px */color:  var(--navy);}
h2, .componentheading {font-size: 220%; /* 35.2px */line-height: 1.2;/* LH 42px */padding: 15px 0px 15px 0px;color:  var(--navy);}
h3 {font-size: 180%; /* 28.8px */ /* LH 44px */ color:  var(--navy);padding-bottom: 10px;}
h4, .Atitle {font-size: 157%; /* 25px */line-height: 1.5;/* LH 37px */}
h5, .largeheadline {font-size: 150%; /* 24px */ line-height: 1.5; /* LH 36px */}
h6, .headline {font-size: 138%; /* 22px*/ line-height: 1.2; /* LH 26px */}
.largetext {font-size: 120%; /* 19.2px */line-height: 1.1; /* LH 24px */}
.smalltext { font-size: 90%; /* 14.4px */line-height: 1.2; /* LH 17px */}
label, .label {font-size: 85%; /* 13.6px */line-height: 1.5; /* LH 20.4px */}
.footnote {font-size: 80%; /* 12.8px */line-height: 1.2; /* LH 15.3px */}
.footnote2 {font-size: 68%; /* 10.8px */ line-height: 1.5; /* LH 16.2px */}

@media(max-width: 425px){
    body {font-size: 88%; /* 14px */line-height: 1.7; /* LH 21px */}
    h1 {/* font-size 42px */ line-height: 1.3; /* LH 54px */ }
    h2, .componentheading { /*font-size 30.8px */ line-height: 1.2; /* LH 37px */ }
    h3 { /*font-size 25.2px */ line-height: 1.5; /* LH 37px */ }
    h4, .Atitle { /*font-size 22px */ line-height: 1.5; /* LH 37px */ }
    h5, .largeheadline { /*font-size 21px */ line-height: 1.5; /* LH 31.5px */}
    h6, .headline { /*font-size 19.3px */ line-height: 1.2; /* LH 23.1px */}
    .largetext { /*font-size 16.8px */ line-height: 1.2; /* LH 20px */}
    .smalltext { font-size: 97%; /* 13.5px */ line-height: 1.2; /* LH 16px */}
    label, .label { font-size: 93%; /* 13px */ line-height: 1.5; /* LH 19.5px */}
    .footnote { font-size: 89%; /* 12.5px */ line-height: 1.2; /* LH 15px */ }
    .footnote2 { font-size: 79%; /* 11px */ line-height: 1.2; /* LH 13px */ }
}
/* End */


ul, ol { padding: 0px; margin: 0px; }
li { list-style:  none; vertical-align: top;  }
a {color:  var(--navy); font-weight: 700;}
b, strong, .bold { font-weight: 700; }
a:hover {color:  var(--navy); text-decoration: none;}
.hidden {display: none;}
.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:  var(--navy); 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; }
select {background-color: #ffffff; height: 30px;}
input[type=text] {border-radius: 5px;}
.jmoddiv.jmodinside {position: initial;}
.left {float:left;}
.input-group button:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }


.card-body button { background-color: #ffffff;}
.btn-success, .card-body .btn-success, .inputfields button, .card-body .input-password-toggle { background: var(--navy); border-color: var(--navy); color: #ffffff; }
.btn-success.hover,
.btn-success:hover,
.card-body .btn-success.hover,
.card-body .btn-success:hover,
.inputfields button.hover,
.inputfields button:hover { background: var(--navy); border-color: var(--navy); }
.btn-success.focus,
.btn-success:focus,
.card-body .btn-success.focus,
.card-body .btn-success:focus,
.inputfields button.focus,
.inputfields button:focus {box-shadow: 0 0 0 0.2rem rgba(27, 19, 99,.5) !important; }
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {background: var(--navy) !important;}

.field_calendar .input { display: flex; }
.hasDatepicker { width: calc(100% - 38px); }
.hasDatepicker + .input-append { height: 38px; }
.hasDatepicker + .input-append button { width: 38px; height: 100%; background-color: var(--navy); border-radius: 0em 0.25em 0.25em 0em; }

.ms-drop input[type=checkbox] { opacity: 1; }
.ms-drop ul > li label span {color: #000000; }
.ms-drop ul > li {line-height: 1;}

h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, label.white, span.white, div.white {
    color: #ffffff !important;
}
h1.red, h2.red, h3.red, h4.red, h5.red, h6.red, label.red, span.red, div.red {
    color: var(--red)  !important;
}
h1.navy, h2.navy, h3.navy, h4.navy, h5.navy, h6.navy, label.navy, span.navy, div.navy {
    color: var(--navy)  !important;
}
h1.yellow, h2.yellow, h3.yellow, h4.yellow, h5.yellow, h6.yellow, label.yellow, span.yellow, div.yellow {
    color: var(--yellow)  !important;
}
h1.green, h2.green, h3.green, h4.green, h5.green, h6.green, label.green, span.green, div.green {
    color: var(--green)  !important;
}

/* Typography standardisation */
@media(max-width: 425px){
    h2 {font-size: 193%;}
    h3 {font-size: 138%;}
    .largetext { font-size: 120%; }
}
/* End */



a.redbutton {border-radius: 6px;font-size: 125%;background-color:  var(--red);padding: 12px 40px 12px 20px;color: #ffffff;background-repeat: no-repeat;background-image: url(/images/structure/whitearrow.png);background-position: right 20px center;}
a.navybutton { border-radius: 10px; font-size: 120%; background-color: var(--navy); padding: 10px 40px 10px 10px; color: #ffffff; background-repeat: no-repeat; background-image: url(/images/structure/whitearrow.png); background-position: right 20px center; }

a.filedownload { text-align: center; display: inline-block; }
a.filedownload img { max-width: 75%; margin: 0 auto; border: 4px solid var(--navy); box-shadow: 5px 5px 10px 0px var(--navy); }

.pill { font-size: 100%; display: block; height: 24px; line-height: 24px; text-align: center; color: #ffffff; border-radius: 30px; font-weight: 600;}
.pill.green { background-color: var(--green); color: #ffffff !important;}
.pill.red { background-color: var(--red); color: #ffffff !important; }
.pill.grey { background-color: var(--lightgrey); color: #ffffff !important; }
.pill.yellow { background-color: var(--yellow); color: #ffffff !important;}
.pill.campstatus { width: 97px; }
.pill.amber { background-color: #ed9121; color: #ffffff !important; }
.pill.purple { background-color: #A020F0; color: #ffffff !important; }


.item-page .container {max-width: 1040px;margin: 0px auto 0px auto;}

@media( max-width: 1039px ){
    .item-page .container {max-width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
}

@media( max-width: 599px ){
    .item-page .container {padding: 0px 0px 0px 0px;}
}

@media( max-width: 424px ){
    .item-page .container {padding: 0px 0px 0px 0px;}
}

.item-page .moduletable h3 { padding-bottom: 40px; }
.item-page .moduletable > h3 { max-width: 1020px; margin: 0px auto 0px auto; }
.moduletable._quicklinks.quick_links_section > h3 {padding-bottom: 10px;}
.cc_banner-wrapper { position: absolute !important; }
.cc_banner-wrapper .cc_banner { background-color: var(--darkblue); color: #ffffff; border: none; }


/* home page modules */

.jlgbred {color: #e95d56;}

dashboard .ms-drop {margin-top: 4px !important;}
dashboard .ms-parent {width: 100% !important;height: 32px !important; padding: 0px; }
dashboard .ms-choice { height: 32px !important;  border: none !important;}
dashboard .ms-choice span:first-of-type { border: 5px solid transparent !important;}

/* dashboard .eventrequest .field-calendar input[type=text] {width: auto;} */

dashboard {display: block; /*margin: 40px 100px;*/ max-width: 1300px; margin: 40px auto 40px auto; }
@media( max-width: 1200px )
{
    dashboard { margin: 40px 100px;}
}

@media( max-width: 1000px )
{
    dashboard { margin: 40px 50px;}
}

@media( max-width: 800px )
{
    dashboard { margin: 40px 20px;}
        dashboard .componentheading { font-size: 180%; }
    a.redbutton{font-size: 90%; padding: 5px  30px 5px 12px ; background-position: right 15px center;}
}

@media( max-width: 425px ) {
    dashboard { margin: 20px 10px;}
}

/* bootstrap overrides */
.btn-secondary { border: none; }
.border { border: 0px !important; }
.card {border-radius: 0px; border: 0px; }
.card-header {background-color: #61D0FA; color: #ffffff; border: 0px; font-weight: 700; }
.card.bg-green .card-header {background-color: var(--green); }
.card-body { color:  var(--navy); background-color: #F1F2F3; }
.row {margin: 0px !important;}


.bg-navy { background-color:  var(--navy); }
.bg-navy .card-header { background-color:  var(--navy); font-family: Poppins; font-weight: 700; color: var(--blue);  padding: 20px 0px 0px 20px; }
.bg-navy .btn { background-color: var(--blue); border: none;}
.bg-navy .card-body { color: #ffffff; background-color:  var(--navy);}
.bg-red { background-color: var(--red) !important; }
.bg-green { background-color: var(--green) !important; }
.bg-yellow { background-color: var(--yellow) !important; }
.bg-lightblue {  background-color: var(--blue); }
.bg-lightblue .card-header { color:  var(--navy); font-family: Poppins; font-weight: 700; background-color: var(--blue);  padding: 20px 0px 0px 20px; }
.bg-lightblue .card-body {  background-color: var(--blue); }
.bg-lightblue .btn { background-color:  var(--navy); border:none; }
.bg-lightblue .plus {height: 38px; line-height: 38px; vertical-align: middle;  margin-left: 15px;}
.bg-lightblue .plus .fa { color:  var(--navy); }


.jumptoform {padding-bottom: 10px; }
.jumptoform form { margin: 0px; }
.jumptoform .col-lg-6 { padding-left: 0px; }
.jumptoform .card-body { border-radius: 5px; }
.jumpto {float: left; width: 80% !important; margin: 0px !important;  }
label, .btn { text-transform: capitalize; }
.go, .btn-navy, button.btn-navy, #editorWrapper .toggle-editor .btn {background-color:var(--navy); color: #ffffff; border: 1px solid  var(--navy);}
.go:hover, .btn-navy:hover {background-color:  var(--navy);color: #ffffff; border: 1px solid  var(--navy); }
.btn-navy-outline { font-weight: bold; color: var(--navy); background-color: #ffffff; border: 1px solid var(--navy); }
.btn-red {background-color:var(--red) !important; color: #ffffff; border: 1px solid  var(--red);}
.btn-green {background-color:var(--green) !important; color: #ffffff; border: 1px solid  var(--green);}
.btn-yellow {background-color:var(--yellow) !important; color: #ffffff; border: 1px solid  var(--yellow);}
.btn-blue {background-color:var(--blue) !important; color: #ffffff; border: 1px solid  var(--blue);}

.btn-arrowright { background-image: url(/images/structure/whitearrow.png);background-position: right 10px center;padding: 5px 30px 5px 10px;}

#editorWrapper .toggle-editor .btn { margin: 10px 0px 30px 0px;}

.d-flex .btn { margin-right: 5px;}
.d-flex label { display: inline-block; }

.back {background-color:  var(--navy); color: #ffffff; border-radius: 5px; padding: 10px 10px 10px 10px; display: inline-block;}
.back:hover { color: #ffffff; }

sup a {font-weight: 400; text-decoration: underline; margin-top: 5px;}
/* tabs */

.tab-pane { margin-top: 30px;}
.nav-tabs { clear: both; }
.nav-link.active { color: var(--navy) !important; text-decoration: underline; background:#ff0000}

/* Default article styles */
.item-page  { color:  var(--navy); }
.item-page .pagebody {max-width: 1060px;padding: 0px 10px 0px 10px;margin: 0px auto 0px auto;box-sizing: border-box;}
/* .item-page .pagebody h1 { position: absolute; background: var(--blue); height: 180px; left: 0px; top: 80px; width: 100%; color: #ffffff; text-align: center; padding: 50px 10px 0px 10px; font-size: 180%; line-height: 1.5; font-weight: bold; } */
.item-page .pagebody h1 * { font-size: 100%; font-weight: bold; }
.item-page .pagebody-fullwidth { max-width: none; padding: 0px; }
.item-page h1 { /* padding: 0px 0px 20px 0px; */ padding: 15px 0px 15px 0px; }
.item-page h2 { color:  var(--navy); font-size: 200%;}
.item-page ul, .item-page ol { padding-left: 2em; margin-bottom: 1em; }
.item-page li { list-style-type: disc; list-style-position: outside; }
.item-page ol li { list-style-type: decimal; }
.item-page a:hover { text-decoration: underline; }

@media( max-width: 1100px )
{
    /*.custom_calltoaction span::before{content: "\A";white-space: pre;}*/
}


/********** MODULE - Top banner **********/

.banner { margin: 0px 0px 50px 0px; }
.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 .jcarousel-control { position:relative; left: calc(100% - 50% - 400px); text-align: left; display: inline-block; }
.banner .jcarousel-next-prev { position:relative; left: calc(100% - 50% - 400px); text-align: left; }

.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); }

.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; }
}





.custom_calltoaction { max-width: 1020px; padding-bottom: var(--modulegap); box-sizing: border-box;}
.custom_calltoaction.smallgap { padding-bottom: 0; }
.custom_calltoaction.wide { width: auto; max-width: 100%; }
.custom_calltoaction h2 {/* font-size: 275%; */width: 100%;max-width: 700px;}
.custom_calltoaction {/* font-size: 132.5%; */font-weight: 300;/* line-height: 1.25; */width: 95%;color: #000000;}
.custom_calltoaction p:last-of-type {margin-bottom: 40px;}
.custom_calltoaction a.readmore { border-radius: 10px; font-size: 120%;  font-weight: 700; background-color:  #e95d56; padding: 10px 40px 10px 10px; color: #ffffff; background-image: url(/images/structure/whitearrow.png);background-position: right 20px center;}

.topsection .custom_calltoaction { max-width: 690px; }

@media( min-width: 1040px ) {
    .topsection .custom_calltoaction { width: 55%; float: left; /* max-height: 450px; overflow: visible; */ }
    .topsection .moduletable_find_box { float: right; }
}

@media(max-width: 1039px){
    .topsection .custom_calltoaction {float: none;width: auto; margin: 0px 10px 0px 10px; padding-bottom: 50px; }
        .topsection .custom_calltoaction.smallgap { padding-bottom: 0; }
    .custom_calltoaction h2 {font-size: 200%;}
    .custom_calltoaction p {font-size: 100%;line-height: 1.4;width: 85%;margin-bottom: 20px;}
}

#canvas { position: absolute; z-index: -1; top: 0px; top: 0px; left: 0px; max-width: 100%; }






/* Carousels with a top image */
.topimage_carousel {padding: 0px 10px 100px 10px;margin: 0px auto 0px auto; max-width: 1040px; }
.topimage_carousel h3 { padding: 0px 5px 25px; }
.topimage_carousel .carousel li{width: 190px;height: 255px; margin: 0px 5px 0px 10px; }
.topimage_carousel .carousel li .carouselitem{background-color: var(--blue);width: 190px;height: 255px;padding: 18px;text-align: center;border-radius: 5px;color: #ffffff;position: relative;}

.topimage_carousel .carousel li .carouselitem.red{background-color:var(--red)}
.topimage_carousel .carousel li .carouselitem.green{background-color:var(--green)}
.topimage_carousel .carousel li .carouselitem.yellow{background-color:var(--yellow)}
.topimage_carousel .carousel li .carouselitem.lightblue{background-color:var(--blue)}
.topimage_carousel .carousel li .carouselitem.darkblue{background-color:var(--navy)}
.topimage_carousel .carousel li .carouselitem.black{background-color:black}
.topimage_carousel .carousel li .carouselitem.white{background-color:white; color: black; border: 1px solid black;}

.topimage_carousel .carousel .carouselitem .imagetop {height: 80px;display: block;text-align: center;}
.topimage_carousel .carousel .carouselitem .imagetop img {display: inline;width: 50%;}
.topimage_carousel .carousel .carouselitem .title {font-size: 84pt;font-size: 240%;line-height: 1.2;font-weight: 700;/* text-align: center; */}
.topimage_carousel .carousel .carouselitem .text {width: calc(100% - 40px);max-width: 190px;text-align: left;position: absolute;top: 142px;max-height: 104px;text-align: center;}

.topimage_carousel .carousel .carouselitem .text {max-height: 136px;}
.topimage_carousel.moduletable_aimsobjectives .carousel .carouselitem .text {margin-top: -2em;}
.topimage_carousel .carousel .carouselitem .text p{max-height: 136px;}
.topimage_carousel .carousel .carouselitem .text p {font-size: 80%;line-height: 1.2;/* font-size: 14pt; */font-weight:300;max-height: 104px;overflow: hidden;}

.topimage_carousel .carousel li .title, .topimage_carousel .carousel li .text { color: #ffffff; }


/* new css for grid  */
.topimage_carousel .carousel.carousel-square-format ul {display: flex;flex-wrap: wrap;width:100%;top: 0 !important;}
.topimage_carousel .carousel.carousel-square-format ul li {margin-bottom: 15px;width: 328.3px;height: auto;cursor:default;}
.topimage_carousel .carousel.carousel-square-format li .carouselitem {width: 100%;min-height: 328.3px;height: 100%;}
.topimage_carousel .carousel.carousel-square-format .carouselitem .imagetop img {max-height:100%;width: auto }
.topimage_carousel .carousel.carousel-square-format .carouselitem .title {font-size: 170%;margin-bottom: 15px;min-height: 65px;    font-weight: 800;}
.topimage_carousel .carousel.carousel-square-format .carouselitem .text {max-width: 100%;text-align: center;position: unset;max-height: unset;width: 100%;font-size: 120%;}
.topimage_carousel .carousel.carousel-square-format .carouselitem .text p {max-height: unset;font-size: 100%;    font-weight: 400;}
.topimage_carousel .carousel.carousel-square-format .carouselitem .text p:last-child{margin-bottom: 0}
/* .topimage_carousel .carousel li#carouselitem-2 {background-color: var(--red);}
.topimage_carousel .carousel li#carouselitem-3 {background-color: var(--yellow);}
.topimage_carousel .carousel li#carouselitem-4 {background-color: var(--green);} */

/* Page specific alterations */
.our-mission .moduletable_aimsobjectives.topimage_carousel h3 {padding-bottom: 20px;}

.ourvacancies .topimage_carousel .carousel .carouselitem .title {font-size: 80%;}
.ourvacancies .topimage_carousel .carousel .carouselitem .text {max-height: 205px;}
.ourvacancies .topimage_carousel .carousel .carouselitem .text p {max-height: 205px;}

.topimage_carousel .carousel li .title, .topimage_carousel .carousel li .text { color: #ffffff; }

@media(max-width:680px){
    .pagehome .moduletable_ourimpact.topimage_carousel h3 {padding-top: 20px;}
}
@media(max-width:425px){
    .pagehome .moduletable_ourimpact.topimage_carousel h3 { padding-top: 0; }
    .topimage_carousel .carousel .carouselitem .imagetop {height: 90px;}
    .topimage_carousel .carousel li { width: 55vw; height: 290px; }
    .topimage_carousel .carousel li .carouselitem{ width: 55vw; padding-left: 20px; padding-right: 20px; height: 290px; }
    .topimage_carousel .carousel li .carouselitem .image img { max-height: 100px; width: auto;}
    .topimage_carousel .carousel li .carouselitem .title {font-size: 250%;}
    /*
    .topimage_carousel .carousel li .carouselitem .text {top: 150px;text-align: left;}
    .topimage_carousel .carousel li .carouselitem .text p {font-size: 90%;line-height: 1.2;}
    */
    .topimage_carousel .carousel li .carouselitem .text {top: 155px;text-align: left;max-width: 100%;width: calc(100% - 30px);font-size: 95%;max-height: 125px;}
    .our-mission .topimage_carousel .carousel li .carouselitem .text {top: 120px; max-height: 140px;}
    .topimage_carousel .carousel li .carouselitem .text p{max-height: 125px;}
    .topimage_carousel .carousel li .carouselitem .text p {font-size: 90%;line-height: 1.2;}

    .topimage_carousel .carousel li {width: 60vw;margin-right: 10px;}
    .topimage_carousel .carousel li .carouselitem {width: 60vw;padding: 15px 15px 5px 15px;}
}
@media(max-width:320px){
    .topimage_carousel .carousel li { height: 500px;}
    .topimage_carousel .carousel li .carouselitem .image img { max-height: 150px; width: auto;}
    .topimage_carousel .carousel li .carouselitem .title { font-size: 180%; }
    .topimage_carousel .carousel li .carouselitem .text {top: 200px;}

    .ourvacancies .topimage_carousel .carousel li .carouselitem .text { top: 150px; }
}

/* General module styling */

.moduletable._yourstories, .moduletable._youropportunities, .moduletable._visionmissionvalues, .moduletable._aimsobjectives, .moduletable._ourpatrons, .topimage_carousel, .textcarousel
   {clear: both;max-width: 1040px;margin: 0px auto 0px auto;box-sizing: border-box;padding: 0px 0px 100px 0px;}
.moduletable._yourstories h3, .moduletable_youropportunities h3, .moduletable._visionmissionvalues h3, .moduletable._aimsobjectives h3, .moduletable._ourpatrons h3, .topimage_carousel h3, .textcarousel h3 { margin-left: 10px; }
.moduletable._yourstories .carousel li, .moduletable._youropportunities .carousel li, .moduletable._visionmissionvalues .carousel li, .moduletable._aimsobjectives .carousel li, .moduletable._ourpatrons .carousel li, .topimage_carousel .carousel li, .textcarousel .carousel li { margin: 0px 10px 0px 10px; }

.moduletable._yourstories ul.latestnews {height: 250px;background-color: #ffffff;}
.moduletable._yourstories ul.latestnews li {position: relative;width: 190px;height: 250px;color: #ffffff; }
.moduletable._yourstories ul.latestnews li .item-image {margin: 0px;border-radius: 4px 4px 0px 0px; background-position: center center; background-size: cover; }
.moduletable_visionmissionvalues .jcarousel li{ /* width: 510px ;*/ }
.moduletable._yourstories ul.latestnews li .thumbnail {width: 190px;height: 135px;background-size: cover;}
.moduletable._yourstories ul.latestnews li .thumbnail.no-image { background-color: lightgrey;}
.moduletable._yourstories ul.latestnews li .details {border-radius: 0px 0px 4px 4px;padding: 15px;max-height: 115px;min-height: 115px;}
.moduletable._yourstories ul.latestnews li .details .name {line-height: 17px;min-height: 50px;font-size: 90%;font-weight: 700;margin-bottom: 10px;display: block;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3}
.moduletable._yourstories ul.latestnews li .details .abstract {min-height: 70px;max-height: 70px; display: none;}
.moduletable._yourstories ul.latestnews li .details a {position: absolute;/* left: 25px; *//* bottom: 15px; */font-weight: 500;color: #ffffff;background-color:  var(--navy);padding: 5px 20px 5px 8px;border-radius: 5px;background-image: url(/images/structure/whitearrow.png);background-position: right 5px center;font-size: 65%;}
.moduletable._yourstories ul.latestnews li .details .share {position:absolute;bottom: 15px;right: 20px; z-index:20;}

._yourstories ul.latestnews li:nth-of-type(4n+1) .details {background-color: var(--red); }
._yourstories ul.latestnews li:nth-of-type(4n+2) .details {background-color: var(--blue); }
._yourstories ul.latestnews li:nth-of-type(4n+3) .details {background-color: var(--yellow); }
._yourstories ul.latestnews li:nth-of-type(4n+4) .details {background-color: var(--green); }

.carousel-news ul.latestnews li:nth-of-type(4n+1) .details {background-color: var(--yellow); }
.carousel-news ul.latestnews li:nth-of-type(4n+2) .details {background-color: var(--green); }
.carousel-news ul.latestnews li:nth-of-type(4n+3) .details {background-color: var(--red); }


@media( min-width: 1040px )
{
    .moduletable_yourstories .carousel li, .topimage_carousel .carousel li { margin-right: 7.5px; }
}

@media( max-width: 1059.90px ){
    .topimage_carousel .carousel.carousel-square-format li {width: max(321.5px, min(321.5px + (328 - 321.5) * ((100vw - 1040px) / (1059 - 1040)), 328px));}
        
}

@media( max-width: 1039.90px )
{
.your-opportunities .jcarousel li  {height: 100% !important; }
.topimage_carousel .carousel.carousel-square-format ul li {margin-bottom: 20px;    width: calc(50% - 20px);}
.topimage_carousel .carousel.carousel-square-format li .carouselitem {width: 100%;min-height: max(130px, min(130px + (489.5 - 130) * ((100vw - 320px) / (1039 - 320)), 489.5px));}
    .topimage_carousel .carousel.carousel-square-format .carouselitem .text p {font-size: 130%;}
    .topimage_carousel .carousel.carousel-square-format .carouselitem .title {font-size: 240%;min-height: 93px;    margin: 15px 0;
    }
    .moduletable_yourstories, .moduletable_youropportunities {margin-bottom: 50px;}
	.moduletable._yourstories.latestnews {display:none; }
	.moduletable._yourstories, .moduletable._youropportunities {margin: 50px 10px 50px 10px;}
}

/*
@media( max-width: 599px ){
    .moduletable_yourstories, .moduletable_youropportunities, .moduletable_visionmissionvalues, .moduletable_aimsobjectives, .topimage_carousel, .textcarousel,
    .item-page .moduletable
    {padding: 0px 20px 50px 20px;}
}

@media( max-width: 424px ){
    .moduletable_yourstories, .moduletable_youropportunities, .moduletable_visionmissionvalues, .moduletable_aimsobjectives, .topimage_carousel, .textcarousel,
    .item-page .moduletable
    {padding: 0px 10px 80px 10px;}
}


@media( max-width: 1039px )
{
    .moduletable_yourstories, .moduletable_youropportunities {margin-bottom: 50px;}
	.moduletable._yourstories.latestnews {display:none; }
	.moduletable._yourstories, .moduletable._youropportunities {margin: 50px 10px 50px 10px;}

}
*/
@media( max-width: 880px ){
    .topimage_carousel .carousel.carousel-square-format .carouselitem .title {font-size: 180%;    min-height: 70px;}
    .topimage_carousel .carousel.carousel-square-format .carouselitem .text {font-size: 100%;}
}
@media( max-width: 720px )
{
 	.moduletable._yourstories ul.latestnews li {width: 415px;width: 55vw;height: 395px;}
	.moduletable._yourstories ul.latestnews li .details .name{font-size: 110%; line-height: 20px;}
	.topimage_carousel .carousel.carousel-square-format  .carouselitem .title {font-size: 140%;    min-height: 56px;    margin: 10px 0;}
	.topimage_carousel .carousel.carousel-square-format .carouselitem .text p {font-size: 100%;}
	.moduletable._yourstories ul.latestnews li .thumbnail { width: 100%; height: 265px; }
	.moduletable._yourstories ul.latestnews li .details {position: relative;padding: 15px 25px 15px 25px;max-height: unset;min-height: 130px;}
	/*.moduletable_yourstories ul.latestnews li .details .name {margin-top: 25px;font-size: 200%;line-height: 1.2;}*/
	.moduletable._yourstories ul.latestnews li .details .abstract { /*display: none;*/ }
	/*.moduletable_yourstories ul.latestnews li .details a {width: 200px;height: 60px;line-height: 60px;bottom: 40px;padding: 0px 40px 0px 26px;font-size: 135%;}*/
	/*.moduletable_yourstories ul.latestnews li .details .share {position: absolute;width: 60px;height: 60px;bottom: 40px;right: 25px;}*/

}
@media (max-width:600px) {
    .topimage_carousel .carousel.carousel-square-format ul li {margin: 0 5px 10px;width: calc(50% - 10px);}
        .topimage_carousel .carousel.carousel-square-format li .carouselitem {min-height: max(140px, min(140px + (280 - 140) * ((100vw - 320px) / (600 - 320)), 280px));padding: 10px;}
    .topimage_carousel .carousel.carousel-square-format .carouselitem .imagetop {height: 56px;}
    .topimage_carousel .carousel.carousel-square-format .carouselitem .title {font-size: 135%;font-weight: 700;min-height: 34px;}
    .topimage_carousel .carousel.carousel-square-format .carouselitem .text p {font-size: 90%;margin-bottom: 10px;}
}
/*
@media( max-width: 425px )
{

    .moduletable_visionmissionvalues, .moduletable_aimsobjectives, .moduletable_ourpatrons, .textcarousel
    { margin-bottom: 0; padding-bottom: 0; }
    .moduletable_yourstories, .moduletable_youropportunities, .moduletable_twitter, .moduletable_instagram, .topimage_carousel {margin-bottom: 0;padding-bottom: var(--modulegap);}
    .moduletable_yourstories ul.latestnews li {width:60vw;margin-right: 10px !important;}
}
*/

@media( max-width: 480px )
{
    /*.moduletable_yourstories ul.latestnews li { width: calc(100vw - 60px); }*/
	.moduletable_visionmissionvalues, .moduletable_aimsobjectives, .moduletable._ourpatrons, .textcarousel
	{ margin-bottom: 0; padding-bottom: 0; }
	.moduletable._yourstories, .moduletable._youropportunities, .moduletable_twitter, .moduletable_instagram, .topimage_carousel {margin-bottom: 0;padding-bottom: var(--modulegap);}
	.moduletable._yourstories ul.latestnews li {width:60vw;margin-right: 10px !important;}
}

/*
@media( max-width: 425px )
{
    
    .moduletable_yourstories ul.latestnews li .details .name { font-size: 180%;}
    .moduletable_yourstories ul.latestnews li .details a {width: auto;font-size:120%;padding: 0px 40px 0px 15px;}
    
}
*/
@media( max-width: 375px )
{
   /*
    .moduletable_yourstories ul.latestnews li { height: 510px;}
    .moduletable_yourstories ul.latestnews li .thumbnail { height: 225px;}
    .moduletable_yourstories ul.latestnews li .details {min-height: 270px;}
    .moduletable_yourstories ul.latestnews li .details .name { margin-top: 15px;font-size: 160%;}
    .moduletable_yourstories ul.latestnews li .details a { font-size: 110%; padding: 0px 40px 0px 10px; height: 50px; line-height: 50px;}
    .moduletable_yourstories ul.latestnews li .details .share {width:50px; height: 50px;}
    */
    .moduletable_yourstories ul.latestnews li {height: 290px;}
    .moduletable_yourstories ul.latestnews li .thumbnail {height: 160px;}
    .moduletable_yourstories ul.latestnews li .details {padding: 15px 15px 15px 15px;/* height: 130px; */}
    .moduletable_yourstories ul.latestnews li .details a {left: 15px;font-size: 70%;}
    .moduletable_yourstories ul.latestnews li .details .share {right: 15px;width: 30px;bottom: 25px;height: 30px;}
}

@media( max-width: 320px )
{
	.moduletable._yourstories ul.latestnews li { height: 495px;}
	.moduletable._yourstories ul.latestnews li .thumbnail {height: 200px;}
	.moduletable._yourstories ul.latestnews li .details { padding: 15px 10px 15px 10px;}
	.moduletable._yourstories ul.latestnews li .details a {left: 10px;padding-right: 30px;background-position: right 12px center;}
	.moduletable._yourstories ul.latestnews li .details .share { right: 10px; }

}





.fa {font-family: FontAwesome;padding: 0px 3px 0px 0px;color: var(--navy);}
.fab {  font-family: FontAwesomeBrand;  padding: 0px 3px 0px 0px; color:  var(--navy);}
.fas {font-family: FontAwesomeSolid;}
.fa-share-alt {color: #ffffff; font-size: 300%;}
.fa.grey, .fas.grey {color:#7f7f7f; }
.share:focus { outline: none; }
.share {cursor: pointer;background-image: url('/images/structure/sharewhite.png');background-size: contain;width: 25px;height: 25px;}
.icon-calendar:before { content: '\f073 '; font-family: FontAwesome;  }
/* .container {  width: 100% !important; max-width: 100% !important; box-sizing: : border-box; } */


/* form components */
/*
form { padding: 10px 10px; margin-bottom: 10px;}
input[type=text], input[type=password], select, input[type=email] { margin: 0px 0px 10px 0px; float:left; border: 0px; border-radius: 0px; padding: 7px 8px;width: 100%;}
*/

/* input token list */
.filters label { float: left; }
.filter-menu-form ul.token-input-list { max-width: 370px; display: flex; flex-wrap: wrap;}
.filter-menu-form ul.token-input-list > li:last-child {width: 100%; }
ul.token-input-list { border: 2px; border-radius: 5px; font-size: 100%; width: 100%; margin: 0;}
ul.token-input-list li {float: left; }
ul.token-input-list li input {  margin-bottom: 0px; border: 0px; width: 100% !important;  }
ul.token-input-list li input:focus { border: 0px !important; box-shadow: none;}
li.token-input-token {  color:  var(--navy); background-color: #ffffff }
div.token-input-dropdown { border: 1px solid #ccc;max-height: 200px;overflow-y: scroll; z-index: 1051 !important; }
div.token-input-dropdown ul li { padding: 10px; }
div.token-input-dropdown ul li.token-input-selected-dropdown-item { background-color: navy; color: white }

.showAdvancedLabel {background-image: url('/images/jlgb/addnavy.png'); background-size: 22px 22px; background-position: 0px 10px; padding-left:30px; float: right; cursor:pointer; color: var(--navy) !important;}


/* Standard form */
form { margin: 0px 0px 30px 0px;padding: 0px; }
form label { clear: both; display: block; color:  var(--navy); font-weight: 700; padding: 10px 0px 0px 0px; }
form .radio  { float: left; clear: none; color:  var(--navy); font-weight: 400; padding: 0px 20px 0px 0px;}
form input[type=radio]{ color:  var(--navy); font-weight: 400; margin: 0px 10px 0px 0px;}

.field-calendar {float:left; width: calc(100% - 50px); }
.field-calendar input { width: calc(100% - 35px) !important;float:left; border-radius: 0.25rem 0px 0px 0.25rem; height: 34px !important; line-height: 34px !important;}
.field-calendar .calendar-head-row span {color: var(--navy);}
.field-calendar span {color:white; }
.field-calendar .visually-hidden {display: none; }
.card .field-calendar input, .modal .field-calendar input {width:190px;display:inline-block;margin: 0px -4px 0px 0px;}
.field-calendar .btn {vertical-align: top;padding: 6px 11px 6px 13px; border-radius: 0rem 0.25rem 0.25rem 0rem; border: none;}



.personal .form-control:disabled, .personal .form-control[readonly] { background-color: unset; border: unset; padding: unset; float:left; width: 80%; }
.personal .details button {background-color:unset; float:right; color: var(--navy); }
.personal .details btn:focus {outline: unset !important; border:unset !important; float:right; color: var(--navy); }
.personal .details .input {float:left; width: calc(100% - 60px);}
.personal .fa-pencil-alt {background-color:unset; }
.personal .cancelled { font-style: italic; color:red;}
.personal .cancelled i { color:red; }
#addCamp #camp_price { width: calc(100% - 55px);}


/* footer */
.footer {clear: both;display: block;background-color:  var(--navy);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: 1px solid #ffffffdd;}
@media(min-width: 1001px){
    .footer .custom li {min-width: 27px;}
}
@media(min-width: 1221px){
    .footer .custom li {min-width: 23px;}
}
.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;}
}

.keyactions .custom { padding: 0px 0px 0px 0px; color: #ffffff; min-height: 100px; background-size: cover; background-repeat: no-repeat;margin-top: -5px;}
.keyactions .content {display: flex;align-items: center;max-width: 1260px;min-height: 100px;padding: 0px 30px 0px 30px;margin: 0px auto;}
.keyactions .custom .content h2 {color: #ffffff;padding: 0px 0px 0px 0px;height: auto;/* line-height: 1; */}
.keyactions .custom p { max-width: 400px; font-size: 160%; }

@media(max-width:1700px){
  .keyactions .custom {background-position: right center;}
}
@media(max-width:1200px){
  .keyactions .custom .content {padding: 0px 20px 0px 20px;}
}
@media(max-width:425px){
  .keyactions .custom .content {padding: 0px 10px 0px 10px;}
  .keyactions .custom .content h2 {font-size: 190%;}
}
@media(max-width:375px){
  [data-view="programming"] .keyactions .custom, [data-view="event"] .keyactions .custom {background-image: url('/images/banners/programmes-masthead-mobile-375px-width.png') !important;}
  [data-view="training"] .keyactions .custom {background-image: url('/images/banners/training-masthead-mobile-375px-width.png') !important;}
  [data-view="news"] .keyactions .custom {background-image: url('/images/banners/news-masthead-mobile-375px-width.png') !important;}
}

.dashboard_article .alert h2 { color: #721c24 !important}
.dashboard_article .btn  { padding: 5px 10px; }


.keyactions .dashboard_keyactions {background-image: none !important;background-color: #f94e50;padding: 3px 0px 3px 0px;}
.keyactions .dashboard_keyactions .custom .content h2 { color: var(--navy); }
.keyactions .dashboard_keyactions .custom p { display: none; }

.carousel-control-next-icon { background:none;   }
.carousel-control-prev-icon:before {content: '<'; color:red; font-family: FontAwesome;}
.carousel-control-next-icon:before {content: '>'; color:red; font-family: FontAwesome;}



.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(/images/structure/next.png); background-size: cover;}
.jcarousel-control-prev {font-size: 0px; width: 31px; height: 31px; display: inline-block; background-image: url(/images/structure/previous.png); background-size: cover;}
.jcarousel-control-next:hover { background-image: url(/images/structure/next_active.png);}
.jcarousel-control-prev:hover { background-image: url(/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;}
    */
}

/* Text only carousels */
.textcarousel h3 { padding: 0px 0px 25px 0px; }
.textcarousel li { margin: 0px 20px 0px 0px; }
.textcarousel .carouselitem {padding: 30px 30px 30px 30px;border-radius: 5px 5px 5px 5px;min-height: 175px;height: 320px;}
.textcarousel .carouselitem .title { font-size: 150%; color: #ffffff; padding: 0px 0px 10px 0px; }
.textcarousel .carouselitem .text p { font-size: 120%; color: #ffffff; }

.textcarousel li#carouselitem-1 .carouselitem { background-color: var(--red); }
.textcarousel li#carouselitem-2 .carouselitem { background-color: var(--green); }
.textcarousel li#carouselitem-3 .carouselitem { background-color: var(--yellow); }
.textcarousel li#carouselitem-4 .carouselitem { background-color: var(--blue); }
.textcarousel li#carouselitem-5 .carouselitem { background-color: var(--green); }
.textcarousel li#carouselitem-6 .carouselitem { background-color: var(--yellow); }

@media(max-width:680px){
.textcarousel .carousel li {width: 55vw;}
.textcarousel .carouselitem { padding: 20px 20px 20px 20px; }
.textcarousel .carouselitem .title { font-size: 140%; }
.textcarousel .carouselitem .text p { font-size: 110%; }
}
@media(max-width:500px){
.textcarousel .carouselitem .title { font-size: 120%; }
.textcarousel .carouselitem .text p { font-size: 100%; }
}
@media(max-width:425px){
.textcarousel .carousel li {width: 60vw; }
.textcarousel .carouselitem { height: 600px;margin-right: 10px;}
}

/* Removing Barriers page Removing Barriers carousel */
.removing-barriers .textcarousel li .carouselitem {min-height: 330px;}
.removing-barriers .textcarousel li#carouselitem-1 .carouselitem { padding: 0px 0px 0px 0px; overflow: auto;}
.removing-barriers .textcarousel li#carouselitem-1 .imageleft { float: left; }
.removing-barriers .textcarousel li#carouselitem-1 .imageleft img { width: 200px; height: 300px !important; }
.removing-barriers .textcarousel li#carouselitem-1 .title { float: left; width: calc(100% - 200px); padding: 30px 20px 0px 20px; }
.removing-barriers .textcarousel li#carouselitem-1 .text { float: left; width: calc(100% - 200px); padding: 10px 20px 20px 20px; }

/* Our Patrons text carousel */
.moduletable._ourpatrons.textcarousel li .carouselitem {background-color: var(--red)!important;height: 175px;/* width: 300px; */}
.moduletable._ourpatrons.textcarousel li:nth-of-type(even) .carouselitem {background-color: var(--navy)!important;height: 175px;/* width: 300px; */}
.moduletable._ourpatrons.textcarousel li .carouselitem .title {height: 100%;text-align: center;display: flex;flex-direction: column;justify-content: center;font-weight: 600;color: white;}

@media(min-width:681px){
	.moduletable._ourpatrons.textcarousel li {width: 335px;}
}


/* Navigation

.level_1 { position: absolute; width: 100%; height: 300px; left: 0px; background-color:  var(--navy);  z-index: 20;}
.level_1 a { color: #ffffff; width: 100%; }
.level_1 a:hover { background: none; width: 100%; text-decoration:underline; color: #ffffff;}
.level_1, .level_2, .level_3 {  display: none;  }
.menu .nav-item .level_1 .nav-item:hover .level_2 {display: block; height: 300px; }
.menu .level_2 {position: absolute; left: 200px; top: 0px; }
.menu .nav-item  .level_2 .nav-item:hover .level_3 { display: block; }
.menu .level_3 {position: absolute; left: 260px; top: 0px; height: 300px;}
*/

/* Logo carousel */

.logocarousel {clear: both;padding: 10px 10px 100px 10px;display: block;max-width: 1040px;margin: 0px auto 0px auto;box-sizing: border-box;}
.logocarousel .jcarousel {height: 132px;border-top: 1px solid  var(--blue);border-bottom: 1px solid  var(--blue);}
.logocarousel li {height: 130px;width: fit-content;padding: 10px 20px 10px 20px;box-sizing: border-box;line-height: 110px;vertical-align: middle;}
.logocarousel li a {display: block;line-height: 110px;width: 100%; text-align: center;}
.logocarousel li img {vertical-align: middle;display: inline-block;max-height: 70px; /*height: 70px !important;*/ /*max-height: 50px;*//* min-height: 50px; *//* width: revert; */width: auto;height: auto;}
.moduletable_ourfunders{padding-bottom: 90px;}

@media( max-width: 659px )
{
    .logocarousel .jcarousel{height: 104px;border-top: 2px solid var(--blue);border-bottom: 2px solid var(--blue);}
    .section .logocarousel h3.ourfunders{padding-bottom: 15px;}
    .logocarousel .carousel li {height: 100px;width: 140px;line-height: 80px;}
    .logocarousel .carousel li a {line-height: 60px;}
    .logocarousel .carousel li a img{max-height: 45px;}
    .logocarousel .carousel li img{max-height: 80px;}
}

@media( max-width: 425px )
{
    .logocarousel {margin-bottom: 0;padding-top:0;padding-bottom: var(--modulegap);}
}


/* jCalendar */
.js-calendar .table { color:  var(--navy); }
.calendar-container table {max-width: 100% !important; }
.js-calendar .btn-group { display: block; text-align: center; }
.js-calendar .btn-group .btn { font-family: Poppins; font-weight: 700; margin: 5px;border-radius: 5px !important; color: #ffffff; background-color:  var(--navy); }
.js-calendar .btn-next-month, .js-calendar .btn-next-year {width: 100%; text-align:right; }

/* FUEL */
.fuel .JM { max-width: 1390px; }

/* dashboard */

.dashboard ul.column {float: left; width: 33.3%; margin: 0px; padding: 10px 5px 10px 5px; }
.dashboard li { margin-bottom: 10px;}
.dashboard .heading { background-image: url('/images/jlgb/right_closed_arrow.png'); background-size: 26px 28px; background-position: right 20px center; cursor: pointer; border-radius: 0.25rem; font-weight: 700; height: 60px; line-height: 60px; color: #ffffff; padding: 0px 20px 0px 20px; width: 100%;}
.dashboard .heading.active { background-size: 28px 26px; background-image: url('/images/jlgb/down_open_arrow.png');  border-radius: 0.25rem 0.25rem 0 0; }
.dashboard ul.column:nth-of-type(1) {padding: 10px 5px 10px 0px; }
.dashboard ul.column:nth-of-type(3) {padding: 10px 0px 10px 5px; }
.dashboard ul.column:nth-of-type(1) .heading { background-color:  var(--red);;}
.dashboard ul.column:nth-of-type(1) button { background-color:  var(--red);;}
.dashboard ul.column:nth-of-type(2) .heading { background-color: rgb(0, 212, 255);}
.dashboard ul.column:nth-of-type(2) button { background-color: rgb(0, 212, 255);}
.dashboard ul.column:nth-of-type(3) .heading { background-color:  var(--green);;}
.dashboard ul.column:nth-of-type(3) button { background-color:  var(--green);;  }
.dashboard-content { color:  var(--navy); padding: 5px 20px 20px 20px; display: block; background-color: #EDEDED; min-height: 200px;  border-bottom: 10px solid white;}
.dashboard-content h2 {font-size: 100%;}


.dashboard_article .pagebody {padding: 20px 10px 0px 10px;}
.dashboard .fa { color: #ffffff; font-size: 160%; width: 20px;  text-align:center; }
.dashboard input { width: 100%; border-radius: 5px 0px 0px 5px;}
.dashboard button {border-radius: 0px 5px 5px 0px !important; padding: 0px 10px 0px 10px;}
.dashboard .advanced { cursor: pointer; display: block; width: 100%; padding: 20px 0px 20px 30px; font-weight: 700; background-image: url('/images/jlgb/addnavy.png'); background-size: 20px; background-position: 0px 20px;}
.dashboard .section { clear:both; display:block; border-top: 1px solid  var(--navy); width: 100%; }
.dashboard #programmesearch .section a {color: rgb(0, 212, 255); display: inline-block; margin: 0px 30px 10px 0px;}




/* autocomplete */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }


td { padding: 0.5rem 0.5rem !important; }






/*** Join JLGB (Vacancies page) ***/
/* What We Do (Your Experiences) module */
.item-page .moduletable._whatwedo {/* padding-left: 0; *//* padding-right: 0; */margin: 0px auto 0px auto;}
.item-page .moduletable._whatwedo li {list-style-type: none; }
.item-page .moduletable._whatwedo h3 { padding: 0px 0px 25px 0px; }

.item-page.our-team .moduletable._whatwedo h3 { display: none; }


#CAFDonateWidgetContainer { max-width: 500px;margin: 0px auto 0px auto; padding-left: 10px; padding-right: 10px; padding-bottom: var(--modulegap); }
#CAFDonateWidgetContainer iframe{ width: 100% !important; height: 800px !important; border-top: 3px var(--blue) solid !important; border-bottom: 3px var(--blue) solid !important; padding:30px 0 50px 0 !important; }


.event_minical .header { border-radius: 10px 0px 0px 0px; width: 100%; padding: 20px; background-color: var(--red); color: #ffffff; font-size: 180%;  display: inline-block;}
.event_minical .header .month {  display: block; float: left; font-weight: 700; height: 85px; line-height: 85px; }
.event_minical .header .controls {float: right;}
.event_minical .header .next { background-image: url(/images/structure/calendar-next.png);background-size: 40px 40px; height: 85px; width: 40px;display: inline-block; background-position: center center;}
.event_minical .header .prev { background-image: url(/images/structure/calendar-prev.png); background-size: 40px 40px; height: 85px; width: 40px; display: inline-block; background-position: center center;}
.event_minical .monthview { border-radius: 10px 0px 0px 10px; float: left; width: 440px;background-color: #f2f5f5;}
.event_minical .dayview { border-radius: 0px 10px 10px 0px; float: left; width: 600px; height: 519px; padding: 50px; background-color: var(--navy); color: #ffffff; }
.event_minical .dayview .date {font-weight: 700; font-size: 200%;}
.event_minical .dayview .events .title a { font-size: 180%; color: var(--red);  display: block; }
.event_minical .hasevent { color: var(--red); cursor:pointer;  }
.event_minical .daycell .datecell { cursor:pointer; line-height: 40px; width: 45px; text-align:center; min-height: 40px; border: 2px solid transparent;  border-radius: 50%; }
.event_minical .active .datecell { color: var(--red);  cursor:pointer; line-height: 40px; width: 45px; text-align:center; min-height: 40px; border: 2px solid var(--red);  border-radius: 50%; }
.event_minical table { width: 100%; }
.event_minical table td { border: none; font-weight: 700; width: 40px; height: 40px;}
.event_minical tr:first-of-type {display: none;}
.event_minical .programmes li { width: 500px; }
.event_minical .daycell .nextmonth { color: grey; cursor: default; }


/* Your Opportunities */
.your-opportunities .jcarousel li {width: 1020px !important;border-radius: 6px;height: 400px;background-color: var(--blue);}
.your-opportunities .jcarousel img {width: auto !important;border-radius: 6px; height: auto; max-width: 100%; max-height: 100%; margin: 0 auto;}

@media(max-width: 1100px){
    .your-opportunities .jcarousel li {width: calc(100vw - 60px)!important;}
}
@media(max-width: 600px){
    .your-opportunities .jcarousel li {width: calc(100vw - 40px)!important;height: auto;}
}
@media(max-width: 425px){
    .your-opportunities .jcarousel li {width: calc(100vw - 20px)!important;}
}



.ourvacancies .topimage_carousel h3 { display: none; }

/* DofE Group List page */
.dofe .detailsColumn {position: relative;height: 50px;vertical-align: middle;}
.dofe .buttons {display: inline;position: absolute;left: 420px;top: 9px;}

/* DofE add application page */
@media(min-width: 1000px){
    .dofeAddApplication .name { min-width: 200px; }
}
@media(min-width: 1200px){
    .dofeAddApplication .name { min-width: 275px; }
}



/* Why JLGB (Positive Activities) */
.why-jlgb .custom_calltoaction h3 a {display: block;}
.why-jlgb .custom_calltoaction a.redbutton{/*font-size: 100%;*/}
@media(min-width:1061px){
    .why-jlgb .custom_calltoaction h3 a {display: inline;}
    .why-jlgb .custom_calltoaction h3 {position: absolute;}
}


/* Simple Email Forms and Convert Forms */

.parents #expandable_543 .moduletable h3,
.support-jlgb #expandable_422 .moduletable h3,
.support-jlgb #expandable_423 .moduletable h3,
.support-jlgb #expandable_420 .moduletable h3,
.support-jlgb #expandable_424 .moduletable h3,
.support-jlgb #expandable_457 .moduletable h3
{background-color: var(--blue); color: #ffffff; font-weight: 700; font-size: 220%; padding: 15px; border-radius: 10px 10px 0px 0px; }
.mod_sef {background-color:#f0f1f3;}


/* Convert Forms only */
.convertforms {background-color: unset !important; max-width: 1020px !important; margin: 0px auto 0px auto;padding: 0px 0px 0px 0px !important; }
.convertforms .cf-content-wrap { padding-bottom: 0; background: var(--blue); border-radius: 5px 5px 5px 5px;}
.convertforms .cf-content-wrap p {color: white;font-size: 96%; margin-bottom: 20px; font-weight: 500;}
.convertforms .cf-form-wrap { padding-top: 1em; }
.convertforms.cf-success .cf-response { padding-top: 2em; padding-bottom: 2em; }

.convertforms .cf-control-group .cf-control-label label {color: var(--navy) !important;font-weight: 700;font-size: 1rem !important;padding: 10px 0px 0px 0px;}
.convertforms .cf-required-label { display: none; }
.convertforms .cf-control-group .cf-control-input input,
.convertforms .cf-control-group .cf-control-input textarea {border: 1px solid darkgray !important; resize: none; }
.convertforms .cf-fields .cf-control-group.submit .cf-control-input button {font-weight:700 !important;font-size: 1.1rem!important;padding: 8px 15px !important;}

@media(min-width:600px){
    .convertforms .cf-control-group .cf-control-label {float: left;width:30%;}
    .convertforms .cf-control-group .cf-control-input {float: left;width:70%;}
    .convertforms .cf-control-group.w70-30 .cf-control-label {width:70%;}
    .convertforms .cf-control-group.w70-30 .cf-control-input {width:30%;}
    .convertforms .cf-fields .submit {width: 100%;}
    .convertforms .cf-fields .cf-control-group.submit .cf-control-input {float: none;width: 150px;display: inline-block;margin-left: 30%;}
}
@media(min-width:1060px){
    .convertforms .cf-control-group { order:3;float:left;width: 50%;clear: left;flex-grow: 1;}
    .convertforms .cf-control-group.your-name {order:1;}
    .convertforms .cf-control-group.comments, .convertforms .cf-control-group.tandc {order:2;float: right;clear: right;}

    .convertforms .cf-fields {position: relative;flex-direction: column;min-height: 370px;}
    .convertforms .cf-fields .cf-control-group {width: 50%; padding-right: 40px;}

    .convertforms .cf-fields .comments, .convertforms .cf-fields .tandc {position: absolute;width: 50%; padding-right: 20px;margin-left: 50%;  }
    .convertforms .cf-fields .comments textarea {height: 200px;}
    .convertforms .cf-fields .tandc label { font-size:90%; }
    .convertforms .cf-fields .tandc ul { font-size:80%; margin-top: 1em; }
    .convertforms .cf-fields .tandc ul li { margin-bottom: 0.5em; }

    .convertforms .cf-fields .reCAPTCHA {position: absolute;width: 50%; padding-right: 20px;margin-left: 50%; margin-top: 210px }
    .convertforms .cf-fields .reCAPTCHA .cf-control-input { float: right; }

    .convertforms .cf-fields .submit {position: absolute;bottom: 11px;width: 50%; padding-right: 20px; margin-left: 50%;}
    .convertforms .cf-fields .cf-control-group.submit .cf-control-input { float: right; width: 150px; }

}

/* Dashboard promotion page */
.promotion .table-responsive { overflow-x: hidden; }


.approvechanges table.personaldetails th, .approvechanges table.personaldetails td {width:25%;padding: .75rem !important;}
.approvechanges table .approvaloptions {background:var(--green);}
.approvechanges table .approvaloptions label {display:inline;color:#ffffff;}


/* Log Attendance - Parade Nights */
.tablefilter .paradedetails .field-calendar input {width: 249px;}
.tablefilter .paradedetails td select.inputbox,
.tablefilter .paradedetails td input.inputbox {max-width: 285px !important;}

/* Log Attendance - Enterprise Details */
.enterprisedetails .topdetails th { max-width: 100%; width: 400px;}
.enterprisedetails .topdetails td:first-of-type { width: 400px; }
.enterprisedetails .topdetails td:first-of-type > input,
.enterprisedetails .topdetails td:first-of-type > select {max-width: 100% !important;width: 100% !important;}
.enterprisedetails .topdetails .zoneheader {width:40px;}
.enterprisedetails .topdetails .zonedetails {width: 220px;height: 44px;text-align: center;padding-top: 0 !important;}

/* Log Attendance - Junior Session Details */
.juniordetails .topdetails {max-width: 1100px;}
.juniordetails .topdetails th {max-width: 100%;width: 400px;}

/* Tablefiler sections */
.inputfields th, .inputfields .selectcell  {width: 300px !important;}

select.form-control[multiple],
select.form-control[size] {/*height:511px !important;*/height: 150px !important;/*transition: height 0.2s ease;*/}
select.form-control:focus-within, select.form-control:hover {/*height: 511px !important;*/}

/* Reports - Parade attendance */
form.paradeattendance { margin-bottom: 0; }

/* Tabbed pages with next and previous buttons */
.nextprevious { display: block; height:40px;}


/* Event Request form */
.eventrequestform .proposeddate .left {padding-right: 100px;}
.eventrequestform .proposeddate td {padding-bottom: 18px !important;}
.eventrequestform input[type=checkbox] + label:before {width: 11px;height: 11px;}
.eventrequestform .declaration th {padding-bottom: 5px;font-size:140%;}
.eventrequestform .declarationDetails td {border-top: none;padding: .75rem !important;}
.eventrequestform .submitRow td { border-top: 3px solid var(--green); }

/* Event Request review */
.eventrequestreview td strong {font-weight: 600;}
.eventrequestreview .proposeddate strong {display:inline-block;min-width: 50px;}
.eventrequestreview .expectedattendance strong {display:inline-block;min-width: 140px;}
.eventrequestreview .travelarrangements strong {display:inline-block;min-width: 140px;}

/* Badge Notifications */
.badgescontainer .table-innercontainer {padding-bottom: 0;}
.badgescontainer .table-innercontainer form { margin-bottom: 0;}
.badgesmaintable { margin-bottom: 0;}

.badgesawarded {padding-left: 0 !important;}
.badgesawarded .div1 {padding: 0px 45px 0px 0px; }



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

/* pop up */
.modal-dialog .modal-header{background: var(--blue); color: white;}
.modal-dialog .btn-secondary{background: var(--navy);}
.modal-dialog .close{display: none;}


/* reset password */
/* dashboard{max-width: 520px; margin: 80px auto; box-sizing: border-box; padding: 50px; border: var(--blue) 1px solid;}
.form-validate button{
    background: var(--navy);
    color: white;
    border: none;
    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-radius: 5px;
        padding: 3px 10px;

        }
    .form-validate input{margin: 20px 0;}
    @media(max-width:599px){
        dashboard{max-width: 100%; margin: 40px 20px ;}
    } */



/* 404 page */

.item-page .pagebody.page404{text-align: center; margin: 100px auto; max-width: 800px; border-top: 3px solid var(--green); border-bottom: 3px solid var(--green); padding: 50px 0 ;}
.item-page .pagebody.page404 p:nth-of-type(1), .item-pagep .pagebody.page404 p:nth-of-type(2){font-size: 160%; margin-bottom: 0;}

/* dashboard error page */

dashboard .page-error { text-align: center; margin: 100px auto; max-width: 800px; border-top: 3px solid var(--red); border-bottom: 3px solid var(--red); padding: 50px 0 ; }
dashboard .page-error h1 { font-size: 160%; margin-bottom: 0.5em; }

.popover-body{padding: .5rem .6rem .5rem .75rem; text-align: center;}
.popover-body a{cursor: pointer;}

/* My Profile */
.contactIconTd .details { display: inline; }
.contactIconTd .details label { font-weight: normal; }

/* Dashboard 1.0 */
/* Dashboard 1.0 */
@media(max-width: 600px){
    .dashboard_article .pagebody .moduletable > p { display: none; }
}
.dashboard_article .pagebody > p { display: none; }
.dashboard_article .moduletable._quicklinks {padding: 5px 0px 40px 0px;position: relative;z-index: 2;}
.dashboard_article .moduletable._quicklinks h5 { padding: 0px 0px 10px 0px; }

.dashboard_article .moduletable._quicklinks .level-1 > li > a { display: none; }
.dashboard_article .moduletable._quicklinks .bluesection { grid-area: item-a; }
.dashboard_article .moduletable._quicklinks .greensection { grid-area: green; }
.dashboard_article .moduletable._quicklinks .yellowsection { grid-area: yellow; }
/* .dashboard_article .moduletable_quicklinks .item-1370 { grid-area: red; } */

.dashboard_article .quicklinks li.blue,
.dashboard_article .moduletable._quicklinks .bluesection li { background: var(--blue) !important; }
.dashboard_article .quicklinks li.green,
.dashboard_article .moduletable._quicklinks .greensection li { background: var(--green) !important; }
.dashboard_article .quicklinks li.yellow,
.dashboard_article .moduletable._quicklinks .yellowsection li { background: var(--yellow) !important; }
.dashboard_article .quicklinks li.red {background: var(--red) !important;}

.dashboard_article .quicklinks .level-1 {
    max-width: 890px;
    margin: 0px auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-areas:
        "item-a item-a green green yellow yellow"
        "item-a item-a green green yellow yellow";
}
.dashboard_article .quicklinks .level-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom: 0;
}
.dashboard_article .quicklinks .level-1 li {list-style-type: none;}
.dashboard_article .quicklinks .level-2 li {list-style-type: none;display: flex;align-items: center;text-align: center;/* width: 100%; */min-height: 100px;background-color: var(--lightgrey);border-radius: 10px;padding: 10px;flex-wrap: nowrap;white-space: normal;}
.dashboard_article .quicklinks .level-2 li .panel { flex-basis: 100%; }
.dashboard_article .quicklinks li:hover { cursor: pointer; }
.dashboard_article .quicklinks a {/* display: block; */text-align: center;color: #ffffff;font-size: 90%;}

@media(max-width:768px){
    .dashboard_article .quicklinks .level-1 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-areas:
            "item-a item-a green green"
            "item-a item-a green green"
            "yellow yellow yellow yellow";
    }
    .dashboard_article .quicklinks .yellowsection .level-2 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
@media(max-width:600px){

    .dashboard_article .quicklinks .level-1 {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas:
            "item-a green yellow"
            "item-a green yellow"
            "item-a green yellow";
    }
    .dashboard_article .quicklinks .level-2 {
        grid-template-columns: 1fr !important;
    }
}
@media(max-width:425px){
    .dashboard_article .quicklinks .level-1,
    .dashboard_article .quicklinks .level-2 {
        grid-column-gap: 5px;
        grid-row-gap: 5px;
    }
    .dashboard_article .quicklinks .level-2 li { min-height: 70px; }
}
@media(max-width:325px){

    .dashboard_article .quicklinks .level-1 {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "item-a green"
            "item-a green"
            "item-a green"
            "yellow yellow";
    }
    .dashboard_article .quicklinks .yellowsection .level-2 {
        grid-template-columns: 1fr 1fr !important;
    }
}

.dashboard-1 {display: inline-block;width: 100%;}

.dashboard-1 .level-1 li, .dashboard-1 .item-923, .dashboard-1 .item-923 li { list-style-type: none; }
/* Hide column labels */
.dashboard-1 .level-1 > li > a { display: none; }
.dashboard-1 .level-1 > li {width: 33.33%;/*display: inline-block;*/display:block;/* min-height: 1350px; */float: left;padding: 0px 20px 0px 0px;}
.dashboard-1 .level-1 > li:nth-of-type(3) { padding-right: 0; }

/* Temp hide last column which is empty */
.dashboard-1 .level-1 .item-969 { display: none; }

.dashboard-1 .item-924, .dashboard-1 .item-924 * { color: var(--blue); }
.dashboard-1 .item-925, .dashboard-1 .item-925 * { color: var(--green); }

.dashboard-1 .level-3 {background: white;background: #e8e6e6;padding: 5px 15px 5px 15px;border-radius: 0px 0px 5px 5px;}
.dashboard-1 .level-3 a { color: var(--navy); }
.dashboard-1 .level-3 li { padding: 5px 0px 0px 0px; }
.dashboard-1 .level-3 li:last-of-type { padding-bottom: 15px; }

.dashboard-1 .item-963, .dashboard-1 .item-963 > a,
.dashboard-1 .item-926, .dashboard-1 .item-926 > a,
.dashboard-1 .item-924, .dashboard-1 .item-924 > a
 { color: #ffffff !important;  }


.dashboard-1 .panel { display: block; padding: 10px 15px 10px 15px; border-radius: 5px 5px 0px 0px; }
.dashboard-1 .panel a {  color: #ffffff; }
.dashboard-1 .item-963 .panel,
.dashboard-1 .item-926 .panel,
.dashboard-1 .item-1148 .panel { background-color: var(--red); }
.dashboard-1 .item-924 .panel { background-color: var(--blue); }
.dashboard-1 .item-925 .panel { background-color: var(--green); }

.dashboard-1 .level-2 > li { margin-bottom: 20px;}
.dashboard-1 .level-2 > li .panel {cursor: pointer;background-image: url(/components/com_jlgb/assets/programming/open-white-transparentbg.png);background-size: 25px 25px;background-position: right 10px center;background-repeat: no-repeat;}
.dashboard-1 .level-2 > li .panel.closedfa {background-image: url(/components/com_jlgb/assets/programming/close-white-transparentbg.png);border-radius: 5px 5px 5px 5px;}

@media(max-width:992px){
    .dashboard-1 .level-1 > li {width: 50%;}
    .dashboard-1 .level-1 > li:nth-of-type(3) { padding-right: 20px; }

    .dashboard-1 .level-1 > li > a {display: block;padding-bottom: 20px;}
    .dashboard-1 .level-1 > li > a.heading {font-size: 125%;}
    .dashboard-1 .level-1 > li:nth-of-type(3n+1) > a { color: var(--red) !important; }
    .dashboard-1 .level-1 > li:nth-of-type(3n+2) > a { color: var(--blue) !important; }
    .dashboard-1 .level-1 > li:nth-of-type(3n) > a { color: var(--green) !important; }
}

@media(max-width:600px){
    .dashboard-1 .level-1 > li {width: 100%;float: none;padding-right: 0! important;padding-bottom: 30px;}
}

@media(max-width: 425px){
    .dashboard-1 .level-1 > li { padding-bottom: 5px; }
    .dashboard-1 .level-1 > li > a { padding-bottom: 10px; }
    .dashboard-1 .level-2 > li {margin-bottom: 10px;}
    .item-page .dashboard-1 ul {margin-bottom: 0px; }
}

.dashboard-1 .level-1 > li:before {
  display: block;
  content: " ";
  margin-top: -155px;
  height: 155px;
  visibility: hidden;
}

/* FUEL mobile top nav */
.dashboard_article { position: relative; }
.admin-fuel-top-nav {
    display:flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: var(--red);
    height: 55px;
}

.admin-fuel-top-nav .nav-container {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 0;
    margin: 0 20px;
}
@media(min-width:1301px){
    /* New desktop top nav */
    .admin-fuel-top-nav .nav-container {
        margin: 0 120px;
    }
}

/* Dashboard desktop top nav */
.admin-fuel-top-nav {
    clear: both;
    top: 0px;
    min-height: 60px;
}
.admin-fuel-top-nav .desktop {
    width: 100%;
    max-width: 1260px;
    margin: auto;
}

.admin-fuel-top-nav .desktop a { color: #ffffff; }
.admin-fuel-top-nav .desktop ul.rootmenu {
    position: relative;
    width: 100%;
    height: 60px;
    line-height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}


.admin-fuel-top-nav .desktop ul.rootmenu li {
    position: relative;
    padding-left: 20px;
}

.admin-fuel-top-nav .desktop ul.rootmenu li::before {
    content:"";
    background-image: url('/images/jlgb/inactive-background-link.png');
    background-position: left center;
    background-size: 11px 11px;
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.admin-fuel-top-nav .desktop .rootmenu li.active::before{
    background-image: url('/images/jlgb/active-background-link-dashboard-menu.png');
}

.admin-fuel-top-nav .desktop .rootmenu a{
    text-transform: uppercase;
}

.admin-fuel-top-nav .desktop a::before {display: none;}

.admin-fuel-top-nav .desktop .submenu .menu-container {background-color: transparent;}
.admin-fuel-top-nav .desktop .submenu .level1 {
    z-index: 10;
    position: absolute;
    display: inline-block;
    width: 200px;
    background: #e8e6e6;
    padding: 10px 20px 10px 20px;
    border-radius: 0px 0px 8px 8px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
}

.admin-fuel-top-nav .desktop .submenu li  {clear: left;list-style-type: none;/* padding-bottom: 10px; */padding-bottom: 5px;}
.admin-fuel-top-nav .desktop .submenu li a {font-family: Poppins;color: var(--navy);}
.admin-fuel-top-nav .desktop .submenu li a:hover {border-bottom: 3px solid var(--navy);}

.admin-fuel-top-nav .desktop .rootmenu li a,
.admin-fuel-top-nav .desktop .submenu li a {font-size: 90%;}


@media( max-width: 1300px ) {

    .admin-fuel-top-nav .desktop {max-width: 966px;}

    .admin-fuel-top-nav .desktop .rootmenu {margin-left: 0;}

    .admin-fuel-top-nav .desktop .rootmenu li {width: 150px;}
    .admin-fuel-top-nav .desktop .rootmenu li:nth-child(1) {width: 125px;}
    .admin-fuel-top-nav .desktop .rootmenu li:nth-child(1) a {background-position: left center;padding-right: 35px;}
    .admin-fuel-top-nav .desktop .rootmenu li:nth-child(4) {width: 170px;}
    .admin-fuel-top-nav .desktop .rootmenu li:nth-child(4) a { background-position: left center; padding-right: 30px;}
    .admin-fuel-top-nav .desktop .rootmenu li:nth-child(5) {width: 150px;}
    .admin-fuel-top-nav .desktop .rootmenu li:nth-child(5) a { background-position: left center; padding-right: 35px}
    .admin-fuel-top-nav .desktop .rootmenu li:nth-child(6) {width: 130px;}
    .admin-fuel-top-nav .desktop .rootmenu li:nth-child(6) a { background-position: left center; padding-right: 30px; }
}

@media( min-width: 1201px ){
    .admin-top-menu .top-menu li.logout,
	.admin-top-menu .top-menu li.mobilelogout { display:none !important; }
}

@media( max-width: 1200px ){
    .admin-fuel-menu { min-height: 55px; }
	a.mobilelogout {
        display: inline-block !important;
        background: #1a1862;
        color: #fff !important;
        padding:1px 8px;
        border-radius: 4px;
        font-size: 80% !important;       
        font-weight: 600 !important;
    }
	.mobilemenu a.mobilelogout {
		font-size: 108% !important;
		color: var(--navy) !important;
		background: none !important;
		font-weight: bold !important;
	}

}

@media( max-width: 1050px ){
    .admin-fuel-top-nav .desktop .submenu .reports {width: 200px;}
}



/* Dashboard mobile top nav */
.admin-fuel-top-nav .nav-container .form { display: none; max-width: 300px; }
.admin-fuel-top-nav .nav-container .form form { margin-bottom: 0; }
.admin-fuel-top-nav .nav-container .form input[type=text] { max-width: calc(100% - 38px);width: 270px !important;float: left; border-radius: 5px 0px 0px 5px !important;height: 38px !important;border: #ffffff; }
.admin-fuel-top-nav .nav-container .form input[type="image"] {float: left;background-color: var(--navy);border-radius: 0px 5px 5px 0px;background-size: 32px 32px;height: 38px !important;width: 38px !important;padding: 7px 7px 7px 7px;}


@media( max-width: 681px ){
    .header .admin-fuel-top-nav .mobilemenu li:nth-child(2) a { background-position: right 140px center;padding-right:12px; }
}

@media(max-width: 1000px){
    .admin-fuel-top-nav {
        min-height: auto !important;
    }
    .admin-fuel-top-nav .nav-container .desktop {
        display: none !important;
    }
    .admin-fuel-top-nav .nav-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0px 30px 0px 20px;
    }
    .admin-fuel-top-nav .nav-container .form {
        display: block;
    }

    .admin-fuel-top-nav .mobile_burger .burger {
        width: 25px;
        height: 25px;
        background-image: url(/components/com_jlgb/assets/dashboard-1/burger-menu-white.png);
        background-size: 25px 25px;
        cursor: pointer;
       }

    .admin-fuel-top-nav .mobile_burger .burger_mobilemenu {
        position: absolute;
        background-color: #ffffff;
        z-index: 3;
        top: 55px;
        right: 0px;
        height: calc(100vh - 190px);
        /*height: 100vh;*/
        overflow-y: scroll;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 0;
    }

    .admin-fuel-top-nav .mobile_burger .burger_mobilemenu ul { margin-bottom: 0; }

    .admin-fuel-top-nav .mobile_burger .burger_mobilemenu li {list-style-type: none;list-style-position: outside;}

    .admin-fuel-top-nav .mobile_burger .burger_mobilemenu li a,
    .admin-fuel-top-nav .mobile_burger .burger_mobilemenu li span {
        font-family: 'Poppins';
        font-weight: bold;
        color: #1a1a56;
        padding: 10px 20px 10px 20px;
        display: block;
    }

    .admin-fuel-top-nav .mobile_burger .burger_mobilemenu li a.fa:before,
    .admin-fuel-top-nav .mobile_burger .burger_mobilemenu li a.fas:before { display: none; /* font-family: 'FontAwesome';padding: 0px 3px 0px 0px; */}

    .admin-fuel-top-nav .mobile_burger .burger_mobilemenu li a:hover, .admin-fuel-top-nav .mobile_burger .burger_mobilemenu li a.active {
        background-color: #1a1a56;
        color: #ffffff;
    }


    .admin-fuel-top-nav .mobile_burger [class^="level"] li:before { content: none; }


    .admin-fuel-top-nav .mobile_burger .level1 li {
        background-color: #eaeaea;
    }

    .admin-fuel-top-nav .mobile_burger .level1 li a {
        /* color: white; */
    }

    .admin-fuel-top-nav .mobile_burger .level2 li {
        background-color: var(--blue);
        display: block;
    }

    .admin-fuel-top-nav .mobile_burger .level3 li {
        background-color: var(--green);
        display: block;
    }

    .admin-fuel-top-nav .mobile_burger .level4 li {
        background-color: var(--yellow);
        display: block;
    }

    .admin-fuel-top-nav .mobile_burger .level5 li {
        background-color: var(--red);
        display: block;
    }
}

@media( max-width: 768px ){
    .admin-fuel-top-nav .mobile_burger .burger_mobilemenu {height: calc(100vh - 155px);}
}


@media( max-width: 425px ){
    .admin-fuel-top-nav .nav-container { padding: 0px 10px 0px 10px; }

    .admin-fuel-top-nav .fuel { padding: 0px 10px 0px 10px; }

    .header .admin-fuel-top-nav .sitename { float: none; }
    .header .admin-fuel-top-nav .mobile .sitename {margin-right: 20px !important;}

    .header .admin-fuel-top-nav .mobilemenu {margin-left: 50px;}

    .admin-fuel-top-nav .mobile .activelink li {min-width: unset;max-width: 200px;}

    .admin-fuel-top-nav .mobile .activelink li a.active.programmes,
    .admin-fuel-top-nav .mobile .activelink li a.active {background-position: left center;}

}

@media( max-width: 375px ){
    .admin-fuel-top-nav .nav-container .form { max-width: 250px; }
	.admin-fuel-top-nav .mobile .activelink li a.active,
	.admin-fuel-top-nav .mobile .activelink li a.active.programmes {background-position: left -80px center;padding-left: 60px;}
	li.mobilelogout {padding: 0 !important;}
	.admin-top-menu .sitename{width:85px !important;}
	.admin-top-menu .top-menu .rootmenu .donate {padding-left: 0 !important;}	
}

@media(max-width: 320px){
    .admin-fuel-top-nav .nav-container .form { max-width: 225px; }

    .header .admin-fuel-top-nav .mobile .sitename {margin-right: 20px;}
}


/* FUEL mobile bottom nav */
   .admin-fuel-bottom-nav .navbar li, .admin-fuel-bottom-nav .navbar li a { color: #ffffff; font-weight: normal; }
   .admin-fuel-bottom-nav h3 { display: none; }

   .admin-fuel-bottom-nav #toolboxIcon:hover { cursor: pointer; }
   .admin-fuel-bottom-nav .mobileNavPanels {position: fixed;bottom: 75px;left: 0;width: 100%;z-index: 999;padding: 10px 40px 10px 40px;color: #ffffff;background-color: var(--navy); height:110px;}
   .admin-fuel-bottom-nav .mobileNavPanels .toolbox {width: 100%;height: 100%;}
   .admin-fuel-bottom-nav .mobileNavPanels .toolbox.active { background-image:url(/components/com_jlgb/assets/dashboard-1/toolbox-submenu.png);background-size: contain;background-position: center center; }

@media(max-width:600px){
  .admin-fuel-bottom-nav { display: block; }

  .admin-fuel-bottom-nav .navbar .mobileNav {display: block;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 999;padding: 10px 10px 0px 10px;}
  .admin-fuel-bottom-nav .navbar .mobileNav ul {display: flex;flex-direction: row;justify-content: center;margin-bottom: 0;}
  .admin-fuel-bottom-nav .navbar .mobileNav ul > li {display: inline-block;width: 90px;height: 75px;margin-right: 10px;background-color: lightgray;background-size: contain;background-origin: content-box;padding: 10px 10px 23px 10px;background-position: center;position:relative;}
  .admin-fuel-bottom-nav .navbar .mobileNav ul > li a { display: block; width: 100%; height: 100%; }
  .admin-fuel-bottom-nav .navbar .mobileNav ul > li .jmlabel {display: block;width: 100%;text-align: center;position: absolute;left: 0;bottom: 5px;font-size: 75%;line-height: 1;}
  .admin-fuel-bottom-nav .navbar .mobileNav ul > li.close {opacity: 1 !important;float: none;line-height: 1.5;}
  .admin-fuel-bottom-nav .navbar .mobileNav li.myprofile {background-color: var(--red); background-image: url(/components/com_jlgb/assets/dashboard-1/profile.png); }
  .admin-fuel-bottom-nav .navbar .mobileNav li.myprogrammes {background-color: var(--blue); background-image: url(/components/com_jlgb/assets/dashboard-1/programmes.png); }
  .admin-fuel-bottom-nav .navbar .mobileNav li.mygroups {background-color: var(--green); background-image: url(/components/com_jlgb/assets/dashboard-1/groups.png); }
  .admin-fuel-bottom-nav .navbar .mobileNav li.toolbox {background-color: var(--navy);margin-right: 0;  background-image: url(/components/com_jlgb/assets/dashboard-1/toolbox.png); }

}

@media(max-width:425px){
    .admin-fuel-bottom-nav .navbar .mobileNav { padding: 0px 0px 0px 0px; }
    .admin-fuel-bottom-nav .navbar .mobileNav ul > li { width: 25%; margin-right: 0;}

    .admin-fuel-bottom-nav .mobileNavPanels { padding: 10px 15px 10px 15px; }
}

/* Universal Checkbox fixes */
/* Default setting is placing the checkboxes to the left of text */
/* For checkboxes to be to right of text, wrap label tag around checkbox input element */
/* Make sure there are no width or height attributes specified inline on elements */
dashboard tbody { line-height: 1em; }
dashboard label { /* padding: 0; */ }
dashboard input[type=checkbox] { appearance: inherit; -webkit-appearance: inherit; -moz-appearance: inherit; -o-appearance: inherit; }
dashboard input[type=checkbox]:focus { outline: none; }
dashboard input[type=checkbox] {width: 1rem;height: 1rem;opacity: 1;display: inline-block;position: relative;margin: 0;border: solid #7f7f7f 1px;background-color: #fff;}
dashboard input[type=checkbox] + label { vertical-align: middle; }
dashboard input[type=checkbox] + label:before { display: none; }
dashboard input[type=checkbox]:disabled { background-color: #e6e6e6; }
 dashboard input[type=checkbox]:checked {background: var(--navy) !important; box-shadow: inset 0px 0px 0px 2px #fff !important;}
dashboard input[type=radio] { transform: scale(1.2); }

/*
dashboard div.rightcheckboxes label { position: relative; }
dashboard div.rightcheckboxes input[type=checkbox] {position: absolute;display: block;top: 12px;left: 200px;display: block;}
*/

/* New style checkboxes and Group List main page only */
dashboard .newcheckboxes input[type=checkbox],
[data-view="unit"] dashboard .advancedFilter 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; }
dashboard .newcheckboxes input[type=checkbox] + label,
[data-view="unit"] dashboard .advancedFilter input[type=checkbox] + label { cursor: pointer; }
dashboard .newcheckboxes input[type=checkbox] + label:before,
[data-view="unit"] dashboard .advancedFilter 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; }
dashboard .newcheckboxes input[type=checkbox]:checked + label:before,
[data-view="unit"] dashboard .advancedFilter input[type=checkbox]:checked + label:before { background:  var(--navy); box-shadow:inset 0px 0px 0px 2px #fff;  }

/* CSS for checkboxes that should look like buttons */
[data-view="unit"] dashboard input[type=checkbox]#showAdvancedFilters,
.addnewperson input[type=checkbox]#addAddress
{opacity: 0;position: absolute;}



/* Anchor the top navigation */
header {position: fixed;width: 100%;z-index: 999;background-color: #ffffff;}
.headerspacer {height: 55px;}

[data-layout="dashboard"] .headerspacer, .dashboard_page .headerspacer {height: 135px;}

/* Advert for https://www.jlgb.org/968 */
.advertpage .topsection .custom_calltoaction {padding-bottom: calc(var(--modulegap) + 150px);}
.advertpage .advert-desktop {display: block !important;position: absolute;top: 0;left: 50%;margin: 775px 0px 0px 160px;}
.advertpage .advert-desktop img {display: block !important;height: auto;width: 360px;}

@media(max-width:1299px){
    .advertpage .advert-desktop {margin-top: 680px;}
}
@media(max-width:1060px){
    .advertpage .advert-desktop {left: auto;right: 10px;}
}
@media(max-width:1039px){
    .advertpage .topsection .custom_calltoaction {padding-bottom: var(--modulegap);}
    .advertpage .advert-desktop { display: none !important; }
    .advertpage .advert-mobile { display: block !important; padding: 10px; }
    .advertpage .advert-mobile img { display: block !important; margin: 0px auto; max-width: 100%; height: auto; }
}

/* Ensure cookie message is shown above anything else */
#gdpr-cookie-message { z-index: 999999 !important; }
.dropdown-menu.show {max-height: 260px !important;z-index: 9; padding:0;}


/*  edit by */
.EmailHistorySuccess { position: relative;}
.EmailHistorySuccess:before{background:url(/templates/jlgbadmin/images/checkmark.svg) left no-repeat; content:""; position: absolute;left: .5rem;right:0; top: 0; bottom: 0;width: 100%; height: 100%; background-size:14px;}
.EmailSentFailed { position: relative;}
.EmailSentFailed:before{background:url(/templates/jlgbadmin/images/cross.svg) left no-repeat; content:""; position: absolute;left: .5rem;right:0; top: 0; bottom: 0;width: 100%; height: 100%; background-size: 12px;}



/* START TOOLTIP STYLES */
[tooltip] {position: relative;}
[tooltip]::before,[tooltip]::after { text-transform: none; font-size: .9em;  line-height: 1; user-select: none; pointer-events: none; position: absolute;  display: none;  opacity: 0;}
[tooltip]::before { content: '';  border: 5px solid transparent; z-index: 1001; }
[tooltip]::after { content: attr(tooltip); font-family: Helvetica, sans-serif; text-align: center;  white-space: nowrap;  overflow: hidden;
text-overflow: ellipsis;  padding:5px;  border-radius: .3ch;  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);  background: #fff; border: #333 solid 1px; color: #333;  z-index: 1000;}
[tooltip]:hover::before,[tooltip]:hover::after { display: block;}
[tooltip='']::before,[tooltip='']::after { display: none !important;}

/* FLOW: UP */
[tooltip]:not([flow])::before,[tooltip][flow^="up"]::before {bottom: 100%; border-bottom-width: 0; border-top-color: #333;}
[tooltip]:not([flow])::after,[tooltip][flow^="up"]::after {bottom: calc(100% + 4px);}
[tooltip]:not([flow])::before,[tooltip]:not([flow])::after,[tooltip][flow^="up"]::before,[tooltip][flow^="up"]::after {left: 8%; transform: translate(-50%, -.5em);margin-left: -8px;}
[tooltip]:not([flow])::before{ margin-left: 0 !important}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}
[tooltip]:not([flow]):hover::before,[tooltip]:not([flow]):hover::after,[tooltip][flow^="up"]:hover::before,[tooltip][flow^="up"]:hover::after { animation: tooltips-vert 300ms ease-out forwards;}

#sendsnapshotsHistoryTable .EmailHistorySuccess:before{ display: none;}
#sendsnapshotsHistoryTable td.EmailHistorySuccess [tooltip] {position: absolute; width: 36px;  top: 9px;}
#sendsnapshotsHistoryTable td.EmailHistorySuccess [tooltip]:not([flow])::after{ margin-left: 0}
#sendsnapshotsHistoryTable [tooltip]:not([flow])::before, #sendsnapshotsHistoryTable [tooltip]:not([flow])::after, #sendsnapshotsHistoryTable [tooltip][flow^="up"]::before, #sendsnapshotsHistoryTable [tooltip][flow^="up"]::after{ left:30%;}
#sendsnapshotsHistoryTable td.EmailHistorySuccess [tooltip*="0"]:not([flow])::before,#sendsnapshotsHistoryTable td.EmailHistorySuccess [tooltip*="0"]:not([flow])::after{display: none;}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color:#f5c6cb;
  border-color: #f5c6cb;
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #1e221f;
  border-color: #1a1c1a;
  color: #ffffff;
}
.dataTables_wrapper label {color: var(--navy) !important}
.table-innercontainer .bootstrap-select .btn{color: var(--navy) !important; font-weight: 700 !important; border: 0 !important; background: none !important}
.dataTables_wrapper .btn:focus{box-shadow: 0 0 0 #000 !important}

.btn1{color: #fff !important;font-weight: normal !important; border: 0 !important; padding: 5px 10px;font-size:.9rem;line-height: 1.5;border-radius: 0.25rem;}

.grouplisttable tr .btn1:nth-child(2){margin-left:8px;}
.sectiontableentry1 #OnCamp, .sectiontableentry1 #OffCamp{ float:left; height: 40px !important;}
.sectiontableentry1 #OnCamp_btn, .sectiontableentry1 #OffCamp_btn{ padding: 9px 12px; height: 40px; }
.sectiontableentry1 input[disabled] + button{ pointer-events: none; background: #6c6e6c;}

.tablefilter div.dataTables_filter label{ display: inline-block;}
 .assess_completed, a.assess_completed:hover{color:green;}
 .assess_incomplete, a.assess_incomplete:hover {color:gray}

.AddQues{}
.AddQues .card-header{ padding: 0; background: var(--navy) !important;border-radius: 5px 5px 0px 0px;}
.AddQues .componentheading{ padding: 0;font-family: 'Poppins'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; color:#fff !important}
.AddQues .card-body{padding: 0}
.AddQues .card-header .col-lg-12{padding: 12px 20px;}
.AddQues .table th{font-family: 'Poppins';font-style: normal;font-weight: 700;font-size: 16px;line-height: 24px; }
.AddQues .BoxIn td{padding: 5px !important; border: 0 !important}
.AddQues .BoxIn th{ padding-top: 10px !important;}
.AddQues .table-innercontainer .btn{ color: #fff !important; background: var(--navy) !important;font-size: 14px; line-height: 17px; font-weight: 400 !important; padding: 8px 10px; margin-right:6px;}
.AddQues .table th, .AddQues .table td{ padding-left: 0 !important}
.AddQues .radioBtn input{display: inline-block; margin: 0 10px 0 0; bottom: -2px; position: relative;}
.AddQues .table tbody:first-child th{ padding-top: 0;}
.AddQues .table tbody:first-child th{ border-top: 0;}
.AddQues .table tbody:first-child th span{font-family: 'Poppins';font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;color: #000000;}
.radioBtn p{ margin-bottom: 0}
.checkboxBtn {position: relative;}
.checkboxBtn, .checkboxBtn label{font-family: 'Poppins';font-style: normal;font-weight: 400;font-size: 13.6px;line-height: 20px;color: var(--navy);}
.checkboxBtn, .checkboxBtn input[type=checkbox]{ margin: 0px 8px 0 0;bottom: -3px;}
.checkboxBtn label{ margin-bottom: 0 !important; padding: 0}

.AnswerBox .BoxIn, .AnswerBox .FeedBox{margin-bottom: 10px;text-align: left; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;  flex-flow: row wrap; padding: 0; list-style: none; align-items: center;}
.AnswerBox .thead{ font-family: 'Poppins'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; width: 21%;}
.AnswerBox .col4{ width: 50%; padding: 0 20px 0 0}
.AnswerBox .col1{ width: 10%;}
.AnswerBox .col2{ width: 14%;}
.AnswerBox .delBtn{width: 3%;text-align: right; padding-left: 28px;}
.FeedBox .thead{font-family: 'Poppins'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; width: 21%;}
.FeedBox .col10{ width: 79%;}

.AnswerBox  .col3.checkboxBtn {padding: 5px 20px;}
.AddMoreBtn a{ cursor: pointer;}

.NewRow .table td, .NewRow .table th{border-top: 1px solid var(--lightgrey); padding-top: 20px !important; padding-bottom: 20px !important;}

.AnswerBox input[type=radio], .TopTypeRadioBox input[type=radio]{position: absolute;outline: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0;}
.AnswerBox input[type=radio][disabled],  .TopTypeRadioBox input[type=radio][disabled]{cursor: not-allowed;}
.AnswerBox input[type=radio][disabled] + label, .TopTypeRadioBox input[type=radio][disabled] + label{cursor: not-allowed;}
.AnswerBox input[type=radio][disabled] + label:before, .TopTypeRadioBox input[type=radio][disabled] + label:before {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5;}
.AnswerBox input[type=radio]:focus + label:before, .TopTypeRadioBox input[type=radio]:focus + label:before{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.AnswerBox input[type=radio]:checked + label:after, .TopTypeRadioBox input[type=radio]:checked + label:after {filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1;}
.AnswerBox .no-borderradius input[type=radio], .TopTypeRadioBox .no-borderradius input[type=radio] {background: transparent; position: relative;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1;}
.AnswerBox input[type=radio] + label, .TopTypeRadioBox input[type=radio] + label { position: relative; cursor: pointer; padding-left: 28px;}
.AnswerBox .no-borderradius input[type=radio] + label, .TopTypeRadioBox .no-borderradius input[type=radio] + label { padding: 0;}
.AnswerBox input[type=radio] + label:before, .TopTypeRadioBox input[type=radio] + label:before { position: absolute; left: 0; top: -1px; content: ''; background: none; width: 18px; height: 18px;
  display: block; border-radius: 0px; border: 1px solid var(--navy);}
.AnswerBox .no-borderradius input[type=radio] + label:before, .TopTypeRadioBox .no-borderradius input[type=radio] + label:before { display: none;}
.AnswerBox input[type=radio] + label:after, .TopTypeRadioBox input[type=radio] + label:after { content: '✓'; position: absolute; top: -1px; left: 0; width: 18px; height: 18px; line-height: 20px; text-align: center; color: #333333;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0;  -moz-transition: all 0.2s;  -o-transition: all 0.2s;  -webkit-transition: all 0.2s;  transition: all 0.2s;}
.AnswerBox .no-borderradius input[type=radio] + label:after, .TopTypeRadioBox .no-borderradius input[type=radio] + label:after { display: none;}

.AnswerBox input[type=radio] + label:before, .TopTypeRadioBox input[type=radio] + label:before {border-radius: 0px;}
.AnswerBox input[type=radio] + label:after, .TopTypeRadioBox input[type=radio] + label:after {background: var(--navy);content: ''; top: 2px; left: 3px; width: 12px; height: 12px; border-radius: 0;}


.AnswerBox input[type=checkbox] {position: absolute;outline: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0;}
.AnswerBox input[type=checkbox][disabled] {cursor: not-allowed;}
.AnswerBox input[type=checkbox][disabled] + label {cursor: not-allowed;}
.AnswerBox input[type=checkbox][disabled] + label:before {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5;}
.AnswerBox input[type=checkbox]:focus + label:before { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.AnswerBox input[type=checkbox]:checked + label:after {filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1;}
.AnswerBox .no-borderradius input[type=checkbox] {background: transparent; position: relative;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1;}
.AnswerBox input[type=checkbox] + label { position: relative; cursor: pointer; padding-left: 28px;}
.AnswerBox .no-borderradius input[type=checkbox] + label { padding: 0;}
.AnswerBox input[type=checkbox] + label:before { position: absolute; left: 0; top: -1px; content: ''; background: none; width: 18px; height: 18px;
  display: block; border-radius: 0px; border: 1px solid var(--navy);}
.AnswerBox .no-borderradius input[type=checkbox] + label:before { display: none;}
.AnswerBox input[type=checkbox] + label:after { content: '✓'; position: absolute; top: -1px; left: 0; width: 18px; height: 18px; line-height: 20px; text-align: center; color: #333333;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0;  -moz-transition: all 0.2s;  -o-transition: all 0.2s;  -webkit-transition: all 0.2s;  transition: all 0.2s;}
.AnswerBox .no-borderradius input[type=checkbox] + label:after { display: none;}

.AnswerBox input[type=checkbox] + label:before {border-radius: 0px;}
.AnswerBox input[type=checkbox] + label:after {background: var(--navy);content: ''; top: 2px; left: 3px; width: 12px; height: 12px; border-radius: 0;}

.col1.checkboxBtn input[type=radio] + label:before{border-radius:10px;}
.col1.checkboxBtn input[type=radio] + label:after{border-radius:10px;}

#BulkNewGroup .modal-header, #BulkNewAppointment .modal-header{background: var(--navy) !important;}
.field-calendar #Date_Start{ width: 40%; float: left;}
#Date_Start_btn{ margin:0 0 6px}
.maintab [type=date]{ height: auto;}

body.modal-open div.token-input-dropdown{ z-index: 9999 !important; max-height: 300px;  overflow-y: scroll;}

#BulkNewGroupForm ul.token-input-list li{ width: 100%}
.ConfirmBulkAddGrp ul.token-input-list,#BulkNewGroup ul.token-input-list { border: 1px solid #ced4da !important;}
.ConfirmBulkAddGrp ul.token-input-list {padding: 5px 0;}
#BulkNewAppointment .form-control{ background: #f8f9fa !important;}
#BulkNewGroupForm .form-control{ background: #f8f9fa !important; border: 0 !important;}
.ConfirmBulkAddGrp ul.token-input-list input {border: 0 !important;padding: 0 10px!important;height: 28px !important;line-height: normal !important;}
.field-calendar #Date_Start{ width: 200px; float: left;}
#Date_Start_btn{ margin:0 0 6px}

table.sortable.table .token-input-input-token input{border: 1px solid #ced4da; border-radius: 0.25rem; padding: 1.2rem .75rem;}
.input-append input{ float: left;}

.CampHead{ position: relative; margin-bottom: 14px;}
.CampHead a{ position: absolute; display: inline-block !important; margin: 0 0 0 10px;}
.member-detailsv-view{ overflow: hidden; margin-bottom: 20px;}
.member-detailsv-view > div{ width: 49%; float: left; font-size:16px; padding: 0px 0px 14px 0px;}
.CampProfileTable label{ float: left; font-size: 0.85rem}
.CampProfileTable th{ vertical-align: middle;}
.CampProfileTable select{ height: 32px !important;}

.primaryGrpChkDisabled
{
opacity: 0.7 !important;
pointer-events: none;
}

.tablefilter div.dataTables_filter label{ display: inline-block;}
.assess_completed, a.assess_completed:hover{color:green;}
.assess_incomplete, a.assess_incomplete:hover {color:gray}
.sessionErrorMsg {margin: -20px 0 15px 0;} /* Message as mark attendance manually on personal page */

.CampHead{ position: relative; margin-bottom: 14px;}
.CampHead a{ position: absolute; display: inline-block !important; margin: 0 0 0 10px;}
.member-detailsv-view{ overflow: hidden; margin-bottom: 20px;}
.member-detailsv-view > div{ width: 49%; float: left; font-size:16px; padding: 0px 0px 14px 0px;}
.CampProfileTable label{ float: left; font-size: 0.85rem; font-weight:400;}
.CampProfileTable th{ vertical-align: middle;}
.CampProfileTable select{ height: 32px !important;}
.CampProfileTable .input-group textarea { height: 80px !important;}
.CampProfileTable td > .details {display:flex}
.CampProfileTable td > .details button {margin-left: auto;}
.campProfile .table-responsive{overflow: visible;}
.CampProfileTable td > .details .field-calendar button {
    background: var(--navy);
    color: #fff;
  }
  .campProfile button.btn.btn-secondary {
    width: 33px;
    height: 32px;
  }
  .campProfile select.form-control {
    color: var(--navy);
    font-weight: 400;
    white-space: nowrap;
    font-size: .9rem;
    line-height: 1.5;
    padding: 0 10px;
  }


/* Start Issue no. 393 */
.filterMedicalCat {
  display: flex;
}
.filterMedicalCat div {
  position: relative;
  margin-right: 20px;
}
.filterMedicalCat label {
  display: inline-block !important;
  padding: 0 0 0 20px;
}
.filterMedicalCat input {
  position: absolute !important;
  left: 0;
  top: 6px;
}

#searchFilterFrm .filterMedicalCat label{font-size: 11px;}
.ApproavalStatusCls i{ margin:0 5px}

.DisabledMedicalDietaryWelfare i{pointer-events: none;}
.DisabledMedical i{pointer-events: none;}
.DisabledDietary i{pointer-events: none;}
.DisabledWelfare i{pointer-events: none;}

.ApproavalStatusCls .green{color:var(--green)}
.ApproavalStatusCls .red{color:var(--red)}
.ApproavalStatusCls .navy{color:var(--navy)}
.ApproavalStatusCls .grey{cursor:pointer; color:grey}

/* End Issue no. 393 */

dashboard input[type=checkbox]{margin: 0px 5px -3px 0;}

#EditEventDetails table .field-calendar input {  width: calc(100% - 38px) !important; }
#EditEventDetails td, #EditEventDetails th{ }
#EditEventDetails .field-calendar .btn{ background: var(--navy) !important; color: #fff !important}
#EditEventDetails .field-calendar input{ float: left;}

.table-innercontainer1 {padding: 1.25rem;}

.eventPage .incident .section{ font-weight: 700;}
.eventPage .incident .componentheading {font-size: 16px; line-height: 40px; font-weight: 700;  display: flex;justify-content: space-between;}
.eventPage .table th, .eventPage .table td{font-size: 16px;}

.col-title{ width: 20% !important;}
.col-Name{ width: 40% !important;}
.col-div{ width: 20% !important; font-weight: 600;}
.col-div1{ width: 20% !important;}

.eventPage .table th{ font-weight: 600;}
.linkicon a {margin: 0 2px}
input#EvntDivisions {border-radius: 5px !important;height: 38px !important;border: #ffffff;padding: 0.375rem 0.75rem;}
input#EvntLocationDesc, #EvntContact {border-radius: 5px !important;height: 38px !important;border: #ffffff; padding: 0.375rem 0.75rem; width: 100%;}
#filter-menu-wrapper .filter-menu .expanded{ min-width: 300px;}
.filter-menu label{ font-weight: 600;}
.py-2.taskset-headers > div{ font-size: 14px; font-weight: 700; line-height: 30px;}
.py-2.taskset-headers .col-md-4{ font-size: 22px;}
.py-2.task-header .col-lg-2.d-flex.align-items-center.justify-content-start { word-break: break-all;}
.py-2.task-header span.tasks-circle{ height: 24px;}
span.badge.badge-pill.bg-warning.text-dark{ background: var(--yellow) !important}
.task-header span{ padding: 5px 10px!important}
#tasklist .task.rounded.mb-1 {background: #E8E9EB !important; border-radius: 15px !important; margin-bottom: 10px !important;}
#tasklist .background-blue { background: var(--blue) !important}
#tasklist .task-header span.badge{display: block;width: 100%; margin: 0 0px 0 0;}
#tasklist .task-header .status-display{ margin-right: 10px;}
form#filters label > span { float: left;display: inline-block; width: 30%; padding: 10px 0;}
form#filters label input{ display: inline-block; width: 70%;}
#tasklist .task-header label{ margin-bottom: 0 !important}
#EditEventDetails td{ width: auto !important;}
.trainingSubtitle .activity > .summary{font-size: 126% !important; font-weight: 400 !important; margin-bottom: 0 !important; border:0 !important;}
#fb-ProgName-div{float: left;width: 60%;clear: both; margin-top:26px;}

/* Incident report comments session related */
.incident-comments table, .incident-comments td, .incident-comments tr, .incident-comments th { line-height:normal !important;}
.incident-comments table td { padding:12px 0 !important; vertical-align:top;}
.incident-comments .comment-text-td { width: 64%;padding-right: 10px !important;}

/* Nav menu lookup person */
.suggestion-result {border-bottom:1px dotted #a4a5a6;cursor: pointer;padding: 5px;}
.suggestion-result .suggestion-member {font-weight: 600; margin-bottom: 0rem;}
.suggestion-result .suggestion-member-unit {font-size: 15px;}
.suggestion-result .inactive {color: var(--red); text-decoration: line-through;}

.suggestion-result:hover {
    background-color: var(--navy);
    color: #ffffff;
}
#dashboardsearch {position: relative}
#dashboardsearch .autocomplete-suggestions {
    left: unset !important;
    top: 36px !important;
    right: 0;
    width:auto !important;
}
@media (max-width:575px) {
    .suggestion-result .suggestion-member, .suggestion-result .suggestion-member-unit {
        font-size: 14px;
    }
}
@media (max-width:340px) {
    .suggestion-result .suggestion-member, .suggestion-result .suggestion-member-unit {
        font-size: 12.5px;
    }
}

/* Personal Group history Add Unit */
#addUnit .row, #addAwardHistory .row, #addBadgeHistory .row{padding:  8px 0;}
#addUnit ul.token-input-list, #addUnit .btn.dropdown-toggle.btn-light{border:1px solid #ced4da;}
#addUnit a.btn.btn-navy, #addAwardHistory a.btn.btn-navy, #addBadgeHistory a.btn.btn-navy{margin-left:15px;}

/* Horizantal scroll Practise manage table  */
.scrollH .table-innercontainer{padding:1.25rem 0;width:100%;overflow:auto;}

/* Incident viewer Person tab */
.manuallyAddPerson form{ margin-bottom: 16px;}
.col-lg-9#member-name { font-weight: normal;padding-left: 0;}
#editPersonModal .modal-footer, #addPersonModal .modal-footer{ justify-content: flex-start;}
.row.greyBg{background: #f0f1f3;padding: 20px;}
.row.greyBg .table th{background: #fff;border-top: 0;}
.addManuallyLink{ margin: 16px 0 0 !important; display: inline-block;}

#editPersonModal .modal-content, #addPersonModal .modal-content{ background:#f1f2f3}
#editPersonModal .modal-dialog, #addPersonModal .modal-dialog { max-width: 600px;}
#editPersonModal .modal-header, #addPersonModal .modal-header{ padding: 0.8em 1rem;}

#editPersonForm .row > .col-lg-3{ padding-left: 0;}
#editPersonForm form, #addPersonModal form{ margin-bottom: 10px}
#editPersonModal, #addPersonModal{top: 50%;transform: translate(0%, -50%); height: fit-content;}
.addManuallyLink svg, .incident .table-innercontainer > a svg{ margin: -6px 0 0 0;}
#addPersonModal .searchDatabase button.btn.btn-navy{ margin: 0 !important}
#addPersonModal #add-member-name{ padding: 19px 14px;}

.linkToDatabaseSearch.row .col-lg-9 {margin: 0 !important;padding: 0 !important;}

.linkToDatabaseSearch.row {margin-top: 7px !important;}
.linkToDatabaseSearch.row .input-group-append>.btn{ height:32px;}
.scroll-div1 {
    overflow-x: scroll;
    overflow-y: hidden;
}

.scroll-div1 form {
    opacity: 0;
    height: 0;
    margin: 0;
}

.scroll-div2
{
    overflow-x: scroll;
}
.scroll-div2 form
{
    margin: 0;
}

.editVolunteerAssign{cursor:pointer;}

.btn-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.btn-navy, button.btn-navy{background-color: var(--navy) !important; color: #ffffff !important; border: 1px solid var(--navy) !important;}

.programmebuilder.list .row.justify-content-end [type="text"] {
    border-radius: 4px 0 0 4px !important;
    border: 1px solid #dee2e6 !important;
}
.programmebuilder.list .row.justify-content-end span.btn-navy {
    border-radius: 0px 4px 4px 0 !important;
}

/* MCQ Answer Attempt related  */
form .MultipleChoiceOptions:first-child{ margin: 16px 0 0;}
.MultipleChoiceOptions{ position: relative;}
.MultipleChoiceOptions input[type="radio"]{visibility: hidden; height: 0; width: 0; position: absolute;}
.MultipleChoiceOptions label { cursor: pointer;background: #1B1464; border-radius: 5px; color: white; padding: 9px 20px;font-family: 'Poppins'; font-style: normal; font-weight: 400;font-size: 16px;line-height: 24px;}
.MultipleChoiceOptions input[type="radio"]:checked + label{ background: #FFFFFF;border: 2px solid #1B1464; color:#1B1464;}
.MCQAnswerAttempt { margin: 10px 0 0;}
.AttemptRowBox span.nocnContent { display: block;}
.AttemptRowBox span.nocnContent > span{font-weight: 700;}

.accAttempt {cursor: pointer;color:#000;cursor: pointer; width: 100%; text-align: left;  border: none;  outline: none;  transition: 0.4s;  font-family: 'Poppins'; font-style: normal; font-weight: 700;font-size: 14.4px; line-height: 17px; padding: 12px 0; position: relative;}
.AttemptRowBox {display: none;padding: 0 18px;background-color: white;overflow: hidden;font-size: 14.4px;   line-height: 17px;color:#000;}
.AttemptRowBox.DisplayBlock {display: block;}
.accAttempt:after {content: "";float: right; background: url(../images/ArrowDownNew.svg) no-repeat right; transform: rotate(-90deg);position: absolute; width: 16px; height: 16px; right: 0px;top:14px;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out;transition: all .3s ease-out;}
.accAttempt.active:after {background: url(../images/ArrowDownNew.svg) no-repeat right; transform: rotate(0deg)}

/* End MCQ Answer Attempt related  */
.noteForm #lists {position: unset !important;width: 100% !important;height: 40px !important;padding: .375rem .75rem !important;border: 1px solid #ced4da !important;}
.noteForm #lists + div {display:none;}

.sectiontableentryTr .field-calendar input:disabled ~ button {background-color: #e9ecef;opacity: 1;}
.sectiontableentryTr .field-calendar .form-control:disabled + button, .sectiontableentryTr .field-calendar .input-append input:disabled + button{ pointer-events: none;}

.sectiontableentryTr input.ClsChkBoxes[type=checkbox]{ background: url(../images/crossMark.svg) no-repeat !important; border: 0;}
.sectiontableentryTr input.ClsChkBoxes[type=checkbox]:checked {background: url(../images/tickMark.svg) no-repeat !important;width: 16px; height: 16px; background-size: 16px !important; border: 0}
.sectiontableentryTr .field-calendar{width:100%;}
.sectiontableentryTr .field-calendar .input-append {position: relative;}
.sectiontableentryTr .field-calendar input:disabled ~ button { background-color: #e9ecef; opacity: 1; border: 1px solid #ced4da; border-left: none; padding-bottom: 4px !important;}
.sectiontableentryTr .field-calendar .input-append .btn { position: absolute; right: 0; top: 0;padding-bottom: 6px;}

.sectiontableheader th{}

.greenButton {     background-color: var(--green);color: #ffffff;border: 1px solid var(--green);font-size: .9rem;line-height: 1.5;border-radius: 0.25rem;display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;padding: 5px 10px;    cursor: pointer;}
.redButton {  background-color: #dc3545;color: #ffffff;border: 1px solid #dc3545; font-size: .9rem;line-height: 1.5;border-radius: 0.25rem;display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;padding: 5px 10px;    cursor: pointer;}
.greenButton:hover, .redButton:hover {color: #ffffff;}

#incidentReport .dropdown-menu.inner li{ list-style-type: none;}

#incidentReport input#IncidentDate, #incidentReport #IncidentLocation { border: 1px solid #ced4da; border-radius: 0.25rem; height: 40px; line-height: 40px !important; margin-bottom: 4px;}
#incidentReport ul.token-input-list, .bootstrap-select > .dropdown-toggle{ border: 1px solid #ced4da; border-radius: 0.25rem; padding: 0.176rem .60rem;}
#incidentReport ul.token-input-list li{ font-weight: normal; font-size: 1rem; color: #495057;}
#incidentReport .col-lg-3 .dropdown.bootstrap-select.form-control{ height: auto !important;}
#incidentReport .form-control  .selectpicker  + .btn.dropdown-toggle{border: 1px solid #ced4da !important; border-radius: 0.25rem; padding: 5px 16px !important; height: auto !important;}
#incidentReport .filter-option-inner-inner{ font-size: 1em; font-weight: normal;}

.table-innercontainer .table-responsive .dropdown-menu {
    transform: none !important;
    right: 0px !important;
    top: 39px !important;
    left: unset !important;
}

.actionTextArea textarea{
    resize: vertical !important; /* user can resize vertically, but width is fixed */
    height: 60px;
}

/* Event template action popup related */
#events_dialog .modal-body{font-size: 15px;}
#events_dialog form{ margin-bottom: 10px; font-size: 14px;;}
#events_dialog input[type="checkbox"] {margin: 0px 9px -3px 0;}
#events_dialog .details{ height: 10px !important;}
#events_dialog .submit{background-image:none;font-weight: 400;border: 1px solid transparent;font-size: .9rem;line-height: 1.5;border-radius: .25rem;
padding: 5px 10px;margin: 0 8px 0 0;cursor: pointer;}
#ui-datepicker-div td{padding: 4px!important;}
#ui-datepicker-div td a{ text-align: center !important;}
#electionform .form-group{ min-height: 64px;}
#electionform .field-calendar{ width: 100%;}

/* ParadesMemberDetail */

@media( max-width: 480px )
{
    .ParadesBookMemberDetail td{ word-wrap: anywhere;}
    .ParadesBookMemberDetail tr.ParadesRow{display: flex;flex-wrap: wrap;}
    .ParadesBookMemberDetail tr.ParadesRow label{ padding:0;}
    .ParadesBookMemberDetail th {width: 30%;}
    .ParadesBookMemberDetail td {width: 70%;}
    .ParadesBookMemberDetail .ParadesRow th, .ParadesBookMemberDetail .ParadesRow td{padding: .50rem !important;}
}

.edit td{position: relative;}
.errorCls{display:none;position: absolute;top: 46px;font-size: 12px;color: #f00;}
.form-control.invalid + .errorCls {display: block!important;}

.dofeAwardCls {width: 50%;}
.child-section > .card > .table-responsive > .table tr .dofeAwardCls tr{ height: auto !important;}
.dofeAwardCls .table-responsive{ padding:0}

.reportincident .NearMissCls.field_checkbox{max-width: 96px;}
.reportincident .NearMissCls.field_checkbox label{float:right !important;padding-top: 3px;}

.reportincident #fb-IncidentDateTimeEst-div {max-width: 220px !important;}
.reportincident #fb-IncidentDateTimeEst-div .input {padding: 8px 0px 0px 0px !important;}

#actionsForm .bootstrap-tagsinput .tag{
    background-color: #1b1464;
}

#eventTemplateActions tbody .badge {
    font-size: 87%;
}

#actionsForm .radio {
    margin-top: 30px;
  }
#actionsForm .radio label {
    color: #fff;
    border: 1px solid #ffffff;
    position: relative;
    margin: 0px;
    border-radius: 5px;
    padding: 7.9px 10px 7.9px 30px;
}
#actionsForm .radio label input {
    position: absolute;width: 0;height: 0;
    visibility: hidden;opacity: 0;
}
#actionsForm .radio label span::before,
#actionsForm .radio label span::after {
    content: "";
    position: absolute;

    width: 18px;height: 18px;
    border: 1px solid #fff;
    border-radius: 50%;
    top: 8px;
        left: 6px;
}
#actionsForm .radio label span::after{opacity: 0;background-color: #fff;}
#actionsForm .radio label input:checked ~ span::after {opacity: 1;}
#actionsForm textarea {
    height: 116px;
}
#actionsForm .dropdown.bootstrap-select {
    margin-top: 0;
}
#actionsForm .addLinkBtn {
    border-radius: 5px;
    padding: 5.5px 10px 5.5px 10px;
    border: 1px solid #fff;
    font-weight: 400;
    color: #fff;
    font-size: .9rem;
  }
#actionsForm .addLinkBtn i {color: #fff;}
.tableDropdownList {
    display: flex;flex-wrap: wrap;
    gap: 15px;
}
.tableDropdownList li {
    width: calc(50% - 7.5px);
    position: relative;padding-left: 15px;
}
.tableDropdownList li::before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    display: inline-block;
    background: #1B1363;
    border-radius: 50%;
    left: 0;
    top: 5px;
}
.tableDropdownList li:last-child { width: 100%; }
#eventTemplateActions td {background-color: #fff;}
#eventTemplateActions .actionNameCol {width: 250px !important;max-width: 250px;}
#eventTemplateActions tr td:nth-child(4){
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 250px !important;
    max-width: 250px;
}
.actionTags{
    border-radius: 30px;
    padding: 3px 7px;
    background-color: #14C2A3;
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
}
#actionsForm .bootstrap-tagsinput .tag {
    display: inline-block;
}
#changelogFilterForm .js-calendar {
    bottom: unset !important;
    top: 34px !important;    margin: 0 !important;
}

#changelogFilterForm .field-calendar {
    position: relative;
}

.maxCol { width: max-content; }

#memberInfoModal .bg-green {
    background: var(--green);
}

#memberInfoModal .closeInfo {
    background: none;
}

.maxCol { width: max-content; }

.scrollTable {

	max-width: 100%;
	height: 510px;
	overflow-x: auto; padding-left: 0 !important;
	margin-bottom: 10px;

  }

.scrollTable td {
  text-align: center;
}
.scrollTable tr>th:first-child,.scrollTable tr>td:first-child {
    position: sticky;
    left:0px;
    background: #f0f1f3;
    width: 200px;
    text-align: left;
  }

  #attendeesChart .google-visualization-tooltip { width: 220px; }




.prog-list {
    background: #fff !important;
}
.prog-list .table-innercontainer{
    padding: 0px;
}

.fieldEmptyWarning { border: 2px solid red;}
#fb-ScheduleDate {width: 100%;}

#practiceExp_filter label, #assessedExp_filter label, #assessedSubgroup_filter label,  #practiceSubgroup_filter label{
    text-align: right;
}

#assessedExp_wrapper .col-sm-12, #practiceExp_wrapper .col-sm-12, #assessedSubgroup_wrapper .col-sm-12, #practiceSubgroup_wrapper .col-sm-12 {
    overflow: auto;
}

/*  News related css */
.carousel-news h1 {padding: 0 12px 15px; }
.carousel-news h1 + p { display: none;}
.carousel-news {max-width: 1040px; margin: 0px auto;box-sizing: border-box; padding: 0px 0px 100px 0px;}
.carousel-news ul{display: flex;flex-wrap: wrap; width: 100% !important; top: 0 !important;}
.carousel-news ul li {width: 33.33%; padding:0 7.5px 15px;}
.carousel-news li .carouselitem { background-color: var(--blue);height:100%; padding: 18px;text-align: center; border-radius: 5px;color: #ffffff !important;position: relative;}
.carousel-news .red{background-color: var(--red) !important;}
.carousel-news .green{background-color: var(--green) !important;}
.carousel-news {max-width: 1040px; margin: 0px auto;box-sizing: border-box; padding: 0px 0px 100px 0px;}
.carousel-news .jcarousel.items > ul {width: 100% !important;height: 100%;}
.carousel-news .jcarousel.items > ul > li {width: 100% !important;}
.carousel-news .jcarousel.items > ul > li ul {display: flex;flex-wrap: wrap; width:100% !important}
.carousel-news .jcarousel.items > ul > li ul li{width: 33.33%; padding:0 7.5px 15px;}
.carousel-news .details {background-color: var(--blue);height: auto;padding: 18px 18px 48px;text-align: left;border-radius: 0 0 5px 5px;color: #ffffff !important;position: relative;}
.carousel-news  .thumbnail.item-image { width: 100%; height: 220px; background-size: cover; border-radius: 5px 5px 0 0; margin-bottom: 0;}

.carousel-news.closer, .custom_calltoaction.closer { padding-bottom: 30px; }

.carousel-news ul.latestnews li .details .name {line-height: 17px; min-height: 50px; font-size: 90%; font-weight: 700; margin-bottom: 0px; display: block;}
.carousel-news ul.latestnews li .details {background-color: var(--blue); }
.carousel-news ul.latestnews li:nth-of-type(4n+1) .details {background-color: var(--yellow); }
.carousel-news ul.latestnews li:nth-of-type(4n+2) .details {background-color: var(--green); }
.carousel-news ul.latestnews li:nth-of-type(4n+3) .details {background-color: var(--red); }

.carousel-news ul.latestnews li .details a {position: absolute;font-weight: 500;color: #ffffff;background-color: var(--navy);padding: 5px 20px 5px 8px;border-radius: 5px;background-image: url(/images/structure/whitearrow.png);background-position: right 5px center;font-size: 65%;left: 18px;bottom: 18px;}
.carousel-news ul.latestnews li .details .share {position: absolute;bottom: 15px;right: 20px;z-index: 20;}

@media screen and (min-width: 0px) and (max-width: 850px) {
.carousel-news .thumbnail.item-image{height:160px;}
.carousel-news .details{ padding-bottom:60px}
}

@media screen and (min-width: 0px) and (max-width: 600px) {
.carousel-news .jcarousel.items > ul > li ul li {width: 50%;margin: 0;}
}

@media screen and (min-width: 0px) and (max-width:480px) {
.carousel-news .details{padding:12px 10px 50px}
.carousel-news .thumbnail.item-image {height: 100px;}
.carousel-news ul.latestnews li .details a{left:10px; bottom:10px;}
.carousel-news ul.latestnews li .details .share {bottom: 10px;right: 10px;}
.carousel-news .jcarousel.items > ul > li ul li{padding:0 5px 10px}
}
/*  End News related css */


#eventTemplates tr > th:first-child, #eventTemplates tr > td:first-child{background: none !important;width:50px !important}
.table-outercontainer .camp-report-heading { font-size: 16px; }

#stackChart { height: 670px; width: 100%; overflow: scroll;}

.dofe-stats div.google-visualization-tooltip { width: 260px; }

.completed-stats { height: 300px; overflow-y: scroll;}
#dofeAllStatsData, #dofeCompletedStats {
    border-collapse: initial;
}
#dofeAllStatsData .headingRow th{ text-align: center; font-size: 17px;}
#dofeAllStatsData .subHeadingRow th{ text-align: center; }
#dofeAllStatsData td{ text-align: center;border-top: 1px solid #dee2e6 !important;}

#dofeCompletedStats .subHeadingRow > th {position: sticky; top: 0; background: #f0f1f3; z-index: 2;}
#dofeCompletedStats .subHeadingRow th{ text-align: center; }
#dofeCompletedStats td{ text-align: center; border-top: 1px solid #dee2e6 !important;}

#dofeAllStatsData tr > *:not(:last-child) , #dofeCompletedStats tr > *:not(:last-child) { border-right: 1px solid #dee2e6; }

.schedulelist .tomatoColor {
    color: var(--red);
}
.schedulelist  .jcarousel-control a {
    margin-top: 30px;
}
.schedulelist .jcarousel-next-prev {z-index: 2;position: relative;}

.dofe.child-section td label{padding-bottom: 10px; display: inline-block;}
.bronze td:first-child, .Notes_Bronze td:first-child, .Notes_Silver td:first-child, .Notes_Gold td:first-child, .silver td:first-child, .gold td:first-child{width: 100%;}
.dofeAwardCls td{border-top:0;}

.dofeAwardCls .saveBtn, .Notes_Gold .saveBtn, .Notes_Bronze .saveBtn, .Notes_Silver .saveBtn{ background:none;}
.dofeAwardCls label {padding: 0;}

/* Toggle hide check box in programme related */
.ProgToggleChk{position: relative;display: flex !important;justify-content: flex-end;padding-right: 78px;}
.ProgToggleChk .input{position: absolute;right: 0%;}
.ProgToggleChk label{padding-top:5px;}
.ProgToggleChk input[type="checkbox"] {position: relative;width: 60px;height: 26px;-webkit-appearance: none;background: #c6c6c6;
outline: none;border-radius: 20px;box-shadow: inset 0 0 5px rgba(255, 0, 0, 0.2);transition: 0.7s;}
.ProgToggleChk input:checked[type="checkbox"] {background: #03a9f4;}
.ProgToggleChk input[type="checkbox"]:before {content: '';position: absolute;width: 26px; height: 26px;border-radius: 20px; top: -1px;left: 0; background: #fff;transform: scale(1.1);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);transition: .5s;}
.ProgToggleChk input:checked[type="checkbox"]:before {left:32px;}
#fb-ActMain-items .item ~ .item .ProgToggleChk{display: none !important;}
/* End Toggle hide check box in programme related */

.participants table select{padding:3px !important; height: auto !important; font-size: 14px !important;}
.participants table input[type=checkbox]{margin-right: 0 !important;}

.change-log table td{overflow-wrap: anywhere;}

.emoji-container {
    padding-right: 100px;
}
.fg-emoji-container{right: 40px !important;left: auto !important;}
.emoji-btn{background: #1b1464;width: auto;display: inline-block;position: absolute;
    right: 15px;
    bottom: 0px;
    padding: 4px 14px;
    border-radius: 0 5px 6px 0px;
    cursor: pointer;
}


.AddToCourseCls{ width: 100%; margin-bottom: 10px;}
.AddToCourseCls .field-calendar {float: left; width: 165px;    margin-right: .5rem;}
.AddToCourseCls .field-calendar .input-group { -ms-flex-wrap: nowrap;flex-wrap: nowrap !important; }
.AddToCourseCls #DeadlineDate {width: 81% !important;}
 #DeadlinetHours, #DeadlineMinutes { height: 34px !important; }
.AddToCourseCls .HoursMinutesCls{display: inline-block; margin:0 1px;}
.AddToCourseCls .errorCls{position: relative;top: 0;;}

.TopTypeRadioBox .checkboxBtnCorrect {width:100%;}

.TopTypeRadioBox .checkBox-container{ background-color:#fff;
    padding: 7px 10px;
    width:320px;
    border-radius: 5px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 13.6px;
    line-height: 20px;
    color: #1B1464;
}

.imgview img{width:30%}
span.deletebtn {
    cursor: pointer;
    position: absolute;
    color:var(--navy);
    margin: 0 0 0 16px;font-size: 18px;
  }

.fbdropzone .dz-preview .dz-details{left:140px !important;}
.fbdropzone .dz-preview .dz-details .dz-filename {white-space: inherit !important;width: 100% !important;max-width: 240px !important;}
.fbdropzone .dz-preview .dz-details .dz-size{width: 100% !important;max-width: 240px !important;}

.GreyCls{color: grey;}


#AddBulkMembersContainer form{width:100%;}
#AddBulkMembersContainer textarea{ margin-bottom: 16px; margin-top: 10px;}
.showAddBulkMembers{
	background-image: url(/images/jlgb/addnavy.png);
    background-size: 22px 22px;
    background-position: 0px 10px;
    padding-left: 30px; 
	/* position: absolute;
    right: 210px;
    bottom: 3px;
    float: right; */
    cursor: pointer;
    color: var(--navy) !important;}
	.showAddBulkMembers input{display: none !important;
}
.GroupListPBtn{display: flex; align-items: center;}
.rightSideBtn {display: flex; justify-content: end; width: 100%;flex-flow: wrap;}
.GroupListPBtn .btn{ margin-right: 10px;}
.showAdvancedLabel{margin-left: 20px;}
@media( max-width: 641px ){
	.GroupListPBtn{ flex-flow: wrap;}
	.rightSideBtn{ width: 100%;}
}

.profileheader{ display: flex; flex-flow: wrap; align-items: center;}
.profile-pic-section {width: 100px; margin-right: 20px; position: relative;}
.profile-pic-section .profile-pic{width: 100px; height: 100px;border:2px solid #1B1363;	border-radius: 50%;}
.profile-pic-section #updateProfilePicPath {width: 200px;}
.profileheader .profile-pic-section a {background: none; padding: 0;color:#1B1363 !important; position: absolute; top: -2px; right:-20px; font-size: 16px;}
#profile-placeholder {border:1px solid #00d4fd}
#editProfilePic .remove-image {padding: 0px 7px; border: 1px solid #fff;border-radius: 18px;background: #dbefed;position: absolute;top: 4px;right: -96px;cursor: pointer;}
#confirm-camps{margin-left: 15px;}

.max-length-msg {padding:10px; color: #856404; background-color: #fff3cd; border-color: #ffeeba;}

#addScheduleActionModal .medication-action-sections {display: none;}

#medication-profile{padding-left: 124px;margin-bottom: 20px;border-bottom: var(--navy) solid 1px;padding-bottom: 38px;}
#medication-profile .profile-pic-section {margin-right: 0; position: absolute;left: 20px;}
#medication-profile div#memberName {width: 100%;}
#medication-profile div#memberGender {width: 100%;font-size: 18px;font-weight: normal;}
#issueMedicationModal {z-index: +1111;}
div#issueMedicationModal {color: #1B1464;}
#addScheduleActionModal .med-given-form{margin:0 -15px;}
#medicationName.col-lg-4{padding:0;}
#addScheduleActionModal .med-given-form{margin:0 -15px; display: flex;flex-wrap: wrap;}
#medGivenTime{height:34px;}
#addScheduleActionModal .med-notgiven-form{margin:0 -15px;}

#medicationScheduleData.table th{padding-left: 0.5rem}
#past-action .mt-3 > label{ width:100%;}
#past-action .mt-3 {display: flex;flex-wrap: wrap;}
#past-action .mt-3 .field-calendar{width: 50%;}
#past-action .mt-3 #pastMinute,#pastHour {height: 35px !important;width: calc(20% - 20px);margin: 0px 10px !important;border: #ced4da solid 1px;border-radius: 4px; padding: 5px;}
#past-action .js-calendar, #as-required-action .js-calendar{margin-top: -200px !important;}
#refused-action, #skipped-action, #past-action{color:var(--navy) !important;}
#refused-action h4, #skipped-action h4, #past-action h4 {font-size: 20px;}
label.CampsradioBtn{ position: relative;}
.CampsradioBtn input[type="radio"] {display: none;}
.CampsradioBtn {display: inline-block;cursor: pointer; position: relative;padding-left: 24px !important; user-select: none;}
.CampsradioBtn span:before {content: ''; position: absolute; left: 0;top: 50%;transform: translateY(-50%); width: 16px;height: 16px; border: 1px solid var(--navy) !important;border-radius: 50%; background-color: #fff;transition: background-color 0.3s;}
.CampsradioBtn input[type="radio"]:checked + span:before {background-color: var(--navy) !important;box-shadow: inset 0px 0px 0px 2px #fff !important;}
.CampsNotes{ display: block; color: #939090;font-style: italic;margin: 10px 0 0;}

#getCampMedications .time-from, .time-to{width: 60px;}
#getCampMedications .med-times select{display:inline;height: 35px !important;padding:5px;}
.modal-open .js-calendar .btn-group button, #getCampMedications .js-calendar .btn-group button{ line-height: 1.5}	
#as-required-action .btn-align-right {float: right;}
#as-required-action .as-requiredbtns{border-bottom: 1px solid #ced4da;padding-bottom: 4px;}
#as-required-action .as-requiredbtns .tab-btn{ border-radius: 5px 5px 0 0; padding:5px 13px; border: 1px solid #ced4da;cursor: pointer;margin-right: -3px !important;}
#as-required-action .as-requiredbtns .tab-btn.active{  background: #1B1464;color:#ffffff;border:none;}
#as-required-action .as-required-contents h4{color:#1B1464;font-size: 20px;}
#as-required-action #medGivenHour,#as-required-action #medGivenMinute{width: calc(40% - 20px); display:inline;}
#medicationIssueList_wrapper .table-responsive {overflow-x: auto !important;}
#medicationIssueList_wrapper .table-responsive table {width: 1200px !important;}

#addMedicationModal #addPerson ul { border: 1px solid #ced4da; height: 32px !important; }
#addMedicationModal #addPerson ul li{margin: 0px;color: #212529;font-size: .9rem;line-height: 1.5;padding: 3px 8px;font-weight: normal; }

#addMedicationModal .calendar-container .time-hours, #addMedicationModal .calendar-container .time-minutes  { width: 80% !important; border-radius: 8px; padding: 6px; height: 39px !important; }

#showHistoryBtn{ align-items: flex-end;}

.confitmMedicationIssue {width: 576px !important; }
.confitmMedicationIssue .swal-title {background: var(--blue);color:#fff;align-items: flex-start;justify-content: space-between;padding: 15px;border-bottom: 1px solid #e9ecef;border-top-left-radius: .3rem;border-top-right-radius: .3rem;text-align: left;margin-top: 0;font-weight: bold;}
.confitmMedicationIssue .swal-content{align-items: flex-start;text-align: left;}
.confitmMedicationIssue .swal-content__div label{color: var(--navy) !important; font-size: 16px !important;}
.confitmMedicationIssue .swal-footer {margin-top: 5px;border-top: 1px solid #E9EEF1;overflow: hidden;}
.confitmMedicationIssue .swal-text{color: var(--navy) !important; font-size: 18px !important; width: 100%;}
.confitmMedicationIssue .swal-content__div label{text-transform: inherit;}
#custom-days .custom-day-checkbox{margin: 0px auto -3px auto !important;display: block !important;}
#custom-days {overflow: auto;max-width: 960px;}

#reactivateMemberModal form {margin:0; padding: 0;}
#reactivateMemberModal .row{ display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 15px -15px !important}
#reactivateMemberModal .token-input-list{border: 1px solid #ced4da;}
#reactivateMemberModal .warning-message{margin-top: 0px !important;}
#reactivateMemberModal .warning-message strong{margin: 0px 15px;}

.PLinkedRedirect { display: flex !important;}

.swal-text-center .swal-text{text-align: center;}
#newStatusDiv .bootstrap-select {width: 100%;height: auto;border: 0;}
body .bootstrap-select .dropdown-menu .notify {	background: #fff1c4;	border: 2px solid #f9b000;	opacity: 1;}

.roomMemberList td{ padding: 0 .75rem .75rem !important;  border-top: none; }

.table-innercontainer #FilterByCategoryNameDiv {margin: 0 0 20px; padding: 0;}
.table-innercontainer #FilterByCategoryNameDiv .bootstrap-select .btn { font-weight: 400 !important;}
.table-innercontainer #FilterByCategoryNameDiv .bootstrap-select {height: calc(1.5rem + 8px);}


.event-action-filter .bootstrap-tagsinput .tag [data-role="remove"] { padding: 0; }
.event-action-filter .bootstrap-tagsinput .tag [data-role="remove"] { padding: 0px; }
.event-action-filter .filter-menu label { display: flex; }
.event-action-filter form#filters .bootstrap-tagsinput { max-width:unset; min-width: unset; padding: 0; border: 1px solid #ced4da !important; }
#filter-menu-wrapper.event-action-filter  .filter-menu { overflow: visible; }
.event-action-filter form#filters label > span { max-width: 99.23px; }
.event-action-filter .field-calendar .input-group { -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
.event-action-filter .field-calendar .input-group input { border: 1px solid #ced4da !important; border-right: none !important;    border-radius: 0.25rem 0 0 0.25rem !important;}
#filter-menu-wrapper.event-action-filter  .filter-menu .filter-menu-form button { margin-top:0 !important;}
.event-action-filter form#filters label ul.token-input-list { z-index: 0; }
.event-action-filter form#filters .bootstrap-tagsinput input { margin-top:0 !important }
.typeahead__list li{ list-style-type: none; }
.event-action-filter form#filters .bootstrap-tagsinput .tag { margin: 0 0 0 6px !important; }
.event-action-filter ul.token-input-list li input { border: 1px solid #ced4da !important;}
.event-action-filter .submit {padding: 5px 20px 5px 10px; background-size: 7px auto;}
#noteAssignees .badge-info { color: #fff;  background-color: #22c2a4;}
.notificationTable .badge-info {background-color: #22c2a4 !important;  }
.notificationTable .badge-info:not(.circle) {min-width: 73px !important;width:auto !important; }
.notificationTable .badge {font-size:0.80rem !important; }
.filter-menu-header.expanded .applied-filter{display: none};
.filter-menu span.applied-filter { font-weight: normal !important; }
.assignee-list{border-bottom: 1px dotted #000000;}

.toggleIcon{ position: absolute; right: 0; top:0;}
.event-task-details{ display: flex; align-items: center; flex-wrap: wrap;}
.event-task-details > .row{ width:100%;}
div.token-input-dropdown ul li { border-bottom: 1px dotted #ccc;color: #212529;font-size: 15px;}
div.token-input-dropdown ul li:first-line { font-weight: 600; margin-bottom: 0rem; font-size: 1rem; }
.swal-button--confirm { background-color: var(--navy)!important;} /* For Send an Email Confirmation */
.swal-button--confirm button:hover{ background-color: var(--navy)!important;} /* For Send an Email Confirmation */

.incidentActionSection .taskset-headers.row { padding-left: 15px;}
.incidentActionSection .row.py-2.task-header > div, #tasklist .task-header.incidentActionSection .status-display {
    padding-left: 15px !important; padding-right: 15px !important;
}
#tasklist .task-header .status-display { min-width: 100px;}
.taskset-headers .col-lg-8.col-xl-7 > .row, .event-task-details > .row{	gap: 10px;}
.taskset-headers .col-lg-8.col-xl-7 > .row > div, .event-task-details > .row > div { padding: 0;}
@media only screen and (max-width: 991px) {
.incidentActionSection .task-header .col-lg-8 { -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; width: auto !important;}
.taskset-headers .col-lg-8.col-xl-7 > .row, .event-task-details > .row { gap: 4px;}
#tasklist .incidentActionSection .task-header label { max-width: 320px;}
}
@media only screen and (max-width: 767px) {
#tasklist .incidentActionSection .task-header label { max-width: 120px;}
}

.hide_section { display: none; }
#detailsTabs ~ .tabcontent .card-header { background-color: #61D0FA !important;}
#detailsTabs .nav-link.active, #detailsTabs .nav-link:hover { border-color: #61d0fa #61d0fa #fff; border-bottom: none; text-decoration: none;}
.ChkEventArchiveCls { display: flex; padding: 10px 0 15px;}
.ChkEventArchiveCls input[type="checkbox"] { margin-top: 2px;}
.ChkEventArchiveCls label { margin: 0; padding: 0px;}

#ShowFormCls .displayColumn > label + div { display: flex; align-items: center;  justify-content: space-between;}
#ShowFormCls .displayColumn > label + div select { width: 46%;}
.accessCal .input-group { flex-flow: nowrap;}

.grp-mailtags {margin:2px;}
.dashboard_article ._quicklinks.quick_links_section .level-1 { grid-template-columns: 1fr; grid-template-areas: unset;padding-left: 0;}
.dashboard_article ._quicklinks.quick_links_section .level-2 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;padding-left: 0;}
.dashboard_article .quicklinks .level-2,
.dashboard_article .quicklinks .level-1 { padding-left: 0 !important; }
.moduletable._quicklinks + br {
    display: none;
}
@media (max-width:768px) {
	.dashboard_article ._quicklinks.quick_links_section .level-2 { grid-template-columns: 1fr 1fr 1fr 1fr;}
}
@media (max-width:600px) {
	.dashboard_article ._quicklinks.quick_links_section .level-2 { grid-template-columns: 1fr 1fr 1fr !important ;}
}
@media (max-width:325px) {
	.dashboard_article ._quicklinks.quick_links_section .level-2 { grid-template-columns: 1fr 1fr !important ;}
}

/* datatable related css block */
.dt-paging nav{display: flex; justify-content: end;}
.dt-paging button { position: relative; display: block !important; padding: .5rem .75rem !important; margin-left: -1px !important;
    line-height: 1.25; color: #007bff !important; background-color: #fff !important; border: 1px solid #dee2e6 !important;
	font-weight: 700 !important;
}

.dt-paging button.current, .dt-paging  button:hover{ background: #007bff !important; color:#fff !important;}
.dt-paging button.first, .dt-paging button.last { display: none !important; }
 div#attendanceMemberslist_info { padding: 10px 0;}
.dt-search {display: flex; justify-content: end;align-items: baseline; }
.dt-search label{padding-right:16px}
.dt-search input:focus{outline: 0;}
.dt-search input{border: 1px solid #ced4da;padding: .375rem .75rem; border-radius: .25rem;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
#attendanceMemberslist_wrapper .dt-length { display: flex; align-items:center; }
#attendanceMemberslist_wrapper .dt-length select{ order:2;}
#attendanceMemberslist_wrapper .dt-length label{ order:1;width:150px; margin:0 }
button.dt-paging-button.previous:before, button.dt-paging-button.next:before { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0;
    content: "Previous"; font-size: 16px; padding: .5rem .75rem;
}
button.dt-paging-button.next:before{ content: "Next";}
button.dt-paging-button.next {font-size: 0; width: 64px;}
button.dt-paging-button.previous {font-size: 0; width: 102px; height: 38px;}

button.dt-paging-button.disabled {color:#6c757d !important;}
button.dt-paging-button:focus{outline: 0;}
/* datatable related css block */

.SendEmailcalender .icon-calendar { pointer-events: none; width: 32px; height: 32px; background-color: var(--navy); border-radius: 0 0.25em 0.25em 0; position: absolute; right: 15px; padding: 5px 0 0;}
.SendEmailcalender .hasDatepicker { width: 100%; border-radius: 0.25em; }
.SendEmailcalender .icon-calendar:before {content: '\f073 '; font-family: FontAwesome;color: #fff;right: 8.5px; position: absolute;}
.sendEmailTimes .wrtp-wrapper .wrtp-inner-wrapper{margin-top: 0;}

#newAttchedFile span { white-space: normal; word-break: break-all; margin-top: 15px; }
#addCommentFileBtn { margin-top: 15px; }

#campHistoryContent .cancelled {font-style: italic; color: red;}
#campHistoryContent .cancelled i {color: red;}

li.indentedCls {list-style-type: none !important;}
li.indentedCls > ul li {list-style-type: circle !important;}

.cancelbtnPostion {order: 2;}
.caseSensitivetext {text-transform: inherit;}
.groupListConfirmPage .input-group button:last-child {position: absolute;right: 0; z-index: 9;}
.groupListConfirmPage .BottomSingleElementCls .field-calendar {float: none; margin-bottom: 20px; width: 30%;}
.modal.show ~ .modal.show {background: rgba(0, 0, 0, 0.3)}

.NotifyToggleChk input[type="checkbox"] {margin: 0px 5px -3px 5px;}
.NotifyToggleChk {padding-right: 0; justify-content: flex-start;}

/*
form#incidentGroupFilterFrm { background: #f0f1f3; margin: 0; padding-left: 50px;}
form#incidentGroupFilterFrm label { margin: 0; padding: 20px 0px 0 0px; display: inline-block;}
form#incidentGroupFilterFrm ~ div#viewIncidents .table-innercontainer {padding-top: 5px;} 
form#incidentGroupFilterFrm label input { margin: 0px 2px 0 12px;  position: relative; top: 2px;}
@media (max-width:425px) {    
    form#incidentGroupFilterFrm label {
        margin: 0;
        padding: 20px 20px 0;
    }
}
*/