/**************************************************************************************/
/*                                  Typography                                        */
/**************************************************************************************/
.pretty-color-blue-dark {
    color: #00498f;
}

.pretty-color-blue {
    color: #36A2EB;
}

.pretty-color-blue-light {
    color: #1679a5;
}

.pretty-color-green-light {
    color: #4bc0c0;
}

.pretty-color-green {
    color: #2fb381;
}

.pretty-color-yellow {
    color: #ffaa45;
}

.pretty-color-yellow-light {
    color: #FFCE56;
}

.pretty-color-red {
    color: #ff414e;
}

.pretty-color-red-light {
    color: #FF6384;
}




/**************************************************************************************/
/*                                  Backgrounds                                       */
/**************************************************************************************/
.pretty-bg-blue-dark {
    background-color: #00498f;
    color: #fff;
}

.pretty-bg-blue {
    background-color: #36A2EB;
    color: #fff;
}

.pretty-bg-blue-light {
    background-color: #1679a5;
    color: #fff;
}

.pretty-bg-green-light {
    background-color: #4bc0c0;
    color: #fff;
}

.pretty-bg-green {
    background-color: #2fb381;
    color: #fff;
}

.pretty-bg-purple-light {
    background-color: #9f7ceb;
    color: #fff;
}

.pretty-bg-yellow {
    background-color: #ffaa45;
    color: #fff;
}

.pretty-bg-yellow-light {
    background-color: #FFCE56;
    color: #fff;
}

.pretty-bg-red {
    background-color: #ff414e;
    color: #fff;
}

.pretty-bg-red-light {
    background-color: #FF6384;
    color: #fff;
}

.pretty-bg-pink {
    background-color: #ff64b9;
    color: #fff;
}



/**************************************************************************************/
/*                                    Buttons                                         */
/**************************************************************************************/
.btn {
    border-radius: 4px;
}

.btn-pretty-gray {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ccc;
}
.btn-pretty-gray:focus,
.btn-pretty-gray.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn-pretty-gray:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-pretty-gray:active,
.btn-pretty-gray.active,
.open > .dropdown-toggle.btn-pretty-gray {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-pretty-gray:active:hover,
.btn-pretty-gray.active:hover,
.open > .dropdown-toggle.btn-pretty-gray:hover,
.btn-pretty-gray:active:focus,
.btn-pretty-gray.active:focus,
.open > .dropdown-toggle.btn-pretty-gray:focus,
.btn-pretty-gray:active.focus,
.btn-pretty-gray.active.focus,
.open > .dropdown-toggle.btn-pretty-gray.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.btn-pretty-gray:active,
.btn-pretty-gray.active,
.open > .dropdown-toggle.btn-pretty-gray {
    background-image: none;
}
.btn-pretty-gray.disabled:hover,
.btn-pretty-gray[disabled]:hover,
fieldset[disabled] .btn-pretty-gray:hover,
.btn-pretty-gray.disabled:focus,
.btn-pretty-gray[disabled]:focus,
fieldset[disabled] .btn-pretty-gray:focus,
.btn-pretty-gray.disabled.focus,
.btn-pretty-gray[disabled].focus,
fieldset[disabled] .btn-pretty-gray.focus {
    background-color: #f5f5f5;
    border-color: #ccc;
}
.btn-pretty-gray .badge {
    color: #333;
    background-color: #fff;
}
.btn-pretty-gray.btn-border {
    background-color: transparent;
    color: #333;
    border: 1px solid #ccc;
}
.btn-pretty-gray.btn-border:hover {
    background-color: #f5f5f5;
    color: #333;
}


.btn-pretty-blue-dark {
    color: #fff;
    background-color: #00498f;
    border-color: #00498f;
}
.btn-pretty-blue-dark:focus,
.btn-pretty-blue-dark.focus {
    color: #fff;
    background-color: #003a71;
    border-color: #003a71;
}
.btn-pretty-blue-dark:hover {
    color: #fff;
    background-color: #003a71;
    border-color: #003a71;
}
.btn-pretty-blue-dark:active,
.btn-pretty-blue-dark.active,
.open > .dropdown-toggle.btn-pretty-blue-dark {
    color: #fff;
    background-color: #002f5a;
    border-color: #002f5a;
}
.btn-pretty-blue-dark:active:hover,
.btn-pretty-blue-dark.active:hover,
.open > .dropdown-toggle.btn-pretty-blue-dark:hover,
.btn-pretty-blue-dark:active:focus,
.btn-pretty-blue-dark.active:focus,
.open > .dropdown-toggle.btn-pretty-blue-dark:focus,
.btn-pretty-blue-dark:active.focus,
.btn-pretty-blue-dark.active.focus,
.open > .dropdown-toggle.btn-pretty-blue-dark.focus {
    color: #fff;
    background-color: #002f5a;
    border-color: #002f5a;
}
.btn-pretty-blue-dark:active,
.btn-pretty-blue-dark.active,
.open > .dropdown-toggle.btn-pretty-blue-dark {
    background-image: none;
}
.btn-pretty-blue-dark.disabled:hover,
.btn-pretty-blue-dark[disabled]:hover,
fieldset[disabled] .btn-pretty-blue-dark:hover,
.btn-pretty-blue-dark.disabled:focus,
.btn-pretty-blue-dark[disabled]:focus,
fieldset[disabled] .btn-pretty-blue-dark:focus,
.btn-pretty-blue-dark.disabled.focus,
.btn-pretty-blue-dark[disabled].focus,
fieldset[disabled] .btn-pretty-blue-dark.focus {
    background-color: #00498f;
    border-color: #00498f;
}
.btn-pretty-blue-dark .badge {
    color: #00498f;
    background-color: #fff;
}
.btn-pretty-blue-dark.btn-border {
    background-color: transparent;
    color: #00498f;
    border: 1px solid #00498f;
}
.btn-pretty-blue-dark.btn-border:hover {
    background-color: #00498f;
    color: #fff;
}


.btn-pretty-blue {
    color: #fff;
    background-color: #36A2EB;
    border-color: #36A2EB;
}
.btn-pretty-blue:focus,
.btn-pretty-blue.focus {
    color: #fff;
    background-color: #2e8ccc;
    border-color: #2e8ccc;
}
.btn-pretty-blue:hover {
    color: #fff;
    background-color: #2e8ccc;
    border-color: #2e8ccc;
}
.btn-pretty-blue:active,
.btn-pretty-blue.active,
.open > .dropdown-toggle.btn-pretty-blue {
    color: #fff;
    background-color: #2676ac;
    border-color: #2676ac;
}
.btn-pretty-blue:active:hover,
.btn-pretty-blue.active:hover,
.open > .dropdown-toggle.btn-pretty-blue:hover,
.btn-pretty-blue:active:focus,
.btn-pretty-blue.active:focus,
.open > .dropdown-toggle.btn-pretty-blue:focus,
.btn-pretty-blue:active.focus,
.btn-pretty-blue.active.focus,
.open > .dropdown-toggle.btn-pretty-blue.focus {
    color: #fff;
    background-color: #2676ac;
    border-color: #2676ac;
}
.btn-pretty-blue:active,
.btn-pretty-blue.active,
.open > .dropdown-toggle.btn-pretty-blue {
    background-image: none;
}
.btn-pretty-blue.disabled:hover,
.btn-pretty-blue[disabled]:hover,
fieldset[disabled] .btn-pretty-blue:hover,
.btn-pretty-blue.disabled:focus,
.btn-pretty-blue[disabled]:focus,
fieldset[disabled] .btn-pretty-blue:focus,
.btn-pretty-blue.disabled.focus,
.btn-pretty-blue[disabled].focus,
fieldset[disabled] .btn-pretty-blue.focus {
    background-color: #36A2EB;
    border-color: #36A2EB;
}
.btn-pretty-blue .badge {
    color: #36A2EB;
    background-color: #fff;
}
.btn-pretty-blue.btn-border {
    background-color: transparent;
    color: #36A2EB;
    border: 1px solid #36A2EB;
}
.btn-pretty-blue.btn-border:hover {
    background-color: #36A2EB;
    color: #fff;
}


.btn-pretty-green {
    color: #fff;
    background-color: #3E984C;
    border-color: #3E984C;
}
.btn-pretty-green:focus,
.btn-pretty-green.focus {
    color: #fff;
    background-color: #28986d;
    border-color: #28986d;
}
.btn-pretty-green:hover {
    color: #fff;
    background-color: #28986d;
    border-color: #28986d;
}
.btn-pretty-green:active,
.btn-pretty-green.active,
.open > .dropdown-toggle.btn-pretty-green {
    color: #fff;
    background-color: #22805b;
    border-color: #22805b;
}
.btn-pretty-green:active:hover,
.btn-pretty-green.active:hover,
.open > .dropdown-toggle.btn-pretty-green:hover,
.btn-pretty-green:active:focus,
.btn-pretty-green.active:focus,
.open > .dropdown-toggle.btn-pretty-green:focus,
.btn-pretty-green:active.focus,
.btn-pretty-green.active.focus,
.open > .dropdown-toggle.btn-pretty-green.focus {
    color: #fff;
    background-color: #22805b;
    border-color: #22805b;
}
.btn-pretty-green:active,
.btn-pretty-green.active,
.open > .dropdown-toggle.btn-pretty-green {
    background-image: none;
}
.btn-pretty-green.disabled:hover,
.btn-pretty-green[disabled]:hover,
fieldset[disabled] .btn-pretty-green:hover,
.btn-pretty-green.disabled:focus,
.btn-pretty-green[disabled]:focus,
fieldset[disabled] .btn-pretty-green:focus,
.btn-pretty-green.disabled.focus,
.btn-pretty-green[disabled].focus,
fieldset[disabled] .btn-pretty-green.focus {
    background-color: #2fb381;
    border-color: #2fb381;
}
.btn-pretty-green .badge {
    color: #2fb381;
    background-color: #fff;
}
.btn-pretty-green.btn-border {
    background-color: transparent;
    color: #2fb381;
    border: 1px solid #2fb381;
}
.btn-pretty-green.btn-border:hover {
    background-color: #2fb381;
    color: #fff;
}


.btn-pretty-yellow {
    color: #fff;
    background-color: #ff9736;
    border-color: #ff9736;
}
.btn-pretty-yellow:focus,
.btn-pretty-yellow.focus {
    color: #fff;
    background-color: #e78830;
    border-color: #e78830;
}
.btn-pretty-yellow:hover {
    color: #fff;
    background-color: #e78830;
    border-color: #e78830;
}
.btn-pretty-yellow:active,
.btn-pretty-yellow.active,
.open > .dropdown-toggle.btn-pretty-yellow {
    color: #fff;
    background-color: #d77e2c;
    border-color: #d77e2c;
}
.btn-pretty-yellow:active:hover,
.btn-pretty-yellow.active:hover,
.open > .dropdown-toggle.btn-pretty-yellow:hover,
.btn-pretty-yellow:active:focus,
.btn-pretty-yellow.active:focus,
.open > .dropdown-toggle.btn-pretty-yellow:focus,
.btn-pretty-yellow:active.focus,
.btn-pretty-yellow.active.focus,
.open > .dropdown-toggle.btn-pretty-yellow.focus {
    color: #fff;
    background-color: #d77e2c;
    border-color: #d77e2c;
}
.btn-pretty-yellow:active,
.btn-pretty-yellow.active,
.open > .dropdown-toggle.btn-pretty-yellow {
    background-image: none;
}
.btn-pretty-yellow.disabled:hover,
.btn-pretty-yellow[disabled]:hover,
fieldset[disabled] .btn-pretty-yellow:hover,
.btn-pretty-yellow.disabled:focus,
.btn-pretty-yellow[disabled]:focus,
fieldset[disabled] .btn-pretty-yellow:focus,
.btn-pretty-yellow.disabled.focus,
.btn-pretty-yellow[disabled].focus,
fieldset[disabled] .btn-pretty-yellow.focus {
    background-color: #ff9736;
    border-color: #ff9736;
}
.btn-pretty-yellow .badge {
    color: #ff9736;
    background-color: #fff;
}
.btn-pretty-yellow.btn-border {
    background-color: transparent;
    color: #ff9736;
    border: 1px solid #ff9736;
}
.btn-pretty-yellow.btn-border:hover {
    background-color: #ff9736;
    color: #fff;
}


.btn-pretty-red {
    color: #fff;
    background-color: #ff414e;
    border-color: #ff414e;
}
.btn-pretty-red:focus,
.btn-pretty-red.focus {
    color: #fff;
    background-color: #df3946;
    border-color: #df3946;
}
.btn-pretty-red:hover {
    color: #fff;
    background-color: #df3946;
    border-color: #df3946;
}
.btn-pretty-red:active,
.btn-pretty-red.active,
.open > .dropdown-toggle.btn-pretty-red {
    color: #fff;
    background-color: #bf313c;
    border-color: #bf313c;
}
.btn-pretty-red:active:hover,
.btn-pretty-red.active:hover,
.open > .dropdown-toggle.btn-pretty-red:hover,
.btn-pretty-red:active:focus,
.btn-pretty-red.active:focus,
.open > .dropdown-toggle.btn-pretty-red:focus,
.btn-pretty-red:active.focus,
.btn-pretty-red.active.focus,
.open > .dropdown-toggle.btn-pretty-red.focus {
    color: #fff;
    background-color: #bf313c;
    border-color: #bf313c;
}
.btn-pretty-red:active,
.btn-pretty-red.active,
.open > .dropdown-toggle.btn-pretty-red {
    background-image: none;
}
.btn-pretty-red.disabled:hover,
.btn-pretty-red[disabled]:hover,
fieldset[disabled] .btn-pretty-red:hover,
.btn-pretty-red.disabled:focus,
.btn-pretty-red[disabled]:focus,
fieldset[disabled] .btn-pretty-red:focus,
.btn-pretty-red.disabled.focus,
.btn-pretty-red[disabled].focus,
fieldset[disabled] .btn-pretty-red.focus {
    background-color: #ff414e;
    border-color: #ff414e;
}
.btn-pretty-red .badge {
    color: #ff414e;
    background-color: #fff;
}
.btn-pretty-red.btn-border {
    background-color: transparent;
    color: #ff414e;
    border: 1px solid #ff414e;
}
.btn-pretty-red.btn-border:hover {
    background-color: #ff414e;
    color: #fff;
}




/**************************************************************************************/
/*                                    Alerts                                          */
/**************************************************************************************/
.alert {
    padding: 15px;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    font-size: 13px;
}

.alert-pretty-blue {
    background-color: #36A2EB;
    color: #fff;
}

.alert-pretty-green {
    background-color: #2fb381;
    color: #fff;
}

.alert-pretty-yellow {
    background-color: #ff9736;
    color: #fff;
}

.alert-pretty-red {
    background-color: #ff414e;
    color: #fff;
}