:root{
    --color-darkred: #a11904;
}

body{ padding:0px; margin:0;font:400 15px/1.5  'Montserrat', sans-serif;color:#000000; }
*{box-sizing:border-box;}
img{ max-width:100%; height:auto;}

.fa{ vertical-align: middle; }

.b-radius-1{border-radius: 5px;}
.text-dark{color: #dcdcdc !important;}
.fw-black{font-weight: 900;}
.fw-semibold{font-weight: 600;}
.btn{ color: #fff; padding: .7rem 1.5rem; font-size: .9rem; background-color: #952121; border-radius: 3px; box-shadow: 0 3px 5px #0004; }
.btn:hover{ background-color: #a11904; color: #fff; }
/* .btn.btn-outlined{ background: none; color: var(--color-darkred); transition: all .3s; }
.btn.btn-outlined:hover{ background: #a11904; color: #fff; transition: all .3s; } */
.btn.fa{ font-weight: normal; }
.btn-white{ background: #fff; color: var(--color-darkred); }

.sidebar{
    color: #FFF;
    background: #2b2b2d;
    flex: 1;
    transition: margin 0.3s, left .3s;
}
.sidebar-collapsed{
    margin-left: -200px;
    left: 0;
    transition: margin 0.3s, left .3s;
}
.sidebar-mobile-collapsed{
    left: 0 !important;
    transition: left .3s;
}
#toggleView {
    margin-left: 44px;
}
.menu-icon {
    float: right;
}
.sidebar-nav a{
    text-decoration: none;
    color: #FFF;
    text-decoration: none;
    width: 100%;
    vertical-align: center;
    display: flex;
    align-items: center;
    transition: all .3s;
}
.sidebar-nav a.toggle-mobile-hide{ display: none; }
.sidebar-nav a span{ width: 200px; overflow: hidden; opacity: 1; overflow: hidden; padding: 1.5rem; }
.sidebar-nav a span.collapse{ width: 0; opacity: 0; }
.sidebar-nav a i{ margin-left: auto; margin-right: auto; text-align: center; font-size: 1.5rem; padding: 1.5rem; width: 5rem; }
.sidebar-nav a:hover {
    background:#0003;
    transition: all .3s;
}
.sidebar-nav a.active{ background: #0005; color: #a11904; }
.sidebar-nav a{ position: relative; }
.sidebar-nav a.active:after{
    content: '';
    position: absolute;
    background: #fff;
    width: 20px;
    height: 20px;
    clip-path: polygon(50% 50%, 100% 0, 100% 100%);
    top: calc(50% - 10px);
    right: -1px;
}

.toggle:hover{ color: var(--color-darkred); }
.toggle{ text-decoration: none; color: #fff; font-size: 1rem; cursor: pointer; min-height: 5rem; }
.site-header .collapse{ display: inline-block; width: 200px; }
.toggle-mobile{ padding: 0 1rem 0 2rem; display: none; align-items: center; font-size: 1.5rem; }

.wrapper{ display: flex; height: 100vh; overflow-y: hidden; }


/*top-menu end*/
/*@media screen and (min-width: 1200px) {
 .container,
 .container-lg,
 .container-md,
 .container-sm,
 .container-xl {
  max-width:1170px;
  padding: 0 30px;
 }
}*/

.header{background-color: #2b2b2d; padding-right: 2rem;}
/* .header:before{content: ''; display: block; position: absolute; left:0; bottom: 0; background-color: #dcdcdc; width: 100%; height: 5px; z-index: -1;} */
.header h3{ margin-bottom: 0;line-height: 2.7; display: inline-block; margin-left: 1rem; }

.dashboard{ flex-grow: 1; width: 100%; display: flex; flex-flow: column; }
.dashboard .container{ max-width: 100%; padding: 2rem; overflow: auto; }
.item-box{
   position: relative;
   border: 1px solid #bbb9b9;
   background-color: #fff;
   border-radius: 5px;
   z-index: 1;
   width: 90%;
   margin-left: auto;
   margin-right: auto;
}
.text-box{border-radius: 5px;}
.item-box .text-box-2 p{margin-bottom: 0; padding: 15px 10px; border: 1px solid #bbb9b9; background: aliceblue;}
.item-box input::placeholder{ color:#000; }

/*player list*/
.player-list{padding: 100px 0 50px 0;}
.player-list p{margin-bottom: 0; padding: 15px 10px; border: 1px solid #bbb9b9; background: aliceblue;}
.player-list a{text-decoration: none;}
/*change pass*/
.change-pass{padding: 100px 0 50px 0; background: url(../images/bg-2.jpg) bottom center no-repeat;
    background-size: cover;}
.change-pass .item-box{max-width: 60%; margin:0 auto;}
/*update profile*/
.update-profile{
    padding: 150px 50px;
    background: url(../images/bg.jpg) top center no-repeat;
    background-size: 100% 45%;
    background-attachment: fixed;
}


/*login-form*/
.login-header{padding: 20px 0;}

.login-wrapper{
    background-color: var(--color-darkred);
    background-image: url(../images/bg-dot.png);
    height: 100vh;
    overflow: auto;
    display: flex;
    flex-flow: column;
}
.login-banner{
    flex-grow: 1;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}
.login-banner .form-box{width: 500px; padding: 40px 30px; margin: 0 auto; border-radius: 15px; background: rgba(255, 255, 255, 0.0);
    box-shadow: 0 0.2rem 1rem #0003;}
.form-box  h3{text-shadow: 0 0 2px #000; /*font-size: 20px;*/}
.form-box label{width: 100%; color: #000; font-weight: 600;}
.form-box .btn{display: block; }

/* && */
.auth-form{
    width: 30rem;
    margin: auto;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0 3px 10px #0003;
}
.auth-form label{ width: 100%; display: block; }
.auth-form .logo{ text-decoration: none; font-weight: 600; color: darkred; font-size: 1.2rem; }
.auth-form .error{ color: #E74C3C; }

.site-header{ align-items: center; min-height: 5rem; }
.site-header .logout{
    text-decoration: none;
    font-size: 1.5rem;
    color: #fff;
    transition: all .3s;
}
.site-header .logout:hover{
    transform: translateX(2px);
    transition: all .3s;
}

/* Add team form */
.form-control,
.form-select{ border-radius: 3px; }
.form-control:focus,
.form-select:focus{
    box-shadow: 0 2px 3px #0003 inset;
    border-color: var(--color-darkred);
}
form span.required{ color: red; }

/* Form status */
.form-status{ font-weight: 600; }

/* Manage team */
.table thead{ background: #0001; }
table.manage-team .fa{ text-decoration: none; border: none; background: none; vertical-align: middle; }
/* table td{ font-size: 1rem; } */

.btn.back{ background: #3498DB; }
.btn.delete{ background: #E74C3C; }
.btn-add{ background: #229954; }
.btn-add:hover{ background: #1E8449; }

.search-query{ border: 1px solid #0002; }
.search-query > div{ padding: 5px; border-right:  1px solid #0002; display: flex; align-items: center; }
.search-query > div:last-child{ border-right: none; }
.search-query .form-control,
.search-query .form-select,
.search-query label{ font-size: .7rem; font-weight: 600; }
.search-query .btn{ font-size: .7rem; padding: .4rem .8rem; }

table .icon{
    border: none;
    background: none;
    text-decoration: none;
}
table .icon:active{
    transform: scale(1.1, 1.1);
}

table a.fa{ text-decoration: none; }

.donor-info-table tr td:first-child{ width: 200px; }

/* Probir's code */
#login-college .form-control-color{
    width: 60%;
}
#form-div{
    border-radius: 60px;
    border: 30px solid #9fa9a7;
}
#login-college-logo{
    width: 175px;
}
#modal-logo-div{
    display: flex;
    justify-content: center;
    margin-top: -20%;
    
}
#login-college-modal-logo{
    border-radius: 50%;
    margin-top: -50%;
}
.vertical {
  display: inline-block;
  width: 20%;
  height: 40px;
  -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
}

/* End of Probir's code */

.form-table .item-row{ display: flex; align-items: center; }
.form-table .item-row > label{ width: 25%; }
.form-table .item-row > div{ flex-grow: 1; }
.form-table .item-row:not(:first-child){ margin-top: 1rem; }

.info-btns{ justify-content: space-between; flex-wrap: wrap; }

table a.link{ text-decoration: none; }
table a.link:hover{ text-decoration: underline; }

.login{ background: #ecedf0; height: 100vh; }
.logo img{ width: 5rem; height: 5rem; }

.password{
    display: flex;
}
.password input{
    border-right: none;
    border-radius: 3px 0 0 3px;
}
.password .view-password{
    content: '';
    width: 40px;
    border: 1px solid #ced4da;
    border-radius: 0 3px 3px 0;
    border-left: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Team search */
.team-search{
    margin-bottom: .5rem;
    padding: .5rem;
    border: 1px solid #0002;
}
.team-search form{ display: flex; justify-content: space-between; align-items: center; }
.team-search form label{ flex-grow: 1; margin-left: 5px; display: flex; align-items: center; }
.team-search form label:first-child{ margin-left: 0; }
.team-search button{ margin-left: 5px; padding: .5rem 1rem; }

.event h1{ font-size: 5rem; font-weight: 800 !important; }
.event h2{ font-size: 2.5rem; font-weight: 900 !important; }

label.checkbox input[type=checkbox]{ display: none; }
label.checkbox span{ display: inline-block; width: 20px; height: 20px; border-radius: 3px; border: 1px solid #ccc; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
label.checkbox span:after{ content: '\f00c'; font-family: 'FontAwesome'; font-size: .8rem; color: #ccc; }
label.checkbox input[type=checkbox]:checked + span{
    border-color: var(--color-darkred);
    background: var(--color-darkred);
}
label.checkbox input[type=checkbox]:checked + span:after{ color: #fff; }

.login-btns .btn{ font-size: .8rem; padding-left: 1.2rem; padding-right: 1.2rem; }

.view-amount label{ width: 100%; }

.updated-status{ display: flex; align-items: center; justify-content: center; }
.updated-status .dot{ width: 13px; height: 13px; background: #0003; display: block; border-radius: 20px; border: 1px solid transparent; }
.updated-status .dot:not(:first-child){ margin-left: 10px; }
.updated-status .dot.red{ background: red; border-color: red; }
.updated-status .dot.orange{ background: orange; border-color: orange; }
.updated-status .dot.green{ background: green; border-color: green; }

.sort-active{ color: #2E86C1 !important; }

table .delete{ color: #E74C3C; }