/*#b2ebf2 cyan lighten-4*/ /* background */
/*#006064 cyan darken-4*/ /* button */ /* #006064 */
/*#ef9a9a red lighten-3*/ /* danger */
/*#a5d6a7 green lighten-3*/ /* success */
/*#fff59d yellow lighten-3*/ /*warning*/
/*#ffcc80 orange lighten-3*/ /*warning*/
/*#26a69a teal lighten-1*/

html, body {
    font-family: Roboto, sans-serif;
}

h1, h2, h3, h4, h5, h6,
ul, li {
    font-family: "Source Sans Pro", sans-serif;
}

@media only screen and (min-width: 993px) {
    .container {
        width: 95%;
    }
}
@media only screen and (min-width: 601px) {
    .container {
        width: 95%;
    }
}
.container {
    padding: 0 0.5rem;
    margin: 0 auto;
    max-width: 100% !important;
    width: 95%;
}

.breadcrumbs {
    padding: 0;
    margin: 15px 0;
    list-style: none;
}

.breadcrumbs > li {
    display: inline-block;
}

.breadcrumbs > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.inline-icon {
    vertical-align: bottom;
    /*font-size: 18px !important;*/
}

html.empty,
body.empty {
    height: 100%;
}
html.empty {
    display: table;
    margin: auto;
}
body.empty {
    display: table-cell;
    vertical-align: middle;
}

.login-form {
    width: 350px;
}

.login-form p.medium-small {
    font-size: 0.9rem;
    margin: 0;
    padding: 0;
}

.login-form p.checkbox {
    padding: 0 1.25rem;
}

.login-form .row {
    margin: 0;
}

.login-form .row .col{
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

.margin {
    margin: 0 !important;
}

.body .row:not(.normal-padding) > .col {
    padding: 0;
}

.input-field.col label {
    left: 0;
}
#color {
    font-weight: bold;
    color: #0097a7 !important;
}
input {
    height: 2rem !important;
}

.file-field .btn {
    height: 2rem;
    line-height: 2rem;
}

.select-wrapper input.select-dropdown {
    height: 2rem;
    line-height: 2rem;
}

.row {
    display: block;
    margin-bottom: 10px;
}

/* change colour of filled in check box */
.checkbox-cyan-darken-4[type="checkbox"].filled-in:checked + span:not(.lever):after
{
    border: 2px solid #006064;
    background-color: #006064;
}

.logo {
    vertical-align: middle;
}

.halign-wrapper {
    justify-content: center;
}

.user-details > .row {
    padding: 10px;
}

.user-details span.logout,
.pointer {
    cursor: pointer;
}

/*.menu-column {*/
/*    position: relative;*/
/*    padding: 0 !important;*/
/*    padding-top: 64px;*/
/*}*/

/*.menu-column ul {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/

.fixed-wrapper {
    top: 0;
    bottom:0;
    position:fixed;
    overflow-y:scroll;
    overflow-x:hidden;
    width: inherit;
    padding-top: 64px;
}

.fixed-wrapper.for-left-menu {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.fixed-wrapper.for-main {
    background-color: rgba(0, 0, 0, 0.02);
}

.left-menu {
    position: relative !important;
    width: unset;
    background-color: rgba(0,0,0,0.05);
}

.org-name {
    font-size: 0.8rem;
    font-weight: 300;
    font-style: italic;
    margin-top: 10px;
}

.collapsible-header.active, .collapsible-header.active i,
a.selected {
    color: #0097a7 !important;
}

a.selected {
    font-weight: 600;
}

.collapsible-header.active:after {
    content: "\e15b";
}
.collapsible-header:after {
    font-family: "Material Icons";
    content: "\e145";
    float: right;
    color: #000;
    font-size: 18px;
}

/*.left-menu .left-menu-item ul.collapsible-accordion a.collapsible-header {*/
/*    padding: 0 30px;*/
/*}*/

.left-menu .left-menu-item a {
    font-size: 18px;
    line-height: 44px;
    height: 44px;
    padding: 0 15px;
}

.left-menu .left-menu-item .collapsible-body li {
    background-color: rgba(0,0,0,0.03);
}

.left-menu .left-menu-item .collapsible-body a {
    font-size: 16px;
    padding-left: 40px;
}

.sidenav li>a>i, .sidenav li>a>[class^="mdi-"], .sidenav li>a li>a>[class*="mdi-"], .sidenav li>a>i.material-icons {
    margin: 0 16px 0 0;
    height: 44px;
    line-height: 44px;
}


.card.directory-form {
    padding:30px;
    /*width: 50%;*/
}

.dataTables_empty {
    padding-left: 24px !important;
}

span.remove-item,
span.remove-work-amount{
    color: #ef9a9a;
    cursor: pointer;
}

.tabs .tab a:hover, .tabs .tab a.active {
    background-color: transparent;
    color: #006064
}

.tabs .tab a {
    color: rgba(0,96,100, 0.5)
}

.tabs .tab a:focus, .tabs .tab a:focus.active {
    /*background-color: rgba(246,178,181, 0.2);*/
    background-color: rgba(0,96,100, 0.1);
    outline: none;
}

.tabs .indicator {
    background-color: #006064;
}

span.show-filter {
    cursor: pointer;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    color: #006064;
}

.is-small {
    font-size: 0.8rem;
}
.is-tiny {
    font-size: 0.7rem;
}

table tfoot select {
    display: block;
}

div.material-table table {
    table-layout: initial !important;
}

.dataTables_wrapper {
    overflow-x: scroll;
}

td.link span {
    color: #039be5;
    cursor: pointer;
}

#table_tenders a,
#table_draft_request_tenders a,
#table_sent_request_tenders a {
    color: #000
}

#table_tenders a:hover,
#table_draft_request_tenders a:hover,
#table_sent_request_tenders a:hover {
    color: #039be5
}

.object-wrapper pre {
    overflow-x: scroll;
    outline: 1px solid #ccc;
    padding: 5px;
    margin: 5px;
    font-size: 0.75rem;
    font-family: 'Source Code Pro', sans-serif;
    font-weight: 400;
}
.json-string { color: #067d17; }
.json-number { color: #1750EB; }
.json-boolean { color: #0033B3; }
.json-null { color: #0033B3; }
.json-key { color: #871094; }

.system-message {
    padding: 0 15px;
    line-height: unset !important;
}

select[readonly] option, select[readonly] optgroup {
    display: none;
}