body {
}

.k-link.k-nav-day {
    font-size: 15px;
    
}


  .k-floatwrap.k-header.k-scheduler-toolbar {
         background-color: #f5f5f5;
         border-radius: 0;

     }

  .k-scheduler-content .k-scheduler-table tbody td{
      /*height: 50px!important;*/
      
      border-color: lightgray;
  }

  


.k-scheduler-table th {
    text-align: center;
    font-weight: normal;
    background-color: rgb(77, 77, 77);
    color: white;
}

.k-scheduler-table {

    background-color: whitesmoke;
    /*background-color: rgb(77, 77, 77);*/
    
}

.inactiveSlot.k-state-selected>.k-link {
    color: white;
}

.k-state-selected>.k-link {
    color: black;
}

        .k-event {
            
            border-style: none;
            background-color: transparent;
            border-color: black;
            z-index: 0;
            float: left;
            display: block;
            overflow: visible;
        }

        .k-icon.k-si-close {
            background-image: none;
            display: none;
        }

      
        
        .k-state-hover .request-template a,
        .request-template a:hover {
            color: #000000;
        }

       .activeSlot {
          background-color: white;
        }

        .inactiveSlot {
            background-color: #f4f4f4;
            /*color: #e8e8e8;*/
           
        }

        .k-other-month.inactiveSlot .k-link.k-nav-day {
            background-color: #f4f4f4;
             /*color: #e8e8e8;*/
        }
       
        .k-state-selected {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .k-event.k-state-selected {

            background-color: transparent;
            

        }

        .inactiveSlot.k-state-selected {

            background-color: rgb(255, 207, 207)!important;
            /*color: #e8e8e8;*/
            

        }

        .activeSlot.k-state-selected {

            font-weight: bold;
            color: black;
            background-color: #bce8f7;

        }

        .dayStatusSlot.k-state-selected {

            font-weight: bold;
            color: black;
            background-color: #bce8f7;

        }

        .blockedDay.k-state-selected {

             font-weight: bold;
            color: black;
            background-color: rgb(201, 201, 201);

        }

        .requestEditorContent {

            horiz-align: center;
            vert-align: center;

        }

        .periodTitle {
            font-size: 14px;
        }



        .errorText {

            margin-left: 20px;

        }


        .nameColumn {

            width: 50px;

        }

        .title {
            color: black;
            font-size: 1.2em;
        }


        .description {
            height: 20px;
            width: 100%;
            color: white;
        }


         .blockedDay.errorSlot {
            position: relative;
            background-color: rgb(226, 226, 226);
        }

        .blockedDay {
            position: relative;
            background-color: rgb(226, 226, 226);
        }

         .dayStatusSlot {
            background-color: white;
            color: black;
            position: relative;

        }

        .dayStatusSlotContent {

            position: absolute;
            color: darkred;
            float: left;
            margin-left: 0;
            bottom:5px;
            left: 0;
            /*margin-top: 60px;*/
            /*font-size: 30px;*/

        }

        .dayStatusSlotBody {
            position: relative;
            /*margin-top: 100px;*/
            display:block;
            height: 80%;
            width: 100%;
            font-size: 14px;
            color: black;
        }

     
        .panelBar {
            height: 800px;
            background-color: transparent;
            border-style: none;
        }

        .shiftProfileGrid {
            height: 800px;
        }

        .weightingGrid {
            height: 350px;
        }
        
        .requestTypeBanner {
         
            margin-top: -19px;
            opacity: 0.5;
            border-radius: 0;
            height: 20px;
            width: 100%;
            z-index: 1;
        }


        /*Der Kopf für den Edit Controller*/
     .requestEditController .requestEditControllerHeader {

         border-bottom-style: solid;
         border-bottom-width: 1px;
         border-bottom-color: lightgray;
         height: 47px;
         background-color: #f5f5f5;
         /*float: left;*/

     }




     .requestEditController .requestEditControllerHeader div {
         padding: 5px!important;
         float: right!important;
         margin-right: 0!important;
         margin-top: 0 !important;

     }
     
     .dataChooser {
             width: 100%!important;
             /*height: auto!important;
             margin-right: 8px!important;
             float: right!important;*/
        }

     /*Der Body für den Edit Controller*/
     .requestEditController div.requestEditControllerBody {

         padding: 0;
         position: relative;
         border-left-style: solid;
         border-left-width: 1px;
         border-left-color: lightgray;
         height: 750px;
        

     }

     /*Der Body für den Edit Controller auf der linken Seite*/
     .requestEditController.first div.requestEditControllerBody {

         padding: 0;
         position: relative;
         border-right-style: solid;
         border-right-width: 1px;
         border-right-color: lightgray;
         height: 750px;
         

     }

     
     /*Den Tabellenkopf auf der Linken Editorleiste nicht anzeigen*/
   .requestEditController.first div.requestEditControllerBody .k-widget.k-grid .k-header {
            display: none;
    }

      /*Tabelle innerhalb des EditControllerBodys*/
     .requestEditControllerBody .k-widget.k-grid {
         margin-top: 10px;
            border-width: 0;
         overflow: hidden;

            /*background: rgb(248, 248, 248);*/
            /*margin-left: 20px;*/
            /*margin-right: 10px;*/
        
     }


     .requestEditControllerBody .k-header {
        
         background-color: white !important;
         font-weight: bold!important;
    }

     .requestEditControllerBody tr {
        background-color: white !important;
    
     }

     .requestEditControllerBody tr.k-state-selected {
        background-color: rgb(224, 224, 224) !important;
        color: black;
    
     }

      #requestTableController .requestEditControllerBody  {
         
          background-color: white;
          overflow-x: hidden;
         
     }

      #requestTableController .requestEditControllerBody div.k-widget.k-grid  {
         /*float: right;*/
         width:100%!important;
          
         height: auto;
         padding: 0 !important;
         /*margin-right: 20px!important;*/
     }

     .requestEditController .requestEditControllerBody div.k-widget.k-grid  {
         /*float: right;*/
         width:100%!important;
         height: 100%;
         padding: 0 !important;
         /*margin-right: 20px!important;*/
     }

     .requestEditControllerBody div.k-widget.k-grid .k-grid-header {
         padding-right: 0 !important;
     }


     .requestEditControllerBody .selectedDay {
         font-size: 18px;
         color: darkgray;
         overflow: hidden;
         height: 30px;
     }

     

       .requestEditController p{
           
         /*margin-left: 20px!important;*/
         /*margin-top: 20px!important;*/
         /*margin-right: 0px!important;*/
         position: relative;
         /*width:100%;*/
           /*float: left!important;*/
     }

      
     .requestEditController div{

         /*padding-top:  5px!important;*/
         position: relative;
         
 
     }


     .requestEditController ul{

         padding-left: 20px;
         margin-top: 20px;
         margin-left: 0;
         position: absolute;
         width:90%;
         
          /*margin-left: -30px;*/
     }

     /*.requestEditController ul li:first-child{
          list-style-type: none;
          margin-top:0px;
     }*/

      .requestEditController ul li{
          list-style-type: decimal;
          margin-top:20px;
     }

      .btn-requestEditController {
          float: right;
      }


      

     

.editorButtons ul {
    
    width: 100%!important;
    display: block;
    position: relative;
    margin-right: 0px;
    margin-top: 10px!important;
    float: none!important;

}

.editorButtons ul li {
    width: 100%;
    list-style-type: none!important;
    margin-top: 5px !important;
}

.editorButtons {

    margin-right: 0px;
    float: right;
    /*margin-top: 20px;*/
    /*width: 100%;*/
}


.editorButtons button.btn.btn-default {
    
    position: relative;
    margin-right: 0px;    
    margin-top: 5px;
    border-radius: 0;
    float: right;
    
}


      .errorIcon {
           position: absolute;
           color: #b80a0a;
          
           z-index: 1;
          margin-top:1px;
          left: 5px;
          /*font-size: 22px;*/
           
           

      }

       .errorIconBody {
            position: relative;
            /*margin-top: 100px;*/
            display:block;
            height: 80%;
            width: 100%;
            font-size: 14px;
            color: black;
        }

        .errorSlot {
            background-color: white;
            color: darkred!important;
            position: relative;
            font-weight: bold;

        }

        .datePicker {
            
            margin-top: 5px;
            width: 90%;
        }

        .datePickers {

            margin-top: 0px;

            text-align: left;
            width: 100%;
        }


/*Für den Desktop*/
@media only screen and (min-width:1026px) {
    /*Der Ramen des Kalendercontrolls*/
     .k-scheduler {
         margin-top: 40px;
           border-style: solid;
           border-right-style: none;
           border-color: darkgray;
           border-width: 1px;
           border-radius: 0px;
           float: left;
           width: 83%;
           height: 800px;
     }

       .k-scheduler.center {
           margin-top: 40px;
           border-style: solid;
           border-right-style: none;
           border-left-style: none;
           border-color: darkgray;
           border-width: 1px;
           border-radius: 0px;
           float: left;
           width: 70%!important;
           height: 800px;
     }

         .requestEditController {
             overflow: hidden;
             margin-top: 40px;
             display: block;
             background-color: #f9f9f9;
             height: 802px;
             width:16%;
             border-style: solid;
             border-color: darkgray;
             border-left-style: none;
             border-width: 1px;
             float: left;
         }

      .requestEditController.first {
              width:12%;
              border-left-style: solid!important;
              border-right-style: none !important;
             
         }

         .editorButtons button.btn.btn-default {
    
            width: 150px!important;

        }
}
 

/*Für das Tablet in Landscape*/
@media only screen and (min-width:768px) and (max-width:1025px) {

     
     .k-scheduler {
         margin-top: 40px;
          border-style: solid;
           border-right-style: none;
           border-left-style: none;
           border-color: darkgray;
           border-width: 1px;
           border-radius: 0px;
           float: left;
           height: 800px;
           width: 100%!important;
          
     }

        .k-scheduler.center {
           
           width: 81%!important;
           
          
     }

          .requestEditor {

            width: 82%;

        }

         

         .requestEditController {
             overflow: hidden;
             margin-top: 40px;
             display: block;
             background-color: #f9f9f9;
             height: 802px;
             border-style: solid;
             border-color: darkgray;
             border-left-style: none;
             border-width: 1px;
             float: left;
             width:18%;
             
             
             }

            .requestEditController p {
                
                /*overflow: hidden!important;*/
                margin-left: 15px!important;
            }

          .requestEditController.first {
              width:15%!important;
              border-left-style: solid!important;
              border-right-style: none !important;
             
         }

             /*Der Kopf für den Edit Controller*/
     .requestEditController .requestEditControllerHeader {

         border-bottom-style: solid;
         border-bottom-width: 1px;
         border-bottom-color: lightgray;
         height: 47px;
         background-color: #f5f5f5;
       

     }
     
      
         .editorButtons button.btn.btn-default {
    
            width: 120px!important;

        }

          .requestEditControllerBody .selectedDay {
             
             font-size: 0px;
             color: darkgray;
             overflow: hidden;
     }

           
        
}

 

        /*Für das Smartphone*/
@media only screen and (max-width:767px) {

   

    /*.requestEditController.open .dataChooser {
            bottom: 312px;
            transition: 0.5s;
            
        }*/

      .requestEditController.first {
             display: none !important;
         }

       .requestEditController.first.open {
             display: block !important;
         }
      

      .editorButtons {
          margin-top: 0;
          width: auto!important;
          text-align: center;
         
          z-index: 900;
          
          position: relative;
          

      }

        /*.requestEditController.open .editorButtons {
            bottom: 208px;
            transition: 0.5s;
            
        }*/


         .editorButtons button.btn.btn-default:first-child {

            float: right;
            width: 50px!important;
             margin-right: 0;
        }

         .editorButtons button.btn.btn-default {

            float: right;
            width: 50px!important;
            margin-right: 5px;
        }


    /*Der Ramen des Kalendercontrolls*/
     .k-scheduler {
           margin-top: 40px;
           border-style: solid;
           border-right-style: solid;
           border-color: darkgray;
           border-width: 1px;
           float: left;
           width: 100%!important;
           height: 800px;
     }


      .requestEditController {
             position: fixed;
             bottom: -460px;
             width: auto;
             height: 500px;
             left: 0px;
             right: 0px;
             z-index: 1000;
             overflow-y: hidden;
             overflow-x: hidden;
             
             display: block;
             background-color: whitesmoke;
             border: none;
             transition: 0.5s;
             
         }


    
      .requestEditController.open {
             bottom: 0;
             transition: 0.5s;
         }


      .requestEditController .requestEditControllerHeader {
          background-color: rgb(249, 249, 249);
          border-top-style: solid;
          border-top-width: 1px;
          border-top-color: rgb(203, 203, 203);
          
          position: relative;
          width: 100%;
          height:40px;
          z-index: 900;
          bottom: 0px;
          /*transition: 0.5s;*/

      }
      

         /*.requestEditController.open .requestEditControllerHeader {
            bottom: 300px;
            transition: 0.5s;
        }*/

      .requestEditControllerBody {
         
         
           overflow-y: scroll;
           background-color: rgb(156, 197, 168);
      }

      .requestEditController div.requestEditControllerBody {
          border: none;
          height: 100%;
        }

      
      .requestEditControllerBody .mainRequestEditor {
          
          position: relative!important;
          background-color: rgb(156, 197, 168);
        
      }
      
      

      .requestEditControllerBody .alternativRequestEditor {
    
    
          position: relative!important;
          background-color: rgb(255, 224, 166);
        
      }
         
     .requestEditController .requestEditControllerHeader div.btn.btn-subViewMenu {
            position: absolute;
            top: 0px;
            font-size: 20px;
            right: 10px;
            width: auto;
            color: black;

     }

       .dataChooser {
         
          width: 40%!important;
          /*margin-left: 135px;*/
          /*bottom: -3px;*/
          left: 60px;
          top: 8px;
          position: fixed!important;
          
     }

       .requestEditControllerBody div.k-widget.k-grid  {
         /*float: right;*/
         width:100%!important;
         height: 100%;
         padding: 0 !important;
         /*margin-right: 20px!important;*/
     }
    
}