.nomargin {
    margin: 0 !important
}

.margin-top-0 {
    margin-top: 0 !important
}

.nopadding {
    padding: 0 !important
}

.nolink {
    color: rgba(0, 0, 0, 0.87);
    outline: 0 none
}

.taleft {
    text-align: left
}

.tacenter {
    text-align: center
}

.taright {
    text-align: right
}

.tajustify {
    text-align: justify
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.clear-both:after {
    content: '';
    display: block;
    clear: both
}

.italic {
    font-style: italic
}

.bold {
    font-weight: 700
}

.select2-select.invalid + .select2-container .selection .select2-selection {
    border-bottom: 1px solid #F44336;
    -webkit-box-shadow: 0 1px 0 0 #F44336;
    box-shadow: 0 1px 0 0 #F44336
}

.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    height: 46px
}

.select2-container + label {
    -webkit-transform: translateY(-14px) scale(0.8);
    transform: translateY(-14px) scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.select2 {
    width: calc(100% - 45px) !important;
    margin-left: 45px
}

.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 46px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.42);
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: rgba(0, 0, 0, 0.42)
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1e88e5;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #1e88e5
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #1e88e5
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #1e88e5;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #1e88e5
}

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple {
    height: 46px;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: 0
}

.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
    height: auto
}

.select2-container--default .select2-search--inline .select2-search__field {
    height: 30px
}

.select2-container--default .select2-selection--multiple input {
    margin: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: none;
    color: #fff;
    margin-top: 8px;
    padding: 3px 10px;
    background-color: #1e88e5
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
    margin-right: 5px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px;
    height: 46px;
    padding-left: 0
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: rgba(0, 0, 0, 0.3) transparent transparent
}

.select2-container--open .select2-dropdown--above, .select2-container--open .select2-dropdown--below {
    border: none;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.26);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.26)
}

.select2-results__option {
    padding: 1rem
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-top: none;
    border-right: none;
    border-left: none
}

.select2-container--default .select2-results__option--highlighted[aria-selected], div.tagsinput span.tag {
    background-color: #1e88e5
}

img {
    max-width: 100%
}

a {
    color: #4ba82e
}

.required-star:after {
    content: "*";
    display: inline-block;
    color: #d32f2f;
    padding-left: 5px
}

.btn {
    line-height: 38px;
    background-color: #4ba82e
}

.btn.btn-small {
    line-height: 34px
}

.btn.btn-small i {
    line-height: 34px
}

.btn.btn-medium {
    line-height: 38px
}

.btn.btn-medium i {
    line-height: 38px
}

.btn.btn-large {
    line-height: 56px
}

.btn.btn-large i {
    line-height: 56px
}

.btn:hover {
    background-color: #4ec129
}

.btn:hover.success {
    background-color: #4caf50
}

.btn:hover.danger {
    background-color: #e53935
}

.btn:focus {
    background-color: #ef6c00
}

.btn:focus.success {
    background-color: #388e3c
}

.btn:focus.danger {
    background-color: #c62828
}

.btn.success {
    background-color: #43a047
}

.btn.danger {
    background-color: #d32f2f
}

.toast.success {
    background-color: #43a047
}

.toast.danger {
    background-color: #d32f2f
}

.custom-badge {
    font-weight: 400;
    color: #ffffff;
    border-radius: 2px;
    font-size: 15px;
    padding: 0 6px;
    line-height: 22px;
    height: 22px;
    display: inline-block;
    text-align: center
}

.custom-badge.success {
    background-color: #43a047
}

.custom-badge.danger {
    background-color: #d32f2f
}

.btn-floating.btn-floating-flat {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: transparent;
    color: #4ba82e
}

.btn-floating.btn-floating-flat i {
    color: #4ba82e
}

.btn-floating.btn-floating-flat:hover, .btn-floating.btn-floating-flat:focus, .btn-floating.btn-floating-flat:active {
    background-color: rgba(0, 0, 0, 0.1)
}

.btn-floating.btn-back {
    margin-right: 10px
}

.input-field .prefix.active {
    color: #4ba82e
}

input:focus:not([type]) + label.active, input[type=text]:focus:not(.browser-default) + label.active, input[type=password]:focus:not(.browser-default) + label.active, input[type=email]:focus:not(.browser-default) + label.active, input[type=url]:focus:not(.browser-default) + label.active, input[type=time]:focus:not(.browser-default) + label.active, input[type=date]:focus:not(.browser-default) + label.active, input[type=datetime]:focus:not(.browser-default) + label.active, input[type=datetime-local]:focus:not(.browser-default) + label.active, input[type=tel]:focus:not(.browser-default) + label.active, input[type=number]:focus:not(.browser-default) + label.active, input[type=search]:focus:not(.browser-default) + label.active, textarea.materialize-textarea:focus:not([readonly]) + label.active {
    color: #4ba82e
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #4ba82e;
    -webkit-box-shadow: 0 1px 0 0 #4ba82e;
    box-shadow: 0 1px 0 0 #4ba82e
}

textarea {
    height: auto;
    padding: 10px;
    resize: none;
    outline: none !important
}

textarea.textarea {
    border: 1px solid #9e9e9e;
    background-color: #ffffff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

textarea.textarea:active, textarea.textarea:focus {
    -webkit-box-shadow: 0 0 0 1px #4ba82e;
    box-shadow: 0 0 0 1px #4ba82e;
    border-color: #4ba82e;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.input-field-separate-label {
    position: relative;
    margin-bottom: 1rem
}

.input-field-separate-label label {
    display: block;
    font-size: 0.8rem;
    color: rgba(0, 0, 0, 0.42)
}

.input-field-separate-label i.prefix {
    position: absolute;
    width: 3rem;
    font-size: 2rem;
    -webkit-transition: color .2s;
    transition: color .2s;
    top: 1.4rem
}

.input-field-separate-label i.prefix.active {
    color: #4ba82e
}

.input-field-separate-label i.prefix ~ input, .input-field-separate-label i.prefix ~ textarea {
    margin-left: 3rem;
    width: calc(100% - 3rem)
}

.collapsible.collapsible-accordion > li .collapsible-header .caret {
    float: right;
    margin: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.collapsible.collapsible-accordion > li.active .collapsible-header .caret {
    -webkit-transform: rotateZ(-180deg);
    transform: rotateZ(-180deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.modal .modal-loader {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.modal .modal-loader.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal .modal-close-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 24px;
    height: 24px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #9e9e9e
}

@media screen and (max-width: 600px) {
    .modal {
        width: 95%
    }
}

.modal .modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.modal-content {
    padding: 32px 24px 24px 24px
}

@media screen and (max-width: 600px) {
    .modal-content {
        padding: 32px 8px 8px 8px
    }
}

.tabs {
    background-color: transparent
}

.tabs.tabs-responsive {
    display: block !important;
    height: auto;
    margin-bottom: 20px
}

.tabs.tabs-responsive .tab a {
    color: rgba(245, 124, 0, 0.7)
}

.tabs.tabs-responsive .tab a.active, .tabs.tabs-responsive .tab a:hover, .tabs.tabs-responsive .tab a:focus, .tabs.tabs-responsive .tab a:active {
    color: #4ba82e;
    background-color: rgba(255, 224, 178, 0.4)
}

.tabs.tabs-responsive .tab a.active:hover, .tabs.tabs-responsive .tab a.active:focus, .tabs.tabs-responsive .tab a.active:active {
    background-color: rgba(255, 224, 178, 0.4)
}

.tabs.tabs-responsive .tab a:hover, .tabs.tabs-responsive .tab a:focus, .tabs.tabs-responsive .tab a:active {
    background-color: rgba(255, 224, 178, 0.2)
}

.tabs.tabs-responsive .tab.disabled a {
    color: rgba(245, 124, 0, 0.4) !important;
    background-color: transparent !important;
    cursor: not-allowed !important
}

.tab-content {
    padding-top: 20px
}

.table-wrapper {
    position: relative;
    width: 100%
}

.table-wrapper .table-loader {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.table-wrapper .table-loader.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.table .cell-action-btns {
    width: 64px;
    text-align: center
}

@media screen and (max-width: 600px) {
    .table .cell-action-btns {
        width: 44px
    }
}

.table .cell-action-btns > .btn i {
    font-size: 18px;
    line-height: 40px
}

@media screen and (max-width: 600px) {
    .table .cell-action-btns > .btn i {
        font-size: 14px;
        line-height: 30px
    }
}

@media screen and (max-width: 600px) {
    .table .cell-action-btns > .btn {
        line-height: 30px;
        width: 30px;
        height: 30px
    }
}

.table .cell-action-btns .action-btn {
    color: #4ba82e;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.table .table-checkbox span {
    height: 16px
}

.spinner-layer {
    border-color: #1e88e5
}

.error-page-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
    min-height: 420px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px
}

.error-page-wrapper > div {
    text-align: center;
    width: 100%
}

@media screen and (max-width: 600px) {
    .error-page-wrapper {
        font-size: 15px
    }
}

.error-page-wrapper .oops {
    font-weight: 700;
    font-size: 7em;
    color: #1e88e5;
    margin-bottom: -16px;
    margin-top: -50px
}

.error-page-wrapper .code {
    font-weight: 500;
    font-size: 80px;
    margin-bottom: -20px;
    font-size: 4em
}

.error-page-wrapper .not-found {
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 20px;
    font-size: 1.5em
}

.error-page-wrapper .text {
    font-size: 1em
}

input.timepicker, input.datepicker {
    text-align: center
}

.form-cb {
    padding-left: 5px !important
}

.form-cb span {
    padding-left: 40px !important
}

.table-pagination {
    margin-top: 32px
}

.table-pagination .pagination {
    margin: 0
}

.table-pagination .pagination li.active {
    background-color: #4ba82e
}

html {
    height: 100%
}

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

html, body {
    font-family: Roboto, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif
}

#main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #eeeeee;
    overflow: auto;
    height: auto
}

#main #login {
    width: 100%;
    max-width: 460px;
    border-radius: 2px;
    background-color: #fff;
    z-index: 100
}

#main #login .logo {
    border-radius: 2px;
    background: #fff;
    text-align: center;
    padding: 40px
}

#main #login .content {
    padding: 20px
}

#background {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

#background > div {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background-size: cover;
    background-position: center;
    -webkit-transition: opacity 3s ease-in 1s;
    transition: opacity 3s ease-in 1s
}

#background > div.active {
    z-index: 10;
    opacity: 1;
    -webkit-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in
}

.alert {
    padding: 15px;
    margin-bottom: 21px;
    border: 1px solid transparent;
    border-radius: 0;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert .alert-link {
    font-weight: bold;
}

.alert > p,
.alert > ul {
    margin-bottom: 0;
}

.alert > p + p {
    margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert-success {
    background-color: #3fb618;
    border-color: #4e9f15;
    color: #ffffff;
}

.alert-success hr {
    border-top-color: #438912;
}

.alert-success .alert-link {
    color: #e6e6e6;
}

.alert-info {
    background-color: #9954bb;
    border-color: #7643a8;
    color: #ffffff;
}

.alert-info hr {
    border-top-color: #693c96;
}

.alert-info .alert-link {
    color: #e6e6e6;
}

.alert-warning {
    background-color: #ff7518;
    border-color: #ff4309;
    color: #ffffff;
}

.alert-warning hr {
    border-top-color: #ee3800;
}

.alert-warning .alert-link {
    color: #e6e6e6;
}

.alert-danger {
    background-color: #ff0039;
    border-color: #f0005e;
    color: #ffffff;
}

.alert-danger hr {
    border-top-color: #d60054;
}

.alert-danger .alert-link {
    color: #e6e6e6;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

.close {
    float: right;
    font-size: 22.5px;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.btn {
    background-color: #ef7d1a;
}

.btn:hover, .btn:focus {
    background-color: #000000;
}

.input-field .prefix.active {
    color: #ef7d1a;
}

.input-field label.active {
    color: #ef7d1a !important;
}

input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]) {
    border-bottom: 1px solid #ef7d1a;
    box-shadow: 0 1px 0 0 #ef7d1a;
}

@media (min-width: 992px) {
    #main #login {
        margin-left: 20%;
    }

    #main {
        align-items: flex-start;
    }
}
