﻿
/*****************************************/
/************** Progress Bar ************/
.progress {
    box-shadow: none;
}

.progress-bar {
    box-shadow: none;
}

    .progress-bar:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.progress-bar-success {
    background-color: #5cb85c !important;
}

.progress-bar-warning {
    background-color: #f0ad4e !important;
}

.progress-bar-info {
    background-color: #5bc0de !important;
}

.progress-bar-danger {
    background-color: #d9534f !important;
}

.progress-bar-red {
    background-color: #b8312f !important;
}

.progress-bar-orange {
    background-color: #bd432a !important;
}

.progress-bar-green {
    background-color: #b0b800 !important;
}

.progress-bar-yellow {
    background-color: #f1c40f !important;
}

.progress-bar-blue {
    background-color: #2598b0 !important;
}

.progress-bar-violet {
    background-color: #947dcb !important;
}

.progress-bar-pink {
    background-color: #df4782 !important;
}

.progress-bar-grey {
    background-color: #333333 !important;
}

.progress-bar-dark {
    background-color: #141d25 !important;
}

.progress-bar-white {
    background-color: #ffffff !important;
}

.progress {
    position: relative;
}

    .progress.progress-xs {
        height: 5px;
        margin-top: 5px;
    }

    .progress.progress-sm {
        height: 11px;
        margin-top: 5px;
    }

    .progress.progress-lg {
        height: 25px;
    }

    .progress .progress-completed {
        position: absolute;
        left: 0;
        font-weight: 800;
        padding: 0px 30px 2px 10px;
        color: #ffffff;
    }

.progress-bar {
    background-color: #df4782;
    background-image: -webkit-linear-gradient(top, #ec4a8c 0, #972e59 100%);
    background-image: linear-gradient(to bottom, #ec4a8c 0, #972e59 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
}

.progress-striped .progress-bar {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/************** Progress Bar *************/
/****************************************/

/************************/
/******* Buttons *******/
.btn-red {
    color: #ffffff;
    background-color: #b8312f;
    border-color: #a42c2a;
}

    .btn-red:hover,
    .btn-red:focus,
    .btn-red:active,
    .btn-red.active,
    .open .dropdown-toggle.btn-red {
        color: #ffffff;
        background-color: #982827;
        border-color: #731f1d;
    }

    .btn-red:active,
    .btn-red.active,
    .open .dropdown-toggle.btn-red {
        background-image: none;
    }

    .btn-red.disabled,
    .btn-red[disabled],
    fieldset[disabled] .btn-red,
    .btn-red.disabled:hover,
    .btn-red[disabled]:hover,
    fieldset[disabled] .btn-red:hover,
    .btn-red.disabled:focus,
    .btn-red[disabled]:focus,
    fieldset[disabled] .btn-red:focus,
    .btn-red.disabled:active,
    .btn-red[disabled]:active,
    fieldset[disabled] .btn-red:active,
    .btn-red.disabled.active,
    .btn-red[disabled].active,
    fieldset[disabled] .btn-red.active {
        background-color: #b8312f;
        border-color: #a42c2a;
    }

.btn-orange {
    color: #ffffff;
    background-color: #bd432a;
    border-color: #a83c25;
}

    .btn-orange:hover,
    .btn-orange:focus,
    .btn-orange:active,
    .btn-orange.active,
    .open .dropdown-toggle.btn-orange {
        color: #ffffff;
        background-color: #9c3723;
        border-color: #762a1a;
    }

    .btn-orange:active,
    .btn-orange.active,
    .open .dropdown-toggle.btn-orange {
        background-image: none;
    }

    .btn-orange.disabled,
    .btn-orange[disabled],
    fieldset[disabled] .btn-orange,
    .btn-orange.disabled:hover,
    .btn-orange[disabled]:hover,
    fieldset[disabled] .btn-orange:hover,
    .btn-orange.disabled:focus,
    .btn-orange[disabled]:focus,
    fieldset[disabled] .btn-orange:focus,
    .btn-orange.disabled:active,
    .btn-orange[disabled]:active,
    fieldset[disabled] .btn-orange:active,
    .btn-orange.disabled.active,
    .btn-orange[disabled].active,
    fieldset[disabled] .btn-orange.active {
        background-color: #bd432a;
        border-color: #a83c25;
    }

.btn-green {
    color: #ffffff;
    background-color: #b0b800;
    border-color: #989f00;
}

    .btn-green:hover,
    .btn-green:focus,
    .btn-green:active,
    .btn-green.active,
    .open .dropdown-toggle.btn-green {
        color: #ffffff;
        background-color: #898f00;
        border-color: #5d6100;
    }

    .btn-green:active,
    .btn-green.active,
    .open .dropdown-toggle.btn-green {
        background-image: none;
    }

    .btn-green.disabled,
    .btn-green[disabled],
    fieldset[disabled] .btn-green,
    .btn-green.disabled:hover,
    .btn-green[disabled]:hover,
    fieldset[disabled] .btn-green:hover,
    .btn-green.disabled:focus,
    .btn-green[disabled]:focus,
    fieldset[disabled] .btn-green:focus,
    .btn-green.disabled:active,
    .btn-green[disabled]:active,
    fieldset[disabled] .btn-green:active,
    .btn-green.disabled.active,
    .btn-green[disabled].active,
    fieldset[disabled] .btn-green.active {
        background-color: #b0b800;
        border-color: #989f00;
    }

.btn-yellow {
    color: #ffffff;
    background-color: #f1c40f;
    border-color: #dab10d;
}

    .btn-yellow:hover,
    .btn-yellow:focus,
    .btn-yellow:active,
    .btn-yellow.active,
    .open .dropdown-toggle.btn-yellow {
        color: #ffffff;
        background-color: #cba50c;
        border-color: #a08209;
    }

    .btn-yellow:active,
    .btn-yellow.active,
    .open .dropdown-toggle.btn-yellow {
        background-image: none;
    }

    .btn-yellow.disabled,
    .btn-yellow[disabled],
    fieldset[disabled] .btn-yellow,
    .btn-yellow.disabled:hover,
    .btn-yellow[disabled]:hover,
    fieldset[disabled] .btn-yellow:hover,
    .btn-yellow.disabled:focus,
    .btn-yellow[disabled]:focus,
    fieldset[disabled] .btn-yellow:focus,
    .btn-yellow.disabled:active,
    .btn-yellow[disabled]:active,
    fieldset[disabled] .btn-yellow:active,
    .btn-yellow.disabled.active,
    .btn-yellow[disabled].active,
    fieldset[disabled] .btn-yellow.active {
        background-color: #f1c40f;
        border-color: #dab10d;
    }

.btn-blue {
    color: #ffffff;
    background-color: #2598b0;
    border-color: #21869b;
}

    .btn-blue:hover,
    .btn-blue:focus,
    .btn-blue:active,
    .btn-blue.active,
    .open .dropdown-toggle.btn-blue {
        color: #ffffff;
        background-color: #1e7b8e;
        border-color: #165a68;
    }

    .btn-blue:active,
    .btn-blue.active,
    .open .dropdown-toggle.btn-blue {
        background-image: none;
    }

    .btn-blue.disabled,
    .btn-blue[disabled],
    fieldset[disabled] .btn-blue,
    .btn-blue.disabled:hover,
    .btn-blue[disabled]:hover,
    fieldset[disabled] .btn-blue:hover,
    .btn-blue.disabled:focus,
    .btn-blue[disabled]:focus,
    fieldset[disabled] .btn-blue:focus,
    .btn-blue.disabled:active,
    .btn-blue[disabled]:active,
    fieldset[disabled] .btn-blue:active,
    .btn-blue.disabled.active,
    .btn-blue[disabled].active,
    fieldset[disabled] .btn-blue.active {
        background-color: #2598b0;
        border-color: #21869b;
    }

.btn-violet {
    color: #ffffff;
    background-color: #947dcb;
    border-color: #856bc4;
}

    .btn-violet:hover,
    .btn-violet:focus,
    .btn-violet:active,
    .btn-violet.active,
    .open .dropdown-toggle.btn-violet {
        color: #ffffff;
        background-color: #7c60bf;
        border-color: #6345ac;
    }

    .btn-violet:active,
    .btn-violet.active,
    .open .dropdown-toggle.btn-violet {
        background-image: none;
    }

    .btn-violet.disabled,
    .btn-violet[disabled],
    fieldset[disabled] .btn-violet,
    .btn-violet.disabled:hover,
    .btn-violet[disabled]:hover,
    fieldset[disabled] .btn-violet:hover,
    .btn-violet.disabled:focus,
    .btn-violet[disabled]:focus,
    fieldset[disabled] .btn-violet:focus,
    .btn-violet.disabled:active,
    .btn-violet[disabled]:active,
    fieldset[disabled] .btn-violet:active,
    .btn-violet.disabled.active,
    .btn-violet[disabled].active,
    fieldset[disabled] .btn-violet.active {
        background-color: #947dcb;
        border-color: #856bc4;
    }

.btn-pink {
    color: #ffffff;
    background-color: #df4782;
    border-color: #db3173;
}

    .btn-pink:hover,
    .btn-pink:focus,
    .btn-pink:active,
    .btn-pink.active,
    .open .dropdown-toggle.btn-pink {
        color: #ffffff;
        background-color: #d8266b;
        border-color: #b11f57;
    }

    .btn-pink:active,
    .btn-pink.active,
    .open .dropdown-toggle.btn-pink {
        background-image: none;
    }

    .btn-pink.disabled,
    .btn-pink[disabled],
    fieldset[disabled] .btn-pink,
    .btn-pink.disabled:hover,
    .btn-pink[disabled]:hover,
    fieldset[disabled] .btn-pink:hover,
    .btn-pink.disabled:focus,
    .btn-pink[disabled]:focus,
    fieldset[disabled] .btn-pink:focus,
    .btn-pink.disabled:active,
    .btn-pink[disabled]:active,
    fieldset[disabled] .btn-pink:active,
    .btn-pink.disabled.active,
    .btn-pink[disabled].active,
    fieldset[disabled] .btn-pink.active {
        background-color: #df4782;
        border-color: #db3173;
    }

.btn-grey {
    color: #ffffff;
    background-color: #333333;
    border-color: #262626;
}

    .btn-grey:hover,
    .btn-grey:focus,
    .btn-grey:active,
    .btn-grey.active,
    .open .dropdown-toggle.btn-grey {
        color: #ffffff;
        background-color: #1f1f1f;
        border-color: #080808;
    }

    .btn-grey:active,
    .btn-grey.active,
    .open .dropdown-toggle.btn-grey {
        background-image: none;
    }

    .btn-grey.disabled,
    .btn-grey[disabled],
    fieldset[disabled] .btn-grey,
    .btn-grey.disabled:hover,
    .btn-grey[disabled]:hover,
    fieldset[disabled] .btn-grey:hover,
    .btn-grey.disabled:focus,
    .btn-grey[disabled]:focus,
    fieldset[disabled] .btn-grey:focus,
    .btn-grey.disabled:active,
    .btn-grey[disabled]:active,
    fieldset[disabled] .btn-grey:active,
    .btn-grey.disabled.active,
    .btn-grey[disabled].active,
    fieldset[disabled] .btn-grey.active {
        background-color: #333333;
        border-color: #262626;
    }

.btn-dark {
    color: #ffffff;
    background-color: #141d25;
    border-color: #0b1014;
}

    .btn-dark:hover,
    .btn-dark:focus,
    .btn-dark:active,
    .btn-dark.active,
    .open .dropdown-toggle.btn-dark {
        color: #ffffff;
        background-color: #06080b;
        border-color: #000000;
    }

    .btn-dark:active,
    .btn-dark.active,
    .open .dropdown-toggle.btn-dark {
        background-image: none;
    }

    .btn-dark.disabled,
    .btn-dark[disabled],
    fieldset[disabled] .btn-dark,
    .btn-dark.disabled:hover,
    .btn-dark[disabled]:hover,
    fieldset[disabled] .btn-dark:hover,
    .btn-dark.disabled:focus,
    .btn-dark[disabled]:focus,
    fieldset[disabled] .btn-dark:focus,
    .btn-dark.disabled:active,
    .btn-dark[disabled]:active,
    fieldset[disabled] .btn-dark:active,
    .btn-dark.disabled.active,
    .btn-dark[disabled].active,
    fieldset[disabled] .btn-dark.active {
        background-color: #141d25;
        border-color: #0b1014;
    }

.btn .badge {
    color: #ffffff;
}

/************ Buttons *********/
/*****************************/
/***********************************/
/********** Buttons Outline *********/
.btn-outlined {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

    .btn-outlined.btn-default {
        background: none;
        border: 2px solid #999999;
        color: #999999;
    }

    .btn-outlined.btn-primary {
        background: none;
        border: 2px solid #df4782;
        color: #df4782;
    }

    .btn-outlined.btn-success {
        background: none;
        border: 2px solid #5cb85c;
        color: #5cb85c;
    }

    .btn-outlined.btn-warning {
        background: none;
        border: 2px solid #f0ad4e;
        color: #f0ad4e;
    }

    .btn-outlined.btn-info {
        background: none;
        border: 2px solid #5bc0de;
        color: #5bc0de;
    }

    .btn-outlined.btn-danger {
        background: none;
        border: 2px solid #d9534f;
        color: #d9534f;
    }

    .btn-outlined.btn-red {
        background: none;
        border: 2px solid #b8312f;
        color: #b8312f;
    }

    .btn-outlined.btn-orange {
        background: none;
        border: 2px solid #bd432a;
        color: #bd432a;
    }

    .btn-outlined.btn-green {
        background: none;
        border: 2px solid #b0b800;
        color: #b0b800;
    }

    .btn-outlined.btn-yellow {
        background: none;
        border: 2px solid #f1c40f;
        color: #f1c40f;
    }

    .btn-outlined.btn-blue {
        background: none;
        border: 2px solid #2598b0;
        color: #2598b0;
    }

    .btn-outlined.btn-pink {
        background: none;
        border: 2px solid #df4782;
        color: #df4782;
    }

    .btn-outlined.btn-violet {
        background: none;
        border: 2px solid #947dcb;
        color: #947dcb;
    }

    .btn-outlined.btn-grey {
        background: none;
        border: 2px solid #333333;
        color: #333333;
    }

    .btn-outlined.btn-dark {
        background: none;
        border: 2px solid #141d25;
        color: #141d25;
    }

/********** Buttons Outline *********/
/***********************************/
/********************************/
/********* Button Square *******/
.btn.btn-square {
    border-radius: 0;
}

/********* Button Square *******/
/******************************/

 