.starter-template {
    width: 100%;
}

body {
    font-family: Arial, Helvetica, sans-serif !important;
    background: white !important;
    margin: 0 !important;
    padding: 0 !important;
}

.container {
    padding: 0;
}

.loginBoxWrapper {
    display: flex;
}

.loginBox {
    text-align: left;
    margin: auto;
}

.btn-dark {
    background-color: #232323;
    border: 1px solid #131313;
}

.btn-dark:hover {
    background-color: #131313;
    border: 1px solid #131313;
}

.btn-success {
    background-color: #3874ab;
    border: 1px solid #2e618f;
}

.btn-success:active {
    box-shadow: 0 0 0 .2rem rgba(152, 222, 255, 0.5) !important;
    background-color: #3874ab !important;
    border: 1px solid #2e618f !important;
}

.btn-success:focus {
    background-color: #3874ab !important;
    border: 1px solid #2e618f !important;
}

.btn-success:hover {
    background-color: #2e618f;
    border: 1px solid #2e618f;
}

.btn-secondary {
    background-color: #5c5c5b;
    border: 1px solid #404040;
}

.btn-secondary:hover {
    background-color: #404040;
    border: 1px solid #404040;
}

.btn-danger {
    background-color: #f08300;
    border: 1px solid #d37300;
}

.btn-danger:active {
    box-shadow: 0 0 0 .2rem rgba(255, 191, 151, 0.5) !important;
    background-color: #f08300 !important;
    border: 1px solid #d37300 !important;
}

.btn-danger:focus {
    background-color: #f08300 !important;
    border: 1px solid #d37300 !important;
}

.btn-danger:hover {
    background-color: #d37300;
    border: 1px solid #d37300;
}

.inputRow {
    margin-bottom: 15px;
}

.inputRowInline {
    margin-bottom: 30px;
}

form[name="change_password_form"] label, form[name="change_password_form"] input {
    width: 100%;
}

.inputRow label, .inputRow input, .inputRow button  {
    width: 100%;
}

.inputRowButtons {
    display: flex;
    justify-content: center;
}

.inputRowButtons input, .inputRowButtons a, .inputRowButtons button {
    width: 100%;
}

.form-row div.col-sm {
    flex-basis: auto;
    display: inline;
    padding-left: 0;
    width: 20%;
}

.form-row input {
    display: inline;
    width: 19%;
}

.pagination-row {
    margin-bottom: 1em;
    margin-top: 1em;
}

.page-link-active {
    background-color: #3874ab;
    color: white !important;
}

.page-link-active:hover {
    background-color: #2e618f;
    color: white !important;
}

.buttons span, .buttons-inline span {
    padding: 0.5em;
}

.buttons-inline{
    display: inline-block;
}

.navbar {
    background-color: #fff !important;
    font-weight: bold;
}

.action-bar button {
    margin-bottom: 0 !important;
}

.bar-tricolor {
    width: 100%;
    margin: 0;
    height: 3px;
    background:linear-gradient(to right, #5c5c5b 0, #5c5c5b 33%, #3874ab 33%, #3874ab 66%, #f08300 66%, #f08300 100%);
}

li.active {
    background: #5c5c5b;
    background: radial-gradient(circle, #5c5c5b 0%, rgb(129, 129, 129) 100%) !important;
    border: 1px solid #5c5c5b !important;
}

.bold {
    font-weight: bold;
}

ul.navbar-nav > li > a {
    color: #5c5c5b !important;
}

ul.navbar-nav > li > a.nav-link {
    padding-left: 0.5rem;
}

.navbar a:hover, .activeNav a.nav-link {
    background-color: rgba(56, 116, 171, 0.2);
    border-radius: 5px;
    color: #3874ab !important;
}

.widgetTitle {
    background: rgb(33,88,139);
    /*background: radial-gradient(circle, #5c5c5b 0%, rgb(129, 129, 129) 100%);*/
    background: radial-gradient(circle, rgb(227, 227, 227) 0%, #b1b1b1 100%);
    font-weight: bold;
    color: #5c5c5b;
    padding: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
}

.textarea-desc {
    height: 250px !important;
}

.navbar .nav-item {
    margin: 5px;
}

.dropdown-toggle {
    border: 0 !important;
    background-color: transparent !important;
}

.dropdown-item {
    color: #5c5c5b !important;
    border-radius: 0 !important;
}

.cFilterForm {
    width: 100%;
}

.filter-date {
    max-width: 150px;
}

.starter-template {
    background-color: #fff !important;
}

.form-block .btn {
    margin-top: 1em;
}

body {
    height: 100%;
    margin: 0;
    font-size: 14px;
}

html {
    height: 100%;
}

.page-link {
    color: #4e555b;
}

.page-link:hover {
    color: #4e555b;
}

.dropdown-toggle {
    border: 1px solid #ced4da;
    background-color: white;
}

.dropdown-toggle:hover {
    border: 1px solid #ced4da;
    background-color: rgba(56, 116, 171, 0.2);
}

.filter-option-inner-inner {
    color: #495057 !important;
}

.statsWrapper {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-auto-rows: 50%;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    overflow:hidden;
}

.inProgressRow {
    text-align: center;
    color: white;
    background-color: #3874ab;
}

.waitingRow {
    text-align: center;
    color: white;
    background-color: #f08300;
}

.todoRow {
    text-align: center;
    color: white;
    background-color: #5c5c5b;
}

.doneRow {
    text-align: center;
    color: white;
    background-color: #232323;
}

.statsWrapperFlex {
    display: flex;
    flex-wrap: wrap;
}

.btn, .form-control, .btn-sm, form {
    margin-bottom: 0.5em;
}

@media only screen and (max-width: 900px) {
    .btn, .form-control, .btn-sm, form {
        width: 100% !important;
        margin-bottom: 0.5em;
    }

    .cNoPaddingLeft {
        padding-left: 0;
        padding-right: 0;
    }

    .hideOnReponsive {
        display: none;
    }
}

@media only screen and (max-width: 990px) {
    .statsWrapper {
        display: flex;
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 500px) {
    .log-checkbox {
        top: 3px;
        position: relative;
        margin-left: 10px;
        margin-top: 10px;
    }
}

.navbar-dark .navbar-toggler {
    background-color: #3874ab !important;
}

* {
    margin: 0;
    padding: 0;
}

.cFullWidth {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.form-control {
    vertical-align: middle;
}

.show-tick {
    padding: 0;
}

.row {
    margin: 0;
}

.clickable {
    cursor: pointer;
    height: 26px;
    overflow: hidden;
}

.alertDue {
    color: #f08300;
    font-weight: bold;
}

.log-checkbox {
    top: 3px;
    position: relative;
    margin-left: 10px;
}

.widgetWrapper {
    width: 100%;
    height: 100%;
    padding: 10px;
}

.filter-option {
    border-bottom: 1px solid #9e9e9e;
}

.hasPointer {
    cursor: pointer;
    background: transparent;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.hasPointer:hover {
    background-color: rgba(56, 116, 171, 0.2) !important;
}

div#calendar > .fc-toolbar > .fc-center {
    display: none;
}

.statsWidget {
    width: 100%;
    height: 100%;
    text-align: center;
    max-height: 445px;
    overflow: hidden;
}

.contentWidget {
    width: 100%;
    height: 100%;
}

.cNoPaddingLeft {
    padding-left: 0;
}

.badge-danger {
    background-color: #f08300;
}

.badge-success {
    background-color: #3874ab;
}

.badge-secondary {
    background-color: #5c5c5b;
}

.badge-done {
    background-color: #232323;
}

.p-10 {
    padding: 10px;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    border-radius: 0 0 5px 5px;
    height: calc(100% - 35px);
}