body, html{background: #fcfcfc;font-size: 12px;}
::-webkit-scrollbar {    background: #dbdbdb;border-radius: 0.2em;width: 5px;     height: 5px;}
::-webkit-scrollbar-thumb {background: #7f7e7e;}
.top-navbar{     box-sizing: border-box; position: fixed;    width: 100%; max-width: 100%;}
.app-container{padding-top: 60px;}
.uk-container {  max-width: 2500px;}
.content-body{position: relative;}
h1, .uk-h1 {
    font-size: 2rem; 
}
h2{} 
h3{}
h4{}
h5{font-weight: bold;}
.clear{clear: both;}
.uk-card-default {color: #212020;}
em{color: #333333;}
/*************************************************************************************************/
/*************************************************************************************************/
.fade-enter-active,.fade-leave-active {transition: opacity 0.5s ease;}
.fade-enter-from, .fade-leave-to {opacity: 0;}

.pageLoader-enter-active,.pageLoader-leave-active {transition: opacity 0.8s ease;}
.pageLoader-enter-from, .pageLoader-leave-to {opacity: 0;}

.fadeModal-enter-active, .fadeModal-leave-active {transition: all 0.5s ease; opacity: 1;}
.fadeModal-enter-from, .fadeModal-leave-to {opacity: 0; }
.fadeModal-enter-active .uk-modal-dialog, .fadeModal-leave-active .uk-modal-dialog{transition: all 0.5s ease;  opacity: 1; transform: translateY(0px);}
.fadeModal-enter-from .uk-modal-dialog, .fadeModal-leave-to .uk-modal-dialog{ transform: translateY(-100px); opacity: 0;}
/*************************************************************************************************/
/*************************************************************************************************/

@font-face {
  font-family: 'Lobster';
  src: url('/fonts/lobster.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.above-uk-card{
  overflow: hidden;
  padding: 0 7px 7px;
}
.above-uk-card h5{
  float: left;
  margin: 0 0 0 0px;
  line-height: 30px;
}
.above-uk-card .btn{}
.uk-card-form{max-width: 900px; }
.uk-card-body {
  padding: 15px 15px;
  /*min-height: 130px;*/
}
.uk-card-footer {
  padding: 7px 15px;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.icon-tooltip{border: 1px solid #a5a8b2;border-radius: 50%;line-height: 14px;display: inline-block;height: 14px;width: 14px;text-align: center;font-weight: bold;font-size: 11px;cursor: pointer;color: #a5a8b2;}
.icon-tooltip:hover{background-color: #31c32c;color: #fff;border: 1px solid #31c32c;}

.uk-modal{opacity: 0;}
.uk-modal.uk-open{opacity: 1;}

/***********************************************************************************************/
/***********************************************************************************************/
/***********************************************************************************************/
.card-row{
  background: #f4f4f4;
  background: #e1f8dd;
  padding: 15px;
  border-radius: 6px;
  margin-bottom: 15px;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
    
  }
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
  
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-11 {
    width: 91.66666667%;
  }
  .col-xs-10 {
    width: 83.33333333%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-8 {
    width: 66.66666667%;
  }
  .col-xs-7 {
    width: 58.33333333%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-5 {
    width: 41.66666667%;
  }
  .col-xs-4 {
    width: 33.33333333%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-2 {
    width: 16.66666667%;
  }
  .col-xs-1 {
    width: 8.33333333%;
  }


  @media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
      float: left;
    }
    .col-sm-12 {
      width: 100%;
    }
    .col-sm-11 {
      width: 91.66666667%;
    }
    .col-sm-10 {
      width: 83.33333333%;
    }
    .col-sm-9 {
      width: 75%;
    }
    .col-sm-8 {
      width: 66.66666667%;
    }
    .col-sm-7 {
      width: 58.33333333%;
    }
    .col-sm-6 {
      width: 50%;
    }
    .col-sm-5 {
      width: 41.66666667%;
    }
    .col-sm-4 {
      width: 33.33333333%;
    }
    .col-sm-3 {
      width: 25%;
    }
    .col-sm-2 {
      width: 16.66666667%;
    }
    .col-sm-1 {
      width: 8.33333333%;
    }
}      

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
      float: left;
    }
    .col-md-12 {
      width: 100%;
    }
    .col-md-11 {
      width: 91.66666667%;
    }
    .col-md-10 {
      width: 83.33333333%;
    }
    .col-md-9 {
      width: 75%;
    }
    .col-md-8 {
      width: 66.66666667%;
    }
    .col-md-7 {
      width: 58.33333333%;
    }
    .col-md-6 {
      width: 50%;
    }
    .col-md-5 {
      width: 41.66666667%;
    }
    .col-md-4 {
      width: 33.33333333%;
    }
    .col-md-3 {
      width: 25%;
    }
    .col-md-2 {
      width: 16.66666667%;
    }
    .col-md-1 {
      width: 8.33333333%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
      float: left;
    }
    .col-lg-12 {
      width: 100%;
    }
    .col-lg-11 {
      width: 91.66666667%;
    }
    .col-lg-10 {
      width: 83.33333333%;
    }
    .col-lg-9 {
      width: 75%;
    }
    .col-lg-8 {
      width: 66.66666667%;
    }
    .col-lg-7 {
      width: 58.33333333%;
    }
    .col-lg-6 {
      width: 50%;
    }
    .col-lg-5 {
      width: 41.66666667%;
    }
    .col-lg-4 {
      width: 33.33333333%;
    }
    .col-lg-3 {
      width: 25%;
    }
    .col-lg-2 {
      width: 16.66666667%;
    }
    .col-lg-1 {
      width: 8.33333333%;
    }
}  

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

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px 6px;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin: 0 0 0 8px;
  }
  a.btn{padding: 3px 12px 5px;}
  .btn-smaller{
    padding: 6px 9px;
    font-size: 13px;
  }
  .btn-small{
    padding: 3px 5px;
    font-size: 10px;
  }
  .btn:focus,
  .btn:active:focus,
  .btn.active:focus,
  .btn.focus,
  .btn:active.focus,
  .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  .btn:hover,
  .btn:focus,
  .btn.focus {
    color: #333333;
    text-decoration: none;
  }
  .btn:active,
  .btn.active {
    background-image: none;
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
  .btn.disabled,
  .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    box-shadow: none;
  }
  a.btn.disabled,
  fieldset[disabled] a.btn {
    pointer-events: none;
  }
  .btn-default {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
  }
  .btn-default:focus,
  .btn-default.focus {
    color: #333333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
  }
  .btn-default:hover {
    color: #333333;
    background-color: #f5f5f8;
    border-color: #9da6bc;
  }
  .btn-default:active,
  .btn-default.active,
  .open > .dropdown-toggle.btn-default {
    color: #333333;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad;
  }
  .btn-default:active:hover,
  .btn-default.active:hover,
  .open > .dropdown-toggle.btn-default:hover,
  .btn-default:active:focus,
  .btn-default.active:focus,
  .open > .dropdown-toggle.btn-default:focus,
  .btn-default:active.focus,
  .btn-default.active.focus,
  .open > .dropdown-toggle.btn-default.focus {
    color: #333333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
  }
  .btn-default.disabled:hover,
  .btn-default[disabled]:hover,
  fieldset[disabled] .btn-default:hover,
  .btn-default.disabled:focus,
  .btn-default[disabled]:focus,
  fieldset[disabled] .btn-default:focus,
  .btn-default.disabled.focus,
  .btn-default[disabled].focus,
  fieldset[disabled] .btn-default.focus {
    background-color: #ffffff;
    border-color: #cccccc;
  }
  .btn-default .badge {
    color: #ffffff;
    background-color: #333333;
  }
  .btn-primary {
    color: #ffffff;
    background-color: #337ab7;
    border-color: #2e6da4;
  }
  .btn-primary:focus,
  .btn-primary.focus {
    color: #ffffff;
    background-color: #286090;
    border-color: #122b40;
  }
  .btn-primary:hover {
    color: #ffffff;
    background-color: #286090;
    border-color: #204d74;
  }
  .btn-primary:active,
  .btn-primary.active,
  .open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #286090;
    background-image: none;
    border-color: #204d74;
  }
  .btn-primary:active:hover,
  .btn-primary.active:hover,
  .open > .dropdown-toggle.btn-primary:hover,
  .btn-primary:active:focus,
  .btn-primary.active:focus,
  .open > .dropdown-toggle.btn-primary:focus,
  .btn-primary:active.focus,
  .btn-primary.active.focus,
  .open > .dropdown-toggle.btn-primary.focus {
    color: #ffffff;
    background-color: #204d74;
    border-color: #122b40;
  }
  .btn-primary.disabled:hover,
  .btn-primary[disabled]:hover,
  fieldset[disabled] .btn-primary:hover,
  .btn-primary.disabled:focus,
  .btn-primary[disabled]:focus,
  fieldset[disabled] .btn-primary:focus,
  .btn-primary.disabled.focus,
  .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4;
  }
  .btn-primary .badge {
    color: #337ab7;
    background-color: #ffffff;
  }
  .btn-success {
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
  }
  .btn-success:focus,
  .btn-success.focus {
    color: #ffffff;
    background-color: #449d44;
    border-color: #255625;
    outline: none;
  }
  .btn-success:hover {
    color: #ffffff;
    background-color: #449d44;
    border-color: #398439;
  }
  .btn-success:active,
  .btn-success.active,
  .open > .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #449d44;
    background-image: none;
    border-color: #398439;
  }
  .btn-success:active:hover,
  .btn-success.active:hover,
  .open > .dropdown-toggle.btn-success:hover,
  .btn-success:active:focus,
  .btn-success.active:focus,
  .open > .dropdown-toggle.btn-success:focus,
  .btn-success:active.focus,
  .btn-success.active.focus,
  .open > .dropdown-toggle.btn-success.focus {
    color: #ffffff;
    background-color: #398439;
    border-color: #255625;
  }
  .btn-success.disabled:hover,
  .btn-success[disabled]:hover,
  fieldset[disabled] .btn-success:hover,
  .btn-success.disabled:focus,
  .btn-success[disabled]:focus,
  fieldset[disabled] .btn-success:focus,
  .btn-success.disabled.focus,
  .btn-success[disabled].focus,
  fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
  }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #ffffff;
  }
  .btn-info {
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #46b8da;
  }
  .btn-info:focus,
  .btn-info.focus {
    color: #ffffff;
    background-color: #31b0d5;
    border-color: #1b6d85;
  }
  .btn-info:hover {
    color: #ffffff;
    background-color: #31b0d5;
    border-color: #269abc;
  }
  .btn-info:active,
  .btn-info.active,
  .open > .dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #269abc;
  }
  .btn-info:active:hover,
  .btn-info.active:hover,
  .open > .dropdown-toggle.btn-info:hover,
  .btn-info:active:focus,
  .btn-info.active:focus,
  .open > .dropdown-toggle.btn-info:focus,
  .btn-info:active.focus,
  .btn-info.active.focus,
  .open > .dropdown-toggle.btn-info.focus {
    color: #ffffff;
    background-color: #269abc;
    border-color: #1b6d85;
  }
  .btn-info.disabled:hover,
  .btn-info[disabled]:hover,
  fieldset[disabled] .btn-info:hover,
  .btn-info.disabled:focus,
  .btn-info[disabled]:focus,
  fieldset[disabled] .btn-info:focus,
  .btn-info.disabled.focus,
  .btn-info[disabled].focus,
  fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da;
  }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #ffffff;
  }
  .btn-warning {
    color: #ffffff;
    background-color: #f0ad4e;
    border-color: #eea236;
  }
  .btn-warning:focus,
  .btn-warning.focus {
    color: #ffffff;
    background-color: #ec971f;
    border-color: #985f0d;
  }
  .btn-warning:hover {
    color: #ffffff;
    background-color: #ec971f;
    border-color: #d58512;
  }
  .btn-warning:active,
  .btn-warning.active,
  .open > .dropdown-toggle.btn-warning {
    color: #ffffff;
    background-color: #ec971f;
    background-image: none;
    border-color: #d58512;
  }
  .btn-warning:active:hover,
  .btn-warning.active:hover,
  .open > .dropdown-toggle.btn-warning:hover,
  .btn-warning:active:focus,
  .btn-warning.active:focus,
  .open > .dropdown-toggle.btn-warning:focus,
  .btn-warning:active.focus,
  .btn-warning.active.focus,
  .open > .dropdown-toggle.btn-warning.focus {
    color: #ffffff;
    background-color: #d58512;
    border-color: #985f0d;
  }
  .btn-warning.disabled:hover,
  .btn-warning[disabled]:hover,
  fieldset[disabled] .btn-warning:hover,
  .btn-warning.disabled:focus,
  .btn-warning[disabled]:focus,
  fieldset[disabled] .btn-warning:focus,
  .btn-warning.disabled.focus,
  .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236;
  }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #ffffff;
  }
  .btn-danger {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d43f3a;
  }
  .btn-danger:focus,
  .btn-danger.focus {
    color: #ffffff;
    background-color: #c9302c;
    border-color: #761c19;
  }
  .btn-danger:hover {
    color: #ffffff;
    background-color: #c9302c;
    border-color: #ac2925;
  }
  .btn-danger:active,
  .btn-danger.active,
  .open > .dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #c9302c;
    background-image: none;
    border-color: #ac2925;
  }
  .btn-danger:active:hover,
  .btn-danger.active:hover,
  .open > .dropdown-toggle.btn-danger:hover,
  .btn-danger:active:focus,
  .btn-danger.active:focus,
  .open > .dropdown-toggle.btn-danger:focus,
  .btn-danger:active.focus,
  .btn-danger.active.focus,
  .open > .dropdown-toggle.btn-danger.focus {
    color: #ffffff;
    background-color: #ac2925;
    border-color: #761c19;
  }
  .btn-danger.disabled:hover,
  .btn-danger[disabled]:hover,
  fieldset[disabled] .btn-danger:hover,
  .btn-danger.disabled:focus,
  .btn-danger[disabled]:focus,
  fieldset[disabled] .btn-danger:focus,
  .btn-danger.disabled.focus,
  .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a;
  }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #ffffff;
  }
  .btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0;
  }
  .btn-link,
  .btn-link:active,
  .btn-link.active,
  .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none;
  }
  .btn-link,
  .btn-link:hover,
  .btn-link:focus,
  .btn-link:active {
    border-color: transparent;
  }
  .btn-link:hover,
  .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent;
  }
  .btn-link[disabled]:hover,
  fieldset[disabled] .btn-link:hover,
  .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none;
  }
  .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
  }
  .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .btn-block {
    display: block;
    width: 100%;
  }
  .btn-block + .btn-block {
    margin-top: 5px;
  }
  input[type="submit"].btn-block,
  input[type="reset"].btn-block,
  input[type="button"].btn-block {
    width: 100%;
  }
.badge{  
  display: inline-block;
  font-size: .75em;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  line-height: 1.5;
  border-radius: 1.03125rem;
  padding: 1px 7px 2px;
}
.badge-primary{background-color: #1362fc;}
.badge-success{background-color: #37d159;}
.badge-danger{background-color: #f13910;}
.badge-warning{background-color: #ffc368;}
.badge-info{background-color: #a5bae4;}
/*********************************************************************************************************/
/*********************************************************************************************************/
/*********************************************************************************************************/

form{}
form fieldset{}
form .uk-margin{}
form label{}
.form-control{}
.field-name{margin-bottom: 4px;
  margin-left: 2px;}
.field-control{
    display: flex;
    align-items: center;
}
.field-control > *{
}
.form-field-before{
    flex-grow: 1;
    text-align: center;
    background: #d7dae3;
    display: block;
    height: 24px;
    line-height: 24px;
    color: #5b5b5b;
    text-shadow: 0px 0px 1px #cfcece;
    border-radius: 4px 0 0 4px;
    font-size: 0.9em;
    padding: 0 4px;
}
.form-field-after{
    flex-grow: 1;
    text-align: center;
    text-align: center;
    background: #d7dae3;
    display: block;
    height: 30px;
    line-height: 30px;
    color: #5b5b5b;
    text-shadow: 0px 0px 1px #cfcece;
    border-radius: 0 4px 4px 0;
    font-size: 0.9em;
    padding: 0 4px;
}
.form-field-before-selector{}
.form-field-after-selector{}

.form-field-before-selector select, .form-field-after-selector select {    background: transparent;
  border: none;
  outline: none !important;
  color: #5b5b5b;
  font-size: 1em;}
.form-field-before.selector{position: relative;}
.form-field-before.selector span{cursor: pointer;padding: 0;}
.form-field-before.selector span:hover{color: #31c32c;}
.form-field-before.selector ul{padding: 0;
  list-style: none;
  margin: -2px 0 0 0;
  background: #d7dae3;}
.form-field-before.selector ul li{line-height: 1.5em; 
  cursor: pointer;
  padding: 2px 2px;}
  .form-field-before.selector ul li:hover{color: #31c32c;}

.form-field .dp__input {
  padding-top: 3px;
  padding-bottom: 3px;
  }
  .form-field-date-from input{    border-radius: 0;}
    .form-field-before-date-from{ height: 25px;border-top: 1px solid #d7dae3;}
    .form-field-date-to input{   border-radius: 0 4px 4px 0;}
    .form-field-before-date-to{ border-radius: 0; height: 25px; border-top: 1px solid #d7dae3;}
    .field-control.has-before .form-field-sum-from input{    border-radius: 0;}
    .form-field-before-sum-from{ height: 25px;border-top: none;}
    .field-control.has-before .form-field-sum-to input{   border-radius: 0 4px 4px 0;}
    .form-field-before-sum-to{ border-radius: 0; height: 25px; border-top: none;}
.form-field{
    flex-grow: 6;
    position: relative;
}


.form-field-inline{display: inline-block;
  width: 200px;}
.form-field p{    margin: 0;
  padding: 4px 2px;
  font-weight: bold;}
.form-field > *{}
.form-field select, 
.form-field textarea, 
.form-field input[type='text'], 
.form-field input[type='number'], 
.form-field input[type='email']{
    border-radius: 4px; outline: none !important;
    border: 1px solid #e5e5e5;
}
.form-field select:focus, 
.form-field input[type='text']:focus, 
.form-field input[type='number']:focus, 
.form-field input[type='email']:focus{
    outline: none !important;
    border: 1px solid #e5e5e5;
}
.field-control.has-before .form-field select, 
.field-control.has-before .form-field input[type='text'], 
.field-control.has-before .form-field input[type='number'], 
.field-control.has-before .form-field input[type='email']{border-top-left-radius: 0px 0px; border-bottom-left-radius: 0px 0px;}
.field-control.has-after .form-field select, 
.field-control.has-after .form-field input[type='text'], 
.field-control.has-after .form-field input[type='number'], 
.field-control.has-after .form-field input[type='email']{border-top-right-radius: 0px 0px; border-bottom-right-radius: 0px 0px;}

.field-control.from-to > span{}
.field-control.from-to .form-field{    margin: 0 15px 0 5px;}
.field-control.from-to .form-field select, 
.field-control.from-to .form-field input[type='text'], 
.field-control.from-to .form-field input[type='number'], 
.field-control.from-to .form-field input[type='email']{}




.field-control-list .form-field{}
.field-control-list .form-field input{}
.field-control-list .form-field:first-child{}
.field-control-list .form-field:first-child input{}
.field-control-list .form-field:last-child{}
.field-control-list .form-field:last-child input{}

.field-control-check .form-field{} 
.field-control-check .form-field label{margin: 0 10px 0 0;
  display: inline-block;} 
.field-control-check .form-field label input{margin: 2px 4px 0 0;
  height: 14px;
  width: 14px;
  float: left;} 
.field-control-check .form-field label input:checked{}
.field-control-check .form-field label span{} 
.field-Error{
    background: transparent;
    font-size: 0.7em;
    border-radius: 10px;
    font-weight: bold;
}
.field-Error:before{content: '';}
.field-Error::after{content: '';}
.field-Error span{}



.one-field-form{
  display: inline-block;
}
.one-field-form form{}
.one-field-form form .form-control{
  position: relative;
}
.one-field-form form .field-control{
  position: relative;
  float: left;
}
.one-field-form form .form-field{}
.one-field-form form .form-field select{
  color: #666;
  font-size: 0.9em;
  padding: 0 0 0 4px;
  line-height: 28px;
  box-sizing: border-box;
  border-radius: 3px 0 0 3px;
  width: 80px;
  height: 30px;
}
.one-field-form form .form-field input{
  color: #666;
  font-size: 0.9em;
  padding: 0 0 0 4px;
  line-height: 28px;
  box-sizing: border-box;
  border-radius: 3px 0 0 3px;
  width: 80px;
  height: 30px;
}
.one-field-form form .field-ection{
  overflow: hidden;
  padding: 0 7px;
}
.one-field-form form .field-ection button{
  margin: 0;
  font-size: 10px;
  padding: 0;
  height: 30px;
  width: 30px;
  text-align: center;
  border-radius: 3px;
}
.one-field-form form .field-ection button span{width: 18px;}
.one-field-form form .field-ection button.btn-save{}
.one-field-form form .field-ection button.btn-cansel{border-radius: 0 3px 3px 0;}


.order .one-field-form form{}
/**************************************/
.form-field-selector{}
.form-field-selector input{}
.form-field-selector input:focus{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.form-selector-list{position: absolute;     box-sizing: border-box;
  background: #fff;
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 0 0 5px 5px;}
.form-selector-list-holder{overflow: auto;
  max-height: 150px;}
.form-selector-list ul{padding: 5px 7px; list-style: none;}
.form-selector-list ul li{padding: 2px 3px; border-radius: 4px; cursor: pointer;}
.form-selector-list ul li:hover{background: #c8edc8;}
.form-selector-list ul li span{}
.form-selector-list ul li strong{}
.form-selector-list ul li em{color: #a3a1a1;}
/*********************************************************************************************************/
/*********************************************************************************************************/
/*********************************************************************************************************/

/***************************************/
.auth-form{
    margin: 50px auto;
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    max-width: 300px;
}
.auth-form .card-header{font-weight: bold;
    border-bottom: 1px solid #d9d3d3;
    padding: 0 5px 10px;}
.auth-form .card-body{}
.auth-form .card-body form{}
.auth-form .card-body form .row{margin: 7px 0;}
.auth-form .card-body form label{    color: #222;
    font-size: 14px;
    display: block;
    margin-bottom: 5px;}
.auth-form .card-body form input{
    max-width: 100%;
    width: 100%;
    border: 0 none;
    padding: 0 10px;
    background: #fff;
    color: #666;
    border: 1px solid #e5e5e5;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    outline: none;
}
.auth-form .card-body form button{
    margin: 10px 0 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .1s ease-in-out;
    transition-property: color,background-color,border-color;
    background-color: #1e87f0;
    color: #fff;
    border: 1px solid transparent;
    cursor: pointer;
}
.auth-form .card-body form  .form-check{}
.auth-form .card-body form  .form-check input{width: 20px;height: 20px;float: left;margin-top: 1px;}
.auth-form .card-body form  .form-check label{}
.auth-form .card-body form a.btn.btn-link{float: right;margin: 20px 0 0 0;font-size: 0.8em;color: #6c6969;text-decoration: underline;}
.auth-form .card-body form a.btn.btn-link:hover{text-decoration: none;}
/***************************************/

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


.top-navbar{background: #fcfcfc;
    z-index: 10;}
.top-navbar .uk-navbar-nav > li > a{min-height: 40px; text-transform: none;color: #1a202c;}
.top-navbar .uk-navbar-dropdown{padding: 12px;}


/*********************************************/
ul .nav-icon{
    width: 30px;
    height: 30px;
}
ul li .nav-icon span{
    position: absolute;
    width: 22px;
    background: #525151;
    height: 2px;
    top: 50%;
    margin-top: -1px;
}
ul li .nav-icon span:before{content: "";width: 22px;background: #525151;height: 2px;top: -6px;position: absolute;}
ul li .nav-icon span:after{content: "";width: 22px;background: #525151;height: 2px;top: 6px;position: absolute;}
ul li.active .nav-icon{}
ul li.active .nav-icon span{
    background: transparent;
}
ul li.active .nav-icon span:before{
    transform: rotate(45deg);
    top: 0;
}
ul li.active .nav-icon span:after{
    transform: rotate(-45deg);
    top: 0;
}

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

@media screen and (max-width: 799px) {   
  ul.uk-navbar-nav li{transition: all 0.4s;position: relative; left: 0px;}
  ul.uk-navbar-nav li.active{left: 285px;}
  ul li.active .nav-icon span{}
  ul li.active .nav-icon span:before{
      background: #fff; 
  }
  ul li.active .nav-icon span:after{
      background: #fff; 
  }
} 

@media screen and (min-width: 800px) { 
    ul.uk-navbar-nav li{transition: all 0.4s;position: relative; left: 0px;}
    ul.uk-navbar-nav li.active{left: 170px;}   
    .content-body > div{transition: all 0.4s;position: relative; padding-left: 0px;} 
    .content-body > div.active{padding-left: 180px;}
    .uk-container{padding-left: 90px;}
 
} /* min-width: 800px */


.uk-card {border-radius: 5px;border: 1px solid #dcdcdc;     margin-bottom: 15px;}
.uk-card-inline{    display: inline-block;
  max-width: 100%;}
.uk-card-header h5{margin: 0;}
.uk-card-title {font-size: 1.2rem;line-height: 1.2;}
.uk-card-body .uk-overflow-auto{margin: -7px 0; padding-bottom: 5px; padding-right: 5px; position: relative;}
.uk-card-body .uk-overflow-auto-h-100{
    height: 100px;
}
.uk-card-body .uk-overflow-auto-h-130{
  height: 130px;
}
.uk-card-body .uk-overflow-auto-h-150{
  height: 150px;
}
.uk-card-body .uk-overflow-auto-max--150{
  max-height: 150px;
}
.uk-card-body .uk-overflow-auto-h-170{
    height: 170px;
}
.uk-card-body .uk-overflow-auto-h-300{
    height: 300px;
}
.uk-card-body .uk-overflow-auto-max-300{
  max-height: 300px;
}
.uk-card-body .uk-overflow-auto-h-500{
  height: 500px;
}

/******* Table *********/
thead{position: sticky;top: 0;background: #fff;z-index: 3;}
.uk-table-hover > tr:hover, .uk-table-hover tbody tr:hover {background: #f1f4f9;}
.notActive{opacity: 0.5;}
.uk-table-small th, .uk-table-small td {text-transform: none; padding: 5px 6px;}
.uk-table-small .uk-table-link > a {padding: 5px 6px;}
.uk-table-small .uk-table-link > a:hover {color: #31c32c !important;}
.table-button{text-align: right;}
.table-button a{margin: 2px;border-radius: 4px;padding: 4px 5px;line-height: 1em;}
.table-button a span.uk-icon{width: 18px;}
/******* Table END *********/

/******* Form *********/
form em.field-description{color: #878686;font-size: 0.7em;display: block;}
.field-Error{color: #f00; display: block;}
/******* Form END *********/

/******* Modal *********/
.uk-modal{overscroll-behavior: contain; display: block;}
.Modal-Fon{position: absolute; width: 100%; height: 100%; top:0;left: 0;}
.uk-modal-dialog{
    box-shadow: 0 0 10px rgb(0 0 0 / 23%), 0 6px 7px rgb(0 0 0 / 30%);
    border: 1px solid #999999;
    border-radius: 10px;     min-height: 130px;
}

.uk-modal-dialog .block-loader{border-radius: 10px;}
.uk-modal-header{background: transparent;}
.uk-modal-footer{background: transparent;}
.uk-modal-title {
    font-size: 1.6rem;
    line-height: 1.3;    
}
.uk-modal-full .uk-modal-dialog{      border-radius: 0px;  min-height: 100vh;}
.uk-modal-full .uk-modal-body{     padding: 15px 30px 50px 15px;}
.uk-modal-full .uk-modal-footer{
  position: fixed;
    width: calc(100% - 40px);
    bottom: 0;     background: #fff;
}
@media (min-width: 640px){
  .uk-modal-full .uk-modal-footer{ width: calc(100% - 60px);}
}
/******* Modal END *********/





.receiving-chat-list{}
.receiving-chat-list-item{
    background: #efeeee;
    padding: 7px;
    border-radius: 7px;
    font-size: 0.9em;
    margin: 3px 0;
}
.receiving-chat-list-item p{
    margin: 0;
    color: #000;
}
.receiving-chat-list-item span{
    font-size: 0.9em;
    color: #6e6e6e;
}
.receiving-chat-list-item em{
    color: #6e6e6e;
}

.nav-item-notification{}
.nav-item-notification a{position: relative;}
.nav-item-notification a .notification-count{
  background: #ec4d4d;
  display: inline-block;
  width: 17px;
  height: 17px;
  text-align: center;
  border-radius: 50%;
  font-size: 10px;
  position: absolute;
  top: 4px;
  right: -7px;
  color: #fff;
}
.dropdown-list{
  margin: -15px -10px;
}
.dropdown-item{
  font-size: 0.8em;
  background: #eaffe7;
  margin: 0 0 5px;
  padding: 4px;
  border-radius: 5px;
}

.dropdown-item p{
  line-height: 1.2;
  margin: 0 0 3px;
}
.dropdown-item p strong{}
.dropdown-item .btn-notification-holder{}
.dropdown-item .btn{
  padding: 3px 4px;
  font-size: 10px;
  line-height: 1;
}


/***********************************************************************************************/
/***********************************************************************************************/
/***********************************************************************************************/
.page-accordion{}
.page-accordion li{background-color: #fff;
  color: #666;
  box-shadow: 0 5px 15px rgb(0 0 0 / 8%);
  border-radius: 5px;
  border: 1px solid #dcdcdc; padding: 15px;}
.page-accordion li .uk-accordion-title{outline: none !important;}
.page-accordion li .uk-accordion-title:hover{}
.page-accordion li .uk-accordion-content{}
.page-accordion li.uk-open{}
.page-accordion li.uk-open .uk-accordion-title{}
.page-accordion li.uk-open .uk-accordion-title:hover{}
.page-accordion li.uk-open .uk-accordion-content{}
.page-accordion li .uk-accordion-title::before{}
.page-accordion li.uk-open > .uk-accordion-title::before{}
.page-accordion .container{position: relative;
  min-height: 130px;}

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

.order-header{
  padding: 15px 0 30px;
}
.order-header .btn{}
.order-header h1{
  margin: 0;
  display: inline-block;
  margin-right: 10px;
}
.order-header .status{
  color: #ff1d1d;
  font-weight: bold;
  font-size: 1.1em;
}
.order-header .status a{
  color: #989797;
}
.order-header .status a:hover{
  color: #5cb85c;
}
.order-header .status a span{
  width: 16px;
}
.order-bottom-nav{position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 7px 0 14px;
  box-shadow: 0 -1px 15px rgb(0 0 0 / 8%);
  z-index: 20;}
.order-bottom-nav .navbar-nav{}
.order-bottom-nav .navbar-center{display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  flex-direction: row;
  justify-content: center;}
.order-bottom-nav ul li{}
.order-bottom-nav ul li a{}

.order .uk-card{}
.order .uk-card .uk-card-header{padding: 7px 15px;}
.order .uk-card .uk-card-body{}
.order .uk-card .uk-card-footer{padding: 7px 15px;}
.order .edit-icon{font-size: 0.7em;opacity: 0.8;color: #212529;display: inline-block;margin: -4px 0 0 4px;position: relative;}
.order .edit-icon span{width: 12px;position: relative;top: -2px;}
.order .edit-icon:hover{opacity: 1;color: #31c32c;}
.order .uk-card .uk-card-body .order-field-item a, .order .uk-card .uk-card-body a .order-field-item em{color: #666;}
.order .uk-card .uk-card-body .order-field-item a:hover, .order .uk-card .uk-card-body .order-field-item a:hover em{color: #31c32c;}


.collapse{overflow: hidden;  }
.Collapse-enter-active, .Collapse-leave-active {transition: max-height 0.75s ;}
.Collapse-enter-from{max-height: 0;  } 
.Collapse-enter-to{max-height: 300px;  } 
.Collapse-leave-from {max-height: 300px; }
.Collapse-leave-to { max-height: 0px; }

.order .order-field-item{padding: 2px 0;}



.viewPlanMaterial{}
.viewPlanMaterial .item{padding: 10px 5px;border-bottom: 1px solid #dfdfdf;}
.viewPlanMaterial .item:last-child{border-bottom: 0px solid #dfdfdf;}
.viewPlanMaterial .item:first-child{padding-top: 0;}

.viewPlanMaterial .material{padding: 0 0 0px;}
.viewPlanMaterial .material h4{margin: 0;font-weight: bold;}
.viewPlanMaterial .material h4 span.area{font-size: 0.8em;}
.viewPlanMaterial .material h4 .icon{width: 15px;color: #a9a7a7;cursor: pointer;}
.viewPlanMaterial .material h4 .icon:hover{background: #31c32c;color: #fff;border-radius: 50%;}
.viewPlanMaterial .material em{color: #858282;font-size: 0.8em;}
.viewPlanMaterial .material p{margin: 0;line-height: 1em;}
.viewPlanMaterial .material p em{}
.viewPlanMaterial .product-list{}
.viewPlanMaterial .product-item{padding: 1px 10px;}
.viewPlanMaterial .product-item h5{font-weight: normal; margin: 0;font-size: 1.1em;}
.viewPlanMaterial .product-item .icon{width: 15px;color: #a9a7a7;cursor: pointer;}
.viewPlanMaterial .product-item .icon:hover{background: #31c32c;color: #fff;border-radius: 50%;}
.viewPlanMaterial .product-item .area{}
.viewPlanMaterial .product-item p{margin: 0;padding-left: 16px;line-height: 1em;}
.viewPlanMaterial .product-item p em{color: #858282;font-size: 0.8em;}
.viewPlanMaterial .item .uk-dropdown{padding: 7px 15px;}
.viewPlanMaterial .item .uk-dropdown p{margin: 5px 0;}

.viewPlanImplementation{}
.viewPlanImplementation .item{padding: 10px 5px;border-bottom: 1px solid #dfdfdf;}
.viewPlanImplementation .item:last-child{border-bottom: 0px solid #dfdfdf;}
.viewPlanImplementation .item:first-child{padding-top: 0;}
.viewPlanImplementation .item .implementation{}
.viewPlanImplementation .item .implementation h4{margin: 0;font-weight: bold;}
.viewPlanImplementation .item .implementation-list{}
.viewPlanImplementation .item .implementation-list ul{margin: 0;padding: 0;list-style: none;}
.viewPlanImplementation .item .implementation-list ul li{}
.viewPlanImplementation .item .implementation-list ul li span{}
.viewPlanImplementation .item .implementation-list ul li strong{}

.plan-material-item{}
.plan-material-btn{
    float: right;
}
.plan-material-btn .btn{
    margin: 2px;
    border-radius: 4px;
    padding: 4px 5px;
    line-height: 1em;
}
.plan-material-item .material-name{
    margin: 6px 0;
    font-size: 1.2em;
}
.plan-material-item .material-name strong{
    padding-right: 4px;
}
.plan-material-item .material-name .dim-item{}
.plan-material-item .material-name .curent-price{}
.plan-material-item .material-name .full-price{}
.plan-material-item .material-name .icon{width: 15px;color: #a9a7a7;cursor: pointer;margin-left: 7px;}
.plan-material-item .material-name .icon:hover {background: #31c32c;color: #fff;border-radius: 50%;}
.plan-material-item .uk-dropdown {padding: 7px 15px;}
.plan-material-item .uk-dropdown p {margin: 5px 0;}


.filtered-plan-material{
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  box-shadow: 0 0px 7px rgb(0 0 0 / 8%);
  /* border-radius: 5px; */
  border: 1px solid #efefef;
}
.filtered-plan-material li{
  border-bottom: 1px solid #dfdede;
}
.filtered-plan-material li .item{cursor: pointer;padding: 5px 7px;margin: 0;transition: all 0.2s;}
.filtered-plan-material li .item:hover{
  background: #5cb85c;
  color: #fff;
}
.filtered-plan-material li .item span{}
.filtered-plan-material li .item em{font-size: 0.9em;margin-left: 6px;color: #adacac;}
.filtered-plan-material li .item:hover em{color: #fff;}

.filtered-plan-material .icon{width: 15px;color: #a9a7a7;cursor: pointer;margin-left: 7px;}
.filtered-plan-material li .item:hover .icon{color: #fff;cursor: pointer;margin-left: 7px;}
.filtered-plan-material .icon:hover {background: #31c32c;color: #fff;border-radius: 50%;}
.filtered-plan-material .uk-dropdown {padding: 7px 15px;}
.filtered-plan-material .uk-dropdown p {margin: 5px 0;}


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

.table-div{min-width: 1000px;width: 100%;}
.table-div-head{}
.table-div-body{overflow: auto;width: 100%;max-height: 200px;}
.table-div-body-page{max-height: calc(100vh - 200px);}
.table-div-foot{}
.table-div-row{clear: both;}
.table-row-subtitle{color: #31c32c;margin: 10px 0 3px;}
.table-row-subtitle strong{}
.table-div-col{float: left;padding: 3px 2px;box-sizing: border-box;}
.table-div-col.center{justify-content:center; }
.table-div-col.right{justify-content: end; }
.table-div-head .table-div-row{}
.table-div-head .table-div-col{text-align: left;vertical-align: bottom;font-size: 0.875rem;font-weight: normal;color: #313131;}
.table-div-head .table-div-col strong{color: #767676;}
.table-div-foot .table-div-row{border-top: 1px solid #e5e5e5;display: flex;align-items: stretch;}
.table-div-foot .table-div-col{}
.table-div-foot .table-div-col span{}
.table-div-foot .table-div-col strong{}
.table-div-body .table-div-row{border-top: 1px solid #e5e5e5;display: flex;align-items: stretch;}
.table-div-body .table-div-row.notActive{opacity: 1;}
.table-div-body .table-div-col{font-size: 0.9em;line-height: 1;display: flex;align-items: center;color: #6b6767;overflow: hidden;}
.table-div-body .table-div-row.notActive .table-div-col{color: #b9b9b9;}
.table-div-body .table-div-col span{}
.table-div-body .table-div-col strong{}
.table-div-body .table-div-col .text{}
.table-div-body .table-div-col .status{}
.table-div-body .table-div-col .action{}
.table-div-body .table-div-col .action .btn-icon span {width: 15px;height: 15px;}
.table-div-body .table-div-col .action  .btn{    margin: 0px 1px;}
.table-div.order-table-div{min-width: 800px;     box-sizing: border-box;border: 1px solid #e5e5e5;}
/*********************************************************************************************************/
.order-table-div .table-div-head{}
.order-table-div .table-div-head .table-div-row{display: flex;}
.order-table-div .table-div-head .table-div-col{display: flex;align-items: center;justify-content: center;padding: 7px 0;border-left: 1px solid #e5e5e5;}
.order-table-div .table-div-head .table-div-col:first-child{justify-content: flex-start;border: none;}
.order-table-div .table-div-head .table-div-col strong{line-height: 1.1em;justify-content: center;padding: 0 4px;}
.order-table-div .table-div-head .table-div-col .icon-tooltip{font-size: 8px;height: 10px;width: 10px;line-height: 10px;margin-left: 3px;}
.order-table-div .table-div-head .table-div-col em{color: #666;font-size: 0.7em;font-weight: normal;}
.order-table-div .table-div-body{}
.order-table-div .table-div-body .table-div-row{}
.order-table-div .table-div-body .table-div-col{justify-content: center;border-left: 1px solid #e5e5e5;}
.order-table-div .table-div-body .table-div-col:first-child{justify-content: flex-start;border: none;}
.order-table-div .table-div-body .table-div-col .text{padding: 3px 3px;}
.order-table-div .table-div-body .table-div-col em{color: #666;font-size: 0.9em;font-weight: normal;}
/*********************************************************************************************************/

.table-container{    max-height: calc(100vh - 235px); overflow: auto; width: 100%; }

.table-header, .table-row {display: table-row; }
.table-header{position: sticky; top: 0;}
.table-row{}
.table-row:nth-child(even){}
.table-row:nth-child(odd){background: #fcfcfc;}
.table-row:hover{}
.table-col {display: table-cell; vertical-align: middle;border-bottom: 1px solid #e5e5e5;}
.table-header .table-col {  vertical-align: bottom;  background: #fff;}
.table-row .table-col {  }
.table-row:last-child .table-col {border-bottom: 0px solid #e5e5e5; }
.table-col .col-data{display: flex;padding: 2px 4px;box-sizing: border-box;font-size: 0.95em;}
.table-col .col-data.left{justify-content: flex-start; text-align: left;}
.table-col .col-data.right{justify-content: flex-end; text-align: right;}
.table-col .col-data.center{justify-content: center; text-align: center;}
.table-header .table-col .col-data{}
.table-header .table-col .col-data strong {color: #313131; line-height: 1.1em; font-size: 0.875rem;}
.table-col .col-data strong{}
.col-data-sub{color: #bebcbc;}
.col-data-sum{min-width: 115px;}
.col-data-text{text-align: justify;}
.col-data-link{}
.table-col .col-data-link a{color: #31c32c;text-decoration: underline;}
.table-col .col-data-link a:hover{text-decoration: none;}
.col-data-btn{min-width: 100px;}
.col-data-btn .btn-holder{}
.col-data-btn .btn-sm{padding: 3px 10px 4px;font-size: 10.5px;margin: 0 2px;}
.col-data-btn .btn-icon{width: 24px;padding: 2px 0px 4px;}
.col-data-btn .btn-icon .uk-icon{width: 15px;height: 15px;padding: 0;}
.table-col .col-data.table-comment-text p, .table-col .col-data.table-comment-text ul,.table-col .col-data.table-comment-text ol{display: block;margin: 0;}
/*********************************************************************************************************/
/*********************************************************************************************************/
/*********************************************************************************************************/
/*********************************************************************************************************/
.sidebar-holder > .sidebar-item{
  max-height: calc(100vh - 73px);
    overflow: auto;
}
/*********************************************************************************************************/
/*********************************************************************************************************/
/*********************************************************************************************************/
/*********************************************************************************************************/

.filter{}
.filter-icon{    margin-bottom: 10px;}
.filter-icon a{margin: 0;}
.filter-icon a .uk-icon{position: relative;top: -1px;}
.filter-icon a .uk-icon svg{width: 15px;height: 15px;}

.filter .form-control{ margin-bottom: 10px;}
.filter .field-name{font-size: 0.96em;}
.filter .field-control{   }
.filter .form-field{}
.filter .uk-form-small:not(textarea):not([multiple]):not([size]){height: 24px;
  padding-left: 5px;
  padding-right: 5px; border: 1px solid #d0cdcd;}

/*********************************************************************************************************/
/*********************************************************************************************************/
/*********************************************************************************************************/
/*********************************************************************************************************/
.comments-list{}
.comment{}
.comments-list p{margin: 0;}
.uk-comment-body{}
.uk-comment-body p{margin: 0;}