@charset "utf-8";/*©DSG2021,Ver 1.0,Created:02-04-2021 KKnipe*/
/*DSG Training css*/
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-family:Arial,Helvetica,sans-serif;background:url(../images/bkgds/bkgd-training.jpg) no-repeat center center fixed;width:100%;
background-repeat:no-repeat,repeat,repeat;background-position:0,0;background-size:cover;}p{font-size:15px}video{width:100%;height:auto;padding:2px;margin-bottom:-4px;}
.fixed-content-pos{margin-top:86px}.dsg-iframe{min-height:70vh;width:100%;border:0;overflow:hidden;}
.dsg-logo{background-image:url(../images/logos/dsg-edc-logo.svg);background-repeat:no-repeat;display:inline-block;width:304px;height:60px;margin-top:-4px}
.ic-training{width:36px;height:36px;display:inline-block;margin-right:8px;float:left}
.ic-users{width:48px;height:48px;display:inline-block;margin-left:16px;position:relative;top:4px}
.dsg-navbar{background:#fff;box-shadow:0 1px 3px 0 rgba(50,50,50,.3);}
.navbar-padding{padding:10px 10px 0 10px;}h1,h2,h3{margin-top:10px;margin-bottom:10px}
hr{margin:8px 0 14px 0;border-top:1px dotted #c0c0c0;}.menu-title{float:right}
.dsg-border{border:1px solid rgba(0,0,0,.3);}.dsg-border-top{border-top:1px dotted rgba(0,0,0,.2)}
.screen-pad{padding-left:8px;padding-right:8px}.btn-menu{background-color:transparent;border:none;padding:10px;font-size:13px}
.btn-menu .fa{margin-right:6px}.bkgd-theme{background:#fff;padding:15px 15px 0 15px;box-shadow:0px 1px 4px 0px rgba(50,50,50,0.4);border-radius:20px;margin-bottom:6px}
.video-shell{background:#fff;border:2px solid #c6d2e0;border-radius:10px 10px 0 0;margin:8px 0;}
article h4{font-size:16px;color:#333;margin:0;border-radius:8px 8px 0 0;padding:10px;border-bottom:1px dotted #99c6fd;
background:#f6f8f9;background:-webkit-linear-gradient(top,#f6f8f9 0%,#fafafa 2%,#ececec 86%);background:linear-gradient(to bottom,#f6f8f9 0%,#fafafa 2%,#ececec 86%);
text-shadow:1px 1px 1px rgba(0,0,0,.004);line-height:1.4;}
.dsg-modal{margin:8px auto;}.dsg-instruct i{color:#178ae5;font-size:17px;margin-right:8px;margin-bottom:10rem;float:left;position:relative;top:2px;}
.dsg-instruct{margin-bottom:0;}.dsg-ul{padding-inline-start:20px;list-style-type:none}.dsg-ul li::before{content:"\25AA";color:#333;display:inline-block;width:.8em;margin-left:-.8em;position:relative;top:4px;font-size:24px}
.dsg-ul li{padding:1px}.modal-title{font-size:14px;font-weight:600;}.embed-responsive-dsg{padding-bottom:70%;}
.article-body{padding:0 1rem 2rem 1rem}.panel-body{padding:1rem}.e-logo img{margin-right:10px;width:56px;height:56px;float:left;position:relative;top:-2px}
.dsg-h3{margin:0 0 12px 0;font-size:18px;color:#178ae5;line-height:1.2}.dsg-h1{margin:0 0 6px 0;font-size:24px}.no-border{border:none!important}
.pdf-btn{cursor:pointer;padding:10px 16px;margin:20px auto;border:1px solid #c0c0c0;border-radius:8px;display:inline-block;text-align:left;line-height:2;text-decoration:none;
background:linear-gradient(to bottom,#f6f8f9 0%,#fafafa 2%,#ececec 86%);color:#156ce5;}.pdf-btn:focus,.pdf-btn:hover{text-decoration:none;outline:none;background:#f4f4f4}
.pdf-btn img{float:none;width:28px;height:28px;}
.btn-center{margin:0 auto;text-align:center}
.modal-body{padding:0px 10px 4px 10px}.modal-header{padding:7px 14px}.modal-header .close{margin-top:-2px;opacity:.4;letter-spacing:0.03em}
.modal-header .close:hover,.modal-header .close:focus{color:#06C;opacity:.8;outline:none}
.close-button{position:absolute;width:96.4%;top:9px}.close-button .close{font-size:13px;vertical-align:middle}
.close-icon{font-size:30px;vertical-align:middle;font-weight:normal;top:-2px;right:-3px;position:relative}
.footer{position:relative;margin-top:8px;display:inline-table;width:100%;text-align:center;border-top:1px dotted rgba(0,0,0,.2);padding-top:8px}
.footer p{font-size:12px}.nopad-btm{padding-bottom:0}
.btn-default{padding:1.4rem;min-width:90%;border:1px solid rgba(6,152,150,.5)}
.btn-default:hover,.btn-default:focus{border:1px solid rgba(5,165,78,1);transition:ease-in-out;box-shadow:inset 3px 4px 6px -4px rgba(50,50,50,.75)}
.btn-play .fa{font-size:16px}.btn-play{background:#05a54e;padding:2px 4px;border-radius:8px;color:#fff;margin-right:8px;width:46px;display:inline-block;text-align:center;float:left}
.btn-color{color:#000;line-height:1.6;background:#fff;background:linear-gradient(to bottom,#fff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%)} 
.txt-color{color:#888}.txt-green{color:#037b33}.txt-blue{color:#09F}.txt-org{color:chocolate}
.btn{white-space:normal}.nav p{padding:8px 14px}.btn-txt{position:relative;top:3px;font-weight:700;font-size:1em;text-shadow:0px 0px 2px #fff}
.txt-steps{color:#333;font-size:14px;font-weight:500}
.circle{border-radius:100%;color:#555;width:30px;height:30px;border:2px solid #bac6d4;display:inline-block;line-height:26px;font-size:14px;font-weight:600;text-align:center;margin-right:8px;background:#fff;
box-shadow:inset 0 0 2px 0 rgba(50,50,50,.4);}
@media screen and (max-width:740px){
.fixed-content-pos{margin-top:100px}.menu-title{float:none;margin:5px;} .menu-title h3{font-size:18px!important;white-space:nowrap;position:relative;top:14px;}
.navbar-padding{margin:0;padding:0}.dsg-logo{background-image:url(../images/logos/dsg-edc-logo.svg);display:inline-block;width:136px;margin-left:-16px;background-size:290px;}
.dsg-h1{margin:4px 0 6px 0;}.dsg-ul li{padding:0 2px}.e-logo img{width:48px;height:48px;float:left;top:0;}.dsg-h3{margin:10px 0;}
 p{font-size:14px;}.panel-body{padding:1rem 1rem .2rem 1rem;}.circle{float:left;}
}
@media screen and (max-width:768px){ .ic-training,.ic-users{display:none;visibility:hidden}}
@media screen and (min-width:800px) and (orientation:portrait){.dsg-modal{margin:30px auto;width:780px;}}
@media screen and (min-width:1280px) and (orientation:landscape){.dsg-modal{margin:16px auto;width:1024px;}}
@media screen and (max-width:1024px){
.fixed-content-pos{margin-top:84px}.menu-title h3{font-size:21px;}.dsg-instruct i{margin-bottom:0}
}
@media screen and (min-width:1200px){
.container {width:1200px;}.module{display:block}
}
@media screen and (min-width:1360px){
.container {width:1300px;}
}