/*
-------------------------------------------------------------------
Theme Name: Eclinic Corporate
Theme URI: http://html.iTheme.mn
Description: Creative MultiPurpose HTML Template
Author: iTheme
Author URI: http://www.themeforest.net/user/themewaves
Version: 1.1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/*------------------------------------------------------------------

[Table of contents]

1. Fonts
2. Body
3. Tags
4. Custom class
5. Button style
6. Topbar
7. Menu
8. Slider
9. Form
10. Footer
11. Widget
12. Preloader
13. Grid & Container
14. Colors
15. Logo
16. Login box
17. Sidebar
18. Modal
19. Datepicker
20. Thumbnail

-------------------------------------------------------------------*/

/* 1. Fonts */

@font-face {
  font-family: 'Averta CY';
  src: url('../fonts/subset-AvertaCY-Bold.eot');
  src: local('Averta CY Bold'), local('AvertaCY-Bold'),
    url('../fonts/subset-AvertaCY-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/subset-AvertaCY-Bold.woff2') format('woff2'),
    url('../fonts/subset-AvertaCY-Bold.woff') format('woff'),
    url('../fonts/subset-AvertaCY-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Averta CY';
  src: url('../fonts/subset-AvertaCY-Semibold.eot');
  src: local('Averta CY Semibold'), local('AvertaCY-Bold'),
    url('../fonts/subset-AvertaCY-Semibold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/subset-AvertaCY-Semibold.woff2') format('woff2'),
    url('../fonts/subset-AvertaCY-Semibold.woff') format('woff'),
    url('../fonts/subset-AvertaCY-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Averta CY';
  src: url('../fonts/subset-AvertaCY-Extrabold.eot');
  src: local('Averta CY Extrabold'), local('AvertaCY-Extrabold'),
    url('../fonts/subset-AvertaCY-Extrabold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/subset-AvertaCY-Extrabold.woff2') format('woff2'),
    url('../fonts/subset-AvertaCY-Extrabold.woff') format('woff'),
    url('../fonts/subset-AvertaCY-Extrabold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Averta CY';
  src: url('../fonts/subset-AvertaCY-Regular.eot');
  src: local('Averta CY Regular'), local('AvertaCY-Regular'),
    url('../fonts/subset-AvertaCY-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/subset-AvertaCY-Regular.woff2') format('woff2'),
    url('../fonts/subset-AvertaCY-Regular.woff') format('woff'),
    url('../fonts/subset-AvertaCY-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Averta CY';
  src: url('../fonts/subset-AvertaCY-RegularItalic.eot');
  src: local('Averta CY Regular Italic'), local('AvertaCY-RegularItalic'),
    url('../fonts/subset-AvertaCY-RegularItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/subset-AvertaCY-RegularItalic.woff2') format('woff2'),
    url('../fonts/subset-AvertaCY-RegularItalic.woff') format('woff'),
    url('../fonts/subset-AvertaCY-RegularItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Averta CY';
  src: url('../fonts/subset-AvertaCY-ExtraboldItalic.eot');
  src: local('Averta CY Extrabold Italic'), local('AvertaCY-ExtraboldItalic'),
    url('../fonts/subset-AvertaCY-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/subset-AvertaCY-ExtraboldItalic.woff2') format('woff2'),
    url('../fonts/subset-AvertaCY-ExtraboldItalic.woff') format('woff'),
    url('../fonts/subset-AvertaCY-ExtraboldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Averta CY';
  src: url('../fonts/subset-AvertaCY-BoldItalic.eot');
  src: local('Averta CY Bold Italic'), local('AvertaCY-BoldItalic'),
    url('../fonts/subset-AvertaCY-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/subset-AvertaCY-BoldItalic.woff2') format('woff2'),
    url('../fonts/subset-AvertaCY-BoldItalic.woff') format('woff'),
    url('../fonts/subset-AvertaCY-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

/* 2. Body */

body {
  display: block;
  font-family: 'Averta CY';
  font-size: 14px;
  font-weight: 600;
  color: #7d8398;
  line-height: 22px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  background: #e0e2eb;
}

/* 3. Tags */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Averta CY';
  margin: 0 0 10px;
  color: #0c1227;
  font-weight: 600;
  line-height: 1.2;
}

a {
  transition: color 0.2s ease-in-out;
  color: #1cbfe5;
}

a:hover {
  color: #1c2936;
}

p > a {
  transition: color 0.2s ease-in-out;
  color: #1cbfe5;
  border-bottom: 1px dotted #1cbfe5;
}

a:hover {
  text-decoration: none;
  color: #4accea;
}

p {
  margin: 0;
}

p+p {
  margin-top: 15px;
}

.uk-section-large {
  padding-top: 120px;
  padding-bottom: 120px;
}

.uk-section-medium {
  padding-top: 60px;
  padding-bottom: 60px;
}

.uk-section-xsmall {
  padding-top: 30px;
  padding-bottom: 30px;
}

label {
  font-size: 13px;
  line-height: 23px;
  color: #000;
  font-weight: 600;
}

input,
select,
textarea,
.uk-input,
.uk-select,
.uk-textarea {
  max-width: 100%;
  width: 100%;
  padding: 0 20px;
  background: #fff;
  color: #798097;
  border: 1px solid rgb(223, 227, 238);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transition-property: color, background-color, border;
  transition-property: color, background-color, border;
  box-sizing: border-box;
  margin: 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  -webkit-appearance: none;
  line-height: 24px;
}

::placeholder {
  color: #999fb4 !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #999fb4 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #999fb4 !important;
}

input,
.uk-input,
select:not([multiple]):not([size]),
.uk-select:not([multiple]):not([size]) {
  line-height: 24px;
  vertical-align: middle;
  display: inline-block;
}

input:focus,
select:focus,
textarea:focus,
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  outline: none;
  box-shadow: none;
  background-color: #fff;
  border-color: #1cbfe5;
}

input:required,
select:required,
textarea:required {
  outline: none;
  box-shadow: none;
}

input:hover,
textarea:hover,
.uk-input:hover,
.uk-textarea:hover {
  cursor: pointer;
}

textarea,
.uk-textarea {
  padding: 10px 20px;
}

#submit:hover,
input[type="submit"]:hover {
  background-color: #1c2936;
  color: #fff;
}

.uk-input:disabled,
.uk-select:disabled,
.uk-textarea:disabled {
  background-color: #edf0f6;
  color: #999fb4;
  border-color: #dfe3ee;
}

.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  color: #798097;
}

.uk-form-success input,
.uk-form-success input:focus,
.uk-form-success textarea,
.uk-form-success textarea:focus {
  border-color: #1cbfe5;
  color: #798097;
}

.uk-form-success svg path {
  fill: #1cbfe5;
}

.uk-form-danger {
  margin-bottom: 27px;
}

.uk-form-danger input,
.uk-form-danger input:focus,
.uk-form-danger textarea,
.uk-form-danger textarea:focus {
  color: #f55a70;
  border-color: #f55a70;
}

.uk-form-danger svg path {
  fill: #f55a70;
}

[class*="uk-inline"] {
  display: block;
  position: relative;
  max-width: 100%;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
}

.tw-error-message {
  font-size: 12px;
  color: rgb(245, 90, 112);
  position: absolute;
  right: 0;
  bottom: -27px;
}

/* Custom select */

.tw-line-height-normal {
  line-height: normal;
}

.tw-line-height-24 {
  line-height: 24px;
}

.tw-outview {
  opacity: 0;
  visibility: hidden;
}

.uk-form-controls:focus-within .uk-form-icon.uk-form-icon-flip.tw-border-left {
  border-color: #1cbfe5;
  transition: all .3s ease-in-out;
}

.uk-form-icon-flip.tw-border-left + .uk-input {
  padding-right: 60px !important;
}

.sidebar-content {
  position: relative;
  color: #999fb4;
}

.content-sidebar-inner {
  margin: 0 30px;
}

.sidebar-content.tw-min-height {
  min-height: 645px;
}

.sidebar-content > .tw-min-height {
  min-height: 565px;
}

.tw-min-height > .tw-min-height {
  min-height: 565px;
}

.tw-min-height-180 {
  min-height: 180px;
}

.custom-select {
  position: relative;
}

.custom-select.disabled .select-selected {
  cursor: not-allowed;
}

.custom-select select {
  display: none !important;
}

.select-selected {
  background-color: white;
}

select:disabled + .select-selected {
  background-color: #f2f4f8;
}

.select-selected:after {
  position: absolute;
  content: url("../images/icons/select-dropdown.svg");
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  width: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.select-selected.select-arrow-active {
  border-bottom: 1px solid transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

select:disabled + .select-selected.select-arrow-active {
  border-bottom: 1px solid rgb(223, 227, 238);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.select-selected.select-arrow-active:after {
  content: url("../images/icons/select-dropdown-2.svg");
}

select:disabled + .select-selected.select-arrow-active:after {
  content: url("../images/icons/select-dropdown.svg");
}

.select-selected {
  color: #999fb4;
  padding: 0 20px;
  padding-right: 40px;
  border: 1px solid rgb(223, 227, 238);
  cursor: pointer;
  user-select: none;
  border-radius: 3px;
  height: 40px;
  line-height: 40px;
}

.select-items {
  color: #999fb4;
  border: 1px solid rgb(223, 227, 238);
  cursor: pointer;
  border-radius: 3px;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select-items div {
  color: #999fb4;
  padding: 5px 20px;
  cursor: pointer;
  min-height: 30px;
  line-height: 20px;
  display: flex;
  align-items: center;
}

.select-items {
  position: absolute;
  background-color: white;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

.select-hide {
  display: none;
}

select:disabled + .select-selected.select-arrow-active + .select-items {
  display: none !important;
}

.select-items div:hover, .same-as-selected {
  background-color: #eff1f6;
  color: #798097;
}

/* Radio box */
.uk-checkbox,
.uk-radio {
  padding: 0;
  margin-right: 10px;
  width: 18px;
  height: 18px;
  background: #ffffff;
  border-color: #dfe3ee;
}

.uk-checkbox {
  border-radius: 2px;
}

label {
  display: block;
  position: relative;
}

.uk-radio:checked {
  background: #ffffff;
  border: 6px solid #1cbfe5;
}

.uk-checkbox:disabled,
.uk-radio:disabled {
  background: #eaeef5;
}

.uk-checkbox:checked {
  background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkYyNzY0NkYyNkE1MTFFOUIwNzNDNEY1QzBCM0QxRjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkYyNzY0NzAyNkE1MTFFOUIwNzNDNEY1QzBCM0QxRjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRjI3NjQ2RDI2QTUxMUU5QjA3M0M0RjVDMEIzRDFGMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRjI3NjQ2RTI2QTUxMUU5QjA3M0M0RjVDMEIzRDFGMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgiYdqQAAAB7SURBVHjaYvj//z8DHiwMxMYgNj5FHEB8Hoj/AbEKPoUz/kPARSBmBQmIAHEq1ASYogiook9ArA6zuhkquACqSA2IP0LFImGaQYQSEH+ASuQA8TkoewayU2AMf6ijYeAcmlNQfN0BVQQyXQXdc8gcZiAuB2I7bKEAEGAAi3IlhhRafbIAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: center center;
}

.uk-checkbox:checked,
.uk-checkbox:indeterminate {
  background-color: #1cbfe5;
  border-color: transparent;
}

h1 {
  font-size: 32px;
  line-height: 40px;
}

h2 {
  font-size: 24px;
  line-height: 32px;
}

h3 {
  font-size: 18px;
  line-height: 22px;
}

h4 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

h5 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}

h6 {
  font-size: 10px;
  line-height: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

p:last-child {
  margin-bottom: 0;
}

/* Alert */
.uk-alert-danger,
.uk-alert-warning,
.uk-alert-success {
  border-radius: 3px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: normal;
}

.uk-alert-danger {
  background: rgba(245,90,112,0.2) !important;
  color: #e9445b !important;
}

.uk-alert-danger svg path {
  fill: #e9445b !important;
}

.uk-alert-warning {
  background-color: rgb(243, 187, 52, 0.2);
  color: #d5a022;
}

.uk-alert-warning-and-fill {
  background-color: rgb(243, 187, 52, 0.1) !important;
  color: #d5a022 !important;
}

.uk-alert-warning-and-fill svg path {
  fill: #f3bb34 !important;
}

.uk-alert-success {
  background-color: rgb(64, 218, 122, 0.2) !important;
  color: #22bf5d !important;
}

.uk-alert-success svg path {
  fill: #22bf5d !important;
}

.uk-alert-close {
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  color: inherit;
  opacity: 1;
}

.uk-alert-warning svg path {
  fill: #d5a023;
}

.uk-alert-success svg path {
  fill: #23bf5e;
}

/* 4. Custom class */
.uk-hr, hr {
  border-color: #eef4fa;
}

.uk-padding-medium {
  padding: 30px;
}

.tw-table-result {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #2b4399;
  background: #e8f8fc;
  padding: 10px 15px;
  height: 12px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.tw-section-top-padding-remove {
  padding-top: 0;
}

.tw-section-bottom-padding-remove {
  padding-bottom: 0;
}

.tw-overflow-x-scroll {
  overflow-x: scroll;
}

.tw-full-width {
  width: 100% !important;
}

.tw-min-width-32 {
  min-width: 32px;
}

.tw-min-width-170 {
  min-width: 170px;
}

.tw-min-width-800 {
  min-width: 800px;
}

.tw-top-border {
  border-top: 1px solid #eef4fa;
}

.tw-top-border-after {
  position: relative;
}

.tw-top-border-after::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #2b4399;
}
.tw-top-border-after-navy::after {
  background: #1cbfe5;
}

.tw-bottom-border {
  border-bottom: 1px solid #eef4fa;
}

.uk-grid-medium.tw-grid-20 > .uk-grid-margin {
  margin-top: 20px;
}

input.uk-form-width-xsmall {
  width: 44px;
  padding: 10px;
}

.tw-mr-0 {
  margin-right: 0px !important;
}

.tw-mr-5 {
  margin-right: 5px !important;
}

.tw-mr-8 {
  margin-right: 8px !important;
}

.tw-mr-9 {
  margin-right: 9px !important;
}

.tw-mr-10 {
  margin-right: 10px !important;
}

.tw-mr-15 {
  margin-right: 15px !important;
}

.tw-mr-20 {
  margin-right: 20px !important;
}

.tw-mr-30 {
  margin-right: 30px !important;
}

.tw-ml-5 {
  margin-left: 5px !important;
}

.tw-ml-8 {
  margin-left: 8px !important;
}

.tw-ml-9 {
  margin-left: 9px !important;
}

.tw-ml-10 {
  margin-left: 10px !important;
}

.tw-ml-15 {
  margin-left: 15px !important;
}

.tw-ml-20 {
  margin-left: 20px !important;
}

.tw-ml-30 {
  margin-left: 30px !important;
}

.tw-mt-5 {
  margin-top: 5px !important;
}

.tw-mt-10 {
  margin-top: 10px !important;
}

.tw-mt-15 {
  margin-top: 15px !important;
}

.tw-mt-17 {
  margin-top: 17px !important;
}

.tw-mt-20 {
  margin-top: 20px !important;
}

.tw-mt-25 {
  margin-top: 25px !important;
}

.tw-mt-30 {
  margin-top: 30px !important;
}

.tw-mt-35 {
  margin-top: 35px !important;
}

.tw-mt-40 {
  margin-top: 40px !important;
}

.tw-mt-50 {
  margin-top: 50px !important;
}

.tw-mt-60 {
  margin-top: 60px !important;
}

.tw-mt-100 {
  margin-top: 100px !important;
}

.tw-mt-100-min {
  margin-top: -100px !important;
}

.tw-mb-4 {
  margin-bottom: 4px !important;
}

.tw-mb-5 {
  margin-bottom: 5px !important;
}

.tw-mb-8 {
  margin-bottom: 8px !important;
}

.tw-mb-10 {
  margin-bottom: 10px !important;
}

.tw-mb-15 {
  margin-bottom: 15px !important;
}

.tw-mb-20 {
  margin-bottom: 20px !important;
}

.tw-mb-25 {
  margin-bottom: 25px !important;
}

.tw-mb-30 {
  margin-bottom: 30px !important;
}

.tw-mb-35 {
  margin-bottom: 35px !important;
}

.tw-mb-40 {
  margin-bottom: 40px !important;
}

.tw-mb-47 {
  margin-bottom: 47px !important;
}

.tw-mb-50 {
  margin-bottom: 50px !important;
}

.tw-mb-55 {
  margin-bottom: 55px !important;
}

.tw-mb-60 {
  margin-bottom: 60px !important;
}

.tw-padding-20 {
  padding: 20px !important;
}

.tw-padding-30 {
  padding: 30px !important;
}

.tw-padding-60 {
  padding: 60px !important;
}

.tw-pt-10 {
  padding-top: 10px !important;
}

.tw-pt-20 {
  padding-top: 20px !important;
}

.tw-pt-30 {
  padding-top: 30px !important;
}

.tw-pt-60 {
  padding-top: 60px !important;
}

.tw-pt-100 {
  padding-top: 100px !important;
}

.tw-pt-110 {
  padding-top: 110px !important;
}

.tw-pt-120 {
  padding-top: 120px !important;
}

.tw-pt-150 {
  padding-top: 150px !important;
}

.tw-pb-10 {
  padding-bottom: 10px !important;
}

.tw-pb-30 {
  padding-bottom: 30px !important;
}

.tw-pb-60 {
  padding-bottom: 60px !important;
}

.tw-pb-80 {
  padding-bottom: 80px !important;
}

.tw-pb-90 {
  padding-bottom: 90px !important;
}

.tw-pb-100 {
  padding-bottom: 100px !important;
}

.tw-pr-30 {
  padding-right: 30px !important;
}

.tw-pr-40 {
  padding-right: 40px !important;
}

.tw-pr-50 {
  padding-right: 50px !important;
}

.tw-pr-70 {
  padding-right: 70px !important;
}

.tw-pl-0 {
  padding-left: 0px !important;
}

.tw-pl-12 {
  padding-left: 12px !important;
}

.tw-pl-30 {
  padding-left: 30px !important;
}

.tw-pl-35 {
  padding-left: 35px !important;
}

.tw-pl-40 {
  padding-left: 40px !important;
}

.tw-pl-45 {
  padding-left: 45px !important;
}

.tw-pl-50 {
  padding-left: 50px !important;
}

.tw-pl-70 {
  padding-left: 70px !important;
}

.tw-pl-160 {
  padding-left: 160px !important;
}

.tw-white-bg {
  background-color: #fff;
}

.tw-position-relative {
  position: relative;
}

.tw-fw-reguler {
  font-weight: 400 !important;
}

.tw-fw-semibold {
  font-weight: 600 !important;
}

.tw-fw-bold {
  font-weight: 700 !important;
}

.tw-width-border-right {
  border-right: 1px solid rgba(255,255,255,0.05);
}

.tw-width-68\% {
  width: 68%;
}

.tw-border-radius-2 {
  border-radius: 2px !important;
}

.tw-border-radius-3 {
  border-radius: 3px !important;
}

.tw-border-radius-5 {
  border-radius: 5px !important;
}

.tw-border-radius-2,
.tw-border-radius-3,
.tw-border-radius-5 {
  overflow: hidden;
}

.tw-border-radius-50\% {
  border-radius: 50% !important;
}

.tw-border {
  border: 1px solid #eef4fa;
}

.tw-border-top {
  border-top: 1px solid #eef4fa;
}

.tw-border-right {
  border-right: 1px solid #eef4fa;
}

.tw-border-left {
  border-left: 1px solid transparent;
}

.tw-border-bottom {
  border-bottom: 1px solid transparent;
}

.tw-border-color-gray {
  border-color: #dfe3ee;
}

.tw-border-color-navy {
  border-color: #eef4fa;
}

.tw-border-none {
  border: none !important;
}

.tw-border-right-none {
  border-right: none !important;
}

.tw-border-top-right-radius-none {
  border-top-right-radius: 0 !important;
}

.tw-border-bottom-right-radius-none {
  border-bottom-right-radius: 0 !important;
}

.tw-border-top-left-radius-none {
  border-top-left-radius: 0 !important;
}

.tw-border-bottom-left-radius-none {
  border-bottom-left-radius: 0 !important;
}

.uk-text-lead {
  font-size: 16px;
  line-height: 24px;
  color: #798097;
  font-weight: normal;
}

.uk-text-small {
  font-size: 12px;
  line-height: 18px;
  color: #798097;
}

.tw-max-width-168 {
  max-width: 168px;
}

.tw-max-width-350 {
  max-width: 350px;
}

.tw-max-width-375 {
  max-width: 375px;
}

.tw-max-height-150 {
  max-height: 150px;
}

.tw-max-height-150 {
  overflow: auto;
}

.tw-height-100\% {
  height: 100%;
}

.tw-height-100\%.tw-border-top,
.tw-height-100\%.tw-border-bottom {
  height: calc(100% - 1px);
}

.tw-height-auto {
  height: auto;
}

/* 5. Button style */
button:focus {
  outline: none;
}

.tw-button {
  border-radius: 3px;
  color: #2b4399;
  border: 2px solid #dfe3ee;
  font-size: 14px;
  line-height: normal;
  font-weight: 600;
  text-transform: none;
  margin: 0 20px 15px 0;
  display: inline-flex;
  align-items: center;
  padding: 13px 39px;
}

.tw-button:hover,
.tw-button.tw-hover,
.tw-button.tw-active {
  border-color: #2b4399;
  color: #2b4399;
}

.tw-button.tw-border-none:hover,
.tw-button.tw-border-none.tw-hover,
.tw-button.tw-border-none.tw-active {
  border-color: #2b4399 !important;
  color: #2b4399 !important;
}

.tw-button.tw-flat {
  padding: 15px 39px;
  background: #1cbfe5;
  border: none;
  color: #ffffff;
  transition: all .3s ease-in-out;
}

.tw-button.tw-flat:hover,
.tw-button.tw-flat.tw-hover,
.tw-button.tw-flat.tw-active {
  background: #4accea;
}

.tw-button.tw-flat.tw-xsmall-button {
  padding: 8px 20px;
  font-size: 12px;
}

.tw-button.tw-small-button {
  padding: 13px 39px;
}

.tw-button.tw-flat.tw-small-button {
  padding: 15px 25px;
}

.tw-button.tw-large-button {
  padding: 18px 45px;
}

.tw-button.tw-flat.tw-large-button {
  padding: 20px 45px;
}

.tw-button.tw-bg-blue:hover,
.tw-button.tw-bg-fb-blue:hover,
.tw-button.tw-bg-blue.tw-hover,
.tw-button.tw-bg-fb-blue.tw-hover,
.tw-button.tw-bg-blue.tw-active,
.tw-button.tw-bg-fb-blue.tw-active {
  background: #3654c1 !important;
}

.tw-button.tw-bg-pink:hover,
.tw-button.tw-bg-pink.tw-hover,
.tw-button.tw-bg-pink.tw-active {
  background: #fe516a !important;
}

.tw-button.tw-disabled,
.tw-button.tw-disabled:hover,
.tw-button.tw-disabled.tw-hover,
.tw-button.tw-disabled.tw-active {
  background: #dfe3ee !important;
  color: #999fb4 !important;
}

.tw-button.tw-max-height-42 {
  max-height: 42px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* 6. Topbar */

.et-eclinic-topbar {
  background-color: rgba(255,255,255,0.05);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  font-size: 12px;
  font-weight: 600;
}

.tw-light-header .et-eclinic-topbar {
  background: #f6f9fc;
  border-bottom: 1px solid #eaeef5;
}

.et-eclinic-topbar-inner {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.et-eclinic-topbar-item {
  height: 100%;
}

.et-eclinic-topbar-item a {
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0 20px;
  border-left: 1px solid rgba(255,255,255,0.1);
  transition: all .3s ease-in-out;
  line-height: normal;
}

.et-eclinic-topbar-item:last-child a {
  border-right: 1px solid rgba(255,255,255,0.1);
}

.tw-light-header .et-eclinic-topbar-item a {
  border-left: 1px solid rgba(223,227,238,0.5);
}

.tw-light-header .et-eclinic-topbar-item:last-child a {
  border-right: 1px solid rgba(223,227,238,0.5);
}

.et-eclinic-topbar-item a:hover,
.et-eclinic-topbar-item a.tw-active {
  background: #2b4399;
}

.tw-light-header .et-eclinic-topbar-item a,
.tw-eclinic-header.tw-light-header .et-eclinic-topbar-item a:hover,
.tw-eclinic-header.tw-light-header .et-eclinic-topbar-item a.tw-active {
  color: #2b4399;
}

.tw-light-header .et-eclinic-topbar-item a:hover,
.tw-light-header .et-eclinic-topbar-item a.tw-active {
  background-color: rgba(223,227,238,0.25);
}

.tw-light-header .et-eclinic-topbar-item .tw-dropdown-button.uk-button {
  border: none;
  border-left: 1px solid rgba(223,227,238,0.5);
  border-radius: 0;
  font-size: 12px;
  font-weight: 600;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.tw-light-header .et-eclinic-topbar-item .tw-dropdown-button.uk-button:hover,
.tw-light-header .et-eclinic-topbar-item .tw-dropdown-button.uk-button.uk-open {
  background-color: rgba(223,227,238,0.25);
  color: #2b4399;
}

.et-eclinic-topbar-item .tw-dropdown-button.uk-button.uk-open::after,
.tw-light-header .et-eclinic-topbar-item .tw-dropdown-button.uk-button:hover::after {
  content: url('../images/icons/dropup.svg');
}
/* 7. Menu */
.uk-nav li > a {
  display: flex;
}

.tw-eclinic-header.tw-light-header {
  background: #ffffff;
  border-bottom: 1px solid #eaeef5;
  color: #2b4399;
}

.tw-eclinic-header.tw-light-header a {
  color: #798097;
  line-height: normal;
}

.tw-eclinic-header.tw-light-header .uk-navbar-nav > li > a:hover,
.tw-eclinic-header.tw-light-header .uk-navbar-nav > li.uk-active > a {
  color: #2b4399;
}

.tw-eclinic-header .uk-navbar-container {
  padding-top: 20px;
  padding-bottom: 20px;
}

.tw-eclinic-header .uk-navbar-nav > li > a {
  font-family: 'Averta CY';
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
  height: auto;
  position: relative;
}

.tw-eclinic-header .uk-navbar-nav > li > a:hover,
.tw-eclinic-header .uk-light .uk-navbar-nav > li > a {
  color: #ffffff;
}

.tw-new-menu {
  background-color: rgba(28, 191, 229, 0.2);
  position: absolute;
  right: 0;
  top: -15px;
  font-size: 10px;
  color: rgb(28, 191, 229);
  font-weight: bold;
  line-height: 1;
  padding: 0 8px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

/* 8. Slider */

.tw-slider {
  position: relative;
}

.tw-slider .slider-item {
  height: 700px;
  background-size: cover;
  background-position: center;
  position: relative;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}

.tw-slider .slider-item>.uk-container,
.tw-slider .slider-item>.slider-content {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
}

.tw-slider .slider-item~.slider-item {
  display: none;
}

.tw-slider .slider-item:not(.uk-flex-bottom) {
  align-items: center;
}

.tw-slider .slider-content {
  padding-left: 70px;
  padding-right: 70px;
}

.tw-slider.tw-slider-fullscreen .slider-content {
  max-width: 100%;
  padding-top: 80px;
}
.slider-content .tw-element {
  width: 770px;
  max-width: 100%;
  margin: 0 auto;
}

.slider-content .slider-content-title,
.slider-content .slider-content-desc {
  width: 570px;
  max-width: 100%;
  margin:  0 auto;
}

.slider-content .slider-content-desc {
  line-height: 24px;
}

.slider-content .slider-content-title {
  margin-bottom: 17px;
}

.uk-navbar-nav .uk-navbar-dropdown {
  padding: 20px;
  padding-bottom: 30px;
  box-shadow: 0 20px 20px rgba(43,67,153,.10);
}

.uk-navbar-nav .uk-navbar-dropdown-nav {
  font-size: 12px;
  color: #798097;
  font-weight: 600;
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a.uk-open,
.uk-navbar-nav > li > a:focus,
.uk-navbar-dropdown-nav > li.uk-active > a,
.uk-navbar-dropdown-nav > li > a:focus,
.uk-navbar-dropdown-nav > li > a:hover {
  color: #2b4399;
}

.uk-navbar-nav .uk-navbar-dropdown-nav .uk-nav-divider {
  margin: 15px 0;
}

.uk-navbar-nav [class*="uk-navbar-dropdown-bottom"] {
  margin-top: 32px;
}

/* 9. Form */

.home-form {
  margin-left: 0;
}
.home-form-inner {
  -webkit-box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.15);
  margin-left: 0;
}
.home-form input,
.home-form .uk-input,
.home-form select:not([multiple]):not([size]),
.home-form .uk-select:not([multiple]):not([size]) {
  height: 60px;
  line-height: 58px;
  border-radius: 0;
  border: 0;
  font-weight: 600;
  font-size: 14px;
}

.home-form input::placeholder,
.home-form input:-ms-input-placeholder,
.home-form input::-ms-input-placeholder {
  color: #798097;
  opacity: 1;
}

.home-form input::placeholder {
  color: #798097;
  opacity: 1; /* Firefox */
}

.home-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #798097;
}

.home-form input::-ms-input-placeholder { /* Microsoft Edge */
 color: #798097;
}

.home-form .submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px 0 0;
}

.home-form button {
  height: 48px;
  width: 100%;
  border: none;
  background: #1cbfe5;
  border-radius: 3px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  font-family: 'Averta CY';
}

.home-form .home-form-search-words button {
  height: auto;
  padding-bottom: 5px;
  line-height: 22px;
}

.home-form-right-side {
  background: #ffffff;
  border-left: 1px solid #e4eaf0;
  padding-left: 20px;
  margin-left: 0;
}

.home-form-search-select {
  background-image: url('../images/icons/navigation.svg');
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 25px !important;
}

/* Search words */

.home-form-search-words-outer {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 23px;
}

.home-form-search-words {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  padding: 0 12px;
  list-style: none;
  font-size: 14px;
}

.home-form-search-words a,
.home-form-search-words-title {
  color: #9495af;
  font-weight: 600;
}

.home-form-search-words-item {
  margin: 0 12px;
  text-decoration: none;
  display: flex;
}

.home-form-search-words a:hover {
  color: #ffffff;
}

.home-form-search-words-item > a {
  transition: all .3s ease-in-out;
  padding-bottom: 5px;
  border-bottom: 1px dotted rgba(148,149,175,0.25);
}

.home-form-search-words-item > a:hover {
  border-bottom: 1px dotted rgba(255,255,255,0.4);
}

.home-form-search-words-item .tw-dropdown-button.uk-button {
  color: #9495af;
  font-weight: 600;
  border: none;
  padding: 0;
  padding-bottom: 5px;
  line-height: 22px;
  font-size: 14px;
  text-transform: none;
  display: flex;
  border-bottom: 1px dotted rgba(148,149,175,0.25);
}

.home-form-search-words-item .tw-dropdown-button.uk-button:hover {
  border-bottom: 1px dotted rgba(255,255,255,0.4);
  color: #ffffff;
}

.home-form-search-words-item .tw-dropdown-button.uk-button {
  background: none;
}

.home-form-search-words-item .tw-dropdown-button.uk-button::after {
  position: absolute;
  top: 45%;
  right: -13px;
  transform: translateY(-50%);
  border-top-color: #9495af;
}

.home-form-search-words-item .tw-dropdown-button.uk-button:hover::after {
  border-top-color: #ffffff;
}

.tw-form-notification {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background: none;
}

.tw-form-notification-medium {
  width: 50px;
  height: 50px;
  padding: 25px;
}

.tw-form-notification-circle {
  border-radius: 50%;
}

.tw-form-notification.tw-form-bg-blue {
  background: #1cbfe5;
}

.tw-form-notification.tw-form-success {
  background: #40da7a;
}

.uk-form-label {
  font-size: 10px;
  line-height: 14px;
  color: #0c1227;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 8px;
}

.tw-profile-img-container {
  width: 114px;
  height: 114px;
  padding: 15px;
  background: rgba(28,191,229,0.2);
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 0;
}

.tw-profile-img-edit-btn {
  width: 33px;
  height: 33px;
  background: #ffffff;
  border-radius: 50%;
  padding: 0;
  border: none;
  box-shadow: 0px 10px 20px 0px rgba(43, 67, 153, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  right: 0;
}

.uk-switch {
  position: relative;
  display: inline-block;
  height: 28px;
  width: 51px;
}

.uk-switch input {
  display: none;
}

input:checked + .uk-switch-slider {
  background-color: #1cbfe5 !important;
}

.uk-switch-slider {
  background-color: #dfe3ee;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 3px;
  bottom: 0;
  cursor: pointer;
  transition-property: background-color;
  transition-duration: .2s;
}

input:checked + .uk-switch-slider::before {
  transform: translate(23px, -50%);
}

.uk-switch-slider::before {
  content: '';
  background-color: #fff;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  border-radius: 2px;
  transition-property: transform, box-shadow;
  transition-duration: .2s;
}

.tw-custom-checkbox h6 {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 14px;
  margin: 0;
}

.tw-form-description .tw-heading-element h6 {
  font-size: 16px;
  line-height: 20px;
  color: #798097;
  font-weight: normal;
  text-transform: none;
}

.tw-form-description p.uk-text-small {
  font-size: 12px;
  line-height: 18px;
  color: #999fb4;
  font-weight: normal;
  text-transform: none;
}

/* Multi select */
.ms-container {
  width: 100%;
  background: #fff;
  color: #798097;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all .3s ease-in-out;
  position: relative;
}
.ms-selection {
  opacity: 0;
  visibility: hidden;
  display: none;
  position: relative;
  background: #ffffff;
  border: 1px solid rgb(244,227,238);
  border-top: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  line-height: normal;
  position: absolute;
  top: 100%;
  left: 0;
  width: calc(100% - 2px);
  animation-name: uk-fade;
  animation-duration: .3s;
  animation-timing-function: linear;
}
.ms-selectable {
  border: 1px solid rgb(223, 227, 238);
  min-height: 26px;
  line-height: normal;
  border-radius: 3px;
  padding: 7px;
  overflow: scroll;
}
.ms-container:hover .ms-selectable {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ms-container:hover .ms-selection {
  opacity: 1;
  visibility: visible;
  display: block;
  z-index: 9;
}
.ms-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ms-list:focus {
  outline: none;
}
.ms-selection .ms-list li {
  height: 40px;
  line-height: 40px;
  color: #999fb4;
  padding: 0 20px;
}
.ms-selection .ms-list li:hover {
  background-color: #eff1f6;
  color: #798097;
}
.ms-selectable .ms-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 400px;
}
.ms-selectable .ms-list li {
  min-height: 24px;
  line-height: normal;
  padding: 0 12px;
  padding-right: 24px;
  border: none;
  border-radius: 2px;
  position: relative;
  color: #999fb4;
  background: rgba(121,128,151,0.1);
  display: flex;
  align-items: center;
}
.ms-selectable .ms-list li:not(:last-child) {
  margin-right: 8px;
}
.ms-selectable .ms-list li::after {
  content: url(../images/icons/remove.svg);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 7px;
}
.ms-selectable .ms-list li:hover {
  border-color: #1cbfe5;
  color: #1cbfe5;
}
.ms-selectable .ms-list li:hover::after {
  content: url(../images/icons/remove-blue.svg);
}

.selectize-control.tw-multi-select-tags {
  padding: 0;
  border: none;
  position: relative;
}

.selectize-input {
  border: 1px solid rgb(223, 227, 238);
  border-radius: 3px;
  height: 42px;
  line-height: 42px;
}

.selectize-input.dropdown-active {
  border-bottom: 1px solid transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.selectize-input.has-items {
  padding: 7px;
  height: 28px;
  line-height: 26px;
  display: flex;
  overflow: scroll;
}

.selectize-input > div {
  display: flex;
  background: #f1f2f4;
  font-size: 12px;
  color: #999fb4;
  line-height: 12px;
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
  border-radius: 3px;
}

.selectize-input > div > span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.selectize-input > div > .remove {
  /* color: #999fb4;
  font-size: 20px;
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 28px; */
  position: relative;
  visibility: hidden;
  margin-left: 8px;
}

.selectize-input > div > .remove::after {
  content: url(../images/icons/remove.svg);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  visibility: visible;
}

.selectize-input > div:not(:last-child) {
  margin-right: 4px;
}

.selectize-input input {
  width: 100% !important;
  height: 100%;
  border: none;
  vertical-align: inherit;
}

.selectize-input.has-items input {
  width: auto !important;
  height: 28px;
  line-height: 28px;
  padding: 0;
}

.selectize-dropdown {
  background: #ffffff;
  position: absolute;
  border-top: none;
  z-index: 9;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: auto;
  padding: 0;
}

.selectize-dropdown .create,
.selectize-dropdown .option {
  background: #ffffff;
  padding: 0 20px;
}

.selectize-dropdown .option:hover {
  background: #f1f2f4;
}

.tw-send-icon-button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  top: 3px;
  cursor: pointer;
  transition: all .3s ease-in-out;
}

/* 10. Footer */

.bottom-area {
  padding: 97px 0 77px 0;
}

.footer-area-inner {
  margin: 0;
  padding: 20px 0;
  border-top: 1px solid rgba(255,255,255,0.1);
  font-size: 12px;
}

.footer-area-inner,
.footer-area-inner a {
  color: rgba(255,255,255,0.75);
}

.copyright-logo {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

footer.uk-light a {
  font-size: 14px;
  color: rgba(255,255,255,0.75);
  position: relative;
}

/* Notification */
.tw-notification-led {
  position: relative;
}

.tw-notification-led:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid rgba(246,249,252,1);
  background: #eaeef5;
  border-radius: 50%;
  position: absolute;
  top: 11px;
  right: 18px;
}

.tw-notification-led-green:before {
  background: #40da7a;
}

.tw-notification-led-red:before {
  background: #f55a70;
}

.tw-notification-led-yellow:before {
  background: #f3bb34;
}

/* 11. Widget */

.bottom-area h3.widget-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 22px;
}

.widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.widget_recent_entries.widget ul li {
  padding-left: 20px;
  position: relative;
  margin-bottom: 15px;
}

.widget_recent_entries.widget ul li:last-child {
  margin-bottom: 0px;
}

.widget_recent_entries.widget ul li::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  border: 2px solid #ffffff;
}

.tw-contact-widget.widget ul li {
  padding-left: 27px;
  position: relative;
}

.tw-contact-widget.widget ul li img,
.tw-contact-widget.widget ul li i {
  position: absolute;
  left: 0;
  top: 4px;
}

.bottom-area .widget li:not(:last-child) {
  margin-bottom: 14px;
}

footer.uk-light .copyright a {
  font-size: 12px;
}

/* 12. Preloader */

body {
  transition: background-color 0.5s ease-in-out;
}

body.loading {
  overflow: hidden;
}

body>.tw-preloader,
body.loading {
  background-color: #fff;
}

body>.tw-preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 3;
  text-align: center;
  vertical-align: middle;
  line-height: 100vh;
}

body>.header-container,
body>.main-container {
  transition: opacity 0.5s ease-in-out;
}

body.loading>.header-container,
body.loading>.main-container,
body>.tw-preloader {
  opacity: 0;
  visibility: hidden;
}

body.loading>.tw-preloader {
  opacity: 1;
  visibility: visible;
}

/* 13. Grid & Container */

.uk-container {
  max-width: 1170px;
}

.uk-container-small {
  max-width: 900px;
}

.uk-container-msmall {
  max-width: 800px;
}

.uk-container-xsmall {
  max-width: 600px;
}

.uk-container-large {
  max-width: 1650px;
}

.uk-container-expand {
  max-width: none;
}

/* 14. Colors */

.tw-bg-blue {
  background: #2b4399 !important; /* rgb(43. 67. 153) */
}

.tw-bg-fb-blue {
  background: #3e62ae !important; /* rgb(62. 98. 174) */
}

.tw-bg-navy {
  background: #1cbfe5 !important; /* rgb(28. 191. 229) */
}

.tw-bg-navy-2 {
  background: #fafcfd !important; /* rgb(250. 252. 253) */
}

.tw-bg-black {
  background: #0c1227 !important; /* rgb(12. 18. 39) */
}

.tw-bg-grey {
  background: #798097 !important; /* rgb(121. 128. 151) */
}

.tw-bg-grey-2 {
  background: #999fb4 !important; /* rgb(153. 159. 180) */
}

.tw-bg-grey-3 {
  background: #dfe3ee !important; /* rgb(223. 227. 238) */
}

.tw-bg-grey-4 {
  background: #fdfdfe !important; /* rgb(223. 227. 238) */
}

.tw-bg-white {
  background: #ffffff !important; /* rgb(255. 255. 255) */
}

.tw-bg-pink {
  background: #f55a70 !important; /* rgb(245. 90. 112) */
}

.tw-bg-yellow {
  background: #f3bb34 !important; /* rgb(243. 187. 52) */
}

.tw-bg-orange {
  background: #d5a022 !important; /* rgb(243. 187. 52) */
}

.tw-bg-green {
  background: #40da7a !important; /* rgb(64. 218. 122) */
}

.tw-bg-purple {
  background: #8781bd !important; /* rgb(135. 129. 189) */
}

.tw-bg-orange {
  background: #ff734d !important; /* rgb(255. 115. 77) */
}

.tw-txt-blue {
  color: #2b4399 !important; /* rgb(43. 67. 153) */
}

.tw-txt-navy {
  color: #1cbfe5 !important; /* rgb(28. 191. 229) */
}

.tw-txt-black {
  color: #0c1227 !important; /* rgb(12. 18. 39) */
}

.tw-txt-grey {
  color: #798097 !important; /* rgb(121. 128. 151) */
}

.tw-txt-grey-2 {
  color: #999fb4 !important; /* rgb(153. 159. 180) */
}

.tw-txt-grey-3 {
  color: #dfe3ee !important; /* rgb(223. 227. 238) */
}

.tw-txt-white {
  color: #ffffff !important; /* rgb(255. 255. 255) */
}

.tw-txt-pink {
  color: #f55a70 !important; /* rgb(245. 90. 112) */
}

.tw-txt-yellow {
  color: #f3bb34 !important; /* rgb(243. 187. 52) */
}

.tw-txt-yellow-2 {
  color: #d5a022 !important; /* rgb(213. 160. 34) */
}

.tw-txt-green {
  color: #40da7a !important; /* rgb(64. 218. 122) */
}

.tw-txt-green-2 {
  color: #22bf5d !important; /* rgb(64. 218. 122) */
}

.tw-txt-purple {
  color: #8781bd !important; /* rgb(135. 129. 189) */
}

.tw-txt-orange {
  color: #ff734d !important; /* rgb(255. 115. 77) */
}

.tw-txt-orange-2 {
  color: #d5a022 !important; /* rgb(243. 187. 52) */
}

.tw-txt-red {
  color: #e9445b !important; /* rgb(255. 115. 77) */
}

.tw-bg-yellow-15-opacity {
  background: rgba(255, 170, 0, 0.15) !important;
}

.tw-button.tw-bg-yellow-15-opacity:hover {
  background: rgba(255, 170, 0, 0.25) !important;
}

.tw-bg-yellow-2-15-opacity {
  background: rgba(243, 187, 52, 0.15) !important;
}

.tw-button.tw-bg-yellow-2-15-opacity:hover {
  background: rgba(243, 187, 52, 0.25) !important;
}

.tw-fill-yellow-color path {
  fill: rgb(255, 170, 0) !important;
}

.tw-fill-yellow-2-color path {
  fill: rgb(243, 187, 52) !important;
}

.tw-fill-orange-color path {
  fill: rgb(213, 160, 34) !important;
}

.tw-bg-red-15-opacity {
  background: rgba(245, 90, 112, 0.15) !important;
}

.tw-button.tw-bg-red-15-opacity:hover {
  background: rgba(245, 90, 112, 0.25) !important;
}

.tw-fill-red-color path {
  fill: rgb(187, 0, 27) !important;
}

.tw-fill-red-color-2 path {
  fill: rgb(233, 68, 91) !important;
}

.tw-fill-red-2-color path {
  fill: rgb(245, 90, 112) !important;
}

.tw-bg-green-10-opacity {
  background: rgba(64, 218, 122, 0.10) !important;
}

.tw-button.tw-bg-green-10-opacity:hover {
  background: rgba(64, 218, 122, 0.20) !important;
}

.tw-bg-green-15-opacity {
  background: rgba(64, 218, 122, 0.15) !important;
}

.tw-button.tw-bg-green-15-opacity:hover {
  background: rgba(64, 218, 122, 0.25) !important;
}

.tw-send-icon-button.tw-bg-green-15-opacity:hover {
  background: rgba(64, 218, 122, 0.25) !important;
}

.tw-fill-green-color path {
  fill: rgb(64, 218, 122) !important;
}

.tw-fill-green-2-color path {
  fill: rgb(34, 191, 93) !important;
}

.tw-bg-blue-15-opacity {
  background: rgba(28, 191, 229, 0.15) !important;
}

.tw-button.tw-bg-blue-15-opacity:hover {
  background: rgba(28, 191, 229, 0.25) !important;
}

.tw-bg-blue-70-opacity {
  background: rgba(12, 18, 39, 0.7) !important;
}

.tw-fill-blue-color path {
  fill: rgb(28, 191, 229) !important;
}

.tw-svg-white path {
  fill: #ffffff;
}

/* 15. Logo */

.tw-logo .site-name {
  margin-bottom: 0;
  line-height: 1;
}

/* 16. Login box */

.tw-login-box.uk-card {
  box-shadow: none;
  position: relative;
  border-radius: 6px;
}

.tw-login-box.uk-card .uk-card-body {
  padding: 55px 65px;
  position: relative;
  z-index: 9;
  background: #ffffff;
  border-radius: 6px;
}

.tw-login-box.tw-login-box-small.uk-card .uk-card-body {
  padding: 30px;
}

/* 17. Box shadow */
.tw-box-shadow:before {
  content: '';
  position: absolute;
  bottom: 3px;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
  height: 50%;
  box-shadow: 0 15px 50px rgba(43,67,153,0.15);
  z-index: -1;
  background: none;
}

.tw-index-1 {
  z-index: 1;
}

.tw-box-shadow-small::before {
  width: 75%;
  height: 47%;
}

.tw-box-shadow-large:before {
  width: 90%;
  height: 51%;
}

.tw-box-bg-blue.tw-box-shadow::before {
  box-shadow: 0 15px 50px rgba(28,191,229,0.5);
}

.tw-box-bg-pink.tw-box-shadow::before {
  box-shadow: 0 15px 50px rgba(135,129,189,0.5);
}

.tw-box-bg-green.tw-box-shadow::before {
  box-shadow: 0 15px 50px rgba(124,197,118,0.5);
}

.tw-box-bg-yellow.tw-box-shadow::before {
  box-shadow: 0 15px 50px rgba(255,115,77,0.5);
}

.tw-box-shadow-hover-none:hover::before {
  box-shadow: none;
}

.tw-box-bg-shape {
  position: relative;
}

.tw-box-bg-shape:before,
.tw-box-bg-shape:after {
  position: absolute;
  z-index: -1;
}

.tw-box-bg-shape:before {
  top: -20px;
  left: -100px;
  content: url("../images/bg-shape-left.png");
}

.tw-box-bg-shape:after {
  bottom: 0;
  right: -100px;
  content: url("../images/bg-shape-right.png");
}

/* 17. Sidebar */

.sidebar-area {
  width: 100%;
  background: rgb(255,255,255);
  position: relative;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.sidebar-area + .sidebar-area {
  margin-top: 30px;
}

.sidebar-area .sidebar-inner {
  padding-left: 0;
  display: inline-block;
  width: 100%;
  background: #ffffff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.sidebar-inner-padding {
  padding: 30px 30px 60px 30px;
}

.sidebar-inner-padding > .tw-max-height {
  max-height: 270px;
  overflow: scroll;
}

.sidebar-area .widget-item {
  width: 100%;
}

.sidebar-area .widget-title {
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  margin-top: -38px;
  margin-bottom: 30px;
}

.sidebar-area .widget-title span {
  padding: 0 15px;
  background: #fff;
}

.sidebar-area .widget {
  margin-top: 6px;
  margin-bottom: 46px;
  border: 1px solid #e6e6e6;
  padding: 30px;
}

.sidebar-area .widget>*:not(.widget-title):first-child {
  margin-top: -6px;
}

.sidebar-area .widget ul li {
  padding-top: 0;
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
  color: #1c2936;
  font-size: 10px;

  text-transform: uppercase;
}

.sidebar-area .widget ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.sidebar-area .widget ul li a {
  color: #1c2936;
  transition: all 0.3s ease;
}

.sidebar-area .widget ul li a:hover {
  opacity: 0.8;
}

.sidebar-area .tw-text-widget {
  padding: 0;
  border: none;
}

/* 18. Modal */

/* Modal Dialog */

.uk-modal-dialog {
  background-color: #2b4399;
}

.uk-modal-dialog .uk-search-large {
  width: 100%;
  padding: 0 50px;
  max-width: 800px;
}

.uk-modal-dialog .uk-search-input {
  padding: 0 30px 0 3px;
  font-size: 24px;
  text-transform: none;
  letter-spacing: normal;
  color: #fff;
}

.uk-modal-dialog .uk-search-input::-webkit-input-placeholder {
  color: #fff;
}

.uk-modal-dialog .uk-search-input::-moz-placeholder {
  color: #fff;
}

.uk-modal-dialog .uk-search-input:-ms-input-placeholder {
  color: #fff;
}

.uk-modal-dialog .uk-search-input:-moz-placeholder {
  color: #fff;
}

.uk-modal-dialog .button-search {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  cursor: pointer;
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 24px;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

.uk-modal-dialog .button-search:hover {
  opacity: 1;
}

.modal-login input {
  width: 210px;
}

.tw-large.uk-modal-dialog {
  width: 770px;
}

/* Mobile Modal Menu */

.tw-mobile-modal {
  padding: 100px 20px;
  flex-direction: column;
}

.tw-mobile-modal .tw-socials {
  margin-top: 70px;
}

.tw-mobile-modal .tw-socials a i {
  font-size: 16px;
}

.tw-mobile-modal .uk-nav-default {
  width: 300px;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
}

.tw-mobile-modal .uk-nav>li>a {
  padding: 12px 0;
  color: rgba(255, 255, 255, 0.7);
  transition: all .3s ease-in-out;
}

.tw-mobile-modal .uk-nav>li>a:hover {
  color: #fff;
}

.tw-mobile-modal .uk-nav-sub {
  font-size: 12px;
  padding: 20px 0;
}

.tw-mobile-modal .uk-nav-parent-icon>.uk-parent>a::after {
  display: none;
}

.uk-modal-close-full {
  padding: 27px;
  background-color: transparent;
  color: #fff;
}

#mobile-menu-modal .uk-close:focus,
#mobile-menu-modal .uk-close:hover {
  color: #ffffff;
}

/* 19. Datepicker */
.tw-date {
  padding: 10px 20px;
  border: 1px solid #dfe3ee;
  border-radius: 3px;
  appearance: none;
}
.tw-date:focus {
  outline: none;
  border-color: #1cbfe5;
}

.ui-datepicker {
  margin-top: 5px;
  padding: 5px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 4px 20px -8px rgba(43, 67, 153, 0.15);
  opacity: 0;
}
.ui-datepicker.active {
  opacity: 1;
}

.ui-datepicker-header {
  height: 40px;
  padding: 3px;
  margin-bottom: 10px;
}
.ui-datepicker-header .ui-datepicker-title {
  text-align: center;
  line-height: 34px;
  color: #798097;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ui-datepicker-month,
.ui-datepicker-year {
  -webkit-appearance: none;
  border: 0;
  background: none;
  outline: none;
  font-size: 14px;
  font-weight: 500;
  color: #798097;
  margin: 0 1px;
}

.ui-datepicker-prev, .ui-datepicker-next {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 34px;
  cursor: pointer;
  text-indent: 9999px;
  overflow: hidden;
  border-radius: 3px;
}
.ui-datepicker-prev:hover, .ui-datepicker-next:hover {
  background-color: #1cbfe5;
}
.ui-datepicker-prev:hover:after, .ui-datepicker-next:hover:after {
  border-color: #fff;
}

.ui-datepicker-prev {
  float: left;
}

.ui-datepicker-next {
  float: right;
}

.ui-datepicker-prev:after,
.ui-datepicker-next:after {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-left: 2px solid #999fb4;
  border-bottom: 2px solid #999fb4;
  pointer-events: none;
  top: 50%;
  left: 50%;
}

.ui-datepicker-prev:after {
  transform: translate(-50%,-50%) rotate(45deg);
}

.ui-datepicker-next:after {
  transform: translate(-50%,-50%) rotate(-135deg);
}

.ui-datepicker-calendar {
  width: 100%;
  text-align: center;
}
.ui-datepicker-calendar thead tr th {
  width: 40px;
  padding-bottom: 6px;
}
.ui-datepicker-calendar thead tr th span {
  display: block;
  width: 100%;
  padding: 0;
  color: #798097;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
.ui-datepicker-calendar tbody tr td {
  padding-right: 3px;
  padding-bottom: 3px;
}
.ui-datepicker-calendar tbody tr td:first-child {
  padding-left: 3px;
}

.ui-state-default {
  display: block;
  text-decoration: none;
  color: #999fb4;
  height: 34px;
  line-height: 34px;
  border-radius: 3px;
  font-size: 12px;
}
.ui-state-default:hover {
  background: #1cbfe5;
  text-decoration: none;
  color: #fff;
}

.ui-state-highlight {
  color: #22bf5d;
  background: rgba(64, 218, 122, 0.15);
}

.ui-state-active {
  color: #fff;
  background: #1cbfe5;
}

.ui-datepicker-unselectable .ui-state-default {
  color: #dfe3ee;
  pointer-events: none;
}

.ui-datepicker-title select {
  width: auto;
  padding: 0;
}
/* Thumbnail */
.tw-lightbox {
  border-radius: 4px;
  border: 1px solid #dfe3ee;
  padding: 14px;
  display: inline-block;
}
.tw-lightbox > a {
  display: block;
  border-radius: 4px;
  transition: all .3s ease-in-out;
}
.tw-lightbox img {
  max-width: 140px;
  max-height: 180px;
}
.tw-lightbox:hover > a {
  background: #2b4399;
  opacity: 1;
  position: relative;
}
.tw-lightbox:hover > a:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  content: url("../images/icons/plus2.svg");
}
.tw-lightbox:hover img {
  opacity: 0.1;
}
.attaches{
  font-size: 14px;
  border: 1px solid #dee2e6;
  background: #f9f9f9;
  padding: 0 10px 3px;
  border-radius: 16px;
  display: inline-block;
  margin-bottom: 3px;
}
.attaches button{
  position: relative;
  top: -1px;
  color: red;
  right: -3px;
}
.uk-notification-message-success {
  color: #fff;
  background: #32d296;
  padding: 8px 15px 10px;
  font-size: 16px;
}
.uk-notification-message-danger {
  color: #fff;
  background: #ff6f6b;
  padding: 8px 15px 10px;
  font-size: 16px;
}
.uk-notification-close {
  display: block;
  position: absolute;
  top: 13px;
  right: 15px;
  color: #fff;
}
.main-settings img{
  border: 1px solid #eee;
  padding: 6px;
  border-radius: 8px;
}
.custom-label{
  position: relative;
  display: table-caption;
  border-radius: 50px;
  padding: 1px 30px 4px 8px;
  background-color: #f5f5f5;
  color: #000;
  border: 1px solid #dddddd;
  margin-bottom: 3px;
  height: 26px;
  cursor: pointer;
}
.custom-label .correct{
  padding: 2px;
  width: 20px;
  height: 20px;
  background-color: #58b995;
  color: white;
  border-radius: 50%;
  position: absolute;
  right: 2px;
  top: 2px;
}
.custom-label .incorrect{
  padding: 2px;
  width: 20px;
  height: 20px;
  background-color: #ababab;
  color: white;
  border-radius: 50%;
  position: absolute;
  right: 2px;
  top: 2px;
}
.custom-label:hover{
  background-color: #4aab90;
  border-color: #4aab90;
  color: white;
}