a{
    cursor: pointer;
}
a:not([href]):not([class]){
    /* color: #007bff !important; */
	color: #6B8FB2;
}
.invalid-feedback{
    display: block;
    font-size: 100% !important;
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #63c6eb;
}
.first-letter {
    background: #399282;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 30px;
    margin-right: 7px;
    /* padding: 2px; */
    text-align: center;
    width: 30px;
    font-weight: 600;
    font-size: 19px;
    text-transform: uppercase;
    display: none;
}
/* .react-datepicker__input-container {
    text-align: center;
} */
.ck-focused {
    height: 200px !important;
}
.ck-blurred{
    height: 200px !important;
}
.lockbox{
	position: relative;
}
.id_password{
	padding: 0 30px;
}
.input_icon{
	position: absolute;
    top: 7px;
    /* margin-right: 10px; */
    left: 0;
    margin-left: 7px;
}
.changepass{
position: absolute;
top: 4px;
left: 11px;
}
.changepass img{
    width: 31px;
}
.change_password{
    padding-left: 50px;
}
.ck.ck-content ul,
.ck.ck-content ul li {
  list-style-type: inherit;
}

.ck.ck-content ul {
  /* Default user agent stylesheet, you can change it to your needs. */
  padding-left: 40px;
}

.ck.ck-content ol,
.ck.ck-content ol li {
  list-style-type: decimal;
}
.ck.ck-content ol {
  /* Default user agent stylesheet, you can change it to your needs. */
  padding-left: 40px;
}
.change_password_{
    position: absolute;
    top: 21px;
    right: 1%;
    cursor: pointer;
    transform: translate(-50% , -50%);
    bottom: auto;
}
.sweet-alert-confirm-btn{
    background-color: #399282 !important;
}
.sweet-alert-confirm-btn:focus{
    /* box-shadow: 0 0 0 3px rgb(57 146 130 / 50%) !important; */
    box-shadow: 0 0 0 0px rgb(57 146 130 / 50%) !important;
}
.add-new-btn{
    float: right;
}
.MuiPaginationItem-outlinedSecondary.Mui-selected {
    color: #5ea3bd !important;
    border: 1px solid #63c6eb !important;
    background-color: #f5fbff !important;
}
.loginForm form .form-control:focus {
    border: 1px solid #a2e8ff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  }
.toggle_password_ {
    position: absolute;
    top: 25px;
    right: 4%;
    cursor: pointer;
    transform: translate(-50% , -50%);
    bottom: auto;
  }
  /* .show-icon {
	background-image: url('/img/Show.png');
	background-repeat: no-repeat;
	background-position: center;
	z-index: 4;
	height: 23px;
	width: 23px;
	position: absolute;
	bottom: -10px;
	right: 0px;
	background-size: 100%;
}
.hide-icon.hide-icon {
	background-image: url('../images/Hide.png');
	background-repeat: no-repeat;
	background-position: center;
	z-index: 4;
	height: 23px;
	width: 23px;
	position: absolute;
	bottom: -10px;
	right: 0px;
	background-size: 100%;
} */
/*==== End Common Css ====*/

/*==== Start Common Css ====*/
body{
    font-family: 'Poppins', sans-serif;
}
a{
    text-decoration: none;
}
.noPadding{
    padding:0;
}
h3 
{
    color: #253266;
    font-weight: 600;
    font-size: 28px;
    margin: 0;
}
p {
/* color: #9198B2; */
font-size: 14px;
}
li{
    list-style-type: none;
}
.form-control:focus{
    outline:none;
    box-shadow:none;
}
.loginForm form .form-control:focus {
    border: 1px solid #a2e8ff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  }
.toggle_password_ {
    position: absolute;
    top: 25px;
    right: 4%;
    cursor: pointer;
    transform: translate(-50% , -50%);
    bottom: auto;
  }
  /*---Eye Icon*---*/
  .show-icon {
      background-image: url('/img/Show.png');
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
      z-index: 4;
      height: 22px;
      width: 22px;
      position: absolute;
      top: -10px;
      right: 10px;
  }
  .hide-icon.hide-icon {
    background-image: url('/img/Hide.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    z-index: 4;
    height: 22px;
    width: 22px;
    position: absolute;
    top: -10px;
    right: 10px;
}
#changePassword .hide-icon.hide-icon {
    top: -17px;
}
#changePassword .show-icon{
    top: -17px;

}
/*==== End Common Css ====*/

.info_icon {
    position: absolute;
    bottom: 17px;
    right: 10px;
    cursor: pointer;
}

/* Start Main Css */
.loginImage {
	background-image: url(../images/loginbg.png);
	background-size: cover;
	height: 100vh;
	background-repeat: no-repeat;
	padding: 50px 50px;
}
p.innerContent {
	width: 100%;
	color: #6B8FB2;
	font-size: 14px;
	line-height: 24px;
}
.logo img {
	max-width: 108px;
	width: 100%;
}
.loginForm {
	display: flex;
	justify-content: center;
	align-content: center;
}
.loginForm form {
	max-width: 407px;
	width: 100%;
	text-align: center;
}

.loginForm form .form-control {
	background-color: #F1FBFF;
	border: 1px solid #63C6EB21;
	border-radius: 14px;
	font-size: 14px;
	color: #253266;
	padding-left: 55px;
	height: 48px;
}
.forget-link {
	text-align: center;
}
.loginbtn {
	display: flex;
	width: 100%;
	justify-content: center;
}
.loginIcon {
	position: absolute;
	top: 9px;
	left: 11px;
}
.loginIcon img {
	width: 31px;
}
.forget-link a {
	color: #9B8DF6;
	font-size: 14px;
}
.groupInputs_ {
	position: relative;
}

.loginContent {
	background-image: url(../../assets/images/leftbg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
}
.loginHorizontalForm_ .mb-2, .my-2 {
    margin-bottom: .5rem!important;
    text-align: left;
}
.loginHorizontalForm_ .mb-5, .my-5 {
    margin-bottom: 3rem!important;
    text-align: left;
}
.btnTheme {
    background: transparent linear-gradient(180deg, #CAC2FF 0%, #9B8DF6 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 30px #9B8DF680;
    border: 1px solid #63C6EB21;
    border-radius: 28px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    max-width: 180px;
    width: 100%;
    height: 50px;
    transition: all 0.3s;
  }
/* End Main Css */

/* Start Footer Css */
footer {
	position: fixed;
	bottom: 0;
	display: flex;
	width: 100%;
}

.footerMenu {
	display: flex;
	width: 100%;
	justify-content: space-between;
	max-width: 849px;
}
.footerMenu li a {
	color: #6B8FB2;
	font-size: 14px;
}

.footerMenu li span {
	color: #6B8FB2;
	font-size: 14px;
}

.eyeIcon {
	position: absolute;
	right: 17px;
	top: 16px;
	color: #7697b7;
}

/***Start Dashboard Css***/
.main-sidebar {
    background: #F1FBFF;
    box-shadow: 0 0 10px #c9dfed !important;
}
.sidebar .nav-item .nav-link {
    color: #000000!important;
}
.main-header {
    background: #63c6eb;
}
.content-header h1 {
    font-size: 24px;
    font-weight: 600;
    color: #222222;
}
.small-box {
    box-shadow: 0 0 10px #c9c9c9;
    border-radius: 10px;
}
.small-box>.small-box-footer {
    color: rgba(255,255,255,.8);
    border-radius: 0 0 10px 10px;
}
.content-wrapper {
    background: #F1FBFF;
    padding: 10px;
}
.searchBtn {
    background: transparent linear-gradient(180deg, #CAC2FF 0%, #9B8DF6 100%) 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 10px 30px #9b8df680 !important;
    border: 1px solid #63C6EB21 !important;
   
}
.selectinput {
    display: flex;
    align-items: center;
}
.cust_spc {
    background: #ffff;
    border: 1px solid #3498db;
    width: 29%;
    height: 36px;
    color: #196497;
    border-radius: 7px;
    padding: 5px;
    font-size: 15px;
}

.cust_spc:focus {
    outline: 0!important;
}
.selectinput label {
    font-size: 14px;
    margin: 0 10px 0 0;
}
.bg-info {
    background-color: #98e3ff!important;
    box-shadow: 0 3px 4px 0 #6a8b97;
}
.bg-info .small-box-footer {
    background: #52a1bf;
}
.bg-info h3 {
    color: #3d788f;
}
.bg-info p {
    color: #3d788f;
}
.bg-success .small-box-footer {
    background: #2e7e40;
}
.bg-success {
    background-color: #8ee5a2!important;
    box-shadow: 0 3px 4px 0 #407c4e;
}
.bg-success p {
    color: #11421c;
}

.bg-success h3 {
    color: #2e7e40;
}
.bg-warning {
    background-color: #ffa9b1!important;
    box-shadow: 0 3px 4px 0 #975d63;
}
.bg-warning .small-box-footer {
    color: #fff!important;
    background: #c3646d;
}
.bg-warning h3 {
    color: #bb4853;
}
.bg-warning p {
    color: #b33d48;
}
.contentMain {
    background-color: #ffff;
    border-radius: 10px;
    box-shadow: 0 0 10px #eee;
    padding: 20px 30px;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f2fbff;
}
.contentMain .table thead {
    background: #63c6eb;
}
.btn.btn-sm {
    background: transparent linear-gradient(180deg, #b9b1ed 0%, #9B8DF6 100%) 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 10px 30px #9b8df680 !important;
    border: none;
}
.addBtn {
    background: #9B8DF6;
    border: 1px solid #9B8DF6;
}
.modal-dialog-slideout .modal-content {
    background: #ffffff;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 7%);
    border: none;
    border-radius: 12px;
}
.modal-dialog-slideout .modal-content .modal-title {
    font-weight: 600;
    font-size: 20px;
}
.modal-dialog-slideout .modal-content .modal-header {
    padding: 9px 17px;
    border-bottom: 2px solid #ebf7ff;
}
.brand-link {
    border-color: #6aabd7!important;
}
.sidebar-collapse .brand-text {
    -webkit-animation-fill-mode: inherit!important;
    animation-fill-mode: inherit!important;
    visibility: inherit!important;
}
.brand-link {
    text-align: center;
    border-color: #6aabd7!important;
    padding: 10px 0;
}
.modal-dialog-slideout .modal-content .form-control {
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 5%);
    border-radius: 6px;
    height: 49px;
}
.modal-dialog-slideout label.label_text {
    color: #494F57;
    font-weight: 600!important;
    font-size: 15px;
}
.btn-primary {
    background: transparent linear-gradient(180deg, #c2b9f7 0%, #9B8DF6 100%) 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 10px 30px #9b8df680 !important;
    border: none;
}
.btn-close {
    background-size: 30%;
}
.navbar-expand .navbar-nav .dropdown-menu {
    background: #fff;
    border: none;
    min-width: 200px;
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover {
    background-color: #b9e9fb;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}
.questiontable thead {
    background: #63c6eb;
}
.questiontable td li {
    display: inline-block;
    padding: 2px 11px;
    border-radius: 5px;
}
.formDetail_ {
    background: #d4eaf9;
    padding: 20px;
    border: 1px solid #a5d1ef;
}
.modal-dialog {
    max-width: 527px;
}
.small-box>.small-box-footer:hover {
    background-color: rgba(0,0,0,.4);
}
.piechartactiveinactive {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.newnotes {
    background: #F1FBFF;
    margin: 0 0 12px;
    padding: 12px 17px;
    border: 1px solid #c9f0ff;
}
.newnotes p {
    font-weight: 600;
    margin: 0 0 9px;
    font-size: 16px;
}
.newnotes label {
    margin: 0;
    font-size: 15px;
}
.addNewform .label_text {
    font-size: 17px!important;
    color: #494F57!important;
}
.deletebtn {
    padding: 2px 13px;
    margin: 0;
}
.deletebtn span i {
    font-size: 14px;
}
.btn.btn-sm span {
    margin: 0 6px 0 0;
}
.btn-close {
    box-shadow: none!important;
}
.btn-del-key.delete_btn{
    background: red !important;
    color: #fff !important;
}
.btn-del-key.reset_password{
    background: rgb(0, 185, 99) !important;
    color: #fff !important;
}
.userTable .btn-del-key {
    margin: 3px 0;
}

/* Start privacy policy */
.smallText {
    font-size: 16px;
    color: #000000;
    text-align: justify;
}
.privacyPloicy li {
    list-style: disc;
}
.subHeading {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-bottom: 12px;
}
.privacylist li{
    list-style: lower-roman;
}