.center{
	margin-left: auto;
	margin-right: auto;
}

.font-white{color:white !important;}
.font-black{color:black !important;}
.font-red{color:red !important;}
.font-green{color:green !important;}
.font-blue{color:blue !important;}
.font-magenta{color:#ff00ff !important;}
.font-grey{color:grey !important;}

.font-bold{font-weight: bold !important;}


.wol1{width:1%;}
.wol2{width:2%;}
.wol3{width:3%;}
.wol4{width:4%;}
.wol5{width:5%;}
.wol6{width:6%;}
.wol7{width:7%;}
.wol8{width:8%;}
.wol9{width:9%;}
.wol10{width:10%;}
.wol11{width:11%;}
.wol12{width:12%;}
.wol13{width:13%;}
.wol14{width:14%;}
.wol15{width:15%;}
.wol16{width:16%;}
.wol17{width:17%;}
.wol18{width:18%;}
.wol19{width:19%;}
.wol20{width:20%;}
.wol21{width:21%;}
.wol22{width:22%;}
.wol23{width:23%;}
.wol24{width:24%;}
.wol25{width:25%;}
.wol26{width:26%;}
.wol27{width:27%;}
.wol28{width:28%;}
.wol29{width:29%;}
.wol30{width:30%;}
.wol31{width:31%;}
.wol32{width:32%;}
.wol33{width:33%;}
.wol34{width:34%;}
.wol35{width:35%;}
.wol36{width:36%;}
.wol37{width:37%;}
.wol38{width:38%;}
.wol39{width:39%;}
.wol40{width:40%;}
.wol41{width:41%;}
.wol42{width:42%;}
.wol43{width:43%;}
.wol44{width:44%;}
.wol45{width:45%;}
.wol46{width:46%;}
.wol47{width:47%;}
.wol48{width:48%;}
.wol49{width:49%;}

.wol49-1{width:49.1%;}
.wol49-2{width:49.2%;}


.wol49-3{width:49.3%;}
.wol49-4{width:49.4%;}
.wol49-5{width:49.5%;}
.wol49-6{width:49.6%;}
.wol49-7{width:49.7%;}
.wol49-8{width:49.8%;}
.wol49-9{width:49.9%;}

.wol50{width:50%;}
.wol51{width:51%;}
.wol52{width:52%;}
.wol53{width:53%;}
.wol54{width:54%;}
.wol55{width:55%;}
.wol56{width:56%;}
.wol57{width:57%;}
.wol58{width:58%;}
.wol59{width:59%;}
.wol60{width:60%;}
.wol61{width:61%;}
.wol62{width:62%;}
.wol63{width:63%;}
.wol64{width:64%;}
.wol65{width:65%;}
.wol66{width:66%;}
.wol67{width:67%;}
.wol68{width:68%;}
.wol69{width:69%;}
.wol70{width:70%;}
.wol71{width:71%;}
.wol72{width:72%;}
.wol73{width:73%;}
.wol74{width:74%;}
.wol75{width:75%;}
.wol76{width:76%;}
.wol77{width:77%;}
.wol78{width:78%;}
.wol79{width:79%;}
.wol80{width:80%;}
.wol81{width:81%;}
.wol82{width:82%;}
.wol83{width:83%;}
.wol84{width:84%;}
.wol85{width:85%;}
.wol86{width:86%;}
.wol87{width:87%;}
.wol88{width:88%;}
.wol89{width:89%;}
.wol90{width:90%;}
.wol91{width:91%;}
.wol92{width:92%;}
.wol93{width:93%;}
.wol94{width:94%;}
.wol95{width:95%;}
.wol96{width:96%;}
.wol97{width:97%;}
.wol98{width:98%;}
.wol98-5{width:98.5%;}
.wol99-5{width:99.5%;}
.wol100{
	width:100%;
	display:inheritblock;
}

/* Modal Header */
.modal-header {
  padding: 2px 16px;
  background-color: #422626;
  color: white;
}

/* Modal Body */
.modal-body {
	padding: 2px 16px;
	min-height:200px;
    background-color: #ffffff;
}

/* Modal Footer */
.modal-footer {
  padding: 2px 16px;
  background-color: #422626;
  color: white;
}

/* Modal Content */
.modal-content {
  position: fixed;
  background-color: #fefefe;
  z-index: 12000;

  width: 300px;
  top: 150px;

  left:50px;
  margin: 0 auto;
    padding: 0 0px;
    max-width: 450px;


  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  animation-name: animatetop;
  animation-duration: 0.4s;
}


/* Add Animation */
@keyframes animatetop {
  from {top: -300px; opacity: 0}
  to {top: 0; opacity: 1}
}


.modal-content-button{
    position: fixed;
    bottom: 0;
    right: 100px;
    height: 50px;
    width: 150px;
    background-color: #3E597D;
	padding:3px;
	-webkit-box-shadow: 1px -1px 13px 5px #000000; 
	box-shadow: 1px -1px 13px 5px #000000;
}

.modal-content-button:hover{
    position: fixed;
    bottom: 0;
    right: 100px;
    height: 50px;
    width: 150px;
    background-color: #496892;
	-webkit-box-shadow: 1px -1px 12px 4px #000000; 
	box-shadow: 1px -1px 12px 4px #000000;
}