:root {
    --color-grey:  #c1c3c7;
    --color-grey-white:  #F6F7F9;
    --color-orange:  #FFA31A;
    --color-orange-hover:  #de8f18;
    --color-green:  #09814A;
    --color-green-trans:  #09814A1b;
    --color-green-hover:  #045f36;
    --color-blue:  #206bc4;
    --color-blue-trans:  #206bc41b;
    --color-blue-hover:  #1458aa;
    --color-pink: #EB7E7E;
}

body {
    /* background: var(--color-green) !important; */
}

a {
    color: var(--color-blue);
    text-decoration: none !important;
}

a:hover {
    color: var(--color-blue-hover);
    text-decoration: none !important;
}

.a-orange {
    color: var(--color-orange);
}

.a-orange:hover{
    color: var(--color-orange-hover);
}

.a-white {
    color: white;
}

.a-white:hover{
    color: rgb(231, 231, 231);
}


.color-white {
    color: white;
}

.color-grey {
    color: var(--color-grey);
}

.color-orange {
    color: var(--color-orange);
}

.color-green {
    color: var(--color-green);
}

.bg-green {
    background: var(--color-green) !important;
}

.bg-home-bottom {
    background-image: url(../img/bg-bottom-home.png) !important;
    background-position: bottom !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.bg-top {
    background-image: url(../img/bg-top.png) !important;
    background-position: top !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.bg-item {
    background-color: var(--color-green) !important;
    background-image: url(../img/bg-item.png) !important;
    background-position: bottom left !important;
    background-size: 320px auto !important;
    background-repeat: no-repeat !important;
}

.bg-item-pink {
    background-color: var(--color-pink) !important;
    background-image: url(../img/bg-item.png) !important;
    background-position: bottom left !important;
    background-size: 320px auto !important;
    background-repeat: no-repeat !important;
}

.bg-item-orange {
    background-color: var(--color-orange) !important;
    background-image: url(../img/bg-item.png) !important;
    background-position: bottom left !important;
    background-size: 320px auto !important;
    background-repeat: no-repeat !important;
}

.bg-grey {
    background: var(--color-grey) !important;
}
.bg-grey-white {
    background: var(--color-grey-white) !important;
}

.border-none {
    border: none;
}

.shadow-custom {
    box-shadow: 0 2px 5px 1px rgba(64,60,67,.16) !important;
}

.radius5 {
    border-radius: .5rem;
}

.radius9 {
    border-radius: .9rem;
}

.radius15 {
    border-radius: 1.5rem;
}

.fs-2rem {
    font-size: 2rem !important;
}
.fs-3rem {
    font-size: 3rem !important;
}

.bottom-div {
    bottom: 0px !important;
}

.btn-green {
    background-color: var(--color-green) !important;
    color: white;
}

.btn-green:hover {
    background-color: var(--color-green-hover) !important;
    color: white;
}

.btn-orange {
    background-color: var(--color-orange) !important;
    color: white;
}

.btn-orange:hover {
    background-color: var(--color-orange-hover) !important;
    color: white;
}

.btn.show {
    color: var(--color-green) !important;
    background: var(--color-green-trans) !important;
}

.dropdown-item:focus {
    /* color: var(--color-blue) !important; */
    background: var(--color-blue-trans) !important;
}

.dropdown-item.active-nav {
    /* color: var(--color-blue) !important; */
    background: var(--color-blue-trans) !important;
}

.nav-item.active.active-nav {
    /* color: var(--color-blue) !important; */
    background: var(--color-blue-trans) !important;
}

.text-isdeleted{
    text-decoration: line-through red !important;
}

.tab-bottom > li.nav-item > a.nav-link{
    border: none !important;
    color: var(--color-grey) !important;
    font-weight: bold !important;
}

.tab-bottom > li.nav-item > a.nav-link:hover,
.tab-bottom > li.nav-item > a.nav-link.active{
    border: none !important;
    border-bottom: 2px solid var(--color-green) !important;
    color: var(--color-green) !important;
    font-weight: bold !important;
}

.main_div {
    position: relative;
    min-height: 160px;
}
.sub_div {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.select2.select2-container .select2-selection {
    border-radius: 0.5rem;
    display: block;
    width: 100%;    
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4285714286;
    color: inherit;
    background-color: #FFF;
    background-clip: padding-box;
    border: 1px solid #dadfe5;
    height: 40px;
}

.select2.select2-container .select2-selection .select2-selection__rendered {
    padding: .375rem .75rem;
}

.select2.select2-container .select2-selection .select2-selection__arrow {
    /* background: #f8f8f8; */
    /* border-left: 1px solid #ccc; */
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    margin-top: 2px;
    height: 32px;
    width: 33px;
}