body{background:#fdf5fa}

.login-bg{border-radius:10px; box-shadow:0px 2px 8px rgba(56,65,74,.15)}
.login-bg .login-btn{ background:#520034; border:#520034 solid 1px;border-radius: 9px;}
.login-bg .login-btn:hover{ background:#680243; border:#680243 solid 1px;} 
.login-bg h4{color:#13213d !important;}

.text-logo-clr{color:#cb3e44 !important; }
.navbar-brand-box{border-bottom: #ccc solid 0px;}
.mt-25{ margin-top:25px;}
.right-p ul li{display: inline-block; padding:0 10px;}
.w-p{padding-left:25px; margin-top: 15px;}
.red{color:red;}
.notfction-p h5{color:#cb3e44; font-size: 20px;}
.notfction-p h6{color:#000;font-size: 15px; text-transform: uppercase; border-bottom: #ccc dashed 1px; padding-bottom:8px;}

.clear-btn {
    float: right;
    background: #9c1510;
    color: #fff !important;
    border: 0px;
    padding: 3px;
    border-radius: 5px 8px;
}

.red-btn{ background: #cb3e44 !important; width: 88px;}
.red-btn:hover{ background: #f06548 !important;}
.upld-p .col-xxl-4{ margin-top:20px;}
.lan-p.offcanvas{width: 350px;}
.title-show{display: none}
.ques-p{    background: #fee8e9; border: #ccc solid 1px; padding: 15px;}
.quest-n{ font-size: 14px; font-weight: bold; color: #cb3e44;}
.p-left{ margin-left: 33px;}
.in-p{ display: inline-block; width: auto}
#toggle-p{ display: none}
.pd-0{ padding: 0px !important}
.inline-inpt{width:100px; display: inline-block}
.nxt-btn{color:#fff;display: block; width: 100%;padding: 8px;}

.right-p{margin-top: 15px;}
/*---progress bar open----*/

.finish { 
    text-align: center
} 
  
#form fieldset:not(:first-of-type) { 
    display: none
} 
  
#form .previous-step, .next-step { 
    width: 100px; 
    font-weight: bold; 
    color: white; 
    border: 0 none; 
    border-radius: 0px; 
    cursor: pointer; 
    padding: 10px 5px; 
    margin: 10px 5px 10px 0px; 
    float: right
} 
  
.form, .previous-step { 
    background: #616161; 
} 
  
.form, .next-step { 
    background: #2F8D46; 
} 
  
#form .previous-step:hover, 
#form .previous-step:focus { 
    background-color: #000000
} 
  
#form .next-step:hover, 
#form .next-step:focus { 
    background-color: #cb3e44
} 
  
.text { 
    color: #cb3e44; 
    font-weight: normal
} 
  
#progressbar { 
    margin-bottom: 30px; 
    overflow: hidden; 
    color: lightgrey 
} 
  
#progressbar .active { 
    color: #cb3e44
} 
  
#progressbar li { 
    list-style-type: none; 
    font-size: 15px; 
    width: 20%; 
    float: left; 
    position: relative; 
    font-weight: 400
} 
  
#progressbar #step1:before { 
    content: "1";
} 
  
#progressbar #step2:before { 
    content: "2";
} 
  
#progressbar #step3:before { 
    content: "3";
} 
  
#progressbar #step4:before { 
    content: "4";
} 

#progressbar #step5:before { 
    content: "5";
} 
  
#progressbar li:before { 
    width: 40px; 
    height: 40px; 
    line-height: 38px; 
    display: block; 
    font-size: 20px; 
    color: #ffffff; 
    background: lightgray; 
    border-radius: 50%; 
    margin: 0 auto 10px auto; 
    padding: 2px
} 
  
#progressbar li:after { 
    content: ''; 
    width: 100%; 
    height: 2px; 
    background: lightgray; 
    position: absolute; 
    left: 0; 
    top: 25px; 
    z-index: -1
} 
  
#progressbar li.active:before, 
#progressbar li.active:after { 
    background: #cb3e44
} 
  
.progress { 
    height: 20px
} 
  
.progress-bar { 
    background-color: #cb3e44
}

/*---progress bar close----*/

.footer{ background:#fff !important; padding-top:10px; height: auto; padding-bottom: 5px;}

.navbar-nav{ justify-content: center; align-items: center;}
.navbar-menu{background:#cb3e44 !important;}

.topbar-user{ background: #602d4f;}
.topbar-user button .user-name-text, .topbar-user button .user-name-sub-text{color:#fff;}

.navbar-menu .navbar-nav .nav-link{color:#ffe0e1 !important;}
.navbar-menu .navbar-nav .nav-link:hover{color:#fff!important;}
.navbar-menu .navbar-nav .nav-link.active{color:#fff !important; font-weight: bold;}
.sp-green-bg{ background: #405189;}
.sp-green-bg p, .sp-green-bg h4{ color: #fff}
.sp-green-bg .text-muted{ color: #e3eaff !important}

.sp-blue-bg{ background: #0ab39c;}
.sp-blue-bg p, .sp-blue-bg h4{ color: #fff}
.sp-blue-bg .text-muted{ color: #e4fffb !important}

.sp-yellow-bg{ background: #f7b84b;}
.sp-yellow-bg p, .sp-yellow-bg h4{ color: #fff}
.sp-yellow-bg .text-muted{ color: #fff7e9 !important}

.profile-p{ background:#f8ecd8; padding: 15px; border-radius: 10px;  text-align: center}
.profile-p .avatar-sm{ margin: auto}
.profile-p h4{ font-size: 16px; color: #13213d; margin:8px 0;}
.profile-p h5{ font-size: 14px; color: #444;}

.action-btn{ background:#fcdff1; padding: 10px; margin-bottom: 15px;}
.sub-head h5{background:#fcdff1; padding:6px; font-size: 14px !important; margin-bottom: 12px; font-weight:bold;}
.sub-head2 h4{background:#fcdff1; padding:6px;  margin-bottom: 12px; font-weight:bold;}
.sub-head ul{background:#fcdff1; padding:0 0 5px 0; width: 100%;}
.sub-head ul li{ display: inline-block; padding: 0px; vertical-align: middle}

.sub-head ul li:last-child{ text-align: right; padding:5px 5px 0 0; float: right}
.sub-head ul li .form-label{ margin: 0px !important; padding: 0px !important;}
.sub-head ul li h5{ padding-bottom: 0px; margin-bottom: 0px;}
.mt .form-label{ margin-top: 15px;color: #222;font-weight: 600;}
.attatch-p{ border-radius:100% !important;padding: 5px 8px;position: relative}
.attatch-p span{ position: absolute; top:-3px;right:0px;border-radius:100%; background-color:red;padding: 5px; width:3px; height:10px;}
.main-tab ul .nav-item .nav-link{color:#460a30;}
.main-tab ul .nav-item .nav-link.active{border-bottom:2px solid;color:#460a30;}

.tab-grid-info td input, .tab-grid-info td select{font-size: 12px;}
.sm-tab .nav-item .nav-link{ padding:12px 6px; font-size: 13px;}

.bg-light-theme1 {
    background-color: #460a30;
	border-radius:30px !important;
}
.text-theme1 {
    color: #fff !important;
	padding-bottom: 5px;
}

.mt-p {
    margin-top: 5px !important;
    border-bottom: #ccc dotted 1px;
    padding-bottom: 9px;
}

.chat-leftsidebar{height: calc(100vh - 40px - 60px - 8px);}  
.page-content{padding:calc(59px + 1.5rem) calc(1.5rem * .5) 55px calc(1.5rem * .5)}

.pg-title ul{ padding: 0 15px; width: 100%}
.pg-title ul li{ display: inline-block;float: right; vertical-align: middle}
.pg-title ul li:first-child{ float: left !important; margin-top: 8px; }
.pg-title ul li:last-child{ float: right}
#toggleDIV{display:block;}
.tab-p .nav-tabs li a.active{ background: #460a30; color: #fff;}
.morenotes{ border: #ccc dotted 1px; padding: 20px; margin-bottom: 20px;}

.mt-5{ margin-top: 5px !important;}
.fleft{ float:left}
.w-l{ width: 73%}
.w-s{ width: 25%; margin-left: 3px;}

.brn-bg{ background:#a47f41 !important;}
.brn-bg h5{ color:#fff;}

.purple-btn{ background:#460a30;}
.modal-header{background:#ffceed;}
.modal-header h5,.modal-header .btn-close{color:#460a30 !important;}
.modal-body .btn-primary{background:#460a30;}
.modal-body .btn-primary:hover{background:#631044;}


.sm-width{width:72px; display: inline-block !important}
.txt-height textarea{ min-height: 150px;}
.var{ padding-top: 0px;}
.var li{padding-left: 0 !important}
.history-p ul{text-align: center}
.history-p ul li{ display: inline-block; text-align: left; margin: 5px;}
.btn-t ul{ text-align: center}
.btn-t ul li{ display: inline-block; text-align: center; margin: 0 10px;}


.fleft span{ display: block}

.createfolder-form .autoComplete_wrapper{ position: relative}
.createfolder-form .autoComplete_wrapper #autoComplete_list_3,
.createfolder-form .autoComplete_wrapper #autoComplete_list_1,
.createfolder-form .autoComplete_wrapper #autoComplete_list_2
{ position:absolute; width: 100%; z-index: 99999;}


@media (max-width: 1500px) {
    .p-left {
    margin-left: 0px;
}

}
@media (max-width: 767.98px) {
    .navbar-brand-box { display: block !important;  }	
	.right-p ul li{ display: block !important}
	.right-p ul li:last-child{margin-left: 0px;position: relative;top: -9px;left: 0px;}
	.right-p{margin-top: 40px;}
}
@media (max-width:720px){
	.step-none{display: none;}
	.title-show{display: block}	
}
@media (max-width: 580px) {	
	.navbar-header{ display: block; height: auto;  }
	.right-p{ margin-top: 0px; margin-top: 10px;}
	.navbar-header .d-flex{display:block !important; width: 100%; border-top: #ccc dashed 1px;}
	.horizontal-logo{display:inline-block !important; width:78%; text-align: left}
	.navbar-header .d-flex .topnav-hamburger{display:inline-block !important; width:20%}
	.right-p ul{ padding: 0px; margin: 0px;}
	.right-p ul .btn-icon{padding: 0px; margin: 0px; margin-left: 5px;}
	.main-content{ margin-top: 82px;}
	.navbar-nav{margin-top: 90px;}
    #toggle-p{ display: block; padding: 10px; color: #fff; font-size: 12px; cursor:pointer}
	#toggleDIV{display:none;}
	.page-content{ padding-top: 50px !important;}
}
.kbw-signature {width: 50%;height: 200px;}
#signature2 canvas {width: 100% !important;height: 200px;border: 1px solid #000;}
.kbw-signature {width: 100%;height: 200px;margin: auto;overflow: hidden !important;}
.signature-btn {display: block;margin: auto;}
@media  only screen and (max-width: 1199px) {
    .kbw-signature {width: 100%;}
    .kbw-signature>canvas {width: 100%;height: 100%;}
}
div#signature, div#signature1 {border: 1px solid #a0a0a0;}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 36px;
  user-select: none;
  -webkit-user-select: none;
  padding-top: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 7px;
  right: 1px;
  width: 20px;
}
/*#ui-datepicker-div{top: 660px !important;}*/
[data-layout=horizontal] .navbar-nav .nav-item {
    position: relative;
    float: left;
}