#shower{color:yellow;text-align:right;border:1px solid aqua;padding:2px;font-size:7pt;background-color:black}
#shower{color:snow;text-align:right;border:1px solid aqua;padding:2px;font-size:7pt;background-color:black}
#mu1,#mu2,#grandtotal{text-align:right;}
.myspan{width:20px;color:#00adef}

input[type="text"] { padding: 2px; border-radius:3px }
td { padding: 4px; }

#ul_tick
{
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
#ul_tick li 
{
    padding-left: 35px;
    padding-top: 15px;
    background-image: url(http://www.muis.nl/images/Vinkje.JPG);
    background-repeat: no-repeat;
    background-position: 0 .5em;
    height: 30px;
}

#floatingbasket
{
    position:absolute;
    top:20;
    left:20;
    display:none;
}
table.tabintxt
{
    position:relative;
    top:3px;
    left:0px;
    border:0px solid skyblue;
    width:950px;
    background-color:transparent;
}

table.tabintxt td
{
    border: 0px solid silver;
    padding:1px 4px;
    vertical-align:top;
}

table.tabinform
{
    background-color:white;
    border-radius: 2px;
}

td
{
    font-size:9pt;
}

td.tablehead
{
    background-color: #dedede;
    color: black;
    font-weight: bold;
    font-size:9pt;
    border-right:1px solid gray;
    border-bottom:1px solid gray;
    padding:2px 4px;
}

#verpl 
{
    background-image:url("http://www.muis.nl/images/required.gif"); 
    background-position:top right; 
    background-repeat:no-repeat;
}

.menuknopover
 {
 border: none; width: 200px; height: 24px; margin-bottom: 1px; 
 background-image: url('../images/knop_200.gif'); 
 background-repeat: no-repeat; 
 font-family: MS Sans Serif, Arial, Helvetica, sans-serif; 
 font-size: 8pt; 
 cursor: pointer;
 }
 .menuknopout
 {
 border: none; width: 200px; height: 24px; margin-bottom: 1px; 
 background-image: url('../images/knop_200.gif'); 
 background-repeat: no-repeat; 
 font-family: MS Sans Serif, Arial, Helvetica, sans-serif; 
 font-size: 8pt; 
 cursor: pointer;
 }

.menuknopover160
 {
 border: none; width: 160px; height: 24px; margin-bottom: 1px; 
 background-image: url('../images/knop_160.gif'); 
 background-repeat: no-repeat; 
 font-family: MS Sans Serif, Arial, Helvetica, sans-serif; 
 font-size: 8pt; 
 cursor: pointer;
 }
 .menuknopout160
 {
 border: none; width: 160px; height: 24px; margin-bottom: 1px; 
 background-image: url('../images/knop_160.gif'); 
 background-repeat: no-repeat; 
 font-family: MS Sans Serif, Arial, Helvetica, sans-serif; 
 font-size: 8pt; 
 cursor: pointer;
 }

 .btn { letter-spacing: normal; text-transform: none; }

.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{font-family: inherit; color:#333;background-color:#e6e6e6;*background-color:#d9d9d9;cursor:pointer;}.btn:active,.btn.active{background-color:#ccc \9}
.btn:first-child{*margin-left:0}
.btn:hover,.btn:focus{color:#333;text-decoration:none;background-position:0 -50px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)}
.btn.disabled,.btn[disabled]{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.btn-large{padding:11px 19px;font-size:17.5px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.btn-large [class^="icon-"],.btn-large [class*=" icon-"]{margin-top:4px}
.btn-medium{padding:2px 17px;font-size:12px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-weight: normal;}
.btn-small{padding:2px 10px;font-size:11.9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.btn-small [class^="icon-"],.btn-small [class*=" icon-"]{margin-top:0}.btn-mini [class^="icon-"],.btn-mini [class*=" icon-"]{margin-top:-1px}.btn-mini{padding:0 6px;font-size:10.5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.btn-block{display:block;width:100%;padding-right:0;padding-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{color:rgba(255,255,255,0.75)}

.primary.btn:hover
{
	/* background-position: 0 -15px; */
}
.primary.btn:active
{
  background-image: none;
  background-color: #3072b3; /* Old browsers */
  -webkit-box-shadow: inset 0 5px 10px rgba(0,0,0,.125), 0 1px 2px rgba(0,0,0,.2);
     -moz-box-shadow: inset 0 5px 10px rgba(0,0,0,.125), 0 1px 2px rgba(0,0,0,.2);
          box-shadow: inset 0 5px 10px rgba(0,0,0,.125), 0 1px 2px rgba(0,0,0,.2);
}

.primary_green.btn
{
  color: #fff;
  text-decoration: none;
  text-shadow: 0px;
  background-repeat: repeat-x; /* Repeat the gradient */
  background-color: #4ba614;
  border: 1px solid #4ba614;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 2px rgba(0, 0, 0, .2);
	background-image: linear-gradient(to bottom, #4ba614, #008c00);
}
.primary_green.btn:hover
{
	/* background-position: 0 -15px; */
}
.primary_green.btn:active
{
  background-image: none;
  background-color: #4ba614; /* Old browsers */
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 2px rgba(0, 0, 0, .2);
}

.primary_grey.btn
{
  color: #000000;
  text-decoration: none;
  text-shadow: 0px;
  background-repeat: repeat-x; /* Repeat the gradient */
  background-image: -moz-linear-gradient(top, #d8d8d8 0%, #c0c0c0 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A1A1A1), color-stop(100%,#707070)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #d8d8d8 0%,#c0c0c0 100%); /* Chrome 10+,Safari 5.1+ */
  background-image: -ms-linear-gradient(top, #d8d8d8 0%,#c0c0c0 100%); /* IE10+ */
  background-image: -o-linear-gradient(top, #d8d8d8 0%,#c0c0c0 100%); /* Opera 11.10+ */
  border: 1px solid #c0c0c0;
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.2);
     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.2);
          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.2);
}
.primary_grey.btn:hover
{
	/* background-position: 0 -15px; */
}
.primary_grey.btn:active
{
  background-image: none;
  background-color: #d8d8d8; /* Old browsers */
  -webkit-box-shadow: inset 0 5px 10px rgba(0,0,0,.125), 0 1px 2px rgba(0,0,0,.2);
     -moz-box-shadow: inset 0 5px 10px rgba(0,0,0,.125), 0 1px 2px rgba(0,0,0,.2);
          box-shadow: inset 0 5px 10px rgba(0,0,0,.125), 0 1px 2px rgba(0,0,0,.2);
}

/* Loading-overlay styles */

@font-face {
  font-family: "demo";
  src: url('https://www.muis.nl/wp-content/themes/fortuna/stylesheets/fonts/icomoon.woff') format("woff"), url('https://www.muis.nl/wp-content/themes/fortuna/stylesheets/fonts/icomoon.ttf') format("truetype");
}

@-moz-keyframes loadingStart {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes loadingStart {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes loadingStart {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loadingStart {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes loading {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes loading {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loading {
  position: relative;
  pointer-events: none;
}

#css-input:checked ~ .loading .loading-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-animation: loadingStart 3s 300ms linear 1 both;
  -moz-animation: loadingStart 3s 300ms linear 1 both;
  -o-animation: loadingStart 3s 300ms linear 1 both;
  animation: loadingStart 3s 300ms linear 1 both;
  background: rgba(255, 255, 255, 0.5);
  text-align: center;
}
#css-input:checked ~ .loading .loading-text {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  text-shadow: white 0 0 1em, white 0 0 0.5em, white 0 0 0.25em;
  position: relative;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
}
#css-input:checked ~ .loading .loading-text:after {
  content: "...";
}
#css-input:checked ~ .loading .loading-spinner {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: -3.9375rem auto 0;
  color: #1a1d1d;
  text-align: center;
}
#css-input:checked ~ .loading .loading-icon {
  font-size: 4.8125rem;
  line-height: 5.25rem;
  text-shadow: rgba(255, 255, 255, 0.75) 0 0 0.5em;
  -webkit-animation: loading 1s steps(4) infinite;
  -moz-animation: loading 1s steps(4) infinite;
  -o-animation: loading 1s steps(4) infinite;
  animation: loading 1s steps(4) infinite;
  display: block;
  vertical-align: middle;
}
#css-input:checked ~ .loading .loading-icon:before {
  vertical-align: middle;
  content: "\e000";
  font-family: "demo";
}


.afzendermuisnl
{
    color:white !important;
    position: absolute;
    width: 60%;
    left: 50%;
    margin-left: -30%;
}
#tbl_starterspakket input[type='text'] 
{
    background-color: white;
}
#tbl_starterspakket input[type='text']:focus
{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

#tbl_starterspakket, #starterspakket_toptbl
{
    background:transparent;
}

#tbl_starterspakket td:first-child, #tbl_starterspakket td:nth-child(2) {
    float: left;
    clear: both;
}

#tbl_starterspakket td
{
    padding:1px !important;
}

#tbl_starterspakket td:first-child b
{
    font-weight:bold;
    font-size:110%;
}

#tbl_starterspakket td:nth-child(2)
{
    width:100%
}

#tbl_starterspakket td:nth-child(2) input
{
    padding:0.5%;
}

 #tbl_starterspakket td span input
{/*Domein naam input*/
    font-size:85%;
    width: 50%;
}

#starterspakket_kop
{
    font-weight:bold;
    font-size:125%;
}

#_voorletters
{
    width:20%;
} 

#_achternaam
{
    width:79%;
    margin-left:1%;
}

#bedrijfslogotxt a
{
    text-decoration:underline;
    color:white;
}


#tbl_starterspakket tr:last-child a
{
    width:100%;
    text-align:center;
}

#_bedrijfslogo
{
    padding:0 !important;
}




@media only screen
and (-webkit-min-device-pixel-ratio: 2)
{
    .afzendermuisnl
    {
        color:white !important;
        position: absolute;
        width: 100%;
        left: 0;
        margin-left: 0;
    }
    .afzendermuisnlwit{ color: white !important; }
    #domeinnaam{ font-size:90%; }

    #starterspakket_kop
    {
        font-size:130%;
        line-height: 130%;
    }
    #webadresinloggeninfo
    {
        font-size:115%;
    }

    /*#tbl_starterspakket input[type='text']
    {

    }*/

    #tbl_starterspakket td:nth-child(2) input
    {
        padding:1.5% !important;
    }

    #tbl_starterspakket, #tbl_starterspakket td, #tbl_starterspakket td span, #cb_txt
    {
        font-size: 105% !important; 
    }

    #tbl_starterspakket td span input
    {/*Domein naam input*/
        font-size:75%;
        width: 49%;
    }

    #tbl_starterspakket td:first-child b
    {
        font-size:130%;
    }

    #tbl_starterspakket tr:last-child a
    {
        font-size:100%;
    }
    #starterspakket_kop
    {
        font-weight:bold;
    }

    #_voorletters
    {
        width:30%;
    } 

    #_achternaam
    {
        width:69%;
        margin-left:1%;
    }   

    input[type="file" i]
    {
        padding:0 !important;
    }

    #bedrijfslogotxt a
    {
        text-decoration:underline;
        color:white;
    }
}