﻿/* MOBILE CSS */
@media screen and (max-width: 750px) {
/* Global classes */
article{margin:0;padding:0;width:100%;}
aside{border:0;display:none;float:none;padding:0;width:100%;}
footer{background-image:none;height:2em!important;width:100%;}
header{background-image:none!important;font-size:1em!important;height:2.3em!important;width:100%;}
main{background-image:none;border:0;border-radius:0;border-style:none;border-width:0;box-shadow:0;float:none;margin:0;min-height:0;padding:0;width:100%;}
nav{border:0;display:none;float:none;padding:0;width:100%;}
input[type=submit]{color:#666;}
#navicon{font-size:1.3em}
#navicon img{height:auto;width:1.5em;}

.bigscreen{display:none;}
.logg1{float:left;width:50%;}
.logg3{float:none;}
.logg4{float:none;}
.logg7{margin-bottom:1em;width:100%;}
.logg9{clear:both;}
.masterdiv{margin-left:0;padding:0;width:100%;}
.smallscreen{display:block;}
.smallscreeninline{display:inline;}
.statistikRam{border:0;border-radius:0;}

#bliMedlem .c1{float:none;width:100%;}
#bliMedlem form{float:none;width:100%;}
#bliMedlem input[type=email]{width:90%;}
#bliMedlem input[type=tel]{width:90%;}
#bliMedlem input[type=text]{width:90%;}
#bokning .addmedlem{float:left;width:100%;}
#faqlink{font-size:1em!important;}
#flag{width:100%;}
#frmAktivitet .c7{float:left;width:50%;}
#frmAktivitet input[name=Kod]{width:90%;}
#frmBetalning{width:95%;}
#frmExperience{border:none;border-radius:none;}
#frmExperience .c1{float:none;font-size:1.2em;width:90%;}
#frmExperience .c2{float:none;clear:both;}
#frmExperience h3 span{font-size:.7em;font-weight:400;}
#frmExperience input[type=date]{width:30%;}
#frmExperience input[type=tel]{width:15%;}
#frmExperience input[type=submit]{float:none;width:auto;}
#frmExperience textarea{height:7em;width:90%;}
#frmFakturera{width:95%;}
#frmFakturera .c1{float:none;width:100%;}
#frmGruppMail{width:100%;}
#frmLiability{float:none;width:100%;}
#frmLiability .c1{float:none;width:100%;}
#frmLiability .c2{float:none;width:100%;}
#frmLiability .c3{float:none;width:100%;}
#frmLogin{background-size:cover;width:97%;}
#frmLogin form{width:95%;}
#frmLogin form input{font-size:1.5em;width:100%}
#frmRoll{width:100%;}
#frmRules {background-color:white}
#frmRules embed{float:none;height:30em;width:100%;}
#frmSettings .c10{float:none;width:90%;}
#frmSettings .c11{float:none;width:90%;}
#frmSettings .c16{float:none;width:100%!important;}
#frmSettings .c17{float:none;width:100%!important;}
#frmSettings .c2{float:none;width:90%;}
#frmSettings .c3{float:none;width:90%;}
#frmSettings .c4{float:none;width:90%;}
#frmSettings .c7{float:none;width:90%;}
#frmSettings .c9{float:none;width:90%;}
#frmSettings .admin div{float:none;width:100%;}
#frmSettings .medlem div{float:none;width:100%;}
#frmSettingsFoto{height:90%;width:66%;}
#GDPR {background-color:white}
#GDPR embed{float:none;height:30em;width:100%;}
#gruvaccordion a{font-size:1.5em!important;}
#gruvaccordion form{font-size:1.5em!important;}
#index{width:100%;}
#index .img1{width:5em!important;}
#index .text{line-height:1.2em!important}
#joinlink{font-size:2em!important;left:.1em!important;bottom:.3em!important;}
#language{right:3em;}
#rapport{width:100%;}
#rapport table{width:100%;}
#reg1{width:100%;}
#valideraMedlemmarCertfoto {height:90px;width:112px;}
#valideraMedlemmarTxCertfoto {height:90px;width:112px;}
#valideraMedlemmarDPVCertfoto {height:90px;width:112px;}
#valideraMedlemmarCCRCertfoto {height:90px;width:112px;}
#valideraMedlemmar #validera textarea{width:90px!important;}

#visaAktiviteter main{width:99%;}
#visaAktiviteter .td2{font-size:0.9em;}
#visaAktiviteter .td5 img{width:30px!important;height:30px!important;}
#visaBrowseDykLoggar1{float:right;text-align:right;}
#visaBrowseDykLoggar2{float:left;text-align:right;}
#visaExperience .c1{float:none!important;text-align:left!important;width:90%!important;}
#visaExperience .splitr{float:none!important;text-align:right!important;}
#visaFakturor{border:none;border-radius:0;border-spacing:0;width:100%;}
#visaFakturor .c1{font-size:.5em;white-space:normal;}
#visaFakturor .td2{text-align:center;}
#visaFakturor .td3{text-align:center;}
#visaInbetalningar{border:none;border-radius:0;border-spacing:0;width:100%;}
#visaInbetalningar .c1{font-size:.5em;white-space:normal;}
#visaInbetalningar .td2{text-align:center;}
#visaInbetalningar .td3{text-align:center;}
#visaInstructors{width:100%;}
#visaLoggar select{max-width:90%;}
#visaMedlem .c1{float:none;text-align:center;width:100%;}
#visaMedlem .c2{float:left;width:40%;}
#visaMedlem .c3{float:right;width:60%;}
#visaMedlem .c4{clear:both;}
#visaMedlem .c5{float:right;}
#visaMedlemCertfoto {width:90%;}
#visaMedlemTxCertfoto {width:90%;}
#visaMedlemDPVCertfoto {width:90%;}
#visaMedlemmar{font-size:6px;}
#visaMedlemmar .c1{float:left;width:30%;}
#visaMedlemmar .c2{float:left;width:70%;}
#visaMinaAktiviteter .td1{width:10%;}
#visaMinaAktiviteter .td2{width:25%;}
#visaMinaAktiviteter .td3{width:63%;}
#visaMinaAktiviteter .td4{width:0;}
#visaMinaAktiviteter .td5{width:2%;}
#visaMinAktivitetsHistorik .bold{font-weight:normal!important}
#visaMinaLoggar .bold{font-weight:normal!important}
#visaMinaLoggar .td7{display:none}

#visaStatistikAktiviteter{width:100%;}
#visaStatistikAktiviteter .statistikRubrik{font-size:5px;}
#visaStatistikAktiviteter .statistikText{font-size:5px;}
#visaStatistikDykare{width:100%;}
#visaStatistikDykare .div1{float:left;margin-top:1.5em;text-align:left;width:25%;}
#visaStatistikDykare .div2{float:left;margin-top:1.5em;width:50%;}
#visaStatistikDykare .div3{float:left;width:20%;}
#visaStatistikDykare .div5{width:100%;}
#visaStatistikDykare .statistikRubrik{font-size:5px;}
#visaStatistikDykare .statistikText{font-size:5px;}
#visaStatistikNivaer{width:100%;}
#visaStatistikNivaer .statistikRubrik{font-size:5px;}
#visaStatistikNivaer .statistikText{font-size:5px;}
#visaTeam{width:100%;}
/* END TAG */
}
/* END MOBILE CSS */
