/*
 *  Document   : themes.css
 *  Author     : pixelcave
 *  Description: The themes stylesheet of the template. The classes can
 *  be used to alter the text or the background of an element individually
 *
 */

/*
=================================================================
THEME DEFAULT
=================================================================
*/

.themed-color-default {
    color: #5ccdde !important;
}

.themed-background-default {
    background-color: #5ccdde !important;
}

.themed-color-dark-default {
    color: #454e59 !important;
}

.themed-background-dark-default {
    background-color: #454e59 !important;
}

/*
=================================================================
THEME SOCIAL
=================================================================
*/

.themed-color-social {
    color: #627aad !important;
}

.themed-background-social {
    background-color: #627aad !important;
}

.themed-color-dark-social {
    color: #333333 !important;
}

.themed-background-dark-social {
    background-color: #333333 !important;
}

/*
=================================================================
THEME FLAT
=================================================================
*/

.themed-color-flat {
    color: #45a7b9 !important;
}

.themed-background-flat {
    background-color: #45a7b9 !important;
}

.themed-color-dark-flat {
    color: #374249 !important;
}

.themed-background-dark-flat {
    background-color: #374249 !important;
}

/*
=================================================================
THEME AMETHYST
=================================================================
*/

.themed-color-amethyst {
    color: #7c62ad !important;
}

.themed-background-amethyst {
    background-color: #7c62ad !important;
}

.themed-color-dark-amethyst {
    color: #353a4d !important;
}

.themed-background-dark-amethyst {
    background-color: #353a4d !important;
}

/*
=================================================================
THEME CREME
=================================================================
*/

.themed-color-creme {
    color: #b09573 !important;
}

.themed-background-creme {
    background-color: #b09573 !important;
}

.themed-color-dark-creme {
    color: #49443d !important;
}

.themed-background-dark-creme {
    background-color: #49443d !important;
}

/*
=================================================================
THEME PASSION
=================================================================
*/

.themed-color-passion {
    color: #de4b39 !important;
}

.themed-background-passion {
    background-color: #de4b39 !important;
}

.themed-color-dark-passion {
    color: #252d2f !important;
}

.themed-background-dark-passion {
    background-color: #252d2f !important;
}

table#customFields1 td {
    padding: 8px;
    border: 1px solid #9e9e9e4d;
}
ul.sidebar-nav ul a, .form-horizontal .control-label {
    text-transform: uppercase;
}
ul.sidebar-nav  span.name {
    font-size: 12px;
}
.sidebar-nav ul a{
        padding-left: 8px;
}
span.select2 {
    width: 100% !important;
}
input[type=text] {
    text-transform: uppercase;
}
.col-md-5 .col-md-5 {
    padding: 0px;
}
button.btn.btn-info {
    text-transform: uppercase;
}
table#customFields th, .content-header h1 {
    text-transform: uppercase;
    font-size:20px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, span, p, li, a{
    font-family: 'Nunito',Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a.btn.btn-info.btn-sm {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px;
}
form#purchase-form tr td {
    text-transform: uppercase;
}
li a {
    text-transform: uppercase;
}
.dt-buttons span{
    text-transform: uppercase;
}
.tblspace td{
    padding:5px 10px;
}
table.table-bordered.tblspace{
    width: 100%;
}