html,body
{
    font-family: 'Nunito', sans-serif!important;
    overflow-x: hidden;
    background-color: #F7A71F;
}
* {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
*::-webkit-scrollbar {
  display: none;
}
.bodycontents {
  background-color: white;
}
#logout {
  margin-bottom: 20px;
}
html,body,div,span,a {
  -webkit-touch-callout: none; 
  -webkit-user-select: none; 
   -khtml-user-select: none; 
     -moz-user-select: none;
      -ms-user-select: none; 
          user-select: none;
}
h1 
{
    font-family: 'Nunito', sans-serif!important;
    font-weight: 700;
    text-align:center;
    font-size:20px;
}
.nd-summary h2
{
    font-family: 'Nunito', sans-serif!important;
    font-weight:600;
    display:inline;
}
.nd-summary h3
{
    font-family: 'Nunito', sans-serif!important;
    font-weight:600;
    display:inline;
    color:#D0D1D1;
    font-size:18px;
}
.nd-summary h5
{
    font-family: 'Nunito', sans-serif!important;
    font-weight:600;
    margin-top:10px;
    font-size:12px;
}
.nd-header
{
  background-color: white;
    padding: 20px!important;
}
.nd-tab
{
    background:#F7A71F;
    border-top-left-radius:30px;
    border-top-right-radius:30px;
    height:calc(100vh - 176.5px);
    margin:0px;
}
.nd-tab .uk-subnav 
{
    margin-left: auto;
    margin-right: auto;
    padding-top:30px;
}
.nd-tab .uk-subnav>*
{
    padding-left:35px;
}
.nd-tab .uk-subnav li a
{
    text-transform: initial;
    font-size:16px;
    color:rgba(255,255,255,0.5);
}
.nd-tab .uk-subnav li.uk-active a
{
    background:none;
    font-weight:700;
    color:white;
    position:relative;
    display:inline-block;
    
}
.nd-tab .uk-subnav li.uk-active a:after {
    content: "";
    position: absolute;
    left: 50%;
    width:4px;
    height:4px;
    bottom:-5px;
    border-radius:100px;
    background:white;
  }
.nd-icon:before 
{
    margin-left:0px!important;
    font-size:36px!important;
    color:black;
    margin-bottom:0px;
}
.nd-summary .nd-icon 
{
    margin-top:-9px;
    display:block;
}
.nd-summary
{
  margin-top: 0px !important;
  padding-top: 7px;
}
.nd-information
{
    padding:0px!important;
    bottom:30px;
}
.nd-information .nd-icon:before 
{
    color:white!important;
    font-size:24px!important;
}
.uk-switcher 
{
    width:100%;
}
.nd-meteo h4 
{
   font-size:56px;
   color:white;
   font-family: 'Nunito', sans-serif!important;
   font-weight:600;
   margin-bottom:0px;
}
.nd-meteo .nd-resume .nd-icon:before
{
    color:rgba(255,255,255,0.5);
    font-size:16px!important;
}
.nd-meteo h5 
{
    font-size:16px;
    display:inline;
    color:white;
    font-family: 'Nunito', sans-serif!important;
    font-weight:400;
}
.nd-meteo h6 
{
  color:rgba(255,255,255,0.5);
  font-size:16px;
}
#cancel-vacation {
  margin-right: 5px;
  display: inline-block;
}
#apply-vacation {
  margin-left: 5px;
  display: inline-block;
}
.nd-meteo .flaticon-down 
{
    padding-left:10px;
}
.nd-meteo .nd-big-icon
{
  padding-left:15px;
}
.nd-meteo .nd-big-icon .nd-icon:before
{
    font-size: 142px!important;
    background: rgb(255,179,49);
    background: linear-gradient(12deg, rgba(255,179,49,1) 35%, rgba(255,212,139,1) 100%);
    color: white;
    padding: 60px;
    border-radius: 100%;
}
.nd-meteo .nd-day-mood
{
  margin-bottom: 60px;
}
.nd-meteo nd-days
{
  margin-top:-60px;
}
.nd-meteo .nd-grid
{
  margin-top:60px;
  padding-right:35px;
  color:white;
  margin-top:15px!important;
}
.nd-meteo .nd-grid .nd-contrast
{
  color:rgba(255,255,255,0.5);
}
.nd-meteo .nd-grid .nd-icon:before 
{
  font-size:24px!important;
  color:white;
}
.nd-meteo .nd-grid .nd-icon
{
  position: relative;
  display: block;
  margin-top: -7px;
}
.nd-grid .uk-width-expand 
{
  font-weight:700;
}
.uk-notification
{
  border-radius:30px;
  padding:10px;
  color:black;
  font-size:16px!important;
  font-family: 'Nunito', sans-serif!important;
  font-weight:400!important;
  background:white;
}
.uk-notification .uk-notification-message
{
  background:none;
  font-size:16px!important;
  font-family: 'Nunito', sans-serif!important;
}
.uk-notification .uk-close
{
  display:block!important;
}
.hide 
{
  background:#F7A71F;
  height:100px;
  width:100%;
  position: absolute;
  top: 160px;
}
.nd-modal-orange
{
  background:#F7A71F;
  height:calc(100vh - 110px);
  padding-left:35px;
  padding-right:35px;
  color:white;
  border-bottom-left-radius:30px;
  border-bottom-right-radius:30px;
}
.uk-modal-close-full {
  top: 0;
  right: 0;
  color: white;
  padding: 20px;
  background:none;
}
.nd-modal-orange h1 
{
  color:white;
  margin-bottom:50px;
}
.nd-form .nd-icon:before
{
  font-size:24px!important;
  color:white;
}
.uk-inline 
{
  display:block;
}
.nd-form 
{
  width:100%;
}
.uk-input, .uk-select
{
    color:white;
    background:none;
    border:0px;
    border-bottom:1px solid white;
    text-align:right;
    width: 100%;
    min-width: 280px;
    direction: rtl;
    text-align-last: right;
}
.uk-select {
  min-height: 60px;
}
.uk-input {
  padding-bottom:30px!important;
  padding-top:30px!important;
}
.uk-input:disabled, .uk-select:disabled, .uk-textarea:disabled {
  background:none!important;
  color:white;
  border-color:none;
}
.uk-modal-full 
{
  background:white;
}
#modal-menu h1 
{
  text-align:left;
  margin-bottom:25px;
}
.uk-input:hover 
{
  background:none!important;border-color:white!important;
}
.uk-input::placeholder {
  color: white!important;
  opacity: 1; /* Firefox */
}
.uk-button 
{
  background:#6A6050;
  border-radius:35px;
  text-transform:initial;
  font-family: 'Nunito', sans-serif!important;
  font-weight:600!important; 
  padding:10px 35px;
  font-size:16px;
  margin-top:22px;
  display:table;
  color:white;
  margin-left:auto;
  margin-right:auto;
}
.nd-round-button
{
  padding:11px 20px 9px!important;
  font-weight:normal!important;
}
.nd-round-button .nd-icon:before 
{
  font-size:24px!important;
}
a:hover
{
  color:white;
}
.uk-subnav-pill > * > a:focus, .uk-subnav-pill > * > a:hover {
  background-color: transparent;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: white;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: white;
}
.display {
    text-align: center;
    height: 300px;
    margin: 100px auto 0;
  }
  
  .content {
    width: 100%;
    height: 20%;
    padding-top: 18px;
    margin: 0 auto 0;
  }
  .wrapper 
  {
    display: flex;
    margin-left:20px;
    margin-top:-80px;
  }
  

  .radius {
    width: 180px;
    height: 180px;
    margin-left: 9px;
    border-radius: 50%;
    position: relative;
    top: -2px;
    background: white;
    z-index: 4;
  }
  
  .setting {
    height: 100px;
    position: relative;
    top: 40px;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif;
  }
  
  .temp {
    height: 100px;
    font-family: 'Nunito', sans-serif!important;
    font-weight:600;
    color:#D0D1D1;
    margin-top: -14px;
  }
  
  .controls {
    width: 90px;
    height: 40px;
    margin: 0 auto 0;
    position: relative;
    top: -55px;
    left: -5px;
    font-size: 20px;
  }
  .normalText{
    transition: color 2s linear;
  }
  .greenText {
    color: #00aa00;
    transition: color 0.5s linear;
  }
  .redText {
    color: #DD0055;
  }
  .controls .nd-icon:before 
  {
      font-size:32px!important;
      color:#D0D1D1;
  }
  .controls .nd-icon:before:hover
  {
      color:black!important;
  }
  
  .nd-up {
    padding-left:5px!important;
  }
  .flatpickr-monthDropdown-months {
    -webkit-appearance:none !important; /* iPhone: removes gradient/glow */
  }
  
  .nd-down {

  }
  .dayContainer {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .flatpickr-calendar {
    margin: auto !important;
    margin-top: 20px !important;
  }
  .flatpickr-day {
    max-width: 44px !important;
    border-radius: 0px !important;
  }
  .nd-formvacation .dp .form-control .input, .dp
  {
    display: none;
    visibility: hidden;
  }
  .gap {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 30px solid #F7A71F;
    border-bottom: 30px solid #F7A71F;
    border-left: 30px solid transparent;
    border-top: 30px solid transparent;
    border-right: 30px solid transparent;
    position: relative;
    top: -184px;
    left: 0px;
    z-index: 2;
  }
  .indicator {
    width: 209px;
    height: 210px;
    background: url(../images/gradient.jpg) center center no-repeat;
    border-radius: 50%;
    position: relative;
    top: -404px;
    left: -12px;
    z-index: 1;
    border: 7px solid #F7A71F;
  }
  
  .marker {
    margin-top: -5px;
    position: relative;
    top: 50%;
    transform: rotate(-190deg);
    left: 0;
    z-index: 3;
  }
  
  .line {
    position: relative;
    top: 50%;
    right: 32px;
    bottom: 0px;
    height: 8px;
    border-radius: 100px;
    width: 55%;
    border: 0;
    background: #fff;
    z-index: 3;
  }
  
  .markers {
    position: relative;
    top: -112px;
    width: 250px;
    height: 250px;
    color: white;
    left: -26px;
    z-index: -12;
  }
  
  .lines {
    width: 100%;
    height: 1px;
    border: 0;
    background:white;
    z-index: 1;
  }
  .lines:nth-child(1) {
    position: absolute;
    top: 50%;
    transform: rotate(0deg);
  }
  .lines:nth-child(2) {
    position: absolute;
    top: 50%;
    transform: rotate(30deg);
  }
  .lines:nth-child(3) {
    position: absolute;
    top: 50%;
    transform: rotate(60deg);
  }
  .lines:nth-child(4) {
    position: absolute;
    top: 50%;
    transform: rotate(90deg);
  }
  .lines:nth-child(5) {
    position: absolute;
    top: 50%;
    transform: rotate(120deg);
  }
  .lines:nth-child(6) {
    position: absolute;
    top: 50%;
    transform: rotate(150deg);
  }
  .lines:nth-child(7) {
    position: absolute;
    top: 50%;
    transform: rotate(180deg);
  }
  .lines:nth-child(8) {
    position: absolute;
    top: 50%;
    transform: rotate(210deg);
  }
  .lines:nth-child(9) {
    position: absolute;
    top: 50%;
    transform: rotate(240deg);
  }
  .shadow {
    width: 309px;
    height: 380px;
    background: linear-gradient(#03499e, #056eee);
    position: relative;
    top: -302px;
    left: 211px;
    transform: rotate(320deg);
  }