@charset "utf-8";
/* CSS Document */
body { margin: 0;    font-family: "Roboto", Helvetica, Arial, sans-serif;    font-size: 1rem;    font-weight: 400;    line-height: 1.7;    color: #212529;    text-align: left;
    background-color: #fff;}
main {    position: relative; min-height:768px;}
.space-2 { padding-top: 4rem;  padding-bottom: 4rem;}
@media (min-width: 768px) {.space-3--md {    padding-top: 8rem;    padding-bottom: 8rem;}  }
@media (max-width: 991.98px) {
	.font-size-48--md-down {    font-size: 2.0rem; }
	.space-2 {    padding-top: 11rem;    padding-bottom: 4rem;}
 }
.mb-9, .my-9 {   margin-bottom: 4rem !important; }
.font-weight-medium {     font-weight: 500 !important; }
h1, h2, h3, h4, h5, h6 {    margin-top: 0;    margin-bottom: 0.5rem;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {    margin-bottom: 0.5rem;    font-weight: 500;    line-height: 1.5;    font-weight: 400;}
p {    color: #646f79;}
.text-primary {     color: #21c87a !important; }
.text-primary1 {     color: #169E5D !important; }
.text-gray {color: gray}

.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle {
    color: #fff;    background-color: #4a3bff;    border-color: #3e2eff;}
.btn-purple {    color: #fff;    background-color: #796eff;    border-color: #796eff;}
.btn-purple:hover {    color: #fff;    background-color: #5648ff;    border-color: #4a3bff;}
.btn-orange {border: 1px solid #FF6C37;     border-radius: 3px;    outline: 0;    background-color: #FF6C37;}	
.bg-gray-100 {    background-color: #f5f8fb; }
.bg-purple-opacity-0_07 {    background-color: rgba(121, 110, 255, 0.07);}
.rounded-pill {   border-radius: 6.1875rem !important;}
.badge-purple {  color: #fff;   background-color: #796eff;}
[class*="badge-"] {  z-index: 3;   display: inline-block;   vertical-align: middle;   text-align: center;   line-height: 1.7;}
a {    color: #21c87a;    text-decoration: none;    background-color: transparent;}
a:hover { color: #168652;  text-decoration: none;}
a:not([href]):not([tabindex]) {  color: inherit;  text-decoration: none;}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {  color: inherit;  text-decoration: none;}
a:not([href]):not([tabindex]):focus {  outline: 0;}
.u-divider-wrapper {    overflow: hidden;}
.u-divider {    position: relative;    display: inline-block;}
.u-divider--xs {    font-size: 0.75rem;}
.u-divider--text {    color: #8c98a4;}
.u-divider::before, .u-divider::after {    position: absolute;    top: 50%;    background-color: #d4d7dd;    content: "";}
.u-divider::before {    right: 100%;}
.u-divider--xs::before, .u-divider--xs::after {    width: 999px;    height: 0.0625rem;    -webkit-transform: translateY(-50%);    transform: translateY(-50%);}
.u-divider--xs::before {    margin-right: .625rem;}
.u-divider::after {    left: 100%;}

.btn:focus, .btn.focus, .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus, .btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active {    box-shadow: 0 0 0 0 transparent;}
.btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active, .show > .btn-facebook.dropdown-toggle {
    color: #fff;    background-color: #2d4373;    border-color: #293e6a;}
.btn-sm, .btn-group-sm > .btn {    border-radius: 0.25rem;}	
.btn-facebook {    color: #fff;    background-color: #3b5998;    border-color: #3b5998;}
.btn-facebook:hover {    color: #fff;    background-color: #30497c;    border-color: #2d4373;}
.btn-google {    color: #fff;    background-color: #E83D30;    border-color: #E30614;}
.btn-google:hover {    color: #fff;    background-color: #E80615;    border-color: #E30614;}
.btn-google:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active, .show > .btn-twitter.dropdown-toggle {
    color: #fff;    background-color: #E80615;    border-color: #E30614;}
.table td {    font-size: 15px;}
.table td, .table th {    padding: .5rem 0.2rem;    vertical-align: top;    border-top: 1px solid #dee2e6;}
.table thead th {      font-size: 16px;}
.color-red {color:#E30614}
.color-gray {background-color: #808080}
.color-white {color:#ffffff;}
a.color-white {color:#ffffff !important}
a.color-white:hover {opacity:0.7 !important }
.fz-16 {font-size:16px;}
.u-label { display: inline-block;    font-size: 1rem;    font-weight: 400;    padding: 0.625rem 1.125rem;    border-radius: 6.1875rem;    transition: 0.2s ease-in-out;}
.u-label--sm {    font-size: 0.75rem;    padding: 0.5rem 1rem;}
.u-label--purple {    color: #E30614;    background-color: rgba(227, 6, 20, 0.1);}
label {    display: inline-block;    margin-bottom: .25rem;    font-size: 0.88rem;    font-weight: 400;}


@media (min-width: 992px) {
	.mr-lg-auto, .mx-lg-auto {    margin-right: auto !important; margin-left: auto !important;}
}
	
/*----------------------------------------------------------------------
  * Licensed under Bootstrap Themes (https://themes.getbootstrap.com/licenses/)
------------------------------------------------------------------------*/
.w-25 {  width: 25% !important;}
.w-50 {  width: 50% !important;}
.w-75 {  width: 75% !important;}
.w-100 {  width: 100% !important;}
.w-auto {  width: auto !important;}
.w-15 {  width: 15% !important;}
.w-20 {  width: 20% !important;}
.w-30 {  width: 30% !important;}
.w-35 {  width: 35% !important;}
.w-40 {  width: 40% !important;}
.w-60 {  width: 60% !important;}
.w-65 {  width: 65% !important;}
.w-80 {  width: 80% !important;}
.w-90 {  width: 90% !important;}

@media (min-width: 576px) {
  .w-sm-25 {  width: 25% !important;  }
  .w-sm-50 {    width: 50% !important;  }
  .w-sm-75 {    width: 75% !important;  }
  .w-sm-100 {    width: 100% !important;  }
  .w-sm-auto {    width: auto !important;  }
  .w-sm-15 {    width: 15% !important;  }
  .w-sm-20 {    width: 20% !important;  }
  .w-sm-30 {    width: 30% !important;  }
  .w-sm-35 {    width: 35% !important;  }
  .w-sm-40 {    width: 40% !important;  }
  .w-sm-60 {    width: 60% !important;  }
  .w-sm-65 {    width: 65% !important;  }
  .w-sm-80 {    width: 80% !important;  }
  .w-sm-90 {    width: 90% !important;  }
}

@media (min-width: 768px) {
  .w-md-25 {    width: 25% !important;  }
  .w-md-50 {    width: 50% !important;  }
  .w-md-75 {    width: 75% !important;  }
  .w-md-100 {    width: 100% !important;  }
  .w-md-auto {    width: auto !important;  }
  .w-md-15 {    width: 15% !important;  }
  .w-md-20 {    width: 20% !important;  }
  .w-md-30 {    width: 30% !important;  }
  .w-md-35 {    width: 35% !important;  }
  .w-md-40 {    width: 40% !important;  }
  .w-md-60 {    width: 60% !important;  }
  .w-md-65 {    width: 65% !important;  }
  .w-md-80 {    width: 80% !important;  }
  .w-md-90 {    width: 90% !important;  }
}

@media (min-width: 992px) {
  .w-lg-25 {    width: 25% !important;  }
  .w-lg-50 {    width: 50% !important;  }
  .w-lg-75 {    width: 75% !important;  }
  .w-lg-100 {    width: 100% !important;  }
  .w-lg-auto {    width: auto !important;  }
  .w-lg-15 {    width: 15% !important;  }
  .w-lg-20 {    width: 20% !important;  }
  .w-lg-30 {    width: 30% !important;  }
  .w-lg-35 {    width: 35% !important;  }
  .w-lg-40 {    width: 40% !important;  }
  .w-lg-60 {    width: 60% !important;  }
  .w-lg-65 {    width: 65% !important;  }
  .w-lg-80 {    width: 80% !important;  }
  .w-lg-90 {    width: 90% !important;  }
}

@media (min-width: 1200px) {
  .w-xl-25 {    width: 25% !important;  }
  .w-xl-50 {    width: 50% !important;  }
  .w-xl-75 {    width: 75% !important;  }
  .w-xl-100 {    width: 100% !important;  }
  .w-xl-auto {    width: auto !important;  }
  .w-xl-15 {    width: 15% !important;  }
  .w-xl-20 {    width: 20% !important;  }
  .w-xl-30 {    width: 30% !important;  }
  .w-xl-35 {    width: 35% !important;  }
  .w-xl-40 {    width: 40% !important;  }
  .w-xl-60 {    width: 60% !important;  }
  .w-xl-65 {    width: 65% !important;  }
  .w-xl-80 {    width: 80% !important;  }
  .w-xl-90 {    width: 90% !important;  }
}
%grid-column {
    position: relative;
    
}


.tab-content>.active {padding:1.4rem 0}
.img-thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.img-circle {
    border-radius: 50%;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    border-radius: 4px;
    
}
#leftPanel {
   
   
    text-align: center;
}

 
.hidetext { -webkit-text-security: disc; /* Default */ }


.avatar-upload {
  position: relative;
  max-width: 205px;
  margin: 50px auto;
}
.avatar-upload .avatar-edit {
  position: absolute;
  right: 12px;
  z-index: 1;
  top: 10px;
}
.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #ffffff;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}
 
.avatar-upload .avatar-edit input + label i:before {
 
    
    color: #757575;
    position: absolute;
    top: 12px;
    left: 4px;
    right: 0;
    text-align: center;
    margin: auto;
}
	 
 
.avatar-upload .avatar-preview {
  width: 192px;
  height: 192px;
  position: relative;
  border-radius: 100%;
  border: 6px solid #f8f8f8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.dot {  height: 12px;  width: 12px;  background-color: #bbb;  border-radius: 50%;  display: inline-block;}
.dot-green {background-color:green}
.dot-red {background-color:red}
.dot-gray{background-color:gray}
.bg-img-hero {    background-size: cover;    background-repeat: no-repeat;    background-position: top center;}
[class*="gradient-overlay-half"] {    position: relative;    z-index: 1;}
[class*="gradient-overlay-half"]::before {  position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    z-index: -1;    width: 100%;    height: 100%;    content: "";}
.gradient-overlay-half-dark-v4::before {    background-image: linear-gradient(150deg, rgba(21, 27, 38, 0.1) 10%, green 100%);    background-repeat: repeat-x;} 
.color-fhir {color: #dc3545}
.color-forest {color:#21c87a }
.modal-header { background: #dc3545 !important;   color: #fff !important; }
.modal-footer { background: silver !important; }
.text-bold {font-weight:500}