html, body, div, span, applet, object, iframe,
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
}

.pma-top-logo {position:absolute;left:100px;top:20px; width:170px;}

.popup-box {  z-index: 99999; background: white; position: fixed !important; left: 0px !important; bottom: 0px !important; width: 280px !important; height: auto; padding: 15px; box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.5);}
.popup-box-right {  z-index: 99999; background: white; position: fixed !important; right: 0px !important; top: 0px !important; width: 280px !important; height: auto; padding: 15px; box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.5);}
.popup-box strong {font-size: 20px; }
.popup-box input { width: 100% !important;}
.popup-box img {width: 45%; margin: -15px !important; float: left; height: 275px !important; object-fit: cover; object-position: center;}
.popup-box .text-right {width: 55%; margin-left: 25px !important; margin-top: 15px !important; float: left; vertical-align: middle !important;  display: table-cell !important;}

.newsletter-popup p { margin: 10px 0px;}
.newsletter-popup input { width: 100% !important; }
.newsletter-popup img {width: 45%; margin: -15px !important; float: left; height: 275px !important; object-fit: cover; object-position: center;}
.newsletter-popup .text-right {width: 50%; margin-left: 35px;}

.save-date {font-size: 10px !important; font-weight: bolder; color: white; text-transform: uppercase; background: #ac1f2d; padding: 3px 5px; margin-bottom: -3px;}
.save-date:hover {color: white;  background: #5d001d; }

/************************ Added by Dan ***********************/




a.glossary-letter-on {color:#333 !important; font-size:1.2em !important; transition: color .3s, font-size .3s, margin .3s ;  margin:-5px 0 0 1px !important;}
.glossary-letter-wrap {display:block; width:20px; float:left; text-align:center;}
.glossary-letter-wrap:hover {background-color:#efefef;}
.more-pane {clear:both;}
.more-loader {display:none; margin:0 auto; padding-top: 20px !important; height:45px; overflow:hidden; text-align:center; width:100%;}
.more-loader img {margin:0 auto;}
.sitemap ul {margin-left:20px; }
.copylink:hover {cursor: pointer !important;}
.small {font-size:.85em !important;}
#message {display:none; padding:10px; margin:0px 0px 10px 0px; font-size:1.5em; color:#fff; background-color: #F60; text-align:center;}
#message:hover {cursor:pointer;}
.form-message {text-align:center; font-weight:bold; color:#C00;}
#newsletter-form {width:auto !important;}
#newsletter-email {width:30%;}
#newsletter-fname, #newsletter-lname {width:25%;}
#subscribe {width:12%;}



/*************************** Wrapper *************************/



input {  padding: 10px 10px; margin: 5px 5px 5px 0px; display: inline-block; border: 1px solid #ccc; border-radius: 4px;  box-sizing: border-box; }
input.invalid { background-color: #ffdddd;}

textarea:focus { outline-color: #ac1f2d !important;  }
input:focus { outline-color: #ac1f2d !important; }

#login {max-width: 400px; max-height: 800px; overflow: scroll;}
#login input { width: 100% !important; text-align: center;} 
#login li {font-size: 14px;}


input[type=submit] { width: 31%; background-color: #ac1f2d; color: white; padding: 10px 10px; margin: 5px 0px; border: none; border-radius: 4px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type=submit]:hover { background-color: rgba(172,31,45,.9);}

ul.tabs{ margin: 0px; padding: 0px; list-style: none; }
ul.tabs li{ background: none; color: #222; display: inline-block; padding: 10px 15px; cursor: pointer; }
ul.tabs li.current{ border-bottom: 3px solid #ac1f2d;}
.tab-content{ display: none; padding: 15px;}
.tab-content.current{ display: inherit; }


/*************************** Top Story *************************/

#top-story {
  color: #fff; 
  padding-top: 150px; 
  padding-bottom: 150px; 
  border-bottom: 10px solid #ac1f2d; 
  background-image: linear-gradient(to right,rgba(0, 0, 0, 0.9),rgba(0, 0, 0, 0.2)), url("../images/home/header.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100px !important; 
}
.top-story-title {  font-size: 40px; text-decoration: none; color: white;  text-transform: none; padding-left: 10px;
}
.top-story-title:hover {opacity: .7 !important;}




/*************************** Category-Tags *************************/

.category-tag {
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  font-style: italic;
  color: #ac1f2d !important;
  text-transform: uppercase;
  padding-left: 10px;
}
.category-tag:hover {text-decoration: none; opacity: .7 !important;}
.category-tag-large {
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
  font-style: italic;
  color: #ac1f2d !important;
  text-transform: uppercase;
}
.category-tag-large:hover { opacity: .7 !important;}
.category-tag-small {
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
  font-style: italic;
  color: #ac1f2d !important;
  text-transform: uppercase;
}
.category-tag-small:hover { opacity: .7 !important;}
.small-article{ 
  font-size: 12px;
  line-height: 1 !important;
  margin-bottom: 10px;
}
.category-tag-small { font-weight: bold;  font-size: 12px; text-decoration: none; font-style: italic; color: #ac1f2d !important;  text-transform: uppercase;}
.category-tag-small:hover { opacity: .7 !important;}
.video-category-tag {   
  font-weight: bold;
  font-size: 10px;
  text-decoration: none;
  font-style: italic;
  color: #ac1f2d !important;
  text-transform: uppercase;
  margin-top: -10px !important;
}
.video-category-tag:hover { opacity: .7 !important;}



/*************************** Grid Layout *************************/

.wrapper{ max-width: 1200px; margin-left: 100px !important; height: auto !important; margin: auto !important; display: grid; grid-template-columns: repeat(12, [col-start] 1fr);  grid-gap: 10px;}

.boxes{margin-top: -100px !important; margin-left: -50px; grid-column: col-start 2 / span 8; height: auto !important; }
.boxes-afterbreak { margin-top: 5px; margin-left: -50px; grid-column: col-start 2 / span 8; height: auto !important; }

.box-icon {width: 30px;  margin: -10px 0px -10px 0px;}
.video-icon {width: 30px;  margin: -10px 0px -10px 0px;}
.event-icon {width: 30px;  margin: -10px 0px -10px 0px;}
.podcast-icon {width: 30px;  margin: -10px 0px -10px 0px;}
.news-icon {width: 30px;  margin: -10px 5px -10px 0px;}
.white-paper-icon {width: 30px;  margin: -10px 0px -10px 0px;}
.webinar-icon {width: 30px;  margin: -10px 0px -10px 0px;}


/*************************** Boxs *************************/

.no-img { width: 0px !important; height: 0px !important;}
.no-img-txt {width: 95% !important; }

.bg-img {background: white !important; padding: 2px 7px 7px 5px !important;}
.bg-img .image-title {color: black;}
.bg-img .image-name {color: black !important;}
.bg-img .image-date a {color: black !important;}

.image-box { background-image: linear-gradient(to right,rgba(0, 0, 0, 0.9),rgba(0, 0, 0, 0.2)); background-repeat: no-repeat;  background-size: cover !important; background: center; height: 97%; padding: 8px 10px 2px 10px; margin: -2px -2px 0px -2px;}

.image-title { font-size: 30px; text-decoration: none; color: white;  text-transform: none;}
.image-title:hover {opacity: .7 !important;}

#top-story .image-name {margin-left: 10px;}
.image-name {font-size: 12px; text-decoration: none; color: white; text-transform: uppercase; font-weight: 500;}
.image-name:hover {opacity: .7 !important;}

.image-date { font-size: 12px;  text-decoration: none;  color: white !important;  font-style: italic; }
.image-date a { font-size: 12px;  text-decoration: none;  color: white !important;  font-style: italic; }
.image-date:hover {opacity: .7 !important;}

.name { font-size: 12px; text-decoration: none; margin-top: 20px !important; color: black;  text-transform: uppercase; font-weight: 500; clear: both !important;}
.name:hover { opacity: .7 !important;}

.date { font-size: 12px; text-decoration: none;  color: black !important;  font-style: italic;  }
.date a { font-size: 12px; text-decoration: none;  color: black !important;  font-style: italic;  }
.date:hover {opacity: .7 !important;}



#box1 {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative; }
#box1:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box2 {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box2:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box3 {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box3:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box4 {padding:7px; margin: 0px 0px 10px 5px;   background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box4:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box5 {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box5:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box6 {padding:7px; margin: 0px 0px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box6:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box7 {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box7:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box8 {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box8:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}

.top-left {background: white; padding: 10px 5px 5px 10px; position: absolute; top: 0px; left: 0px; font-weight: bold;  font-size: 9px; text-decoration: none; font-style: italic; color: #ac1f2d !important;  text-transform: uppercase;}
.top-left:hover {background: white !important; opacity: .7 !important;}

.top-right {background: white; padding: 10px 10px 5px 5px; position: absolute; top: 0px; right: 0px; font-weight: bold;  font-size: 9px; text-decoration: none; font-style: italic; color: #ac1f2d !important;  text-transform: uppercase;}
.top-right:hover {background: white !important; opacity: .7 !important;}

.bottom-right {background: white; padding: 13px 10px 10px 5px; position: absolute; bottom: 0px; right: 0px; font-weight: bold;  font-size: 12px; text-decoration: none; font-style: italic; color: #ac1f2d !important;  text-transform: uppercase;}
.bottom-right:hover {background: white !important; opacity: .7 !important;}

.bottom-left {background: white; padding: 13px 10px 10px 5px; position: absolute;  bottom: 0px; left: 0px; font-weight: bold;  font-size: 12px; text-decoration: none; font-style: italic; color: #ac1f2d !important;  text-transform: uppercase;}
.bottom-left:hover {opacity: .7 !important;}

.video-icon {width: 30px;  margin: -10px 0px -10px 0px;}
.podcast-icon {width: 30px;  margin: -10px 0px -10px 0px;}
.news-icon {width: 30px;  float: left !important; margin: 5px 5px -5px 0px; cursor: pointer; display:list-item;}

.image-top-box {width: 100%;}
.image-left-box {float: left; height: 100%; padding: 0px 10px 0px 0px;}
.image-right-box {float: right; height: 100%; padding: 0px 0px 0px 10px;}

.text-left {float: left;}
.text-right {float: right;}

.headline-1 { color: black; font-weight: 650; font-size: 28px; }
.headline-1:hover {opacity: .7 !important;}
.headline-2 { color: black; font-weight: 550; font-size: 26px; }
.headline-2:hover {opacity: .7 !important;}
.headline-3 { color: black; font-weight: 450; font-size: 20px; }
.headline-3:hover {opacity: .7 !important;}
.headline-4 { color: black; font-weight: 500; font-size: 19px;}
.headline-4:hover {opacity: .7 !important;}
.headline-5 { color: black; font-weight: 650; font-size: 17px;}
.headline-5:hover {opacity: .7 !important;}
.headline-6 { color: black; font-weight: 550; font-size: 15px; }
.headline-6:hover {opacity: .7 !important;}
.headline-7 { color: black; font-weight: 550; font-size: 14px; }
.headline-7:hover {opacity: .7 !important;}
.headline-8 { color: black; font-weight: 650; font-size: 12px; }
.headline-8:hover {opacity: .7 !important;}

#box2 .no-img-txt {font-size: 30px; }
#box3 .no-img-txt h2 {font-size: 18px !important; }
#box5 .no-img-txt h2 {font-size: 18px !important; }
#box6 .no-img-txt h2 {font-size: 25px; }
#box9 .no-img-txt {font-size: 36px; }

.box-icon {width: 30px;  margin: -10px 0px -10px 0px;}
.video-icon {width: 30px;  margin: -10px 0px -10px 0px;}
.podcast-icon {width: 30px;  margin: -10px 0px -10px 0px;}
.news-icon {width: 30px;  margin: -10px 5px -10px 0px;}
.white-paper-icon {width: 30px;  margin: -10px 0px -10px 0px;}



/*************************** Right Side 300x600 Ad *************************/

#ad-right {  margin-bottom: 5px;}
#ad-right img {  border: white solid 5px; }
.ad-right { grid-column: col-start 10 / span 2;  margin-left: -50px; grid-row: 1 !important; margin-top: -100px !important; margin-bottom: 2px;}

.sidebar-partnered-content{
  background: white;
  width: 285px !important;
  height: 208px !important;
  padding: 7px;
  margin: 0px 0px 10px 0px;   
}

.sidebar-partnered-content img {width: 100%;}

/*************************** Banner Ad *************************/

.ad-break{grid-column: col-start 1 / span 12; margin: auto !important; margin-left: 10px !important; margin-right: 10px !important;}

.ad-break img {width: 100% !important;}


/*************************** News Box *************************/

#news-box {padding:10px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative; }
#news-scroll {overflow-x: hidden !important; height: 635px;}
.news-small{  font-size: 12px; line-height: 1 !important;}
.news-title {
  font-size: 16px;
  line-height: normal;
  text-decoration: none;
  color: black;
  text-transform: none;
  display: inline !important;
}
.news-title:hover { opacity: .7 !important; color: black;}
.news-date {
  font-size: 12px;
  text-decoration: none;
  color: black;
  font-style: italic;  
}
.news-date:hover {opacity: .7 !important;}

.dot {  height: 10px; width: 10px; background-color: #ac202d; border-radius: 50%; display: inline-block; }
.more:hover {opacity: .7 !important;}
.more {color: #ac202d; text-transform: uppercase;}




/*************************** Box 9 *************************/

#box9 {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box9:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}

#box9 .headline-4 {font-size: 17px;}
#box9 .no-img-txt {font-size: 36px !important; }


/*************************** Right Side 300x600 Ad Afterbreak *************************/

#ad-right-afterbreak { display:block; margin-bottom: 5px; }
.ad-right-afterbreak { margin-top: 5px; grid-column: col-start 10 / span 2;  margin-left: -50px; grid-row: 1 !important; margin-bottom: 5px; }




/*************************** Video Box *************************/

#video-box{   background: white; padding: 7px;  -webkit-transition: all .5s; transition: all .5s;}
.video {  width: 760px; height: 260px; float: left;}
.video-title { font-size: 11px;   margin-bottom: -5px !important; }
.video-title:hover { opacity: .6 !important; color: black;  }
.video-date {
  font-size: 10px;
  text-decoration: none;
  color: black;
  font-style: italic;
  vertical-align: top;
}
.video-date:hover {opacity: .7 !important;}
#video-thumbnail1 { float: left; margin-top: 7px; z-index:99999;}
.video-thumbnail1 {
 /*  background-image: url("../images/home/videos/video1.jpg"); Edited by Dan 4/26/19 */
  background-position: center;
  float: left;
  margin-bottom: -5px !important;
}
/*.video-thumbnail1:hover { background-image: url("../images/home/videos/video-1.jpg");} Edited by Dan 4/26/19 */
#video-thumbnail2 { margin: 7px 0px 0px 15px; float: left; }
.video-thumbnail2 {
  /* background-image: url("../images/home/videos/video2.jpg"); Edited by Dan 4/26/19 */
  background-position: center;
  float: left;
  margin-bottom: -5px !important;
}
/*.video-thumbnail2:hover { background-image: url("../images/home/videos/video-2.jpg");} Edited by Dan 4/26/19 */
#video-thumbnail3 { margin-top: 7px; float: left;  margin: 7px 0px 0px 15px; }
.video-thumbnail3 {
  /* background-image: url("../images/home/videos/video3.jpg"); Edited by Dan 4/26/19 */
  background-position: center;
  float: left; 
  margin-bottom: -5px !important;
}
/*.video-thumbnail3:hover { background-image: url("../images/home/videos/video-3.jpg"); } Edited by Dan 4/26/19 */
#video-thumbnail4 { margin-top: 7px; float: left;  margin: 7px 0px 0px 15px; }
.video-thumbnail4 {
 /*  background-image: url("../images/home/videos/video3.jpg"); Edited by Dan 4/26/19 */
  background-position: center;
  float: left;
  margin-bottom: -5px !important;
}
/*.video-thumbnail4:hover { background-image: url("../images/home/videos/video-3.jpg"); } Edited by Dan 4/26/19 */



/*Edited by Dan 4/26/19 --------------*/

#video-largeImg { margin-top: 7px; z-index:99999;}
.video-largeImg {
  width:100%;
  height:200px;
  background-position: center;
  float: left;
  margin-bottom: -5px !important;
  
}

a.video-largeImg-fancybox {width:100%;position:relative;}
a.video-thumbnail-fancybox, a.video-largeImg-fancybox  {overflow:hidden; }
a.video-thumbnail-fancybox span, a.video-largeImg-fancybox span {background-position: center; background-size: cover; transform: scale(1); transition: all .5s;}
a.video-thumbnail-fancybox span:hover, a.video-largeImg-fancybox span:hover { transform: scale(1.4); transition: all .5s;}

.video-thumbnail-img-wrapper { position:relative;}
.video-play{
	position:absolute;
	top:45%;
	left:45%;
	width: 50px;
	z-index:200;
}

.video-thumbnail-img-wrapper .video-play{
	position:absolute;
	top:20px;
	left:45%;
	width: 30px;
	z-index:200;
}

/*End Edit --------*/


/*************************** Author Box *************************/

#author-box{ background: white; grid-column: col-start 1 / span 12; padding: 10px;  margin-top: -10px !important; margin-left: 50px !important;  -webkit-transition: all .5s; transition: all .5s;}
.author-headshot {
  padding: 5px 10px;
  display: inline-block;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.author-headshot:hover  {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}

.author-name {
  font-size: 12px;
  text-decoration: none;
  color: black;
  text-transform: uppercase;
  font-weight: 500;
}
.author-name:hover {opacity: .7 !important; color: black;}
.author-job-title {
  font-size: 9px;
  text-decoration: none;
  color: #818181;
  text-transform: none;
  font-weight: normal;
}
.author-article {
  font-size: 11px;
  width: 130px;
  font-weight: bold;
}
#headshot-container { text-align: center; }
a, figure { display: inline-block; color: dimgrey; }
figure { padding: 10px 10px 5px 10px; vertical-align: top;}

@media all and (max-width: 480px) and (min-width: 320px) {
.displaynone {display:none;}
}




/*************************** Centered 300x250 Ads *************************/

#ad-centered-1{
  grid-column: col-start 6 / span 1; 
  float: left;
  margin: 10px 0px 7px 0px !important;
  width:300px;
 /* height: 250px;  - Removed by Dan 2/5/20 to make them disapper if no ad*/
  -webkit-transition: all .5s;
  transition: all .5s;
}
#ad-centered-2{
  grid-column: col-start 7 / span 1; 
  float: left;
  margin: 10px 0px 7px 0px !important;
  width:300px;
  /* height: 250px;  - Removed by Dan 2/5/20 to make them disapper if no ad*/
  -webkit-transition: all .5s;
  transition: all .5s;
}	




/*************************** Magazine Box *************************/

#magazine-box{ background: white; grid-column: col-start 1 / span 12; padding: 10px;  -webkit-transition: all .5s; transition: all .5s;}
#cover-container { text-align: center; margin-bottom: 10px;}
.magazine-cover {
  width: 220px;
  padding: 0px 15px;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.magazine-cover:hover  {
  -webkit-transform: scale(1.05) rotate(4deg);
  transform: scale(1.05) rotate(4deg);
}
.magazine-article {
  font-size: 12px;
  text-decoration: none;
  color: #818181;
  max-width: 250px;	
}
.full-issue {
  font-size: 12px;
  text-decoration: none;
  color: #ac1f2d !important;
}
.full-issue:hover {opacity: .7 !important;}






/*************************** Footer *************************/

#footer {
  margin-top: 10px;
  text-align: center;
  background: white;
  clear: both !important;
  width: 100%;
  height: auto;
  font-size: 12px;
}
.footer-twitter {margin-left: 0px;}
.sitemap-col {
  clear: both;
  display: block;
  display: inline-block;
  vertical-align: top;
  width: 90px;
  margin: auto;
  text-align: left;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 17px;
  padding-right: 18px;
  font-size:11px;
}
.sitemap-header {
  font-size: 13px !important;
  font-weight: bold;
}
#sitemap {
  margin: auto !important;
  padding-top: 25px;
  padding-bottom: 50px;
}
.sitemap-col a {
  clear:both;
  padding-top: 5px;
  width:100%;
}



/*************************** Takeover Ad *************************/

.w3-modal-content {margin:auto; background-color:#fff;  position:relative; padding:0; outline:0; max-width:600px !important;  max-height:450px !important;}
.w3-modal { z-index: 9999 !important; background: rgba(0,0,0,0.5) !important; padding-top: 150px !important; width:100%; height:100%; overflow:auto; display:none;position:fixed;left:0;top:0;}
.w3-container .w3-panel {padding: 0px !important;}
.w3-container, .w3-panel {padding: 0px !important;}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before {content:"";display:table;clear:both}

@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}}

@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}} 

.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:white;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color: white; color:#000}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-bar .w3-button{white-space:normal}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}
.w3-button:hover{color:#000!important;background-color:white !important}
.w3-display-topright{position:absolute;right:0;top:0}