/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


:root {
	--cnvs-themecolor: #284bfc;
	--cnvs-themecolor-rgb: 62, 141, 227;
}

.custom-tooltip {
  --bs-tooltip-bg: var(--bd-violet-bg);
  --bs-tooltip-color: var(--bs-white);
}

/**
 * Font Weight csss */
 .t200 { font-weight:200 !important }

 .t300 { font-weight: 300 !important; }

 .t400 { font-weight: 400 !important; }

 .t500 { font-weight: 500 !important; }

 .t600 { font-weight: 600 !important; }

 .t700 { font-weight: 700 !important; }

.p-less p{
	 margin-bottom: 10px !important;
}
.p-none p{
	 margin-bottom: 2px !important;
}

/*manage font sizes
*************************************/
.font-xl {
		font-size: 3rem !important;
}
.font-lg{
	font-size: 2.3rem !important;
}

.font-mid-lg {
	font-size: 1.5rem !important;
}
.font-28 {
	font-size: 28px!important;
}
.font-26 {
	font-size: 26px!important;
}

.font-24 {
	font-size: 24px!important;
}

.font-22 {
	font-size: 22px!important;
}
.font-20 {
	font-size: 20px!important;
}

.font-18 {
	font-size: 18px!important;
}

.font-16 {
	font-size: 16px!important;
}
.font-13 {
	font-size: 13px!important;
}

.font-14 {
	font-size: 14px!important;
}
.font-12 {
	font-size: 12px!important;
}
.nobg {
	background:none!important;
}

/** Form conntol size extension
 * ************************************/

.form-control-xs {
	min-height: calc(1.15em + 0.5rem + 2px);
	padding: 0.15rem 0.5rem;
	font-size: 0.675rem;
	border-radius: 0.25rem;
}
.form-control-xs::-webkit-file-upload-button {
	padding: 0.15rem 0.5rem;
	margin: -0.15rem -0.5rem;
	-webkit-margin-end: 0.5rem;
	margin-inline-end: 0.5rem;
}
.form-control-xs::file-selector-button {
	padding: 0.15rem 0.5rem;
	margin: -0.15rem -0.5rem;
	-webkit-margin-end: 0.5rem;
	margin-inline-end: 0.5rem;
}
.bg-light-blue {
	background: #e5f5ff !important;
 }

.bg-light-orange {
	background: #fd7e1473 !important;
	color: #000 !important;
 }

 .bg-light-green {
	background: #caeec2 !important;
	color: #000 !important;
 }
 .table-xs > :not(caption) > * > * {
  padding: 0.15rem 0.25rem;
}
.code-list li {
	margin-left: 30px;
}

.btn-xs, .btn-group-xs > .btn {
  --bs-btn-padding-y: 0.1rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.75rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.btn-xxs, .btn-group-xxs > .btn {
  --bs-btn-padding-y: 0.08rem;
  --bs-btn-padding-x: 0.57rem;
  --bs-btn-font-size: 0.75rem;
  --bs-btn-border-radius: 0.25rem;
}

.form-control-xs {
  min-height: calc(1.0em + 0.5rem + 2px);
  padding: 0.05rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}
 .radi input[type=radio] {
  display: none;
}
.radi input[type=checkbox] {
  display: none;
} 

.radi input:checked + label {
  padding: 10px;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
 
  color: #000;
  background-color: #6c757d82;
}

.lh-sm-cs p {
  line-height: 1.35 !important;
}

/*Width setting for org Structure
==================================*/
 .width_100 {
  width: 100px !important;
 }

 .width-97 {
  width: 97.5% !important;
 }

 .width-95 {
  width: 95% !important;
 }

 .width-92 {
  width: 92.5% !important;
 }

 .width-90 {
  width: 90% !important;
 }
  .width-87 {
  width: 87% !important;
 }

.table-xs > :not(caption) > * > * {
  padding: 0.15rem 0.25rem;
}

.bs-blue {
 background-color: var(--bs-blue);
}

.bs-indigo {
 background-color: var(--bs-indigo);
}
.bs-purple {
 background-color: var(--bs-purple);
}

.bs-pink {
 background-color: var(--bs-pink);
}

.bs-red {
 background-color: var(--bs-red);
}

.bs-orange {
 background-color: var(--bs-orange);
}

.bs-yellow {
 background-color: var(--bs-yellow);
}
.bs-green {
 background-color: var(--bs-green);
}

.bs-teal {
 background-color: var(--bs-teal);
}

.bs-cyan {
 background-color: var(--bs-cyan);
}

.bs-black {
 background-color: var(--bs-black);
}

.bs-gray {
 background-color: var(--bs-gray);
}

.bs-gray-dark {
 background-color: var(--bs-gray-dark);
}

.bs-gray-100 {
 background-color: var(--bs-gray-100);
}

.bs-gray-200 {
 background-color: var(--bs-gray-200);
}


.bs-gray-300 {
 background-color: var(--bs-gray-300); 
}

.bs-gray-400 {
 background-color: var(--bs-gray-400);
}


.bs-gray-500 {
 background-color: var(--bs-gray-500);
}


.bs-gray-600 {
 background-color: var(--bs-gray-600);
}
.bs-gray-700 {
 background-color: var(--bs-gray-700);
}
.bs-gray-800 {
 background-color: var(--bs-gray-800);
}
.bs-gray-900 {
 background-color: var(--bs-gray-900);
}



.custom-tooltip {
  --bs-tooltip-bg: var(--bs-primary);
}
.academic-icon {
	display: inline-block;
    width: 5rem;
    height: 5rem;
    margin: 0.25rem;
    
}
	
  .community-icon {
  display: inline-block;
    width: 6rem;
    height: 6rem;
    margin: 0.25rem;
    
}
   .numberIn span {cursor:pointer; }
   
    .minus, .plus{
        width:40px;
        height:28px;
        background:#f2f2f2;
        border-radius:3px;
        padding:6px 4px 6px 4px;
        border:1px solid #ddd;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }
   .numberIn input{
        height:28px;
        width: 60px;
        text-align: center;
        font-size: 18px;
        border:1px solid #ddd;
        border-radius:3px;
        display: inline-block;
        vertical-align: middle;
    }
.white-section {
            background-color: #FFF;
            padding: 25px 20px;
            -webkit-box-shadow: 0px 1px 1px 0px #dfdfdf;
            box-shadow: 0px 1px 1px 0px #dfdfdf;
            border-radius: 3px;
        }

        .white-section label { margin-bottom: 30px; }

        .dark .white-section {
            background-color: #333;
            -webkit-box-shadow: 0px 1px 1px 0px #444;
            box-shadow: 0px 1px 1px 0px #444;
        }


.box1, .box2,.box3,.box4,.box5,.box6,.box7,.box8,.box9 {
  background-color:  #ffffff;
  border-radius: 10px;
  overflow: hidden;
  height: 200px;
  max-height: 35vh;
 border: 1px solid;
}
 .box {
  margin: 10px;
 }

.grid {
  min-height: 100%;
  display:flex;
  flex-wrap: wrap;
  flex-direction: row;
}

/*.grid > div {
  flex-basis:  calc(33.333333% = 40px);
}*/
.top-down {
  writing-mode: vertical-rl;
  text-orientation: upright;
}
.w-15 {
  width: 15% !important;
}
@media (min-width: 992px) {
  .w-lg-15 {
    width:  15% !important;
  }
}

@media (min-width: 768px) {
   .w-md-15 {
    width:  15% !important;
  }
}

  .dayover {
    background-image: linear-gradient(0deg,#f3f5f6,#fff);
  }

  .dayover:hover  {
       background-image: linear-gradient(0deg,#0089d9,#0974b3);
      border: 1px solid #0089d9;
      color: #fff;
  }

  .activeDay {
     background-image: linear-gradient(0deg,#0089d9,#0974b3);
      border: 1px solid #0089d9;
      color: #fff;
  }