/* header */
.header {background: #2b0642;height: 70px;}

/* navbar */
.navbar-default {background: #FFFFFF;border-bottom: solid 1px #2b0642;}
.nav-item > a.nav-link.nav-link-color-default {color: #37115b;}
.nav-item > a.nav-link:focus.nav-link-color-default, .nav-item > a.nav-link:hover.nav-link-color-default, .nav-item > a.nav-link.nav-link-color-default.active {color: #2b0642;}

.nav .nav-item button.active {background-color: transparent;color: #37115b !important;}
.nav .nav-item button.active::after {content: "";border-right: solid 4px #37115b !important;position: absolute;right: -1px;top: 0;border-radius: 5px 0 0 5px;height: 40px;}

.navbar-color-fill {background: #2b0642;}
.nav-item > a.nav-link.nav-link-color-fill {color: #FFFFFF;}
.nav-item > a.nav-link:focus.nav-link-color-fill, .nav-item > a.nav-link:hover.nav-link-color-fill, .nav-item > a.nav-link.active.nav-link-color-fill {color: #FFFFFF;}

.nav-item > a.nav-link.btn-navbar-color-fill {color: #FFFFFF;background: #35a000;border-radius: 10px;}
.nav-item > a.nav-link:focus.btn-navbar-color-fill, .nav-item > a.nav-link:hover.btn-navbar-color-fill, .nav-item > a.nav-link.active.btn-navbar-color-fill {color: #eeb200;background: #35a000;}

.top-of-navbar {background: #37115b;color: #FFFFFF;height: 25px;overflow: hidden;min-height: 30px;}

/* background */
.bg-main {background: #2b0642;}

/* font */
.f-c-m {color: #2b0642;}

/* border */
.b-b-m {border-bottom: solid 1px #2b0642;}
.b-b-m-3 {border-bottom: solid 3px #2b0642;}
.b-t-m-5 {border-top: solid 5px #2b0642;}

/* form */
.form-control {border-color: #2b0642;}
.form-control:focus {border-color: #86b7fe;}
.form-select {border-color: #2b0642;}
.form-select:focus {border-color: #86b7fe;}

/* breadcrumb */
.breadcrumb {color: #2b0642;}
.breadcrumb-item {color: #2b0642;}

/* dropdown */
.dropdown-item.active {background: #2b0642;color: #FFFFFF !important;}

/* link */
a:link.active {color: #2b0642;font-weight: bold;text-decoration: none;}
a:active.active {color: #2b0642;font-weight: bold;}
a:visited.active {color: #2b0642;font-weight: bold;}
a:hover.active {color: #2b0642;font-weight: bold;text-decoration: underline;}
a:focus.active {color: #2b0642;font-weight: bold;text-decoration: underline;}

a:link.main {color: #37115b;text-decoration: none;}
a:active.main {color: #2b0642;}
a:visited.main {color: #37115b;}
a:hover.main {color: #2b0642;text-decoration: underline;}
a:focus.main {color: #2b0642;text-decoration: underline;}

a:link.footer-link {color: #FFFFFF;text-decoration: none;}
a:active.footer-link {color: #FFFFFF;text-decoration: none;}
a:visited.footer-link {color: #FFFFFF;text-decoration: none;}
a:hover.footer-link {color: #FFFFFF;text-decoration: underline;}
a:focus.footer-link {color: #FFFFFF;text-decoration: underline;}

a.sub-left-menu:link {display: block;color: #2b0642;padding: 5px;text-decoration: none;}
a.sub-left-menu:visited {color: #2b0642;}
a.sub-left-menu:active {color: #2b0642;}
a.sub-left-menu:hover {color: #FFFFFF;background: #2b0642;}
a.sub-left-menu:focus {color: #FFFFFF;background: #2b0642;}

/* button */
.btn-main {background: -webkit-linear-gradient(#37115b, #2b0642);background: -o-linear-gradient(#37115b, #2b0642);background: -moz-linear-gradient(#37115b, #2b0642);background: linear-gradient(#37115b, #2b0642);color: #FFFFFF;border: none;}
.btn-main:visited {background: -webkit-linear-gradient(#37115b, #2b0642);background: -o-linear-gradient(#37115b, #2b0642);background: -moz-linear-gradient(#37115b, #2b0642);background: linear-gradient(#37115b, #2b0642);color: #FFFFFF;border: none;}
.btn-main:active {background: -webkit-linear-gradient(#2b0642, #37115b);background: -o-linear-gradient(#2b0642, #37115b);background: -moz-linear-gradient(#2b0642, #37115b);background: linear-gradient(#2b0642, #37115b);color: #FFFFFF;border: none;}
.btn-main:focus {background: -webkit-linear-gradient(#2b0642, #37115b);background: -o-linear-gradient(#2b0642, #37115b);background: -moz-linear-gradient(#2b0642, #37115b);background: linear-gradient(#2b0642, #37115b);color: #FFFFFF;border: none;}
.btn-main:hover {background: -webkit-linear-gradient(#2b0642, #37115b);background: -o-linear-gradient(#2b0642, #37115b);background: -moz-linear-gradient(#2b0642, #37115b);background: linear-gradient(#2b0642, #37115b);color: #FFFFFF;border: none;}

.btn.btn-open {background: #FFFFFF;border-color: #2b0642;color: #2b0642;}
.btn-open:visited {background: #FFFFFF;border-color: #2b0642;color: #2b0642;}
.btn-open:active {background: #FFFFFF;border-color: #2b0642;color: #2b0642;}
.btn-open:hover {background: #2b0642;border-color: #2b0642;color: #FFFFFF;}
.btn-open:focus {background: #2b0642;border-color: #2b0642;color: #FFFFFF;}

.btn.btn-full {background: #2b0642;border-color: #2b0642;color: #FFFFFF;}
.btn.btn-full:visited {background: #2b0642;border-color: #2b0642;color: #FFFFFF;}
.btn.btn-full:active {background: #2b0642;border-color: #2b0642;color: #FFFFFF;}
.btn.btn-full:hover {background: #2b0642;border-color: #2b0642;color: #FFFFFF;}
.btn.btn-full:focus {background: #2b0642;border-color: #2b0642;color: #FFFFFF;}

.btn-upload-image {border: dotted 2px #2b0642;border-radius: 10px;background: #FFFFFF;color: #2b0642;width: 200px;height: 200px;font-size: 40px;}

/* pagination */
.page-link {color: #37115b;}
.page-link:hover {color: #2b0642;}
.active > .page-link {background: #2b0642;border-color: #37115b;}

/* gradient */
.grad-t {background: -webkit-linear-gradient(to right, #ffffff, #2b0642, #ffffff);background: -o-linear-gradient(to right, #ffffff, #2b0642, #ffffff);background: -moz-linear-gradient(to right, #ffffff, #2b0642, #ffffff);background: linear-gradient(to right, #ffffff, #2b0642, #ffffff);padding:1px 0 0 0;}
.grad-r {background: -webkit-linear-gradient(#ffffff, #2b0642, #ffffff);background: -o-linear-gradient(#ffffff, #2b0642, #ffffff);background: -moz-linear-gradient(#ffffff, #2b0642, #ffffff);background: linear-gradient(#ffffff, #2b0642, #ffffff);padding:0 1px 0 0;}
.grad-b {background: -webkit-linear-gradient(to right, #ffffff, #2b0642, #ffffff);background: -o-linear-gradient(to right, #ffffff, #2b0642, #ffffff);background: -moz-linear-gradient(to right, #ffffff, #2b0642, #ffffff);background: linear-gradient(to right, #ffffff, #2b0642, #ffffff);padding:0 0 1px 0;}
.grad-l {background: -webkit-linear-gradient(#ffffff, #2b0642, #ffffff);background: -o-linear-gradient(#ffffff, #2b0642, #ffffff);background: -moz-linear-gradient(#ffffff, #2b0642, #ffffff);background: linear-gradient(#ffffff, #2b0642, #ffffff);padding:0 0 0 1px;}
.grad-body {width: 100%;height: 100%;background: #FFFFFF;}

/* card */
.card-header-main {background: #2b0642;}
.card-footer-main {background: #37115b;}

/* calendar */
.calendar-header {color: #2b0642;}
.month-picker {color: #2b0642;}
.calendar-week-day div {color: #2b0642;}
.month-list > div > div {color: #2b0642;}

/* footer */
.footer-top-default {background: #37115b;min-height: 30px;color: #FFFFFF;padding-top: 4px;}
.footer-bottom-default {background: #2b0642; min-height: 200px;}