@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
@import url("https://fonts.googleapis.com/css2?family=MuseoModerno:wght@600&display=swap");
:root[data-theme="theme-light"] {
  --background: #F7F7F7;
  --textColor: #101834;
  --textColor-rgb: 91 91 91;
  --secondaryTextColor: #F6F8FF;
  --secondaryTextColor-rgb: 246 248 255;
  --primary: #5AA8B7;
  --primary-rgb: 90 168 183;
  --secondary: #F7F9F9;
  --secondary-rgb: 247 249 249;
  --light: #fff;
  --success: #4DC976;
  --success-rgb: 77 201 118;
  --danger: #E2455C;
  --danger-rgb: 226 69 92;
  --warning: #F6BE73;
  --warning-rgb: 246 190 115;
  --radius: .5em; }

:root[data-theme="theme-dark"] {
  --background: #161B22;
  --textColor: #fff;
  --textColor-rgb: 255 255 255;
  --secondaryTextColor: #fff;
  --secondaryTextColor-rgb: 255 255 255;
  --primary: #2191EB;
  --primary-rgb: 33 145 235;
  --secondary: #161B22;
  --secondary-rgb: 18 18 18;
  --light: #0D1117;
  --success: #00BFA6;
  --success-rgb: 0 191 166;
  --danger: #F50057;
  --danger-rgb: 245 0 87;
  --warning: #F9A826;
  --warning-rgb: 249 168 38; }

:root[data-theme="theme-light"] {
  --background: #F7F7F7;
  --textColor: #101834;
  --textColor-rgb: 91 91 91;
  --secondaryTextColor: #F6F8FF;
  --secondaryTextColor-rgb: 246 248 255;
  --primary: #5AA8B7;
  --primary-rgb: 90 168 183;
  --secondary: #F7F9F9;
  --secondary-rgb: 247 249 249;
  --light: #fff;
  --success: #4DC976;
  --success-rgb: 77 201 118;
  --danger: #E2455C;
  --danger-rgb: 226 69 92;
  --warning: #F6BE73;
  --warning-rgb: 246 190 115;
  --radius: .5em; }

:root[data-theme="theme-dark"] {
  --background: #161B22;
  --textColor: #fff;
  --textColor-rgb: 255 255 255;
  --secondaryTextColor: #fff;
  --secondaryTextColor-rgb: 255 255 255;
  --primary: #2191EB;
  --primary-rgb: 33 145 235;
  --secondary: #161B22;
  --secondary-rgb: 18 18 18;
  --light: #0D1117;
  --success: #00BFA6;
  --success-rgb: 0 191 166;
  --danger: #F50057;
  --danger-rgb: 245 0 87;
  --warning: #F9A826;
  --warning-rgb: 249 168 38; }

/* Buttons
	.btn-primary
	.btn-secondary
	.btn-success
	.btn-warning
	.btn-danger
	.btn-light
	.btn-transparent
*/
.btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.65rem 1rem;
  line-height: 1.25;
  font-size: 0.9rem;
  font-family: 'Arial', sans-serif;
  border-radius: 0.5em;
  margin: .2rem 0.2rem;
  -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -moz-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  outline: none;
  cursor: pointer; }

.btn > * {
  vertical-align: middle; }

.btn:hover {
  opacity: 0.8; }

.btn:focus, .btn:hover {
  text-decoration: none; }

.btn.focus, .btn:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn.disabled, .btn:disabled {
  opacity: 0.65; }

.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
  background-image: none; }

a.btn.disabled, fieldset:disabled a.btn {
  pointer-events: none; }

.btn:hover {
  color: #272c33;
  text-decoration: none;
  box-shadow: 0px 3px 6px 1px RGB(38 107 193/8%); }

.btn.focus, .btn:focus {
  outline: 0; }

.btn.focus, .btn:focus {
  box-shadow: 0 0 0 1px var(--secondary); }

.btn.disabled, .btn:disabled {
  opacity: 0.65; }

.btn:not(:disabled):not(.disabled) {
  cursor: pointer; }

a.btn.disabled, fieldset:disabled a.btn {
  pointer-events: none; }

/* Primary */
.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--secondaryTextColor); }

.btn-primary.disabled, .btn-primary:disabled {
  opacity: 0.5; }

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: var(--secondaryTextColor); }

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: var(--secondaryTextColor);
  opacity: 0.6; }

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 1px rgba(101, 176, 241, 0.5); }

.btn-primary:hover {
  color: var(--secondaryTextColor); }

.btn-primary-pastel {
  background-color: RGB(var(--primary-rgb)/13%);
  border-color: transparent;
  color: var(--primary); }
  .btn-primary-pastel:hover {
    color: var(--textColor); }

/* Secondary */
.btn-secondary {
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: var(--textColor);
  font-weight: 550; }

.btn-secondary:hover {
  opacity: 0.8;
  color: var(--textColor); }

.btn-secondary.disabled, .btn-secondary:disabled {
  opacity: 0.5; }

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
  background-color: var(--secondary);
  border-color: var(--secondary); }

/* Light */
.btn-light {
  background-color: var(--light);
  border-color: var(--light);
  color: var(--textColor);
  font-weight: 600; }

.btn-light:hover {
  opacity: 1.3;
  border: 1px solid var(--secondary); }

.btn-light.disabled, .btn-light:disabled {
  opacity: 0.5; }

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
  opacity: 0.6; }

/* Transparent */
.btn-transparent {
  background-color: transparent;
  border-color: transparent;
  color: var(--textColor);
  font-weight: 600; }

.btn-transparent:hover {
  opacity: 0.7;
  border: 1px solid var(--secondary !important); }

.btn-transparent.disabled, .btn-transparent:disabled {
  opacity: 0.5; }

.btn-transparent:not(:disabled):not(.disabled).active, .btn-transparent:not(:disabled):not(.disabled):active, .show > .btn-transparent.dropdown-toggle {
  opacity: 0.6; }

/* Success */
.btn-success {
  background-color: var(--success);
  border-color: var(--success);
  color: var(--secondaryTextColor);
  font-weight: 600; }

.btn-success:hover {
  color: #fff; }

.btn-success.disabled, .btn-success:disabled {
  opacity: 0.5; }

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
  opacity: 0.6; }

.btn-success-pastel {
  background-color: RGB(var(--success-rgb)/13%);
  border-color: transparent;
  color: var(--success); }
  .btn-success-pastel:hover {
    color: var(--textColor); }

/* Danger */
.btn-danger {
  background-color: var(--danger);
  border-color: var(--danger);
  color: #fff;
  font-weight: 600; }

.btn-danger:hover {
  color: #fff; }

.btn-danger.disabled, .btn-danger:disabled {
  opacity: 0.5; }

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
  opacity: 0.6; }

.btn-danger-pastel {
  background-color: RGB(var(--danger-rgb)/13%);
  border-color: transparent;
  color: var(--danger); }
  .btn-danger-pastel:hover {
    color: var(--textColor); }

/* Warning */
.btn-warning {
  background-color: var(--warning);
  border-color: var(--warning);
  color: #fff;
  font-weight: 600; }

.btn-warning:hover {
  color: #fff; }

.btn-warning.disabled, .btn-warning:disabled {
  opacity: 0.5; }

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
  opacity: 0.6; }

.btn-warning-pastel {
  background-color: RGB(var(--warning-rgb)/13%);
  border-color: transparent;
  color: var(--warning); }
  .btn-warning-pastel:hover {
    color: var(--textColor); }

.btn-lg {
  padding: 0.7rem 1.5rem;
  font-size: 1.1rem; }

.btn-md {
  padding: .45rem .8rem;
  font-size: 0.8rem; }

.btn-sm {
  padding: .35rem .5rem;
  font-size: 0.7rem; }

.btn-100 {
  width: 100%; }

.btn-rounded {
  border-radius: 15px; }

.btn-inverted {
  color: var(--textColor); }

/*  */
:root[data-theme="theme-light"] {
  --background: #F7F7F7;
  --textColor: #101834;
  --textColor-rgb: 91 91 91;
  --secondaryTextColor: #F6F8FF;
  --secondaryTextColor-rgb: 246 248 255;
  --primary: #5AA8B7;
  --primary-rgb: 90 168 183;
  --secondary: #F7F9F9;
  --secondary-rgb: 247 249 249;
  --light: #fff;
  --success: #4DC976;
  --success-rgb: 77 201 118;
  --danger: #E2455C;
  --danger-rgb: 226 69 92;
  --warning: #F6BE73;
  --warning-rgb: 246 190 115;
  --radius: .5em; }

:root[data-theme="theme-dark"] {
  --background: #161B22;
  --textColor: #fff;
  --textColor-rgb: 255 255 255;
  --secondaryTextColor: #fff;
  --secondaryTextColor-rgb: 255 255 255;
  --primary: #2191EB;
  --primary-rgb: 33 145 235;
  --secondary: #161B22;
  --secondary-rgb: 18 18 18;
  --light: #0D1117;
  --success: #00BFA6;
  --success-rgb: 0 191 166;
  --danger: #F50057;
  --danger-rgb: 245 0 87;
  --warning: #F9A826;
  --warning-rgb: 249 168 38; }

.md__input input[type=checkbox],
.md__input input[type=radio] {
  --focus: 2px RGBA(39, 94, 254, 0.3);
  --border: #BBC1E1;
  --border-hover: #275EFE;
  -webkit-appearance: none;
  background: RGB(var(--textColor-rgb)/15%);
  -moz-appearance: none;
  height: 21px;
  outline: none;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0;
  cursor: pointer;
  border: 1px solid var();
  transition: background 0.3s, border-color 0.3s, box-shadow 0.2s; }

.md__input input[type=checkbox]:after,
.md__input input[type=radio]:after {
  content: "";
  display: block;
  left: 0;
  top: 0;
  position: absolute;
  transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s); }

.md__input input[type=checkbox]:checked,
.md__input input[type=radio]:checked {
  background: var(--primary);
  border-color: RGBA(var(--primary-rgb) 40%);
  --d-t: .6s;
  --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2); }

.md__input input[type=checkbox]:disabled,
.md__input input[type=radio]:disabled {
  background: RGB(var(--textColor-rgb)/50%);
  cursor: not-allowed;
  opacity: 0.9; }

.md__input input[type=checkbox]:disabled:checked,
.md__input input[type=radio]:disabled:checked {
  background: var(--textColor);
  border-color: RGB(var(--textColor-rgb)/150%);
  --bc: var(--border); }

.md__input input[type=checkbox]:disabled + label,
.md__input input[type=radio]:disabled + label {
  cursor: not-allowed; }

.md__input input[type=checkbox]:hover:not(:checked):not(:disabled),
.md__input input[type=radio]:hover:not(:checked):not(:disabled) {
  --bc: var(--border-hover); }

.md__input input[type=checkbox]:focus,
.md__input input[type=radio]:focus {
  box-shadow: 0 0 0 var(--focus); }

.md__input input[type=checkbox]:not(.switch),
.md__input input[type=radio]:not(.switch) {
  width: 21px; }

.md__input input[type=checkbox]:not(.switch):after,
.md__input input[type=radio]:not(.switch):after {
  opacity: var(--o, 0); }

.md__input input[type=checkbox]:not(.switch):checked,
.md__input input[type=radio]:not(.switch):checked {
  --o: 1; }

.md__input input[type=checkbox] + label,
.md__input input[type=radio] + label {
  font-size: 14px;
  line-height: 21px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  margin-left: 4px; }

.md__input input[type=checkbox]:not(.switch) {
  border-radius: 0.5em; }

.md__input input[type=checkbox]:not(.switch):after {
  width: 7px;
  height: 12px;
  border: 2px solid var(--secondaryTextColor);
  border-top: 0;
  border-left: 0;
  left: 7px;
  top: 3px;
  transform: rotate(var(--r, 20deg)); }

.md__input input[type=checkbox]:not(.switch):checked {
  --r: 43deg; }

.md__input input[type=checkbox].switch {
  width: 38px;
  border-radius: 11px; }

.md__input input[type=checkbox].switch:after {
  left: 2px;
  top: 3px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background: var(--secondaryTextColor);
  transform: translateX(var(--x, 0)); }

.md__input input[type=checkbox].switch:checked {
  --x: 17px;
  box-shadow: 3 0 0 var(--focus); }

.md__input input[type=checkbox].switch:disabled:not(:checked):after {
  opacity: 0.6; }

.md__input-lg input[type=checkbox].switch {
  width: 50px;
  border-radius: 15px;
  height: 29px; }

.md__input-lg input[type=checkbox].switch:after {
  left: 7px;
  top: 3px;
  width: 22px;
  height: 22px; }

.md__input input[type=radio] {
  border-radius: 50%; }

.md__input input[type=radio]:after {
  width: 21px;
  height: 21px;
  left: .5px;
  top: 0px;
  border-radius: 50%;
  background: var(--light);
  box-shadow: 0px 3px 6px 1px RGB(38 107 193/8%);
  opacity: 0;
  transform: scale(var(--s, 0.7)); }

.md__input input[type=radio]:checked {
  --s: .5; }

input::placeholder {
  font-size: 13px; }

input[type=text], input[type=password], input[type=email], input[type=number], input[type=date], input[type=tel] {
  height: 45px;
  vertical-align: top;
  margin: 0;
  padding: 0.2rem 1rem !important;
  border-radius: 0.5em;
  background: var(--secondary);
  color: var(--textColor);
  border: 2px solid var(--secondary);
  border-radius: 0.5em;
  font-weight: 520;
  outline: none;
  width: 100%; }
  input[type=text]::placeholder, input[type=password]::placeholder, input[type=email]::placeholder, input[type=number]::placeholder, input[type=date]::placeholder, input[type=tel]::placeholder {
    color: var(--textColor); }
  input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=number]:hover, input[type=date]:hover, input[type=tel]:hover {
    border-left: 2px solid RGB(var(--primary-rgb)/60%);
    background: var(--light); }
  input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=date]:focus, input[type=tel]:focus {
    background: var(--light);
    border-left: 2px solid var(--primary); }

input:placeholder-shown.required {
  background: RGB(var(--danger-rgb)/10%); }

textarea:placeholder-shown.required {
  background: RGB(var(--danger-rgb)/10%); }

textarea {
  min-height: 65px;
  vertical-align: top;
  margin: 5px 0px;
  padding: 0.2rem 1rem !important;
  border-radius: var(--radius);
  background: var(--secondary);
  color: var(--textColor);
  border: 2px solid var(--light);
  border-radius: var(--radius);
  font-weight: 520;
  outline: none;
  width: 100%; }
  textarea::placeholder {
    color: var(--textColor); }
  textarea:hover {
    border-left: 2px solid RGB(var(--primary-rgb)/60%) !important;
    background: var(--light); }
  textarea:focus {
    background: var(--light);
    border-left: 2px solid var(--primary) !important; }

.textarea--static {
  resize: none; }

.input--group {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 0.5rem; }

.input--group-h {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  margin: 0.5rem; }

.input--required {
  background: RGB(var(--danger-rgb)/10%); }

.editable__inputEditing {
  position: relative; }
  .editable__inputEditing button {
    position: absolute;
    right: 0;
    top: 8px; }
  .editable__inputEditing .clear__search {
    position: absolute;
    right: 35px;
    top: 8px; }

.editable__input {
  padding: 5px;
  position: relative;
  cursor: pointer; }
  .editable__input .btn {
    display: none;
    position: absolute;
    right: 2px; }
  .editable__input:hover {
    border: 2px dashed RGB(var(--textColor-rgb)/30%); }
    .editable__input:hover .btn {
      display: inline-block; }

input:disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed; }

.upload__note-input {
  width: 100%;
  border: 2px dashed RGB(var(--textColor-rgb)/30%);
  padding: 10px;
  border-radius: var(--radius);
  text-align: center;
  position: relative; }
  .upload__note-input input {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 100%; }
  .upload__note-input:hover {
    border: 2px dashed RGB(var(--textColor-rgb)/80%); }

.upload__note-inputRequired {
  background: RGB(var(--danger-rgb)/10%); }

.ss-main .ss-single-selected {
  height: 45px; }

.input__simple {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid RGB(var(--textColor-rgb)/10%) !important; }
  .input__simple:hover {
    border-left: unset !important;
    border-bottom: 2px solid RGB(var(--primary-rgb)/60%) !important;
    background: var(--light) !important; }
  .input__simple:focus {
    border-left: unset !important;
    background: var(--light) !important;
    border-bottom: 2px solid var(--primary) !important; }

:root[data-theme="theme-light"] {
  --background: #F7F7F7;
  --textColor: #101834;
  --textColor-rgb: 91 91 91;
  --secondaryTextColor: #F6F8FF;
  --secondaryTextColor-rgb: 246 248 255;
  --primary: #5AA8B7;
  --primary-rgb: 90 168 183;
  --secondary: #F7F9F9;
  --secondary-rgb: 247 249 249;
  --light: #fff;
  --success: #4DC976;
  --success-rgb: 77 201 118;
  --danger: #E2455C;
  --danger-rgb: 226 69 92;
  --warning: #F6BE73;
  --warning-rgb: 246 190 115;
  --radius: .5em; }

:root[data-theme="theme-dark"] {
  --background: #161B22;
  --textColor: #fff;
  --textColor-rgb: 255 255 255;
  --secondaryTextColor: #fff;
  --secondaryTextColor-rgb: 255 255 255;
  --primary: #2191EB;
  --primary-rgb: 33 145 235;
  --secondary: #161B22;
  --secondary-rgb: 18 18 18;
  --light: #0D1117;
  --success: #00BFA6;
  --success-rgb: 0 191 166;
  --danger: #F50057;
  --danger-rgb: 245 0 87;
  --warning: #F9A826;
  --warning-rgb: 249 168 38; }

a {
  color: var(--primary); }

/* TYPOGRAPHY */
h1 {
  font-size: 2rem;
  margin: 0.1rem; }

h2 {
  font-size: 1.5rem;
  margin: 0.1rem; }

h3 {
  font-size: 1.2rem;
  margin: 0.1rem; }

h4 {
  font-size: 1rem;
  margin: 0.1rem; }

h5 {
  font-size: 0.8rem;
  margin: 0.1rem; }

h6 {
  font-size: 0.6rem;
  margin: 0.1rem; }

p {
  font-size: 1rem; }

div {
  font-size: 1rem; }

.text--bold {
  font-weight: bold; }

.text--muted {
  font-weight: 500;
  padding: 10px 15px;
  font-size: .875rem;
  color: #6c757d;
  opacity: .8; }

.text--normal {
  color: var(--textColor) !important; }

.text--link {
  color: var(--primary) !important; }

.text--primary {
  color: var(--primary) !important; }

.text--secondary {
  color: var(--secondary) !important; }

.text--light {
  color: var(--light) !important; }

.text--success {
  color: var(--success) !important; }

.text--danger {
  color: var(--danger) !important; }

.text--warning {
  color: var(--warning) !important; }

.font--10 {
  font-size: 10px; }

.font--11 {
  font-size: 11px; }

.font--12 {
  font-size: 12px; }

.font--13 {
  font-size: 13px; }

.font--14 {
  font-size: 14px; }

.font--15 {
  font-size: 15px; }

.font--16 {
  font-size: 16px; }

.font--17 {
  font-size: 17px; }

.font--18 {
  font-size: 18px; }

.font--19 {
  font-size: 19px; }

.font--20 {
  font-size: 20px; }

.font--21 {
  font-size: 21px; }

.font--22 {
  font-size: 22px; }

.font--23 {
  font-size: 23px; }

.font--24 {
  font-size: 24px; }

.font--25 {
  font-size: 25px; }

.font--30 {
  font-size: 30px; }

.font--35 {
  font-size: 35px; }

.text--center {
  text-align: center;
  align-self: center; }

.text--left {
  text-align: left; }

.text--right {
  text-align: right; }

.align--center {
  align-self: center; }

.align--left {
  text-align: left; }

.align--right {
  text-align: right; }

/* END TYPOGRAPHY */
.flex {
  display: flex; }

.inline--flex {
  display: inline-flex;
  justify-content: space-between; }

.inline--block {
  display: inline-block;
  vertical-align: middle; }

.flex--column {
  flex-direction: column; }

.vm--align {
  vertical-align: middle; }

.svg-inline--fa {
  vertical-align: middle; }

.separator {
  width: 1px;
  height: 25px;
  margin: 5px;
  background: #ccc;
  display: inline-flex;
  vertical-align: middle; }

.no--padding {
  padding: 0rem !important; }

.float--right {
  margin-left: auto;
  margin-right: 10px; }

.mtop--5 {
  margin-top: 5px; }

.mtop--10 {
  margin-top: 10px; }

.mtop--15 {
  margin-top: 15px; }

.mtop--20 {
  margin-top: 20px; }

.mtop--25 {
  margin-top: 25px; }

.mtop--30 {
  margin-top: 30px; }

.mtop--35 {
  margin-top: 35px; }

.mright--5 {
  margin-right: 5px; }

.mright--10 {
  margin-right: 10px; }

.mright--15 {
  margin-right: 15px; }

.mright--20 {
  margin-right: 20px; }

.mright--25 {
  margin-right: 25px; }

.mright--30 {
  margin-right: 30px; }

.mright--35 {
  margin-right: 35px; }

.mleft--5 {
  margin-left: 5px; }

.mleft--10 {
  margin-left: 10px; }

.mleft--15 {
  margin-left: 15px; }

.mleft--20 {
  margin-left: 20px; }

.mleft--25 {
  margin-left: 25px; }

.mleft--30 {
  margin-left: 30px; }

.mleft--35 {
  margin-left: 35px; }

.visible--xs {
  display: none; }
  @media screen and (max-width: 768px) {
    .visible--xs {
      display: inline-block; } }

.hidden-xs {
  display: inline-block; }
  @media screen and (max-width: 768px) {
    .hidden-xs {
      display: none; } }

.flex--1 {
  flex-grow: 1;
  display: inline-flex; }

.flex--2 {
  flex-grow: 2;
  display: inline-flex; }

.flex--3 {
  flex-grow: 3;
  display: inline-flex; }

.flex--column {
  flex-direction: column; }

.flex--row {
  flex-direction: row; }

.disabled {
  opacity: 0.5;
  pointer-events: none; }

.pointer {
  cursor: pointer; }

.row {
  width: 100%; }

.img--responsive {
  max-width: 100%; }

:root[data-theme="theme-light"] {
  --background: #F7F7F7;
  --textColor: #101834;
  --textColor-rgb: 91 91 91;
  --secondaryTextColor: #F6F8FF;
  --secondaryTextColor-rgb: 246 248 255;
  --primary: #5AA8B7;
  --primary-rgb: 90 168 183;
  --secondary: #F7F9F9;
  --secondary-rgb: 247 249 249;
  --light: #fff;
  --success: #4DC976;
  --success-rgb: 77 201 118;
  --danger: #E2455C;
  --danger-rgb: 226 69 92;
  --warning: #F6BE73;
  --warning-rgb: 246 190 115;
  --radius: .5em; }

:root[data-theme="theme-dark"] {
  --background: #161B22;
  --textColor: #fff;
  --textColor-rgb: 255 255 255;
  --secondaryTextColor: #fff;
  --secondaryTextColor-rgb: 255 255 255;
  --primary: #2191EB;
  --primary-rgb: 33 145 235;
  --secondary: #161B22;
  --secondary-rgb: 18 18 18;
  --light: #0D1117;
  --success: #00BFA6;
  --success-rgb: 0 191 166;
  --danger: #F50057;
  --danger-rgb: 245 0 87;
  --warning: #F9A826;
  --warning-rgb: 249 168 38; }

table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px; }
  table thead tr {
    background-color: var(--secondary); }
  table th {
    padding: 1.33333rem 0.33333rem;
    text-align: left;
    font-weight: 500;
    font-size: 0.9rem;
    font-weight: bold; }
  table td {
    padding: 1.33333rem 1rem;
    text-align: left;
    vertical-align: middle;
    font-weight: 300;
    font-size: 0.9rem;
    border-top: solid 1px RGBA(255, 255, 255, 0.1); }
  table tr:hover {
    background: RGB(var(--secondary-rgb)/70%);
    box-shadow: 0px 3px 6px 1px RGB(var(--secondary-rgb)/20%); }
  table tbody tr td {
    padding: 0.13333rem 0.33333rem; }
  table tr:hover td:first-child {
    border-left: 3px solid var(--primary); }
  table tbody tr td:first-child {
    border-top-left-radius: 0.1rem;
    border-bottom-left-radius: 0.1rem; }
  table tbody tr td:last-child {
    border-top-right-radius: 0.1rem;
    border-bottom-right-radius: 0.1rem; }

.table__header {
  font-weight: bold;
  background-color: RGBA(var(--secondary), 0.3); }

.table__content {
  /* height:calc(100% - 300px);
  overflow-x:auto; */
  margin-top: 0px;
  border: 1px solid RGBA(var(--secondary), 0.9); }

:root[data-theme="theme-light"] {
  --background: #F7F7F7;
  --textColor: #101834;
  --textColor-rgb: 91 91 91;
  --secondaryTextColor: #F6F8FF;
  --secondaryTextColor-rgb: 246 248 255;
  --primary: #5AA8B7;
  --primary-rgb: 90 168 183;
  --secondary: #F7F9F9;
  --secondary-rgb: 247 249 249;
  --light: #fff;
  --success: #4DC976;
  --success-rgb: 77 201 118;
  --danger: #E2455C;
  --danger-rgb: 226 69 92;
  --warning: #F6BE73;
  --warning-rgb: 246 190 115;
  --radius: .5em; }

:root[data-theme="theme-dark"] {
  --background: #161B22;
  --textColor: #fff;
  --textColor-rgb: 255 255 255;
  --secondaryTextColor: #fff;
  --secondaryTextColor-rgb: 255 255 255;
  --primary: #2191EB;
  --primary-rgb: 33 145 235;
  --secondary: #161B22;
  --secondary-rgb: 18 18 18;
  --light: #0D1117;
  --success: #00BFA6;
  --success-rgb: 0 191 166;
  --danger: #F50057;
  --danger-rgb: 245 0 87;
  --warning: #F9A826;
  --warning-rgb: 249 168 38; }

/* Preloader */
.preloader {
  position: relative;
  width: 54px;
  height: 54px; }
  .preloader .loader {
    width: 50px;
    height: 50px;
    position: absolute;
    font-size: 10px;
    top: 0px;
    left: 0px;
    border: 2px solid RGB(var(--primary-rgb)/50%);
    border-left: 2px solid var(--primary);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: spinner 800ms infinite linear;
    -moz-animation: spinner 800ms infinite linear;
    -ms-animation: spinner 800ms infinite linear;
    -o-animation: spinner 800ms infinite linear;
    animation: spinner 800ms infinite linear; }
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* Pulse animation */
.pulse {
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: var(--primary);
  cursor: pointer;
  box-shadow: 0 0 0 RGB(var(--primary-rgb)/15%);
  animation: pulse 1s infinite; }

.pulse:hover {
  animation: none; }

.pulse--required {
  width: 0.4rem;
  height: 0.4rem;
  background: var(--danger);
  box-shadow: 0 0 0 RGB(var(--danger-rgb)/15%); }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 RGB(var(--primary-rgb)/15%); }
  70% {
    -webkit-box-shadow: 0 0 0 10px RGB(var(--primary-rgb)/0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 RGB(var(--primary-rgb)/0); } }
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 RGB(var(--primary-rgb)/15%);
    box-shadow: 0 0 0 0 RGB(var(--primary-rgb)/15%); }
  70% {
    -moz-box-shadow: 0 0 0 10px RGB(var(--primary-rgb)/0);
    box-shadow: 0 0 0 10px RGB(var(--primary-rgb)/0); }
  100% {
    -moz-box-shadow: 0 0 0 0 RGB(var(--primary-rgb)/0);
    box-shadow: 0 0 0 0 RGB(var(--primary-rgb)/0); } }
/* Select2 */
.select2-dropdown {
  background: var(--secondary) !important; }

.select2-search--dropdown input {
  background: var(--secondary) !important; }

.select2 .selection {
  width: 100% !important; }
.select2 .select2-selection__rendered {
  color: var(--textColor) !important; }

.select2-container--default .select2-selection--single {
  border: none !important; }

.select2-container--default .select2-selection--single {
  background: var(--secondary) !important;
  height: 2.33333rem !important;
  padding-top: 0.33333rem; }

/* Scrollbar */
/* width */
::-webkit-scrollbar {
  width: 8px; }

/* Track */
::-webkit-scrollbar-track {
  background: transparent; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: RGB(var(--textColor-rgb)/65%);
  border-radius: 1.33333rem; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: RGB(var(--textColor-rgb)/85%); }

.img__responsive {
  position: relative;
  margin: auto;
  max-width: 100%; }

:root[data-theme="theme-light"] {
  --background: #F7F7F7;
  --textColor: #101834;
  --textColor-rgb: 91 91 91;
  --secondaryTextColor: #F6F8FF;
  --secondaryTextColor-rgb: 246 248 255;
  --primary: #5AA8B7;
  --primary-rgb: 90 168 183;
  --secondary: #F7F9F9;
  --secondary-rgb: 247 249 249;
  --light: #fff;
  --success: #4DC976;
  --success-rgb: 77 201 118;
  --danger: #E2455C;
  --danger-rgb: 226 69 92;
  --warning: #F6BE73;
  --warning-rgb: 246 190 115;
  --radius: .5em; }

:root[data-theme="theme-dark"] {
  --background: #161B22;
  --textColor: #fff;
  --textColor-rgb: 255 255 255;
  --secondaryTextColor: #fff;
  --secondaryTextColor-rgb: 255 255 255;
  --primary: #2191EB;
  --primary-rgb: 33 145 235;
  --secondary: #161B22;
  --secondary-rgb: 18 18 18;
  --light: #0D1117;
  --success: #00BFA6;
  --success-rgb: 0 191 166;
  --danger: #F50057;
  --danger-rgb: 245 0 87;
  --warning: #F9A826;
  --warning-rgb: 249 168 38; }

.dropdown {
  display: inline-flex;
  position: relative;
  vertical-align: top; }
  .dropdown .dropdown__title {
    font-weight: 600;
    padding: 0.06667rem 0.33333rem; }

.dropdown.active .dropdown-menu {
  display: flex;
  animation: move 0.2s ease-in-out; }

.dropdown.is-right .dropdown-menu {
  left: auto;
  right: 0; }

.dropdown.is-up .dropdown-menu {
  bottom: 100%;
  padding-bottom: 4px;
  padding-top: initial;
  top: auto; }

.dropdown-menu {
  display: none;
  left: 0;
  min-width: 12rem;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  z-index: 20; }

.dropdown-content {
  background-color: var(--light);
  border-radius: 4px;
  box-shadow: 0 0.5em 1em -0.125em RGBA(10, 10, 10, 0.1), 0 0 0 1px RGBA(10, 10, 10, 0.02);
  padding-bottom: .5rem;
  padding-top: .5rem;
  display: flex;
  flex-direction: column;
  overflow: hidden; }

.dropdown-item {
  color: var(--textColor);
  display: block;
  font-size: 1rem;
  line-height: 1.5;
  padding: .575rem 1rem;
  position: relative;
  cursor: pointer; }

a.dropdown-item, button.dropdown-item {
  padding-right: 3rem;
  text-align: left;
  white-space: nowrap;
  width: 100%; }

a.dropdown-item:hover, button.dropdown-item:hover {
  background-color: var(--secondary);
  color: RGBA(var(--textColor), 0.8); }

a.dropdown-item.active, button.dropdown-item.active {
  background-color: var(--primary);
  color: var(--light); }

.dropdown-divider {
  background-color: var(--secondary);
  border: none;
  display: block;
  height: 1px;
  margin: 0.5rem 0; }

@keyframes move {
  0% {
    transform: scale(0) rotate(0deg); }
  100% {
    transform: scale(1) rotate(0.1deg); } }
:root[data-theme="theme-light"] {
  --background: #F7F7F7;
  --textColor: #101834;
  --textColor-rgb: 91 91 91;
  --secondaryTextColor: #F6F8FF;
  --secondaryTextColor-rgb: 246 248 255;
  --primary: #5AA8B7;
  --primary-rgb: 90 168 183;
  --secondary: #F7F9F9;
  --secondary-rgb: 247 249 249;
  --light: #fff;
  --success: #4DC976;
  --success-rgb: 77 201 118;
  --danger: #E2455C;
  --danger-rgb: 226 69 92;
  --warning: #F6BE73;
  --warning-rgb: 246 190 115;
  --radius: .5em; }

:root[data-theme="theme-dark"] {
  --background: #161B22;
  --textColor: #fff;
  --textColor-rgb: 255 255 255;
  --secondaryTextColor: #fff;
  --secondaryTextColor-rgb: 255 255 255;
  --primary: #2191EB;
  --primary-rgb: 33 145 235;
  --secondary: #161B22;
  --secondary-rgb: 18 18 18;
  --light: #0D1117;
  --success: #00BFA6;
  --success-rgb: 0 191 166;
  --danger: #F50057;
  --danger-rgb: 245 0 87;
  --warning: #F9A826;
  --warning-rgb: 249 168 38; }

.tabs {
  padding: 0px;
  list-style: none;
  display: flex;
  flex-direction: row;
  position: relative; }
  .tabs a {
    text-decoration: none;
    color: var(--textColor);
    padding: 0.6rem 0.66667rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition-duration: 0.6s; }
  .tabs .active {
    color: var(--primary);
    font-weight: bold;
    border-bottom: 3px solid var(--primary); }
    .tabs .active i {
      margin-right: 5px; }
  .tabs .selector {
    height: 100%;
    display: inline-flex;
    flex-direction: row;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    background: RGB(var(--primary-rgb)/10%); }

:root[data-theme="theme-light"] {
  --background: #F7F7F7;
  --textColor: #101834;
  --textColor-rgb: 91 91 91;
  --secondaryTextColor: #F6F8FF;
  --secondaryTextColor-rgb: 246 248 255;
  --primary: #5AA8B7;
  --primary-rgb: 90 168 183;
  --secondary: #F7F9F9;
  --secondary-rgb: 247 249 249;
  --light: #fff;
  --success: #4DC976;
  --success-rgb: 77 201 118;
  --danger: #E2455C;
  --danger-rgb: 226 69 92;
  --warning: #F6BE73;
  --warning-rgb: 246 190 115;
  --radius: .5em; }

:root[data-theme="theme-dark"] {
  --background: #161B22;
  --textColor: #fff;
  --textColor-rgb: 255 255 255;
  --secondaryTextColor: #fff;
  --secondaryTextColor-rgb: 255 255 255;
  --primary: #2191EB;
  --primary-rgb: 33 145 235;
  --secondary: #161B22;
  --secondary-rgb: 18 18 18;
  --light: #0D1117;
  --success: #00BFA6;
  --success-rgb: 0 191 166;
  --danger: #F50057;
  --danger-rgb: 245 0 87;
  --warning: #F9A826;
  --warning-rgb: 249 168 38; }

.spinner-wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: RGB(var(--secondary-rgb)/100%);
  text-align: center;
  display: flex;
  justify-content: center; }

.spinners {
  margin-top: 50px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }
  .spinners .spinner-block {
    width: 125px;
    text-align: center;
    margin-right: 83px; }
    .spinners .spinner-block:nth-child(5n) {
      margin-right: 0px; }

/* YOU NEED THESE STYLES */
/* spinner style */
.spinner {
  position: relative;
  width: 125px;
  height: 125px; }
  .spinner:before, .spinner:after {
    content: "";
    display: block;
    position: absolute;
    border-width: 4px;
    border-style: solid;
    border-radius: 50%; }

/* spinner-1 styles */
@keyframes rotate-animation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes anti-rotate-animation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(-360deg); } }
.spinner.spinner-1:before {
  width: 117px;
  height: 117px;
  border-bottom-color: var(--textColor-rgb);
  border-right-color: var(--textColor-rgb);
  border-top-color: RGB(var(--textColor-rgb)/0%);
  border-left-color: RGB(var(--textColor-rgb)/0%);
  top: 0px;
  left: 0px;
  animation: rotate-animation 1s linear 0s infinite; }
.spinner.spinner-1:after {
  width: 81.9px;
  height: 81.9px;
  border-bottom-color: var(--textColor-rgb);
  border-right-color: var(--textColor-rgb);
  border-top-color: RGB(var(--textColor-rgb)/0%);
  border-left-color: RGB(var(--textColor-rgb)/0%);
  top: 17.55px;
  left: 17.55px;
  animation: anti-rotate-animation 0.85s linear 0s infinite; }

* {
  box-sizing: border-box; }

html {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden; }

body {
  font-size: 15px;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--background);
  color: var(--textColor);
  width: 100%;
  padding: .5rem;
  margin: 0rem; }

span {
  display: inline-block; }

a {
  text-decoration: none; }

.page {
  width: 1800px;
  max-width: 100%;
  height: 100%;
  margin: 0rem;
  padding: 0rem;
  position: relative;
  flex-direction: column;
  margin: auto;
  display: flex;
  flex-direction: column; }
  .page .page__left {
    flex-basis: 25%;
    height: 100%;
    background: var(--light);
    box-shadow: 0px 3px 6px 1px RGB(38 107 193/8%);
    padding: 1rem;
    border-radius: 0.5em;
    justify-content: flex-start;
    position: relative; }
    .page .page__left .page__left-image {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      overflow: hidden;
      border: 2px solid var(--primary);
      position: relative;
      box-shadow: 0px 3px 9px 1px RGB(var(--primary-rgb)/80%); }
      .page .page__left .page__left-image img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 0; }
    .page .page__left .page__left-inner {
      width: 100%;
      background: var(--secondary);
      height: 75%;
      padding: .5rem;
      overflow-y: auto;
      overflow-x: hidden;
      display: flex;
      flex-direction: column;
      border-radius: var(--radius);
      margin-top: .5rem; }
  .page .page__right {
    flex-basis: 74%;
    height: 100%;
    margin-left: 1%;
    padding: 1rem;
    border-radius: var(--radius);
    overflow-y: auto; }
  .page .page__themeSwitch {
    position: absolute;
    right: .2rem;
    top: .2rem;
    align-items: center; }

.main__page {
  width: 100%;
  max-width: 1500px; }

.card {
  padding: 0.66667rem;
  background: var(--light);
  border-radius: var(--radius);
  box-shadow: 0px 3px 6px 1px RGB(38 107 193/8%); }

.card--bordered {
  border: 2px solid var(--secondary);
  box-shadow: unset; }

:root[data-theme="theme-dark"] .personal__project-img {
  filter: invert(1); }

.page__exp .page__exp-item {
  flex-basis: 49%;
  margin-left: 1%; }

.visible--sm {
  display: none; }

@media (max-width: 1150px) {
  .page__exp {
    flex-direction: column; }
    .page__exp .page__exp-item {
      margin-top: 1.33333pxrem;
      flex-basis: 100%;
      margin-left: 0%; } }
@media (max-width: 768px) {
  .page {
    flex-direction: column;
    padding: 0; }

  .page__left-inner {
    display: none !important; }

  .page__left {
    flex-basis: 12% !important; }

  .page__right {
    padding: .2rem !important;
    padding-top: 1rem;
    flex-basis: 88% !important; }

  .visible--sm {
    display: flex;
    flex-direction: column; } }
.article__item {
  width: 100%;
  position: relative;
  padding: 10px;
  margin-bottom: 5px;
  cursor: pointer; }

.article__item:hover {
  border-left: 3px solid var(--primary); }

.article__item-inner {
  flex-basis: 90%;
  border-radius: 4px;
  border: 1px solid RGB(var(--textColor-rgb)/20%);
  padding: 10px;
  text-align: center; }

.article__item-active {
  background-color: RGB(var(--primary-rgb)/50%);
  border-left: 3px solid var(--primary); }

.article__item-active .article__item-inner {
  border-color: var(--primary); }

.article__item .actions {
  visibility: hidden; }

.article__item:hover .actions {
  visibility: visible; }

.cke_chrome {
  border: none !important;
  box-shadow: none !important; }

.upload__input {
  text-align: center;
  border: 1px solid RGB(var(--textColor-rgb)/20%);
  padding: 10px;
  border-radius: 0.5em;
  cursor: pointer;
  position: relative; }

.upload__input:hover {
  border: 1px solid var(--primary); }

.progress__bar {
  height: 18px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: var(--success); }

.article__overlay {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 36px;
  right: 0;
  color: var(--primary);
  visibility: hidden;
  text-align: center;
  cursor: pointer;
  border-radius: 6px; }

.web__article:hover {
  background: var(--secondary); }

.web__article:hover .article__overlay {
  visibility: visible; }

.web__article:hover h2 {
  color: var(--primary); }

.article__overlay .read__more {
  position: absolute;
  padding: 10px;
  background-color: var(--primary);
  color: var(--secondaryTextColor);
  border-radius: 4px;
  bottom: 10px;
  right: 10px; }

.main__left {
  flex-basis: 20%;
  padding: 15px;
  margin-top: -30px; }

.main__center {
  flex-basis: 50%;
  padding: 15px;
  margin-top: -30px; }

.main__side {
  border-left: 1px solid #eee;
  flex-basis: 30%;
  padding: 15px; }

.newsletter_sub_top {
  display: none; }

.main__left-mob {
  display: none !important; }

.main__left-desk .main__left-wrap {
  display: flex;
  flex-direction: column; }

.main__left-desk .main__left-categories {
  display: flex;
  flex-direction: column; }

.main__left-mob .main__left-wrap {
  display: flex;
  flex-direction: column; }

.main__left-mob .main__left-categories {
  display: flex;
  flex-direction: column; }

.main__left-bar {
  display: none; }

.conferience__banner {
  margin-top: -110px; }

@media only screen and (max-width: 1200px) {
  .conferience__banner {
    margin-top: -50px; }

  .main__center {
    flex-basis: 70% !important; }

  .main__side {
    flex-basis: 30% !important; }

  .main__left-mob {
    margin-top: 10px;
    display: flex !important;
    flex-direction: column !important; }
    .main__left-mob .main__left-categories {
      display: none; }
    .main__left-mob .main__left-bar {
      display: block;
      position: fixed;
      right: 10px;
      top: 10px;
      overflow: hidden;
      text-align: left;
      z-index: 999;
      width: 100%;
      background: #fff; }
      .main__left-mob .main__left-bar img {
        height: 70px;
        display: inline-block;
        max-width: 80%; }

  .main__left-desk {
    display: none !important; }

  .social__icons {
    display: flex;
    flex-direction: column; }
    .social__icons a {
      text-align: left; }
      .social__icons a * {
        display: block; } }
@media only screen and (max-width: 890px) {
  .main__page {
    flex-direction: column; }

  .main__center {
    flex-basis: 100%; }

  .main__side {
    flex-basis: 100%; } }
.logo__box {
  background-color: var(--primary);
  height: 50px;
  width: 50px;
  position: relative;
  color: #fff;
  font-size: 45px;
  font-weight: bold;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  text-align: center;
  font-family: 'MuseoModerno', cursive; }

.logo__top-left {
  position: absolute;
  top: -5px;
  left: -5px;
  border-left: 3px solid var(--primary);
  border-top: 3px solid var(--primary);
  height: 30px;
  width: 30px; }

.logo__bottom-right {
  position: absolute;
  bottom: -5px;
  right: -5px;
  border-bottom: 3px solid RGB(var(--primary-rgb)/20%);
  border-right: 3px solid RGB(var(--primary-rgb)/20%);
  height: 30px;
  width: 30px; }

.logo__box-text {
  margin-top: -2px;
  font-size: 35px; }

.article__more {
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
  color: var(--secondaryTextColor);
  background: RGB(var(--primary-rgb)/80%);
  padding: 10px;
  width: 100%;
  border-radius: 4px; }

.web__article:hover .article__more {
  display: block; }

.to__top {
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 40px;
  height: 40px;
  padding: 2px; }

.menu__item-active {
  box-shadow: 0px 3px 6px 1px RGB(38 107 193/8%);
  background: var(--light);
  font-weight: bold;
  border-left: 2px solid var(--primary); }

/*# sourceMappingURL=main.css.map */