/*your custom css goes here*/







.sujon-info-box {
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
    border-radius: 10px;
    margin-bottom: 25px;
    transition: 0.3s ease-in-out;
    display: flex;
    align-items: center;
    border: 1px solid #20b9ae;
   position: relative;
}
.sujon-info-box small {
   font-size:14px
}
.sujon-info-box .progress {
   background:rgba(0,0,0,0.2);
   margin:5px -10px 5px -10px;
   height:2px
}
.sujon-info-box .progress,.sujon-info-box .progress .progress-bar {
   border-radius:0
}
.sujon-info-box .progress .progress-bar {
   background:#fff
}
.sujon-info-box-icon {
    height: 60px;
    width: 60px;
    font-size: 22px;
    display: grid;
    place-content: center;
    border-radius: 50%;
      margin-left: 10px;
   transition: all 0.2s ease-in-out;
}
.sujon-info-box-icon>img {
   max-width:100%
}
.sujon-info-box-content {
    padding: 5px 10px;
    flex: 1;
}
.sujon-info-box-number {
   display:block;
   font-weight:bold;
   font-size:18px
}
.progress-description,.sujon-info-box-text {
   display:block;
   font-size:14px;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis
}
.sujon-info-box-text {
   text-transform:uppercase
}
.sujon-info-box-more {
   display:block
}


.small-box {
   border-radius:2px;
   position:relative;
   display:block;
   margin-bottom:20px;
   box-shadow:0 1px 1px rgba(0,0,0,0.1);
   transition: all 0.3s ease-in-out;
}
.small-box:hover{
   transform: scale(1);
}
.sujon-info-box:hover .sujon-info-box-icon {
   transform: scale(1.05) rotate(360deg);
}
.sujon-info-box:hover {
      color: #20b9ae;
  }
.small-box>.inner {
   padding:10px;
}
.small-box>.small-box-footer {
   position:relative;
   text-align:center;
   padding:3px 0;
   color:#fff;
   color:rgba(255,255,255,0.8);
   display:block;
   z-index:10;
   background:rgba(0,0,0,0.1);
   text-decoration:none
}
.small-box>.small-box-footer:hover {
   color:#fff;
   background:rgba(0,0,0,0.15)
}
.small-box h3 {
   font-size:38px;
   font-weight:bold;
   margin:0 0 10px 0;
   white-space:nowrap;
   padding:0
}
.small-box p {
   font-size:15px
}
.small-box p>small {
   display:block;
   color:#f9f9f9;
   font-size:13px;
   margin-top:5px
}
.small-box h3,.small-box p {
   z-index:5
}
.small-box .icon {
   -webkit-transition:all .3s linear;
   -o-transition:all .3s linear;
   transition:all .3s linear;
   position:absolute;
   top:-10px;
   right:10px;
   z-index:0;
   font-size:90px;
   color:rgba(0,0,0,0.15)
}
.small-box:hover {
   text-decoration:none;
   color:#006fd6;
   transform: translateY(-5px);
}
.small-box:hover .icon {
   font-size:95px
}
@media (max-width:767px) {
   .small-box {
      text-align:center
   }
   .small-box .icon {
      display:none
   }
   .small-box p {
      font-size:12px
   }
}
.border_bottom{
   border-bottom: 1px solid #f4f4f4;
}
.dataTables_processing{
   border:0px;
   /*background-color :#337ab7;
   z-index: 100*/
}
.pointer{
      cursor:pointer;
    }
.header-custom{
  background-image: -webkit-gradient(linear, left top, right top, from(#20b9ae), to(#006fd6)); color: white;
}
.ui-autocomplete-loading {
    background: white url("../../plugins/autocomplete/loader2.gif") right center no-repeat;
}
.ui-autocomplete-loader-center {
    background: white url("../../plugins/autocomplete/loader1.gif") center center no-repeat;
}
.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  /* add padding to account for vertical scrollbar */
  /* padding-right: 20px; */
}
.font-italic{
   font-style: italic !important;
}
.sujon-info-box-icon.bg-yellow i {
   color: white !important;;
}
.sujon-info-box .sujon-info-box-icon {
   background-image: -webkit-gradient(linear, left top, right top, from(#20b9ae), to(#006fd6)) !important;
}
.bg-dream-blue{	
   background-image: -webkit-gradient(linear, left top, right top, from(#20b9ae), to(#006fd6));
   color:white;
}
.sujon-info-box.box_primary {
   border-color: #20b9ae;
}
.small-box {
   background: #fff;
   border-image: linear-gradient(to left, #006fd6, #20b9ae) 30;
   border-width: 2px;
   border-style: solid;
   color: #006fd6;
   font-weight: bold;
}
.small-box .small-box-footer {
   background-image: -webkit-gradient(linear, left top, right top, from(#20b9ae), to(#006fd6)) !important;
}
.small-box .small-box-footer * {
   color: #fff !important;
}


/*       .bg-dream-red{
   background-color: #f40404d6;
   color:white;
}
.bg-dream-green {
   background-color: green;
   color:white;
}
.bg-dream-purple {
   background-color: #a612a6;
   color:white;
}
.bg-dream-pink {
   background-image: -webkit-gradient(linear, left top, right top, from(#20b9ae), to(#006fd6)) !important;
   color:white;
}
.bg-dream-maroon {
   background-color: #058ef2;
   color:white;
}
.bg_aqua{
  color: #00FFFF!important;
} */