/*HTML CSS JS Result Edit on 
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300); *,*/
/**::before,
*::after {
    box-sizing: border-box;
}*/

ul {
    /*overflow: auto;*/
    /*allow li's to overflow w/ scroll bar // at the bottom of the menu*/
}

li {
    white-space: nowrap;
    /*stop the wrapping in the first place*/
}

select{
    max-width:150px;
}

.tabcontrol {
    bottom: 0;
    left: 0;
    float: left;
    margin-left: -65px;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: column;
    -ms-flex-direction: row;

    -moz-transform: rotate(90deg);
    -moz-transform-origin: right;

    -ms-transform: rotate(90deg);
    -ms-transform-origin: right;

    -o-transform: rotate(90deg);
    -o-transform-origin: right;

    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: right;

    transform: rotate(90deg);
}
.tabitem li.active {
    background-color: #14c8d4;
}
    .tabitem li {
    float: left;
    top: 0;
    padding: 3px 0px;
    cursor: pointer;
    /*border: 1px solid;*/
    /*border-left-color: white;*/
    /*border-top-color: whitesmoke;*/
    background-color: #017b96;
    border-radius: 15px 0px 0px 0px;
}

/*.tabitem li:hover {
    background-color: #059fc1; 
}*/

table.scroll tbody {
    overflow-y: auto;
    overflow-x: hidden;
}


body {
    color: #595959;
    font-family: Verdana, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, sans-serif;
    font-size: 11px;
    /*font-weight: 300;*/
    line-height: 1.0;
    overflow-x: hidden; /* hide horizontal scroll*/
    overflow-y: hidden;
    background-color: whitesmoke;

    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}
.container {
    display: block;
    width:100%;
}

.container-header {
    display: block;
    overflow-y: hidden; /* bei 'scroll' fireFox Darstellungsproblem*/
    margin-left: -5px; /*braucht es wenn verflow-y: hidden*/
}

.container-body {
    display: block;
    overflow-y: scroll;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}
.primary-footer
{
    margin-top:15px;
    display:inline-flex;
    flex-direction:row;
}
/*image-button*/
.jimagebutton {
    padding: 1px;
    cursor: pointer;
    margin: 2px;
    border: 1px solid #15aeec;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    font-family: arial, helvetica, sans-serif;
    padding: 2px 2px; /*10px 10px 10px 10px;*/
    text-decoration: none;
    display: inline-block;
    /*text-shadow: -1px -1px 0 rgba(0,0,0,0.3);*/
    font-weight: bold;
    color: #ffffd3;
    background-color: #02abd1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#02abd1 ), to(#017b96));
    background-image: -webkit-linear-gradient(top, #02abd1, #017b96);
    background-image: -moz-linear-gradient(top, #02abd1, #017b96);
    background-image: -ms-linear-gradient(top, #02abd1, #017b96);
    background-image: -o-linear-gradient(top, #02abd1, #017b96);
    background-image: linear-gradient(to bottom, #02abd1, #017b96);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#02abd1, endColorstr=#e6e600);
}

   .jimagebutton:hover {
        border: 1px solid #1090c3;
        background-color: #1ab0ec;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#02abd1 ), to(#c6c603));
        background-image: -webkit-linear-gradient(top, #02abd1, #c6c603);
        background-image: -moz-linear-gradient(top, #02abd1, #c6c603);
        background-image: -ms-linear-gradient(top, #02abd1, #c6c603);
        background-image: -o-linear-gradient(top, #02abd1, #c6c603);
        background-image: linear-gradient(to bottom, #02abd1, #c6c603);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b3b300, endColorstr=#c6c603);
    }
  .jimagebutton > img {
        vertical-align: top;
        padding: 2px 1px;
        height: 12px;
        width: 12px;
    }

.jimagebutton > span {
    vertical-align: top;
    padding:0px;
    padding-right: 5px;
}

.usersGroupHeaderlightbackgroundColor {
    background-color: #d1f1f9; /*#93c8ec;#e6e600*/
    color: #083b5c;
}

.headerlightbackgroundColor {
    background-color: #02abd1; /*#93c8ec;#e6e600*/
    color: #083b5c;
}
.headerbackgroundColor {
    background-color: #059fc1;
    color: #93c8ec;
}
.headerdarkbackgroundColor {
    background-color: #017b96; /*#2283c3;#b3b300;*/
    color: #ffffd3;
}


/* Users */
/*#feedback { font-size:10px; }*/
.jt-select .ui-selecting {
    background-color: #3498db;
    color: white;
}

.jt-select .ui-selected {
    background-color: #3498db;
    color: white;
}

.jt-select .ui-selected-light {
    background-color: #7ed6ea;
    color: darkblue;
    border:solid thin yellow;
}

.jt-select {
    list-style-type: none;
    border: solid thin silver;
    margin: 1px 1px;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

.jt-select li {
    margin: 1px;
    padding: 1px;
    font-size: 11px;
    max-height: 24px;
    min-height: 18px;
    vertical-align: central;
    padding-left: 5px;
    padding-top: 0px;
    cursor: pointer;
    border-bottom: solid thin #3498db;
}
/* Nav */
.jnav {
    vertical-align: top;
    padding: 0px 2px;
    border: thin solid lightskyblue;
    background-color: #059fc1; /*#3498db*/
    color: white;
    margin-right: 5px;
    cursor: pointer;
}
.jnavskew {
    vertical-align: top;
    padding: 2px 2px;
    border: thin solid lightskyblue;
    background-color: #059fc1; /*#3498db*/
    color: white;
    margin-right: 5px;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
}
.img {
    /*padding-top: 10px;
    padding-bottom: 10px;*/
    height: 12px;
    height: 12px;
    padding: 1px 1px;
    margin-left: 2px;
}

.plan {
    /*border: thin solid silver;*/
    /*background-color: #75efe9;*/
    border-collapse: collapse;
    border-spacing:0;
    padding: 0;
    margin: 0;
    width:100%;
    /*height:100%;*/
}
.einsaetze {
    border-top: thin solid white;
    /*border-left: thin solid #0066ff;*/
}
.dienste {
    padding-left: 0px;
    padding-top: 0px;
}
.dienstHeader {
    margin: 0;
    padding: 0;
    padding-left: 1px;
    padding-right: 1px;
    min-width: 60px;
    /*font-size:12px;*/
    border: 0;
    border-bottom: 1px solid silver;
    /*background-color: #3498db;*/ /*#2659ad*/
    color: white;
    cursor: pointer;
    /*display:block;*/
    text-wrap:avoid;
    max-width: 150px;
    text-overflow: ellipsis;
 }
/*.dienstHeaderGroup {
    margin: 0;
    padding: 0;
    padding-left: 1px;
    padding-right: 1px;
    min-width: 60px;

    border: 0;
    border-Top: 1px solid #059fc1;
    color: whitesmoke;
    cursor: pointer;

    text-wrap: avoid;
    max-width: 150px;
    text-overflow: ellipsis;
    color: #059fc1;
}*/

.hoursHeader {
    margin: 0;
    padding: 0;
    padding-left: 0px;
    padding-right: 2px;
    width: 40px;
    /*border: 1px solid silver;*/
    border-bottom: 1px solid silver;
    color: white;
    cursor: pointer;
    vertical-align: top;
    text-align: right;
    font-weight: bold
}

.canvasRect {
    /*border: thin solid silver;*/
    margin: 0px;
    padding: 0px;
    /*background-color: aqua;*/
    margin-bottom: 0px;
}
.canvasRuler {
    /*border: thin solid silver;*/
    margin: 1px;

    padding: 0px;
    /*background-color: aqua;*/
    /*margin-bottom: 0px;*/
}
.tdMain {
    /*border: thin solid silver;*/
    margin: 0px;
    padding: 0px;
    margin-bottom: 0px;
}

table {
    border-spacing: 0; 
    border-collapse:collapse;
    }
li{
    font-size:11px;
}
.iw-mIcon {
    /*menu icon*/
    width: 16px;
    height: 16px;
    margin: -5px;
    margin-left: 5px;
}

.ctxMenu
{
    padding:5px 10px;
    vertical-align:central;
    margin:5px;
}
/*select > option:hover {
    background-color: aqua;
    cursor: pointer;
    padding: 5px;
    margin: 5px;
    border: thin solid blue;
}*/
select > option {
    /*background-color: lightskyblue;*/
    cursor: pointer;
    padding: 2px;
    margin: 1px;
    /*border: thin solid gray;*/
}

.todaybtn {
    /*background-color: #4CAF50;*/
    color: white;
    padding: 5px 0;
    margin: 3px 0;
    font-size: 11px;
    border: none;
    cursor: pointer;
}

/*loader*/
.loader {
    margin: 0 auto;
    align-content: center;
    font-weight: normal;
    font-size: 10px;
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #3498db;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.login-loader {
    margin: 0 auto;
    align-content: center;
    font-weight: normal;
    font-size: 10px;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 10px;
    height: 10px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}

@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
/*loader*/