#footer > .container {
    /* Align with the navbar container */
    padding-left: 15px;
    padding-right: 15px;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 50px;
    background-color: #eae9d2;
    font-family:'blissregular', Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:19px;
}

#login-form-section {
    padding:25px;
    background: rgba(0,0,0,.8);
    box-shadow: 4px 12px 85px rgba(0,0,0,.9);
    border: 1px solid #ccc;
    border-radius: 10px;
}

#login-form-section .small {
    color: #ccc;
}

#login-form {
    background-color: #ccc;
}

a, a:hover {
    text-decoration: none;
}

#main-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom:0px;
    /* Set the fixed height of the footer here */
    height: 50px;
    background-color: #222222;
}

#toast-container > .toast {
    background-image: none !important;
}

#toast-container > .toast:before {
    position: fixed;
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 18px;
    float: left;
    color: #FFF;
    padding-right: 0.5em;
    margin: auto 0.5em auto -1.5em;
}
#toast-container > .toast-warning:before {
    content: "\f12a";
}
#toast-container > .toast-error:before {
    content: "\f05e";
}
#toast-container > .toast-info:before {
    content: "\f129";
}
#toast-container > .toast-success:before {
    content: "\f00c";
}


label {
    margin-top: 7px !important;
    margin-bottom: -7px !important;
}

.monospace {
    font-family: Courier !important;
}

.tab-content {
    min-height: 16em !important;
}

.pagination, steps {
    margin: 0 !important;
}

/* accordation */
[data-toggle="collapse"].collapsed .if-not-collapsed {
    display: none;
}
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
    display: none;
}

/* fieldset */
fieldset {
    border: 1px solid #ddd !important;
    border-radius: 0.4em;
    padding: 0em 0.0em 0.5em 0.0em !important;
    margin: 1em !important;
    margin-left: 0em !important;
}

legend, legend.legend-default {
    width:auto;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 0.7em !important;
    font-weight: normal !important;
    text-align: left !important;
    color: #000000;
    background: #d2d6de;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    margin-left:-1px;
    margin-right: 0 !important;
}

legend.legend-danger {
    color: #ffffff;
    background: #dd4b39;
}

legend.legend-info {
    color: #ffffff;
    background: #00c0ef;
}

legend.legend-primary {
    color: #ffffff;
    background: #3c8dbc;
}

legend.legend-warning {
    color: #ffffff;
    background: #f39c12;
}

legend.legend-success {
    color: #ffffff;
    background: #00a65a;
}
/* fieldset */

.CodeMirror {
    border: 1px solid #eee;
    height: 450px !important;
}


.border-bottom {
    border-bottom: 1px solid gray;
    margin-bottom:3px;
}

.tooltip-inner {
    max-width: none;
    white-space: nowrap;
}

.control-label {
    margin-top: 5px;
}

input.input-xs {
    height:22px;
    padding-left:4px;
    padding-right:4px;
}

.bootstrap-select.input-xs , select.input-xs {
    height: 21px;
    line-height: 20px;
}

.filter{
    width: 100% !important;
    font-size: 0.8em;
}

.bootstrap-touchspin .input-group-btn-vertical >.btn-sm {
    padding: 7px 10px !important;
}

.form-group {
    margin-bottom: 0px !important;
}



.steps {
    padding-left: 0;
    margin: 4px 0;
    text-align: center;
    list-style: none;
}
.steps li {
    display: inline;
}
.steps li > a,
.steps li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}
.steps li > a:hover,
.steps li > a:focus {
    text-decoration: none;
    /*  background-color: #eee; */
}
.steps .next > a,
.steps .next > span {
    float: right;
}
.steps .previous > a,
.steps .previous > span {
    float: left;
}
.steps .disabled > a,
.steps .disabled > a:hover,
.steps .disabled > a:focus,
.steps .disabled > span {
    color: #777;
    cursor: not-allowed;
    /*  background-color: #fff; */
}

/* user panel */
.img-border {
    border: 3px solid !important;
    border-color: transparent !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
}

/* user panel */
.img-border-small {
    border: 1px solid !important;
    border-color: transparent !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
}

.user-panel {
    padding: 10px;
}
.user-panel:before,
.user-panel:after {
    content: " ";
    display: table;
}
.user-panel:after {
    clear: both;
}
.user-panel > .image > img {
    width: 45px;
    height: 45px;
}
.user-panel > .info {
    font-weight: 600;
    padding: 5px 5px 5px 15px;
    font-size: 14px;
    line-height: 1;
}
.user-panel > .info > p {
    margin-bottom: 9px;
}
.user-panel > .info > a {
    text-decoration: none;
    padding-right: 5px;
    margin-top: 3px;
    font-size: 11px;
    font-weight: normal;
}
.user-panel > .info > a > .fa,
.user-panel > .info > a > .ion,
.user-panel > .info > a > .glyphicon {
    margin-right: 3px;
}

.navbar-nav > .user-menu > .dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 280px;
}
.navbar-nav > .user-menu > .dropdown-menu,
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: 175px;
    padding: 10px;
    text-align: center;
    background-color: #f7e1b5;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
    z-index: 5;
    height: 90px;
    width: 90px;
    border: 3px solid;
    border-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    z-index: 5;
    color: #000;
    font-size: 17px;
    margin-top: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
    display: block;
    font-size: 12px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
    padding: 15px;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #dddddd;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
    content: " ";
    display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
    clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
    color: #444 !important;
}
@media (max-width: 991px) {
    .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
        background: #fff !important;
        color: #444 !important;
    }
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: #f9f9f9;
    padding: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
    content: " ";
    display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
    clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
    color: #666666;
}
.navbar-nav > .user-menu .user-image {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px;
}
@media (max-width: 767px) {
    .navbar-nav > .user-menu .user-image {
        float: none;
        margin-right: 0;
        margin-top: -8px;
        line-height: 10px;
    }
}






/* 10px padding and margins */
.pad {
    padding: 10px;
}
.margin {
    margin: 10px;
}
.margin-bottom {
    margin-bottom: 20px;
}

.no-margin {
    margin: 0px !important;
}

/*Hide elements by display none only*/
.hide {
    display: none !important;
}
/* Remove borders */
.no-border {
    border: 0px !important;
}
/* Remove padding */
.no-padding {
    padding: 0px !important;
}
/* Remove margins */
.no-margin {
    margin: 0px !important;
}
/* Remove box shadow */
.no-shadow {
    box-shadow: none!important;
}

.pad-1 {
    padding: 1px !important;
}

.pad-2 {
    padding: 2px !important;
}

.pad-3 {
    padding: 3px !important;
}

.pad-4 {
    padding: 4px !important;
}

.pad-5 {
    padding: 5px !important;
}

.pad-6 {
    padding: 6px !important;
}

.pad-7 {
    padding: 7px !important;
}

.pad-8 {
    padding: 8px !important;
}

.pad-9 {
    padding: 9px !important;
}

.pad-10 {
    padding: 10px !important;
}

td.clickable{
    cursor: pointer;
    font-weight: 700;
}

.input-group-addon {
    border: none;
}

.input-group .input-group-addon {
    border-radius: 0px;
    border-color: #d2d6de;
    background-color: #fff;
}

input.text-bold {
    font-weight:bold;
}


/*
 * Component: Callout
 * ------------------
 */
.callout {
    border-radius: 3px;
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}
.callout a {
    color: #fff;
    text-decoration: underline;
}
.callout a:hover {
    color: #eee;
}
.callout h4 {
    margin-top: 0;
    font-weight: 600;
}
.callout p:last-child {
    margin-bottom: 0;
}
.callout code,
.callout .highlight {
    background-color: #fff;
}
.callout.callout-danger {
    border-color: #c23321;
}
.callout.callout-warning {
    border-color: #c87f0a;
}
.callout.callout-info {
    border-color: #0097bc;
}
.callout.callout-success {
    border-color: #00733e;
}
/*
 * Component: alert
 * ----------------
 */
.alert {
    border-radius: 3px;
}
.alert h4 {
    font-weight: 600;
}
.alert .icon {
    margin-right: 10px;
}
.alert .close {
    color: #000;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.alert .close:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.alert a {
    color: #fff;
    text-decoration: underline;
}
.alert-success {
    border-color: #008d4c;
}
.alert-danger,
.alert-error {
    border-color: #d73925;
}
.alert-warning {
    border-color: #e08e0b;
}
.alert-info {
    border-color: #00acd6;
}


/* ajax loading */
.loading{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(255,255,255,0.7);
}
.loading i {
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    color: #555;
}
/* ajax loading */


/*
 * Component: Box
 * --------------
 */
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
    border-top-color: #3c8dbc;
}
.box.box-info {
    border-top-color: #00c0ef;
}
.box.box-danger {
    border-top-color: #dd4b39;
}
.box.box-warning {
    border-top-color: #f39c12;
}
.box.box-success {
    border-top-color: #00a65a;
}
.box.box-default {
    border-top-color: #d2d6de;
}
.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
    display: none;
}
.box .nav-stacked > li {
    border-bottom: 1px solid #f4f4f4;
    margin: 0;
}
.box .nav-stacked > li:last-of-type {
    border-bottom: none;
}
.box.height-control .box-body {
    max-height: 300px;
    overflow: auto;
}
.box .border-right {
    border-right: 1px solid #f4f4f4;
}
.box .border-left {
    border-left: 1px solid #f4f4f4;
}
.box.box-solid {
    border-top: 0px;
}
.box.box-solid > .box-header .btn.btn-default {
    background: transparent;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}
.box.box-solid.box-default {
    border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
    color: #444444;
    background: #d2d6de;
    background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
    color: #444444;
}
.box.box-solid.box-primary {
    border: 1px solid #3c8dbc;
}
.box.box-solid.box-primary > .box-header {
    color: #ffffff;
    background: #3c8dbc;
    background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-info {
    border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
    color: #ffffff;
    background: #00c0ef;
    background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-danger {
    border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
    color: #ffffff;
    background: #dd4b39;
    background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-warning {
    border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
    color: #ffffff;
    background: #f39c12;
    background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-success {
    border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
    color: #ffffff;
    background: #00a65a;
    background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
    color: #ffffff;
}
.box.box-solid > .box-header > .box-tools .btn {
    border: 0;
    box-shadow: none;
}
.box.box-solid[class*='bg'] > .box-header {
    color: #fff;
}
.box .box-group > .box {
    margin-bottom: 5px;
}
.box .knob-label {
    text-align: center;
    color: #333;
    font-weight: 100;
    font-size: 12px;
    margin-bottom: 0.3em;
}
.box > .overlay,
.box > .loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.box .overlay {
    z-index: 1010;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}
.box .overlay > .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}
.box .overlay.dark {
    background: rgba(0, 0, 0, 0.5);
}
.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}
.box-header:before,
.box-header:after {
    content: " ";
    display: table;
}
.box-header:after {
    clear: both;
}
.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
    border-bottom: none;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
    margin-right: 5px;
}
.box-header > .box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
    position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
    right: 0;
    left: auto;
}
.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    box-shadow: none!important;
    color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
    color: #606c84;
}
.btn-box-tool:active {
    outline: none!important;
}
.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}
.no-header .box-body {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.box-body .table {
    margin-bottom: 5px !important;
}
.box-body > .chart {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.box-body > .chart svg,
.box-body > .chart canvas {
    width: 100%!important;
}
.box-body .fc {
    margin-top: 5px;
}
.box-body .full-width-chart {
    margin: -19px;
}
.box-body.no-padding .full-width-chart {
    margin: -9px;
}
.box-body .box-pane {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
}
.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #ffffff;
}


.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    box-shadow: none!important;
    color: #97a0b3;
    cursor: pointer;
    border: 1px solid #ccc !important;
}
.open .btn-box-tool,
.btn-box-tool:hover {
    color: #606c84;
}
.btn-box-tool:active {
    outline: none!important;
}







/* Text colors */
.text-red {
    color: #dd4b39 !important;
}
.text-yellow {
    color: #f39c12 !important;
}
.text-aqua {
    color: #00c0ef !important;
}
.text-blue {
    color: #0073b7 !important;
}
.text-black {
    color: #111111 !important;
}
.text-light-blue {
    color: #3c8dbc !important;
}
.text-green {
    color: #00a65a !important;
}
.text-gray {
    color: #d2d6de !important;
}
.text-navy {
    color: #001f3f !important;
}
.text-teal {
    color: #39cccc !important;
}
.text-olive {
    color: #3d9970 !important;
}
.text-lime {
    color: #01ff70 !important;
}
.text-orange {
    color: #ff851b !important;
}
.text-fuchsia {
    color: #f012be !important;
}
.text-purple {
    color: #605ca8 !important;
}
.text-maroon {
    color: #d81b60 !important;
}

/* Text size */
.text-extralarge {
    font-size: 250%;
    line-height: 180%;
}

.text-large {
    font-size: 200%;
    line-height: 150%;
}

.text-medium {
    font-size: 150%;
    line-height: 150%;
}

.text-normalplus {
    font-size: 130%;
    line-height: 130%;
}

.text-normal {
    font-size: 100%;
    line-height: 100%;
}

.text-small {
    font-size: 80%;
    line-height: 80%;
}

.text-extrasmall {
    font-size: 60%;
    line-height: 60%;
}

.text-code {
    font-family: monospace;
}



/* Sidebar styles for settings
-------------------------------------------------- */
.cfgsidebar {
    /*    padding-left: 20px; */
}

.cfgsidebar .nav > .active > ul {
    display: block;
}

.cfgsidebar .nav > li > a {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #999;
    padding: 4px 20px;
}
.cfgsidebar .nav > li > a:hover,
.cfgsidebar .nav > li > a:focus {
    padding-left: 19px;
    color: #333;
    text-decoration: none;
    background-color: transparent;
    border-left: 1px solid #333;
}
.cfgsidebar .nav > .active > a,
.cfgsidebar .nav > .active:hover > a,
.cfgsidebar .nav > .active:focus > a {
    padding-left: 18px;
    font-weight: 700;
    color: #333;
    background-color: transparent;
    border-left: 2px solid #333;
}

.cfgsidebar .nav .nav {
    display: none;
    padding-bottom: 10px;
}

.cfgsidebar .nav .nav > li > a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
    font-size: 12px;
    font-weight: 400;
}
.cfgsidebar .nav .nav > li > a:hover,
.cfgsidebar .nav .nav > li > a:focus {
    padding-left: 29px;
}
.cfgsidebar .nav .nav > .active > a,
.cfgsidebar .nav .nav > .active:hover > a,
.cfgsidebar .nav .nav > .active:focus > a {
    font-weight: 500;
    padding-left: 28px;
}


/* dropdown submenu */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}








/* Background colors */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-waring,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    color: #fff !important;
}

.bg-gray {
    color: #000;
    background-color: #d2d6de !important;
}
.bg-black {
    background-color: #111111 !important;
}
.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
    background-color: #dd4b39 !important;
}
.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-waring,
.modal-warning .modal-body {
    background-color: #f39c12 !important;
}
.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
    background-color: #00c0ef !important;
}
.bg-blue {
    background-color: #0073b7 !important;
}
.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
    background-color: #3c8dbc !important;
}
.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
    background-color: #00a65a !important;
}
.bg-navy {
    background-color: #001f3f !important;
}
.bg-teal {
    background-color: #39cccc !important;
}
.bg-olive {
    background-color: #3d9970 !important;
}
.bg-lime {
    background-color: #01ff70 !important;
}
.bg-orange {
    background-color: #ff851b !important;
}
.bg-fuchsia {
    background-color: #f012be !important;
}
.bg-purple {
    background-color: #605ca8 !important;
}
.bg-maroon {
    background-color: #d81b60 !important;
}
.bg-gray-active {
    color: #000;
    background-color: #b5bbc8 !important;
}
.bg-black-active {
    background-color: #000000 !important;
}
.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    background-color: #d33724 !important;
}
.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
    background-color: #db8b0b !important;
}
.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
    background-color: #00a7d0 !important;
}
.bg-blue-active {
    background-color: #005384 !important;
}
.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
    background-color: #357ca5 !important;
}
.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
    background-color: #008d4c !important;
}
.bg-navy-active {
    background-color: #001a35 !important;
}
.bg-teal-active {
    background-color: #30bbbb !important;
}
.bg-olive-active {
    background-color: #368763 !important;
}
.bg-lime-active {
    background-color: #00e765 !important;
}
.bg-orange-active {
    background-color: #ff7701 !important;
}
.bg-fuchsia-active {
    background-color: #db0ead !important;
}
.bg-purple-active {
    background-color: #555299 !important;
}
.bg-maroon-active {
    background-color: #ca195a !important;
}


.bg-light-cyan {
    background-color: #dae8e9 !important;
}
.bg-light-cyan-active {
    background-color: #aacacc !important;
}

.bg-tema {
    background-color: #e0eee0 !important;
}

.bg-footer {
    color:#fff !important;
    background-color: #2B2B2B !important;
}

.bg-footer-light {
    color:#fff !important;
    background-color: #3F3F3F !important;
}


/* FONT FACE */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bebasneue-webfont.woff') format('woff'),
        url('../fonts/bebasneue-webfont.ttf') format('truetype'),
        url('../fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'blissbold';
    src: url('../fonts/bliss-bold-webfont.eot');
    src: url('../fonts/bliss-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bliss-bold-webfont.woff') format('woff'),
        url('../fonts/bliss-bold-webfont.ttf') format('truetype'),
        url('../fonts/bliss-bold-webfont.svg#blissbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'blissbold_italic';
    src: url('../fonts/bliss-bolditalic-webfont.eot');
    src: url('../fonts/bliss-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bliss-bolditalic-webfont.woff') format('woff'),
        url('../fonts/bliss-bolditalic-webfont.ttf') format('truetype'),
        url('../fonts/bliss-bolditalic-webfont.svg#blissbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'blissextrabold';
    src: url('../fonts/bliss-extrabold-webfont.eot');
    src: url('../fonts/bliss-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bliss-extrabold-webfont.woff') format('woff'),
        url('../fonts/bliss-extrabold-webfont.ttf') format('truetype'),
        url('../fonts/bliss-extrabold-webfont.svg#blissextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'blissextrabolditalic';
    src: url('../fonts/bliss-extrabolditalic-webfont.eot');
    src: url('../fonts/bliss-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bliss-extrabolditalic-webfont.woff') format('woff'),
        url('../fonts/bliss-extrabolditalic-webfont.ttf') format('truetype'),
        url('../fonts/bliss-extrabolditalic-webfont.svg#blissextrabolditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'blissextralight';
    src: url('../fonts/bliss-extralight-webfont.eot');
    src: url('../fonts/bliss-extralight-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bliss-extralight-webfont.woff') format('woff'),
        url('../fonts/bliss-extralight-webfont.ttf') format('truetype'),
        url('../fonts/bliss-extralight-webfont.svg#blissextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'blissextralightitalic';
    src: url('../fonts/bliss-extralightitalic-webfont.eot');
    src: url('../fonts/bliss-extralightitalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bliss-extralightitalic-webfont.woff') format('woff'),
        url('../fonts/bliss-extralightitalic-webfont.ttf') format('truetype'),
        url('../fonts/bliss-extralightitalic-webfont.svg#blissextralightitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'blissheavy';
    src: url('../fonts/bliss-heavy-webfont.eot');
    src: url('../fonts/bliss-heavy-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bliss-heavy-webfont.woff') format('woff'),
        url('../fonts/bliss-heavy-webfont.ttf') format('truetype'),
        url('../fonts/bliss-heavy-webfont.svg#blissheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'blissheavyitalic';
    src: url('../fonts/bliss-heavyitalic-webfont.eot');
    src: url('../fonts/bliss-heavyitalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bliss-heavyitalic-webfont.woff') format('woff'),
        url('../fonts/bliss-heavyitalic-webfont.ttf') format('truetype'),
        url('../fonts/bliss-heavyitalic-webfont.svg#blissheavyitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'blissitalic';
    src: url('../fonts/bliss-italic-webfont.eot');
    src: url('../fonts/bliss-italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bliss-italic-webfont.woff') format('woff'),
        url('../fonts/bliss-italic-webfont.ttf') format('truetype'),
        url('../fonts/bliss-italic-webfont.svg#blissitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'blisslight';
    src: url('../fonts/bliss-light-webfont.eot');
    src: url('../fonts/bliss-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bliss-light-webfont.woff') format('woff'),
        url('../fonts/bliss-light-webfont.ttf') format('truetype'),
        url('../fonts/bliss-light-webfont.svg#blisslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'blisslightitalic';
    src: url('../fonts/bliss-lightitalic-webfont.eot');
    src: url('../fonts/bliss-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bliss-lightitalic-webfont.woff') format('woff'),
        url('../fonts/bliss-lightitalic-webfont.ttf') format('truetype'),
        url('../fonts/bliss-lightitalic-webfont.svg#blisslightitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'blissmedium';
    src: url('../fonts/bliss-medium-webfont.eot');
    src: url('../fonts/bliss-medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bliss-medium-webfont.woff') format('woff'),
        url('../fonts/bliss-medium-webfont.ttf') format('truetype'),
        url('../fonts/bliss-medium-webfont.svg#blissmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'blissmediumitalic';
    src: url('../fonts/bliss-mediumitalic-webfont.eot');
    src: url('../fonts/bliss-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bliss-mediumitalic-webfont.woff') format('woff'),
        url('../fonts/bliss-mediumitalic-webfont.ttf') format('truetype'),
        url('../fonts/bliss-mediumitalic-webfont.svg#blissmediumitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'blissregular';
    src: url('../fonts/bliss-regular-webfont.eot');
    src: url('../fonts/bliss-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bliss-regular-webfont.woff') format('woff'),
        url('../fonts/bliss-regular-webfont.ttf') format('truetype'),
        url('../fonts/bliss-regular-webfont.svg#blissregular') format('svg');
    font-weight: normal;
    font-style: normal;
}