@font-face {
    font-family: "Open Sans";
    font-weight: 300;
    src: url("fonts/Roboto-Light.woff2") format("woff2");
}

@font-face {
    font-family: "Open Sans";
    font-weight: 400;
    src: url("fonts/Roboto-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "PT Sans";
    font-weight: 400;
    src: url("https://fonts.gstatic.com/s/ptsans/v12/jizaRExUiTo99u79D0KExQ.woff2") format("woff2");
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5em;
    font-weight: 300;
}

#logo {
    max-width: 180px;
    margin: 2em;
}

#org_name {
    margin: 0 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.4em;
    font-weight: 400;
}

.main-sidebar li a span {
    font-family: "PT Sans", sans-serif;
}

.content-header h1 {
    text-transform: uppercase;
    font-size: 1.6em;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'PT Sans', 'Open Sans', sans-serif;
}

h1.title {
    color: #333333;
    font-weight: 400;
}
h3.box-title {
    font-weight: 400;
    color: rgb(0, 183, 206) !important;
}

[class*="action"] i {
    font-size: 1.3em;
}

label {
    font-weight: 400;
}

input:focus, .form-control:focus {
    background-color: lightyellow;
    border-color: rgba(57, 143, 239, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(15, 172, 239, 0.6);
    outline: 0 none;
}

/* menu */
ul.sidebar-menu > li > a span {
    font-weight: bold !important;
}

.sidebar-menu .treeview-menu > li > a, .sidebar-menu li.header {
    font-size: 14px;
    font-weight: normal;
}

li.treeview > a {
    font-size: 14px;
    font-weight: normal;
}

/* layout */
.main-header .logo {
    width: 500px;
}

.main-sidebar {
    width: 270px;
}

.content-header {
    padding: 20px;
}

.content {
    padding: 0 25px;
}

.content-wrapper {
    margin-left: 270px;
}

.btn, .btn:hover, .btn:active, .btn:focus, .btn:active:hover {
    padding: 6px 8px;
    margin-right: 8px;
}

.btn:hover {
    background-color: #AAAAAA;
}

.action-search button {
    font-size: 14px;
}

/* table */
body.list .table thead tr th {
    border: 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

body.list table, body.list .table thead tr th:first-child.sorted {
    border: 0;
    border-bottom: 2px solid rgb(0, 183, 206);
}

body.list table thead th.sorted, body.list table thead th.sorted a {
    background-color: #cccccc;
}

body.list .actions {
    min-width: 120px;
}

body.list table tbody td.actions a {
    font-weight: normal;
}

.first-col-border td:first-child {
    border-right: 1px solid #666666;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #999999;
}

/* form */
.nullable-control {
    display: none;
}

.radio {
    display: inline-block;
    padding-right: 20px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #ccc;
    font-weight: bold;
    opacity: 0.7;

}
.select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    background-color: #ccc;
    font-weight: bold;
    opacity: 0.7;
}

fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
    background-color: #ccc;
    font-weight: bold;
    opacity: 0.7;
    cursor: not-allowed;
}

/* TITLES */
h3 .box-title, .box-header {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

/* OTHER */
.favorite label {
    color: #ff3e01;
}

/* list */
td.float, th.float {
    width: 80px;
    max-width: 80px;
    text-align: right;
}