html {
  margin: 0;
}

body {
  -webkit-font-smoothing: antialiased;
  margin-top:60px; 
  /* margin-bottom:50px; Make room for footer */
}

.md-v-line {
  position: absolute;
  border-left: 1px solid rgba(0, 0, 0, .125);
  height: 100%;
  top: 0px;
  left: 54px;
}
.md-accordion .card .fa-angle-down {
float: right;
}

.assessment-source-header {
  padding:20px;
  margin-bottom:20px;
}


.blockquote-condensed p {
  padding:0px;
}


/* Sweetalert mods */

button.swal2-close {
  border: none !important;
  box-shadow:none !important;
}

.swal2-close:focus {
  outline: none !important;
  box-shadow:none !important;
}


.swal-previewer {
  text-align:left;
  width:850px !important;
}

.swal-footer {
  margin-top: 32px;
  overflow: hidden;
}

.swal-lesson-finished .swal-content {
  margin-bottom:30px;
}

.swal-lesson-finished .swal-footer {
  display:none;
}

.swal-content .btn {
  margin: 2px;
}

.hide-footer {
  padding-bottom:20px;
}

.hide-footer .swal-footer {
  display:none;
}


.assessment-modal .swal-footer {
  display:none;
}

.assessment-modal {
  padding-bottom:20px;
}



ul.horizontal-fix li a {
  padding: .84rem 2.14rem;
}



.accreditation-row {
  border-radius: 10px;
  border: 1px solid #e3e3e3;
  font-size: 1.2em;
  width: auto;
  margin: 5px;
  padding: 10px;
}

.modal-full {
  min-width:90%;
  min-height:90%;
  margin: 0;
}

.modal-wide {
  width:100%;
  max-width: 800px;
}

.modal-wider {
  width:1000px;
}

.tasks-modal {
  width:600px;
  max-height:800px;
  overflow-y:scroll;
  overflow-x:auto;
  padding-bottom:10px;
}

.tasks-modal .swal-button--confirm {
  display:none;
}


.borderless td, .borderless th {
  border: none !important
}


/**
 * Popover
 */
.popover-header {
  font-size:20px;
  font-weight:1.4em;
}

i[data-toggle="popover"] {
  cursor:pointer;
}

.user-notices {
  padding-left:0px;
  padding-right:0px;
}



/**
 * Import data
 */

 .import-data .badge {
  font-size:16px;
 }


/**
 * User heading
 */

 .user-heading .card-up {
    height:100px;
 }

 .user-heading .card-body {
    padding:0px;
 }


.student-list {
  max-height:410px; 
  overflow-y:scroll; 
  overflow-x:hidden;
}


.import-header {
  font-size:16px;
  font-weight:bold;
  padding:3px;
  margin-bottom:20px;
}

.import-record {
  padding:3px;
}


.display-none {
  display:none;
}

/**
 * Checklist
 */

.checklist label.checked {
  text-decoration: line-through;
}

.checklist label:after {
  content: '';
  display: table;
  clear: both;
}

.checklist .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .5em;
}

.checklist .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 15%;
}

.checklist label input[type="checkbox"] {
  display: none;
}

.checklist label input[type="checkbox"]+.cr>.cr-icon {
  opacity: 0;
}

.checklist label input[type="checkbox"]:checked+.cr>.cr-icon {
  opacity: 1;
}

.checklist label input[type="checkbox"]:checked+.cr+.label-text {
  text-decoration: line-through;
}

.checklist label input[type="checkbox"]:disabled+.cr {
  opacity: .5;
}





.course-show .assessment-status {
  font-weight: bold;
  border-radius:20px;
}

.course-show .assessment-status.passed:after {
  content:" \2713 ";
}

.course-show .assessment-status.incomplete:after {
  content:" \2718 ";
}


/**
 * Progress
 */


.user-course-progress .course-title {
  border-radius:10px; 
  padding:5px;
}

.user-course-progress .course-title img {
  float:right;
  max-height:40px; 
  max-width:40px; 
  width:100%;
}

.user-course-progress .summary-col {
  line-height:40px;
}

.user-course-progress .course-summary img {
  height:40px;
  width:40px;
  margin-top:5px;
  margin-right:10px;
}

.user-course-progress img.course-image {
  margin:10px;
  width:100%;
}

table.unit-progress th, 
table.unit-progress td {
  border-top: none !important;
}

.user-course-progress .unit-progress img {
  height:25px;
}

.user-course-progress .unit-progress th, 
.user-course-progress .unit-progress td {
  padding:4px;
}



.stats-icon {
  margin-right:10px;
}


.user-notices ul {
  margin:0; padding:0;
}



.user-achievements-banner {
  border-radius:20px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top:10px;
}

.user-achievements-banner img {
  margin-left:15px;
}

.user-achievements-banner img.achievement {
  max-width:40px;
}
.user-achievements-banner img.achievement:not(.achievement-earned) {
  opacity:0.3;
}


.dropdown-menu .dropdown-header {
  font-weight: 600;
  text-transform: uppercase;
}


.navbar-nav li.active span {
  border-bottom: 3px solid black;
  text-decoration: none;
  padding:5px;
}

.navbar .nav-bread .breadcrumb,
.navbar .breadcrumb .breadcrumb-item.active, 
.navbar .breadcrumb .breadcrumb-item:before {
  font-size:16px;
}


.navbar .breadcrumb .breadcrumb-item a {
  font-size:16px;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  cursor: pointer;
}

.dropdown-item:focus, .dropdown-item:hover {
    cursor: pointer;
}

.border-info {border:1px solid #3f9bd5;}
.border-warning{border:1px solid red;}

.pageblock h2 { margin-top: 0 !important; }

.fixed-top-2 {
    margin-top: 50px;
}


.mt-40px {
  margin-top:40px;
}



#assignUsersModal .assign-user .label {
  white-space:normal;
}

#assignUsersModal .list-group {
  max-height: 600px;
  overflow-y: auto;
}


/* Bootstrap overrides */

h1,h2,h3,h4,h5,p {margin-top:0;}

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


h1,h2,h3,h4,h5,p {margin-top:0;}

i.fas {
  margin-right:8px;
}

i.icon {
  margin-right:8px;
}


.breadcrumb { 
  font-size:18px;
}



/* Alert */

.alert img {
  width:100%;
  max-width:60px;
}


/* Navbar
-------------------------------------------------- */


.navbar-brand {
  font-size: 26px;
  text-shadow: none;
  padding: 0 15px 0 0;

}

.navbar-brand > img {
  height:45px;
  padding:3px 10px;
}

.navbar-nav>li>a,
.navbar-nav>li input {
  font-size: 16px;
  line-height:1.6;
}

.navbar-nav>li form {
  padding-top: 7px;
  padding-bottom: 0;
}


.navbar>.container-fluid .navbar-brand, .navbar>.container .navbar-brand {
      margin-left: 0;
  }

/**
 * Navbar Domain
 */

.navbar.navbar-domain {
  z-index:1050;
  padding:0;

}

.navbar.navbar-common .form-group {
  margin-bottom:0;
}
.navbar-common, .navbar-common ul.navbar-nav {
  display:flex;
  width:100%;
}

.navbar.navbar-common {
  z-index:1030;
}

.navbar-common ul.navbar-nav>li {
  margin:0;
  padding:0;
}

@media (min-width: 768px) {
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar.navbar-domain {
    padding:.25rem 1rem;

  }
}

/* header image
-------------------- */

.bigimg_wrapper {
  text-align: start; position: relative; top: 0; right: auto; bottom: auto; left: 0px; z-index: 0; width: 100%;  margin: 0px; overflow: hidden; display: block;
}

.img_wrapper_holder {
  display: block; background-repeat:no-repeat; background-size:cover; width:100%;  background-position: center; 

}

.bigimg_wrapper, .img_wrapper_holder, .img_wrapper_div {
  height: 350px;
}

/* section header */
.section_header {
  text-align: center;
  font-weight: bolder;
  position: relative;
  margin-bottom: 20px;
  margin-top:20px;
}
.section_header.left span {
  margin-left: 0px;
  text-align: left;
}
.section_header hr {
  width: 100%;
}
.section_header hr.left { }
.section_header hr.right {
  right: 0px;
  top: 0px;
}
.section_header h2 {
  width: 100%;
  display: block;
  margin: 0 auto;
}
.section_header small {
  margin-left: 20px;
  font-size: 16px;
  display: none;
}

.display-table{
    display: table;
    table-layout: fixed;
    width:100%;
}

.display-cell{
    display: table-cell;
    vertical-align: middle;
    float: none;
}


.breadcrumb {
    padding: 8px 15px;
    list-style: none;
    border-radius: 4px;
}

/* footer */
footer img {max-width:100%;}



.index-container .badge {
  font-size:13px;
}

.index-container td {
  vertical-align:middle;
}


  .bigimg_wrapper, .img_wrapper_holder, .img_wrapper_div {
  height: 300px;
  }
}


.user-role-drag-drop img {
  height:80px;
}




/**
 * Tags
 */

.tag-link {
  cursor:pointer;
  margin-bottom:2px;
  text-decoration:none;
}

.tag-link:hover {
  cursor:pointer;
  text-decoration:none;
}

.tag {
  cursor:default;
  display:inline-block;
  border-radius:50px;
  padding-left:5px;
  padding-right:5px;
  padding-top:0px;
  padding-bottom:0px;
  margin-top:2px;
}

.tag-dragable {
  font-size:18px;
  font-weight:600;
}


.grabbable {
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active { 
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}




/**
 * File uploader
 */

.file-uploader {
  position:relative;
  background-image: url(/images/_preloader.gif);
  background-repeat:no-repeat;
  background-position:center center;
  min-height:300px;
}

.file-uploader-button {
  position:absolute; 
  top:5px; 
  left:5px;
  display:block;
  box-sizing:border-box;
  margin:0 auto;
  max-width:200px;
}


.file-uploader .img_holder {
  width:100%;
}


/**
 * Courses
 */ 

.course-container {
  margin-bottom:30px;
  position:relative;
  padding:5px;
  padding-left:20px;
  padding-right:20px;
}
.course-container:hover .overlay {
  opacity:0;
}

.course-container:hover .underlay {
  opacity:1;
}
.course-container img {
  display:block;
  width:100%;
  min-width:180px;
  height:auto;
}

.course-container .overlay, .course-container .underlay {
  opacity:1;
  position: absolute;
  width: calc(100% - 30px);
  height: 100%;
  top: 0;
  left: 15px;
  right: 0;
  bottom: 0;
  transition-duration: 1s;
  z-index:2;
}

.course-container .underlay {
  opacity:.01;
  z-index:1;
}
.course-container .course-title, .course-container .course-summary {
  font-size:20px;
  position:absolute;
  width:100%;
  top:50%;
  left:50%;
  z-index:3;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.course-container .course-summary {
  font-size:16px;
  top:calc(100% - 2em);
  padding:.5em;
  font-style: italic;
  background-color: rgba(0,0,0,0.4);
}

.course-container .course-details {
  position:absolute;
  display:flex; 
  height:100%; 
  width:100%;
  justify-content:space-between;
  padding:15px; 
}

.course-container .badge {
  font-size:14px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 4px;
  padding-bottom: 4px;
}

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

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



.course-container .course-stats {
  display:flex; 
  font-size:12px;
  font-weight:700;
  margin-top:10px;
  padding:15px; 
  position:absolute; 
  text-transform:uppercase;
  bottom:0px;
}

.course-container .course-stats-left {
  left:0px;
  text-align:left;
}

.course-container .course-stats-right {
  right:0px;
  text-align:right;
}



/*
 * Course assessments
 */

.course-assessments .assessment-col {
  padding-top:6px; 
  padding-bottom:6px;
}

.course-assessments .course-box {
  position:relative;
  padding:20px;
}

.course-assessments .course-box a {
  cursor: pointer;
  text-decoration: none;
}

.course-assessments .course-box a:hover {
  cursor: pointer;
  text-decoration: none;
}

.course-assessments .course-choice img {
  cursor: pointer;
  display:block; 
  margin-left:auto; 
  margin-right:auto; 
  max-height:100px; 
  -webkit-filter: brightness(100%);
}

.course-assessments .course-choice img:hover {
  -webkit-filter: brightness(70%);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.course-assessments .course-choice.selected img {
  -webkit-filter: brightness(70%);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.course-assessments .assessment-choice {
  align-items:center;
}

.course-assessments .assessment-choice p {
  margin-bottom:0px;
}

.course-assessments .assessment-choice img {
  max-height:60px;
}


.course-assessments .course-badge {
  font-size:30px;
}

.course-assessments .status-badge {
  font-size:20px;
}

.course-assessments .assessments-progress .count-completed {
  display:inline-flex; 
  flex-direction:row; 
  justify-content:space-between; 
  width:100%;
}

.course-assessments .assessments-progress .overall-status {
  display:inline-flex; 
  flex-direction:row; 
  justify-content:space-between; 
  width:100%
}

.course-assessments .assessments-progress .overall-status img {
  height:40px 
}

.course-assessments .assessments-progress .count-completed .count {
  border-radius:20px;
}

.course-assessments .assessments-progress h4 {
  padding:10px;
}


.course-show img.course-image  {
  width:100%;
  max-width:230px;
}


img.unit-show {
  max-width:150px;
}
/**
 * Training List (Unit list, lesson list, ect)
 */

.progress-row {
  height:50px;
  margin-top:10px;
  text-transform:uppercase;
}

.progress-row img {
  margin-left:20px;
}

.sub-header {
  text-transform: uppercase;
  padding:20px;
}

.sub-header img {
  height:80px;
  float:right;
}

.sub-header img.sm {
  height:50px;
}

.training-list {
  margin:0;
  padding:0;
  padding-left:0px;
}

.training-list-item .list-item-index img {
  padding-top:2px;
  padding-bottom:2px;
  max-height:60px;
}

.training-list-item img {
  padding-top:5px;
  padding-bottom:5px;
  max-height:60px;
}

.training-list-item .badge {
  font-size:14px;
  margin-left:4px;
}

.training-list-item .list-item-index {
  align-items:flex-start;
  flex-direction:column;
  justify-content:center;
  margin-top:auto;
  margin-bottom:auto;
}

ul.training-list.lesson-list .unit-lesson-type {
  flex-direction:column;
  justify-content:center;
  margin-bottom:auto;
  margin-top:auto;
}


#tutorial-container img {
  max-width:100%;
}


.label {
  margin-left:2px;
}

label.btn {
  margin-bottom: 0;
}


[type=radio]:checked, [type=radio]:not(:checked) {
    position: absolute;
    opacity: 0;
    pointer-events:none
}

.form-check-input[type=radio]:checked + label, .form-check-input[type=radio]:not(:checked) + label, label.btn input[type=radio]:checked + label, label.btn input[type=radio]:not(:checked) + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 1.5625rem;
    line-height: 1.5625rem;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select:none
}


/**
 * Activities list
 */

/**
 * Sidebar
 */
.activities-list .sidebar {
  padding-right:60px;
}

.activities-list .sidebar h3,
.activities-list .sidebar h4,
.activities-list .sidebar h5,
.activities-list .sidebar h6 {
  border-radius:10px;
  text-align:center;
  padding:5px;
} 
.activities-list .sidebar label {
  font-size:1.2em;
}
.activities-list ul {
  list-style-type:none;
  padding:0;
  margin:0
}
.activities-list .sidebar ul li.sidebar-item {
  margin-top:20px;
}
.activities-list .sidebar ul li .sidebar-list-item {
  min-height: 35px;
  padding: .25rem .5rem .25rem 1rem;
}
.activities-list .sidebar ul li label {
  cursor:pointer;
  height:100%;
  width:100%;
}
.activities-list .sidebar ul li input[type="checkbox"] {
  margin-right:10px;
}
.activities-list .sidebar ul li .sidebar-list-item:hover {
  border-radius: .5rem;
}
.activities-list .lesson-highlight {
  padding:2px;
  border-radius:10px;
}


/** 
 * Activities 
 */
 
.activities-list .training-list-item {
  display:flex;
}
.activities-list .training-list-item:nth-child(2n) {
  background: #efefef;
  background: var(--alternating-li, #efefef);
}


.breadcrumbs {
  background-color: antiquewhite;
  padding: 5px;
  margin-bottom: 20px;
}


/**
 * Assessments
 */

.btn-activetick.active::after {
  content:'\2713';
  width:20px;
  height:20px;
  position:absolute;
  right:15px;
  top:50%;
  margin-top:-9px;
}



/**
 * Lesson / Slideshow
 */

.d-none {
  display:none;
}

.training-heading {
  margin-left:0px;
  margin-right:0px;
}

.carousel-fade .carousel-inner .item {
  transition: opacity ease-out .7s;
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    overflow: hidden;
  width: 100%;
}
.carousel-fade .carousel-inner .item.active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.prev,
.carousel-fade .carousel-inner .active.next {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.prev,
.carousel-fade .carousel-inner .prev.next {
  opacity: 1;

}
.carousel-fade .carousel-control-next, 
.carousel-fade .carousel-control-prev {
  z-index: 2;
}

.carousel-control-next,
.carousel-control-prev {
    top: 47%;
    height: 40px;
}
.carousel-control-next {
    width:inherit;
    left: auto;
    right: 8px;
}
.carousel-control-prev {
  width:inherit;
    right: auto;
    left: 8px;
}

.carousel-control-prev-icon, 
.carousel-control-next-icon {
  height:50px !important;
  width:50px !important;
  border-radius: 15px;
}

.right.glow {
  opacity: 1;
  transition: opacity 0.5s ease-in;    
}
.right {
  opacity: .5;
  transition: opacity 0.5s ease-out;    
}
.media-container, .media-container iframe {
  height:100%;
  width:100%;
  display:block;
}

.slideshow-container .carousel-inner {
    position:relative;
}
.slideshow-sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  overflow-y: auto;
  padding: 10px;
  width: 100%;
}
.slideshow-sidebar h5 {
  font-weight: 600; 
}
.slideshow-sidebar p:first-child strong {
  font-weight: 600; 
  font-size:1.25rem;
}
.slide-viewed {
  position:absolute;
  bottom:5px;
  right:5px;
  width:30px;
  height:30px;
}
.lesson-slideshow, .media-container {
  background-repeat: no-repeat; 
  background-position: center center; 
  min-height: 480px; 
  width:100%;
}


.lesson-actions .action-div {
  width: 100%;
  height: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}

.lesson-actions .lesson-action a {
  text-decoration:none;
  font-size:.8rem;
}

.lesson-actions {
    width: 100%;
    margin-left: 0px;
    font-size:.8rem;
}
.lesson-actions .lesson-action, .lesson-actions .lesson-status {
    text-align:center;
    padding:5px 10px 0 10px;
}

.lesson-actions .lesson-action img, 
.lesson-actions .lesson-status img,
.lesson-action-img img  {
    height:100%;
    max-height:50px;
}
.lesson-actions .lesson-action img:hover, 
.lesson-actions .lesson-status img:hover,
.lesson-action-img img:hover {
  opacity:0.5;
  cursor:pointer;
}

.video-fluid {
  width: 100%;
  height: auto;
  display:block;
}

.audio-icon {
  position: absolute;
  bottom: 25px;
  left: 5px;
  width: 30px;
  height: 30px;
}

.logo img {
  max-width:100%;
  max-height:60px;
}

/** 
 * media queries last
 */

@media (max-width: 480px) {

  .bigimg_wrapper, .img_wrapper_holder, .img_wrapper_div {
    height: 250px;
  }
  .training-heading h3 {
    font-size:1.5rem;
  }
  .lesson-slideshow, .media-container, .media-container iframe{
    min-height: 250px;
  }
  .slideshow-sidebar {
    position:inherit;
    padding:0;
    right:0;
  }

  .lesson-actions .lesson-action, .lesson-actions .lesson-status {
    max-width:25%;
    font-size:.75rem;
  }
 
  .container {
    max-width:100%;
  }

  .navbar-brand {
    padding-right:50px;
  }
  .navbar-brand .small {
    font-size:50%;
  }
  button.navbar-toggler {
    position:absolute;
    right:0;
    top:5px;
  }
}

@media (max-width: 320px) {



  .lesson-actions .lesson-action, .lesson-actions .lesson-status {
    max-width:20%;
    font-size:.75rem;
  }
 
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

}
@media (max-width: 576px) and (min-width:480px) {

  .slideshow-sidebar {
    position:inherit;
    padding:0;
    right:0;
  }

  .lesson-slideshow, .media-container, .media-container iframe{
    min-height: 350px;
  }

  .lesson-actions .lesson-action, .lesson-actions .lesson-status {
    max-width:25%;
    font-size:.75rem;
  }
}

@media (max-width:768px) and (min-width:576px) {
  .container {
    max-width: 100%;
  }

  .lesson-slideshow, .media-container, .media-container iframe{
    min-height: 260px;
  }

  .slideshow-sidebar {
    position:inherit;
    padding:0;
    right:0;
  }
}

@media (min-width:768px) {
    .container {
       max-width: 100%
    }
 /*
  .lesson-slideshow, .media-container, .media-container iframe{
    min-height: 280px;
  }
.media-container, .media-container iframe {
    height:100%;
    width:100%;
    min-height:370px;
  }*/
}

@media (min-width:992px) {
    .container {
        max-width: 100%
    }
}


@media (min-width:1200px) {
    .container {
        max-width: 1170px
    }
}


@media (min-width:1600px) {
    
    .bigimg_wrapper, .img_wrapper_holder, .img_wrapper_div {
  height: 450px;
  }
}

@media (max-width:1200px) and (min-width:768px) {
    .navbar .container {
        width: 100%;
    }
    .container {
        max-width: 100%
    }
  .media-container, .media-container iframe {
    height:100%;
    width:100%;
    min-height:370px;
  }
  .media-container iframe {
    padding:0;
  }
}

.table-assessment th, .table-assessment td {
  padding-top:0.4rem !important;
  padding-bottom:0.4rem !important;
  font-size:16px !important;
}

.sticky {
  position: sticky;
  top: 120px;
  width: 100%;
  z-index: 2
}

#assessmentProgress {
  width: 90%;
  margin: 10px auto;
  height: 22px;
/*  background-color: #0b51c5;*/
}

#assessmentTimer {
  width: 90%;
  margin: 10px auto;
  height: 22px;
}

#assessmentTimer div {
  height: 100%;
  text-align: right;
  padding: 0 10px;
  line-height: 22px; /* same as #progressBar height if we want text middle aligned */
  width: 0;
  box-sizing: border-box;
}


.email-preview-index img {
  height: 50px;
}



table.table-no-padding th {
  padding:0px;
}

table.table-no-padding td {
  padding:0px;
}


.training-list-item .list-item-index img.status-icon {
  max-height:40px;
}

table.table.db {font-size:.85em;}
table.table.db h4 {font-size:1em;}


   

    .slide-bread .breadcrumb {
      background-color: transparent!important;
      list-style: none;
    }

    .training-heading a {
      font-weight: 400
    }

    .carousel .carousel-indicators li {
       width: 1rem; 
       height: 1rem; 
       -webkit-border-radius:  0; 
       border-radius: 0; 
       margin:0;
       background-color: #d4d4d4;
    }
    ol.carousel-indicators {
       top:0!important;
       bottom:initial!important;
    }
    


.view {
    position: relative;
    overflow: hidden;
    cursor:default
}
.card.card-cascade .view.view-cascade {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -webkit-border-radius: .25rem;
    border-radius:.25rem
}

.card.card-cascade .view.view-cascade.gradient-card-header {
    padding: 1.6rem 1rem;
    text-align:center
}




.btn.btn-sm.btn-outline-white{
    padding: .5rem 1.6rem;
    font-size:.64rem
}

.btn.btn-sm {
  
    text-transform: uppercase;
    padding: .5rem 1.6rem;
    font-size:.64rem
}

.btn.btn-sm .fab, .btn.btn-sm .far, .btn.btn-sm .fas {
    font-size:.7rem
}

.btn-outline-info {
    padding: .84rem 2.14rem;
    font-size: .81rem;
    -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;
    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;
    margin: .375rem;
    border: 1px solid transparent;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
}

.btn:active, .btn:focus, .btn:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    outline:0
}

.btn:not([disabled]):not(.disabled).active, .btn:not([disabled]):not(.disabled):active {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow:0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-outline {
  border-width: 2px !important;
    background-color: transparent !important;
    text-transform: uppercase;
}

.btn-outline-white {
    border-width: 2px !important;
    background-color: transparent !important;
    color:#fff !important;

    text-transform: uppercase;
}

.btn-outline-white.active, .btn-outline-white:active, .btn-outline-white:active:focus, .btn-outline-white:focus, .btn-outline-white:hover {
    /*border-color: #fff !important;*/
    background-color: transparent !important;
    color:#fff !important
}

.btn-outline-white:not([disabled]):not(.disabled).active, .btn-outline-white:not([disabled]):not(.disabled):active, .show > .btn-outline-white.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    /*border-color:#fff !important*/
}

.btn-outline-white:not([disabled]):not(.disabled).active:focus, .btn-outline-white:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-white.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow:0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}


.btn-rounded {
    -webkit-border-radius: 10em;
    border-radius:10em
}


.view {
  position: relative;
  overflow: hidden;
  cursor: default;
}

.z-depth-1 {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
}
.zoom:hover img, .zoom:hover video {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.filters .form-group label {
  font-size: 1rem;
}

/*MDB shoite*/

.md-form {
    position: relative;
    margin-bottom:1.5rem
}

.md-form input[type=date], .md-form input[type=datetime-local], .md-form input[type=email], .md-form input[type=number], .md-form input[type=password], .md-form input[type=search-md], .md-form input[type=search], .md-form input[type=tel], .md-form input[type=text], .md-form input[type=time], .md-form input[type=url], .md-form textarea.md-textarea {
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ced4da;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color:transparent
}

.md-form input[type=date]:focus:not([readonly]), .md-form input[type=datetime-local]:focus:not([readonly]), .md-form input[type=email]:focus:not([readonly]), .md-form input[type=number]:focus:not([readonly]), .md-form input[type=password]:focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=search]:focus:not([readonly]), .md-form input[type=tel]:focus:not([readonly]), .md-form input[type=text]:focus:not([readonly]), .md-form input[type=time]:focus:not([readonly]), .md-form input[type=url]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
    -webkit-box-shadow: 0 1px 0 0 #4285f4;
    box-shadow: 0 1px 0 0 #4285f4;
    border-bottom:1px solid #4285f4
}

.md-form input[type=date]:focus:not([readonly]) + label, .md-form input[type=datetime-local]:focus:not([readonly]) + label, .md-form input[type=email]:focus:not([readonly]) + label, .md-form input[type=number]:focus:not([readonly]) + label, .md-form input[type=password]:focus:not([readonly]) + label, .md-form input[type=search-md]:focus:not([readonly]) + label, .md-form input[type=search]:focus:not([readonly]) + label, .md-form input[type=tel]:focus:not([readonly]) + label, .md-form input[type=text]:focus:not([readonly]) + label, .md-form input[type=time]:focus:not([readonly]) + label, .md-form input[type=url]:focus:not([readonly]) + label, .md-form textarea.md-textarea:focus:not([readonly]) + label {
    color:#4285f4
}

.md-form input[type=date] + label:after, .md-form input[type=datetime-local] + label:after, .md-form input[type=email] + label:after, .md-form input[type=number] + label:after, .md-form input[type=password] + label:after, .md-form input[type=search-md] + label:after, .md-form input[type=search] + label:after, .md-form input[type=tel] + label:after, .md-form input[type=text] + label:after, .md-form input[type=time] + label:after, .md-form input[type=url] + label:after, .md-form textarea.md-textarea + label:after {
    content: "";
    position: absolute;
    top: 65px;
    display: block;
    opacity: 0;
    -webkit-transition: .2s opacity ease-out, .2s color ease-out;
    -o-transition: .2s opacity ease-out, .2s color ease-out;
    transition:.2s opacity ease-out, .2s color ease-out
}

.md-form input[type=date].valid, .md-form input[type=date]:focus.valid, .md-form input[type=datetime-local].valid, .md-form input[type=datetime-local]:focus.valid, .md-form input[type=email].valid, .md-form input[type=email]:focus.valid, .md-form input[type=number].valid, .md-form input[type=number]:focus.valid, .md-form input[type=password].valid, .md-form input[type=password]:focus.valid, .md-form input[type=search-md].valid, .md-form input[type=search-md]:focus.valid, .md-form input[type=search].valid, .md-form input[type=search]:focus.valid, .md-form input[type=tel].valid, .md-form input[type=tel]:focus.valid, .md-form input[type=text].valid, .md-form input[type=text]:focus.valid, .md-form input[type=time].valid, .md-form input[type=time]:focus.valid, .md-form input[type=url].valid, .md-form input[type=url]:focus.valid, .md-form textarea.md-textarea.valid, .md-form textarea.md-textarea:focus.valid {
    border-bottom: 1px solid #00c851;
    -webkit-box-shadow: 0 1px 0 0 #00c851;
    box-shadow:0 1px 0 0 #00c851
}

.md-form input[type=date].valid + label:after, .md-form input[type=date]:focus.valid + label:after, .md-form input[type=datetime-local].valid + label:after, .md-form input[type=datetime-local]:focus.valid + label:after, .md-form input[type=email].valid + label:after, .md-form input[type=email]:focus.valid + label:after, .md-form input[type=number].valid + label:after, .md-form input[type=number]:focus.valid + label:after, .md-form input[type=password].valid + label:after, .md-form input[type=password]:focus.valid + label:after, .md-form input[type=search-md].valid + label:after, .md-form input[type=search-md]:focus.valid + label:after, .md-form input[type=search].valid + label:after, .md-form input[type=search]:focus.valid + label:after, .md-form input[type=tel].valid + label:after, .md-form input[type=tel]:focus.valid + label:after, .md-form input[type=text].valid + label:after, .md-form input[type=text]:focus.valid + label:after, .md-form input[type=time].valid + label:after, .md-form input[type=time]:focus.valid + label:after, .md-form input[type=url].valid + label:after, .md-form input[type=url]:focus.valid + label:after, .md-form textarea.md-textarea.valid + label:after, .md-form textarea.md-textarea:focus.valid + label:after {
    content: attr(data-success);
    color: #00c851;
    opacity:1
}

.md-form input[type=date].invalid, .md-form input[type=date]:focus.invalid, .md-form input[type=datetime-local].invalid, .md-form input[type=datetime-local]:focus.invalid, .md-form input[type=email].invalid, .md-form input[type=email]:focus.invalid, .md-form input[type=number].invalid, .md-form input[type=number]:focus.invalid, .md-form input[type=password].invalid, .md-form input[type=password]:focus.invalid, .md-form input[type=search-md].invalid, .md-form input[type=search-md]:focus.invalid, .md-form input[type=search].invalid, .md-form input[type=search]:focus.invalid, .md-form input[type=tel].invalid, .md-form input[type=tel]:focus.invalid, .md-form input[type=text].invalid, .md-form input[type=text]:focus.invalid, .md-form input[type=time].invalid, .md-form input[type=time]:focus.invalid, .md-form input[type=url].invalid, .md-form input[type=url]:focus.invalid, .md-form textarea.md-textarea.invalid, .md-form textarea.md-textarea:focus.invalid {
    border-bottom: 1px solid #f44336;
    -webkit-box-shadow: 0 1px 0 0 #f44336;
    box-shadow:0 1px 0 0 #f44336
}

.md-form input[type=date].invalid + label:after, .md-form input[type=date]:focus.invalid + label:after, .md-form input[type=datetime-local].invalid + label:after, .md-form input[type=datetime-local]:focus.invalid + label:after, .md-form input[type=email].invalid + label:after, .md-form input[type=email]:focus.invalid + label:after, .md-form input[type=number].invalid + label:after, .md-form input[type=number]:focus.invalid + label:after, .md-form input[type=password].invalid + label:after, .md-form input[type=password]:focus.invalid + label:after, .md-form input[type=search-md].invalid + label:after, .md-form input[type=search-md]:focus.invalid + label:after, .md-form input[type=search].invalid + label:after, .md-form input[type=search]:focus.invalid + label:after, .md-form input[type=tel].invalid + label:after, .md-form input[type=tel]:focus.invalid + label:after, .md-form input[type=text].invalid + label:after, .md-form input[type=text]:focus.invalid + label:after, .md-form input[type=time].invalid + label:after, .md-form input[type=time]:focus.invalid + label:after, .md-form input[type=url].invalid + label:after, .md-form input[type=url]:focus.invalid + label:after, .md-form textarea.md-textarea.invalid + label:after, .md-form textarea.md-textarea:focus.invalid + label:after {
    content: attr(data-error);
    color: #f44336;
    opacity:1
}

.md-form input[type=date].form-control.valid + label:after, .md-form input[type=date].form-control:focus.valid + label:after, .md-form input[type=datetime-local].form-control.valid + label:after, .md-form input[type=datetime-local].form-control:focus.valid + label:after, .md-form input[type=email].form-control.valid + label:after, .md-form input[type=email].form-control:focus.valid + label:after, .md-form input[type=number].form-control.valid + label:after, .md-form input[type=number].form-control:focus.valid + label:after, .md-form input[type=password].form-control.valid + label:after, .md-form input[type=password].form-control:focus.valid + label:after, .md-form input[type=search-md].form-control.valid + label:after, .md-form input[type=search-md].form-control:focus.valid + label:after, .md-form input[type=search].form-control.valid + label:after, .md-form input[type=search].form-control:focus.valid + label:after, .md-form input[type=tel].form-control.valid + label:after, .md-form input[type=tel].form-control:focus.valid + label:after, .md-form input[type=text].form-control.valid + label:after, .md-form input[type=text].form-control:focus.valid + label:after, .md-form input[type=time].form-control.valid + label:after, .md-form input[type=time].form-control:focus.valid + label:after, .md-form input[type=url].form-control.valid + label:after, .md-form input[type=url].form-control:focus.valid + label:after, .md-form textarea.md-textarea.form-control.valid + label:after, .md-form textarea.md-textarea.form-control:focus.valid + label:after {
    top:3.56rem
}

.md-form input[type=date].form-control.invalid + label:after, .md-form input[type=date].form-control:focus.invalid + label:after, .md-form input[type=datetime-local].form-control.invalid + label:after, .md-form input[type=datetime-local].form-control:focus.invalid + label:after, .md-form input[type=email].form-control.invalid + label:after, .md-form input[type=email].form-control:focus.invalid + label:after, .md-form input[type=number].form-control.invalid + label:after, .md-form input[type=number].form-control:focus.invalid + label:after, .md-form input[type=password].form-control.invalid + label:after, .md-form input[type=password].form-control:focus.invalid + label:after, .md-form input[type=search-md].form-control.invalid + label:after, .md-form input[type=search-md].form-control:focus.invalid + label:after, .md-form input[type=search].form-control.invalid + label:after, .md-form input[type=search].form-control:focus.invalid + label:after, .md-form input[type=tel].form-control.invalid + label:after, .md-form input[type=tel].form-control:focus.invalid + label:after, .md-form input[type=text].form-control.invalid + label:after, .md-form input[type=text].form-control:focus.invalid + label:after, .md-form input[type=time].form-control.invalid + label:after, .md-form input[type=time].form-control:focus.invalid + label:after, .md-form input[type=url].form-control.invalid + label:after, .md-form input[type=url].form-control:focus.invalid + label:after, .md-form textarea.md-textarea.form-control.invalid + label:after, .md-form textarea.md-textarea.form-control:focus.invalid + label:after {
    top:3.44rem
}

.md-form input[type=date].form-control-lg.valid + label:after, .md-form input[type=date].form-control-lg:focus.valid + label:after, .md-form input[type=datetime-local].form-control-lg.valid + label:after, .md-form input[type=datetime-local].form-control-lg:focus.valid + label:after, .md-form input[type=email].form-control-lg.valid + label:after, .md-form input[type=email].form-control-lg:focus.valid + label:after, .md-form input[type=number].form-control-lg.valid + label:after, .md-form input[type=number].form-control-lg:focus.valid + label:after, .md-form input[type=password].form-control-lg.valid + label:after, .md-form input[type=password].form-control-lg:focus.valid + label:after, .md-form input[type=search-md].form-control-lg.valid + label:after, .md-form input[type=search-md].form-control-lg:focus.valid + label:after, .md-form input[type=search].form-control-lg.valid + label:after, .md-form input[type=search].form-control-lg:focus.valid + label:after, .md-form input[type=tel].form-control-lg.valid + label:after, .md-form input[type=tel].form-control-lg:focus.valid + label:after, .md-form input[type=text].form-control-lg.valid + label:after, .md-form input[type=text].form-control-lg:focus.valid + label:after, .md-form input[type=time].form-control-lg.valid + label:after, .md-form input[type=time].form-control-lg:focus.valid + label:after, .md-form input[type=url].form-control-lg.valid + label:after, .md-form input[type=url].form-control-lg:focus.valid + label:after, .md-form textarea.md-textarea.form-control-lg.valid + label:after, .md-form textarea.md-textarea.form-control-lg:focus.valid + label:after {
    top:4.1rem
}

.md-form input[type=date].form-control-lg.invalid + label:after, .md-form input[type=date].form-control-lg:focus.invalid + label:after, .md-form input[type=datetime-local].form-control-lg.invalid + label:after, .md-form input[type=datetime-local].form-control-lg:focus.invalid + label:after, .md-form input[type=email].form-control-lg.invalid + label:after, .md-form input[type=email].form-control-lg:focus.invalid + label:after, .md-form input[type=number].form-control-lg.invalid + label:after, .md-form input[type=number].form-control-lg:focus.invalid + label:after, .md-form input[type=password].form-control-lg.invalid + label:after, .md-form input[type=password].form-control-lg:focus.invalid + label:after, .md-form input[type=search-md].form-control-lg.invalid + label:after, .md-form input[type=search-md].form-control-lg:focus.invalid + label:after, .md-form input[type=search].form-control-lg.invalid + label:after, .md-form input[type=search].form-control-lg:focus.invalid + label:after, .md-form input[type=tel].form-control-lg.invalid + label:after, .md-form input[type=tel].form-control-lg:focus.invalid + label:after, .md-form input[type=text].form-control-lg.invalid + label:after, .md-form input[type=text].form-control-lg:focus.invalid + label:after, .md-form input[type=time].form-control-lg.invalid + label:after, .md-form input[type=time].form-control-lg:focus.invalid + label:after, .md-form input[type=url].form-control-lg.invalid + label:after, .md-form input[type=url].form-control-lg:focus.invalid + label:after, .md-form textarea.md-textarea.form-control-lg.invalid + label:after, .md-form textarea.md-textarea.form-control-lg:focus.invalid + label:after {
    top:4rem
}

.md-form input[type=date].form-control-sm.valid + label:after, .md-form input[type=date].form-control-sm:focus.valid + label:after, .md-form input[type=datetime-local].form-control-sm.valid + label:after, .md-form input[type=datetime-local].form-control-sm:focus.valid + label:after, .md-form input[type=email].form-control-sm.valid + label:after, .md-form input[type=email].form-control-sm:focus.valid + label:after, .md-form input[type=number].form-control-sm.valid + label:after, .md-form input[type=number].form-control-sm:focus.valid + label:after, .md-form input[type=password].form-control-sm.valid + label:after, .md-form input[type=password].form-control-sm:focus.valid + label:after, .md-form input[type=search-md].form-control-sm.valid + label:after, .md-form input[type=search-md].form-control-sm:focus.valid + label:after, .md-form input[type=search].form-control-sm.valid + label:after, .md-form input[type=search].form-control-sm:focus.valid + label:after, .md-form input[type=tel].form-control-sm.valid + label:after, .md-form input[type=tel].form-control-sm:focus.valid + label:after, .md-form input[type=text].form-control-sm.valid + label:after, .md-form input[type=text].form-control-sm:focus.valid + label:after, .md-form input[type=time].form-control-sm.valid + label:after, .md-form input[type=time].form-control-sm:focus.valid + label:after, .md-form input[type=url].form-control-sm.valid + label:after, .md-form input[type=url].form-control-sm:focus.valid + label:after, .md-form textarea.md-textarea.form-control-sm.valid + label:after, .md-form textarea.md-textarea.form-control-sm:focus.valid + label:after {
    top:3.2rem
}

.md-form input[type=date].form-control-sm.invalid + label:after, .md-form input[type=date].form-control-sm:focus.invalid + label:after, .md-form input[type=datetime-local].form-control-sm.invalid + label:after, .md-form input[type=datetime-local].form-control-sm:focus.invalid + label:after, .md-form input[type=email].form-control-sm.invalid + label:after, .md-form input[type=email].form-control-sm:focus.invalid + label:after, .md-form input[type=number].form-control-sm.invalid + label:after, .md-form input[type=number].form-control-sm:focus.invalid + label:after, .md-form input[type=password].form-control-sm.invalid + label:after, .md-form input[type=password].form-control-sm:focus.invalid + label:after, .md-form input[type=search-md].form-control-sm.invalid + label:after, .md-form input[type=search-md].form-control-sm:focus.invalid + label:after, .md-form input[type=search].form-control-sm.invalid + label:after, .md-form input[type=search].form-control-sm:focus.invalid + label:after, .md-form input[type=tel].form-control-sm.invalid + label:after, .md-form input[type=tel].form-control-sm:focus.invalid + label:after, .md-form input[type=text].form-control-sm.invalid + label:after, .md-form input[type=text].form-control-sm:focus.invalid + label:after, .md-form input[type=time].form-control-sm.invalid + label:after, .md-form input[type=time].form-control-sm:focus.invalid + label:after, .md-form input[type=url].form-control-sm.invalid + label:after, .md-form input[type=url].form-control-sm:focus.invalid + label:after, .md-form textarea.md-textarea.form-control-sm.invalid + label:after, .md-form textarea.md-textarea.form-control-sm:focus.invalid + label:after {
    top:3.1rem
}

.md-form > input[type=date]:not(.browser-default) + label {
    -webkit-transform: translateY(-27px) scale(.8);
    -ms-transform: translateY(-27px) scale(.8);
    transform: translateY(-27px) scale(.8);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin:0 0
}

.md-form > input[type=time]:not(.browser-default) + label, .md-form > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    font-size:.8rem
}

.md-form .was-validated input[type=text]:valid + label {
    color:#00c851 !important
}

.md-form .was-validated input[type=text]:invalid + label {
    color:#f44336 !important
}

.md-form .was-validated .form-control:valid:focus {
    -webkit-box-shadow: 0 1px 0 0 #00c851 !important;
    box-shadow:0 1px 0 0 #00c851 !important
}

.md-form .was-validated .form-control:valid {
    border-color:#00c851 !important
}

.md-form .was-validated .form-control:invalid:focus {
    -webkit-box-shadow: 0 1px 0 0 #f44336 !important;
    box-shadow:0 1px 0 0 #f44336 !important
}

.md-form .was-validated .form-control:invalid {
    border-color:#f44336 !important
}

.md-form .form-control {
    margin: 0 0 .5rem;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: .3rem 0 .55rem;
    background-image: none;
    background-color: transparent;
    height:auto
}

.md-form .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background:0 0
}

.md-form .form-control:disabled, .md-form .form-control[readonly] {
    border-bottom: 1px solid #bdbdbd;
    background-color:transparent
}

.md-form .validate {
    margin-bottom:2.5rem
}

.md-form label {
    font-size:1rem
}

.md-form label.active {
    font-size: .8rem;
    -webkit-transform: translateY(-140%);
    -ms-transform: translateY(-140%);
    transform:translateY(-140%)
}

.md-form .prefix {
    top: .25rem;
    font-size:1.75rem
}

.md-form .prefix ~ input, .md-form .prefix ~ textarea {
    margin-left: 2.5rem;
    width:calc(100% - 2.5rem)
}

.md-form .prefix ~ label {
    margin-left:2.5rem
}

.md-form .prefix ~ .form-text {
    margin-left:2.6rem
}

.md-form label {
    position: absolute;
    top: .65rem;
    left: 0;
    -webkit-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: text;
    color:#757575
}

.md-form .prefix.active, .md-form textarea ~ label.active, .md-form.md-outline input[type=date]:focus:not([readonly]) + label, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]) + label, .md-form.md-outline input[type=email]:focus:not([readonly]) + label, .md-form.md-outline input[type=number]:focus:not([readonly]) + label, .md-form.md-outline input[type=password]:focus:not([readonly]) + label, .md-form.md-outline input[type=search-md]:focus:not([readonly]) + label, .md-form.md-outline input[type=search]:focus:not([readonly]) + label, .md-form.md-outline input[type=tel]:focus:not([readonly]) + label, .md-form.md-outline input[type=text]:focus:not([readonly]) + label, .md-form.md-outline input[type=time]:focus:not([readonly]) + label, .md-form.md-outline input[type=url]:focus:not([readonly]) + label, .md-form.md-outline textarea:focus:not([readonly]) + label {
    color:#4285f4
}

.md-form .prefix {
    position: absolute;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition:color .2s
}

.md-form.form-lg .validate {
    margin-bottom:2.8rem
}

.md-form.form-lg label {
    font-size:1.25rem
}

.md-form.form-lg label.active {
    font-size:.95rem
}

.md-form.form-lg .prefix {
    top: .4rem;
    font-size:2rem
}

.md-form.form-lg .prefix ~ input, .md-form.form-lg .prefix ~ textarea {
    margin-left: 3rem;
    width:calc(100% - 3rem)
}

.md-form.form-lg .prefix ~ label {
    margin-left:3rem
}

.md-form.form-lg .prefix ~ .form-text {
    margin-left:3.1rem
}

.md-form.form-sm .validate {
    margin-bottom:2.3rem
}

.md-form.form-sm label {
    font-size:.875rem
}

.md-form.form-sm label.active {
    font-size:.75rem
}

.md-form.form-sm .prefix {
    top: .35rem;
    font-size:1.5rem
}

.md-form.form-sm .prefix ~ input, .md-form.form-sm .prefix ~ textarea {
    margin-left: 2rem;
    width:calc(100% - 2rem)
}

.md-form.form-sm .prefix ~ .form-text, .md-form.form-sm .prefix ~ label {
    margin-left:2rem
}

.md-form textarea.md-textarea {
    overflow-y: hidden;
    padding: 1.5rem 0;
    resize:none
}

.md-form textarea.md-textarea-auto {
    padding:1.5rem 0 0
}

.md-form.md-outline {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom:1.5rem
}

.md-form.md-outline input[type=date], .md-form.md-outline input[type=datetime-local], .md-form.md-outline input[type=email], .md-form.md-outline input[type=number], .md-form.md-outline input[type=password], .md-form.md-outline input[type=search-md], .md-form.md-outline input[type=search], .md-form.md-outline input[type=tel], .md-form.md-outline input[type=text], .md-form.md-outline input[type=time], .md-form.md-outline input[type=url], .md-form.md-outline textarea {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #dadce0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing:border-box
}

.md-form.md-outline input[type=date]:focus:not([readonly]), .md-form.md-outline input[type=datetime-local]:focus:not([readonly]), .md-form.md-outline input[type=email]:focus:not([readonly]), .md-form.md-outline input[type=number]:focus:not([readonly]), .md-form.md-outline input[type=password]:focus:not([readonly]), .md-form.md-outline input[type=search-md]:focus:not([readonly]), .md-form.md-outline input[type=search]:focus:not([readonly]), .md-form.md-outline input[type=tel]:focus:not([readonly]), .md-form.md-outline input[type=text]:focus:not([readonly]), .md-form.md-outline input[type=time]:focus:not([readonly]), .md-form.md-outline input[type=url]:focus:not([readonly]), .md-form.md-outline textarea:focus:not([readonly]) {
    border-color: #4285f4;
    -webkit-box-shadow: inset 0 0 0 1px #4285f4;
    box-shadow:inset 0 0 0 1px #4285f4
}

.md-form.md-outline input[type=date].valid, .md-form.md-outline input[type=date]:focus.valid, .md-form.md-outline input[type=datetime-local].valid, .md-form.md-outline input[type=datetime-local]:focus.valid, .md-form.md-outline input[type=email].valid, .md-form.md-outline input[type=email]:focus.valid, .md-form.md-outline input[type=number].valid, .md-form.md-outline input[type=number]:focus.valid, .md-form.md-outline input[type=password].valid, .md-form.md-outline input[type=password]:focus.valid, .md-form.md-outline input[type=search-md].valid, .md-form.md-outline input[type=search-md]:focus.valid, .md-form.md-outline input[type=search].valid, .md-form.md-outline input[type=search]:focus.valid, .md-form.md-outline input[type=tel].valid, .md-form.md-outline input[type=tel]:focus.valid, .md-form.md-outline input[type=text].valid, .md-form.md-outline input[type=text]:focus.valid, .md-form.md-outline input[type=time].valid, .md-form.md-outline input[type=time]:focus.valid, .md-form.md-outline input[type=url].valid, .md-form.md-outline input[type=url]:focus.valid, .md-form.md-outline textarea.valid, .md-form.md-outline textarea:focus.valid {
    border-color: #00c851;
    -webkit-box-shadow: inset 0 0 0 1px #00c851;
    box-shadow:inset 0 0 0 1px #00c851
}

.md-form.md-outline input[type=date].valid + label:after, .md-form.md-outline input[type=date]:focus.valid + label:after, .md-form.md-outline input[type=date]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=datetime-local].valid + label:after, .md-form.md-outline input[type=datetime-local]:focus.valid + label:after, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=email].valid + label:after, .md-form.md-outline input[type=email]:focus.valid + label:after, .md-form.md-outline input[type=email]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=number].valid + label:after, .md-form.md-outline input[type=number]:focus.valid + label:after, .md-form.md-outline input[type=number]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=password].valid + label:after, .md-form.md-outline input[type=password]:focus.valid + label:after, .md-form.md-outline input[type=password]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=search-md].valid + label:after, .md-form.md-outline input[type=search-md]:focus.valid + label:after, .md-form.md-outline input[type=search-md]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=search].valid + label:after, .md-form.md-outline input[type=search]:focus.valid + label:after, .md-form.md-outline input[type=search]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=tel].valid + label:after, .md-form.md-outline input[type=tel]:focus.valid + label:after, .md-form.md-outline input[type=tel]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=text].valid + label:after, .md-form.md-outline input[type=text]:focus.valid + label:after, .md-form.md-outline input[type=text]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=time].valid + label:after, .md-form.md-outline input[type=time]:focus.valid + label:after, .md-form.md-outline input[type=time]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=url].valid + label:after, .md-form.md-outline input[type=url]:focus.valid + label:after, .md-form.md-outline input[type=url]:focus:not([readonly]).valid + label, .md-form.md-outline textarea.valid + label:after, .md-form.md-outline textarea:focus.valid + label:after, .md-form.md-outline textarea:focus:not([readonly]).valid + label {
    content: attr(data-success);
    color: #00c851;
    opacity:1
}

.md-form.md-outline input[type=date].invalid, .md-form.md-outline input[type=date]:focus.invalid, .md-form.md-outline input[type=datetime-local].invalid, .md-form.md-outline input[type=datetime-local]:focus.invalid, .md-form.md-outline input[type=email].invalid, .md-form.md-outline input[type=email]:focus.invalid, .md-form.md-outline input[type=number].invalid, .md-form.md-outline input[type=number]:focus.invalid, .md-form.md-outline input[type=password].invalid, .md-form.md-outline input[type=password]:focus.invalid, .md-form.md-outline input[type=search-md].invalid, .md-form.md-outline input[type=search-md]:focus.invalid, .md-form.md-outline input[type=search].invalid, .md-form.md-outline input[type=search]:focus.invalid, .md-form.md-outline input[type=tel].invalid, .md-form.md-outline input[type=tel]:focus.invalid, .md-form.md-outline input[type=text].invalid, .md-form.md-outline input[type=text]:focus.invalid, .md-form.md-outline input[type=time].invalid, .md-form.md-outline input[type=time]:focus.invalid, .md-form.md-outline input[type=url].invalid, .md-form.md-outline input[type=url]:focus.invalid, .md-form.md-outline textarea.invalid, .md-form.md-outline textarea:focus.invalid {
    border-color: #f44336;
    -webkit-box-shadow: inset 0 0 0 1px #f44336;
    box-shadow:inset 0 0 0 1px #f44336
}

.md-form.md-outline input[type=date].invalid + label:after, .md-form.md-outline input[type=date]:focus.invalid + label:after, .md-form.md-outline input[type=date]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=datetime-local].invalid + label:after, .md-form.md-outline input[type=datetime-local]:focus.invalid + label:after, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=email].invalid + label:after, .md-form.md-outline input[type=email]:focus.invalid + label:after, .md-form.md-outline input[type=email]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=number].invalid + label:after, .md-form.md-outline input[type=number]:focus.invalid + label:after, .md-form.md-outline input[type=number]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=password].invalid + label:after, .md-form.md-outline input[type=password]:focus.invalid + label:after, .md-form.md-outline input[type=password]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=search-md].invalid + label:after, .md-form.md-outline input[type=search-md]:focus.invalid + label:after, .md-form.md-outline input[type=search-md]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=search].invalid + label:after, .md-form.md-outline input[type=search]:focus.invalid + label:after, .md-form.md-outline input[type=search]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=tel].invalid + label:after, .md-form.md-outline input[type=tel]:focus.invalid + label:after, .md-form.md-outline input[type=tel]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=text].invalid + label:after, .md-form.md-outline input[type=text]:focus.invalid + label:after, .md-form.md-outline input[type=text]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=time].invalid + label:after, .md-form.md-outline input[type=time]:focus.invalid + label:after, .md-form.md-outline input[type=time]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=url].invalid + label:after, .md-form.md-outline input[type=url]:focus.invalid + label:after, .md-form.md-outline input[type=url]:focus:not([readonly]).invalid + label, .md-form.md-outline textarea.invalid + label:after, .md-form.md-outline textarea:focus.invalid + label:after, .md-form.md-outline textarea:focus:not([readonly]).invalid + label {
    content: attr(data-error);
    color: #f44336;
    opacity:1
}

.md-form.md-outline input[type=date].form-control.invalid + label:after, .md-form.md-outline input[type=date].form-control.valid + label:after, .md-form.md-outline input[type=date].form-control:focus.invalid + label:after, .md-form.md-outline input[type=date].form-control:focus.valid + label:after, .md-form.md-outline input[type=datetime-local].form-control.invalid + label:after, .md-form.md-outline input[type=datetime-local].form-control.valid + label:after, .md-form.md-outline input[type=datetime-local].form-control:focus.invalid + label:after, .md-form.md-outline input[type=datetime-local].form-control:focus.valid + label:after, .md-form.md-outline input[type=email].form-control.invalid + label:after, .md-form.md-outline input[type=email].form-control.valid + label:after, .md-form.md-outline input[type=email].form-control:focus.invalid + label:after, .md-form.md-outline input[type=email].form-control:focus.valid + label:after, .md-form.md-outline input[type=number].form-control.invalid + label:after, .md-form.md-outline input[type=number].form-control.valid + label:after, .md-form.md-outline input[type=number].form-control:focus.invalid + label:after, .md-form.md-outline input[type=number].form-control:focus.valid + label:after, .md-form.md-outline input[type=password].form-control.invalid + label:after, .md-form.md-outline input[type=password].form-control.valid + label:after, .md-form.md-outline input[type=password].form-control:focus.invalid + label:after, .md-form.md-outline input[type=password].form-control:focus.valid + label:after, .md-form.md-outline input[type=search-md].form-control.invalid + label:after, .md-form.md-outline input[type=search-md].form-control.valid + label:after, .md-form.md-outline input[type=search-md].form-control:focus.invalid + label:after, .md-form.md-outline input[type=search-md].form-control:focus.valid + label:after, .md-form.md-outline input[type=search].form-control.invalid + label:after, .md-form.md-outline input[type=search].form-control.valid + label:after, .md-form.md-outline input[type=search].form-control:focus.invalid + label:after, .md-form.md-outline input[type=search].form-control:focus.valid + label:after, .md-form.md-outline input[type=tel].form-control.invalid + label:after, .md-form.md-outline input[type=tel].form-control.valid + label:after, .md-form.md-outline input[type=tel].form-control:focus.invalid + label:after, .md-form.md-outline input[type=tel].form-control:focus.valid + label:after, .md-form.md-outline input[type=text].form-control.invalid + label:after, .md-form.md-outline input[type=text].form-control.valid + label:after, .md-form.md-outline input[type=text].form-control:focus.invalid + label:after, .md-form.md-outline input[type=text].form-control:focus.valid + label:after, .md-form.md-outline input[type=time].form-control.invalid + label:after, .md-form.md-outline input[type=time].form-control.valid + label:after, .md-form.md-outline input[type=time].form-control:focus.invalid + label:after, .md-form.md-outline input[type=time].form-control:focus.valid + label:after, .md-form.md-outline input[type=url].form-control.invalid + label:after, .md-form.md-outline input[type=url].form-control.valid + label:after, .md-form.md-outline input[type=url].form-control:focus.invalid + label:after, .md-form.md-outline input[type=url].form-control:focus.valid + label:after, .md-form.md-outline textarea.form-control.invalid + label:after, .md-form.md-outline textarea.form-control.valid + label:after, .md-form.md-outline textarea.form-control:focus.invalid + label:after, .md-form.md-outline textarea.form-control:focus.valid + label:after {
    top: 2.75rem;
    left: 0;
    position:absolute
}

.md-form.md-outline > input[type=time]:not(.browser-default) + label, .md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label {
    -webkit-transform: translateY(-17px);
    transform: translateY(-17px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    background: #fff;
    font-weight: 500;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 11px;
    left:8px
}

.md-form.md-outline > input[type=time]:not(.browser-default) + label.active, .md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label.active {
    -webkit-transform: translateY(-17px);
    transform: translateY(-17px);
    -webkit-transform-origin: 0 0;
    transform-origin:0 0
}

.md-form.md-outline .form-control {
    padding:.375rem .75rem
}

.md-form.md-outline label {
    font-size: .875rem;
    position: absolute;
    top: .65rem;
    left: 0;
    padding-left: 10px;
    -webkit-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: text;
    color:#757575
}

.btn-floating, .card .card-reveal .card-title, .card-wrapper .card-rotating .card-title {
    cursor:pointer
}

.md-form.md-outline label.active {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    background: #fff;
    font-weight: 500;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 11px;
    left:8px
}

.md-form.md-outline.form-lg .form-control.form-control-lg {
    padding:.5rem .725rem
}

.md-form.md-outline.form-lg label {
    font-size:1.25rem
}

.md-form.md-outline.form-lg label.active {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    font-size:13px
}

.md-form.md-outline.form-lg .prefix {
    top: .65rem;
    font-size:25px
}

.md-form.md-outline.form-lg .prefix ~ input, .md-form.md-outline.form-lg .prefix ~ textarea {
    margin-left: 2.2rem;
    width:calc(100% - 2.2rem)
}

.md-form.md-outline.form-lg .prefix ~ label {
    margin-left:2.2rem
}

.md-form.md-outline.form-lg .prefix ~ .form-text {
    margin-left:2.3rem
}

.md-form.md-outline.form-sm .form-control.form-control-sm {
    padding:.25rem .625rem
}

.md-form.md-outline.form-sm label {
    font-size: .8rem;
    top:.4rem
}

.md-form.md-outline.form-sm label.active {
    -webkit-transform: translateY(-85%);
    -ms-transform: translateY(-85%);
    transform: translateY(-85%);
    font-size:10px
}

.md-form.md-outline.form-sm .prefix {
    top: .5rem;
    font-size:15px
}

.md-form.md-outline.form-sm .prefix ~ input, .md-form.md-outline.form-sm .prefix ~ textarea {
    margin-left: 1.6rem;
    width:calc(100% - 1.6rem)
}

.md-form.md-outline.form-sm .prefix ~ label {
    margin-left:1.6rem
}

.md-form.md-outline.form-sm .prefix ~ .form-text {
    margin-left:1.7rem
}

.md-form.md-outline .prefix {
    position: absolute;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    top: .6rem;
    font-size:20px
}

.md-form.md-outline .prefix:focus {
    color:#4285f4
}

.md-form.md-outline .prefix ~ input, .md-form.md-outline .prefix ~ textarea {
    margin-left: 2rem;
    width:calc(100% - 2rem)
}

.md-form.md-outline .prefix ~ label {
    margin-left:2rem
}

.md-form.md-outline .prefix ~ .form-text {
    margin-left:2.1rem
}

.md-form.md-outline .character-counter {
    margin-top:-.5rem
}

.md-form .form-control.is-invalid, .md-form .form-control.is-valid, .was-validated .md-form .form-control:invalid, .was-validated .md-form .form-control:valid {
    padding-right:0
}

.needs-validation .md-form label {
    left:.3rem
}

.form-header {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    color: #fff;
    text-align: center;
    margin-top: -3.13rem;
    margin-bottom: 3rem;
    padding: 1rem;
    -webkit-border-radius: .125rem;
    border-radius:.125rem
}

[type=radio]:checked, [type=radio]:not(:checked) {
    position: absolute;
    opacity: 0;
    pointer-events:none
}

.form-check-input[type=radio]:checked + label, .form-check-input[type=radio]:not(:checked) + label, label.btn input[type=radio]:checked + label, label.btn input[type=radio]:not(:checked) + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 1.5625rem;
    line-height: 1.5625rem;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select:none
}


.form-check-input[type=radio] + label:after, .form-check-input[type=radio] + label:before, label.btn input[type=radio] + label:after, label.btn input[type=radio] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition:.28s ease
}

.form-check-input[type=radio].with-gap:checked + label:after, .form-check-input[type=radio].with-gap:checked + label:before, .form-check-input[type=radio]:checked + label:after, .form-check-input[type=radio]:checked + label:before, .form-check-input[type=radio]:not(:checked) + label:after, .form-check-input[type=radio]:not(:checked) + label:before, label.btn input[type=radio].with-gap:checked + label:after, label.btn input[type=radio].with-gap:checked + label:before, label.btn input[type=radio]:checked + label:after, label.btn input[type=radio]:checked + label:before, label.btn input[type=radio]:not(:checked) + label:after, label.btn input[type=radio]:not(:checked) + label:before {
    -webkit-border-radius: 50%;
    border-radius:50%
}

.form-check-input[type=radio]:not(:checked) + label:after, .form-check-input[type=radio]:not(:checked) + label:before, label.btn input[type=radio]:not(:checked) + label:after, label.btn input[type=radio]:not(:checked) + label:before {
    border:2px solid #5a5a5a
}

.form-check-input[type=radio]:not(:checked) + label:after, label.btn input[type=radio]:not(:checked) + label:after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform:scale(0)
}

.form-check-input[type=radio]:checked + label:before, label.btn input[type=radio]:checked + label:before {
    border:2px solid transparent
}

.form-check-input[type=radio].with-gap:checked + label:after, .form-check-input[type=radio].with-gap:checked + label:before, .form-check-input[type=radio]:checked + label:after, label.btn input[type=radio].with-gap:checked + label:after, label.btn input[type=radio].with-gap:checked + label:before, label.btn input[type=radio]:checked + label:after {
    border:2px solid #4285f4
}

.form-check-input[type=radio].with-gap:checked + label:after, .form-check-input[type=radio]:checked + label:after, label.btn input[type=radio].with-gap:checked + label:after, label.btn input[type=radio]:checked + label:after {
    background-color:#4285f4
}

.form-check-input[type=radio]:checked + label:after, label.btn input[type=radio]:checked + label:after {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform:scale(1.02)
}

.form-check-input[type=radio].with-gap:checked + label:after, label.btn input[type=radio].with-gap:checked + label:after {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform:scale(.5)
}

.form-check-input[type=radio].with-gap:disabled:checked + label:before, label.btn input[type=radio].with-gap:disabled:checked + label:before {
    border:2px solid rgba(0, 0, 0, .46)
}

.form-check-input[type=radio].with-gap:disabled:checked + label:after, label.btn input[type=radio].with-gap:disabled:checked + label:after {
    border: none;
    background-color:rgba(0, 0, 0, .46)
}

.form-check-input[type=radio]:disabled:checked + label:before, .form-check-input[type=radio]:disabled:not(:checked) + label:before, label.btn input[type=radio]:disabled:checked + label:before, label.btn input[type=radio]:disabled:not(:checked) + label:before {
    background-color: transparent;
    border-color:rgba(0, 0, 0, .46)
}

.form-check-input[type=radio]:disabled + span, label.btn input[type=radio]:disabled + span {
    color:rgba(0, 0, 0, .46)
}

.form-check-input[type=radio]:disabled:not(:checked) + span:before, label.btn input[type=radio]:disabled:not(:checked) + span:before {
    border-color:rgba(0, 0, 0, .46)
}

.form-check-input[type=radio]:disabled:checked + span:after, label.btn input[type=radio]:disabled:checked + span:after {
    background-color: rgba(0, 0, 0, .46);
    border-color:#BDBDBD
}

.form-check-input[type=radio]:checked + label:after .disabled-material, label.btn input[type=radio]:checked + label:after .disabled-material {
    background-color:rgba(66, 133, 244, .2)
}

.md-disabled::after {
    background-color: rgba(66, 133, 244, .5) !important;
    border-color:rgba(66, 133, 244, .2) !important
}

.md-disabled::before {
    border-color:rgba(66, 133, 244, .25) !important
}

[type=checkbox]:checked, [type=checkbox]:not(:checked) {
    position: absolute;
    opacity: 0;
    pointer-events:none
}

.form-check-input[type=checkbox] + label, label.btn input[type=checkbox] + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 1.5625rem;
    line-height: 1.5625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select:none
}

.form-check-input[type=checkbox] + label:before, .form-check-input[type=checkbox]:not(.filled-in) + label:after, label.btn input[type=checkbox] + label:before, label.btn input[type=checkbox]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #8a8a8a;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition:.2s
}

.form-check-input[type=checkbox]:not(.filled-in) + label:after, label.btn input[type=checkbox]:not(.filled-in) + label:after {
    border: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform:scale(0)
}

.form-check-input[type=checkbox]:not(:checked):disabled + label:before, label.btn input[type=checkbox]:not(:checked):disabled + label:before {
    border: none;
    background-color:#BDBDBD
}

.form-check-input[type=checkbox]:checked + label:before, label.btn input[type=checkbox]:checked + label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 1.375rem;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #4285f4;
    border-bottom: 2px solid #4285f4;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin:100% 100%
}

.form-check-input[type=checkbox]:checked:disabled + label:before, label.btn input[type=checkbox]:checked:disabled + label:before {
    border-right: 2px solid #BDBDBD;
    border-bottom:2px solid #BDBDBD
}

.form-check-input[type=checkbox]:indeterminate + label:before, label.btn input[type=checkbox]:indeterminate + label:before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 1.375rem;
    border-top: none;
    border-left: none;
    border-right: 2px solid #4285f4;
    border-bottom: none;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin:100% 100%
}

.form-check-input[type=checkbox]:indeterminate:disabled + label:before, label.btn input[type=checkbox]:indeterminate:disabled + label:before {
    border-right: 2px solid rgba(0, 0, 0, .46);
    background-color:transparent
}

.form-check-input[type=checkbox].filled-in + label:after, label.btn input[type=checkbox].filled-in + label:after {
    -webkit-border-radius: .125rem;
    border-radius:.125rem
}

.form-check-input[type=checkbox].filled-in + label:after, .form-check-input[type=checkbox].filled-in + label:before, label.btn input[type=checkbox].filled-in + label:after, label.btn input[type=checkbox].filled-in + label:before {
    content: '';
    left: 0;
    position: absolute;
    -webkit-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
    -o-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
    transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
    z-index:1
}

.form-check-input[type=checkbox].filled-in:not(:checked) + label:before, label.btn input[type=checkbox].filled-in:not(:checked) + label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    -ms-transform: rotate(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin:100% 100%
}

.form-check-input[type=checkbox].filled-in:not(:checked) + label:after, label.btn input[type=checkbox].filled-in:not(:checked) + label:after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0;
    z-index:0
}

.form-check-input[type=checkbox].filled-in:checked + label:before, label.btn input[type=checkbox].filled-in:checked + label:before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    -ms-transform: rotate(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin:100% 100%
}

.form-check-input[type=checkbox].filled-in:checked + label:after, label.btn input[type=checkbox].filled-in:checked + label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #a6c;
    background-color: #a6c;
    z-index:0
}

.form-check-input[type=checkbox].filled-in.filled-in-danger:checked + label:after, label.btn input[type=checkbox].filled-in.filled-in-danger:checked + label:after {
    background-color: #f44336;
    border-color:#f44336
}

.form-check-input[type=checkbox]:disabled:not(:checked) + label:after, .form-check-input[type=checkbox]:disabled:not(:checked) + label:before, label.btn input[type=checkbox]:disabled:not(:checked) + label:after, label.btn input[type=checkbox]:disabled:not(:checked) + label:before {
    background-color: #BDBDBD;
    border-color:#BDBDBD
}

.form-check-input[type=checkbox]:disabled:checked + label:before, label.btn input[type=checkbox]:disabled:checked + label:before {
    background-color:transparent
}

.form-check-input[type=checkbox]:disabled:checked + label:after, label.btn input[type=checkbox]:disabled:checked + label:after {
    background-color: #BDBDBD;
    border-color:#BDBDBD
}

.select-wrapper .select-dropdown {
    -ms-user-select: none;
    user-select:none
}

.select-label {
    position:absolute
}

.select-wrapper {
    position:relative
}

.select-wrapper input.select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ced4da;
    outline: 0;
    height: 38px;
    line-height: 2.9rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 .94rem;
    padding: 0;
    display: block;
    -o-text-overflow: ellipsis;
    text-overflow:ellipsis
}

.select-wrapper input.select-dropdown:disabled {
    color: rgba(0, 0, 0, .3);
    border-bottom-color: rgba(0, 0, 0, .3);
    cursor:default
}

.select-wrapper input.select-dropdown .selected, .select-wrapper input.select-dropdown li:focus {
    background-color:rgba(0, 0, 0, .15)
}

.select-wrapper input.select-dropdown li.active {
    background:0 0
}

.select-wrapper input.select-dropdown .fab, .select-wrapper input.select-dropdown .far, .select-wrapper input.select-dropdown .fas {
    color:inherit
}

.select-wrapper .search-wrap {
    padding: 1rem 0 0;
    display: block;
    margin:0 .7rem
}

.select-wrapper .search-wrap .md-form {
    margin-top: 0;
    margin-bottom:1rem
}

.select-wrapper .search-wrap .md-form input {
    padding-bottom: .4rem;
    margin-bottom:0
}

.select-wrapper span.caret {
    color: initial;
    position: absolute;
    right: 0;
    top: .8rem;
    font-size:.63rem
}

.select-wrapper span.caret.disabled {
    color:rgba(0, 0, 0, .46)
}

.select-wrapper + label {
    position: absolute;
    top: 7px;
    font-size:.8rem
}

.select-wrapper i {
    color:rgba(0, 0, 0, .3)
}

.select-wrapper ul {
    list-style-type: none;
    padding-left:0
}

.select-wrapper.md-form > ul li label {
    top: 0;
    color: #4285f4;
    font-size:.9rem
}

.select-wrapper.md-form > ul li.select-toggle-all label {
    padding-left:38px
}

.select-wrapper.md-form.colorful-select > ul li.select-toggle-all:hover label {
    color:#fff
}

/*select {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display:none !important
}*/

select.browser-default {
    display:block !important
}

select:disabled {
    color:rgba(0, 0, 0, .3)
}

.select-dropdown [type=checkbox]:disabled:not(:checked) + label:before {
    margin-left: 0;
    margin-top:0
}

.select-dropdown ul {
    list-style-type: none;
    padding:0
}

.select-dropdown li img {
    height: 30px;
    width: 30px;
    margin: .3rem .75rem;
    float:right
}

.select-dropdown li.disabled, .select-dropdown li.disabled > span, .select-dropdown li.optgroup {
    color: rgba(0, 0, 0, .3);
    background-color: transparent !important;
    cursor:context-menu
}

.select-dropdown li.optgroup {
    border-top:1px solid #eee
}

.select-dropdown li.optgroup.selected > span {
    color:rgba(0, 0, 0, .7)
}

.select-dropdown li.optgroup > span {
    color:rgba(0, 0, 0, .4)
}

.multiple-select-dropdown li [type=checkbox] + label {
    height:.63rem
}

.input-group-addon {
          padding: .5rem .75rem;
          margin-bottom: 0;
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.25;
          color: #333;
          text-align: center;
          background-color: #e9ecef;
          border: 1px solid rgba(0,0,0,.15);
          border-radius: .25rem;
      }
      .input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn, .input-group-btn:not(:last-child) > .btn:not(:first-child) {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
      }
      .form-control + .input-group-addon:not(:first-child) {
          border-left: 0;
      }