#wrapper #content form.exit-pdt { padding-bottom:50px; }
#wrapper #content form.exit-pdt input.exit-pdt-button { cursor:pointer; padding: 10px 20px 10px 50px; font-size:16px; line-height:16px; color:var(--primary-font-color); font-style:italic; background-color:var(--white); background-image:url(../images/arrow-left.svg); background-repeat:no-repeat; background-position:20px center; border:solid 2px var(--dark-blue); border-radius:50px; transition:var(--transition); }
#wrapper #content form.exit-pdt input.exit-pdt-button:hover { background-color:var(--light-grey); }

#wrapper #content #pre-departure-training.pdt-main { background-color:var(--dark-blue); border-radius: 0 10px 10px 0; }
#wrapper #content #pre-departure-training div#pdt-header { }

#wrapper #content #pre-departure-training.noprogress div#pdt-header { margin:0px 4px; padding-top:15px; }
#wrapper #content #pre-departure-training.noprogress div#pdt-header div#pdt-header-top { }
#wrapper #content #pre-departure-training.noprogress div#pdt-header div#pdt-legend { }

#wrapper #content #pre-departure-training fieldset {overflow:hidden;border:0px;}
#wrapper #content #pre-departure-training fieldset #progress {margin-top:0px;margin-bottom:12px;}

#wrapper #content #pre-departure-training div#pdt-header div#pdt-header-top {overflow:hidden;padding:11px 11px 12px 11px; }
#wrapper #content #pre-departure-training div#pdt-header div#pdt-header-top h3 {}
#wrapper #content #pre-departure-training div#pdt-header div#pdt-header-top input#pdt-close {display:block;width:20px;height:20px;background-image:url(../images/passports-close.gif);text-indent:-9999px;float:right;border:none;background-color:transparent;cursor:pointer;font-size:0px;padding:0px;}
#wrapper #content #pre-departure-training div#pdt-progress {padding:0 0 20px 0; background-color: var(--white);}
#wrapper #content #pre-departure-training.pdt-main div#pdt-progress { padding:20px; }
#wrapper #content #pre-departure-training div#pdt-progress #pdt-progress-percent {float: left; width: 42px; height: 10px; background-color: var(--white); font-size: 10px; line-height: 10px; text-align: center; font-style: italic;}
#wrapper #content #pre-departure-training div#pdt-progress #pdt-progress-bar {height: 10px; margin-left: 42px; background-color: var(--grey); background-image: url(../images/progress-bar.gif); background-repeat: no-repeat; background-position: -700px 0px;}

#wrapper #content #pre-departure-training div#pdt-header #pdt-header-bottom {overflow:hidden;}
#wrapper #content #pre-departure-training div#pdt-header #pdt-header-bottom input {float:left;}
#wrapper #content #pre-departure-training fieldset { margin:0px 4px 4px 4px;; background-color:var(--white); }
#wrapper #content #pre-departure-training fieldset h4 {font-size: 20px; line-height: 27px; color: var(--primary-font-color);}
#wrapper #content #pre-departure-training fieldset ul, #wrapper #content #pre-departure-training fieldset ol {padding:0px 0px 0px 20px;}
#wrapper #content #pre-departure-training fieldset ul li, #wrapper #content #pre-departure-training fieldset ol li {margin:16px 0px;}
#wrapper #content #pre-departure-training .btncontainer {margin-top:20px;}

#wrapper #content #pre-departure-training fieldset textarea.fullsize {width:659px;height:128px;margin-top:9px;}
#wrapper #content #pre-departure-training fieldset #columns { display:flex; justify-content: center;}
#wrapper #content #pre-departure-training fieldset #leftcol { flex:0 0 50%; max-width:444px; margin:8px;}
#wrapper #content #pre-departure-training fieldset #rightcol { flex:0 0 50%; max-width:444px; margin:8px;}

#wrapper #content #pre-departure-training fieldset .complete { overflow:hidden;margin-bottom:12px;}
#wrapper #content #pre-departure-training fieldset .complete img { display:block; margin:0 auto; width:129px; height:72px; object-fit: cover; }
#wrapper #content #pre-departure-training fieldset .complete div { font-size:14px; line-height: 19px; }
#wrapper #content #pre-departure-training fieldset .complete div strong {display:block;margin:10px 0;font-size:20px; line-height:27px; color:var(--primary-font-color); text-align: center; }
#wrapper #content #pre-departure-training fieldset .incomplete {overflow:hidden;margin-bottom:12px;}
#wrapper #content #pre-departure-training fieldset .incomplete img { display:block; margin:0 auto; width:129px; height:72px; object-fit: cover; }
#wrapper #content #pre-departure-training fieldset .incomplete div { font-size:14px; line-height: 19px; }
#wrapper #content #pre-departure-training fieldset .incomplete div strong {display:block;margin:10px 0;font-size:20px; line-height:27px; color:var(--primary-font-color); text-align: center; }
#wrapper #content #pre-departure-training fieldset .incomplete .btnredsmall {margin-top:8px;}

.pdtbox { flex:0 0 50%; }
.pdtbox.incomplete { cursor:pointer; border-radius:10px; }
.pdtbox.incomplete:hover { background-color:var(--light-grey); }
.pdtbox.incomplete .pdtboxhead { padding:12px 50px 12px 12px; font-size:16px; line-height:16px; color:var(--white); text-align: right; font-style:italic; background-color:var(--red); background-image:url(../images/exclamation-white.svg); background-repeat:no-repeat; background-position:right 10px center; }
.pdtbox.incomplete .pdtboxcontent { border-left:solid 2px var(--red); border-right:solid 2px var(--red); border-bottom:solid 2px var(--red); border-radius:0 0 10px 10px; }
.pdtbox.complete {  cursor:pointer; border-radius:10px; background-color:var(--medium-grey); }
.pdtbox.complete .pdtboxhead { padding:12px 50px 12px 12px; font-size:16px; line-height:16px; color:var(--primary-font-color); text-align: right; font-style:italic; background-color:var(--grey); background-image:url(../images/checkmark-circle.svg); background-repeat:no-repeat; background-position:right 10px center; }
.pdtbox.complete .pdtboxcontent { border-left:solid 2px var(--medium-grey); border-right:solid var(--medium-grey); border-bottom:solid 2px var(--medium-grey); border-radius:0 0 10px 10px; }
.pdtbox .pdtboxcontent { display: flex; flex-direction: column; padding:15px; min-height:217px;  text-align: center; }
#pdt-legend { padding:5px 15px; font-size:14px; color:var(--white); font-style: italic; }
#pdt-legend ul { list-style: none; display:flex; }
#pdt-legend ul li { padding:10px 40px 10px 0; }
#pdt-legend ul li.required { padding-left:40px; background-image: url(../images/exclamation.svg); background-repeat: no-repeat; background-position: left center; }
#pdt-legend ul li.suggested { padding-left:40px; background-image: url(../images/lightbulb.svg); background-repeat: no-repeat; background-position: left center; }


#wrapper #content #pre-departure-training fieldset div#continue {text-align:center;font-size:11px;color:#959595;margin-top:18px;}

.btnred {background-image:url(../images/buttons/red-button.gif);background-position:center center;background-repeat:no-repeat;border-width:0 !important;color:#FFFFFF;cursor:pointer;font-size:14px;font-weight:bold;height:30px;width:128px;}
.btnredsmall {background-image:url(../images/buttons/red-btn-small.gif);background-position:center center;background-repeat:no-repeat;border-width:0 !important;color:#FFFFFF;cursor:pointer;font-size:14px;font-weight:bold;height:20px;width:52px;font-size:11px;}
.btngreen {background-image:url(../images/buttons/green-button.gif);background-position:center center;background-repeat:no-repeat;border-width:0 !important;color:#FFFFFF;cursor:pointer;font-size:14px;font-weight:bold;height:30px;width:128px;}
.btngreyxlarge {background-image:url(../images/buttons/btn-grey-xlarge.gif);background-position:center center;background-repeat:no-repeat;border-width:0 !important;color:#898989;cursor:pointer;font-size:18px;font-weight:bold;height:46px;width:365px;}
.btnorangexlarge {background-image:url(../images/buttons/btn-orange-xlarge.gif);background-position:center center;background-repeat:no-repeat;border-width:0 !important;color:#898989;cursor:pointer;font-size:18px;font-weight:bold;height:46px;width:365px;}
.btnorangesm {background-color:transparent;background-image:url(../images/buttons/orange-btn-small.gif);background-position:center center;background-repeat:no-repeat;border-width:0 !important;color:#fff;cursor:pointer;font-size:10px;height:24px;width:53px;}

.tab-active, .tab-red, .tab-green, .tab-yellow {display:block;background-color:transparent;width:146px;height:32px;background-repeat:no-repeat;cursor:pointer;font-family:Verdana,sans-serif;font-size:13px;border:none;padding:0px;color:#fff;font-weight:bold;}
.tab-active {background-image:url(../images/tab-active.gif);color:#9e0b0f;width:145px;}
.tab-red {background-image:url(../images/tab-red.gif);}
.tab-green {background-image:url(../images/tab-green.gif);}
.tab-yellow {background-image:url(../images/tab-yellow.gif);}

#wrapper #content #in-person-sessions {border:1px solid #cecece;background-color:#f3f3f3;color:#636363;padding:15px;font-size:11px;}
#wrapper #content #in-person-sessions th {text-align:left;color:#000;}

@media screen and (max-width: 1024px) {
    #wrapper #content #pre-departure-training fieldset #columns { flex-wrap: wrap; }
    #wrapper #content #pre-departure-training fieldset #leftcol, #wrapper #content #pre-departure-training fieldset #rightcol { flex:0 0 100%; padding: 0 20px; }
}