@import url("verdana/stylesheet.css");
body, html, .container {
  font-family: 'Verdana';
}

body.pagelayout-mydashboard div#page {
  padding-left: 1em;
  padding-right: 1em;
}

body.format-topicsactivitycards .topicsactivitycards {
  list-style: none;
}

body.format-topicsactivitycards .rui-section.section {
  border: none;
}

body.pagelayout-mydashboard section.block_badges {
  border: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.block_myoverview .card-title, .block_badges .card-title {
  font-size: 1.5rem;
}

.block_myoverview .card-title {
  font-size: 3.5rem;
  color: #460f06;
}

.rui-loginpage-intro-logo .rui-login-logo {
  max-width: 460px;
  height: auto;
}

@media (min-width: 1600px) {
  .has-sidecourseblocks .rui-blocks-area-sm {
    flex: 0 0 520px;
    max-width: 520px;
  }
  .has-sidecourseblocks .wrapper-blocks-db {
    width: calc(100% - 545px);
  }
}

@media (min-width: 1000px) and (max-width: 1599.98px) {
  .rui-blocks-area-sm {
    flex: 0 0 460px;
    max-width: 460px;
  }
  .has-sidecourseblocks .wrapper-blocks-db {
    width: calc(100% - 485px);
  }
}

#page-login-index .rui-login-layout--1 .rui-login-box {
  max-width: 700px;
}

@media (min-width: 768px) {
  #page-login-index .rui-login-box .rui-login-content {
    width: 700px;
    height: 100%;
  }
}

@media (max-width: 767.98px) {
  #page-login-index .rui-login-box .rui-login-content {
    max-width: 100%;
    height: 100%;
    width: 100%;
  }
}

#page-login-forgot_password .login-container .main-content {
  max-width: 700px;
}

#page-login-forgot_password .mform .form-inline .form-control, #page-login-forgot_password .mform .form-inline .custom-select {
  width: 100% !important;
}

/*------------------------------------
- COLOR secondary
------------------------------------*/
.alert-secondary {
  color: #115471;
  background-color: #d1ecf8;
  border-color: #c0e5f5;
}

.alert-secondary hr {
  border-top-color: #aadbf1;
}

.alert-secondary .alert-link {
  color: #0a3345;
}

.badge-secondary {
  color: #ffffff;
  background-color: #22A3DC;
}

.badge-secondary[href]:hover, .badge-secondary[href]:focus {
  color: #ffffff;
  background-color: #1b82af;
}

.bg-secondary {
  background-color: #22A3DC !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #1b82af !important;
}

.border-secondary {
  border-color: #22A3DC !important;
}

.btn-secondary {
  color: #ffffff;
  background-color: #22A3DC;
  border-color: #22A3DC;
}

.btn-secondary:hover {
  color: #ffffff;
  background-color: #1d8cbd;
  border-color: #1b82af;
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(34, 163, 220, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #ffffff;
  background-color: #22A3DC;
  border-color: #22A3DC;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #ffffff;
  background-color: #1b82af;
  border-color: #1978a2;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(34, 163, 220, 0.5);
}

.btn-outline-secondary {
  color: #22A3DC;
  background-color: transparent;
  border-color: #22A3DC;
}

.btn-outline-secondary:hover {
  color: #ffffff;
  background-color: #22A3DC;
  border-color: #22A3DC;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(34, 163, 220, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #22A3DC;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #ffffff;
  background-color: #22A3DC;
  border-color: #22A3DC;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(34, 163, 220, 0.5);
}

.list-group-item-secondary {
  color: #115471;
  background-color: #c0e5f5;
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #115471;
  background-color: #aadbf1;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #ffffff;
  background-color: #115471;
  border-color: #115471;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #c0e5f5;
}

.table-hover .table-secondary:hover {
  background-color: #aadbf1;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #aadbf1;
}

.text-secondary {
  color: #22A3DC !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #1b82af !important;
}

/*------------------------------------
- COLOR success
------------------------------------*/
.alert-success {
  color: #465e1c;
  background-color: #e4f1cf;
  border-color: #dcecc0;
}

.alert-success hr {
  border-top-color: #d1e6ac;
}

.alert-success .alert-link {
  color: #283710;
}

.badge-success {
  color: #212529;
  background-color: #8cbd38;
}

.badge-success[href]:hover, .badge-success[href]:focus {
  color: #212529;
  background-color: #6e952c;
}

.bg-success {
  background-color: #8cbd38 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #6e952c !important;
}

.border-success {
  border-color: #8cbd38 !important;
}

.btn-success {
  color: #212529;
  background-color: #8cbd38;
  border-color: #8cbd38;
}

.btn-success:hover {
  color: #212529;
  background-color: #77a12f;
  border-color: #6e952c;
}

.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(140, 189, 56, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #212529;
  background-color: #8cbd38;
  border-color: #8cbd38;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #212529;
  background-color: #6e952c;
  border-color: #668928;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(140, 189, 56, 0.5);
}

.btn-outline-success {
  color: #8cbd38;
  background-color: transparent;
  border-color: #8cbd38;
}

.btn-outline-success:hover {
  color: #212529;
  background-color: #8cbd38;
  border-color: #8cbd38;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(140, 189, 56, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #8cbd38;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #212529;
  background-color: #8cbd38;
  border-color: #8cbd38;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(140, 189, 56, 0.5);
}

.list-group-item-success {
  color: #465e1c;
  background-color: #dcecc0;
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #465e1c;
  background-color: #d1e6ac;
}

.list-group-item-success.list-group-item-action.active {
  color: #212529;
  background-color: #465e1c;
  border-color: #465e1c;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #dcecc0;
}

.table-hover .table-success:hover {
  background-color: #d1e6ac;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #d1e6ac;
}

.text-success {
  color: #8cbd38 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #6e952c !important;
}

/*------------------------------------
- COLOR warning
------------------------------------*/
.alert-warning {
  color: #a05c00;
  background-color: #fff5e8;
  border-color: #ffecd3;
}

.alert-warning hr {
  border-top-color: #ffe1ba;
}

.alert-warning .alert-link {
  color: #6d3f00;
}

.badge-warning {
  color: #212529;
  background-color: #FF9F1C;
}

.badge-warning[href]:hover, .badge-warning[href]:focus {
  color: #212529;
  background-color: #e88500;
}

.bg-warning {
  background-color: #FF9F1C !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #e88500 !important;
}

.border-warning {
  border-color: #FF9F1C !important;
}

.btn-warning {
  color: #212529;
  background-color: #FF9F1C;
  border-color: #FF9F1C;
}

.btn-warning:hover {
  color: #212529;
  background-color: #f78e00;
  border-color: #e88500;
}

.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 159, 28, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #FF9F1C;
  border-color: #FF9F1C;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #e88500;
  border-color: #d87d00;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 159, 28, 0.5);
}

.btn-outline-warning {
  color: #FF9F1C;
  background-color: transparent;
  border-color: #FF9F1C;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #FF9F1C;
  border-color: #FF9F1C;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 159, 28, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #FF9F1C;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #FF9F1C;
  border-color: #FF9F1C;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 159, 28, 0.5);
}

.list-group-item-warning {
  color: #a05c00;
  background-color: #ffecd3;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #a05c00;
  background-color: #ffe1ba;
}

.list-group-item-warning.list-group-item-action.active {
  color: #212529;
  background-color: #a05c00;
  border-color: #a05c00;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffecd3;
}

.table-hover .table-warning:hover {
  background-color: #ffe1ba;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe1ba;
}

.text-warning {
  color: #FF9F1C !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #e88500 !important;
}

/*------------------------------------
- COLOR danger
------------------------------------*/
.alert-danger {
  color: #741a0a;
  background-color: #fad2cb;
  border-color: #f8c2b9;
}

.alert-danger hr {
  border-top-color: #f6ada1;
}

.alert-danger .alert-link {
  color: #460f06;
}

.badge-danger {
  color: #fff;
  background-color: #E53315;
}

.badge-danger[href]:hover, .badge-danger[href]:focus {
  color: #fff;
  background-color: #b62810;
}

.bg-danger {
  background-color: #E53315 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #b62810 !important;
}

.border-danger {
  border-color: #E53315 !important;
}

.btn-danger {
  color: #fff;
  background-color: #E53315;
  border-color: #E53315;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c42b12;
  border-color: #b62810;
}

.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(229, 51, 21, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #E53315;
  border-color: #E53315;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #b62810;
  border-color: #a8250f;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(229, 51, 21, 0.5);
}

.btn-outline-danger {
  color: #E53315;
  background-color: transparent;
  border-color: #E53315;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #E53315;
  border-color: #E53315;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(229, 51, 21, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #E53315;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #E53315;
  border-color: #E53315;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(229, 51, 21, 0.5);
}

.list-group-item-danger {
  color: #741a0a;
  background-color: #f8c2b9;
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #741a0a;
  background-color: #f6ada1;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #741a0a;
  border-color: #741a0a;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f8c2b9;
}

.table-hover .table-danger:hover {
  background-color: #f6ada1;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f6ada1;
}

.text-danger {
  color: #E53315 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #b62810 !important;
}

/*------------------------------------
- COLOR info
------------------------------------*/
.alert-info {
  color: #211636;
  background-color: #c2b4df;
  border-color: #b6a5d9;
}

.alert-info hr {
  border-top-color: #a893d2;
}

.alert-info .alert-link {
  color: #0b0712;
}

.badge-info {
  color: #fff;
  background-color: #563B8D;
}

.badge-info[href]:hover, .badge-info[href]:focus {
  color: #fff;
  background-color: #402b69;
}

.bg-info {
  background-color: #563B8D !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #402b69 !important;
}

.border-info {
  border-color: #563B8D !important;
}

.btn-info {
  color: #fff;
  background-color: #563B8D;
  border-color: #563B8D;
}

.btn-info:hover {
  color: #fff;
  background-color: #463073;
  border-color: #402b69;
}

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(86, 59, 141, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #563B8D;
  border-color: #563B8D;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #402b69;
  border-color: #39275e;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(86, 59, 141, 0.5);
}

.btn-outline-info {
  color: #563B8D;
  background-color: transparent;
  border-color: #563B8D;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #563B8D;
  border-color: #563B8D;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(86, 59, 141, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #563B8D;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #563B8D;
  border-color: #563B8D;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(86, 59, 141, 0.5);
}

.list-group-item-info {
  color: #211636;
  background-color: #b6a5d9;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #211636;
  background-color: #a893d2;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #211636;
  border-color: #211636;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #b6a5d9;
}

.table-hover .table-info:hover {
  background-color: #a893d2;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #a893d2;
}

.text-info {
  color: #563B8D !important;
}

a.text-info:hover, a.text-info:focus {
  color: #402b69 !important;
}

#s-page-footer {
  padding-left: 0  !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 1em !important;
}

@media (min-width: 1200px) {
  .modal-lg, .modal-xl {
    max-width: 1200px;
  }
}

.rui-login-forgot-btn {
  display: none !important;
}

@media (min-width: 460px) {
  .drawer.drawer-right {
    width: 480px;
    max-width: 480px;
  }
  #page.drawers.show-drawer-right {
    margin-left: 0;
    margin-right: 480px;
  }
}
