/* Tiu Grant Database */
.logo-bg-sml p
.grant_research{width:100%; margin-top:20px;}
.grant_research .dashbrd-navigation{width:260px; float:left; margin:0!important; }
.grant_research .dashbrd-navigation-inner{border-radius: 10px; background: #FFF; box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.20); padding:10px; width:100%;}
.grant_research .dashbrd-navigation .nav-item{width:100%; margin-bottom:10px;}
.grant_research .dashbrd-navigation .nav-item:last-child{margin-bottom:0;}
.dashboard-link{border-radius: 10px!important; border: 1px solid #FFF!important; background: #D5ECE4!important; box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.20)!important; color: #444!important; font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 500; line-height: normal; text-decoration:none; width:100%; padding:10px 7px!important; text-decoration:none!important;}
.dashboard-link:hover, .dashboard-link:active, .dashboard-link:focus{color: #444!important;}
.dashboard-link img{margin-right:5px; width:32px;}
.grant_research .dashbrd-navigation .nav-item .nav-link{ color: #444; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; text-decoration:none; width:100%; border-radius: 10px!important; background: #D5ECE4!important; padding:10px!important;}
.grant_research .dashbrd-navigation .nav-item .nav-link img{margin-right:5px; width:32px;}
.grant_research .dashbrd-navigation .nav-item .nav-link.active{background:#73BFA6!important;}
.search-section{width:100%; position:relative;}
.srch-div{position:absolute; top:-90px; right:0;}
.search-section .search-txt{border-radius: 60px; border: 1px solid #73BFA6; background: #FFF; border-bottom-right-radius:0; border-top-right-radius:0; width:calc(100% - 80px); float:left; margin-right:-20px; padding:9px 25px 9px 10px!important; height:auto!important;}
.search-section .search-btn{border-radius: 60px!important; background: #73BFA6; color: #FFF; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400;line-height: normal; width:100px; float:left; padding:15px!important; text-transform:none!important; box-shadow: none !important;
    border: 0 !important;}
.search-section .search-txt:hover, .search-section .search-txt:active, .search-section .search-txt:focus{outline:0!important; background-color:#fff!important;}
.search-section .search-btn:hover{background-color: #444 !important;    color: #fff !important;}
.search-section .srch-div{width:350px; float:right;} 

.grant_research .left-section{width:260px; float:left;}
.grant_research .dashbrd-navigation .nav-left{width:100%; margin-bottom:10px; list-style-type:none;}
.grant_research .dashbrd-navigation .nav-left:last-child{margin-bottom:0;}
.grant_research .dashbrd-navigation .nav-left .left-link{ color: #444; font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 500; line-height: normal; text-decoration:none; width:100%; border-radius: 10px!important; background: #D5ECE4!important; padding:10px 7px!important; display:block; cursor:pointer;}
.grant_research .dashbrd-navigation .nav-left .left-link img{margin-right:2px; width:28px;}
.grant_research .dashbrd-navigation .nav-left .left-link.active{background:#73BFA6!important; color:#fff!important;}
.grant_research .dashbrd-navigation .nav-left .left-link.active img{filter: brightness(0) invert(1)!important;}
.grant_research .rght-section{width:calc(100% - 260px); float:left; padding-left:20px;}
.tp-row{border-radius: 10px; border: 1px solid rgba(68, 68, 68, 0.60); background: #FFF; padding:10px 7px; text-align:center; }
.tp-row h2{color: #444;text-align: center;font-family: Roboto;font-size: 18px;font-style: normal;font-weight: 500;line-height: normal; }
.tp-row .digit{color: #228B22; text-align: center; font-family: Roboto; padding:20px 0!important; font-size: 32px;font-style: normal;font-weight: 600;line-height: 26px; /* 81.25% */}
.equal-hg{margin-right:0!important; }
.tp-row .digit.grn{color: #228B22;}
.tp-row .digit.org{color:#F6B719;}
.tp-row .digit.red{color:#FA7070;}
.tp-row .digit.blue{color:#3382BB;}
.tp-row .discription{color: #949191;text-align: center;font-family: Roboto;font-size: 13px;font-style: normal;font-weight: 400;line-height: normal;}
.tp-row .discription span.highlight{font-weight:bold; text-decoration:underline; color:#444!important;}
.tp-row .discription span.highlight a{text-decoration:none!important; color: #444 !important;}
.rght-section .mng-spc{padding:10px 5px!important; max-width:calc(25% - 10px); margin-left:10px;}
.common-box{border-radius: 10px; background-color: #FFF; box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.20); padding:20px 10px; margin-top:15px!important; float:left; width:100%;}
.common-box1{border-radius: 10px; background-color: #FFF; box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.20); padding:20px; margin-bottom:15px!important; float:left; width:100%;}
.chrt-heding span{width:calc(100% - 90px)!important; float:left; }
.logo-bg{background: url(../../../../wp-content/uploads/2024/06/tree-light-2.png) no-repeat;      background-position: center center; background-size:20%; background-color: #FFF; }
.logo-bg-sml{background: url(../../../../wp-content/uploads/2024/06/tree-light-2.png) no-repeat;      background-position: center center; background-size:16%; background-color: #FFF; } 
.logo-bg-sml h2{border-bottom:solid 1px #000; margin-bottom:20px; letter-spacing:0!important;}
.logo-bg-sml p{margin-bottom:5px!important; width:100%; float:left; font-weight:400!important;}
.view-d{border-radius: 26px !important;    background: #73BFA6 !important;    color: #FFF !important;    font-family: Roboto;    font-size: 12px !important;
    font-style: normal;    font-weight: 400 !important;    line-height: 9px;    width: 85px;    float: right;    border: 0 !important;    padding: 10px 5px; text-transform:capitalize!important; letter-spacing:0.4px!important; text-align:center!important; text-decoration:none!important; margin-left:3px!important;}
.view-d:hover{background-color:#444!important; color:#fff!important;}
.elementor a.view-d:hover{background-color:#444!important; color:#fff!important;}	
.subheading{color: #444;font-family: Roboto;font-size: 18px!important;font-style: normal;font-weight: 500!important;line-height: normal; letter-spacing:normal!important; margin-bottom:15px!important;}
.underlilne{border-bottom:solid 1px #444!important; padding-bottom:10px; float:left; width:100%;}
.chart-container{width:100%; text-align:center;}
.chart-container table, td, th{border:solid 1px #949191!important;}
.chart-container .table-dark, 
.chart-container .table-dark td, 
.chart-container .table-dark th, 
.chart-container .table-dark thead, .chart-container .table-dark thead th {	border:0!important; border-right:solid 1px #949191!important; background:#D5ECE4!important; color:#444!important; font-size:16px!important; line-height:18px!important; border-bottom:solid 0px!important;}
.chart-container .table thead th, .chart-container .table td { vertical-align: top;    border-bottom: 0px solid #949191!important; padding:10px!important; color:#444!important; font-size:14px!important; line-height:18px!important;}
.chart-container .table thead th{vertical-align: middle!important;}
.chart-container .table-striped tbody tr:nth-of-type(odd) {  background-color: #F5F5F5!important;}
.chart-container .table>:not(:first-child) {
    border-top: 0px solid currentColor;
}
.chart-container .table td{border-top:0!important; border-bottom:0!important;}
.dashbrd-navigation ul{margin:0!important; float:left; width:100%;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{color:#444!important;}

/* rotate the arrow when the item is open */
    .accordion-button .fa {
      transition: transform .2s ease;
	  font-size:20px; font-weight:700;
    }
    .accordion-button:not(.collapsed) .fa {
      transform: rotate(180deg); /* points up when open */
    }

    /* optional: remove the default Bootstrap caret */
    .accordion-button::after {
      display: none;
    }
.bi-chevron-down::before {
    content: "\f282";
}
.cust-accordion{border-radius: 10px; background: #FFF; box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.20); padding:10px; margin-top:15px;  margin-bottom:15px; float:left; width:100%;}
.cust-accordion .accordion-button{border-radius: 10px; background: #D5ECE4; color: #444; font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 500; line-height: normal; border: 0 !important; text-transform:capitalize!important;    box-shadow: none !important;    padding: 10px; margin:0 0 10px 0!important;}
.cust-accordion .accordion-body{padding:5px 0 15px!important; float:left;}
.cust-accordion .accordion-item{border:0!important;}
.cust-accordion .accordion-button:not(.collapsed){color:#444!important; background: #D5ECE4;}
.cust-accordion .accordion-item:first-of-type .accordion-button, .cust-accordion .accordion-item:last-of-type .accordion-button{border-radius:10px!important;}
.filter-val{margin:5px 0; float:left; width:100%;}
.filter-val input[type='checkbox']{width:25px; float:left!important; margin-top:3px!important;}
.filter-val label{float:left; width:calc(100% - 25px); color: #444;font-family: Roboto;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;}
.personal-details{color: #444; font-family: Roboto; font-size: 14px!important; font-style: normal; font-weight: 600; line-height: 20px;}
.personal-details span{display:inline-block; }
.recipient{color: #73BFA6;}
.gray-txt{color:#444!important;}
.inactive-btn{border-radius: 60px!important; background: #FFD1D1!important; color: #FB3C3C!important;font-family: Roboto!important;font-size: 14px!important;font-style: normal; text-transform:none!important; border:0!important; font-weight: 400!important; line-height: 16px; /* 100% */ padding:5px 10px!important; display:inline-block; margin:0 15px!important;}

.active-btn{border-radius: 60px!important; background: #D5ECE4!important; color: #228B22!important;font-family: Roboto!important;font-size: 14px!important;font-style: normal; text-transform:none!important; border:0!important; font-weight: 400!important; line-height: 16px; /* 100% */ padding:5px 10px!important; display:inline-block; margin:0 15px!important;}

.one-third{width:31%; max-width:48%; margin-right:1%; margin-left:1%; float:left;}
.full-wide{width:98.5%; max-width:98%; margin-right:1%;  margin-left:1%; float:left;}
.form-group-grant{padding: 0px 0 30px !important; margin-bottom:0!important; float:left; width:100%; position:relative;}
.form-group-grant label{margin-bottom: 5px !important;  color: #444 !important;  font-weight: normal !important; font-family: "Roboto", Sans-serif !important;
  font-size: 14px !important;}
.form-group-grant .input-box{ background-color: #fff !important;  border-radius: 8px !important;  padding: 8px 15px !important;  color: #444 !important;
  height: 42px !important;  min-height: 2px !important; width:100%; border:solid 1px rgba(0, 0, 0, 0.25); }
.grn-btn{font-family: "Roboto", Sans-serif;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-transform: none;
  font-style: normal;
  text-decoration: none;
  line-height: 1.4em !important;
  letter-spacing: 0px;
  background-color: #73BFA6 !important;
  color: #fff !important;
  margin-top: 0px !important;
  border-radius: 100px !important;
  padding: 12px 40px !important;
  line-height: 16px !important;
  height: auto !important;}
.grn-btn:hover{background-color:#444!important;}
.email-field .input-box{ width:calc(100% - 95px); margin-right:5px;}
.email-field .btn{font-family: "Roboto", Sans-serif;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-transform: none;
  font-style: normal;
  text-decoration: none;
  line-height: 1.4em !important;
  letter-spacing: 0px;
  background-color: #73BFA6 !important;
  color: #fff !important;
  margin-top: 0px !important;
  border-radius:7px !important;
  padding: 11px 5px !important;
  line-height: 16px !important;
  height: auto !important; width:85px;}
  .email-field .btn:hover{background-color:#444!important;}
  
.form-group-grant  textarea.input-box{height:65px!important; }
.list-grant  p{padding-top:15px!important; color:#000!important;}
.list-grant  p.personal-details{padding-top:0px!important;}
.pageloader{position: fixed;    left: 0px;    top: 0px;    width: 100%;    height: 100%;    z-index: 9999;  background: transparent;    background-size: 100px; display:none; background-color:rgba(255, 255, 255, 0.85)!important; }
/*.pageloader .loader-img{border: 6px solid #f3f3f3;   border-top: 6px solid #888888;  display:block;
  border-radius: 50%;  width: 50px;  height: 50px;  animation: spin 1s linear infinite;  margin: 20px auto; position:absolute; top:calc(50% - 25px); left:calc(50% - 25px);}
@keyframes spin {  0% { transform: rotate(0deg); }  100% { transform: rotate(360deg); }}*/

.pageloader .loader-img{ display:block; border-radius: 10px;  width: 270px;  height: 150px;    margin: 20px auto; position:absolute; top:calc(50% - 75px); left:calc(50% - 135px); padding:20px; text-align:center; }
.pageloader .loader-img img{width:80px!important; margin:0 auto; animation: zoomInOut 4s ease-in-out infinite;}
.pageloader .loader-img span{display:block; text-align:center; /*animation: moveLeftRight 3s ease-in-out infinite alternate;*/ font-weight:400!important;}	
  
  /*@keyframes moveLeftRight {
      0%   { transform: translateX(0); }
      100% { transform: translateX(50px); }
    }*/

@keyframes zoomInOut {
      0%, 100% { transform: scale(0.8); }
      50%      { transform: scale(0.9); } /* adjust 1.2 for more zoom */
    }
	

	
.pageloader .tree-logo{width:100%; float:left; text-align:center; }


.pagination ul{width:100%!important;}

.common-box1 .form-error{position: absolute;    left: 0;    bottom: 5px; color:red; font-size:12px;}

@media (max-width: 1224px){.tp-row .digit{font-size:22px;}
.tp-row h2{font-size:14px;}
.one-third{width:98.5%; max-width:97%; margin-right:1.5%;  margin-left:1.5%; float:left;}
}
@media (max-width: 1024px) {
.rght-section .mng-spc{ max-width: calc(50% - 10px); margin-bottom:15px; flex: 0 0 50%;}
.one-third{width:98.5%; max-width:97%; margin-right:1.5%;  margin-left:1.5%; float:left;}
}

@media (max-width: 999px) {
	.grant_research .dashbrd-navigation{width:180px;}
	.grant_research .rght-section{    width: calc(100% - 180px);}
	.grant_research .dashbrd-navigation .nav-left .left-link{font-size:16px;}
	
}