.hidden {display: none;}

#Header {background-color: #d0f4ff;}
#Header a {color: #164d7e;}

footer {color: #fff; background: #2b3336; padding-top: 30px; padding-bottom: 1px;}
.cols, .columns {margin-left: -12px; margin-right: -12px;}
[class~="col-"], .column {padding-left: 12px; padding-right: 12px;}

img.fullwidth {width: 100%; max-width: 100%; height: auto;}

#logo .logo-main {max-height: 90px; padding: 20px 0px; margin-left: -15px;}
header .navbar-section {    margin: 20px 0 18px;}


nav {background: #605edb;}
.navbar a {padding: 20px 0px 20px!important; color: #fff!important; display: block; line-height: normal; height: auto; text-transform: uppercase; font-weight: 500;}
.navbar a.active {color: #605edb!important; background: #fff!important; padding: 20px 10px!important;}

@media (min-width: 810px) {
  .navbar a {margin-right: 20px;}
}



.form-horizontal .form-group .form-checkbox,
.form-horizontal .form-group .form-radio {font-size: 14px; font-weight: 500; margin-bottom: 0; padding-bottom: 0; padding: 40px 15px 40px 15px; border: 1px solid #ccc; margin-right: 15px; margin-bottom: 15px; text-align: center;}
.form-horizontal .form-group .form-checkbox.active,
.form-horizontal .form-group .form-radio.active {border-color: #5755d9; color: #5755d9;}
/*.form-horizontal .form-group .form-radio .form-icon {top: 50%; transform: translateY(-50%); left: 25px;}*/
.form-horizontal .form-group .form-checkbox .form-icon,
.form-horizontal .form-group .form-radio .form-icon { top: 2px; left: -4px; position: relative; }

.form-horizontal .form-group.radios {display: flex;}
.form-horizontal .form-group.pictures .form-checkbox,
.form-horizontal .form-group.pictures .form-radio {padding: 0px 0px 15px 0px;}
.form-horizontal .form-group.pictures picture {overflow: hidden; display: block; margin-bottom: 15px;}

.docs-shape {height: 4.8rem; line-height: 1.2rem; padding: 1.8rem 0; width: 4.8rem;}
.s-rounded {border-radius: 50%;}
/*.form-horizontal .form-group.radios.colors .form-radio {padding: 0;}*/
.form-horizontal .form-group.radios.colors .docs-shape {margin: 0 auto; margin-bottom: 20px; border: 1px solid #ccc;}

details summary {cursor: pointer;}

@media (min-width: 809px) {
  #Header .off-canvas-toggle {display: none;}
}

@media (min-width: 809px) {
  .form-horizontal .form-group.radios > .form-checkbox,
  .form-horizontal .form-group.radios > .form-radio {width: 30%; width: calc(33.333% - 10px);}
  .form-horizontal .form-group.radios > .form-checkbox:nth-child(3n),
  .form-horizontal .form-group.radios > .form-radio:nth-child(3n) {margin-right: 0;}

  details.form-horizontal .form-group.radios > .form-checkbox,
  details.form-horizontal .form-group.radios > .form-radio {width: 30%; width: calc(33.333% - 12px);}
}


.off-canvas .off-canvas-content  {padding-left: 0;}
@media (max-width: 809px) {
  #logo .logo-main {max-height: 90px; padding: 20px 0px; margin-left: 0px; margin-top: 18px;}
}

@media (min-width: 768px) and (max-width: 809px) {
  header .navbar-section {margin: 35px 0 18px;}
}


.dashboard-body {margin-top: 30px;}
/*.dashboard-body .nav h5 {text-transform: uppercase; color: #605edb;padding-left: .4rem; padding-right: .4rem;}*/
.dashboard-body .nav > ul {margin-left: 0;}
.dashboard-body .nav > ul .nav-item {margin-top: 0;}

.dashboard-body .nav .widget {margin-bottom: 30px; margin-top: 0;}
.dashboard-body .projects-list .actions {display: inline-flex;}
.dashboard-body .projects-list .card {border: none;}

.dashboard-body .projects-list .card .gridTitle {background: none; color: #605edb; font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase;}
.dashboard-body .projects-list .actions.list-inline {margin-left: 0; list-style: none;}
.dashboard-body .projects-list .actions.list-inline li {background:  none; margin-right: 10px; padding:  0;}
.dashboard-body .projects-list .actions.list-inline li a {padding: 10px; background: #5755d9; color: #fff; height: auto; width: 46px;}
.dashboard-body .projects-list .actions.list-inline li a:hover {background: #fff; border-color:  #5755d9; color: #5755d9;}

.dashboard-body .projects-list .actions.list-inline .project-delete {background:  #f00; border-color: #f00;}
/*.dashboard-body .projects-list .actions.list-inline li::marker {display: none;}*/

.dashboard-body .nav.widget:after {display: none;}
.dashboard-body .nav.widget h5 {font-family: "Montserrat", sans-serif; font-size: 15px; line-height: 25px; font-weight: 700; letter-spacing: 0px; text-transform: uppercase; color: #605edb; padding-left: .4rem; padding-right: .4rem;}
.dashboard-body .nav.widget .sidebarHeader {padding-left: 0; padding-right: 0;}

.dashboard-body .projects-list .card img {display: block; width: 100%; max-width: 100%;}


nav .navbar.container > .navbar-section {justify-content: left!important;}
.btn-menu-state-trigger {display: none; color:  #fff; background: none; padding:  10px; text-transform: uppercase;}
.btn-menu-state-trigger i {float: right;}

@media (max-width: 810px) {
  .dashboard-body .projects-list .card .gridTitle {margin-top: 15px;}

  nav .navbar-section {flex-wrap: wrap; max-height: 0; overflow: hidden;}
  nav .navbar-section > .btn-link {width: 100%;}

  nav .navbar.container {display: block;}
  .btn-menu-state-trigger.closed {display: block;}
  .btn-menu-state:checked ~ .navbar-section {max-height: 9999999px;}
  .btn-menu-state:checked ~ .open {display: block;}
  .btn-menu-state:checked ~ .closed {display: none;}
}

@media (min-width: 811px) {
  .dashboard-body .projects-list {border:  1px solid #f0f0f0; border-width: 0 1px 0 1px;}
  .dashboard-body .projects-list .card {display: flex; flex-direction: row; margin-bottom: 30px;}
  .dashboard-body .projects-list .card > .project-preview {width: 40%; background: #f0f0f0;}
  .dashboard-body .projects-list .card > .project-description {width: 60%; padding: 0 0px 0 15px;}
}

@media (min-width: 1024px) {
  .dashboard-body .projects-list > ul {display: flex; flex-wrap: wrap;}
  .dashboard-body .projects-list > ul > li {width: 50%;}
}


.spectrum-Pagination {text-align: center; background:  none;}
.spectrum-Pagination > a {color: #5755d9; margin: 0 7px; font-weight: 500;}
.spectrum-Pagination > a.is-selected {color:  #ccc;}

.footer {line-height: 50px; font-size: 10px; text-align: center; color: #777!important; background: #f5f5f5!important; margin-top: 30px!important; padding-top: 5px!important;}