@media only screen 
and (min-device-width : 295px) 
and (max-device-width : 320px) {
#sq-logo img {
width:295px!important; }

#header-container {margin-top:17px!important;}
}

@media only screen 
and (min-device-width : 321px) 
and (max-device-width : 360px) {
#sq-logo img {width:335px!important;}
}

@media only screen 
and (min-device-width : 361px) 
and (max-device-width : 480px) {
#sq-logo img {width:345px!important;}
}

body.ui-mobile-viewport, div.ui-mobile-viewport {
  overflow-x: hidden!important;
}


body {background-color:#ffffff!important;
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif!important;
font-weight: 400!important;
font-size: 14px!important;
overflow:auto!important;
overflow-y: auto;
overflow-x:hidden!important;
color:#000!important;
}


@font-face {
  font-family: 'PT Serif Caption';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif Caption'), local('PTSerif-Caption'), url(http://themes.googleusercontent.com/static/fonts/ptserifcaption/v4/7xkFOeTxxO1GMC1suOUYWWhBabBbEjGd1iRmpyoZukE.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hp1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}


h1 {
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif!important;
  font-weight: 400;
  font-size: 36pt;
  letter-spacing: 0.00em;
  line-height: 44pt;
  color: #333;
}
h1:hover {
  color: #333;
}
h1:active {
  color: #333;
}
h2 {
  font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif!important;
  font-weight: 200!important;
  font-size: 20pt!important;
  letter-spacing: 0.01em!important;
  line-height: 24pt!important;
  color: #333!important;
}
h2:hover {
  color: #333;
}
h2:active {
  color: #333;
}
h3 {
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif!important;
  font-weight: 200;
  font-size: 18px;
  letter-spacing: 0.01em;
  line-height: 24pt;
  color: #333;
  line-height: 24px;
}
h3:hover {
  color: #333;
}
h3:active {
  color: #333;
}
h4 {
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif!important;
  font-weight: 400;
  font-size: 11pt;
  letter-spacing: 0.01em;
  line-height: 14pt;
  color: #333;
}
h4:hover {
  color: #333;
}
h4:active {
  color: #333;
}
h4:hover {
  color: #333;
}
h4:active {
  color: #333;
}
h5 {
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif!important;
  font-weight: 600;
  font-size: 11pt;
  letter-spacing: 0.01em;
  line-height: 14pt;
  color: #333;
  font-size: 90%;
}
h5:hover {
  color: #333;
}
h5:active {
  color: #333;
}
h6 {
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif!important;
  font-weight: 600;
  font-size: 11pt;
  letter-spacing: 0.01em;
  line-height: 14pt;
  color: #333;
  font-size: 80%;
}
h6:hover {
  color: #333;
}
h6:active {
  color: #333;
}


.ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button {
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif!important;
}

#sq-logo {width:100%; border-bottom:1px solid #ccc; margin-bottom:20px; margin-top:-10px;}

.login-icon {width:90px;}

#welcome {width:100%; height:100px;}

#login-icon {float:left; width:110px;}

#login-text {float:left;}

.ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b {
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif!important;
text-decoration: none;
}

.ui-btn-up-b {background:#1976D2!important;}


ui-bar-b, .ui-bar-b input, .ui-bar-b select, .ui-bar-b textarea, .ui-bar-b button {
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif!important;
}

.ui-btn-corner-all {border-radius:3px!important;}

.ui-bar-b {
border: 0px!important;
background: #2196F3!important;
color: #fff!important;
font-weight: 200!important;
text-shadow: none!important;
}

#messages {margin-bottom:17px;}


.ui-footer .ui-btn-icon-notext, .ui-header .ui-btn-icon-notext {
top: 13px!important;
}

.ui-header .ui-btn-right, .ui-footer .ui-btn-right {
right: 14px!important;
}

.ui-header .ui-btn-left, .ui-footer .ui-btn-left {
left: 14px!important;
}

#R2623615529536324 {height:55px;margin-top:-72px;}

.ui-title {margin-top:-1px!important;}

#month {
  width: 100%;
  height: 40px;
  margin-top: -32px;
  background-color: #2196F3;
  color:#fff;
}

#leftnav {float:left; width:15%; padding-top:9px}

#currentmonth {float:left; width:33.3333333333%; text-align:center;}

#rightnav {float:left; width:15%; text-align:right; padding-top:9px;}

#nobutton {background-color:transparent!important; border:0px!important;border-top:0px!important;border-bottom:0px!important;}

#header-container {
  width: 100%;
  background-color: #1976D2;
  color: #fff;
  height: 40px;
  margin-top:-32px;
}

#logo {float:left;
width:25%;
height:40px;
}

.logo-img {margin-top:11px;
margin-left:15px;
}

#user {float:left;
width:25%;
text-align:right;
height:40px;
}

#user-name {margin-right:15px;
margin-top:9px;
text-transform:lowercase;
font-size:12px;
}

#page {float:left; width:50%; text-align:center; height:40px;}

#page-title {margin-top:8px; width:70%; float:left;}

#page-title-home {margin-top:8px;}

#page-title-dag-agenda {margin-top:8px;}

.ml15 {margin-left:15px;}

.mr15 {margin-right:15px;}

.KalToday {}

#homemenu {width:100%; height:145px; background-color:#2196F3; color:#fff; padding-top:50px;}

#row {width:100%; height:160px;}

#left {float:left; width:49%; text-align:center;}

#right {float:right; width:49%; text-align:center;}

.homeicon {font-size:34px!important; color:#fff!important;}

a:-webkit-any-link {text-decoration:none!important;}

.ui-body-c .ui-link {font-weight:normal!important;}

#month-selection {
  text-align: center;
  height: 25px;
  margin-top: 15px;
  display:none;
}

#user-name a:link {color:#fff!important;}

.ui-shadow-inset {
  -moz-box-shadow: none!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;}
}

.primary {color:#212121!important;}

.secondary {color:#727272!important;}

#header-card-dag-agenda {
  background-color: #2196F3;
  height: 60px;
  color: #fff;
}

#card-nav  {
  float: left;
  width: 25%;
  padding-left: 15px;
}

#card-content {float:right;width:69%;}

.mt15 {margin-top:15px;}

.mt17 {margin-top:17px;}

.mb12 {margin-bottom:12px;}