.clear {
    clear: both;
}

.w-7 {
    width: 7% !important;
}

.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-22 {
    width: 22% !important;
}

.w-23 {
    width: 23% !important;
}

.w-30 {
    width: 30% !important;
}

.w-33 {
    width: 33% !important;
}

.w-35 {
    width: 35% !important;
}

.w-40 {
    width: 40% !important;
}

.w-45 {
    width: 45% !important;
}

.col-lg-0d5, .col-md-0d5, .col-lg-1d5, .col-md-1d5, .col-lg-2d5, .col-md-2d5, .col-lg-10d5, .col-md-10d5 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col-lg-0d5 {
    -ms-flex: 0 0 4.166667%;
    flex: 0 0 4.166667%;
    max-width: 4.166667%
}

.col-md-0d5 {
    -ms-flex: 0 0 4.166667%;
    flex: 0 0 4.166667%;
    max-width: 4.166667%
}

.col-lg-1d5 {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.col-md-1d5 {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.col-lg-2d5 {
    -ms-flex: 0 0 20.833333%;
    flex: 0 0 20.833333%;
    max-width: 20.833333%
}

.col-md-2d5 {
    -ms-flex: 0 0 20.833333%;
    flex: 0 0 20.833333%;
    max-width: 20.833333%
}

.col-lg-10d5 {
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%
}

.col-md-10d5 {
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%
}

.hover {
    background-color: #FFE5CC !important;
}

.highlight {
    background-color: #B4D5FF !important;
}

.text-blue {
    color: #007bff !important;
}

.text-green {
    color: #33b35a !important;
}

.text-red {
    color: #c82333 !important;
}

.text-white {
    color: whitesmoke !important;
}

.text-purple-light {
    color: #b388ff !important;
}

.text-blue-light {
    color: #81d4fa !important;
}

.text-orange {
    color: #ffb938 !important;
}

.bg-red {
    background-color: #c82333 !important;
}

.bg-green {
    background-color: #4BB543 !important;
}

.bg-blue {
    background-color: #4285f4 !important;
}

.table-hover > tbody > tr:not(.active):hover {
    background-color: #FFE5CC !important;
}

tr.rowParent {
    background-color: #a9d6ff !important;
}

tr.active {
    background-color: #bbdefb !important;
}

td.noAction {
    cursor: default !important;
}

td > input.numeric {
    direction: rtl;
}

td > input.numeric:focus {
    direction: ltr;
}

input.disabled {
    background-color: #f4f6f8 !important;
}

label.required:before {
    color: red;
    content: "* ";
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.notification_box {
    position: fixed;
    min-width: 500px;
    min-height: 30px;
    left: 2px;
    bottom: 10px;
    padding: 18px 15px 10px 15px;
    color: #c36e00;
    background-color: #fffe87;
    z-index: 10002;
    display: none;
}

.notification_box > p {
    float: left;
}

.notification_box > img {
    float: right;
    margin: 3px 0 5px 0;
}

.toast-container {
    width: 100%;
    z-index: 9999;
}

.toast {
    width: 100%;
}

.alert {
    position: absolute;
    top: 0;
    width: 100%;
    margin-bottom: 0;
    text-align: left;
    padding-left: 10%;
    z-index: 999;
}

.alert > ul > li {
    margin: 5px 0 10px 0;
}

.modal-title {
    font-weight: bold;
    font-size: inherit;
}

.modal-header, .close {
    background-color: #5cb85c;
    color: white !important;
    text-align: center;
    font-size: 30px;
}

.modal-footer {
    text-align: center;
}

form .form-group {
    margin-left: 15px;
}

form label {
    margin-bottom: 6px;
}

form textarea.form-control {
    width: 100%;
    padding: 6px 12px;
}

form .form-control {
    width: 92%;
    padding: 6px 12px;
}

form .form-control.cut {
    width: 85%;
    float: left;
}

.table > tbody > tr.selected {
    background-color: #FFA500;
}

/* BEGIN SHOWMESSAGE JQUERY */
.notification {
    font-family: Gotham, HTC Hand, Helvetica, Arial, sans-serif;
    font-size: large !important;
    font-weight: bold;
    background-color: rgb(247, 247, 247);
    color: red;
}

.success {
    font-family: Gotham, HTC Hand, Helvetica, Arial, sans-serif;
    font-size: large !important;
    font-weight: bold;
    background-color: #acfa58;
    color: black;
}

.fail {
    font-family: Gotham, HTC Hand, Helvetica, Arial, sans-serif;
    font-size: large !important;
    font-weight: bold;
    background-color: #fe2e2e;
    color: white;
}

.fail li {
    background: none !important;
    font-size: large !important;
    display: block;
}

/* END SHOWMESSAGE JQUERY */

.grecaptcha-badge {
    display: none;
}

body > .container {
    margin-top: 50px;
}