:root{
    --main-color:rgba(41, 76, 123, 1);
    --background1: rgba(217, 217, 217, .3);
}
body{
    background-color: white;
    color:  var(--main-color);
}
.color-main{
    color:  var(--main-color)
}
.card{
    border: 0px solid transparent;
}

.btn-main,
.btn-main2{
    background: linear-gradient(180.27deg, #1A918A -79.69%, #294C7B 206.49%);
    box-shadow: 40px 40px 100px 0px rgba(24, 48, 63, 0.2);
    color: #fff;
    padding: 0.5rem 4rem;
}
.btn-main2{
    background:var(--main-color);
}
.btn-main:hover,
.btn-main:focus,
.btn-main2:hover,
.btn-main2:focus{
    background: white;
    border: 1px solid var(--main-color);
    color: var(--main-color);
}
.btn-white,.btn-light{
    background: white;
    color: var(--main-color);
}
.btn-light,
.btn-light:hover,
.btn-light:focus{
    border: 1px solid var(--main-color);
}
.font-10{
    font-size: 10px;
}
.object-fit-contain{
    object-fit: contain;
}
.object-fit-cover{
    object-fit: cover;
}
.btn-white:hover,
.btn-white:focus{
    border: 1px solid var(--main-color);
}
.form-control{
    border-radius: 10px;
}
.back-btn,.btn-black{
    background-color: #060606;
    color: #fff;
}
.back-btn{
    width: 50px;
}
.btn-black{
    padding: 0.5rem;
}
.back-btn:hover,
.back-btn:focus,
.btn-black:hover,
.btn-black:focus{
    background-color: #6f8bc2;
    color: #fff;
    transform: scale(1.05);
}
.form-label{
    font-size: 14px;
}
 
.bootstrap-tagsinput{
    padding: 8px 6px !important;
}
.select2-search__field{
    height: 2rem;
}
 
.content{
    min-height: 85vh;
}
 
.pagination{
    margin-top: 20px;
    padding: 0px;
    justify-content: center;
}
.pagination .page-item{
    margin: 0px 5px 0px 5px !important;
}
.pagination .page-item .page-link{
    color: #1b3042;
    background-color: #fff0 !important;
    border-color: #ffffff00 !important;
    font-size: 18px !important;
    cursor: pointer !important;
    padding: 5px 14px 4px 14px;
    padding-top: 8px;
}
.pagination .page-item.disabled .page-link{
    color: #969ca2 !important;
}
.pagination .page-item.active .page-link,.pagination .page-item:hover .page-link{
    color: white !important;
    /* border: 2px solid white !important; */
    /* border-radius: 60px; */
    border-radius: 10px;
    background-color:  #7571b1 !important;
}

/* login */
.user-type-div{
    padding: 10px;
    text-align:center;
    background-color: var(--background1);
    color: var(--main-color);
    border-radius: 10px;
    cursor: pointer;
}
.user-type-div:hover,
.user-type-div.active
{
    border: 3px solid var(--main-color);
    /* transform: scaleX(1.01) */
}
/* end login */
   
/* register*/
.organization-type-div{
    padding: 60px 10px;
    display: flex;
    text-align:center;
    align-items: center;
    justify-content: center;
    background-color: var(--background1);
    color: var(--main-color);
    border-radius: 10px;
    cursor: pointer;
    height: 100px;
    margin-bottom: 1rem;
    font-weight:400;
    font-size: 18px;
}
.organization-type-div:hover{
    border: 3px solid var(--main-color);
    font-weight: bolder;
}
.custom-file-input input{
    display:none;
}
.custom-file-input{
    border: 1px solid #ced4da;
    border-radius: 10px;
    padding: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-file-input label *{
    vertical-align:middle;
    cursor:pointer;
}

.custom-file-input label span{
    margin-left: 10px
}

.custom-file-input i.remove{
    vertical-align:middle;
    margin-left: 5px;
    cursor:pointer;
    display:none;
}
.units-content{
    background: var(--background1);
}
.units-content ul{
    list-style-type: none;
}
.committee-head,.missions-head{
    background: var(--main-color);
    color: white;
    text-align: center;
}
.next{
    display: none;
}
.next.show{
    display: inline-block;
}
.select2{
    /* width: 100% !important; */
    /* min-width: 250px; */
    min-width: 100%;
}
.history-body .row{
    border: 1px solid var(--main-color);
    border-radius: 10px;
    padding: 15px;
}
/* end register */

/* footer */
.footer{
    background: var(--background1);
    padding-top: 20px;
    padding-bottom: 10px;
}
.footer .container{
    border-top: 2px solid rgba(217, 217, 217, 1);

}

.footer a{
    color: rgba(10, 20, 47, 1) !important
}
.footer .social-icons a{
    border: 2px solid rgba(217, 217, 217, 1);
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}
/* end footer */
.hover-dropdown button{
    border: 0px;
    background: none;
}
.hover-dropdown .dropdown {
    position: relative;
    display: inline-block;
}
  
.hover-dropdown .dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
  
.hover-dropdown  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
  
.hover-dropdown .dropdown-content a:hover {background-color: #f1f1f1;}
.hover-dropdown .dropdown:hover .dropdown-content {display: block;}

@media only screen and (max-width: 600px) {
    .btn-main, .btn-main2 {
        padding: .5rem;
    }
}