/* Add here all your css styles (customizations) */

a.navbar-brand {
    /*font-family: 'Lobster';
    font-size: 34px;
    color: #ff5252 !important;*/
    /*padding-top: 0;
    padding-bottom: 0;*/
    padding-top: .3125rem;
    padding-bottom: .3125rem;
}


.nav-button-logout {
    background: none;
    border: none;
    color: #777;
    text-decoration: none !important;
    cursor: pointer;
    padding: 0.42857rem 1.78571rem;
    /*font-size: 1em;*/
    /*font-family: serif;*/
}

    .nav-button-logout:focus {
        outline: none;
    }

    .nav-button-logout:hover {
        color: #72c02c;
    }

    .nav-button-logout:active {
        color: #72c02c;
    }


.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0,0,0,0.2)
}

    .btn-facebook:focus, .btn-facebook.focus {
        color: #fff;
        background-color: #2d4373;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-facebook:hover {
        color: #fff;
        background-color: #2d4373;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
        color: #fff;
        background-color: #2d4373;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-facebook:active:hover, .btn-facebook.active:hover, .open > .dropdown-toggle.btn-facebook:hover, .btn-facebook:active:focus, .btn-facebook.active:focus, .open > .dropdown-toggle.btn-facebook:focus, .btn-facebook:active.focus, .btn-facebook.active.focus, .open > .dropdown-toggle.btn-facebook.focus {
            color: #fff;
            background-color: #23345a;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
        background-image: none
    }


.btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0,0,0,0.2)
}

    .btn-google:focus, .btn-google.focus {
        color: #fff;
        background-color: #c23321;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-google:hover {
        color: #fff;
        background-color: #c23321;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google {
        color: #fff;
        background-color: #c23321;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-google:active:hover, .btn-google.active:hover, .open > .dropdown-toggle.btn-google:hover, .btn-google:active:focus, .btn-google.active:focus, .open > .dropdown-toggle.btn-google:focus, .btn-google:active.focus, .btn-google.active.focus, .open > .dropdown-toggle.btn-google.focus {
            color: #fff;
            background-color: #a32b1c;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google {
        background-image: none
    }



/*.btn-facebook {
    color: #fff !important;
    font-size: 1.07143rem;
}

.btn-google {
    color: #fff !important;
    font-size: 1.07143rem;
}*/


/* Pulse button */

/*.pulse-primary {
    color: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 0px 20px 5px rgba(192,192,192, .9);
    animation: pulse-primary 2s infinite;
}

    .pulse-primary:hover {
        color: rgba(255, 255, 255, 1) !important;
    }

@-webkit-keyframes pulse-primary {
    0% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(192,192,192, .9);
        color: rgba(255, 255, 255, 1);
    }

    70% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(192,192,192, 0);
    }

    100% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(192,192,192, .9);
        color: rgba(255, 255, 255, 1);
    }
}

@keyframes pulse-primary {
    0% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(192,192,192, .9);
        box-shadow: 0px 0px 20px 5px rgba(192,192,192, .9);
        color: rgba(255, 255, 255, 1);
    }

    70% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(192,192,192, 0);
        box-shadow: 0px 0px 20px 5px rgba(192,192,192, 0);
    }

    100% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(192,192,192, .9);
        box-shadow: 0px 0px 20px 5px rgba(192,192,192, .9);
        color: rgba(255, 255, 255, 1);
    }
}
*/


.pulse-button {
    box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
    cursor: pointer;
    -webkit-animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
}

    .pulse-button:hover {
        -webkit-animation: none;
        -moz-animation: none;
        -ms-animation: none;
        animation: none;
    }

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);
    }
}



/* Mediaboxes */

.media-box-footer {
    background: #e4e4e4;
    padding: 10px;
}

.media-box-text {
    color: rgb(119, 119, 119);
    font-size: 14px;
    line-height: 20px;
    margin: 13px 0px 13px 0 !important;
}

.media-box-text2 {
    font-size: 12px;
    margin: 1px 0 0px 0 !important;
}






hr {
    margin-top: 30px;
    border: 0;
    height: 2px;
    /*background-image: linear-gradient(to left, #f0f0f0, #8c8c8c, #f0f0f0);*/
    background-image: linear-gradient(to left, #efefef, #cccccc, #efefef);
}

.btn-wizard-width {
    width: 120px;
}

.btn-wizard-width2 {
    width: 240px;
}


.k-input.k-placeholder,
.k-input:-ms-input-placeholder {
    color: red;
    opacity: .7;
}

/*::placeholder {*/ /* Chrome, Firefox, Opera, Safari 10.1+ */
/*color: red;
    opacity: 1;*/ /* Firefox */
/*}

:-ms-input-placeholder {*/ /* Internet Explorer 10-11 */
/*color: #ddd;
}

::-ms-input-placeholder {*/ /* Microsoft Edge */
/*color: #ddd;
}*/



.k-stepper .k-step-current .k-step-indicator {
    border-color: #17a2b8;
    color: #fff;
    background-color: #17a2b8;
}

.k-stepper {
    padding-bottom: 35px;
}

.hide-on-load {
    /*visibility: hidden;*/
    opacity: 0;
}

.k-upload .k-upload-files .k-file-information, .k-upload .k-upload-files .k-file-size, .k-upload .k-upload-files .k-file-validation-message {
    /*font-size: 11px;
    line-height: 1.2;*/
    padding-bottom: 2px;
}



/*label:not(.checkbox, .radio):after {
    content: ":";
}*/

label:not(.form-check-inline):after {
    content: ":";
}


&:-webkit-autofill::first-line,
&:-webkit-autofill,
&:-webkit-autofill:hover,
&:-webkit-autofill:focus,
&:-webkit-autofill:active {
    font-family: Times, "Times New Roman", serif !important;
}