/*
Template Name: Catherine Carney - Style Library 1
Description: Style Library for Catherine Carney's portfolio site
Author: Catherine Carney
Author URI: http://www.catherinecarney.com

Version: 1.0

*/

/*	PATTERN LIBRARY STYLES
/*----------------------------------------------------*/

/* GOOGLE FONTS */

@import url(https://fonts.googleapis.com/css?family=Biryani:200,400,600);
@import url(https://fonts.googleapis.com/css?family=Fjord+One);
body {
    font-size: 1rem;
    font-family: "Biryani", sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #333333;
    background: #ffffff;
    /*     overflow-x: hidden; */
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

pre {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* BACKGROUND COLORS */

.bg-black {
    background-color: #111111 !important;
}

.bg-dark,
.bg-vulcan {
    background-color: #343A3F !important;
}

.bg-white {
    background-color: #FFFFFF !important;
}

.bg-offwhite {
    background-color: #F5F5F5 !important;
}

.bg-clouds {
    background-color: #ECF0F1 !important;
}

.bg-silver {
    background-color: #BDC3C7 !important;
}

.bg-yellow {
    background-color: #FFBA00 !important;
}

.bg-carmine-pink {
    background-color: #FF3547 !important;
}

.bg-torch-red {
    background-color: #FF0830 !important;
}

.bg-chilean-fire {
    background-color: #F67504 !important;
}

.bg-pomegranate {
    background-color: #FB3F21 !important;
}

.bg-bondi {
    background-color: #039CB6 !important;
}

.bg-blue-lagoon {
    background-color: #037188 !important;
}

.bg-apple {
    background-color: #6DC847 !important;
}

.bg-sea-green {
    background-color: #38B267 !important;
}

.bg-royal-purple {
    background-color: #7255AF !important;
}

.bg-butterfly-bush {
    background-color: #664BA0 !important;
}

/* COLORS */

.black {
    color: #111111;
}

.vulcan,
.dark {
    color: #343A3F;
}

.white {
    color: #FFFFFF;
}

.offwhite {
    color: #F5F5F5;
}

.clouds {
    color: #ECF0F1;
}

.silver {
    color: #BDC3C7;
}

.yellow {
    color: #FFBA00;
}

.carmine-pink {
    color: #FF3547 !important;
}

.torch-red {
    color: #FF0830 !important;
}

.chilean-fire {
    color: #F67504 !important;
}

.pomegranate {
    color: #FB3F21 !important;
}

.bondi {
    color: #039CB6;
}

.blue-lagoon {
    color: #037188;
}

.apple {
    color: #6DC847;
}

.sea-green {
    color: #38B267;
}

.royal-purple {
    color: #7255AF;
}

.butterfly-bush {
    color: #664BA0;
}

/** PATTERNS **/

.bg-dot-pattern {
    border: none;
    font: normal 100%/normal Arial, Helvetica, sans-serif;
    color: rgb(255, 255, 255);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: -webkit-radial-gradient(#BDC3C7 0, rgb(255, 255, 255) 15%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 100%);
    background: -moz-radial-gradient(#BDC3C7 0, rgb(255, 255, 255) 15%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(#BDC3C7 0, rgb(255, 255, 255) 15%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 100%);
    background-position: 30px 30px;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
}

.bg-orange-gradient {
    background: -moz-linear-gradient(45deg, #EF3D3D 0%, #F67504 60%, #FFBA00 99%, #FFBA00 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #EF3D3D), color-stop(60%, #F67504), color-stop(99%, #FFBA00), color-stop(100%, #FFBA00));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, #EF3D3D 0%, #F67504 60%, #FFBA00 99%, #FFBA00 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, #EF3D3D 0%, #F67504 60%, #FFBA00 99%, #FFBA00 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, #EF3D3D 0%, #F67504 60%, #FFBA00 99%, #FFBA00 100%);
    /* ie10+ */
    background: linear-gradient(45deg, #EF3D3D 0%, #F67504 60%, #FFBA00 99%, #FFBA00 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFBA00', endColorstr='#EF3D3D', GradientType=1);
    /* ie6-9 */
}

.bg-green-blue-gradient {
    background: -moz-linear-gradient(45deg, #6DC847 0%, #039CB6 66%, #039CB6 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #6DC847), color-stop(66%, #039CB6), color-stop(100%, #039CB6));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, #6DC847 0%, #039CB6 66%, #039CB6 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, #6DC847 0%, #039CB6 66%, #039CB6 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, #6DC847 0%, #039CB6 66%, #039CB6 100%);
    /* ie10+ */
    background: linear-gradient(45deg, #6DC847 0%, #039CB6 66%, #039CB6 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#039CB6', endColorstr='#6DC847', GradientType=1);
    /* ie6-9 */
}

.bg-pink-purple-gradient {
    background: -moz-linear-gradient(45deg, #FF0830 0%, #664BA0 66%, #664BA0 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #FF0830), color-stop(66%, #664BA0), color-stop(100%, #664BA0));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, #FF0830 0%, #664BA0 66%, #664BA0 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, #FF0830 0%, #664BA0 66%, #664BA0 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, #FF0830 0%, #664BA0 66%, #664BA0 100%);
    /* ie10+ */
    background: linear-gradient(45deg, #FF0830 0%, #664BA0 66%, #664BA0 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#664BA0', endColorstr='#FF0830', GradientType=1);
    /* ie6-9 */
}

/** TYPOGRAPHY **/

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Fjord One', serif;
    line-height: 1.1;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
    col or: #e5e5e5;
}

h1,
h2,
h3 {
    margin-bottom: 20px;
    font-weight: 300;
}

h4,
h5,
h6 {
    margin-bottom: 15px;
    font-weight: 400;
}

h1,
.h1 {
    font-size: 44px;
}

h2,
.h2 {
    font-size: 37px;
}

h3,
.h3 {
    font-size: 27px;
}

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

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

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

p {
    font-family: 'Biryani', sans-serif;
    font-size: 1em;
    line-height: 1.6;
    margin: 15px 0;
    color: #515157;
}

.lead {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 300;
}

small,
.small {
    font-size: 80%;
    line-height: 2;
}

em,
.em {
    font-weight: 700;
}

.label {
    display: inline;
    text-transform: uppercase;
    font-size: 0.81rem;
}

.help-block {
    font-size: 0.75em;
    line-height: 1;
    color: #868E96;
    margin-top: 0.5em;
}

.visible {
    visibility: visible!important;
    display: block !important;
}

.hr-purple {
    border: 0;
    height: 3px;
    background-image: linear-gradient(to right, rgba(102, 75, 160, 0), rgba(102, 75, 160, 0.75), rgba(102, 75, 160, 0));
}

.underline {
    text-decoration: underline;
}

/* LINKS */

a {
    color: #037188;
}

a:hover {
    color: #00586F;
    text-decoration: none;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* LISTS */

ol {
    position: relative;
    padding-left: 22px;
}

ul {
    list-style: none;
    position: relative;
    padding-left: 22px;
}

ul li,
ol li {
    font-family: "Biryani", sans-serif;
    font-size: 1em;
    color: #515157;
    margin-bottom: 5px;
}

ul.circle li:before {
    font-family: 'fontawesome';
    content: '\f10c';
    font-size: 12px;
    color: #037188;
    padding-top: 2px;
    margin-left: -20px;
    position: absolute;
}

/* TITLES */

.underlined-title {
    text-align: center;
    padding-bottom: 30px;
}

.underlined-title h1 {
    color: #111111;
    margin: 0;
}

.underlined-title h2 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #111111;
}

.underlined-title hr {
    width: 10%;
    border-width: 2px;
    border-color: #7255AF;
}

/* SHAPES */

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-circle {
    border-radius: 50%;
}

.rounded-0 {
    border-radius: 0;
}

/* IMAGES */

.img-thumbnail {
    border-radius: 16px;
}

.img-raised {
    box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

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

.view .mask,
.page-header .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
}

.view img,
.view video {
    position: relative;
    display: block;
}

.view video.video-intro {
    z-index: -100;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: 1s opacity;
    -o-transition: 1s opacity;
    transition: 1s opacity;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

.overlay .mask {
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.overlay .mask:hover {
    opacity: 1;
}

.zoom img,
.zoom video {
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.zoom:hover img,
.zoom:hover video {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.rgba-black-slight,
.rgba-black-slight:after {
    background-color: rgba(0, 0, 0, 0.1);
}

.rgba-black-light,
.rgba-black-light:after {
    background-color: rgba(0, 0, 0, 0.3);
}

.rgba-black-strong,
.rgba-black-strong:after {
    background-color: rgba(0, 0, 0, 0.5);
}

.rgba-black-black,
.rgba-black-black:after {
    background-color: rgba(0, 0, 0, 0.6);
}


.rgba-purple-gradient-slight,
.rgba-purple-gradient-slight:after {
    background: rgb(255, 8, 48, 0.1);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(255, 8, 48, 0.1) 0%, rgba(102, 75, 160, 0.1) 51%, rgba(102, 75, 160, 0.1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(255, 8, 48, 0.1) 0%, rgba(102, 75, 160, 0.1) 51%, rgba(102, 75, 160, 0.1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(255, 8, 48, 0.1) 0%, rgba(102, 75, 160, 0.1) 51%, rgba(102, 75, 160, 0.1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0830', endColorstr='#664ba0', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.rgba-purple-gradient-light,
.rgba-purple-gradient-light:after {
    background: rgb(255, 8, 48, 0.3);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(255, 8, 48, 0.3) 0%, rgba(102, 75, 160, 0.3) 51%, rgba(102, 75, 160, 0.3) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(255, 8, 48, 0.3) 0%, rgba(102, 75, 160, 0.3) 51%, rgba(102, 75, 160, 0.3) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(255, 8, 48, 0.3) 0%, rgba(102, 75, 160, 0.3) 51%, rgba(102, 75, 160, 0.3) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0830', endColorstr='#664ba0', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.rgba-purple-gradient-strong,
.rgba-purple-gradient-strong:after {
    background: rgb(255, 8, 48, 0.7);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(255, 8, 48, 0.5) 0%, rgba(102, 75, 160, 0.5) 51%, rgba(102, 75, 160, 0.5) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(255, 8, 48, 0.5) 0%, rgba(102, 75, 160, 0.5) 51%, rgba(102, 75, 160, 0.5) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(255, 8, 48, 0.5) 0%, rgba(102, 75, 160, 0.5) 51%, rgba(102, 75, 160, 0.5) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0830', endColorstr='#664ba0', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

/*===================================================================================*/

/*	BUTTONS
/*===================================================================================*/

.btn {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 0.84rem 2.14rem;
    font-size: 0.81rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    margin: 0.3rem;
    border: 0;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color: #fff;
}

.btn:hover,
.btn:active,
.btn:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 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, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn.btn-floating {
    -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.btn-hoverable {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.55s ease-in-out;
    -o-transition: all 0.55s ease-in-out;
    transition: all 0.55s ease-in-out;
}

.btn.btn-hoverable:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: all 0.55s ease-in-out;
    -o-transition: all 0.55s ease-in-out;
    transition: all 0.55s ease-in-out;
}

/* WITH ICON */

.btn .fa {
    position: relative;
    font-size: 0.9rem;
}

.btn .fa.right {
    margin-left: 0.3rem;
}

.btn .fa.left {
    margin-right: 0.3rem;
}

.btn.btn-lg .fa {
    font-size: 1rem;
}

.btn.btn-md .fa {
    font-size: 0.8rem;
}

.btn.btn-sm .fa {
    font-size: 0.7rem;
}

.btn .fa-lg {
    font-size: 1.33333333em !important;
    line-height: 1.33333333em;
}

.btn .fa-2x {
    font-size: 2em !important;
    line-height: 2em;
}

.btn .fa-3x {
    font-size: 3em !important;
    line-height: 3em;
}

.btn .fa-4x {
    font-size: 4em !important;
    line-height: 4em;
}

.btn .fa-5x {
    font-size: 5em !important;
    line-height: 5em;
}

.btn-fab,
.btn-just-icon {
    border-radius: 50%;
    font-size: 1em;
    height: 42px;
    min-width: 42px;
    width: 42px;
    padding: 0;
    overflow: hidden;
    position: relative;
    line-height: 1em;
}

.btn-fab-small,
.btn-just-icon {
    border-radius: 50%;
    font-size: 1em;
    height: 30px;
    min-width: 30px;
    width: 30px;
    padding: 0;
    overflow: hidden;
    position: relative;
    line-height: 1em;
}

/* SIZES */

.btn.btn-xl {
    padding: 1.2rem 3rem;
    font-size: 1.3rem;
}

.btn.btn-lg {
    padding: 1rem 2.4rem;
    font-size: 1rem;
}

.btn.btn-md {
    padding: 0.7rem 1.6rem;
    font-size: 0.7rem;
}

.btn.btn-sm {
    padding: 0.5rem 1.6rem;
    font-size: 0.64rem;
}

.btn.btn-tb {
    padding: 0.3rem 1rem;
}

.btn.disabled:active,
.btn.disabled:focus,
.btn.disabled:hover,
.btn:disabled:active,
.btn:disabled:focus,
.btn:disabled:hover {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.btn.btn-block {
    margin: 0.3rem;
}

.btn.btn-link:active,
.btn.btn-link:focus,
.btn.btn-link:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: transparent;
}

.btn[class*="btn-outline-"] {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

.btn[class*="btn-outline-"].btn-lg {
    padding-top: 0.88rem;
    padding-bottom: 0.88rem;
}

.btn[class*="btn-outline-"].btn-md {
    padding-top: 0.58rem;
    padding-bottom: 0.58rem;
}

.btn[class*="btn-outline-"].btn-sm {
    padding-top: 0.38rem;
    padding-bottom: 0.38rem;
}

.btn-group .btn {
    margin: 0;
}

.btn-round {
    border-radius: 30px;
}

.btn.btn-link {
    font-size: 0.81rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    color: #7255AF;
}

/* PRIMARY */

.btn-primary {
    background-color: #7255AF !important;
    color: #fff !important;
}

.btn-primary:hover {
    background-color: #664BA0;
}

.btn-primary:focus,
.btn-primary.focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #664BA0;
}

.btn-primary.dropdown-toggle {
    background-color: #7255AF !important;
}

.btn-primary.dropdown-toggle:hover,
.btn-primary.dropdown-toggle:focus {
    background-color: #664BA0 !important;
}

.btn-primary:not([disabled]):not(.disabled):active,
.btn-primary:not([disabled]):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #664BA0 !important;
}

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

/*
.primary-ic {
    color: #7255AF !important;
}

.primary-ic:hover,
.primary-ic:focus {
    color: #664BA0;
}
*/

.btn-outline-primary {
    border: 2px solid #7255AF !important;
    background-color: transparent !important;
    color: #7255AF !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:active:focus,
.btn-outline-primary.active {
    border-color: #7255AF !important;
    background-color: transparent !important;
    color: #7255AF !important;
}

.btn-outline-primary:not([disabled]):not(.disabled):active,
.btn-outline-primary:not([disabled]):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: transparent !important;
    border-color: #7255AF !important;
}

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

/* DANGER */

.btn-danger {
    background-color: #FF3547 !important;
    color: #fff !important;
}

.btn-danger:hover {
    background-color: #FF0830;
}

.btn-danger:focus,
.btn-danger.focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
    background-color: #FF0830;
}

.btn-danger.dropdown-toggle {
    background-color: #FF3547 !important;
}

.btn-danger.dropdown-toggle:hover,
.btn-danger.dropdown-toggle:focus {
    background-color: #FF0830 !important;
}

.btn-danger:not([disabled]):not(.disabled):active,
.btn-danger:not([disabled]):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #FF0830 !important;
}

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

/*
.danger-ic {
    color: #FF3547 !important;
}

.danger-ic:hover,
.danger-ic:focus {
    color: #FF0830;
}
*/

.btn-outline-danger {
    border: 2px solid #FF3547 !important;
    background-color: transparent !important;
    color: #FF3547 !important;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.btn-outline-danger:active:focus,
.btn-outline-danger.active {
    border-color: #FF3547 !important;
    background-color: transparent !important;
    color: #FF3547 !important;
}

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

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

/* WARNING */

.btn-warning {
    background-color: #F67504 !important;
    color: #fff !important;
}

.btn-warning:hover {
    background-color: #FB3F21;
}

.btn-warning:focus,
.btn-warning.focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
    background-color: #FB3F21;
}

.btn-warning.dropdown-toggle {
    background-color: #F67504 !important;
}

.btn-warning.dropdown-toggle:hover,
.btn-warning.dropdown-toggle:focus {
    background-color: #FB3F21 !important;
}

.btn-warning:not([disabled]):not(.disabled):active,
.btn-warning:not([disabled]):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #FB3F21 !important;
}

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

/*
.warning-ic {
    color: #FB3F21 !important;
}

.warning-ic:hover,
.warning-ic:focus {
    color: #FB3F21;
}
*/

.btn-outline-warning {
    border: 2px solid #F67504 !important;
    background-color: transparent !important;
    color: #F67504 !important;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active,
.btn-outline-warning:active:focus,
.btn-outline-warning.active {
    border-color: #F67504 !important;
    background-color: transparent !important;
    color: #F67504 !important;
}

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

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

/* SUCCESS */

.btn-success {
    background-color: #6DC847 !important;
    color: #fff !important;
}

.btn-success:hover {
    background-color: #38B267;
}

.btn-success:focus,
.btn-success.focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-success:focus,
.btn-success:active,
.btn-success.active {
    background-color: #38B267;
}

.btn-success.dropdown-toggle {
    background-color: #6DC847 !important;
}

.btn-success.dropdown-toggle:hover,
.btn-success.dropdown-toggle:focus {
    background-color: #38B267 !important;
}

.btn-success:not([disabled]):not(.disabled):active,
.btn-success:not([disabled]):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #38B267 !important;
}

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

/*
.success-ic {
    color: #6DC847 !important;
}

.success-ic:hover,
.success-ic:focus {
    color: #38B267;
}
*/

.btn-outline-success {
    border: 2px solid #6DC847 !important;
    background-color: transparent !important;
    color: #6DC847 !important;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active,
.btn-outline-success:active:focus,
.btn-outline-success.active {
    border-color: #6DC847 !important;
    background-color: transparent !important;
    color: #6DC847 !important;
}

.btn-outline-success:not([disabled]):not(.disabled):active,
.btn-outline-success:not([disabled]):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: transparent !important;
    border-color: #6DC847 !important;
}

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

/* INFO */

.btn-info {
    background-color: #039CB6 !important;
    color: #fff !important;
}

.btn-info:hover {
    background-color: #037188;
}

.btn-info:focus,
.btn-info.focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-info:focus,
.btn-info:active,
.btn-info.active {
    background-color: #037188;
}

.btn-info.dropdown-toggle {
    background-color: #039CB6 !important;
}

.btn-info.dropdown-toggle:hover,
.btn-info.dropdown-toggle:focus {
    background-color: #037188 !important;
}

.btn-info:not([disabled]):not(.disabled):active,
.btn-info:not([disabled]):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #037188 !important;
}

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

/*
.info-ic {
    color: #039CB6 !important;
}

.info-ic:hover,
.info-ic:focus {
    color: #039CB6;
}
*/

.btn-outline-info {
    border: 2px solid #039CB6 !important;
    background-color: transparent !important;
    color: #039CB6 !important;
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active,
.btn-outline-info:active:focus,
.btn-outline-info.active {
    border-color: #039CB6 !important;
    background-color: transparent !important;
    color: #039CB6 !important;
}

.btn-outline-info:not([disabled]):not(.disabled):active,
.btn-outline-info:not([disabled]):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: transparent !important;
    border-color: #039CB6 !important;
}

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

/* DEFAULT */

.btn-default {
    background-color: #ECF0F1 !important;
    color: #555 !important;
}

.btn-default:hover {
    background-color: #BDC3C7;
}

.btn-default:focus,
.btn-default.focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-default:focus,
.btn-default:active,
.btn-default.active {
    background-color: #BDC3C7;
}

.btn-default.dropdown-toggle {
    background-color: #ECF0F1 !important;
}

.btn-default.dropdown-toggle:hover,
.btn-default.dropdown-toggle:focus {
    background-color: #BDC3C7 !important;
}

.btn-default:not([disabled]):not(.disabled):active,
.btn-default:not([disabled]):not(.disabled).active,
.show>.btn-default.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #BDC3C7 !important;
}

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

/*
.default-ic {
    color: #ECF0F1 !important;
}

.default-ic:hover,
.default-ic:focus {
    color: #ECF0F1;
}
*/

.btn-outline-default {
    border: 2px solid #ECF0F1 !important;
    background-color: transparent !important;
    color: #ECF0F1 !important;
}

.btn-outline-default:hover,
.btn-outline-default:focus,
.btn-outline-default:active,
.btn-outline-default:active:focus,
.btn-outline-default.active {
    border-color: #ECF0F1 !important;
    background-color: transparent !important;
    color: #ECF0F1 !important;
}

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

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

/* SECONDARY */

.btn-secondary {
    background-color: #037188 !important;
    color: #fff !important;
}

.btn-secondary:hover {
    background-color: #00586F;
}

.btn-secondary:focus,
.btn-secondary.focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active {
    background-color: #00586F;
}

.btn-secondary.dropdown-toggle {
    background-color: #037188 !important;
}

.btn-secondary.dropdown-toggle:hover,
.btn-secondary.dropdown-toggle:focus {
    background-color: #00586F !important;
}

.btn-secondary:not([disabled]):not(.disabled):active,
.btn-secondary:not([disabled]):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #037188 !important;
}

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

/*
.secondary-ic {
    color: #aa66cc !important;
}

.secondary-ic:hover,
.secondary-ic:focus {
    color: #aa66cc;
}
*/

.btn-outline-secondary {
    border: 2px solid #037188 !important;
    background-color: transparent !important;
    color: #037188 !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active {
    border-color: #037188 !important;
    background-color: transparent !important;
    color: #037188 !important;
}

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

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

/* WHITE */

.btn-white {
    background-color: #fff !important;
    color: #000 !important;
}

.btn-white:hover {
    background-color: white;
}

.btn-white:focus,
.btn-white.focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-white:focus,
.btn-white:active,
.btn-white.active {
    background-color: #cccccc;
}

.btn-white.dropdown-toggle {
    background-color: #fff !important;
}

.btn-white.dropdown-toggle:hover,
.btn-white.dropdown-toggle:focus {
    background-color: white !important;
}

.btn-white:not([disabled]):not(.disabled):active,
.btn-white:not([disabled]):not(.disabled).active,
.show>.btn-white.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #cccccc !important;
}

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

.white-ic {
    color: #fff !important;
}

.white-ic:hover,
.white-ic:focus {
    color: #fff;
}

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

.btn-outline-white:hover,
.btn-outline-white:focus,
.btn-outline-white:active,
.btn-outline-white:active:focus,
.btn-outline-white.active {
    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, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 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, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

/* BLACK */

.btn-black {
    background-color: #000 !important;
    color: #fff !important;
}

.btn-black:hover {
    background-color: #0d0d0d;
}

.btn-black:focus,
.btn-black.focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-black:focus,
.btn-black:active,
.btn-black.active {
    background-color: black;
}

.btn-black.dropdown-toggle {
    background-color: #000 !important;
}

.btn-black.dropdown-toggle:hover,
.btn-black.dropdown-toggle:focus {
    background-color: #0d0d0d !important;
}

.btn-black:not([disabled]):not(.disabled):active,
.btn-black:not([disabled]):not(.disabled).active,
.show>.btn-black.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: black !important;
}

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

.black-ic {
    color: #000 !important;
}

.black-ic:hover,
.black-ic:focus {
    color: #000;
}

.btn-outline-black {
    border: 2px solid #000 !important;
    background-color: transparent !important;
    color: #000 !important;
}

.btn-outline-black:hover,
.btn-outline-black:focus,
.btn-outline-black:active,
.btn-outline-black:active:focus,
.btn-outline-black.active {
    border-color: #000 !important;
    background-color: transparent !important;
    color: #000 !important;
}

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

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

/*===================================================================================*/

/*	BLOCKQUOTES
/*===================================================================================*/

blockquote {
    border: 1px solid #664BA0;
    padding: 15px;
    color: #7356A9;
}

blockquote p {
    color: #7356A9;
    font-size: 1.3em;
    font-weight: 200;
}

/*===================================================================================*/

/*	FORMS
/*===================================================================================*/

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

.md-form input[type=text],
.md-form input[type=password],
.md-form input[type=email],
.md-form input[type=url],
.md-form input[type=time],
.md-form input[type=date],
.md-form input[type=datetime-local],
.md-form input[type=tel],
.md-form input[type=number],
.md-form input[type=search-md],
.md-form input[type=search],
.md-form textarea.md-textarea {
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    outline: none;
    -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=text]:focus:not([readonly]),
.md-form input[type=password]:focus:not([readonly]),
.md-form input[type=email]:focus:not([readonly]),
.md-form input[type=url]:focus:not([readonly]),
.md-form input[type=time]:focus:not([readonly]),
.md-form input[type=date]:focus:not([readonly]),
.md-form input[type=datetime-local]:focus:not([readonly]),
.md-form input[type=tel]:focus:not([readonly]),
.md-form input[type=number]:focus:not([readonly]),
.md-form input[type=search-md]:focus:not([readonly]),
.md-form input[type=search]:focus:not([readonly]),
.md-form textarea.md-textarea:focus:not([readonly]) {
    -webkit-box-shadow: 0 1px 0 0 #7255AF;
    box-shadow: none;
    border-bottom: 1px solid #7255AF;
}

.md-form input[type=text]:focus:not([readonly])+label,
.md-form input[type=password]:focus:not([readonly])+label,
.md-form input[type=email]:focus:not([readonly])+label,
.md-form input[type=url]:focus:not([readonly])+label,
.md-form input[type=time]:focus:not([readonly])+label,
.md-form input[type=date]:focus:not([readonly])+label,
.md-form input[type=datetime-local]:focus:not([readonly])+label,
.md-form input[type=tel]:focus:not([readonly])+label,
.md-form input[type=number]: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 textarea.md-textarea:focus:not([readonly])+label {
    color: #7255AF;
}

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

.md-form input[type=text].valid,
.md-form input[type=text]:focus.valid,
.md-form input[type=password].valid,
.md-form input[type=password]:focus.valid,
.md-form input[type=email].valid,
.md-form input[type=email]:focus.valid,
.md-form input[type=url].valid,
.md-form input[type=url]:focus.valid,
.md-form input[type=time].valid,
.md-form input[type=time]:focus.valid,
.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=tel].valid,
.md-form input[type=tel]:focus.valid,
.md-form input[type=number].valid,
.md-form input[type=number]: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 textarea.md-textarea.valid,
.md-form textarea.md-textarea:focus.valid {
    border-bottom: 1px solid #6DC847;
    -webkit-box-shadow: 0 1px 0 0 #6DC847;
    box-shadow: 0 1px 0 0 #6DC847;
}

.md-form input[type=text].valid+label:after,
.md-form input[type=text]: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=email].valid+label:after,
.md-form input[type=email]:focus.valid+label:after,
.md-form input[type=url].valid+label:after,
.md-form input[type=url]: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=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=tel].valid+label:after,
.md-form input[type=tel]: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=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 textarea.md-textarea.valid+label:after,
.md-form textarea.md-textarea:focus.valid+label:after {
    content: attr(data-success);
    color: #6DC847;
    opacity: 1;
}

.md-form input[type=text].invalid,
.md-form input[type=text]:focus.invalid,
.md-form input[type=password].invalid,
.md-form input[type=password]:focus.invalid,
.md-form input[type=email].invalid,
.md-form input[type=email]:focus.invalid,
.md-form input[type=url].invalid,
.md-form input[type=url]:focus.invalid,
.md-form input[type=time].invalid,
.md-form input[type=time]:focus.invalid,
.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=tel].invalid,
.md-form input[type=tel]:focus.invalid,
.md-form input[type=number].invalid,
.md-form input[type=number]: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 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=text].invalid+label:after,
.md-form input[type=text]: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=email].invalid+label:after,
.md-form input[type=email]:focus.invalid+label:after,
.md-form input[type=url].invalid+label:after,
.md-form input[type=url]: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=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=tel].invalid+label:after,
.md-form input[type=tel]: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=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 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=text].form-control.valid+label:after,
.md-form input[type=text].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=email].form-control.valid+label:after,
.md-form input[type=email].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 input[type=time].form-control.valid+label:after,
.md-form input[type=time].form-control:focus.valid+label:after,
.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=tel].form-control.valid+label:after,
.md-form input[type=tel].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=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 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=text].form-control.invalid+label:after,
.md-form input[type=text].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=email].form-control.invalid+label:after,
.md-form input[type=email].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 input[type=time].form-control.invalid+label:after,
.md-form input[type=time].form-control:focus.invalid+label:after,
.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=tel].form-control.invalid+label:after,
.md-form input[type=tel].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=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 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=text].form-control-lg.valid+label:after,
.md-form input[type=text].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=email].form-control-lg.valid+label:after,
.md-form input[type=email].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 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=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=tel].form-control-lg.valid+label:after,
.md-form input[type=tel].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=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 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=text].form-control-lg.invalid+label:after,
.md-form input[type=text].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=email].form-control-lg.invalid+label:after,
.md-form input[type=email].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 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=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=tel].form-control-lg.invalid+label:after,
.md-form input[type=tel].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=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 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=text].form-control-sm.valid+label:after,
.md-form input[type=text].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=email].form-control-sm.valid+label:after,
.md-form input[type=email].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 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=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=tel].form-control-sm.valid+label:after,
.md-form input[type=tel].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=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 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=text].form-control-sm.invalid+label:after,
.md-form input[type=text].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=email].form-control-sm.invalid+label:after,
.md-form input[type=email].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 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=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=tel].form-control-sm.invalid+label:after,
.md-form input[type=tel].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=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 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 .was-validated input[type=text]:valid+label {
    color: #6DC847 !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 #6DC847 !important;
    box-shadow: 0 1px 0 0 #6DC847 !important;
}

.md-form .was-validated .form-control:valid {
    border-color: #6DC847 !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 0.5rem 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0.3rem 0 0.55rem 0;
    background-image: none;
    background-color: transparent;
    height: auto;
}

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

.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: 0.8rem;
}

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

.md-form .prefix~input,
.md-form .prefix~textarea {
    margin-left: 2.5rem;
    width: -webkit-calc(100% - 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: 0.65rem;
    left: 0;
    -webkit-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    cursor: text;
    color: #757575;
}

.md-form label.active {
    -webkit-transform: translateY(-140%);
    -ms-transform: translateY(-140%);
    transform: translateY(-140%);
    color: #7255AF;
}

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

.md-form .prefix.active {
    color: #7255AF;
}

.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: 0.95rem;
}

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

.md-form.form-lg .prefix~input,
.md-form.form-lg .prefix~textarea {
    margin-left: 3rem;
    width: -webkit-calc(100% - 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: 0.875rem;
}

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

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

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

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

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

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

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

/* FORM HELP TEXT */

.form-control+.help-block {
    display: none;
}

.form-control:focus+.help-block {
    display: block;
}

/* SUCCESS */

.md-form.has-success input[type=text]:focus:not([readonly]) {
    -webkit-box-shadow: 0 1px 0 0 #38B267;
    box-shadow: 0 1px 0 0 #38B267;
    border-bottom: 1px solid #38B267;
}

.has-success label.active {
    color: #38B267;
}

/* ERROR */

.md-form.has-danger input[type=text]:focus:not([readonly]) {
    -webkit-box-shadow: 0 1px 0 0 #FF0830;
    box-shadow: 0 1px 0 0 #FF0830;
    border-bottom: 1px solid #FF0830;
}

.has-danger label.active {
    color: #FF0830;
}

/* FORM FEEDBACK ICONS */

.form-control-feedback {
    position: absolute;
    top: 0.5em;
    right: 0;
    display: block;
    pointer-events: none;
}

.has-success .form-control-feedback {
    color: #38B267;
}

.has-danger .form-control-feedback {
    color: #FF0830;
}

/* INPUT GROUP ADDONS */

.input-group-addon {
    padding: 0.5rem 1rem 0 0;
    color: #495057;
    text-align: center;
    background-color: transparent;
    background-clip: padding-box;
}

.input-group-addon+.form-control {
    padding: 0.3rem 0 0.3rem 0;
}

/* TEXT BOX */

.textarea.form-control:focus {
    border: 2px solid #7255AF;
    box-shadow: none;
}

/*===================================================================================*/

/* CHECKBOXES, RADIOS, TOGGLES
/*===================================================================================*/

.pretty {
    display: block;
}

.pretty input:checked~.state.p-danger label:after,
.pretty.p-toggle .state.p-danger label:after {
    background-color: #FF3547 !important;
}

.pretty input:checked~.state.p-success label:after,
.pretty.p-toggle .state.p-success label:after {
    background-color: #38B267 !important;
}

/*===================================================================================*/

/*	PROGRESS BARS
/*===================================================================================*/

.progress {
    height: 4px;
    border-radius: 0;
    box-shadow: none;
    background: #DDDDDD;
    margin-bottom: 20px;
}

.progress .progress-bar {
    box-shadow: none;
}

.progress .progress-bar.progress-bar-primary {
    background: #7255AF !important;
}

.progress .progress-bar.progress-bar-info {
    background: #039CB6;
}

.progress .progress-bar.progress-bar-success {
    background: #6DC847;
}

.progress .progress-bar.progress-bar-warning {
    background: #F67504;
}

.progress .progress-bar.progress-bar-danger {
    background: #FF3547;
}

.progress.progress-line-primary {
    background: rgba(114, 85, 175, 0.2);
}

.progress.progress-line-info {
    background: rgba(3, 156, 182, 0.2);
}

.progress.progress-line-success {
    background: rgba(109, 200, 71, 0.2);
}

.progress.progress-line-warning {
    background: rgba(246, 117, 4, 0.2);
}

.progress.progress-line-danger {
    background: rgba(255, 53, 71, 0.2);
}

/*===================================================================================*/

/*	SLIDERS
/*===================================================================================*/

.noUi-target {
    background: #c8c8c8;
    border-radius: 0;
    border: none;
    box-shadow: none;
    height: 4px;
    margin-bottom: 1.2em;
}

.noUi-handle {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    left: -10px;
    top: -6px;
    cursor: pointer;
    border-radius: 100%;
    transition: all 0.2s ease-out;
    border: 1px solid;
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    top: -10px;
}

.noUi-handle:before,
.noUi-handle:after {
    content: none;
}

.noUi-handle.noUi-active {
    transform: scale3d(1.2, 1.2, 1);
}

.slider.slider-info .noUi-connect {
    background-color: #039CB6;
}

.slider.slider-info .noUi-handle {
    border-color: #039CB6;
}

.slider.slider-success .noUi-connect {
    background-color: #6DC847;
}

.slider.slider-success .noUi-handle {
    border-color: #6DC847;
}

.slider.slider-warning .noUi-connect {
    background-color: #F67504;
}

.slider.slider-warning .noUi-handle {
    border-color: #F67504;
}

.slider.slider-danger .noUi-connect {
    background-color: #FF3547;
}

.slider.slider-danger .noUi-handle {
    border-color: #FF3547;
}

/*===================================================================================*/

/*	BADGES
/*===================================================================================*/

.badge {
    border-radius: 12px;
    padding: 5px 12px;
    text-transform: uppercase;
    font-size: 10px;
    color: #fff;
}

.badge.badge-primary {
    background-color: #7255AF;
}

.badge.badge-info {
    background-color: #039CB6;
}

.badge.badge-success {
    background-color: #6DC847;
}

.badge.badge-warning {
    background-color: #F67504;
}

.badge.badge-danger {
    background-color: #FF3547;
}

.badge.badge-rose {
    background-color: #e91e63;
}

.badge.badge-default {
    background-color: #ECF0F1;
    color: #555 !important;
}

/*===================================================================================*/

/*	SOCIAL ICONS
/*===================================================================================*/

.btn-facebook {
    background: #3b5998;
}

.btn-google-plus {
    background: #dd4b39;
}

.btn-twitter {
    background: #00aced;
}

.btn-pinterest {
    background: #CB2027;
}

.btn-behance {
    background: #1769FF;
}

.btn-dribbble {
    background: #EA4C89;
}

/*===================================================================================*/

/*	PAGINATION
/*===================================================================================*/

.pagination>.page-item>.page-link,
.pagination>.page-item>span {
    border: 0;
    border-radius: 30px !important;
    transition: all .3s;
    padding: 0px 11px;
    margin: 0 3px;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    color: #999999;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    background: transparent;
    text-align: center;
}

.pagination>.page-item>.page-link:hover,
.pagination>.page-item>.page-link:focus,
.pagination>.page-item>span:hover,
.pagination>.page-item>span:focus {
    color: #999999;
}

.pagination>.page-item.active>a,
.pagination>.page-item.active>span {
    color: #999999;
}

.pagination>.page-item.active>a,
.pagination>.page-item.active>a:focus,
.pagination>.page-item.active>a:hover,
.pagination>.page-item.active>span,
.pagination>.page-item.active>span:focus,
.pagination>.page-item.active>span:hover,
.pagination .page-item.active .page-link,
.pagination .page-item.active .page-link:hover {
    background-color: #7255AF;
    border-color: #7255AF;
    color: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.pagination.pagination-info>.page-item.active>a,
.pagination.pagination-info>.page-item.active>a:focus,
.pagination.pagination-info>.page-item.active>a:hover,
.pagination.pagination-info>.page-item.active>span,
.pagination.pagination-info>.page-item.active>span:focus,
.pagination.pagination-info>.page-item.active>span:hover {
    background-color: #039CB6;
    border-color: #039CB6;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

}

.pagination.pagination-success>.page-item.active>a,
.pagination.pagination-success>.page-item.active>a:focus,
.pagination.pagination-success>.page-item.active>a:hover,
.pagination.pagination-success>.page-item.active>span,
.pagination.pagination-success>.page-item.active>span:focus,
.pagination.pagination-success>.page-item.active>span:hover {
    background-color: #6DC847;
    border-color: #4caf50;
    box-shadow: 0 4px 5px 0 rgba(76, 175, 80, 0.14), 0 1px 10px 0 rgba(76, 175, 80, 0.12), 0 2px 4px -1px rgba(76, 175, 80, 0.2);
}

.pagination.pagination-warning>.page-item.active>a,
.pagination.pagination-warning>.page-item.active>a:focus,
.pagination.pagination-warning>.page-item.active>a:hover,
.pagination.pagination-warning>.page-item.active>span,
.pagination.pagination-warning>.page-item.active>span:focus,
.pagination.pagination-warning>.page-item.active>span:hover {
    background-color: #F67504;
    border-color: #F67504;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

}

.pagination.pagination-danger>.page-item.active>a,
.pagination.pagination-danger>.page-item.active>a:focus,
.pagination.pagination-danger>.page-item.active>a:hover,
.pagination.pagination-danger>.page-item.active>span,
.pagination.pagination-danger>.page-item.active>span:focus,
.pagination.pagination-danger>.page-item.active>span:hover {
    background-color: #FF3547;
    border-color: #FF3547;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

}

.pagination>.page-item>.previous,
.pagination>.page-item>.next {
    color: #00bcd4;
}

/* PAGER */

ul.pager,
ul.pager2 {
    padding-left: 0;
}

.pager li>a,
.pager li>span {
    border: none;
    border-radius: 0;
    color: #039CB6;
    font-family: "Biryani", sans-serif;
    font-size: 0.7em;
    min-width: 150px
}

.pager .next>a,
.pager .next>span {
    float: right;
}

.pager .previous>a,
.pager .previous>span {
    float: left;
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
    color: #999;
    border: 1px solid #ddd;
}

.pager2 {
    text-align: center
}

.pager2 .previous,
.pager2 .next {
    display: inline-block;
}

/*===================================================================================*/

/*	BREADCRUMBS
/*===================================================================================*/

.bc-icons-2 .breadcrumb-item+.breadcrumb-item::before {
    content: none;
}

.bc-icons-2 .breadcrumb-item.active {
    color: #455a64;
}

/*===================================================================================*/

/*	NOTIFICATIONS
/*===================================================================================*/

.alert {
    border: 0;
    border-radius: 0;
    padding: 20px 15px;
    line-height: 20px;
}

.alert,
.alert.alert-default {
    background-color: #ECF0F1;
    color: #555;
}

.alert a,
.alert .alert-link,
.alert.alert-default a,
.alert.alert-default .alert-link {
    color: #555;
}

.alert.alert-inverse {
    background-color: #292929;
    color: #fff;
}

.alert.alert-inverse a,
.alert.alert-inverse .alert-link {
    color: #fff;
}

.alert.alert-primary {
    background-color: #7255AF;
    color: #ffffff;
}

.alert.alert-primary a,
.alert.alert-primary .alert-link {
    color: #ffffff;
}

.alert.alert-success {
    background-color: #6DC847;
    color: #ffffff;
}

.alert.alert-success a,
.alert.alert-success .alert-link {
    color: #ffffff;
}

.alert.alert-info {
    background-color: #039CB6;
    color: #ffffff;
}

.alert.alert-info a,
.alert.alert-info .alert-link {
    color: #ffffff;
}

.alert.alert-warning {
    background-color: #F67504;
    color: #ffffff;
}

.alert.alert-warning a,
.alert.alert-warning .alert-link {
    color: #ffffff;
}

.alert.alert-danger {
    background-color: #FF3547;
    color: #ffffff;
}

.alert.alert-danger a,
.alert.alert-danger .alert-link {
    color: #ffffff;
}

.alert-info,
.alert-danger,
.alert-warning,
.alert-success {
    color: #ffffff;
}

.alert-default a,
.alert-default .alert-link {
    color: rgba(0, 0, 0, 0.87);
}

.alert .alert-icon {
    display: block;
    float: left;
    margin-right: 1.071rem;
}

.alert .alert-icon i {
    margin-top: -7px;
    top: 5px;
    position: relative;
}

.alert .close {
    color: #fff;
    text-shadow: none;
    opacity: .9;
}

.alert .close i {
    font-size: 20px;
}

.alert .close:hover,
.alert .close:focus {
    opacity: 1;
}

/*===================================================================================*/

/*	CARDS
/*===================================================================================*/

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 0.25rem;
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link+.card-link {
    margin-left: 1.25rem;
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img {
    width: 100%;
    border-radius: calc(0.25rem - 1px);
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card .card-header {
    border-radius: 3px;
    padding: 1rem 15px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
    border: 0;
    background: linear-gradient(60deg, #eee, #bdbdbd);
}

.card .card-header .title {
    color: #fff;
}

.card .card-header:not([class*="header-"]) {
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.card .card-header .nav-tabs {
    padding: 0;
}

.card .card-header.card-header-image {
    position: relative;
    padding: 0;
    z-index: 1;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
    border-radius: 6px;
}

.card .card-header.card-header-image img {
    width: 100%;
    border-radius: 6px;
    pointer-events: none;
    box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.card .card-header.card-header-image .card-title {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
    font-size: 1.125rem;
    text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5);
}

.card .card-header.card-header-image .colored-shadow {
    transform: scale(0.94);
    top: 12px;
    filter: blur(12px);
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -1;
    transition: opacity .45s;
    opacity: 0;
}

.card .card-header.card-header-image.no-shadow {
    box-shadow: none;
}

.card .card-header.card-header-image.no-shadow.shadow-normal {
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.card .card-header.card-header-image.no-shadow .colored-shadow {
    display: none !important;
}

.card .card-header-primary,
.card.bg-primary,
.card.card-rotate.bg-primary .front,
.card.card-rotate.bg-primary .back {
    background: linear-gradient(60deg, #7255AF, #664BA0);
}

.card .card-header-info,
.card.bg-info,
.card.card-rotate.bg-info .front,
.card.card-rotate.bg-info .back {
    background: linear-gradient(60deg, #039CB6, #037188);
}

.card .card-header-success,
.card.bg-success,
.card.card-rotate.bg-success .front,
.card.card-rotate.bg-success .back {
    background: linear-gradient(60deg, #6DC847, #38B267);
}

.card .card-header-warning,
.card.bg-warning,
.card.card-rotate.bg-warning .front,
.card.card-rotate.bg-warning .back {
    background: linear-gradient(60deg, #F67504, #FB3F21);
}

.card .card-header-danger,
.card.bg-danger,
.card.card-rotate.bg-danger .front,
.card.card-rotate.bg-danger .back {
    background: linear-gradient(60deg, #FF3547, #FF0830);
}

.card .card-header-rose,
.card.bg-rose,
.card.card-rotate.bg-rose .front,
.card.card-rotate.bg-rose .back {
    background: linear-gradient(60deg, #ec407a, #c2185b);
}

.card .card-header-primary {
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(114, 85, 175, 0.6);
}

.card .card-header-danger {
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(255, 53, 71, 0.6);
}

.card .card-header-rose {
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6);
}

.card .card-header-warning {
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(246, 117, 4, 0.6);
}

.card .card-header-info {
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(3, 156, 182, 0.6);
}

.card .card-header-success {
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(109, 200, 71, 0.6);
}

.card [class*="header-"],
.card[class*="bg-"] {
    color: #fff;
}

.card [class*="header-"] .card-title a,
.card [class*="header-"] .card-title,
.card [class*="header-"] .icon i,
.card[class*="bg-"] .card-title a,
.card[class*="bg-"] .card-title,
.card[class*="bg-"] .icon i {
    color: #fff;
}

.card [class*="header-"] .icon i,
.card[class*="bg-"] .icon i {
    border-color: rgba(255, 255, 255, 0.25);
}

.card [class*="header-"] .author a,
.card [class*="header-"] .stats,
.card [class*="header-"] .card-category,
.card [class*="header-"] .card-description,
.card[class*="bg-"] .author a,
.card[class*="bg-"] .stats,
.card[class*="bg-"] .card-category,
.card[class*="bg-"] .card-description {
    color: rgba(255, 255, 255, 0.8);
}

.card [class*="header-"] .author a:hover,
.card [class*="header-"] .author a:focus,
.card [class*="header-"] .author a:active,
.card[class*="bg-"] .author a:hover,
.card[class*="bg-"] .author a:focus,
.card[class*="bg-"] .author a:active {
    color: #fff;
}

.card .author .avatar {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px;
}

.card .author a {
    color: #3C4858;
    text-decoration: none;
}

.card .author a .ripple-container {
    display: none;
}

.card .card-category-social .fa {
    font-size: 24px;
    position: relative;
    margin-top: -4px;
    top: 2px;
    margin-right: 5px;
}

.card .card-category-social .material-icons {
    position: relative;
    top: 5px;
}

.card[class*="bg-"],
.card[class*="bg-"] .card-body {
    border-radius: 6px;
}

.card[class*="bg-"] h1 small,
.card[class*="bg-"] h2 small,
.card[class*="bg-"] h3 small,
.card[class*="bg-"] .card-body h1 small,
.card[class*="bg-"] .card-body h2 small,
.card[class*="bg-"] .card-body h3 small {
    color: rgba(255, 255, 255, 0.8);
}

.card .card-stats {
    background: transparent;
    display: flex;
}

.card .card-stats .author,
.card .card-stats .stats {
    display: inline-flex;
}

.card-plain {
    background: transparent;
    box-shadow: none;
}

.card-plain .card-header:not(.card-avatar) {
    margin-left: 0;
    margin-right: 0;
}

.card-plain .card-body {
    padding-left: 5px;
    padding-right: 5px;
}

.card-plain .card-header-image {
    margin: 0 !important;
    border-radius: 6px;
}

.card-plain .card-header-image img {
    border-radius: 6px;
}

.card-plain .card-footer {
    padding-left: 5px;
    padding-right: 5px;
    background-color: transparent;
}

.card {
    border: 0;
    margin-bottom: 30px;
    margin-top: 30px;
    border-radius: 6px;
    color: rgba(0, 0, 0, 0.87);
    background: #fff;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.card .card-category:not([class*="text-"]) {
    color: #999999;
}

.card .card-category {
    margin-top: 10px;
}

.card .card-category .material-icons {
    position: relative;
    top: 8px;
    line-height: 0;
}

.card .form-check {
    margin-top: 15px;
}

.card .card-title {
    margin-top: 0.625rem;
}

.card .card-title:last-child {
    margin-bottom: 0;
}

.card.no-shadow .card-header-image,
.card.no-shadow .card-header-image img {
    box-shadow: none !important;
}

.card .card-body,
.card .card-footer {
    padding: 0.9375rem 1.875rem;
}

.card .card-body+.card-footer {
    padding-top: 0rem;
    border: 0;
    border-radius: 6px;
}

.card .card-footer {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: 0;
}

.card .card-footer .author,
.card .card-footer .stats {
    display: inline-flex;
}

.card .card-footer .stats {
    color: #999999;
}

.card .card-footer .stats .material-icons {
    position: relative;
    top: 3px;
    margin-right: 3px;
    margin-left: 3px;
    font-size: 18px;
}

.card.bmd-card-raised {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.card2 .nav-item {
    width: 100%;
}

/*===================================================================================*/

/*	NAV TABS
/*===================================================================================*/

.nav-tabs {
    border: 0;
    border-radius: 3px;
    padding: 0 15px;
}

.nav-tabs .nav-item .nav-link {
    color: #fff;
    border: 0;
    margin: 0;
    border-radius: 3px;
    line-height: 24px;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 15px;
    background-color: transparent;
    transition: 0.3s background-color 0s;
}

.nav-tabs .nav-item .nav-link:hover {
    border: 0;
}

.nav-tabs .nav-item .nav-link,
.nav-tabs .nav-item .nav-link:hover,
.nav-tabs .nav-item .nav-link:focus {
    border: 0 !important;
    color: #fff !important;
    font-weight: 500;
}

.nav-tabs .nav-item.disabled .nav-link,
.nav-tabs .nav-item.disabled .nav-link:hover {
    color: rgba(255, 255, 255, 0.5);
}

.nav-tabs .nav-item .material-icons {
    margin: -1px 5px 0 0;
    vertical-align: middle;
}

.nav-tabs .nav-item .nav-link.active {
    background-color: rgba(255, 255, 255, 0.2);
    transition: 0.3s background-color 0.2s;
}

.nav-tabs .nav-link {
    border-bottom: 0.214rem solid transparent;
}

.nav-tabs .nav-link {
    color: #555;
}

.nav-tabs .nav-link.active {
    color: rgba(0, 0, 0, 0.87);
    border-color: #9c27b0;
}

.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
    border-color: #9c27b0;
}

.nav-tabs .nav-link.disabled {
    color: #999;
}

.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link.disabled:focus,
.nav-tabs .nav-link.disabled:hover {
    color: #999;
}

.nav-tabs.header-primary .nav-link {
    color: white;
}

.nav-tabs.header-primary .nav-link.active {
    color: #fff;
    border-color: #fff;
}

.nav-tabs.header-primary .nav-link.active:focus,
.nav-tabs.header-primary .nav-link.active:hover {
    border-color: #fff;
}

.nav-tabs.header-primary .nav-link.disabled {
    color: rgba(255, 255, 255, 0.84);
}

.nav-tabs.header-primary .nav-link.disabled,
.nav-tabs.header-primary .nav-link.disabled:focus,
.nav-tabs.header-primary .nav-link.disabled:hover {
    color: rgba(255, 255, 255, 0.84);
}

.nav-tabs.bg-inverse .nav-link {
    color: white;
}

.nav-tabs.bg-inverse .nav-link.active {
    color: #fff;
    border-color: #fff;
}

.nav-tabs.bg-inverse .nav-link.active:focus,
.nav-tabs.bg-inverse .nav-link.active:hover {
    border-color: #fff;
}

.nav-tabs.bg-inverse .nav-link.disabled {
    color: rgba(255, 255, 255, 0.84);
}

.nav-tabs.bg-inverse .nav-link.disabled,
.nav-tabs.bg-inverse .nav-link.disabled:focus,
.nav-tabs.bg-inverse .nav-link.disabled:hover {
    color: rgba(255, 255, 255, 0.84);
}

.card-nav-tabs {
    margin-top: 45px;
}

.card-nav-tabs .card-header {
    margin-top: -30px !important;
}

/*	ACCORDION / TOGGLE */

/*
.panel-group {
    margin-bottom: 0;
}

.panel-group+.panel-group {
    margin-top: 20px;
}

.panel-group .panel {
    background: #fff;
    border: 1px solid #E6E9ED;
    border-bottom-width: 2px;
    border-radius: 3px;
    box-shadow: none;
}

.panel-group .panel+.panel {
    margin-top: 10px;
}

.panel-group .panel-heading+.panel-collapse .panel-body {
    border-top-color: #E6E9ED;
}

.panel-body {
    padding: 25px;
}

.panel-heading {
    background-color: inherit !important;
    color: inherit !important;
    padding: 0;
    border-color: inherit !important;
}

.panel-title {
    font-family: "Biryani", sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.panel-title>a {
    display: block;
    padding: 15px 25px 15px;
    text-decoration: none;
    color: #fff;
}

.panel-title>a.collapsed {
    background: #f5f5f5;
}

.panel-title>a.collapsed,
.panel-title>a.collapsed span {
    color: #16A085;
}

.panel-title>a,
.panel-title>a:hover {
    background: #16A085;
    color: #fff;
}

.panel-title>a span {
    display: block;
    position: relative;
    top: 0;
    color: #fff;
    padding-right: 25px;
}

.text-right .panel-title>a span {
    padding-left: 25px;
    padding-right: 0;
}

.text-center .panel-title>a span {
    padding-left: 0;
    padding-right: 0;
}

.panel-title>a:hover span {
    color: inherit;
}

.text-center .panel-title>a:hover span {
    top: .5em;
    color: transparent;
}

.panel-title>a span:after {
    font-family: "fontawesome";
    content: "\f077";
    position: absolute;
    top: 0;
    right: 0;
}

.text-right .panel-title>a span:after {
    left: 0;
    right: auto;
}

.text-center .panel-title>a span:after {
    top: -.75em;
    left: 0;
    opacity: 0;
}

.panel-title>a.collapsed span:after {
    content: "\f078";
}
*/

/*===================================================================================*/

/*	MODAL
/*===================================================================================*/

/*===================================================================================*/

/*	DATE TIME PICKER
/*===================================================================================*/

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 19em;
}

.bootstrap-datetimepicker-widget table td {
    border-top: none;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #4586EC;
    color: #fff;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
    border-radius: 50%;
}

.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: transparent;
}

.bootstrap-datetimepicker-widget .btn {
    background-color: #7255AF !important;
    color: #fff !important;
    border-radius: 50%;
    height: 3rem;
    width: 3rem;
}

.bootstrap-datetimepicker-widget .btn:hover {
    background-color: #664ba0;
}

.bootstrap-datetimepicker-widget .btn>span:hover {
    background: transparent;
}

.bootstrap-datetimepicker-widget .btn:focus,
.bootstrap-datetimepicker-widget .btn.focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.bootstrap-datetimepicker-widget .btn:focus,
.bootstrap-datetimepicker-widget .btn:active,
.bootstrap-datetimepicker-widget .btn.active {
    background-color: #0b51c5;
}

.timepicker .btn span {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    margin: -6px;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    color: #4586EC;
    font-size: 1.3em;
}

/*===================================================================================*/

/*	POPOVER
/*===================================================================================*/

.popover-body {
    font-family: 'Biryani', sans-serif;
}

/* CONTENT BLOCK HOLDERS */

.content-block {
    width: 100%;
    padding: 60px 0 60px 0;
    z-index: 100;
    position: relative;
    background-color: #ffffff;
}

.content-block-nopad {
    width: 100%;
    z-index: 100;
    position: relative;
    background-color: #ffffff;
}

/*!
 * Waves v0.7.6
 * http://fian.my.id/Waves
 *
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE */

.waves-effect {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.waves-effect .waves-ripple {
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: scale(0) translate(0, 0);
    -ms-transform: scale(0) translate(0, 0);
    transform: scale(0) translate(0, 0);
    pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
    background: rgba(255, 255, 255, 0.4);
    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.waves-effect.waves-classic .waves-ripple {
    background: rgba(0, 0, 0, 0.2);
}

.waves-effect.waves-classic.waves-light .waves-ripple {
    background: rgba(255, 255, 255, 0.4);
}

.waves-notransition {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.waves-button,
.waves-circle {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    outline: none;
    color: inherit;
    background-color: rgba(0, 0, 0, 0);
    font-size: 1em;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    z-index: 1;
}

.waves-button {
    padding: 0.85em 1.1em;
    -webkit-border-radius: 0.2em;
    border-radius: 0.2em;
}

.waves-button-input {
    margin: 0;
    padding: 0.85em 1.1em;
}

.waves-input-wrapper {
    -webkit-border-radius: 0.2em;
    border-radius: 0.2em;
    vertical-align: bottom;
}

.waves-input-wrapper.waves-button {
    padding: 0;
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.waves-float {
    -webkit-mask-image: none;
    -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.waves-float:active {
    -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}

.waves-block {
    display: block;
}

a.waves-effect,
a.waves-light {
    display: inline-block;
}

/*	PATTERN LIBRARY MEDIA QUERIES
/*----------------------------------------------------*/

/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {}

/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {}

/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {}