// Variables
@import 'variables';

// Bootstrap
@import '~bootstrap/scss/bootstrap';
@import '~element-ui/lib/theme-chalk/index.css';

@font-face {
    font-family: "MyriadMM";
    src: url("../assets/fonts/MyriadMM.ttf");
}

html {
    height: 100%;
}

body {
    font-family: "MyriadMM", sans-serif;
    min-height: 100%;
    color: #505050;
}

.navbar-laravel {
  background-color: #396080;
  box-shadow: 0 2px 4px rgba(167, 137, 137, 0.04);
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: #fff;
}

.el-breadcrumb {
    padding: 15px;
}

label.col-form-label {
    font-weight: bold;
    text-align: right;
}

input.form-control {
    height: 40px;
    line-height: 40px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #eee;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #eee;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #eee;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.02);
}

.error-feedback {
    color: #e3342f;
    font-size: 90%;
    margin-top: 0.25rem;
}

.pager-options {
    width: 70px;
}

.el-icon-more {
    transform: rotate(90deg);
}

h1, h1 small {
    font-weight: lighter;
}

.has-error, .error {
    color: #e3342f;
}

.el-table {
    width:100%;
    border-top:1px solid #eee;
}

.form-group {
    margin-bottom: 10px;
}