.btn{
    color: #FFFFFF;
    font-size: 18px;
    text-decoration: none;

    display: inline-block;
    border-radius: 5px;
    border: none;
    
    background-position: 95% center;
    background-repeat: no-repeat;

    padding: 13px 15px;
    transition: 0.2s linear;

    white-space: normal;
}

.btn:active, .btn:hover{    
    box-shadow: none;
    transition: 0.2s linear;
}

.btn.btn-primary{    
    background-color: #00B3D9;
    color: #FFFFFF;
}

.btn.btn-primary:hover, .btn.btn-primary:active{    
    background-color: #2C3B45;
}

.dark-bg .btn.btn-primary:hover, .dark-bg .btn.btn-primary:active,
.dark-bg-secondary .btn.btn-primary:hover, .dark-bg-secondary .btn.btn-primary:active{    
    background-color: #00C7F4;
}

.btn.btn-secondary{
    background-color: #41BA84;
    color: #FFFFFF;
}

.btn.btn-secondary:hover, .btn.btn-secondary:active{    
    background-color: #45CA8F;
}

.dark-bg .btn.btn-secondary:hover, .dark-bg .btn.btn-secondary:active{    
    background-color: #4AC185;
}

.btn.btn-secondary:hover{
    color: #FFFFFF;
}

.btn.btn-ghost{    
    background-color: transparent;
    color: #00B3D9;
    border: 1px solid #00B3D9;
    padding: 12px 15px 13px;
}

.btn.btn-ghost:hover, .btn.btn-ghost:active{    
    border: 1px solid #2C3B45;
    color: #2C3B45;
}

.btn-full-width{
    width: 100%;
    text-align: left;
}

.btn.btn-primary.btn-full-width span{
    float: right;
}

.btn.btn-primary.dark{   
    background-color: #2C3B45;
}

.btn.btn-disabled{   
    background-color: #D0D0D0 !important;    
    cursor: default;
}

.btn-primary.btn-disabled{
    color: #FFFFFF;
}

.btn-primary.btn-disabled:hover{
    color: #FFFFFF;
}

.btn.btn-disabled-blue{   
    background-color: #00B3D9 !important; 
}

/* BUTTON THAT LOOKS LIKE A LINK */
.btn-link {
    background-color: inherit;
    color: #00B3D9;
}

    .btn-link:hover {
        color: #00B3D9;
    }

/* BUTTON WITH ICON */
.si-icons span {
    display: inline-block;
    width: 64px;
    height: 64px;
    margin: 40px 30px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
}

.si-icons-hover span {
    width: 128px;
    height: 128px;
    margin: 50px 40px;
}

.icon{
    position: relative;    
    display: inline-block;
    margin-left: 15px;
    top: 3px;
    height: 17px;
    width: 9px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}

input.icon-arrowright[type=submit]{
    background-position-x: 85%;
    padding-right: 35px;
}

.icon-bottom{
    background-image: url('../images/svg/bottomArrow_blue.svg');
    position: relative;    
    display: inline-block;
    margin-left: 10px;
    top: -2px;
    height: 14px;
    width: 20px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}

.btn-primary.loading:hover, .btn-primary.loading:active, .btn-primary.loading:visited{
    color:#FFF;
    cursor:default;
    background-color:#00b3d9;
}