.message
{
    background: #009AEF;
    position: absolute;
    width: 41%;
    top:50%;
    right: 50%;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0px 2px 4px rgba(0 , 0 , 0 , 0.2);
}

.message img
{
    width: 100%;
    height: 100%;
    float: right;
}

@font-face
{font-family:Peyda \!important;
src:url(Peyda-Regular.4eb6621b1ab1548aa8dc.ttf) 
format("truetype"),url(PeydaWeb-Regular.e1f298caefd1d1727ef6.woff) 
format("woff"),url(PeydaWeb-Regular.84fe896ff0a7be4185fe.woff2) 
format("woff2")
    
}
@font-face
{
    font-family:PeydaBold \!important;
    src:url(Peyda-Bold.f159c5f311fcdeaead0c.ttf) 
    format("truetype"),url(PeydaWeb-Bold.468454e6fb70673595c3.woff) 
    format("woff"),url(PeydaWeb-Bold.0056dfbde27362ab6368.woff2) 
    format("woff2")
    
}
@font-face
{
    font-family:PeydaMedium;
    src:url(Peyda-Medium.5096aff1eb4d5054ae68.ttf) 
    format("truetype"),url(PeydaWeb-Medium.45475ea02e8c6329cf81.woff) 
    format("woff"),url(PeydaWeb-Medium.b90056847362cc189a1b.woff2) 
    format("woff2")
    
}code{
    font-family:"'Peyda !important'"}::-webkit-scrollbar{width:.2rem}::-webkit-scrollbar-thumb{border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#d9d9d9
        
    }
    
    
.input-group {
    position: relative;
    margin: 7px;
    display: inline-block;
}

@media (max-width: 768px) {
    .input-group {
        width: 90%;
        font-size: 15px;
    }
}

.input-group label {
    position: absolute;
    top: 20px;
    right: 15px;
    transform: translateY(-12px);
    font-size: 16px;
    padding: 0 5px;
    pointer-events: none;
    transition: .5s;
}


.input-group span.k-datepicker {
    width: 100%;
    background-color:white;
    /*height: 40px;*/
    font-size: 16px;
    padding: 0px;
    background: transparent;
    border: 1.2px solid #0ef;
    outline: none;
    border-radius: 5px;
    
}

.input-group span.k-combobox {
    width: 100%;
    height:43px;
    font-size: 16px;
    padding: 0px;
    background: transparent;
    border: 1.2px solid #0ef;
    outline: none;
    border-radius: 5px;
    
}

.input-group span.k-dropdown {
    width: 100%;
    height:42px;
    min-width:250px;
    font-size: 16px;
    padding: 0px;
    background: transparent;
    border: 1.2px solid #0ef;
    outline: none;
    border-radius: 5px;
    
}



.input-group input {
    width: 250px;
    height: 40px;
    min-width:200px;
    font-size: 16px;
    padding: 0 15px;
    background: transparent;
    border: 1.2px solid #0ef;
    outline: none;
    border-radius: 5px;
    
}

.input-group input:focus {
    border-color: #5ff;
    box-shadow: 0 0 8px #0ef6;
}

@media (max-width: 768px) {
    .input-group input {
        width: 100%;
        font-size: 15px;
    }
}

.input-group textarea {
    width: 90%;
    height: 40px;
    font-size: 16px;
    padding: 0 15px;
    background: transparent;
    border: 1.2px solid #0ef;
    outline: none;
    border-radius: 5px;
}

.input-group span.k-datepicker ~label {
    top: 0;
    font-size: 14px;
    background: white;
} 

.input-group span.k-combobox ~label {
    top: 0;
    font-size: 14px;
    background: white;

}    

.input-group span.k-dropdown ~label {
    top: 0;
    font-size: 14px;
    background: white;
}
.input-group input:focus~label,
.input-group input:valid~label {
    top: 0;
    font-size: 14px;
    background: white;
}    

.input-group input ~label{
    top: 0;
    font-size: 14px;
    background: white;
}    

.input-group textarea:focus~label,
.input-group textarea:valid~label {
    top: 0;
    font-size: 14px;
    background: white;
} 

.input-group textarea ~label {
    top: 0;
    font-size: 14px;
    background: white;
} 

  .checkbox-wrapper-7 .tgl {
    display: none;
  }
  .checkbox-wrapper-7 .tgl,
  .checkbox-wrapper-7 .tgl:after,
  .checkbox-wrapper-7 .tgl:before,
  .checkbox-wrapper-7 .tgl *,
  .checkbox-wrapper-7 .tgl *:after,
  .checkbox-wrapper-7 .tgl *:before,
  .checkbox-wrapper-7 .tgl + .tgl-btn {
    box-sizing: border-box;
  }
  .checkbox-wrapper-7 .tgl::-moz-selection,
  .checkbox-wrapper-7 .tgl:after::-moz-selection,
  .checkbox-wrapper-7 .tgl:before::-moz-selection,
  .checkbox-wrapper-7 .tgl *::-moz-selection,
  .checkbox-wrapper-7 .tgl *:after::-moz-selection,
  .checkbox-wrapper-7 .tgl *:before::-moz-selection,
  .checkbox-wrapper-7 .tgl + .tgl-btn::-moz-selection,
  .checkbox-wrapper-7 .tgl::selection,
  .checkbox-wrapper-7 .tgl:after::selection,
  .checkbox-wrapper-7 .tgl:before::selection,
  .checkbox-wrapper-7 .tgl *::selection,
  .checkbox-wrapper-7 .tgl *:after::selection,
  .checkbox-wrapper-7 .tgl *:before::selection,
  .checkbox-wrapper-7 .tgl + .tgl-btn::selection {
    background: none;
  }
  .checkbox-wrapper-7 .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .checkbox-wrapper-7 .tgl + .tgl-btn:after,
  .checkbox-wrapper-7 .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
  }
  .checkbox-wrapper-7 .tgl + .tgl-btn:after {
    right: 0;
  }
  .checkbox-wrapper-7 .tgl + .tgl-btn:before {
    display: none;
  }
  .checkbox-wrapper-7 .tgl:checked + .tgl-btn:after {
    right: 50%;
  }

  .checkbox-wrapper-7 .tgl-ios + .tgl-btn {
    background: #fbfbfb;
    border-radius: 2em;
    padding: 2px;
    transition: all 0.4s ease;
    border: 1px solid #e8eae9;
  }
  .checkbox-wrapper-7 .tgl-ios + .tgl-btn:after {
    border-radius: 2em;
    background: #fbfbfb;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
  }
  .checkbox-wrapper-7 .tgl-ios + .tgl-btn:hover:after {
    will-change: padding;
  }
  .checkbox-wrapper-7 .tgl-ios + .tgl-btn:active {
    box-shadow: inset 0 0 0 2em #e8eae9;
  }
  .checkbox-wrapper-7 .tgl-ios + .tgl-btn:active:after {
    padding-right: 0.8em;
  }
  .checkbox-wrapper-7 .tgl-ios:checked + .tgl-btn {
    background: #86d993;
  }
  .checkbox-wrapper-7 .tgl-ios:checked + .tgl-btn:active {
    box-shadow: none;
  }
  .checkbox-wrapper-7 .tgl-ios:checked + .tgl-btn:active:after {
    margin-left: -0.8em;
  }


  .checkbox-wrapper-19 {
    box-sizing: border-box;
    --background-color: #fff;
    --checkbox-height: 25px;
  }

  @-moz-keyframes dothabottomcheck-19 {
    0% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) / 2);
    }
  }

  @-webkit-keyframes dothabottomcheck-19 {
    0% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) / 2);
    }
  }

  @keyframes dothabottomcheck-19 {
    0% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) / 2);
    }
  }

  @keyframes dothatopcheck-19 {
    0% {
      height: 0;
    }
    50% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) * 1.2);
    }
  }

  @-webkit-keyframes dothatopcheck-19 {
    0% {
      height: 0;
    }
    50% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) * 1.2);
    }
  }

  @-moz-keyframes dothatopcheck-19 {
    0% {
      height: 0;
    }
    50% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) * 1.2);
    }
  }

  .checkbox-wrapper-19 input[type=checkbox] {
    display: none;
  }

  .checkbox-wrapper-19 .check-box {
    height: var(--checkbox-height);
    width: var(--checkbox-height);
    background-color: transparent;
    border: calc(var(--checkbox-height) * .1) solid #000;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: border-color ease 0.2s;
    -o-transition: border-color ease 0.2s;
    -webkit-transition: border-color ease 0.2s;
    transition: border-color ease 0.2s;
    cursor: pointer;
  }
  .checkbox-wrapper-19 .check-box::before,
  .checkbox-wrapper-19 .check-box::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    height: 0;
    width: calc(var(--checkbox-height) * .2);
    background-color: #34b93d;
    display: inline-block;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-radius: 5px;
    content: " ";
    -webkit-transition: opacity ease 0.5;
    -moz-transition: opacity ease 0.5;
    transition: opacity ease 0.5;
  }
  .checkbox-wrapper-19 .check-box::before {
    top: calc(var(--checkbox-height) * .72);
    left: calc(var(--checkbox-height) * .41);
    box-shadow: 0 0 0 calc(var(--checkbox-height) * .05) var(--background-color);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  .checkbox-wrapper-19 .check-box::after {
    top: calc(var(--checkbox-height) * .37);
    left: calc(var(--checkbox-height) * .05);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box,
  .checkbox-wrapper-19 .check-box.checked {
    border-color: #34b93d;
  }
  .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box::after,
  .checkbox-wrapper-19 .check-box.checked::after {
    height: calc(var(--checkbox-height) / 2);
    -moz-animation: dothabottomcheck-19 0.2s ease 0s forwards;
    -o-animation: dothabottomcheck-19 0.2s ease 0s forwards;
    -webkit-animation: dothabottomcheck-19 0.2s ease 0s forwards;
    animation: dothabottomcheck-19 0.2s ease 0s forwards;
  }
  .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box::before,
  .checkbox-wrapper-19 .check-box.checked::before {
    height: calc(var(--checkbox-height) * 1.2);
    -moz-animation: dothatopcheck-19 0.4s ease 0s forwards;
    -o-animation: dothatopcheck-19 0.4s ease 0s forwards;
    -webkit-animation: dothatopcheck-19 0.4s ease 0s forwards;
    animation: dothatopcheck-19 0.4s ease 0s forwards;
  }

