body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
}
.btn-dark-green{
    color: #fff;
    background-color: #004139;
    border-color: #004139;
}
.btn-dark-green:hover{
    background-color: #466E65;
    border-color: #466E65;
}
button.btn-green.btn-lg {
    padding: 7px 15px;
}
.sd-description {
    font-size: 14px;
    font-style: italic;
}

.guest-page {
    height: calc(100vh - 111px);
    display: flex;
    align-items: center;
    background: #2DA659;
}
.guest-form {
    width: 400px;
    margin: 0 auto;
    background: #fff;
    padding: 50px 45px 50px;
    border-radius: 10px;
    box-shadow: 0px 15px 100px rgb(0 0 0 / 28%);
}
.guest-form label.form-label {
    font-size: 16px;
    margin-bottom: 7px;
    color: #727272;
    font-weight: 500;
}
.guest-form button.btn.btn-primary, .guest-form a.btn.btn-primary {
    min-width: 140px;
    border-radius: 50px;
    background: #2da659;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 21%);
    display: block;
    margin: 20px auto 0;
    font-size: 15px;
    padding: 10px 25px;
}
.hide, #main-content .close-button.btn-close{display: none;}
a.forgot-password {
    display: block;
    text-align: center;
    margin-top: 14px;
    color: #565656;
    font-size: 14px;
}
.guest-form input {
    padding: 9px 15px;
    border: 1px solid #e8e8e8;
}
.guest-form h3 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;
    color: #2da659;
    margin-bottom: 5px;
    text-align: center;
}
.guest-form p {
    color: #979797;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 40px;
    text-align: center;
}
.logo img {
    width: 240px;
}
header.site-header {
    padding: 10px 0 30px 0;
}
.progress {
    position: relative;
}
.progress.progress-gray {
    background-color: transparent;
    border: 2px solid #4c4b4b;
}
.progress.progress-gray .progress-bar {
    background-color: #b7b7b7;
}
.progress.progress-gray span.per-status {
    position: absolute;
    left: 20px;
    color: #000000;
    font-weight: 600;
}
.startlist {width: 20px;height: 20px;cursor: pointer;}
.text-center .form-check .form-check-input {float: none;}
.inner-all-inline > * {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.btn.btn-medium {padding: 8px 12px;}
.main-table-box {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-fill: balance;
       -moz-column-fill: balance;
            column-fill: balance;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    -webkit-column-rule: 2px outset #976;
       -moz-column-rule: 2px outset #976;
            column-rule: 2px outset #976;
    padding: 20px 0;
    border: 1px solid #ccc;
}
.main-table-box ul.ul-table-body li div.break_note input{width: 100%;}
.truncate {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 170px;
    display: inline-block;
}
.truncate.wd-145 {width: 145px;}
.main-table-box ul.ul-table-body li div:hover{
    cursor:move;
}
.mainFilter {
    display: flex;
    justify-content: right;
    gap: 8px;
}
ul.ul-table-head, ul.ul-table-body {
    width: 100%;
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.ul-table-head li {background: #2da659;}
ul.ul-table-head li div {
    padding: 8px 10px;
    background: #2da659;
    color: #fff;
    font-size: 14px;
    text-align: left;
    display: table-cell;
    font-weight: bold;
    vertical-align: bottom;
}
ul.ul-table-body li div:first-child {
    font-size: 14px;
    font-weight: 600;
}
ul.ul-table-body li.has-break {border: 1px solid #f24444;background: #fdd6d6 !important;}
ul.ul-table-body li div {
    padding: 8px 10px;
    vertical-align: middle;
    font-size: 14px;
    word-break: break-word;
    text-align: left;
    display: table-cell;
}
ul.ul-table-body li:nth-child(even) {
    background: #ebebeb;
}
.main-table-box ul.ul-table-body li div.number, .main-table-box ul.ul-table-head li div.number {width: 50px;}
.main-table-box ul.ul-table-body li div.headno, .main-table-box ul.ul-table-head li div.headno {width: 70px;}
.main-table-box ul.ul-table-body li div.horsename, .main-table-box ul.ul-table-head li div.horsename {width: 165px;}
.main-table-box ul.ul-table-body li div.ridername, .main-table-box ul.ul-table-head li div.ridername {width: 190px;}
.main-table-box ul.ul-table-body li div.numberofhorses, .main-table-box ul.ul-table-head li div.numberofhorses {width: 70px;}
.main-table-box ul.ul-table-body li div.info, .main-table-box ul.ul-table-head li div.info {width: 70px;}
.main-table-box ul.ul-table-body li div.break {width: 170px;padding-left: 50px;}
.main-table-box ul.ul-table-body li div.break input {max-width: 75px;margin-right: 5px;padding: 1px 0 1px 10px;}
.main-table-box ul.ul-table-body li div.break_note{width: 400px;}

/* Overview */
.overview-box table:not(#horseriders) tbody tr.focus, #horseriders tbody tr.selected {
    border: 3px solid #36a659;
}
.site-header .row {
    align-items: center;
}
.heading h1 {
    margin: 0;
    text-align: right;
    font-size: 25px;
    font-weight: bold;
}
h5.heading {
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 5px;
}
.overview-box {
    background: #fff;
    box-shadow: 0px 40px 30px rgb(0 0 0 / 9%);
    border: 1px solid #E6E6E6;
    border-radius: 2px;
    padding: 20px 20px 20px;
    margin-bottom: 60px;
}
.overview-box th {
    padding: 8px 10px;
    background: #2da659;
    color: #fff;
    font-size: 14px;
}
.overview-box table.table {
    border: 1px solid #E6E6E6;
}
.overview-box table.table:last-child {
    margin-bottom: 0;
}
.overview-box tr td {
    padding: 8px 10px;
    vertical-align: middle;
    font-size: 14px;
    word-break: break-word;
}
.overview-box tr td button {margin-bottom: 1px;}
.overview-box tr:nth-child(even) {
    background: #ebebeb;
}
.overview-box tr td:first-child {
    font-size: 14px;
    font-weight: 600;
}
.overview-box tr td:first-child span{
    font-size: 12px;
    font-weight: 400;
}
.overview-box tr td:nth-child(2) {
    font-size: 14px;
    color: #434343;
    line-height: 20px;
    font-weight: normal;
}
.overview-box tr td:nth-child(2) strong {
    font-size: 15px;
    color: #2da659;
}
.overview-box tr td:nth-child(2) {
    font-size: 14px;
    font-weight: normal;
}
.overview-box tr td:nth-child(2) a {
    color: #2da659;
    text-decoration: none;
    font-weight: 500;
}
.overview-box tr td:last-child {
    font-size: 14px;
    font-weight: 600;
}
.overview-box tbody tr:last-child td {
    border-bottom: none;
}
.detail-info form a.btn-green {padding: 4px 15px;}
.overview-box tbody tr td a, .overview-box a.btn-green, button.btn-green, .detail-info form a.btn-green {
    font-size: 14px;
    background: transparent;
    margin-right: 5px;
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    margin-top: 0;
    background: #2da659;
    border: 1px solid #2da659;
    padding: 7px 10px;
    transition: 300ms all;
    vertical-align: middle;
    line-height: 100%;
}
.overview-box tbody tr td a:hover, .container .overview-box tbody tr td a.btn-green:hover, , button.btn-green:hover, .detail-info form a.btn-green:hover {
    background: #212529;
}
.overview-box tr td:nth-child(2) a:last-child {
    background: #fff;
    margin-left: 5px;
}
a.disabled, button.disabled {
    pointer-events: none !important;
    background: #8e9791 !important;
    border-color: #8e9791 !important;
    opacity: 0.6;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #8e9791;
    border-color: #8e9791;
    pointer-events: none;
}
.bank-statements tr td tr td {padding: 8px 10px 0 10px;}
.search-box input {
    padding: 8px 30px;
    border: 1px solid #ccc;
    font-size: 14px;
    outline: none;
    width: 100%;
}
.search-box {
    text-align: right;
    padding-bottom: 14px;
}
.overview-box tbody tr img {
    width: 22px;
    margin-right: 10px;
}
.overview-box tbody tr td a:last-child:after{
    display: none;
}
/* -add-css-- */
/*.overview-box tbody tr td a.btn-yellow:last-child {
    font-size: 14px;
    background: transparent;
    margin-right: 5px;
    display: inline-block;
    padding: 0px 0px;
    color: #ffffff;
    text-decoration: none;
    margin-top: 0;
    background: #000;
    padding: 2px 10px;
    transition: 300ms all;
    border-color: #000;
}
.overview-box tbody tr td a.btn-yellow:last-child:hover{
    background: #2da659;
    border-color: #2da659;
}*/
#myModal .modal-body button.btn.btn-primary {
    margin-left: auto;
    font-size: 16px;
    margin-right: 5px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    margin-top: 0;
    background: #2da659;
    padding: 8px 25px;
    transition: 300ms all;
    border-color: #2da659;
}
#myModal .modal-body button.btn.btn-primary:hover{
    background: #000;
    border-color: #000;
}
#myModal .modal-body button.btn.btn-primary:focus{
    box-shadow: none;
}
#myModal .modal-header .btn-close, #myModal .modal-content .overview-box .btn-close {
    padding: .5rem .5rem;
    margin: 0;
    position: absolute;
    top: -15px;
    right: -15px;
    border: 1px solid #000;
    background-color: #ffffff;
    opacity: 1;
    border-radius: 20px;
}
.modal-body.sticky-model-header {
    height: 80vh;
    overflow-y: auto;
}
.modal-body.sticky-model-header table thead.sticky-table-show {
    left: 39px !important;
    top: 54px !important;
}
.detail-tab .detail-submit-btn, .stable-submit-btn, .common-submit-btn {
    margin-left: auto;
    font-size: 16px;
    margin-right: 5px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    margin-top: 0;
    background: #2da659;
    padding: 8px 25px;
    transition: 300ms all;
    border-color: #2da659;
}
.overview-box-new {
    margin-top: 0;
    border-top: 0;
}
.close-button .btn-close:focus{
    box-shadow: none;
}
.overview-box > iframe {
    width: 100%;
    min-height: 70vh;
}
/* ---overview--- */
/* Rider Details */
.account-table h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}
.rider-tab-content h3 {
    font-size: 30px;
    font-weight: bold;
}
.rider-tabs {
    padding-top: 15px;
}
.rider-tabs ul button, .vet-search ul button, .common-tabs ul button, .common-tabs ul a {
    padding: 6px 15px;
    color: #000 !important;
}
.rider-tabs ul button.active, .vet-search ul button.active, .common-tabs ul button.active, .common-tabs ul li.active a {
    background: #2da659 !important;
    color: #fff !important;
}
.account-headings {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.account-headings a:not(.no-btn),
.overview-box tbody tr td a.btn-yellow,
.add-btn-show2,
.btn-yellow{
    display: inline-block;
    font-size: 13px;
    text-decoration: none;
    background: #FFD743;
    border: 1px solid #FFD743;
    color: #000;
    padding: 7px 10px;
    font-weight: 500;
    transition: 300ms all;
    vertical-align: middle;
    line-height: 100%;
}
.heading .btn-yellow{
    background-color: initial;
    border:none;
    padding: 0px;
}
.account-headings a:not(.no-btn):hover,
.overview-box tbody tr td a.btn-yellow:hover,
.add-btn-show2:hover,
.btn-yellow:hover{
    background: #efc427;
    color: #fff;
    border-color: #efc427;
}
.modal {
    background: rgb(23 83 45 / 55%);
}
.modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    margin: 0;
    width: 1200px;
    max-width: 1200px;
}
.modal-dialog.modal-xl {
    max-width: 100%;
    width: 90%;
}
.modal-header, .modal-content {
    border-radius: 0;
}
.modal-content {position: unset;}
.add-fees.overview-box {
    padding: 0;
    box-shadow: none;
    border: none;
    margin-bottom: 10px;
    margin-top: 0;
}
.modal-footer {
    border-top: none;
    padding-top: 0;
}
.modal-footer button {
    padding: 4px 35px;
    font-size: 14px;
    border-radius: 0;
    outline: none !important;
    box-shadow: none !important;
    background: #a3a3a3;
    border-color: #a3a3a3;
}
.modal-footer button.btn.btn-primary {
    background: #2da659;
    border-color: #2da659;
}
.modal-header h5 {
    font-size: 25px;
    font-weight: bold;
}
.modal-header {
    border: none;
    padding-bottom: 0;
}
.add-fees.overview-box td input {
    border: 1px solid #ccc;
    outline: none;
    padding: 3px 10px;
    font-size: 12px;
}
.detail-info form {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}
.detail-tab .form-group.input-group input {
    width: 100%;
    padding: 6px 15px;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #888;
    outline: none;
}
.detail-tab .form-group.input-group {
    width: 25%;
    padding: 0 8px;
    margin-bottom: 8px;
    margin-top: 8px;
}
.detail-tab .form-group.input-group select {
    width: 100%;
    padding: 6px 15px;
    border: 1px solid #ccc;
    font-size: 14px;
    outline: none;
    color: #888;
}
.details-save {
    padding: 20px 8px 8px;
    text-align: right;
    width: 100%;
}
.details-save a {
    background: #2da659;
    color: #fff;
    font-size: 15px;
    padding: 5px 30px;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    transition: 300ms all ease-in-out;
}
.details-save a:hover {
    background: #000;
}
.top-head h2 {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600;
}
.total-price {
    text-align: right;
}
.total-price h3 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
}
.total-price h3 span {
    margin-left: 10px;
}
.top-heading {
    padding-top: 20px;
}
.total-price {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.btn-pricemoney-calc {margin-top: 30px;padding: 5px 15px;font-size: 18px;}
a.btn-invoice {
    display: inline-block;
    background: transparent;
    font-size: 14px;
    border: 1px solid #212529;
    padding: 6px 20px;
    text-decoration: none;
    color: #212529;
    margin-left: 25px;
    transition: 300ms all;
}
a.btn-invoice:hover {
    background: #212529;
    color: #fff;
}
ul.navbar-nav {
    margin: 0 auto;
}
ul.navbar-nav li.nav-item a.nav-link {
    color: #212529;
    font-weight: 500;
    font-size: 15px;
    padding: 0 20px;
}
ul.profile-navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    list-style: none;
    margin: 0 auto;
    align-items: flex-end;
}
ul.profile-navbar-nav li.nav-item a.nav-link {
    color: #212529;
    font-weight: 500;
    font-size: 15px;
    padding: 0 0 0 10px;
}

.lorry-box tbody tr td a {
	font-size: 14px;
    background: transparent;
    margin-right: 5px;
    display: inline-block;
    padding: 0px 0px;
    color: #ffffff;
    text-decoration: none;
    margin-top: 0;
    background: #2da659;
    padding: 2px 10px;
    transition: 300ms all;
}
.lorry-box tbody tr td a:hover {
	background: #212529;
    cursor: pointer;
}

.modal-header img {
    width: 24px;
    height: 24px;
}
.close-button {
    cursor: pointer;
}
span.box-style {
    margin-bottom: 5px;
    padding: 5px;
    border: 1px solid #898989;
    background-color: #898989;
    display: inline-block;
    color: #fff;
}
/* ----add-css----- */

.rider-inner-box .account-headings {
	min-height: 30px;
}

.rider-inner-box input:not(.sbereit) {
	max-width: 120px;
	width: 100%;
}


/* .accreditation-box tr td a, .lorry-box tr td a {
    background: #FFD743 !important;
    border: 1px solid #FFD743 !important;
    color: #000 !important;
    padding: 3px 20px;
    font-weight: 500;
    transition: 300ms all;
    margin-right: 0 !important;
    width: 110px;
    text-align: center;
} */


/* .accreditation-box tr td a:hover, .lorry-box tr td a:hover {
    background: #2da659 !important;
    color: #fff !important;
    border-color: #2da659 !important;
} */

.accreditation-box tr td input:focus,
.lorry-box tr td input:focus {
	outline: none !important;
}

a.save-btn:hover {
	background: #FFD743 !important;
	color: #fff !important;
	border-color: #FFD743 !important;
}

a.save-btn {
	background: #FFD743 !important;
	border: 1px solid #FFD743 !important;
	color: #000 !important;
	padding: 3px 20px;
	font-weight: 500;
	transition: 300ms all;
	margin-right: 0 !important;
	width: 110px;
	text-align: center;
}

a.add-btn:hover {
	background: #FFD743 !important;
	color: #fff !important;
	border-color: #FFD743 !important;
}

a.add-btn {
	background: #FFD743 !important;
	border: 1px solid #FFD743 !important;
	color: #000 !important;
	padding: 3px 20px;
	font-weight: 500;
	transition: 300ms all;
	margin-right: 0 !important;
	width: 110px;
	text-align: center;
}

/* .detail-tab-new input {
	padding: 6px 10px;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #888;
	outline: none;
	width: 60%;
} */

/*.detail-tab-new label {
	padding: 6px 10px;
	font-size: 16px;
	color: #888;
	outline: none;
	width: 100%;
	max-width: 140px;
}

.detail-tab-new input {
	padding: 6px 10px;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #888;
	outline: none;
	max-width: 250px;
	width: 100%;
    color: #2da659;
}
.detail-tab-new label {
    color: #000;
}
.detail-tab-new select {
	width: 100%;
	padding: 6px 15px;
	border: 1px solid #ccc;
	font-size: 14px;
	outline: none;
	color: #888;
	max-width: 250px;
}*/

.detail-tab-new .form-check {
	min-height: auto;
	width: 22%;
	margin-bottom: 30px;
	padding-left: 0;
}

.detail-tab-new input:focus {
    color: #2da659;
    box-shadow: none !important;
    border-color: #ccc !important;
}

/* --add3-1css1-- */
.col-big-btn {
    text-align: center;
    padding: 20px 0 40px 0;
}
.col-big-btn input.qty.qty-input-middl {
    text-align: center;
    width: 80px;
    background: transparent;
    color: #000000;
    font-size: 23px;
    border: 1px solid #2da659;
}
.col-big-btn input.qty-btn.qty-minus {
    width: 100px;
    background: #2da659;
    border: 0;
    color: #fff;
    font-size: 25px;
}
.col-big-btn input.qty-btn.qty-plus {
    width: 100px;
    background: #2da659;
    border: 0;
    color: #fff;
    font-size: 25px;
}
.col-big-btn input.qty-btn.qty-minus:hover {
    background: #000000;
}
.col-big-btn input.qty-btn.qty-plus:hover{
    background: #000000;
}
.col-big-btn:first-child {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.col-big-btn:nth-child(2) {
    border-bottom: 1px solid #ccc;
}
.col-big-btn:nth-child(3) {
    border-right: 1px solid #ccc;
}
.col-big-btn input.qty.qty-input-middl:focus-visible {
    outline: 0;
}

.big-btn-box input [type=number] {
    -moz-appearance: textfield;
}
/* Chrome, Safari, Edge, Opera */
.big-btn-box input::-webkit-outer-spin-button,
.big-btn-box input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.modal-dialog{
    max-height: 80vh !important;
}
.add-fees-btn-box {
    padding-bottom: 0;
}
.add-fees-btn-box .overview-box {
    margin-bottom: 0;
}

.eventAdd{
    float: right;
    margin-right: 3px;
    border: none !important;
    margin-bottom: -15px;
}
.addEvents,.addFees{
    font-size: 17px !important;
    padding: 5px 10px;
    min-width: 132px !important;
}

.riderDiv{
    display: none;
}

.riderDiv .select2 {
    width: 100% !important;
}

.allShowSpace{
    margin: 20px 0px 0px 0px;
}

.officialDiv .select2 {
    width: 100% !important;
}

.officialType .select2 {
    width: 100% !important;
}

.submit-button {
    margin-left: auto;
    font-size: 16px;
    margin-right: 5px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    margin-top: 0;
    background: #2da659;
    padding: 8px 25px;
    transition: 300ms all;
    border-color: #2da659;
}

.sbereit{
    min-width: 50px;
    min-height: 20px;
}
.overview-box a.btn-clr-red, .overview-box button.btn-clr-red {
    background: #e36868;
    border: 1px solid #e36868;
    color: #ffffff;
}
.fee_del{
    font-size: 14px;
    background: transparent;
    margin-right: 5px;
    display: inline-block;
    padding: 0px 0px;
    color: #ffffff;
    text-decoration: none;
    margin-top: 0;
    background: #2da659;
    padding: 2px 10px;
    transition: 300ms all;
}

.fee_de:hover {
    background: #212529;
    cursor: pointer;
}
.btn span.spinner-border{
    display: none !important;
    width: 1em !important;
    height: 1em !important;
}
.add-btn-show span.spinner-border{
    display: none;
    width: 20px; height: 20px; margin-left: 5px;
    vertical-align: middle;
}
.btn.loading, .add-btn-show.loading {pointer-events: none;}
.btn.loading span.spinner-border, .add-btn-show.loading span.spinner-border{display: inline-block !important;}
.btn.loading .svg-inline--fa{display: none;}
.overview-box tr td.nation {width: 50px;}
.overview-box tr td.nation span {
    font-size: 20px;
    vertical-align: middle;
}
span.sub-title {
    font-size: 12px;
}
span.description {
    font-size: 12px;
    font-style: italic;
    color: #4e4e4e;
}
.font-weight-400{font-weight: 400 !important}
.filter-wrap {display: flex;justify-content: space-between;gap: 5px;}
.stables-wrap table tbody tr.head-info th a {
    color: #fff;
    text-decoration: none;
}
.stables-wrap table tbody tr.head-info th {
    padding: 20px;
    font-size: 22px;
}
/* Stable Layout CSS */
.stable-inner-full {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.stable-dynamic-left {
    width: 15%;
    margin: 0 auto;
}
.stable-left {
    width: 85%;
}
.stable-left .stable-inner-row, .stable-dynamic-left .stable-inner-row {
    display: flex;
    flex-wrap: wrap;
}
.stable-left .stable-inner-box {
    width: 100px;
    border: 1px solid #ccc;
    position: relative;
    height: 100px;
    border-right: none;
    margin-bottom: 100px;
    z-index: 9;
}
.stable-dynamic-left .stable-inner-box {
    width: 100px;
    border: 1px solid #ccc;
    position: relative;
    height: 100px;
    border-bottom: none;
    z-index: 9;
}
.stable-inner-box .form-group {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.stable-inner-box h3 {
    font-size: 20px;
    font-family: sans-serif;
    margin: 0;
    padding: 3px;
    font-weight: bold;
    display: inline-block;
}
.stable-inner-box .rider-info {
    color: #ffffff;
    position: absolute;
    bottom: 1px;
    text-align: center;
    font-size: 14px;
    width: 100%;
    padding: 0;
    word-break: break-word;
}
.stable-inner-box .rider-info a:not(.del-stable-rider) {color: #ffffff;text-decoration: none;}
.inner-image img {
    width: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.spacer {
    display: inline-block;
    height: 252px;
    margin-top: -100px;
    border-right: 1px solid #ccc;
    width: 99.0%;
    margin-bottom: -8px;
}
.stable-right, .stable-dynamic-right {
    width: 15%;
    padding-left: 0;
    margin: 0 auto;
}
.stable-right .stable-inner-box, .stable-dynamic-right .stable-inner-box {
    width: 100px;
    border: 1px solid #ccc;
    position: relative;
    height: 100px;
    border-bottom: none;
    margin-right: 0;
    margin-left: auto;
    z-index: 9;
}
.stable-right .stable-inner-box:last-child, .stable-dynamic-right .stable-inner-box:last-child {border-bottom: 1px solid #ccc;}
.stable-left .stable-inner-box:last-child {
    border-right: 1px solid #ccc;
}
.stable-inner-box .form-group {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.form-group label {
    position: absolute;
    cursor: pointer;
}
.stable-inner-box label {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    pointer-events: none;
}
.form-group label:before {
    width: 100%;
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #0079bf;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: initial;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 0;
    height: 100%;
    border: none;
}
.form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-width: 0 2px 2px 0;
    background: #2ca558;
    z-index: -1;
}
.overassigned .form-group input:checked + label:after {background: #ff8f00;}
.stable-table {
    width: 100%;
}
.stable-inner-section {
    width: 833px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}
.stable-inner-section .heading {
    margin-top: 0;
    margin-bottom: 20px;
    font-family: sans-serif;
    font-size: 35px;
    background: #2ca558;
    color: #fff;
    padding: 6px 20px;
    display: flex;
    justify-content: space-between;
}
.stable-inner-section.stable-reverse .stable-inner-full {
    flex-direction: row-reverse;
}
.stable-inner-section.stable-reverse .stable-right .stable-inner-box {margin-left: 0;}
.stable-inner-section.stable-reverse .stable-left .stable-inner-row {flex-direction: row-reverse;}
.stable-inner-section.stable-reverse .stable-left .stable-inner-box {margin-left: auto;}
.stable-inner-section.stable-reverse .stable-left .stable-inner-box:last-child {border-right:none;}
.stable-inner-section.stable-reverse .stable-left .stable-inner-box:first-child {border-right: 1px solid #ccc;}
.stable-inner-section.stable-reverse .stable-left .spacer {width:3px;}
.ui-draggable.ui-draggable-handle.ui-draggable-dragging td:first-child, .ui-draggable.ui-draggable-handle.ui-draggable-dragging td:last-child, .ui-draggable.ui-draggable-handle.ui-draggable-dragging td:nth-child(2) .sub-title, .ui-draggable.ui-draggable-handle.ui-draggable-dragging td:nth-child(2) br, .ui-draggable.ui-draggable-handle.ui-draggable-dragging td:nth-child(3) {display: none;}
.ms-draggable tr.ui-draggable-handle td .title, .ui-draggable.ui-draggable-handle {cursor: move;}
.ui-draggable.ui-draggable-handle.ui-draggable-dragging, .ui-draggable.ui-draggable-handle.ui-draggable-dragging td, .rider-info.ui-draggable-handle.ui-draggable-dragging {
    display: inline-block;
    width: 100px;
    height: 50px;
    text-align: center;
    background-color: #ebebeb;
    color: #000;
    border: 1px solid #ccc;
}
a.del-stable-rider {
    background: transparent;
    color: #e36868;
    border: none;
    position: absolute;
    top: -32px;
    right: 5px;
    font-size: 16px;
    display: block;
}
.ui-draggable-handle.ui-draggable-dragging.rider-info a:not(.del-stable-rider) {color: #000;}
.rider-info.ui-draggable-handle:hover a.del-stable-rider {display: block;}
svg.svg-inline--fa.sdb-bage {
    position: absolute;
    top: -26px;
    right: 40%;
}
.dropdown-gray a {
    background-color: #6c757d;
    color: #ffffff;
    border: 1px solid #6c757d;
}
.dropdown-gray a:hover {
    background-color: #e9ecef;
    color: #1e2125;
    border: 1px solid #e9ecef;
}
.dropdown .dropdown-menu {padding: 0;}
ul.dropdown-menu li>a {width: 100%;}
.stable-inner-box textarea.box-note {
    width: 100%;
    height: 45px;
    position: absolute;
    bottom: 0;
    left: 0;
}
a.stable-box-print {
    position: relative;
    color: #ffffff;
    cursor: pointer;
    z-index: 9;
    line-height: 18px;
    vertical-align: text-top;
}
.status-clr-red, .status-clr-red > * {color: #e36868;}
.heading{text-align: right;}
.heading h1 img {min-width: 230px;}
.status-bg-clr-red, .status-bg-clr-red > * {
    background: #e36868 !important;
    color: #ffffff !important;
}
.status-clr-green, .status-clr-green > * {color: #73af6c;}
.status-bg-clr-green, .status-bg-clr-green > * {
    background: #73af6c !important;
    color: #ffffff !important;
}
.note-full-wrap {position: relative;}
.note-full-wrap textarea {
    width: 100%;
    padding-right: 55px;
}
.note-full-wrap a {
    position: absolute;
    right: 5px;
    top: calc(50% - 18px);
    visibility: hidden;
}
.text-line2-limit {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 65px;
}
.stable-riders-wrap{margin-left: auto;}
.stables-wrap.sticky-this.sticky, .stable-riders-step2-wrap.sticky-this.sticky{
    position: sticky;
    position: -webkit-sticky;
    max-width: 638px;
    height: 100%;
    top: 0;
}
.box-note2 {
    position: absolute;
    background: #dddddd;
    width: 100px;
    text-align: center;
    left: 0;
    top: 100%;
    border: 1px solid #cccccc;
}
.stable-right .box-note2, .stable-dynamic-left .box-note2, .stable-dynamic-right .box-note2 {
    rotate: 90deg;
    top: 37px;
    left: -64px;
}
.stable-reverse .stable-right .box-note2 {
    rotate: -90deg;
    top: 37px;
    left: 62px;
}
.riders-stable-details .stables-wrap {margin: 0px auto;}
input.form-check.chk_delete {
    display: inline-block;
    width: 20px;
    vertical-align: middle;
    margin-right: 5px;
}
div.buttons > * {vertical-align: top !important;}
#main-content {position: relative;}
#main-content .overview-box + .d-flex.justify-content-center .spinner-border {
    position: fixed;
    top: 50%;
    z-index: 9999;
}
#myModal .loader {min-height: 200px;}
#myModal .loader .spinner-border {margin: auto;}
#horseriders tbody tr {cursor: pointer;}
#horseriders tbody tr.selected {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 413px;
    display: inline-table;
    background: #2da659;
    color: #fff;
}
#horseriders tbody tr.selected .title {color: #fff;}
tr.selected, div.selected {border: 2px solid #2da659;}

/* Reposnive Style */
@media(max-width:991px){
    button.navbar-toggler {
        order: 3;
        background: #2da659;
        color: #fff;
    }
    button.navbar-toggler span.toggle {
        width: 22px;
        height: 3px;
        display: block;
        background: #fff;
        margin: 4px 0 4px;
    }
    .overview-section thead {
        display: none;
    }
    .overview-section tbody tr td:first-child {
        width: 25%;
    }
    .overview-section tbody tr td:nth-child(2) {
        width: 30%;
    }
    .overview-section tbody tr td:nth-child(3) {
        width: 45%;
    }
    section.overview-section tbody tr {
        display: flex;
        flex-wrap: wrap;
    }
    .overview-section tbody tr td:nth-child(4) {
        width: 100%;
    }
    .navbar-collapse {
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 99;
    }
    ul.navbar-nav {
        margin: 0 auto;
        background: #2da659;
        padding: 20px 0px 5px;
    }
    ul.navbar-nav li.nav-item a.nav-link {
        color: #fff;
        font-size: 16px;
        margin-bottom: 10px;
        padding: 0;
        border-bottom: 1px solid #fff;
        padding-bottom: 5px;
        padding-left: 20px;
    }
    ul.navbar-nav li.nav-item:last-child a.nav-link{
        border: none;
    }
	/* -----add-new-css---- */
	.detail-tab-new .form-check {
		width: 50%;
    }
    .modal-dialog {
        width: 100%;
        max-width: 98%;
    }
	/* -----add-new-css---- */
    .progress {width: 70px;}
    .sm-x-scroll{overflow-x: scroll;}
}

@media(max-width:767px){
    .riders-stables .stables-wrap{margin-bottom: 5px;}
    .stables-wrap.sticky-this.sticky{
        position: unset;
        top: auto;
    }
    .stables-wrap table tbody tr {display: table-row;}
    .stables-wrap table tbody tr.head-info th {
        display: table-cell;
        padding: 5px 16px;
    }
    .main-table-box {
        -webkit-column-count: 1;
           -moz-column-count: 1;
                column-count: 1;
    }
    .logo {
        text-align: center;
    }
    .heading h1 {
        text-align: right;
        padding-top: 0;
        font-size: 20px;
    }
    .overview-box {
        margin-top: 0;
    }
    .overview-box tbody tr {
        display: flex;
        flex-wrap: wrap;
    }
    .overview-box tr td:first-child {
        width: 30%;
        font-size: 14px;
    }
    .overview-box th {
        display: none;
    }
    .overview-box thead tr {
        display: flex;
        flex-wrap: wrap;
    }
    .overview-box tr td:nth-child(2) {
        width: 70%;
    }
    .overview-box tr td {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .overview-box tr td:nth-child(3) {
        width: 70%;
        order: 5;
    }
    .overview-box tr td:nth-child(4) {
        width: 13%;
        font-size: 14px;
    }
    .overview-box tr td:nth-child(5) {
        width: 17%;
        font-size: 13px;
    }
    .overview-box tr td:nth-child(3) span {
        margin-right: 10px;
    }
    .overview-box thead tr th:first-child {
        width: 100%;
        padding: 5px 20px;
        display: block;
    }
    .overview-section tbody tr td:first-child {
        width: 35%;
        order: 0;
    }
    .overview-section tbody tr td:nth-child(2) {
        width: 20%;
        order: 1;
    }
    .overview-section tbody tr td:nth-child(3) {
        width: 45%;
        order: 2;
    }
    .overview-section tbody tr td:nth-child(4) {
        width: 100%;
        order: 3;
    }
    .overview-section tbody tr td:nth-child(5) {
        width: 100%;
        order: 4;
    }
    .overview-section tbody tr td:last-child {
        width: 100%;
        order: 999;
    }
    .overview-section tbody tr td {
        padding: 8px 10px;
    }
    .logo img {
        width: 170px;
    }
    header.site-header {
        padding: 10px 0 10px;
    }
	/* -----add-new-css----- */
	.accreditation-box tr td,
	.lorry-box tr td {
		width: 50% !important;
	}
	.accreditation-box tr:first-child td:nth-child(2) {
		order: 1;
	}
	.accreditation-box tr:nth-child(2) td:nth-child(1) {
		order: 3;
	}
	.accreditation-box tr:nth-child(2) td:nth-child(3) {
		order: 1;
}
	.accreditation-box tr:nth-child(2) td:nth-child(4) {
		order: 1;
	}
	.accreditation-box tbody tr {
		display: flex;
	}
	.lorry-box tbody tr {
		display: flex;
	}
	/* .accreditation-box tbody tr:last-child td {
		display: none;
	}
	.lorry-box tbody tr:last-child td {
		display: none;
	}*/
	.lorry-box tbody tbody tr:last-child td:nth-child(3) {
		display: block;
	}
	.accreditation-box tbody tr:last-child td:last-child {
		display: block;
	}
	.lorry-box tbody tr:nth-child(1) td:nth-child(2) {
		order: 6;
	}
	.detail-tab-new .form-check {
		width: 100%;
	}

    .add-fees-big  table thead tr th:first-child {
        width: 30% !important;
    }
	/* -----add-new-css----- */
}

@media(max-width:499px){
    /* .heading {
        display: none;
    } */
    .heading h1 {
        text-align: left;
    }
    .heading .btn-yellow {
        text-decoration: underline;
    }
    .login-form {
        width: 100%;
        padding: 40px 30px 40px;
    }
    .login-form h3 {
        font-size: 30px;
    }
    .login-form p{
        font-size: 15px;
        margin-bottom: 30px;
    }
    .login-form label.form-label {
        font-size: 14px;
    }
    .login-form input {
        padding: 5px 15px;
    }
    .login-form button.btn.btn-primary {
        margin: 30px auto 0;
        font-size: 14px;
    }
    .logo {
        text-align: center;
        display: none;
    }
    .logo img {
        width: 180px;
    }
    .login-page{
        height: calc(100vh - 100px);
    }
    .overview-box tr td:first-child {
        width: 16%;
        font-size: 14px;
        padding-right: 0;
    }
    .overview-box tr td:nth-child(2) {
        width: 84%;
    }
    .overview-box tr td:nth-child(5) {
        width: 18%;
        font-size: 13px;
        order: 5;
        padding-left: 0;
    }
    .overview-box tr td:nth-child(4) {
        width: 16%;
        font-size: 14px;
        padding-right: 0;
    }
    .overview-box tr td:nth-child(3) {
        width: 66%;
        order: 5;
    }
    .overview-box tr td:nth-child(2) span {
        display: block;
        width: 100%;
    }
    .overview-section tbody tr td:nth-child(3) {
        width: 40%;
        order: 3;
    }
    .overview-section tbody tr td:nth-child(2) {
        width: 25%;
        order: 2;
    }
    .overview-section tbody tr td {
        padding: 8px 6px;
    }
    .overview-section .overview-box tr td:nth-child(2) span {
        width: auto;
    }
    .overview-section tbody tr td:first-child {
        width: 50%;
        order: 0;
    }
    .overview-section tbody tr td:nth-child(2) {
        width: 25%;
        order: 2;
    }
    .overview-section tbody tr td:nth-child(3) {
        width: 50%;
        order: 3;
    }
    .overview-section tbody tr td:nth-child(4) {
        width: 75%;
        order: 4;
    }
    .overview-section tbody tr td:nth-child(5) {
        width: 100%;
        order: 5;
    }
    .overview-section tbody tr td:last-child {
        width: 100%;
        order: 999;
    }
    .overview-box tbody tr td a, .overview-box tbody tr td button{
        font-size: 12px !important;
        padding: 2px 8px !important;
    }
    .search-box input {
        font-size: 12px;
        padding: 8px 15px;
    }
    .logo img {
        width: 140px;
    }
}
@media(max-width:399px){
    .overview-box tr td:nth-child(2) {
        width: 84%;
        padding-right: 10px;
        font-size: 12px;
        line-height: 16px;
        padding-left: 11px;
    }
    .overview-box tr td:nth-child(2) a{
        font-size: 11px;
    }
    .overview-box tr td:first-child {
        width: 100%;
        font-size: 12px;
        padding-right: 0;
        padding-left: 10px;
    }
    .overview-box tr td:nth-child(4) {
        width: 100%;
        font-size: 12px;
        padding-right: 0;
        padding-left: 10px;
    }
    .overview-box tr td:nth-child(3) {
        width: 100%;
        order: 5;
        padding-left: 12px;
        font-size: 12px;
    }
    .overview-box tr td:nth-child(5){
        font-size: 12px;
    }
    .overview-box tr td:last-child {
        width: 100%;
        order: 999;
        display: inline-block;
        text-align: center;
    }
    .overview-box {
        margin-top: 0;
        border: none;
        padding: 0;
        box-shadow: none;
    }
    .overview-box thead tr th:first-child {
        padding: 5px 10px;
        font-size: 14px;
    }
}
@media(max-width:374px){
    .overview-box tbody tr img {
        width: 15px;
        margin-right: 5px;
    }
    .overview-section tbody tr td:nth-child(2) {
        width: 100%;
        order: 3;
    }
    .overview-section tbody tr td:nth-child(4) {
        width: 100%;
        order: 4;
    }
    .overview-section tbody tr td:first-child {
        width: 100%;
        order: 0;
    }
    .overview-section tbody tr td:nth-child(3) {
        width: 100%;
        order: 2;
    }
    .overview-section tbody tr td:last-child {
        width: 100%;
        order: 999;
        display: inline-block;
        text-align: center;
    }
    .overview-box tbody tr td a {
        font-size: 11px !important;
        padding: 2px 5px !important;
    }

    ul.ul-table-head li div{padding: 8px 5px;}
    .main-table-box ul.ul-table-body li div.number, .main-table-box ul.ul-table-head li div.number,
    .main-table-box ul.ul-table-body li div.headno, .main-table-box ul.ul-table-head li div.headno,
    .main-table-box ul.ul-table-body li div.horsename, .main-table-box ul.ul-table-head li div.horsename,
    .main-table-box ul.ul-table-body li div.ridername, .main-table-box ul.ul-table-head li div.ridername,
    .main-table-box ul.ul-table-body li div.numberofhorses, .main-table-box ul.ul-table-head li div.numberofhorses,
    .main-table-box ul.ul-table-body li div.info, .main-table-box ul.ul-table-head li div.info,
    .main-table-box ul.ul-table-body li div.break_note {width: auto;}
    .main-table-box ul.ul-table-body li .truncate {width: auto;text-overflow: initial;overflow: auto;white-space: initial;display: initial;}
}





.toast-title {
    font-weight: bold;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.toast-message a,
.toast-message label {
    color: #ffffff;
}

.toast-message a:hover {
    color: #cccccc;
    text-decoration: none;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#toast-container>div {
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

#toast-container> :hover {
    -moz-box-shadow: 0 0 12px #000000;
    -webkit-box-shadow: 0 0 12px #000000;
    box-shadow: 0 0 12px #000000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}

#toast-container>.toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container>.toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container>.toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container>.toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toast-container.toast-top-full-width>div,
#toast-container.toast-bottom-full-width>div {
    width: 96%;
    margin: auto;
}

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #51a351;
}

.toast-error {
    background-color: #bd362f;
}

.toast-info {
    background-color: #2f96b4;
}

.toast-warning {
    background-color: #f89406;
}
.select2-container{
    padding: 0px;
}

.show-add{
    min-width: 260px;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 20px;
    display: flex;
    justify-content: end;
}
.error {color: red;}
td.show-active {
    color: #198754;
    font-weight: bold;
}
.select2.select2-container{width: 100% !important;}
.select2.select2-container .select2-selection {
    padding: 0.375rem 0.75rem;
    height: 38px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}
.select2-container.select2-container--default.select2-container--open{z-index: 9999;}
.select2-results__option .flag{margin-right: 5px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{margin-top: 0px;}

.table-check-entries .red{color:#f24444 !important;font-weight: bold !important;}

/*Responsive Design*/

@media all and (max-width: 240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 108px;
    }
}

@media all and (min-width: 241px) and (max-width: 320px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 128px;
    }
}

@media all and (min-width: 321px) and (max-width: 480px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 192px;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 300px;
    }
}