/* -------   RED   ------------------------------------------ */
.uk-button-red{background-color:#E57373;color:#fff;border:1px solid transparent}
.uk-button-red:hover{background-color:#de4e4e;color:#fff}
.uk-button-red.uk-active,.uk-button-red:active{background-color:#db3d3d;color:#fff}

.uk-btn-red{background-color:transparent;color:#E57373;border:1px solid #f1b5b5}
.uk-btn-red:hover{background-color:transparent;color:#E57373;border-color:#E57373}
.uk-btn-red.uk-active,.uk-btn-red:active{background-color:transparent;color:#333;border-color:#db3d3d}
/* -------   ORANGE   ------------------------------------------ */
.uk-button-orange{background-color:#ff8a65;color:#fff;border:1px solid transparent;}
.uk-button-orange:hover{background-color:#ff6433;color:#fff;}
.uk-button-orange.uk-active,.uk-button-orange:active{background-color:#ff6433;color:#fff;}

.uk-btn-orange{background-color:transparent;color:#ff8a65;border:1px solid #fed0c1;}
.uk-btn-orange:hover{background-color:transparent;color:#ff8a65;border-color:#ff8a65;}
.uk-btn-orange.uk-active,.uk-btn-orange:active{background-color:transparent;color:#333;border-color:#ff6433;}
/* -------   BLUE   ------------------------------------------ */
.uk-button-blue{background-color:#64B5F6;color:#fff;border:1px solid transparent;}
.uk-button-blue:hover{background-color:#2a99f2;color:#fff;}
.uk-button-blue.uk-active,.uk-button-blue:active{background-color:#64B5F6;color:#fff;}

.uk-btn-blue{background-color:transparent;color:#64B5F6;border:1px solid #bbdefb;}
.uk-btn-blue:hover{background-color:transparent;color:#64B5F6;border-color:#64B5F6;}
.uk-btn-blue.uk-active,.uk-btn-blue:active{background-color:transparent;color:#333;border-color:#64B5F6;}
/* -------   TEAL   ------------------------------------------ */
.uk-button-teal{background-color:#4db6ac;color:#fff;border:1px solid transparent;}
.uk-button-teal:hover{background-color:#398d85;color:#fff;}
.uk-button-teal.uk-active,.uk-button-teal:active{background-color:#4db6ac;color:#fff;}

.uk-btn-teal{background-color:transparent;color:#4db6ac;border:1px solid #a4d9d4;}
.uk-btn-teal:hover{background-color:transparent;color:#4db6ac;border-color:#4db6ac;}
.uk-btn-teal.uk-active,.uk-btn-teal:active{background-color:transparent;color:#333;border-color:#4db6ac;}
/* -------   PINK   ------------------------------------------ */
.uk-button-pink{background-color:#f06292;color:#fff;border:1px solid transparent;}
.uk-button-pink:hover{background-color:#ea286a;color:#fff;}
.uk-button-pink.uk-active,.uk-button-pink:active{background-color:#f06292;color:#fff;}

.uk-btn-pink{background-color:transparent;color:#f06292;border:1px solid #fad0de;}
.uk-btn-pink:hover{background-color:transparent;color:#f06292;border-color:#f06292;}
.uk-btn-pink.uk-active,.uk-btn-pink:active{background-color:transparent;color:#333;border-color:#f06292;}
/* -------  LIGHT GREEN   ------------------------------------------ */
.uk-button-light-green{background-color:#8BC34A;color:#fff;border:1px solid transparent;}
.uk-button-light-green:hover{background-color:#6c9d34;color:#fff;}
.uk-button-light-green.uk-active,.uk-button-light-green:active{background-color:#8BC34A;color:#fff;}

.uk-btn-light-green{background-color:transparent;color:#8BC34A;border:1px solid #c6e1a6;}
.uk-btn-light-green:hover{background-color:transparent;color:#8BC34A;border-color:#8BC34A;}
.uk-btn-light-green.uk-active,.uk-btn-light-green:active{background-color:transparent;color:#333;border-color:#8BC34A;}
/* -------   VIOLET   ------------------------------------------ */
.uk-button-violet{background-color:#BA68C8;color:#fff;border:1px solid transparent;}
.uk-button-violet:hover{background-color:#a241b3;color:#fff;}
.uk-button-violet.uk-active,.uk-button-violet:active{background-color:#BA68C8;color:#fff;}

.uk-btn-violet{background-color:transparent;color:#BA68C8;border:1px solid #e3c3e9;}
.uk-btn-violet:hover{background-color:transparent;color:#BA68C8;border-color:#BA68C8;}
.uk-btn-violet.uk-active,.uk-btn-violet:active{background-color:transparent;color:#333;border-color:#BA68C8;}
/* -------   GREEN   ------------------------------------------ */
.uk-button-green{background-color:#81C784;color:#fff;border:1px solid transparent;}
.uk-button-green:hover{background-color:#4ba94f;color:#fff;}
.uk-button-green.uk-active,.uk-button-green:active{background-color:#81C784;color:#fff;}

.uk-btn-green{background-color:transparent;color:#81C784;border:1px solid #c6e5c7;}
.uk-btn-green:hover{background-color:transparent;color:#81C784;border-color:#81C784;}
.uk-btn-green.uk-active,.uk-btn-green:active{background-color:transparent;color:#333;border-color:#81C784;}
/* -------   PURPLE   ------------------------------------------ */
.uk-button-purple{background-color:#9575CD;color:#fff;border:1px solid transparent;}
.uk-button-purple:hover{background-color:#7247bc;color:#fff;}
.uk-button-purple.uk-active,.uk-button-purple:active{background-color:#9575CD;color:#fff;}

.uk-btn-purple{background-color:transparent;color:#9575CD;border:1px solid #d9ceed;}
.uk-btn-purple:hover{background-color:transparent;color:#9575CD;border-color:#9575CD;}
.uk-btn-purple.uk-active,.uk-btn-purple:active{background-color:transparent;color:#333;border-color:#9575CD;}
/* -------   AMBER   ------------------------------------------ */
.uk-button-amber{background-color:#ffc107;color:#fff;border:1px solid transparent;}
.uk-button-amber:hover{background-color:#e5ac00;color:#fff;}
.uk-button-amber.uk-active,.uk-button-amber:active{background-color:#ffc107;color:#fff;}

.uk-btn-amber{background-color:transparent;color:#ffc107;border:1px solid #ffe9a8;}
.uk-btn-amber:hover{background-color:transparent;color:#ffc107;border-color:#ffc107;}
.uk-btn-amber.uk-active,.uk-btn-amber:active{background-color:transparent;color:#333;border-color:#ffc107;}
/* -------   INDIGO   ------------------------------------------ */
.uk-button-indigo{background-color:#7986cb;color:#fff;border:1px solid transparent;}
.uk-button-indigo:hover{background-color:#5566bd;color:#fff;}
.uk-button-indigo.uk-active,.uk-button-indigo:active{background-color:#7986cb;color:#fff;}

.uk-btn-indigo{background-color:transparent;color:#7986cb;border:1px solid #d2d7ed;}
.uk-btn-indigo:hover{background-color:transparent;color:#7986cb;border-color:#7986cb;}
.uk-btn-indigo.uk-active,.uk-btn-indigo:active{background-color:transparent;color:#333;border-color:#7986cb;}
/* -------   GREY    ------------------------------------------ */
.uk-button-blue-grey{background-color:#ecbf5c;color:#fff;border:1px solid transparent;}
.uk-button-blue-grey:hover{background-color:#e0af4b;color:#fff;}
.uk-button-blue-grey.uk-active,.uk-button-blue-grey:active{background-color:#90a4ae;color:#fff;}

.uk-btn-blue-grey{background-color:transparent;color:#ecbf5c;border:1px solid #ecbf5c;}
.uk-btn-blue-grey:hover{background-color:transparent;color:#e0af4b;border-color:#e0af4b;}
.uk-btn-blue-grey.uk-active,.uk-btn-blue-grey:active{background-color:transparent;color:#333;border-color:#90a4ae;}
/* -------   BROWN   ------------------------------------------ */
.uk-button-brown{background-color:#a1887f;color:#fff;border:1px solid transparent;}
.uk-button-brown:hover{background-color:#876c63;color:#fff;}
.uk-button-brown.uk-active,.uk-button-brown:active{background-color:#a1887f;color:#fff;}

.uk-btn-brown{background-color:transparent;color:#a1887f;border:1px solid #d3c8c4;}
.uk-btn-brown:hover{background-color:transparent;color:#a1887f;border-color:#a1887f;}
.uk-btn-brown.uk-active,.uk-btn-brown:active{background-color:transparent;color:#333;border-color:#a1887f;}
/* -------   CYAN   ------------------------------------------ */
.uk-button-cyan{background-color:#26C6DA;color:#fff;border:1px solid transparent;}
.uk-button-cyan:hover{background-color:#1fa6b6;color:#fff;}
.uk-button-cyan.uk-active,.uk-button-cyan:active{background-color:#26C6DA;color:#fff;}

.uk-btn-cyan {background-color:transparent;color:#26C6DA;border:1px solid #9fe5ee;}
.uk-btn-cyan:hover {background-color:transparent;color:#26C6DA;border-color:#26C6DA;}
.uk-btn-cyan.uk-active,.uk-btn-cyan:active {background-color:transparent;color:#333;border-color:#26C6DA;}
/* -------   BLACK   ------------------------------------------ */
.uk-button-black{background-color:#616161;color:#fff;border:1px solid transparent;}
.uk-button-black:hover{background-color:#474747;color:#fff;}
.uk-button-black.uk-active,.uk-button-black:active{background-color:#616161;color:#fff;}

.uk-btn-black{background-color:transparent;border:1px solid #a8a8a8;}
.uk-btn-black:hover{background-color:transparent;color:#616161;border-color:#616161;}
.uk-btn-black.uk-active,.uk-btn-black:active{background-color:transparent;color:#333;border-color:#616161;}
/* -------   MDC Color Hover Standard   ------------------------------------------ */
.mdc-h {box-shadow:-5px -5px 15px rgba(255,255,255,.9),4px 4px 12px rgba(57,65,124,.2)}
.mdc-h:hover {box-shadow:-2px -2px 5px rgba(255,255,255,.9),2px 2px 4px rgba(57,65,124,.2)}
.mdc-hi {box-shadow:-2px -2px 5px rgba(255,255,255,.9),2px 2px 4px rgba(57,65,124,.2)}
.mdc-hi:hover {box-shadow:-5px -5px 15px rgba(255,255,255,.9),4px 4px 12px rgba(57,65,124,.2)}
.mdb-h {box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}
.mdb-h:hover {-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)}
.mdb-hi {-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)}
.mdb-hi:hover {box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}

.mdc-i-sm {
    width:48px;
    height:48px;}
.mdc-i-md {
    width:56px;
    height:56px;}
.mdc-i-lg {
    width:64px;
    height:64px;}
.br500 {border-radius: 500px;}
.lift{-webkit-transition:-webkit-box-shadow .25s ease,-webkit-transform .25s ease;transition:-webkit-box-shadow .25s ease,-webkit-transform .25s ease;-o-transition:box-shadow .25s ease,transform .25s ease;transition:box-shadow .25s ease,transform .25s ease;transition:box-shadow .25s ease,transform .25s ease,-webkit-box-shadow .25s ease,-webkit-transform .25s ease}
.lift:focus,.lift:hover{-webkit-box-shadow:0 1rem 2.5rem rgba(27,22,66,.1),0 .5rem 1rem -.75rem rgba(27,22,66,.1)!important;box-shadow:0 1rem 2.5rem rgba(27,22,66,.1),0 .5rem 1rem -.75rem rgba(27,22,66,.1)!important;-webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0)}
.lift-lg:focus,.lift-lg:hover{-webkit-box-shadow:0 1rem 5rem rgba(27,22,66,.1),0 2rem 3rem -1rem rgba(27,22,66,.05)!important;box-shadow:0 1rem 5rem rgba(27,22,66,.1),0 2rem 3rem -1rem rgba(27,22,66,.05)!important;-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}