body.nologin{
  background: #fff;
}

.customcontent-wrapper{
  padding: 20px;
}

.customcontent{
  background: #fff;
  max-width: 900px;
  padding: 20px 0;
}

.container{
  margin: 120px auto 0;
  padding: 0;
  text-align: left;
  /*width: 96%;*/
}

.container .header-wrapper{
  background: #344555;
  box-shadow: 4px 4px 4px rgba(0,0,0,.3);
  color: #fff;
  left: 0;
  position: absolute;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 200;
}

.header{
  margin: 0 auto;
  max-width: 1440px;
  min-height: 80px;
  padding: 0 70px 0 10px;
  position: relative;
}

.header .userinfo{position:absolute;top:-40px;right:0;font-size:18px;line-height:1;}
.header .userinfo{text-align:right;}
.header .userinfo-name{padding:0 0 0 20px;margin:0;color:#fff;position:relative;
  font-weight:bold;}
.header .userinfo-name:after{content:'';position:absolute;width:12px;height:11px;
  background:url(/images/sprites.png) no-repeat -40px 0;top:50%;left:0;margin:-5px 0 0;}
.header .userinfo-name a{text-decoration:none;font-weight:normal;color:#fff;}
.header .userinfo-name a:hover,
.header .userinfo-name a:focus{text-decoration:underline;}
.header .userinfo-logout a{color:#eee;font-size:14px;}

.navi-icon {
  cursor: pointer;
  float: none;
  height: 30px;
  margin: 0 auto;
  position: absolute;
  right: 20px;
  top: 26px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 34px;
  z-index: 3;
}
.navi-icon > span {
  background-color: #fff;
  /*border-radius: 3px;*/
  display: block;
  height: 0.3em;
  margin-top: -0.3em;
  position: absolute;
  top: 50%;
  width: 100%;
}
.navi-icon > span:before,
.navi-icon > span:after {
  background-color: #fff;
  /*border-radius: 3px;*/
  content: "";
  height: 100%;
  position: absolute;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 100%;
}
.navi-icon > span:before {
  -webkit-transform: translateY(-.8em);
  transform: translateY(-.8em);
}
.navi-icon > span:after {
  -webkit-transform : translateY(.8em);
  transform: translateY(.8em);
}
.navi-icon.active {
  -webkit-transform : rotate(45deg);
  transform: rotate(45deg);
}
.navi-icon.active > span:before {
  -webkit-transform : rotate(90deg);
  transform: rotate(90deg);
}
.navi-icon.active > span:after {
  -webkit-transform : rotate(90deg);
  transform: rotate(90deg);
}
.navi-icon.active span,
.navi-icon.active > span:before,
.navi-icon.active > span:after{
  background-color: #666;
}

.header-navi{
  background: #344555;
  display: none;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0 0 10px;
  position: absolute;
  right: 0;
  top: 80px;
}

.header-navi li{
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

.header-navi a{
  color: #fff;
  display: block;
  font-weight: 700;
  padding: 10px 20px;
  position: relative;
  text-decoration: none;
}

.header-navi .current a{
  color: #72d9ff;
}

a.header-navi-login,
a.header-navi-register{
  background: transparent;
  border: 2px solid #58c7f0;
  border-radius: 16px;
  color: #fff;
  display: none;
  float: right;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  margin: 20px 0 0 10px;
  padding: 10px 20px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  z-index: 1;
}

.header-logo{
  left: 10px;
  margin: -13px 0 0;
  position: absolute;
  top: 50%;
}

.header-logo a{
  padding: 0;
}

.header-logo img{
  width: 160px;
}

@media screen and (min-width:360px){

  a.header-navi-login{
    display: block;
  }

}

@media screen and (min-width:520px){

  a.header-navi-register{
    display: block;
  }

}

@media screen and (min-width:1200px){

  .mobile-only{
    display: none !important;
  }

  .header{
    padding: 0 10px;
  }

  .header-navi{
    background: transparent;
    display: block !important;
    left: auto;
    margin: 0 0 0 265px;
    padding: 0;
    position: relative;
    right: auto;
    top: auto;
  }

  .header-navi li{
    display: inline-block;
  }

  .header-navi a{
    border-bottom: 4px solid transparent;
    padding: 30px 20px 28px;
  }

  .header-navi a:hover,
  .header-navi a:focus{
    color: #72d9ff;
  }

  .header-navi .current a{
    border-color: #fff;
  }

  .header-logo img{
    width: 190px;
  }

  a.header-navi-login,
  a.header-navi-register{
    padding: 8px 20px 12px;
  }

  a.header-navi-login:after,
  a.header-navi-register:after{
    content: ' »';
    font-size: 22px;
    line-height: 14px;
  }

  a.header-navi-login:hover,
  a.header-navi-login:focus,
  a.header-navi-register:hover,
  a.header-navi-register:focus{
    background: #fff;
    color: #333;
  }

}


.page{
  min-height: 800px;
  position: relative;
}

.page > div{
  margin: 0 auto;
  max-width: 1440px;
  position: relative;
}

/*.subheader-wrapper{position:absolute;left:0;right:0;margin:14px 0 0;}
.subheader{margin:0 auto;max-width:1440px;position:relative;top:-40px;left:10px;;}
#goto-overview{float:right;border-radius:0;background:#88b5db;border:0;display:none;}
.adminuser{background:#88b5db;color:#fff;padding:4px 10px;display:inline-block;}
.adminuser-action{display:inline-block;margin:0 0 0 10px;font-size:.7em;}
.adminuser-heading{display:inline-block;margin:0 10px 0 0;}
.adminuser-user a{text-decoration:none;font-weight:bold;color:#fff;}
.adminuser a{color:#fff;}

.content{position:relative;margin:0 auto;padding:0 0 80px;min-height:400px;width:96%;overflow:hidden;}
.content h2{margin:0 0 .4em;font-size:24px;font-weight:300;color:#111;}
.content h3{margin:0 0 .2em;}
.content h3.next{padding-top:20px;}
.content #tool_title{line-height:32px;margin-bottom:10px;}
.content #tool_title img{float:left;margin-right:10px;width:32px;height:32px;}

.quicksearch{position:absolute;top:20px;right:0;width:180px;}
#quicksearch{width:100%;padding:2px 0 2px 27px;
border-radius:10px;border:1px solid #ccc;
background:#fff url(../images_layout/quicksearch.png) no-repeat 7px center;
margin:0 0 15px;min-height:26px;}

#quicksearch::-webkit-input-placeholder{font-size:.9em;}
#quicksearch:-moz-placeholder{font-size:.9em;}

.validationdate{position:absolute;top:25px;right:0;width:180px;font-size:14px;line-height:1;color:#fff;text-align:right;}
.validationdate-date{display:block;font-size:20px;}*/

.quicksearch{
  position: relative;
}

#quicksearch{
  border: 0;
  font-size: 14px;
  height: auto;
  padding: 10px;
}

.quicksearch ul.ds-list{
  background: #f1f1f1;
}

.quicksearch li.ds-result-item.active {
  background-color: #31A1CA;
  border-color: #31A1CA;
  border-radius: 0;
  color: #fff;
  text-shadow: none;
}

.wrapper{
  position: relative;
}

.footer-wrapper{
  background: #344555;
  font-size: 13px;
  padding: 20px 12px;
  position: relative;
  text-align: center;
}

.footer,
.footer a{
  color: #fff;
}

.footer{
  margin: 0 auto;
  max-width: 1100px;
}

.footer-heading{
  border-bottom: 1px solid rgba(255,255,255,.25);
  padding: 0 0 30px;
  margin: 0 0 30px;
}

.footer-heading-sub{
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 30px;
  font-weight: 300;
  margin: 20px 0;
}

.footer-heading-apps a{
  display: inline-block;
  margin: 0 10px;
  text-decoration: none;
}

.footer-heading-apps svg path{
  fill: #fff !important;
}

.footer-content-btn{
  margin: 30px 0 40px;
}

.footer-content-btn a{
  display: block;
  text-align: center;
}

.footer-content-links{
}

.footer-content-links ul{
  display: inline;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  width: auto;
}

.footer-content-links li{
  display: inline-block;
  margin: 0 0 .7em;
  max-width: 200px;
  text-align: left;
  width: 40%;
}

.footer-content-links li:before{
  content: '» ';
}

.footer-content-links li a{
  text-decoration: none;
}

.footer-content-links li a:hover,
.footer-content-links li a:focus{
  text-decoration: underline;
}

@media screen and (min-width:840px){

  .footer-heading{
    display: flex;
  }

  .footer-heading > *{
    margin: 0;
  }

  .footer-heading-sub{
    margin-left: 40px;
  }

  .footer-heading > :last-child{
    margin-left: auto;
  }

  .footer-heading-apps a{
    margin: 0 ;
  }

  .footer-heading-apps a + a{
    margin-left: 20px;
  }

  .footer-content{
    display: flex;
    font-size: 15px;
  }

  .footer-content-btn{
    margin: 0 20px 0 0;
    max-width: 200px;
    order: 1;
    width: 200px;
  }

  .footer-content-links{
    order: 2;
  }

  .footer-content-copyright{
    margin-left: auto;
    order: 3;
  }

}

.login h2{
  color: #4f4f4f;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 36px;
  font-weight: 300;
  text-transform: none;
}

.login-container{
  margin: 4rem 0 0;
  min-height: 100vh;
}

.login-header-wrapper{
  background: #eaecee;
  height: 4rem;
  left: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.login-header{
  text-align: left;
}

.login-navi{
  background: #344555;
  text-align: left;
}

.login-navi-logo{
  height: 8rem;
  padding: 2.7rem 0 0 4.5rem;
}

.login-navi-logo svg{

}

.login-navi-validationdate{
  font-size: 12px;
}

.login-navi-user{
  padding: 2.5rem 4.5rem;
}

.login-navi-user{
  background: #345062;
}

.login-navi,
.login-navi a{
  color: #fff;
}

.login-page{
  padding: 2rem;
  text-align: left;
}

.admin-navi{
  display: flex;
  justify-content: start;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.admin-navi li{
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 3;
}

.admin-navi li a{
  border-bottom: 4px solid transparent;
  color: #344555;
  display: block;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  padding: 10px;
  text-decoration: none;
}

.admin-navi li a:hover,
.admin-navi li a:focus{
  border-color: #344555;
}

.admin-navi li.current a{
  background: #31a1ca;
  border-color: #31a1ca;
  color: #fff;
}

.admin-navi .admin-navi-myuser{
  margin-left: auto;
  margin-top: 0;
  position: relative;
  z-index: 1;
}

.admin-navi .admin-navi-myuser a{
  border: 0;
  display: block;
  padding: 0;
  text-transform: none;
}

.admin-navi-myuser svg{
  width: 20px;
}

.admin-navi-myuser a:hover svg path{
  fill: #344555 !important;
}

.myuser-navi{
  padding: 17px 12px 12px;
  position: absolute;
  right: 0;
  top:0;
  width: 220px;
  z-index: 1;
}

.myuser-navi.active{
  background: #fff;
  box-shadow: 0 0 6px rgba(0,0,0,.2);
}

.admin-navi-myuser.active{
  z-index: 5;
}

.myuser-navi svg{
  position: relative;
  top: -15px;
}

.myuser-navi.active svg{
  top: 17px;
}

.myuser-navi-user{
  margin: 0 0 12px;
}

#user-navi,
.myuser-navi-user-user,
.myuser-navi-user-type-text{
  display: none;
}

.myuser-navi.active .myuser-navi-user-user,
.myuser-navi.active .myuser-navi-user-type-text{
  display: block;
}

.myuser-navi-user-type{
  text-align: right;
}

.myuser-navi.active .myuser-navi-user-type{
  text-align: left;
}

.myuser-navi.active svg{
  position: absolute;
  right: 12px;
  top: 22px;
}

.myuser-navi-content{
  border-top: 1px solid #cacaca;
  padding: 12px 0;
}

.validationdate{
  color: #767676;
  font-size: 14px;
  font-style: italic;
  margin: 0 0 1em;
}

.myuser-navi-content ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.myuser-navi-content ul li{
  margin: 0 0 .5em;
  padding: 0;
}

.myuser-navi-content ul li:last-child{
  margin: 1em 0 0;
}

.myuser-navi-content ul li a{
  color: #767676;
  display: block;
}

.myuser-navi-content ul li a:hover,
.myuser-navi-content ul li a:focus{
  color: #4f4f4f;
  text-decoration: underline;
}

.myuser-navi-user-type,
.admin-navi .myuser-navi-content li a{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.login-navi{
  padding: 0;
  position: relative;
}

.login-navi-user-community,
.login-navi-user-edit{
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.login-navi-user-edit a{
  text-decoration: none;
}

.login-navi-user-edit a:hover,
.login-navi-user-edit a:focus{
  text-decoration: underline;
}

.login-navi-user-actions{
  font-size: 11px;
  margin: 25px 0 0;
}

.login-navi-content{
  padding: 0 0 1rem;
}

#navi{
  display: none;
}

.user-navi{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.user-navi li{
  font-size: 16px;
  margin: 0;
  padding: 0;
  position: relative;
}

.user-navi li.current{
  margin-right: -10px;
}

.user-navi li a{
  display: block;
  padding: 15px 4.5rem;
  position: relative;
  text-decoration: none;
}

.user-navi li a:after{
  content: '»';
  position: absolute;
  right: 60px;
}

.user-navi li.current a:after{
  right: 70px;
}

.user-navi li a:hover,
.user-navi li a:focus{
  background: #495866;
}

.user-navi li.current a{
  background: #31a1ca;
}

.user-navi .open-payment{
  background: #b20000;
  border-radius: 50%;
  display: inline-block;
  font-weight: 700;
  margin: -3px 0 0 10px;
  padding: 4px 12px;
  position: absolute;
}

.login-navi-copyright{
  bottom: 0;
  display: none;
  left: 0;
  padding: 2.5rem 4.5rem;
  position: absolute;
  right: 0;
}

.login-navi-copyright a{
  display: block;
  margin: .5em 0 0;
}

.login-navi-copyright .divider{
  display: none;
}

.login button{
  padding: 8px 15px 10px;
}

.buttons{
  margin-top: 40px;
}

.buttons button{
  display: block;
  text-align: center;
  width: 100%;
}

@media all and (min-width: 540px){

  .buttons{
    display: flex;
    margin-top: 40px;
  }

  .buttons button{
    display: inline-block;
    width: auto;
  }

  .buttons button.save{
    order: 5;
    margin-left: auto;
  }

  .buttons button.cancel{
    order: 1;
    margin-right:10px;
  }

  .buttons button.delete{
    order: 2;
  }

}

@media all and (min-width: 840px){

  .login-container{
    display: flex;
    margin-top: 8rem;
  }

  .login-header-wrapper{
    height: 8rem;
    left: 35%;
    padding: 0 2rem;
  }

  .login-navi{
    margin-top: -8rem;
    padding: 0 0 100px;
    position: relative;
    width: 35%;
  }

  .login-navi-content{
    padding: 2.5rem 0;
  }

  .login-navi-copyright{
    display: block;
  }

  .login-page{
    width: 65%;
  }

  .admin-navi-wrapper{
    padding: 38px 0 0;
  }

  .admin-navi li{
    margin-right: 12px;
  }

  .admin-navi li a{
    font-size: 18px;
    padding: 10px 14px;
    text-transform: uppercase;
  }

  .admin-navi .admin-navi-myuser{
    margin-top: -25px;
  }

  .login .navi-icon{
    display: none;
  }

  .login #navi{
    display: block !important;
  }

  .myuser-navi svg{
    top: 5px;
  }

}

@media all and (min-width: 1200px){

  .login-header-wrapper{
    left: 30rem;
    padding: 0 9rem;
  }

  .login-header{

  }

  .login-navi{
    width: 30rem;
  }

  .nologin .login-header-wrapper{
    left: 40rem;
  }

  .nologin .login-navi{
    width: 40rem;
  }

  /*.login-navi-copyright a{
    display: inline;
    margin: 0;
  }

  .login-navi-copyright .divider{
    display: inline;
  }*/

  .login-page{
    padding: 4.5rem 6rem;
    width: 84%;
  }

  .navi-icon{
    display: none;
  }

  #navi{
    display: block !important;
  }

}

@media all and (min-width: 1540px){

  .myuser-navi-user-type{
    margin-top: 4px;
    text-align: left;
  }

  .myuser-navi-user-user,
  .myuser-navi-user-type-text{
    display: block;
  }

  .myuser-navi svg,
  .myuser-navi.active svg{
    position: absolute;
    right: 10px;
    top: 17px;
    width: 30px;
  }

}

/*.navi-wrapper{position:absolute;bottom:40px;left:340px;}
.navi{list-style-type:none;margin:0;padding:0;text-align:left;}
.navi li{display:inline-block;margin:0 5px 0 0;padding:0;text-align:center;font-size:16px;}
.navi a{display:block;padding:5px 15px;color:#fff;background:#39383D;
text-decoration:none;word-wrap:break-word;}
.navi li:hover{}
.navi li:hover a,.navi li.current a{background:#344a5e;}
.navi li.adminmode a,.navi li .adminmode{background:#ea8cbd;}*/

/*.subheader .navi-wrapper{position:relative;bottom:auto;left:auto;display:inline-block;}
.subheader .navi li{margin:0 0 0 5px;font-size:14px;}
.subheader .navi a{padding:5px 9px;background:#88B5DB;}*/

table.data,
ul.standardlist,
div.standardlist{
  font-size: 15px;
}

div.standardlist{
  background: #344555;
  color: #fff;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  padding: 4px 10px;
}

ul.standardlist{
  border-top: 1px solid #111;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.standardlist li{
  background: #fff;
  color: #767676;
  margin: 0;
  padding: 15px 18px;
}

ul.standardlist li ul li{
  font-size: .9em;
}

ul.standardlist li:nth-child(2n){
  background: #f0f0f0;
}

ul.standardlist li:hover{
  background-color: #d6ecf4;
}

ul.standardlist div.edit{
  float: right;
  text-align: right;
  width: 130px;
}

ul.standardlist div.status{
  float: right;
  padding-top:5px;
  text-align: center;
  width: 30px;
}

ul.sortable li,
tbody.sortable td{
  cursor: move;
}

table.standardlist{
  margin: 0 0 1em;
  padding: 0;
}

table.standardlist a{
  color: #333;
}

table.standardlist thead th{
  font-weight: bold;
  line-height: 22px;
  padding: 10px 18px;
  background: #344555;
  color: #fff;
  text-align: left;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

table.standardlist th a{
  color: #fff;
  display: block;
}

table.standardlist tbody td{
  background: #fff;
  border-width: 1px;
  color: #767676;
  margin: 0;
  padding: 15px 18px;
}

table.standardlist tr:nth-child(2n+1) td{
  background: #f0f0f0;
}

table.standardlist tr:hover td,
table.standardlist tr:hover a{
  background-color: #d6ecf4;
}

table.standardlist td.icon{
  text-align: center;
  vertical-align: middle;
}

table.standardlist td.icon img{
  margin: auto;
}

table.standardlist td.cb{
  text-align: center;
  width: 40px;
}

table.standardlist td label{
  padding: 0;
}

table.standardlist .right{
  text-align: right;
}


table.list{
  border-collapse: collapse;
  margin: 0 0 1em;
}

table.list thead th{
  background-color: #344555 !important;
  border: 1px solid #fff;
  border-top-color: #344555;
  color: #fff;
  text-align: left;
  vertical-align: top;
}

table.list thead th:first-child{
  border-left-color: #344555;
}

table.list thead th:last-child{
  border-right-color: #344555;
}

table.list tbody .invalid td,
table.list tbody .invalid td a{
  color: #b20000;
}

table.bookings .booking-ok td{
  background: #ccffcc !important;
}

table.bookings .booking-no-measurements td,
table.bookings .booking-no-measurements a{
  color: #b53333 !important;
}

table.bookings .has-comments,table.bookings .has-notices{
  height: 70px;
}

table.bookings .has-comments.has-notices{
  height: 90px;
}

table.bookings .comments{
  position: relative;
}

table.bookings .comment{
  color: #b53333;
  font-size: 11px;
  position: absolute;
  width: 500px;
}

table.bookings .comment + .comment{
  margin-top: 20px;
}

table.bookings .comment-heading{
  font-weight: bold;
  display: inline-block;
  padding: 0 0 0 20px;
  position: relative;
}

table.bookings .comment-heading:before{
  background: url(../images_layout/icons.png) no-repeat -62px 0;
  content: '';
  height: 14px;
  left: 0;
  margin: -7px 0 0;
  position: absolute;
  top: 50%;
  width: 14px;
}

table.bookings .admin-comment{
  color: #0076b2;
}

table.bookings .admin-comment .comment-heading{
  padding: 0;
}

table.bookings .admin-comment .comment-heading:before{
  display: none;
}

.bookings-legend{
  font-size: 11px;
  position: absolute;
  right: 200px;
  top: 4px;
}

.bookings-legend > div{
  float: left;
  line-height:20px;
  margin: 0 20px 0 0;
  padding: 0 0 0 16px;
  position: relative;
}

.bookings-legend > div:before{
  border: 1px solid #666;
  content: '';
  height: 12px;
  left: 0;
  margin: -6px 0 0;
  position: absolute;
  top: 50%;
  width: 12px;
}

.bookings-legend > .bookings-legend-booking-ok:before{
  background: #ccffcc !important;
}

.bookings-legend > .bookings-legend-booking-no-measurements:before{
  background: #fff !important;
  display: none;
}

.bookings-legend > .bookings-legend-booking-no-measurements{
  color: #b53333;
}

table.tablesorter .sorting_asc,
table.tablesorter .sorting_desc,
table.standardlist .sorting_asc,
table.standardlist .sorting_desc{
  background-position: 5px center !important;
  background-repeat: no-repeat !important;
  color: #72d9ff;
  cursor: pointer;
  padding-left: 25px;
}

table.tablesorter .sorting_asc{
  background-image: url(/login/templates/Core/images_layout/icons/asc.png) !important;
}

table.tablesorter .sorting_desc{
  background-image: url(/login/templates/Core/images_layout/icons/desc.png) !important;
}

table.tablesorter{
  border: 0 !important;
}

table.tablesorter .sortby{
  display: none;
}

table.tablesorter thead th{
  background: #344555 !important;
}

.artikel tr{
  position: relative;
}

.dataTables_wrapper .dataTables_paginate{
  padding-top: 1.25em;
}

.dataTables_wrapper .dataTables_paginate a.paginate_button{
  background: #505050;
  color: #fff !important;
  font-size: 12px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
  display: none;
}

.dataTables_wrapper .dataTables_filter{
  font-size: 11px;
  position: absolute;
  right: 0;
  top: -36px;
}

.dataTables_filter input{
  border: 1px solid #ccc;
  padding:1px 5px;
  width: 180px;
}

.dataTables_filter label{
  padding: 0;
}

.dataTables_wrapper .sorting_disabled{
  cursor: default;
}

.tablesorter-pager span{
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  padding: 4px;
}

.tablesorter-pager .prev:before{
  content: '< ';
}

.tablesorter-pager .next:after{
  content: ' >';
}

.tablesorter-pager .pagedisplay{
  background: transparent;
  border: 0;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  width: 30px;
}

.tablesorter-pager select{
  margin: 0 0 0 20px;
}

.login .dataTables_length label{
  padding: 0;
}

.login .dataTables_paginate{
  padding: 0;
}

.login .dataTables_paginate .paginate_button{
  padding: 14px;
  margin: 0 0 0 4px;
}

.ifilter{
  display: flex;
  position: absolute;
  margin: -36px 0 0 140px;
  z-index: 111;
}

.clickable-rows td{
  cursor: pointer;
}

.picturelist{overflow:hidden;}
.picturelist .item{float:left;padding:0;margin:0 17px 17px 0;}
.picturelist .item{width:210px;height:160px;padding:5px;background:#ddd;position:relative;}
.picturelist .picturelist-action{position:absolute;display:none;top:5px;right:5px;font-size:12px;
  background:#344a5e;opacity:.8;color:#fff;margin:0;padding:2px 7px;cursor:pointer;}
.picturelist .picturelist-action.handle{cursor:move;right:auto;left:5px;}
.picturelist .item:hover .picturelist-action{display:block;}
.picturelist button{width:210px;margin:0 17px 17px 0;text-align:center;}

#tabs{padding:0 !important;border:0 !important;}
#tabs ul.ui-tabs-nav{padding:0;}
#tabs .ui-tabs-nav li{background:#505050;color:#fff;border-radius:0;border:0;
  position:relative;}
#tabs .ui-tabs-nav li:after{position:absolute;content:'';width:18px;height:17px;
  background:url(../images_layout/icons.png) no-repeat 1000px 0;top:50%;right:10px;margin:-9px 0 0;opacity:.7;transition:opacity .3s;}
#tabs .ui-tabs-nav li.tab-units:after{background-position:-119px -21px;width:21px;}
#tabs .ui-tabs-nav li.tab-locations:after{background-position:-18px -21px;height:18px;width:11px;}
#tabs .ui-tabs-nav li.tab-favourites:after{background-position:-29px -21px;}
#tabs .ui-tabs-nav li.tab-bookings:after{background-position:-93px -21px;height:18px;width:26px;}
#tabs .ui-tabs-nav li.tab-users:after{background-position:-140px -21px;}
#tabs .ui-tabs-nav li:hover:after,#tabs li.ui-state-active:after{opacity:1;}
#tabs .ui-tabs-nav li a{padding:10px 40px 10px 14px;}
#tabs li.ui-state-active{background:#88b5db;}
#tabs li.ui-state-active a{color:#fff;}
#tabs .tab_content,
#tabs .ui-widget-content{padding:30px 15px 10px !important;background:#f2f2f2 !important;overflow:auto;}
#tabs li.admin,
#tabs li.admin a.active{background:#ffbbdd !important;
  color:#111 !important;border-color:#ffbbdd !important;}
#tabs li.admin a,
#tabs li.admin a.active{color:#111 !important;}

.widget{padding:20px;border:1px solid #ccc;border-radius:6px;}

#tooltip{
  position:absolute;
  z-index:3000;
  border:1px solid #111;
  background-color:#eee;
  color:#111;
  padding:5px;
  opacity:0.9;
  font-weight:normal;
  text-align:left;font-size:12px;max-width:400px;
}
#tooltip h3,#tooltip div{font-weight:normal;margin:0;}
img.tooltip{display:inline;}

#uploader{position:absolute;z-index:5000;display:none;}

.pic-wrapper{position:relative;margin:0 0 10px 0;border:1px solid #666;display:inline-block;
  background:url(../images_layout/img_bg.gif) repeat;}
.crop-icon{display:none;position:absolute;z-index:100;top:0;right:0;bottom:0;left:0;cursor:pointer;
  background:url(../images_layout/icons/crop.png) no-repeat center center;}
.pic-wrapper:hover .crop-icon{display:block;}

pre{font-size:1.1em;}

/* API docs */
.docs h4{margin:0;}
.docs pre{margin-top:0;background:#eee;font-size:12px;padding:10px;}
.methods{list-style-type:none;margin:0 0 2em;padding:0;}
.method{margin:0 0 10px;padding:0;background:#ddd;border:1px solid #999;}
.method-heading{background:#ccc;padding:10px;font-size:16px;line-height:26px;}
.method-type{float:left;width:60px;text-align:center;padding:0 4px;background:#333;color:#fff;margin:0 10px 0 0;}
.method-method{float:left;}
.method-desc{float:right;}
.method-token{color:#b20000;}
.method-content{padding:10px;border-top:1px solid #999;}
.method-params-list{list-style-type:square;margin:0 0 1em;}
.method-response-code{}
.methods pre{background:#fff;}
.js .method-heading{cursor:pointer;}
.js .method-heading:hover{background:#bbb;}
.js .method-content{display:none;}

.method.get{background:#EBF3F9;}
.method.get,.method.get .method-content{border-color:#C3D9EC;}
.method.get .method-heading{background:#E7F0F7;}
.method.get .method-type{background:#0F6AB4;}

.method.put{background:#FAF5EE;}
.method.put,.method.put .method-content{border-color:#F0E0CA;}
.method.put .method-heading{background:#F9F2E9;}
.method.put .method-type{background:#C5862B;}

.method.post{background:#EBF7F0;}
.method.post,.method.post .method-content{border-color:#C3E8D1;}
.method.post .method-heading{background:#E7F6EC;}
.method.post .method-type{background:#10A54A;}

.method.delete{background:#F7EDED;}
.method.delete,.method.delete .method-content{border-color:#E8C6C7;}
.method.delete .method-heading{background:#F5E8E8;}
.method.delete .method-type{background:#A41E22;}

.deprecated{color:#b20000;font-style:italic;}


