*,
*::before,
*::after {
  box-sizing: inherit;
}

.border-color-green {

    border-color: #33cabb !important;
}
.border-green {

    border:1px solid #33cabb;
}

#drop-area {
    border: 2px dashed #ccc;
    border-radius: 0px;
    width:100%;
    font-family: sans-serif;
    
    padding: 20px;
  }
  #drop-area.border-green {
    border-color: #33cabb;
  }
  

  #drop-area.border-red {
      border-color:  #f96868;
  }
  p {
      margin: 0px;
  }
  .my-form {
      margin-bottom: 0px;
  }
  #gallery {
      margin-top: 0px;
  
  }
  #gallery div {
      
      position:relative;
      margin-top: 20px;
      margin-bottom: 10px;
      margin-right: 10px;
      vertical-align: middle;
      /* min-height:250px;
      max-height:250px; */
  }

 .side-image{
    max-width:1000px;
    /* border:1px solid lightgrey; */
}
.sc-image-small{
    height: 50px;
    border:1px solid lightgrey;
}
  #gallery div img{
      height: 250px;;
      border:1px solid lightgrey;
  }
  .red-cross{
      display:flex;
      justify-content: center;
      align-items:center;
      position:absolute;
      top:-10px;
      right:-0px;
      width:30px;
      height:30px;
      border-radius:20px;
      border:2px solid #f96868;
      background:#292929;
      color: #f96868;
  
  }
  
  .text-inline{
      display:flex;
      color: #f96868;
      justify-content: flex-start;
      align-items:center;
      cursor: pointer;
      
      /*color: #f96868;*/
  
  }
  .choose_text {
  
      cursor: pointer;
      font-family: 'OSBOLD'; 
      margin:0;
      margin-right: 5px;
  
  }
  .choose_text:hover {
    color: #ddd;
  }
  #fileElem {
    display:none;
  }
  
/*/ toogle Checkbox ///////*/

.switch_state {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 28px;
  }

.switch_state input {
    opacity: 0;
    width: 0;
    height: 0;
}


.slider_cb {
    position: absolute;
    content: "";
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider_cb:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider_cb {
    background-color: #33cabb;
}

input:focus + .slider_cb {
    box-shadow: 0 0 1px  #33cabb;
}

input:checked + .slider_cb:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider_cb.corner {
    border-radius: 34px;
}

.slider_cb.corner:before {
    border-radius: 50%;
}

/*/ toogle Checkbox small ///////*/

.switch_state_small {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 18px;
    margin:0px !important;
  }

.switch_state_small input {
    opacity: 0;
    width: 0;
    height: 0;
}


.slider_small {
    position: absolute;
    content: "";
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider_small:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider_small {
    background-color: #33cabb;
}

input:focus + .slider_small {
    box-shadow: 0 0 1px  #33cabb;
}

input:checked + .slider_small:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}

.slider_small.corner_small {
    border-radius: 34px;
}

.slider_small.corner_small:before {
    border-radius: 50%;
}

/*/////////////////////////*/
.btn_cases_green{ 
    width:120px; 
    padding:5px; 
    color:white;
    background:#33cabb;
    border-radius:5px;
    border-radius:5px;
    white-space: normal;
}
.btn_cases_red{ 
    width:120px; 
    padding:5px; 
    color:white;
    background: #f96868;
    border-radius:5px;
    border:1px solid  #f96868;;
    white-space: normal;
}
.min-w-300{ 
    min-width:300px;
}

a{
  cursor:pointer;  
}
.border_green{
    border:1px solid #33cabb;
    min-height:25px;
    padding:5px;
}
#question_list {
  counter-reset: seq;
}
#question_list #list_number:after {
  counter-increment: seq;
  content: counter(seq);
}

#acceptance_list {
    counter-reset: seq;
  }
#acceptance_list #list_number1:after {
    counter-increment: seq;
    content: counter(seq);
  }


#bug_list {
    counter-reset: seq;
}
#bug_list #list_number2:after {
    counter-increment: seq;
    content: counter(seq);
}  

#precondition_list {
    counter-reset: seq;
}
#precondition_list #list_number3:after {
    counter-increment: seq;
    content: counter(seq);
}

#tree_btn:hover{color: #FF9D71;}
#info_btn:hover{color: #FF9D71;}
#action_btn:hover{
    color: #FF9D71 !important;
    border-color: #FF9D71 !important;
}

#tree_btn{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#info_btn{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#action_btn{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.dropdown {
    
    position: relative;
    display: inline-block;
    /* margin-top:-12px; */

  }
  

.dropdown-content::before {

    min-height:20px;
    min-width:20px;
    background:#2D3A50;
    position: absolute;
    transform: rotate(45deg);
    top:-10px;
    left:215px;
    content:'';
    z-index: 0;

}

.dropdown-content {
    display: none;
    position: absolute;
    left:-210px;
    top:40px;
    background-color: #f9f9f9;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    color:lightgray;
    border:1px solid grey;
    background:#2D3A50;
    border-radius: 7px;
  
}

 
.dropdown_open{
    display: block !important;
  } 

 
.dropdown_close{
    display: none;
  } 
.user_initials{

    background: #f96868;
    width: 230px;

    border-radius: 0px;
    color:white;
    margin-left: 0px;
    font-size: 135px;
    height: 230px;
    text-align: center;
    letter-spacing:2px;

}

.dropdown_link{
    color: white;
    font:  normal 14px OSBold;

}
.dropdown_link:hover{
    color:#FF9D71;
}

.line_orange{
    border-top:1px solid #FF9D71;
}
.user_image_small{
    min-width: 40px; 
    max-width: 40px; 
    min-height: 40px; 
    max-height: 40px; 
    border-radius: 20px; 
    margin-left: 10px;
}
.user_initials_small{

    background: #f96868;
    max-width: 40px;
    min-width: 40px;
    min-height:40px;
    max-height: 40px;
    border-radius: 20px;
    color:white;
  
    font-size: 16px;
    
    text-align: center;
    letter-spacing:2px;
    margin-left: 10px;

}

.user_image_table{
    min-width: 30px; 
    max-width: 30px; 
    min-height: 30px; 
    max-height: 30px; 
    border-radius: 20px; 
    margin-left: 5px;
}
.user_initials_table{

    background: #f96868;
    max-width: 30px;
    min-width: 30px;
    min-height:30px;
    max-height: 30px;
    border-radius: 20px;
    color:white;
  
    font-size: 13px;
    
    text-align: center;
    letter-spacing:2px;
    margin-left: 5px;

}
.user_image{
    width: 230px;
    height: 230px;
}

.abort_btn{
    color: #f96868 !important;
    border:1px solid #f96868  !important; 
}

.green_btn{
    color: #33cabb !important;
    border:1px solid #33cabb !important; 
}

.nav_right_btn{
    font-size: 15px;
    color:#33cabb; 
    background:#2D3A50;
    padding:9px 15px 9px 15px;
    border-radius:5px;
    margin-left:20px;
    border:1px solid #33cabb; 
}
.info_btn{
    font-size: 25px;
}
.all-runs{

    font-size: 14px; 
    font-family: 'OSBOLD'; 
    text-align: right;
}
.row-flex-s-b{ justify-content: space-between; }

.row-flex{
    display:flex ;
    align-items:stretch;
    flex-wrap: wrap;
}

.flex-center{ justify-content: center !important;}

.top{

    vertical-align:top !important;
}
.item-left{
    display:flex;
    justify-content: flex-start;
    align-items:center;
}
.item-center{
    display:flex;
    justify-content: center;
    align-items:center;
}
.item-right{
    display:flex;
    justify-content: flex-end;
    align-items:center;
}
.flex-middle{ align-self: center !important;}
.direction-row{ flex-direction:row;}

.direction-column{ flex-direction:column;}
.flex-100{ flex-basis:100% }
.basis-100{ flex-basis:100px }
.basis-150{ flex-basis:150px }
.basis-200{ flex-basis:200px }
.basis-300{ flex-basis:300px }
.basis-400{ flex-basis:360px }
.basis-600{ flex-basis:600px }
.basis-800{ flex-basis:800px }

.basis-p-5{ flex-basis:5% }
.basis-p-10{ flex-basis:10% }
.basis-p-15{ flex-basis:15% }
.basis-p-20{ flex-basis:20% }
.basis-p-25{ flex-basis:25% }
.basis-p-30{ flex-basis:30% }
.basis-p-33{ flex-basis:33% }
.basis-p-40{ flex-basis:40% }
.basis-p-50{ flex-basis:50% }
.basis-p-60{ flex-basis:64.5% }
.basis-p-65{ flex-basis:65% }
.basis-p-70{ flex-basis:70% }
.basis-p-80{ flex-basis:80% }
.basis-p-85{ flex-basis:85% }
.basis-p-90{ flex-basis:90% }
h5{
    font-family: OSBold;
    color: #707070;
    font-size: 16px;

}
/* Admin ***********/
#user_table > tbody >tr >td, #user_table > thead >tr >th  {
    padding:10px;
    
    
}

#user_table > tbody >tr:nth-child(2n) {background:#f4f4f4;}
.requierment_entry::before{
  min-width:10px;
  max-width:10px;
  min-height:10px;
  max-height:10px;
  content:' ';
  
  float:left;
  margin-right:5px;
  margin-left:5px;
  border-bottom:2px solid lightgray;
  border-left:2px solid Lightgray ;  
}

.req_boxed{
background:#2D3A50;
}
.select_open{
    font-family: OS;
    color: #707070;
    font-size: 13px;
    position:absolute;
    left:20px;
    bottom:10px;
   
}

.details-title {
    font-family: OSBold;
    color: #999;
    font-size: 15px;
    margin-bottom: 5px;
  }

.details-nums {
  font-size: 13px;
  color: #999;
  font-family: OS;
}

.test-text {
    font-size: 14px;
    color: #999;
    font-family: OS;
  }
.bar_square{
    width:42px; 
    height:42px;
    margin-left:10px;
    border-radius:0px;
    display: flex;
    align-items: center;
    justify-content: center;
    color:white;
}  
.border-left-green{
    border-left:2px solid #33cabb;
}
.border-bottom-green{
    border-bottom:1px solid #33cabb;
    border-top:1px solid #33cabb;
}
.aside-right{
background:#2D3A50;
position:absolute;
right:0;
top:63;
min-height:90%;
height:90%;


}
.bar{
    width:100%; 
    height:42px;
    background-color:white; 
    border:0px solid lightgrey; 
    margin:0px;
    border-radius:0px;
    background-size:100% 40px;  
    color:grey;
    transition: width 1s;
}
.inner_bar{
    width:1px; 
    height:42px;
    border:0px solid lightgrey; 
    margin:0px;
    border-radius:0px;
    background-size:100% 40px;  
    color:white;
    transition: width 1s;
}


.width-100px{
    min-width:100px;
    max-width:100px;
}
.width-33{
    width:33%;
    min-width:250px;
    max-width:400px;
    margin-right:20px;
}
.width-zip{
    width:100px;
    min-width:100px;
    max-width:100px;
}
.width-50px{
    min-width:50px;
    max-width:50px;
}
.width-150px{
    min-width:150px;
    max-width:150px;
}

.width-200px{
    min-width:200px;
    max-width:200px;
}

.width-300px{
    min-width:300px;
    max-width:300px;
}


.width-400px{
    min-width:400px;
    max-width:400px;
}


.width-500px{
    min-width:500px;
    max-width:500px;
}
.widget-flexbox1{
    margin:20px !important;
    min-width:200px;
    max-width:1660px;
}
.widget-db{
    margin:10px;
    background:white;
}

.widget-sb{
    
    padding:10px;
    background:white;
}

.max-height-overview{
    min-height:300px;
    max-height:300px;

}
.width-100{ width:100%; }
.max-w-400{ max-width:400px;}

.line{
    width: 100%;
    border-bottom:1px solid grey;    
}

.m-0{ margin:0px !important; }
.p-0{ padding:0px !important; }
.p-5{ padding:5px !important; }
.p-10{ padding:10px !important; }
.p-20{ padding:20px !important; }
.p-l-5{ padding-left:5px !important; }
.p-t-5{ padding-top:5px !important; }
.p-l-20{padding-left:20px !important;}
.p-r-20{padding-right:20px !important;}
.p-t-20{padding-top:20px !important;}
.p-b-20{padding-bottom:20px !important;}
.p-t-20{padding-top:20px !important;}
.p-t-2{padding-top:2px !important;}
.m-t-5{ margin-top:5px; }
.m-t-10{ margin-top:10px; }
.m-t-10{ margin-top:10px; }
.m-t-15{ margin-top:15px; }
.m-t-20{ margin-top:20px; }
.m-t-30{ margin-top:35px; }

.m-b-15{ margin-bottom:15px; }
.m-b-20{ margin-bottom:20px; }
.m-b-30{ margin-bottom:30px; }
.m-b-5{ margin-bottom:5px !important; }
.m-b-40{margin-bottom:40px !important; }
.m-b-60{margin-bottom:60px !important; }
.m-b-80{margin-bottom:80px !important; }

.m-5{ margin:5px 5px 5px 5px !important;} 
.m-8{ margin:8px !important;} 
.m-10{ margin:10px 10px 10px 10px !important;} 
.m-20{ margin:20px 20px 20px 20px !important; }
.m-l-10{ margin-left:10px; }
.m-r-10{ margin-right:10px !important; }
.m-b-10{ margin-bottom:10px !important; }

.m-l-20{ margin-left:20px; }
.m-r-5{ margin-right:5px; }
.m-r-20{ margin-right:20px; }
.m-r-40{ margin-right:40px; }
.m-r-50{ margin-right:50px; }
.m-l-35{ margin-left:35px; }
.m-l-40{ margin-left:40px; }
.m-l-50{ margin-left:50px; }
.m-l-60{ margin-left:60px; }
.m-r-100{ margin-right:100px; }

.h-40{ min-height:40px; }

.border-top{ border-top:1px solid lightgrey;}
.border-bottom{ border-bottom:1px solid lightgrey;}
.border-right{ border-right:1px solid lightgrey;}
.border-left{ border-left:1px solid lightgray;}
.border-all{ border:1px solid lightgrey;}

.darkgrey{ color: #707070;}
.lightgray{ color: lightgray;}


.font_profil{
    font:  normal 15px OS;
    color: #707070;
}

.font_profil1{
    font: bold 16px OS;
    color: #505050;
    
}
.text-left{ text-align:left;}
.grow{ flex-grow:1; }

input, select{
    border:1px solid #33cabb;
    padding:10px;
    width:100%;
    
}
.editable_div{
    width:100%;
    min-height:150px;
    /*max-height:150px;*/
    overflow:auto;
    border:1px solid #33cabb;
    border-bottom:none;
}

.editable_div_small{
    width:100%;
    min-height:50px;

    overflow:auto;
    border:1px solid #33cabb;
    border-bottom:none;
}


.desc_height{
    
    min-height: 80px;
    
}
.editable_div_select{
   
    border:5px solid #33cabb;
    border-bottom:none;
}
.div_small{
    width:100%;
    /* min-height:50px; */
    border:0px solid #33cabb;
    border-bottom:none;
}

.editor_small{
    width:100%;
    min-height:50px;
    border:1px solid #33cabb;
    border-bottom:none;
}
.edit-bar{
    width:100%;
    
    border:1px solid #33cabb;
    border-top:none;
}

.edit-bar-btn{
    border:none;
    border-top:1px solid lightgray;
    border-left:1px solid lightgrey;
    background:#f2f2f2;
    padding:10px;

}

.edit-bar-btn:hover{
    background:#e2e2e2;
    cursor:pointer;
}
.pointer{
    cursor:pointer;
}

.edit-bar-btn-l{
    border:none;
    border-top:1px solid lightgray;
    border-right:1px solid lightgrey;
    background:#f2f2f2;
    padding:10px;

}

.edit-bar-btn-l:hover{
    background:#e2e2e2;
    cursor:pointer;
}


#select_language{
    border:1px solid #33cabb;
    padding:10px;
    width:100%;
    -webkit-appearance: none;
    box-sizing: none;
    border-radius:0px;
    background:#ffffff;
    
   

}

.dashed{
    border:1px dashed grey;
}
.point{
    width:15px;
    min-width:15px;
    max-width:15px;
    height:15px;
    min-height:15px;
    max-height:15px;
    margin-right:10px;
    border:1px solid #33cabb;
    background:#fff;
    border-radius:10px;

}
.bg-grey{ background:#f4f4f4; }
.bg-white{ background:#fff; }
.bg-green{background-color: #33cabb;}
.bg-red{background-color: #f96868;}
.bg-orange{background-color: #FF9D71;}
.orange{color: #FF9D71 !important;}

#toast_div {
    display:flex;
    height:auto;
    position: fixed;
    flex-direction: column;
    flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    z-index: 1;
    right: 20px;
    bottom: 20px; 
    font-size: 17px;
  }
#successful {
    display:none;
    min-width: 250px;
    background-color: #33cabb;
    border:1px solid #fff;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    font-size: 17px;
    z-index: 1;
  }

#successful.show {
    position:relative;
    z-index: 1;
    display: block;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
  }

#error {
    display:none;
    min-width: 250px;
    background-color: #f96868;
    border:1px solid #fff;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    /* position: fixed; */
    z-index: 1;
    /* left: 20px;
    bottom: 20px; */
    font-size: 17px;
  }
#error.show {
    position:relative;
    display: block;
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
  }
#error.hide {
    position:relative;
    display:block;
    -webkit-animation: fadeout 0.5s;
    animation: fadeout 0.5s;
}
#warning {
    display:none;
    min-width: 250px;
    position:relative;
    z-index: 1;
    background-color: rgb(250, 136, 136);
    border:1px solid #fff;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    margin-bottom:20px;
    /* position: fixed; */
    z-index: 1;
    /* left: 20px;
    bottom: 20px; */
    font-size: 17px;
  }

#warning.show {
    position:relative;
    z-index: 1;
    display: block;
    -webkit-animation: fadein 0.5s, 2.5s;
    animation: fadein 0.5s, 2.5s;
  }


#warning.hide {
    position:relative;
    z-index: -1;
    -webkit-animation: fadeout 0.5s, 2.5s;
    animation: fadeout 0.5s, 2.5s;
    visibility: show;
  }  

.yes-button{
    cursor:pointer;
    margin-left: 20px;
    min-width:100px;
    padding:5px;
    background-color: #33cabb;
    border:1px solid #fff;
    color: #fff;
}  

.no-button{
    cursor:pointer;
    margin-left:5px;
    min-width:100px;
    padding:5px;
    background-color: #f96868;
    border:1px solid #fff;
    color: #fff;
}  

.top{   margin-top:15px;
        margin-bottom:0px;}

.bottom{margin-top:15px;
        margin-bottom:15px; }      
.yes-button:hover{ background-color: #33cabbAA;}  
.no-button:hover{ background-color: #f96868AA;}  


.weekend{
    background:#f9686811;
    border-left:1px solid lightgray !important;
    border-right:1px solid lightgray !important;
    box-sizing:unset !important;
    position:absolute;
    top:+52px;
    left:-1px;
    z-index: 1;
    padding:0px;
    width:100%;
  
    border-bottom:1px solid lightgrey;
}
.day_grey{
    background-color:rgb(0,0,0,0.025);   
    border-left:1px solid lightgray !important;
    border-right:1px solid lightgray !important;
    position:absolute;
    top:+52px;
    left:-1px;
    z-index: 1;
    padding:0px;
    width:100%;
    box-sizing:unset !important;
}
.weekday_bg{
    
    border-left:1px solid lightgray !important;
    border-right:1px solid lightgray !important;
    position:absolute;
    top:+52px;
    left:-1px;
    padding:0px;
    z-index: 1;
    width:100%;
    border-bottom:1px solid lightgrey;
    box-sizing:unset !important;
  
}

.current_day{
    
    border-bottom:3px solid #33cabb !important;
    background-color:rgb(0,0,0,0.05);    
    border-left:1px solid  lightgray !important;
    border-right:1px solid  lightgray!important;
    box-sizing:unset !important;
    position:absolute;
    z-index: 1;
    top:+50px;
    left:-1px;
    padding:0px;
    width:100%;
   
  
  
}
#select{
    margin:0 !important;
}
* { box-sizing: border-box; }

.autocomplete {
  position: relative;
  display: inline-block;
 }

.autocomplete-items{
    position:relative;
    top:10px;
   max-height:195px;
  overflow-y: auto;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  border-top: none;
  z-index: 99;
  width:calc(100% + 2px);
  /*position the autocomplete items to be the same width as the container:*/
  top:calc(100% + 1px);
  left: -1;
  right: 0; 
  
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}
.autocomplete-items::-webkit-scrollbar 
{
    width: 15px;
    background-color:  white;
    border-left:1px solid lightgrey;
}

.autocomplete-items::-webkit-scrollbar-track 
{
    
    color: #33cabb;
    
}

.autocomplete-items::-webkit-scrollbar-thumb
{
    background-color:  #33cabb88;
    outline: 1px solid #33cabb88;
    
}
.footer_menue{
    position: absolute;
    left: 0;
    bottom: 0;
    font-size:12px;
    z-index:21;
    background:#3C485C;
    margin-top:10px;
    color:white;
    width:100%;
    padding:10px;
}

.footer_page{
    position: relative;
    left: 0;
    bottom: 0;
    font-size:12px;
    font-family: OS;
    background:#3C485C;
    margin-top:10px;
    color:white;
    width:100%;
    padding:10px;
}
.footer_link{
    color:lightgrey;
}
.month_vertical {

    background:white;
    font-size: 17px;
    font-family: OSBold;
    color:grey;
    transform: rotate(-90deg);
  
  
    /* Legacy vendor prefixes that you probably don't need... */
  
    /* Safari */
    -webkit-transform: rotate(-90deg);
  
    /* Firefox */
    -moz-transform: rotate(-90deg);
  
    /* IE */
    -ms-transform: rotate(-90deg);
  
    /* Opera */
    -o-transform: rotate(-90deg);
  
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.current_day_th{
    position:relative;
    border-top:3px solid #33cabb !important;
    background-color:rgb(0,0,0,0.05);   
   
}

.weekday{
    font-family: OSBold;
    color: #707070;
    font-size: 16px;
    margin-top:5px;
    box-sizing:unset !important;
}

.daynumber{
    font-family: OS;
    color: #707070;
    font-size: 14px;
    margin-bottom:5px;
}
.th_color{
    background:#cfcfcf;
}

.line{
    border-bottom:1px solid lightgrey;
    
}

.month{
    padding:10px;
    background-color:white;
    color:grey;
    font-size:16px;
}
.year{
    padding:10px;
    background-color:#33cabb;
    color:white;
    font-weight:bold;
    font-size:20px;
    
}
.day{
    padding:20px;
}
.kw{
    padding:5px;
    font-family: OSBold;
}
.run{
    padding:5px 0px 5px 0px;
    margin:2px 2px 2px 2px; 
    word-wrap: normal;
    border-radius:7px;
    text-decoration:none;
 
}

.runs{
    height: auto;
    min-height:400px;
    display:block
 
/*//////////////*/



/*/////////////*/

}

/* Select */
/* The container must be positioned relative: */
.select_css {
    position: relative;
    margin-top:12px;
  
}
  
  .select_css select {
    display: none; /*hide original SELECT element: */
  }
  
  .select-selected {
    background-color: #fefefe;
    color: grey;
    padding: 12px;
    cursor: pointer;
    border:1px solid #33cabb;  
  }
  
  /* Style the arrow inside the select element: */
  .select-selected:after {
    position: absolute;
    content: "";
    top: 20px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #33cabb transparent transparent transparent;
  }
  
  /* Point the arrow upwards when the select box is open (active): */
  .select-selected.select-arrow-active:after {
    border-color: transparent transparent #33cabb transparent;
    top: 12px;
  }
  
  /* style the items (options), including the selected item: */
  .select-items div {
    color: grey;
    padding: 12px;
    border: 1px solid transparent;
    border-color: transparent lightgrey lightgrey lightgrey;
    cursor: pointer;
  }
  
  /* Style items (options): */
  .select-items {
    position: absolute;
    background-color: white;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
  }
  
  /* Hide the items when the select box is closed: */
  .select-hide {
    display: none;
  }
  
  .select-items div:hover, .same-as-selected {
    background-color: #33cabb;
    color:white !important;
  }
/* ////////////////////////////////////////////////////////////// */
  @-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
  }
  
  @keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
  }
  
  @-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
  }
  
  @keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
  }