/*
Theme Name:	 appuccino care
Theme URI:	 https://care.appuccino.ch
Description: Diese Theme enthält die themespezifischen Anpassungen sowie den Programmcode der Applikation.
Author:			 Mojosoft & Rainbat Solutions
Template:		 the-theme
Version:		 1.0.0
*/


.the-header {
  /* change to fit to your header (logo image) size */
  /* do not set height or max-height here! */
  min-height: 84px !important;
  /* background: #ff5722 !important; */
}

.the-header li > a {
  /* Navigation menu */
  /* fix the line height to fit your header min-height and font-size */
  /* line-height: 10px; */
}

.the-logo {
  /* padding-top: 10px; */
}

.the-menutoggle {
  /* padding-top: 30px; */
}

.the-sitemenu {
  padding-top: 15px;
}

.the-title {
  /* Title (non-sticky subheader) */
  /* change to fit to your header (logo image) size */
  /* margin-top: 84px; */
  /* background: #ff7043 !important; */
}

.the-quickaccess.mfb-component--tr {
  /* Floating Button Position */
  /* top: 24px; */
}
.wp-bootstrap-fix .the-quickaccess.mfb-component--tr {
  /* add 32px to the top position of #the-quickaccess */
  /* top: 56px; */
}
.the-quickaccess .mfb-component__button--main,
.the-quickaccess .mfb-component__button--child {
  /* Floating Button Color */
  background-color: #CDDC39 !important;
}

.the-container {

}

.the-content {

}

.the-left {

}

.the-right {

}

.the-footer-menu {

}

.the-author-credits {

}

.the-footer {

}


/* ***** Additional tweaks ***** */

/*
.dmbs-ext-nav .navbar-nav > li > a {
  color: #1B4794;
}

.dmbs-ext-nav .navbar-nav > li > a:hover {
  color: #A2C406;
  text-decoration: underline;
}

.dmbs-ext-nav .navbar-nav > .active > a {
  color: #A2C406;
}

.dmbs-ext-nav .navbar-nav > .active > a:hover, 
.dmbs-ext-nav .navbar-nav > .active > a:focus {
  text-decoration: underline;
}
*/



.dark-primary-color    { background: #0097A7; }
.default-primary-color { background: #00BCD4; }
.light-primary-color   { background: #B2EBF2; }
.text-primary-color    { color: #FFFFFF; }
.accent-color          { background: #CDDC39; }
.primary-text-color    { color: #212121; }
.secondary-text-color  { color: #727272; }
.divider-color         { border-color: #B6B6B6; }


/* ***** Home Page ***** */


.home_info {
  background: #81D4FA;

}

.home_info .cq-bannerblock-title,
.home_info .cq-bannerblock-desc {
  color: white;
}


.home_login {
  /* background: #ccd1d9 url(/wp-content/uploads/login_background.jpg) !important; */
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}  


/* ***** Ferien / Stunden ***** */


.vaccation { }

.vaccation th { 
  background: #e4e4e4;
  text-align: center;
  padding: 2px 4px;
  border: 2px solid white;
  border-bottom: 4px solid white;  
}
.vaccation td {
  text-align: center; 
  padding: 4px 8px;
  border: 2px solid white; 
}
.vaccation .done {
  background: #5a5a5a;
  color: white;  
}
.vaccation .done a, .vaccation .done a:hover {
  color: white;
}
.vaccation .planned {
  background: #A2C406;
  color: black;
}
.vaccation .planned a, .vaccation .planned a:hover {
  color: black;
}

.summary td {
  width: 50%;
  background: #e4e4e4;
  padding: 8px 20px;
  border: 3px solid white;  
}
.summary .emph {
  background: #5a5a5a;
  color: white;
}

.vaccation .title {
  background: #5a5a5a;
  color: white;
  font-size: 12px;
  text-align: right;
  width: auto;
}

.holiday {
  line-height: 20px;
}
.holiday span {
  font-size: 14px;
  background: #A2C406;
  color: black;
  padding: 4px 12px;
  margin-right: 15px;
}

td.sqltable-buttonarea {
  padding: 0 !important;
}


/* ***** Mitarbeiter ***** */


.employee-info {
  width: 100%;
}
.employee-info td.gravatar  {
  width: 120px;
  vertical-align: middle;
  padding: 0px;
  background: white;
}
.employee-info td {
  background: #e4e4e4;
  padding: 3px 24px;
  line-height: 1.2;
  border: 3px solid white;  
}
.employee-info .title{
  font-weight: bold;
  width: 100px;
}


/* ***** Aufträge ***** */


.task-status {
  padding-right: 20px;
  float: left;
}
.task-status i {
  height: 90px;
  width: 90px;
  background: #5a5a5a;
  color:white;
  display:inline-block;
  font-size: 50px;
  line-height: 90px;
  text-align: center;
  vertical-align: bottom;  
}

.task-status-mini {
  padding-top: 12px;
  padding-right: 4px;
  float: left;
}
.task-status-mini i {
  height: 24px;
  width: 24px;
  color: #cacaca;
  display:inline-block;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  vertical-align: bottom;  
}


/* ***** Zeiterfassung ***** */

.wt-start-row {
  margin-bottom: 12px;
}

.wt-task-row {
  margin-bottom: 12px;
}

.wt-finish-row {

}

.btn.btn-raised.btn-worktime {
  background: #0097A7;
}
.btn.btn-raised.btn-worktime:hover {
  background: #4DB6C1;
}


.wt-button {
  /*height: 70px;*/
  min-height: 70px;
  width: 70px;
  min-width: 70px;
  padding: 0 !important;
  margin-right: 8px !important;
}

.wt-button i {
  /*height: 70px;*/
  width: 70px;
  color:white;
  display:inline-block;
  font-size: 35px;
  line-height: 70px;
  text-align: center;
  vertical-align: bottom;  
}

.wt-task-row .btn[id^="wt-break"] i { font-size: 28px; }
.wt-task-row .btn[id^="wt-lastweek"] i { font-size: 30px; padding-right: 6px; }
.wt-task-row .btn[id^="wt-nextweek"] i { font-size: 30px; padding-left: 6px; }
/*
.btn-info, .wt-button,
.btn-info:focus, .wt-button:focus,
.btn-info:active, .btn-info.active, 
.wt-button:active, .wt-button.active {
  background: #5a5a5a;
}
.btn-info:hover, .wt-button:hover {
  background: #8C8C8C;
}
.btn-info.disabled, .btn-info[disabled],
.wt-button.disabled, .wt-button[disabled]  {
  background: #7B7B7B !important;
}
*/
.btn[id^="wt-"].btn-success.disabled, 
.btn[id^="wt-"].btn-success[disabled], 
.btn[id^="wt-"].btn-success.disabled:hover, 
.btn[id^="wt-"].btn-success[disabled]:hover, 
.btn[id^="wt-"].btn-success.disabled:focus, 
.btn[id^="wt-"].btn-success[disabled]:focus, 
.btn[id^="wt-"].btn-success.disabled:active, 
.btn[id^="wt-"].btn-success[disabled]:active,
.btn[id^="wt-"].btn-success.disabled.active, 
.btn[id^="wt-"].btn-success[disabled].active {
  background: #33CC33 !important;
}

.btn[id^="wt-"].btn-danger, 
.btn[id^="wt-"].btn-danger:hover, 
.btn[id^="wt-"].btn-danger:focus, 
.btn[id^="wt-"].btn-danger:active, 
.btn[id^="wt-"].btn-danger.active {
  background: #FF3300 !important;
}

.wt-info {
  width: 400px;
  text-align: center;
}

.btn.btn-inverse.btn-wpsync {
  width: 400px;
  font-size: 22px;
  letter-spacing: 1px;
  text-align: center;
  color: #0097A7;
  border-color: #0097A7;
}

.btn.btn-inverse.btn-wpsync:hover,
.btn.btn-inverse.btn-wpsync:active {
  border-color: #CDDC39 !important;
  background-color: #CDDC39 !important;
  color: white !important;
}

.wt-infotitle {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  padding-left: 10px;
  margin: 0;
  color: black;
}

.wt-infotext {
  font-size: 14px;  
  font-weight: normal;
  line-height: 1.2;  
  padding-left: 10px;
  margin: 0;
  color: black;
}


/* ***** Suche ***** */


.alert {
  color: #5A5A5A;
  border: none;
}
.alert-info {
  background : #EAEAEA;
}
.alert-warning {
  background : #FEEBB2;
}


/* ***** Dashboard ***** */


.the-tiles .tile-special {
  background: #A2C406;
}
.the-tiles .tile-special:hover {
  background: #92B005;  
}
.the-tiles .tile.selected {
  border-color: #A2C406;
}
.the-tiles .tile.selected:after {
  border-top: 28px solid #A2C406;
}
/*
.the-tiles .tile .tile-status.image span.name {
  color: #A2C406;
}
*/


/* ***** Frontend Posts ***** */


.frontier_post_form table {
  margin: 0;
}
.frontier_post_form table td {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.frontier-list th {
  border-bottom: 1px solid #ddd;  
}
.frontier-list td {
  border-top: 1px solid #ddd;  
}
.frontier-menu a, #user_post_submit, #submit_delete, #cancel {
  background: #A2C406;
  color: white;
  font-weight: bold;
  padding: 6px 12px;
}
#user_post_submit, #submit_delete, #cancel {
  margin-top: 40px;
}
.frontier-menu a:hover, #user_post_submit:hover, #submit_delete:hover, #cancel:hover {
  background:  #5a5a5a;
  color: white;
}
#user_post_title, #user_post_tag, #user_post_excerpt {
  font-size: inherit;
  padding: 3px;
  display: block;
  width: 100%;
  margin-top: 8px;
}
#frontier_editor_field .wp-editor-area {
  border-bottom: 1px solid #dedede;
  background: #f5f5f5 !important;  
}
td.frontier_no_border, 
td.frontier_border {
  border: none !important;
  padding-bottom: 0 !important;
}
th.frontier_heading {
  padding-left: 0 !important;
}
.frontier_post_msg {
  background: #FEEBB2;
  color: #5A5A5A;
  padding: 15px;
  width: 100%;
}

/* ***** Mobile Devices (Bootstrap with non-mobile first) ***** */


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}

/* Small desktops */

@media only screen and (max-width : 1200px) {

  .wt-info {
    width: 280px;
  }

  .wt-finish {
    width: 280px;
  }
}

/* iPad mini portrait */

@media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px)
  and (-webkit-min-device-pixel-ratio: 1)  { 

  .wt-button {
    /*height: 80px;*/
    min-height: 80px;
    width: 80px;
    min-width: 80px;
  }

  .wt-info {
    width: 345px;
    min-width: 345px;
    font-size: 18px;
  }

  .wt-finish {
    width: 345px;
    min-width: 345px;
    font-size: 32px;
  }

  .the-login-links {
    padding-top: 160px;
    margin-top: 0;
    padding-left: 0;
    margin-left: 0;
  }

  .the-login-item {
    padding-left: 0;
    padding-right: 30px;    
  } 

}


/* iPad mini landscape */

@media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px)
  and (orientation : landscape)
  and (-webkit-min-device-pixel-ratio: 1)  {

  .wt-button {
    /*height: 65px;*/
    min-height: 65px;
    width: 65px;
    min-width: 65px;
  }

  .wt-info {
    width: 300px;
    min-width: 300px;
    font-size: 15px;
  }

  .wt-finish {
    width: 300px;
    min-width: 300px;
    font-size: 24px;
  }

  .the-login-links {
    padding-top: 80px;
  }  

}



/* ***** Responsive Support ***** */


/* Mobile devices */

/* iPhone 2G to 4S portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {

}

/* iPhone 2G to 4S landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {

}

/* iPhone 2G to 4S portrait and landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

}

/*iPhone 5 portrait and landscape*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {

}

/*iPhone 5 portrait*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {

}

/*iPhone 5 landscape*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {

}

/*iPhone 6 portrait*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {

}

/*iPhone 6 landscape*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {

}

/*iPhone 6+ portrait*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {

}

/*iPhone 6+ landscape*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {

}

/* ***** Tablet devices ***** */

/* iPads (portrait and landscape) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

}

/* iPads (landscape) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

}

/* iPads (portrait) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

}

/* Desktop devices */

/* Desktops and laptops */
@media only screen and (min-width: 1224px) {

}

/* Large screens */
@media only screen and (min-width: 1824px) {

}


@media (max-width: 744px) and (min-width: 1px) {

    /*.wt-button{
      height: 50px;
      width: 50px;
      min-height: 50px;
      min-width: 50px;
      line-height: 50px;
      font-size: 50px;
      display: run-in;
    }*/

    /*.wt-info {
        width: 140px;
        overflow: auto;
    }*/
    
    .col-md-12{
      padding-right: 0px;
      padding-left:  10px; 
    }

    h3{
      font-size: 14px;
      font-weight: bold;
      text-align: center;
    }

}


h3{
  text-align: center;
}

.wt-info2 {
  width: 320px;
  text-align: center;
}
.wt-infodetail{
  display: none;
}