@import url(http://fonts.googleapis.com/css?family=Nunito:300);
@font-face {font-family: 'Nunito', sans-serif;}

body {
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    color: #666666;
}

.btn {
    font-size: 14px;
}

span.required,
.validate-error {
    color: #cc2424 !important;
    font-style: italic;
}

.form-control {
    font-size: 14px;
}

.vcenter {
    padding-top: 8px;
}

.vcenter input[type="button"] {
    margin: 3px;
    
}

@media (min-width: 991px) {
    .vcenter {
        padding-top: 30px;
    }
}

/* Login page */

.login-form span.required,
.login-form .validate-error {
    color: #fff !important;
    font-style: italic;
}

.login-form .validate-has-error {
    color: #fff !important;
    font-style: italic;
}

.login-page .login-header {
    padding: 40px;
}

.login-page .login-header .description {
    color: #333333;
    font-size: 14px;
}

body .login-container .login-header {
    background-color: #ffffff;
}

body .login-container .login-header.login-caret:after {
    border-top-color: #ffffff;
}


/* Backend Layout */
.page-container .sidebar-menu .logo-env {
    /*background: rgb(255,255,255);  Old browsers 
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 62%, rgba(255,255,255,1) 62%, rgba(229,229,229,1) 74%, rgba(130,140,149,1) 86%, rgba(48,54,65,1) 100%);  FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(62%,rgba(255,255,255,1)), color-stop(62%,rgba(255,255,255,1)), color-stop(74%,rgba(229,229,229,1)), color-stop(86%,rgba(130,140,149,1)), color-stop(100%,rgba(48,54,65,1)));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 62%,rgba(255,255,255,1) 62%,rgba(229,229,229,1) 74%,rgba(130,140,149,1) 86%,rgba(48,54,65,1) 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 62%,rgba(255,255,255,1) 62%,rgba(229,229,229,1) 74%,rgba(130,140,149,1) 86%,rgba(48,54,65,1) 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 62%,rgba(255,255,255,1) 62%,rgba(229,229,229,1) 74%,rgba(130,140,149,1) 86%,rgba(48,54,65,1) 100%);  IE10+ 
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 62%,rgba(255,255,255,1) 62%,rgba(229,229,229,1) 74%,rgba(130,140,149,1) 86%,rgba(48,54,65,1) 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#303641',GradientType=0 );  IE6-9 */
}
.page-container .sidebar-menu .logo-env > div.sidebar-collapse a,
.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a {
    border: 1px solid #ffffff !important;
}
.page-container .sidebar-menu .logo-env > div.sidebar-collapse a:hover,
.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a:hover {
    /*background-color: rgba(0, 0, 0, 0.8);*/
}

.page-container .sidebar-menu #main-menu li {
    font-size: 14px;
}

.profile-info.dropdown .dropdown-menu li {
    font-size: 14px;
}

.page-container.horizontal-menu header.navbar {
    /*background-color: #fff;*/
}

#main-menu i {
    color: #008BC2;
}

.breadcrumb, .breadcrumb i, .breadcrumb a {
    color: #008BC2 !important;
}

.custom-logout a, .custom-logout i {
    color: #008BC2 !important;
}

.modal-backdrop {
    z-index: 1 !important;
}

.login-page .login-bottom-links {
  padding-top: 10px;
}

.btn-warning {
  color: #ffffff;
  background-color: #F2A419 !important;
  border-color: #F2A419 !important;
}
.btn-danger {
  color: #ffffff;
  background-color: #E74C3C !important;
  border-color: #E74C3C !important;
}