/* .home_section {
    background: url('../img/bg.jpg');
    background-size: cover;
    background-repeat:no-repeat;
    min-height: 120vh;
} */

.home_section {
    background: url('../img/bg.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #feb63d;
    /* min-height: 120vh; */
}

.menu_div li.main_menu {
    list-style: none;
    position: absolute;
    width: 430px;
    text-align: center;
}

.menu_div li.main_menu img {
    max-height: 66px;
}

.menu_div ul li.main_menu:nth-child(1) {
    top: 50%;
    left: 9%;
}

.menu_div ul li.main_menu:nth-child(2) {
    top: 50%;
    right: 5%;
}

.menu_div ul li.main_menu:nth-child(3) {
    bottom: 10%;
    left: 10%;
}

.menu_div ul li.main_menu:nth-child(4) {
    bottom: 10%;
    right: 6%;
}

.logo_div {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    text-align: center;
    top: 54%;
}

.logo_div img {
    max-width: 250px;
    min-width: 250px;
}

.heder_img_div img:first-child {
    max-width: 325px;
    display: block;
    margin: 0 auto 25px;
}

.heder_img_div img:last-child {
    max-width: 650px;
}

.heder_img_div {
    margin: 40px 0 0;
    text-align: center;
}

.menu_div li.main_menu button {
    background: transparent !important;
    border: none;
    padding: 0;
}

.menu_div li.main_menu .dropdown-menu {
    left: 70px;
    top: unset;
    bottom: -40px;
}

.menu_div li.main_menu .dropdown-menu:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    position: absolute;
    top: -8px;
    right: 0;
    left: 0;
    margin: auto;
}

.menu_div li.main_menu .dropdown-menu ul {
    padding: 0;
}

.menu_div li.main_menu .dropdown-menu li {
    display: inline-block;
    border-right: 1px solid;
    padding: 0;
}

.menu_div li.main_menu .dropdown-menu li a {
    padding: 0 15px !important;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
}

.menu_div li.main_menu .dropdown-menu li a:hover {
    color: #2e3193;
}

.menu_div li.main_menu .dropdown-menu li:last-child {
    border: navajowhite;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
    box-shadow: none;
}

footer {
    background-color: #32B78D;
    text-align: end;
    padding: 6px 0;
}

.footer_link {
    display: inline-block;
}

.footer_link ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.footer_link ul li {
    display: inline-block;
    padding: 0 10px;
}

.footer_link ul li a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
}

.copright {
    display: inline-block;
    padding: 0 0 0 25px;
}

.copright p {
    margin: 0;
    color: #fff;
    font-size: 12px;
}

body, html {
    background-color: #fff;
}

.register-form {
    font-size: 16px;
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.regbutton {
    height: 50px;
    width: 200px;
    background-color: tomato;
    border-radius: 0px;
    font-size: 18px;
    color: white;
    border: none !important;
    margin-bottom: 5px;
}

.regbutton:hover {
    color: white;
    background-color: #aa422f;
}

.regbutton:active {
    color: white;
    background-color: #aa422f;
}

.logbutton {
    height: 50px;
    width: 200px;
    background-color: yellowgreen;
    border-radius: 0px;
    font-size: 18px;
    color: white;
    border: none !important;
    margin-bottom: 5px;
}

.logbutton:hover {
    color: white;
    background-color: darkolivegreen;
}

.logbutton:active {
    color: white;
    background-color: darkolivegreen;
}

.register-form label {
    color: aliceblue;
}

.register-form input {
    margin-bottom: 5px;
    width: 430px;
    height: 40px;
    border-radius: 0px;
}

.donation_form {
    margin-top: 24%;
    text-align: center;
}

.donation_form h1 {
    margin: 0 0 40px;
    /*text-transform: uppercase;*/
    font-weight: 900;
    color: #2e3192;
}

.donation_form h3 {
    margin: 0 0 40px;
    text-transform: capitalize;
    font-weight: 900;
    color: #2e3192;
}

.donation_form .form-group {}

.donation_form .form-group label.control-label {
    display: block;
    text-align: left;
    margin: 0 0 3px 0px;
    color: #2e3192;
}

.donation_form .form-group .form-control {
    border-radius: 0;
    box-shadow: none;
    /* border: 1px solid #000; */
    height: auto;
}

.donation_form .form-group .form-control.date {
    width: auto;
    display: inline;
}

/*select2 dropdown css change start*/

select2 {
    border: 0 !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: unset !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: -4px !important;
}

/*select2 dropdown css change end*/

.donation_form .form-group .ng-valid, .ng-valid.required {
    border: 1px solid #42A948;
    /* green */
}

.donation_form .form-group .ng-invalid {
    border: 1px solid #a94442;
    /* red */
}

.donation_form form {
    max-width: 750px;
    margin: auto;
    width: 100%;
}

.donation_form form .btn.btn-success {
    /*    border-radius: 0;
    font-size: 25px;
    padding: 3px 30px;*/
    background: #32b78d;
    border-color: #32b78d;
    /*display: block;
    margin-bottom: 45px;*/
}

.donation_form form .col-md-12.text-center {
    padding: 0;
}

.imageSpin {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -60px 0 0 -60px;
    /*-webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;*/
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotateY(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotateY(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

.spinner {
    width: 40px;
    height: 40px;
    background-color: #008242;
    margin: 100px auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

/**/

.menu_div li.main_menu button p {
    width: 100%;
    float: left;
    font-size: 18px;
    margin: 0;
}

.menu_div li.main_menu button span {
    width: 100%;
    float: left;
    font-size: 20px;
    margin-top: 0;
}

.green_btn {
    background: #8fc400;
    background: -moz-linear-gradient(top, #8fc400 0%, #8fc400 100%);
    background: -webkit-linear-gradient(top, #8fc400 0%, #8fc400 100%);
    background: linear-gradient(to bottom, #8fc400 0%, #8fc400 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#8fc400', GradientType=0);
}

.pink_btn {
    background: #ff0084;
    background: -moz-linear-gradient(top, #ff0084 0%, #ff0084 100%);
    background: -webkit-linear-gradient(top, #ff0084 0%, #ff0084 100%);
    background: linear-gradient(to bottom, #ff0084 0%, #ff0084 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff0084', endColorstr='#ff0084', GradientType=0);
}

.yellow_btn {
    background: #f9c667;
    background: -moz-linear-gradient(top, #f9c667 0%, #f79621 100%);
    background: -webkit-linear-gradient(top, #f9c667 0%, #f79621 100%);
    background: linear-gradient(to bottom, #f9c667 0%, #f79621 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621', GradientType=0);
}

.blue_btn {
    background: #49c0f0;
    background: -moz-linear-gradient(top, #49c0f0 0%, #2cafe3 100%);
    background: -webkit-linear-gradient(top, #49c0f0 0%, #2cafe3 100%);
    background: linear-gradient(to bottom, #49c0f0 0%, #2cafe3 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#2cafe3', GradientType=0);
}

.btn_border {
    border: 10px solid;
    border-color: rgb(246, 248, 249);
    border-color: -moz-linear-gradient(top, rgba(246, 248, 249, 1) 0%, rgba(229, 235, 238, 1) 50%, rgba(215, 222, 227, 1) 51%, rgba(245, 247, 249, 1) 100%);
    border-color: -webkit-linear-gradient(top, rgba(246, 248, 249, 1) 0%, rgba(229, 235, 238, 1) 50%, rgba(215, 222, 227, 1) 51%, rgba(245, 247, 249, 1) 100%);
    border-color: linear-gradient(to bottom, rgba(246, 248, 249, 1) 0%, rgba(229, 235, 238, 1) 50%, rgba(215, 222, 227, 1) 51%, rgba(245, 247, 249, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=0);
}

.term {
    /* z-index: 1000; */
    /* position: fixed; */
    right: 0;
    left: 0;
    top: 20px;
    margin-right: auto;
    margin-left: auto;
    /* min-height: 350px; */
    width: 90%;
    max-width: 520px;
    background-color: #fff;
    padding: 12px;
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    height: 350px;
    overflow-y: scroll;
    text-align: justify;
    margin-bottom: 15px;
    margin-top: 15px;
}

.table>thead>tr>th {
    border-bottom: 2px solid #fee9aa;
    font-weight: 900;
}

.table>tbody>tr>td {
    font-weight: 600;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top: 1px solid #fee9aa;
    color: #000;
}

.pagination {
    border-radius: 0;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #42A948;
    border-color: #42A948;
}

.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    border-color: #42A948;
}

.pagination>li>a, .pagination>li>span {
    color: #42A948;
    border: 1px solid #42A948;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #000;
    border: 1px solid #42A948;
    background-color: #fee9aa;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    border-radius: 0;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-radius: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.donation_form b {
    color: #000000;
}

a.resent_password {
    font-size: 18px;
}