/* Common Use */
*
{
    box-sizing: border-box;
}
img
{
	max-width: 100%;
	height: auto;
}
@media screen and (min-width: 1200px)
{
	.container-normal
	{
		max-width: 1360px;
		max-width: 1375px;
		width: auto;
	}	
	.container.inner
	{
		max-width: 1080px;
	}
}



/** ------------------------------------------  Common Class Content start ------------------------------------------------ */



/* -- -- -- -- - Grid Styles Start -- -- -- -- -*/
.row.p15
{
	margin: 0 -7.5px;
}
.row.p15 > div
{
	padding: 0 7.5px;
}


.row.p5
{
	margin: 0 -5px;
}
.row.p5 > div
{
	padding: 0 5px;
}
/* -- -- -- -- - Grid Styles End -- -- -- -- -*/


/* -- -- -- -- - Margin Styles Start -- -- -- -- -*/
.mb15
{
	margin-bottom: 15px;
}
/* -- -- -- -- - Margin Styles End -- -- -- -- -*/





/* -- -- -- -- - Buttons Styles Start -- -- -- -- -*/
.btn-8632 {
    min-width: 86px;
    font-size: 12px;
}
.btn-14143 {
    text-align: center;
    min-width: 141px;
    font-size: 16px;
    font-weight: 600;
    padding-top: 8.5px;
    padding-bottom: 8.5px;
}
.btn-15543 {
    min-width: 155px;
    font-size: 14px;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
}
.btn-13543 {
    font-size: 14px;
    min-width: 135px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.btn-8524 {
    font-size: 14px;
    min-width: 85px;
    padding: 2.5px;
}
.btn-13940 {
    min-width: 139px;
    padding-top: 7px;
    padding-bottom: 7px;
}
.btn-10143 {
    min-width: 101px;
    padding-top: 8.5px;
    padding-bottom: 8.5px;
}
.btn-10840 {
    font-size: 14px;
    padding-top: 8.5px;
    padding-bottom: 8.5px;
    min-width: 108px;
}
.btn-14040 {
    font-size: 14px;
    padding-top: 8.5px;
    padding-bottom: 8.5px;
    min-width: 140px;
}
.btn-7425 {
    font-size: 10px;
	min-width: 74px;
	white-space: nowrap;
}
.btn-8428 {
    font-size: 12px;
    min-width: 84px;
    padding: 4px 4px;
}
.btn-14348 {
    min-width: 143px;
    padding-top: 10.5px;
    padding-bottom: 10.5px;
    line-height: normal;
}
.btn-19448 {
    min-width: 194px;
    padding-top: 11px;
    padding-bottom: 11px;
}


.btn-9632 {
    min-width: 96px;
    font-size: 11px;
    min-height: 32px;
}

.btn-9340 {
    font-size: 15px;
    min-width: 93px;
    min-height: 40px;
}

.btn-11640 {
    font-size: 15px;
    min-width: 116px;
    min-height: 40px;
}

.btn-11840 {
    min-width: 118px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.btn-165
{
	min-width: 165px;
}

.btn-w111
{
	min-width: 111px;
}

.btn-w79
{
	min-width: 79px;
}

.btn-h32
{
	min-height: 32px;
}

.btn-success {
    border-radius: 5px;
    background-color: rgb(5, 177, 105);
    color: #ffffff;
}
.btn-success:hover {
    border-radius: 5px;
    background-color: rgb(3 146 86);
    color: #ffffff;
}
.btn-primary-s1 {
    background-color: #1273eb;
    color: #ffffff;
    border-radius: 5px;
}
.btn-primary-s1:hover {
    color: #ffffff;
    background-color: #0a56b3;
}

.btn-outline-primary {
    color: #005ff3;
    border-color: #005ff3;
}

.btn-secondary-s1 {
    background-color: #9b9b9b;
    color: #ffffff;
}
.btn-secondary-s1:hover {
    background-color: #c0bcbc;
    color: #ffffff;
}


.btn-focus {
    background-color: #fcc821;
    color: #ffffff;
    border-radius: 5px;
}
.btn-focus:hover
{
    background-color: #e9b81a;
    color: #ffffff;    
}


.btn-revert {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    box-shadow: 0px 2px 15px 0px rgba(213, 212, 212, 0.11);
    color: #1273eb;
	background-color: #ffffff;
}



.btn-exe {
    border-radius: 2px;
    border: 1px solid #19c08d;
    color: #07bb84;
}
.btn-share
{
	border-radius: 2px;
    border: 1px solid #12c4ff;
    color: #00bfff;
}
.btn-draft
{
	border-radius: 2px;
    border: 1px solid #a1a1a1;
    color: #9a9a9a;
}

.btn:disabled
{
	background-color: #dddddd;
	color: #696a6a;
}


.btn-primary-none
{
    color: #005ff3;
    font-size: 14px;
    font-weight: 600;
    box-shadow: none;
}
.btn-primary-none:focus
{
   box-shadow: none;
}



/* -- -- -- -- - Buttons Styles End -- -- -- -- -*/



/* -- -- -- -- - box with icons start -- -- -- -- - */
.iconBox
{
	display: inline-block;
    background-color: #eff1f9;
    min-width: 38px;
    min-height: 38px;
    border-radius: 9px;
    line-height: 36px;
	text-align: center;
}
.iconBox.sm {
    min-width: 32px;
    min-height: 32px;
    line-height: 32px;
}

button.iconBox.sm {
	border: 0px;
	line-height: 30px;
}
/* -- -- -- -- - box with icons End -- -- -- -- - */


/* -- -- -- -- - Min Width Start -- -- -- -- - */
.mw-193
{
	min-width: 193px;
}
/* -- -- -- -- - Min Width End -- -- -- -- - */


/* -- -- -- -- - Min Height Start -- -- -- -- - */
.mh-180
{
	min-height: 180px;
}
/* -- -- -- -- - Min Height End -- -- -- -- - */



/* -- -- -- -- - Colors Styles Start Start -- -- -- -- - */
.highLight {
    color: #1273eb;
}
.highLight-im {
    color: #005ff3 !important;
}

.bodyBg
{
	background-color: #f7f9fd;
}


.bg-success {
    background-color: #0fcb91!important;
}
.bg-warning {
    background-color: #fad839!important;
}
.bg-danger
{
	background-color: #cc2424!important;
}
/* -- -- -- -- - Colors Styles Start End -- -- -- -- - */



/* -- -- -- -- - Font Styles Start Start -- -- -- -- - */
.font-11
{
	font-size: 11px;
}
/* -- -- -- -- - Font Styles Start End -- -- -- -- - */


/* -- -- -- -- - Cursor Styles Start Start -- -- -- -- - */
.cursor-pointer
{
	cursor: pointer;
}
.pointer-none
{
	pointer-events: none;
}
/* -- -- -- -- - Cursor Styles Start End -- -- -- -- - */



/** ------------------------------------------  Common Class Content End ------------------------------------------------ */





/** ------------------------------------------  Inner Header Content start ------------------------------------------------ */


.innerHeader {	
	padding: 10px 0;
	border-bottom: 1px solid rgb(239, 243, 248);
}

.innerHeader .headerLogo img
{
	max-height: 40px;
}


/* -- -- -- -- - Inner Header Menu Start -- -- -- -- - */
.innerHeaderMenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
	width: 100%;
}

.innerHeaderMenu ul li {
    display: inline-block;
    margin: 0 8px;
}

.ihmIcon {    
    margin-right: 12px;
}

.ihmIcon img 
{
    max-width: 20px;
}

.ihmText {
    color: #666e82;
    font-size: 14px;
    font-weight: 500;
}

.innerHeaderMenu ul li.active .ihmText {
    color: #015eea;
}
/* -- -- -- -- - Inner Header Menu End -- -- -- -- - */




/* -- -- -- -- - Inner Header Right Start -- -- -- -- - */
.headerRight
{
	text-align: right;
}

.ihNotifications,
.ihNotifications.show
{
    display: inline-block;
}
.ihNotiCon {
    display: inline-block;
    min-width: 20px;
    position: relative;
}
.notiCount {
    min-width: 15px;
    min-height: 15px;
    background-color: #1273eb;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    border-radius: 50%;
    line-height: 15px;
    font-size: 10px;
    font-weight: bold;
    vertical-align: super;
    transform: translate(-12px, 0px);
}

.ihUserDd,
.ihUserDd.show
{
    display: inline-block;
	margin-right: 10px;
}

.ihUserDd .btn {
    padding: 0 24px 0 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 392.94 206.04'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M393.28,11.43V206.74H.34V.7H393.28V7.6C390.18,2,387,0,382.44,1.62A17.86,17.86,0,0,0,376.33,6Q288.4,93.78,200.55,181.67c-1.05,1.06-2.16,2.06-4,3.81a32.45,32.45,0,0,0-2.87-3.92Q105.83,93.66,17.94,5.81C12.61.48,7.54-.27,3.65,3.66S.41,12.42,5.92,17.93L188.7,200.71c6.6,6.6,10.41,6.58,17.08-.1Q296.9,109.5,388,18.34C390,16.3,391.52,13.74,393.28,11.43Z' transform='translate(-0.34 -0.7)'/%3E%3Cpath d='M393.28,11.43c-1.76,2.31-3.26,4.87-5.29,6.91q-91.07,91.18-182.21,182.27c-6.67,6.68-10.48,6.7-17.08.1L5.92,17.93C.41,12.42-.33,7.68,3.65,3.66s9-3.18,14.29,2.15q87.87,87.85,175.73,175.75a32.45,32.45,0,0,1,2.87,3.92c1.85-1.75,3-2.75,4-3.81Q288.42,93.82,376.33,6a17.86,17.86,0,0,1,6.11-4.35C387,0,390.18,2,393.28,7.6Z' transform='translate(-0.34 -0.7)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: calc(100% - 4px) center;
    box-shadow: none;
}

.ihUserDd_text {
    font-size: 12px;
    color: #565d6b;
}

.ihUserDd .dropdown-toggle::after {
    display: none;
}

.ihUserDd .dropdown-item {
    font-size: 14px;
    color: #565d6b;
}

.ihUserDd .dropdown-item:active {
	background-color: #f8f9fa;
	color: #565d6b;
}

.ihUserdd_img {
    margin-right: 8px;
}
/* -- -- -- -- - Inner Header Right End -- -- -- -- - */






.mobNav {
    display: inline-block;
    font-size: 20px;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer;	
    min-width: 18px;
}


.mobileMenuToggle {
    display: inline-block;
    margin: 0 0 0 20px;
    vertical-align: middle;
    cursor: pointer;
    min-width: 18px;
}
.mobileMenuToggle i {
    font-size: 20px;
    color: #ffffff;
    display: inline-block;
    line-height: normal;
}
.headerSticky .mobileMenuToggle i
{
	
}


@media screen and (max-width: 767px)
{
	.navMenu {
		position: fixed;
		top: 0;
		left: 0;
		width: 70%;		
		background-color: #ffffff;
		height: 100%;
		z-index: 9999;
		transform: translateX(-200%);
		transition: 0.5s;
		box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
	}
	.navMenu.active {
		transform: translateX(00%);
	}
	.navMenu li {
		display: block;
		text-align: left;
		padding: 10px 15px;
		margin: 10px 0;
		width: 100%;
	}
	.navMenu li a {
		
	}	
}
@media only screen and (max-width: 575px)
{
	.headerLogo {
		text-align: center;
	}
	.headerRight {
		display: inline-flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
}
/** ------------------------------------------  Inner Header Content End ------------------------------------------------ */



/** ------------------------------------------  Dashboards Content Start ------------------------------------------------ */


.dbUserCard
{
	background-size: cover;
	background-position: center;
	height: 100%;
	background-repeat: no-repeat;
	border-radius: 5px;
	padding: 22px 20px 20px 30px;
}
.dbuc1
{
	background-image: url('../images/inner/dbCard1.jpg');	
}
.dbuc2
{
	background-image: url('../images/inner/dbCard2.jpg');	
}
.dbuc3
{
	background-image: url('../images/inner/dbCard3.jpg');	
}
.dbuc4
{
	background-image: url('../images/inner/dbCard4.jpg');	
}
.dbUC_header {
    margin-bottom: 1rem;
	min-height: 60px;
}
.dbUC_header h2 {
    font-size: 18px;
    color: #ffffff;
    line-height: 30px;
}
.dbUC_img {
    line-height: 30px;
}
.dbUC_docCount {
    font-size: 30px;
    font-weight: 500;
    color: #ffffff;
    line-height: normal;
}
@media only screen and (max-width: 1299px)
{
	.dbUserCard
	{
		padding: 22px 20px 20px 20px;
	}
}




/* -- -- -- -- - White box Start -- -- -- -- - */
.whiteBox {
    background-color: rgb(255, 255, 255);
    padding: 20px;
}
.boxR {
    border-radius: 5px;
}
.boxShadow {
    box-shadow: 0px 2px 15px 0px rgba(213, 212, 212, 0.11);
}
.boxTitle {
    text-align: center;
    font-size: 18px;
    color: #2e3d62;
    font-weight: 600;
	line-height: normal;
}
/* -- -- -- -- - White box End -- -- -- -- - */



/* -- -- -- -- - Nav Tabs Style 1 Start -- -- -- -- - */
.navTabs_s1 .nav-link:first-child
{
    padding-left: 0px;
}
.navTabs_s1 .nav-link:last-child
{
    padding-right: 0px;
}
.navTabs_s1 .nav-link.active 
{
    background-color: transparent;
}
.navTab_icon 
{
    display: inline-block;
    min-width: 32px;
    min-height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
	background-color: #f0f6ff;    
    margin-right: 12px;
}
.nav-link.active .navTab_icon
{
    background-color: #005ff3;
}
.nav-link.active .navTab_icon img 
{
    filter: invert(1) brightness(20);
}
.navTab_text {
    color: #2e3d62;
}

@media only screen and (min-width: 576px)
{
	.navTabs_s1_modal
	{
		min-width: 340px;
	}
}	

@media only screen and (max-width: 575px)
{
	.navTabs_s1 .nav-item {
		width: 50%;
	}
}
@media only screen and (max-width: 480px)
{
	.navTabs_s1 .nav-item {
		width: 100%;
	}
}
/* -- -- -- -- - Nav Tabs Style 1 End -- -- -- -- - */


/* -- -- -- -- - Custom File Style 1 Start -- -- -- -- - */
.fileUploadBlock {
    padding: 24px 0;
}
.customFile {
    height: auto;
    text-align: center;
}
.customFile .custom-file-label {
    padding: 0;
    text-align: center;
    position: relative;
    height: auto;
    margin: 0;
    cursor: pointer;
    min-width: 334px;
    min-height: 114px;    
    background-color: #f9f9f9;
    border: 2px dashed #656565;
	box-shadow: none;
}
.customFile .custom-file-label::after {
    display: none;
}
.customFile .custom-file-input {
    height: auto;
    position: absolute;
	left: 0;
}
@media only screen and (max-width: 480px)
{
	.customFile .custom-file-label {
		min-width: 100%;
	}
	.cloudFileLinks {
		margin-bottom: 15px;
	}
}
/* -- -- -- -- - Custom File Style 1 End -- -- -- -- - */



.cloudFileText {
    font-size: 13px;
    color: #2e3d62;
    text-decoration: underline;
    margin: 0.5rem 1rem 0.5rem 0;
}
.cloudFileIcon {
    display: inline-block;
    min-width: 32px;
    min-height: 32px;
    line-height: 30px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0,0.04);
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 15px 0px rgba(213, 212, 212, 0.11);
    margin: 0 4px;
    transition: 0.5s;
}
.cloudFileIcon:hover
{
    border-color: rgb(18, 115, 235);
}


/* -- -- -- -- - Dashboard Tables Styles Start  -- -- -- -- - */
.dbTable {
    overflow: auto;
}

.dbTable table {
    width: 100%;
    font-size: 14px;
}

.dbTable table thead th,
.dbTable table tbody tr:not(:last-child)
{
    border-bottom: 1px solid #f8f8f9;
}

.dbTable th 
{
    color: #2e3d62;
    font-weight: 600;
}

.dbTable td 
{
    color: #343a40;
}

.dbTable th,
.dbTable td
{
    padding: 12px;
}

.dbTable th:not(.padding):first-child,
.dbTable td:not(.padding):first-child
{
    padding-left: 0px;
}

.dbTable th:last-child,
.dbTable td:last-child
{
    padding-right: 0px;
}

.dbTable td .iconBox
{
	margin: 0 0.5rem 0.5rem 0;
}

.smsBal {
    min-width: 18px;
    display: inline-block;
}

@media only screen and (max-width: 767px)
{
	.dbTable th,
	.dbTable td
	{
		white-space: nowrap;
	}
}
/* -- -- -- -- - Dashboard Tables Styles End  -- -- -- -- - */



.supportLinks {
    min-height: calc( 100% - 42px);
}
.sptLnkIcon {
    display: inline-block;
    min-width: 78px;
    line-height: 78px;
    text-align: center;
    border-radius: 50%;
    background-size: 150%;
    margin-bottom: 0.9rem;
}
.sptLnkText {
    display: inline-block;
    width: 100%;
}
.supportLinksCon {
    text-align: center;
	margin: 0.5rem 0;
}
.sptLnkText {
    color: #2e3d62;
    font-size: 14px;
    font-weight: 500;
}
.bgGradGreen .sptLnkIcon 
{
    background-image: linear-gradient( to right, rgb(132,217,210) 0%, rgb(6,185,157) 99%);
}
.bgGradBlue .sptLnkIcon 
{
    background-image: linear-gradient( to right, rgb(144,202,249) 0%, rgb(4,126,223) 99%);
}
.bgGradRed .sptLnkIcon 
{
    background-image: linear-gradient( to right, rgb(255,191,150) 0%, rgb(254,112,150) 100%);
}
.bgGradOrange .sptLnkIcon 
{
    background-image: linear-gradient( to right, rgb(231,160,115) 0%, rgb(253,211,144) 100%);
}


/* -- -- -- -- - Inner Page Footer Styles Start -- -- -- -- - */
.innerFooter {
    background-color: #ffffff;
    border-top: 1px solid rgb(237, 237, 237);
    padding: 10px 0;
}

.copyRightText {
    font-size: 14px;
    color: #505050;
	text-align: center;
}
.socialLinks a 
{
    display: inline-block;
    color: #1273eb;
    margin: 0 12px;
    position: relative;
}
.socialLinks a:last-child
{
    margin-right: 0px;
}
.socialLinks a::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #1273eb;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 6px) scale(0);
    transform-origin: right;
    transition: 0.5s;
}
.socialLinks a:hover::after {
    transform: translate(-50%, 6px) scale(1);
    transform-origin: left;
}
@media only screen and (max-width: 575px)
{
	.footerLogo {
		text-align: center;
	}
}
/* -- -- -- -- - Inner Page Footer Styles End -- -- -- -- - */



/* -- -- -- -- - Modal Content Styles Start -- -- -- -- - */
@media only screen and (min-width: 768px)
{
	.modalPrimary .modal-dialog
	{
		max-width: 700px;
	}
	.modalPrimary.md .modal-dialog	
	{
		max-width: 556px;
	}
	.modalPrimary .px32
	{
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
@media only screen and (min-width: 992px)
{
	.modalPrimary .modal-dialog
	{
		max-width: 750px;
	}
}
.modalPrimary .modal-content
{
	border-radius: 5px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 2px 15px 0px rgba(213, 212, 212, 0.11);
}
.modalPrimary .modal-title {
    font-size: 20px;
    color: #2e3d62;
}
.modalPrimary .close 
{
    color: #1273eb;
    opacity: 1;
    font-size: 31px;
}

.supCenHome_con {
    padding: 0 22px;
}

.scH_intro h6 {
    font-size: 14px;
	line-height: normal;
    color: #2e3d62;
    font-weight: 600;
    padding-bottom: 6px;
}

.scH_intro p {
    font-size: 13px;
    color: #666e82;
    line-height: 26px;
}

.scH_intro {
    margin: 1.8rem 0;
}




.scH_card {
    border: 1px solid rgba(0, 0, 0,0.08);
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 15px 0px rgba(213, 212, 212, 0.11);
    margin-bottom: 15px;	
    position: relative;
	padding: 24px 24px 24px 33px;
}

.scH_card .tag {
    position: absolute;
    font-size: 12px;
    color: #005ff3;
    padding: 1px;
    min-width: 78px;
    min-height: 28px;
    text-align: center;
    top: 0;
    left: 0;
    transform: rotate(-45deg) translate(-20px, -13px);
    background-image: url(../images/inner/tag-bg.png);
}



.scH_cardRight .btn {
    white-space: nowrap;
}
.scH_cardRight {
    padding-left: 20px;
}
.scH_cardLeft h6 {
    font-size: 13px;
    color: #2e3d62;
    font-weight: 600;
    padding-bottom: 2px;
}
.scH_cardLeft p {
    color: #666e82;
    font-size: 12px;
    line-height: 26px;
    margin: 0;
}


.formNotes {
    font-size: 12px;
    color: #666e82;
	line-height: 22px;
}
.formNotes.font14 {
    font-size: 14px;
}

@media only screen and (max-width: 767px)
{
	.supCenHome_con {
		padding: 0px 15px;
	}
	.scH_card
	{
		padding: 24px 24px 24px 26px;
	}
}
@media only screen and (max-width: 575px)
{
	.scH_cardRight {
		padding-left: 0px;
		padding-top: 10px;
	}
}
@media only screen and (max-width: 480px)
{
	.supCenHome_con {
		padding: 0px 0px;
	}
	.scH_card {
		padding: 20px 20px 20px 26px;
	}
}
/* -- -- -- -- - Modal Content Styles End -- -- -- -- - */



/* -- -- -- -- - Custom Form Content Styles Start -- -- -- -- - */
.formTitle {
    padding-bottom: 0.5rem;
}

.customForm label {
    color: #666e82;
    font-size: 13px;
	padding-bottom: 0.25rem;
	line-height: normal;
}

.customForm label.font14 {
	font-size: 14px;
}

.customForm .form-control {
    border: 1px solid rgb(234, 234, 234);
    border-radius: 5px;
    font-size: 14px;
    line-height: 30px;
    height: calc(2.25em + .75rem + 2.5px);    
}

.customForm .form-control.transBg {
	background-color: transparent;
}

.customForm .form-control[rows="5"],
.customForm .form-control[rows="3"] 
{
	height: auto;
}

.customForm select
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 392.94 206.04'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M393.28,11.43V206.74H.34V.7H393.28V7.6C390.18,2,387,0,382.44,1.62A17.86,17.86,0,0,0,376.33,6Q288.4,93.78,200.55,181.67c-1.05,1.06-2.16,2.06-4,3.81a32.45,32.45,0,0,0-2.87-3.92Q105.83,93.66,17.94,5.81C12.61.48,7.54-.27,3.65,3.66S.41,12.42,5.92,17.93L188.7,200.71c6.6,6.6,10.41,6.58,17.08-.1Q296.9,109.5,388,18.34C390,16.3,391.52,13.74,393.28,11.43Z' transform='translate(-0.34 -0.7)'/%3E%3Cpath d='M393.28,11.43c-1.76,2.31-3.26,4.87-5.29,6.91q-91.07,91.18-182.21,182.27c-6.67,6.68-10.48,6.7-17.08.1L5.92,17.93C.41,12.42-.33,7.68,3.65,3.66s9-3.18,14.29,2.15q87.87,87.85,175.73,175.75a32.45,32.45,0,0,1,2.87,3.92c1.85-1.75,3-2.75,4-3.81Q288.42,93.82,376.33,6a17.86,17.86,0,0,1,6.11-4.35C387,0,390.18,2,393.28,7.6Z' transform='translate(-0.34 -0.7)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: calc(100% - 14px) center;
    padding-right: 2rem;
}


.customForm .form-control:disabled,
.customForm .form-control[readonly]
{
    border-color: rgb(234, 234, 234);
    background-color: rgb(248, 248, 248);
}

.customForm.v2 .form-control
{
	height: calc(1.5em + .75rem + 2.5px);
}



.customForm.v3 .form-control {
    line-height: 16px;
    height: calc(1.5em + .75rem + 2px);
    font-size: 12px;
}

.customForm.v3 .form-control[rows="5"],
.customForm.v3 .form-control[rows="3"] 
{
    height: auto;
    line-height: 20px;
}


.formRow.borderBottom {
    border-bottom: 1px solid rgba(114, 22, 22,0.04);
}

.customForm .custom-checkbox.custom-control {
    min-height: auto;
}
.customForm .custom-checkbox .custom-control-label {
    cursor: pointer;
}
.customForm .custom-checkbox .custom-control-input {
    height: auto;
}
.customForm .custom-checkbox .custom-control-label::before {
    width: 15px;
    height: 15px;
    border-radius: 1px;
    border: 1px solid #a6a8ad;
    top: 2.6px;    
}
.customForm .custom-checkbox .custom-control-input:checked~.custom-control-label
{
	color: #1273eb;
}
.customForm .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: transparent;
    border-color: #1273eb;
}
.customForm .custom-checkbox .custom-control-label::after {
    top: 2.6px;    
}
.customForm .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231273eb' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}


.IconBoxB.customForm {
    pointer-events: none;
}
.IconBoxB.customForm .custom-checkbox 
{
	pointer-events: all;
}
.IconBoxB.customForm .custom-checkbox .custom-control-label::before,
.IconBoxB.customForm .custom-checkbox .custom-control-label::after
{
	top: 5px;
    left: -20px;
}



.customForm .custom-radio 
{
    min-height: auto;
}
.customForm .custom-radio .custom-control-label 
{
    height: auto;
    vertical-align: middle;
    cursor: pointer;
}
.customForm .custom-radio .custom-control-label::before {
    top: 2px;
    background-color: #e9f0fe;
    border-color: #e9f0fe;
}
.customForm .custom-radio .custom-control-label::after {
    top: 2px;    
}
.customForm .custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%231273eb'/%3e%3c/svg%3e")
}


.signBlock {
    border: 1px solid rgb(234, 234, 234);
    border-radius: 5px;
    min-height: 74px;
    padding: 1rem;
}



.customIG {
    border: 1px solid #eaeaea;
    border-radius: 5px;
}
.customIG .form-control {
    border-color: transparent;
}
.igIcon {
    min-width: 48px;
    text-align: center;
    line-height: 44px;
}
.customIG .input-group-prepend + .form-control {
    padding-left: 4px;
}





.customForm  .form-group .select2-selection--single
{
    border: 1px solid rgb(234, 234, 234);
    border-radius: 5px;
    font-size: 14px;
    line-height: 30px;
    height: calc(2.25em + 0.75rem + 2.5px);
    padding: 8px 0px 0px 0px;
}
.customForm .select2-container--default .select2-selection--single .select2-selection__arrow
{
    top: 50%;
    transform: translate(-10px,-50%);
}
span.select2-search.select2-search--dropdown
{
    outline: 0px;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus
{
    outline: 0px;
}



.customForm .btn.selectpicker 
{
    border: 1px solid rgb(234, 234, 234);
    border-radius: 5px;
    font-size: 14px;
    line-height: 30px;
    height: calc(2.25em + 0.75rem + 2.5px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 392.94 206.04'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M393.28,11.43V206.74H.34V.7H393.28V7.6C390.18,2,387,0,382.44,1.62A17.86,17.86,0,0,0,376.33,6Q288.4,93.78,200.55,181.67c-1.05,1.06-2.16,2.06-4,3.81a32.45,32.45,0,0,0-2.87-3.92Q105.83,93.66,17.94,5.81C12.61.48,7.54-.27,3.65,3.66S.41,12.42,5.92,17.93L188.7,200.71c6.6,6.6,10.41,6.58,17.08-.1Q296.9,109.5,388,18.34C390,16.3,391.52,13.74,393.28,11.43Z' transform='translate(-0.34 -0.7)'/%3E%3Cpath d='M393.28,11.43c-1.76,2.31-3.26,4.87-5.29,6.91q-91.07,91.18-182.21,182.27c-6.67,6.68-10.48,6.7-17.08.1L5.92,17.93C.41,12.42-.33,7.68,3.65,3.66s9-3.18,14.29,2.15q87.87,87.85,175.73,175.75a32.45,32.45,0,0,1,2.87,3.92c1.85-1.75,3-2.75,4-3.81Q288.42,93.82,376.33,6a17.86,17.86,0,0,1,6.11-4.35C387,0,390.18,2,393.28,7.6Z' transform='translate(-0.34 -0.7)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: calc(100% - 14px) center;
}
.customForm .selectpicker:focus
{
    box-shadow: none;
    outline: 0px !important;
}


/** -- Phone Number Box --*/
.customForm .form-group .intl-tel-input
{
	display: block;
}


/** -- File Drop Box --*/
.fileDrop.dropzone
{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed rgb(234, 234, 234);
    border-radius: 5px;
}

.fileDrop.dropzone .dz-preview .dz-image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.fileDrop.dropzone .dz-preview {
    margin: 0px;
}

.fileDrop.dropzone .dz-preview .dz-error-message
{
	top: 160px;
}


/* -- -- -- -- - Custom Form Content Styles End -- -- -- -- - */



.ontSubmit {
    padding: 0.75rem 0 1rem;
    text-align: right;
}
.ontSubmit .btn
{
	margin-top: 0.5rem;
}
.ontSubmit .btn:not(:last-child)
{
    margin-right: 10px;
}
@media only screen and (max-width: 575px)
{
	.ontSubmit {		
		text-align: center;
	}
}
/** ------------------------------------------  Dashboards Content End ------------------------------------------------ */



/** ------------------------------------------  Documents Page Content Start ------------------------------------------------ */

@media only screen and (min-width: 992px)
{
	.dbPageFill {
		min-height: calc( 100vh - 77px - 84px);
	}
}	

.dropDownIcon {
    display: inline-block;
    min-width: 10px;
}
.dropDownIcon.left {
    transform: rotate(90deg);
}



/* -- -- -- -- - Side Menu Content Styles Start -- -- -- -- - */
.sideBarCol {
    max-width: 288px;
	transition: 0.2s;
}

.sideBarCol.shrink {
	max-width: 56px;
    overflow: hidden;    
}

.sideBar {
    height: 100%;
    background-color: #ffffff;
}

.sideBarToggler {
    display: inline-block;
    width: 26px;
    height: 24px;
    background-color: #1273eb;
    text-align: center;
    color: #ffffff;
    line-height: 24px;
    margin: 1rem 0;
    border-radius: 0 5px 5px 0;
	cursor: pointer;
}

.sideBarMenu ul {
    list-style: none;
    padding: 0 14px;
    margin: 0;
	white-space: nowrap;
}

.sideBarMenu ul li {
    margin: 12px 0;
	overflow: hidden;
}

.sideMenuIcon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.sideBarMenu ul li:not(.active) .sideMenuIcon {
	filter: invert(44%) sepia(28%) saturate(315%) hue-rotate(185deg) brightness(89%) contrast(81%);
}

.sideMenuText {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #2e3d62;
    font-weight: 500;
}

.sideBarMenu ul li.active > a .sideMenuText,
.sideBarMenu ul li.active > a.sideSubMenuText
{
    color: #015eea;
}

.sideSubMenuText {
    font-size: 12px;
}

.sideBarMenu ul ul {
    padding-left: 2rem;
}


.mobSideNav
{
	display: inline-block;
    font-size: 20px;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer;
}
@media only screen and (max-width: 991px)
{
	.sideBar {
		position: fixed;
		top: 0;
		left: 0;
		min-width: 288px;
		background-color: #ffffff;
		height: 100%;
		z-index: 9999;
		transform: translateX(-200%);
		transition: 0.5s;
		box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
	}
	.shrink .sideBar {
		min-width: 44px;
		max-width: 44px;		
	}
	.sideBar.active {
		transform: translateX(00%);
	}
}
/* -- -- -- -- - Side Menu Content Styles End -- -- -- -- - */


.IconBoxB {
    border: 1px solid #ebeef4;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 15px 0px rgba(213, 212, 212, 0.11);
    padding: 5.5px;
    min-width: 37px;
    min-height: 37px;
    border-radius: 0px;
    line-height: 24px;
    transition: 0.5s;
}
.IconBoxB:hover 
{
    border-color: rgba(18, 115, 235,0.68);
}
.IconBoxB:not(:hover) img
{
    filter: invert(44%) sepia(28%) saturate(315%) hue-rotate(185deg) brightness(89%) contrast(81%);
}

.IconBoxB.dropdown-toggle::after
{
	min-width: 10px;
	border: 0px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 392.94 206.04'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M393.28,11.43V206.74H.34V.7H393.28V7.6C390.18,2,387,0,382.44,1.62A17.86,17.86,0,0,0,376.33,6Q288.4,93.78,200.55,181.67c-1.05,1.06-2.16,2.06-4,3.81a32.45,32.45,0,0,0-2.87-3.92Q105.83,93.66,17.94,5.81C12.61.48,7.54-.27,3.65,3.66S.41,12.42,5.92,17.93L188.7,200.71c6.6,6.6,10.41,6.58,17.08-.1Q296.9,109.5,388,18.34C390,16.3,391.52,13.74,393.28,11.43Z' transform='translate(-0.34 -0.7)'/%3E%3Cpath d='M393.28,11.43c-1.76,2.31-3.26,4.87-5.29,6.91q-91.07,91.18-182.21,182.27c-6.67,6.68-10.48,6.7-17.08.1L5.92,17.93C.41,12.42-.33,7.68,3.65,3.66s9-3.18,14.29,2.15q87.87,87.85,175.73,175.75a32.45,32.45,0,0,1,2.87,3.92c1.85-1.75,3-2.75,4-3.81Q288.42,93.82,376.33,6a17.86,17.86,0,0,1,6.11-4.35C387,0,390.18,2,393.28,7.6Z' transform='translate(-0.34 -0.7)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 10px;
    background-repeat: no-repeat;
	background-position: center;
    min-height: 6px;
    vertical-align: middle;
}


.customSelect
{
    border: 1px solid #ebeef4;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 15px 0px rgba(213, 212, 212, 0.11);
    padding: 8px 24px 8px 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 392.94 206.04'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M393.28,11.43V206.74H.34V.7H393.28V7.6C390.18,2,387,0,382.44,1.62A17.86,17.86,0,0,0,376.33,6Q288.4,93.78,200.55,181.67c-1.05,1.06-2.16,2.06-4,3.81a32.45,32.45,0,0,0-2.87-3.92Q105.83,93.66,17.94,5.81C12.61.48,7.54-.27,3.65,3.66S.41,12.42,5.92,17.93L188.7,200.71c6.6,6.6,10.41,6.58,17.08-.1Q296.9,109.5,388,18.34C390,16.3,391.52,13.74,393.28,11.43Z' transform='translate(-0.34 -0.7)'/%3E%3Cpath d='M393.28,11.43c-1.76,2.31-3.26,4.87-5.29,6.91q-91.07,91.18-182.21,182.27c-6.67,6.68-10.48,6.7-17.08.1L5.92,17.93C.41,12.42-.33,7.68,3.65,3.66s9-3.18,14.29,2.15q87.87,87.85,175.73,175.75a32.45,32.45,0,0,1,2.87,3.92c1.85-1.75,3-2.75,4-3.81Q288.42,93.82,376.33,6a17.86,17.86,0,0,1,6.11-4.35C387,0,390.18,2,393.28,7.6Z' transform='translate(-0.34 -0.7)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: calc(100% - 6px) center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: 13px;
}
.customSelect.s2 {
    border-color: transparent;
    box-shadow: none;
}


.customSearch {
    width: auto;
    border: 1px solid #ebeef4;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 15px 0px rgb(213 212 212 / 11%);
}
.customSearch .form-control {
    background-color: transparent;
    border: 0px;
    font-size: 13px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    height: auto;
}
.customSearch .input-group-text {
    border: 0px;
    background-color: transparent;
    color: #1a78ec;
}


.docsConAct {
    width: 100%;
    padding: 7px 0;
}
.docsConAct > * {
    margin: 7px 2px;
}

.docsConAct > *:first-child {
	margin-left: 0px;
}

.docsConAct > *:last-child {
	margin-right: 0px;
}

.docsConAct > .bootstrap-select
{
    margin-top: 0px;
}


td .dropdown-toggle::after
{	
	border-top-color: #9296a0;
	vertical-align: middle;
}


.moreDocs {
    padding: 1.25rem 0;
    text-align: right;
}

.ddColps {
    display: inline-block;
    margin-left: .255em;
    border-top: .4em solid;
    border-right: .4em solid transparent;
    border-bottom: 0;
    border-left: .4em solid transparent;
    border-top-color: #9296a0;
    vertical-align: middle;
    cursor: pointer;
    transform-origin: center;
}

[aria-expanded="true"] > .ddColps
{
    transform: rotate(180deg);
}





.customSearch .selectpicker
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 392.94 206.04'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M393.28,11.43V206.74H.34V.7H393.28V7.6C390.18,2,387,0,382.44,1.62A17.86,17.86,0,0,0,376.33,6Q288.4,93.78,200.55,181.67c-1.05,1.06-2.16,2.06-4,3.81a32.45,32.45,0,0,0-2.87-3.92Q105.83,93.66,17.94,5.81C12.61.48,7.54-.27,3.65,3.66S.41,12.42,5.92,17.93L188.7,200.71c6.6,6.6,10.41,6.58,17.08-.1Q296.9,109.5,388,18.34C390,16.3,391.52,13.74,393.28,11.43Z' transform='translate(-0.34 -0.7)'/%3E%3Cpath d='M393.28,11.43c-1.76,2.31-3.26,4.87-5.29,6.91q-91.07,91.18-182.21,182.27c-6.67,6.68-10.48,6.7-17.08.1L5.92,17.93C.41,12.42-.33,7.68,3.65,3.66s9-3.18,14.29,2.15q87.87,87.85,175.73,175.75a32.45,32.45,0,0,1,2.87,3.92c1.85-1.75,3-2.75,4-3.81Q288.42,93.82,376.33,6a17.86,17.86,0,0,1,6.11-4.35C387,0,390.18,2,393.28,7.6Z' transform='translate(-0.34 -0.7)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    font-size: 13px;
}

.customSearch .selectpicker:focus {
    box-shadow: none;
    outline: 0px !important;
}

.customSearch .selectpicker span {
    display: inline-block;
    vertical-align: top;
    padding: 2px 0;
}





/* -- -- -- -- - Advance Search Filter Start -- -- -- -- - */
.advSrhCt
{
    position: relative;
}

.advSrhCon
{
    position: absolute;
    top: 100%;    
    background-color: #ffffff;
    border: 1px solid #f8f8f9;
    box-shadow: 0px 2px 15px 0px rgb(213 212 212 / 34%);
	min-width: 442px;
	max-height: calc(100vh - 87px - 77px);
    overflow: auto;
	z-index: 9;
	width: 100%;
}

.advSrhClps
{
	padding: 1rem;
}

.advSrHd
{
    padding-bottom: 1rem;
}

.advSrHd h3 
{
    text-align: center;
    font-size: 16px;
    color: #2e3d62;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

.advSrhCls {
    color: #1273eb;
    font-size: 16px;
    font-weight: bold;
	cursor: pointer;
}

.customForm.v4 .form-control
{
    height: calc(1.75em + .75rem + 2.5px);
	line-height: 24px;
    line-height: 20px;
    font-size: 12px;
}
@media only screen and (min-width: 768px)
{
	.advSrhCon
	{
		/*right: 0px;*/
	}
}
@media only screen and (max-width: 767px)
{
	.advSrhCon
	{
		left: 0px;
	}
}
@media only screen and (max-width: 480px)
{
	.advSrhCon
	{
		min-width: calc( 100vw - 30px);
	}
}
/* -- -- -- -- - Advance Search Filter End -- -- -- -- - */



/* -- -- -- -- - Online Form List Sheet Download Start -- -- -- -- - */
.shtDdRg {
    position: absolute;
    top: 100%;    
    background-color: #ffffff;
    border: 1px solid #f8f8f9;
    box-shadow: 0px 2px 15px 0px rgb(213 212 212 / 34%);
    min-width: 438px;
    z-index: 9;
}

.shtDdRgCon {
    padding: 1rem 1rem 0;
}
@media only screen and (min-width: 1200px)
{
	.shtDdRg {
		left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1199px)
{
	.shtDdRg {
		left: -26px;
		transform: translate(-50%, 0%);
	}
}
@media only screen and (max-width: 767px) and (min-width: 576px)
{
	.shtDdRg {
		right: 0;
	}
}
@media only screen and (max-width: 480px)
{
	.shtDdRg
	{
		min-width: calc(100vw - 30px);
	}
}
/* -- -- -- -- - Online Form List Sheet Download End -- -- -- -- - */


/* -- -- -- -- - Online Form List Folder Download Start -- -- -- -- - */
.shtDdSrh {
    position: absolute;
    top: 100%;    
    background-color: #ffffff;
    border: 1px solid #f8f8f9;
    box-shadow: 0px 2px 15px 0px rgb(213 212 212 / 34%);
    min-width: 300px;
    z-index: 9;
}

.shtDdSrhCon {
    padding: 1rem;
}
@media only screen and (min-width: 768px) and (max-width: 1199px)
{
	.shtDdSrh {
		transform: translate(-50%, 0%);
		left: 0;
	}
}
@media only screen and (max-width: 767px) and (min-width: 576px)
{
	.shtDdSrh {
		right: 0;
	}
}
@media only screen and (max-width: 480px)
{
	.shtDdSrh {
		min-width: calc(100vw - 30px);
	}
}
/* -- -- -- -- - Online Form List Folder Download End -- -- -- -- - */


/** ------------------------------------------  Documents Page Content End ------------------------------------------------ */



/** ------------------------------------------  Billings Page Content Start ------------------------------------------------ */
.acptPayment_Image {
    margin: 4px 2px;
    display: inline-block;
}
.acptPayment_Image:first-child
{
	margin-left: 0px;
}
/** ------------------------------------------  Billings Page Content End ------------------------------------------------ */


/** ------------------------------------------  Remote Server Integration Page Content Start ------------------------------------------------ */
.info
{
	font-size: 13px;
	color: #2e3d62;
	line-height: normal;
	background-color: #f0f6ff;
	padding: 0.5rem 1rem;
}
/** ------------------------------------------  Remote Server Integration Page Content End ------------------------------------------------ */



/** ------------------------------------------  Settings - Create New Email Page Content Start ------------------------------------------------ */
.eMenu {
    padding: 15px;
    border-right: 1px solid #eaeaea;
}

.eMenu ul {
    list-style: none;
    padding: 0 0 2rem;
}

.eMenu ul li
{
    padding: 10px 0;
}

.eMenu ul li a
{
    color: #2e3d62;
    font-size: 14px;
    transition: 0.5s;
} 

.eMenu ul li.active a,
.eMenu ul li a:hover
{
    color: #015eea;
} 



.eMenu ul li a .eMenuText
{
    position: relative;
    padding-left: 21px;
    display: inline-block;
}
.eMenu ul li a .eMenuText::before {
    content: '';
    min-width: 21px;
    min-height: 10px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 392.94 206.04'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M393.28,11.43V206.74H.34V.7H393.28V7.6C390.18,2,387,0,382.44,1.62A17.86,17.86,0,0,0,376.33,6Q288.4,93.78,200.55,181.67c-1.05,1.06-2.16,2.06-4,3.81a32.45,32.45,0,0,0-2.87-3.92Q105.83,93.66,17.94,5.81C12.61.48,7.54-.27,3.65,3.66S.41,12.42,5.92,17.93L188.7,200.71c6.6,6.6,10.41,6.58,17.08-.1Q296.9,109.5,388,18.34C390,16.3,391.52,13.74,393.28,11.43Z' transform='translate(-0.34 -0.7)'/%3E%3Cpath d='M393.28,11.43c-1.76,2.31-3.26,4.87-5.29,6.91q-91.07,91.18-182.21,182.27c-6.67,6.68-10.48,6.7-17.08.1L5.92,17.93C.41,12.42-.33,7.68,3.65,3.66s9-3.18,14.29,2.15q87.87,87.85,175.73,175.75a32.45,32.45,0,0,1,2.87,3.92c1.85-1.75,3-2.75,4-3.81Q288.42,93.82,376.33,6a17.86,17.86,0,0,1,6.11-4.35C387,0,390.18,2,393.28,7.6Z' transform='translate(-0.34 -0.7)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 10px;
    background-repeat: no-repeat;
    transform: rotate(90deg);
    transform-origin: left center;
    vertical-align: top;
    position: absolute;
    left: 0;
}
.eMenu ul li.active a .eMenuText::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 392.94 206.04'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M393.28,11.43V206.74H.34V.7H393.28V7.6C390.18,2,387,0,382.44,1.62A17.86,17.86,0,0,0,376.33,6Q288.4,93.78,200.55,181.67c-1.05,1.06-2.16,2.06-4,3.81a32.45,32.45,0,0,0-2.87-3.92Q105.83,93.66,17.94,5.81C12.61.48,7.54-.27,3.65,3.66S.41,12.42,5.92,17.93L188.7,200.71c6.6,6.6,10.41,6.58,17.08-.1Q296.9,109.5,388,18.34C390,16.3,391.52,13.74,393.28,11.43Z' transform='translate(-0.34 -0.7)'/%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='M393.28,11.43c-1.76,2.31-3.26,4.87-5.29,6.91q-91.07,91.18-182.21,182.27c-6.67,6.68-10.48,6.7-17.08.1L5.92,17.93C.41,12.42-.33,7.68,3.65,3.66s9-3.18,14.29,2.15q87.87,87.85,175.73,175.75a32.45,32.45,0,0,1,2.87,3.92c1.85-1.75,3-2.75,4-3.81Q288.42,93.82,376.33,6a17.86,17.86,0,0,1,6.11-4.35C387,0,390.18,2,393.28,7.6Z' transform='translate(-0.34 -0.7)' fill='%23015eea'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}	


.eMenu ul li a .dropDownIcon {
    margin-right: 10px;
}

.eMenuCon
{
	padding: 15px;
}

@media only screen and (max-width: 991px)
{
	.eMenu {
		padding: 15px 0;	
	}
	.eMenuCon {
		padding: 15px 0;
	}
}
@media only screen and (max-width: 767px)
{
	.eMenu {
		margin: 0 0 15px;
		border-bottom: 1px solid #eaeaea;
		border-right: 0px;
	}
	
	.eMenu ul {		
		padding: 0 0 1rem;
	}
}
/** ------------------------------------------  Settings - Create New Email Page Content End ------------------------------------------------ */



/** ------------------------------------------  Settings - Colors Page Content Start ------------------------------------------------ */
.igColor {
    border: 1px solid rgb(234, 234, 234);
    border-radius: 5px;
}

.igColor .input-group-text {
    border-color: transparent;
    background-color: transparent;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    color: #919296;
    font-size: 14px;
    position: relative;
}

.igColor .input-group-text::after
{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0px, -50%);
    width: 2px;
    height: calc(100% - 12px);
    background-color: #eaeaea;
}

.igColor  .input-group-append {
    min-width: 80px;
}

.igColor .input-group-append .form-control {
    border-color: transparent;
    padding: 4px 28px 4px 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 392.94 206.04'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M393.28,11.43V206.74H.34V.7H393.28V7.6C390.18,2,387,0,382.44,1.62A17.86,17.86,0,0,0,376.33,6Q288.4,93.78,200.55,181.67c-1.05,1.06-2.16,2.06-4,3.81a32.45,32.45,0,0,0-2.87-3.92Q105.83,93.66,17.94,5.81C12.61.48,7.54-.27,3.65,3.66S.41,12.42,5.92,17.93L188.7,200.71c6.6,6.6,10.41,6.58,17.08-.1Q296.9,109.5,388,18.34C390,16.3,391.52,13.74,393.28,11.43Z' transform='translate(-0.34 -0.7)'/%3E%3Cpath d='M393.28,11.43c-1.76,2.31-3.26,4.87-5.29,6.91q-91.07,91.18-182.21,182.27c-6.67,6.68-10.48,6.7-17.08.1L5.92,17.93C.41,12.42-.33,7.68,3.65,3.66s9-3.18,14.29,2.15q87.87,87.85,175.73,175.75a32.45,32.45,0,0,1,2.87,3.92c1.85-1.75,3-2.75,4-3.81Q288.42,93.82,376.33,6a17.86,17.86,0,0,1,6.11-4.35C387,0,390.18,2,393.28,7.6Z' transform='translate(-0.34 -0.7)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    border-left-color: transparent;
    cursor: pointer;
}



.colorMenu {
    border-right: 1px solid #eaeaea;
}
.colorMenuCon {
	padding: 15px 8px;
}
.colorCon {
    padding: 15px 8px;
}




.colorNav .nav-item
{
    padding: 2px 0;
}
.colorNav .nav-link {
    font-size: 14px;
    line-height: normal;
    padding: 2px 0 2px 12px;
    border-radius: 0;
    color: #2e3d62;
    margin: 12px 0;
    border-left: 3px solid transparent;
    transition: 0.5s;
}
.colorNav .nav-item:first-child
{
	padding-top: 0px;
}
.colorNav .nav-item:first-child .nav-link
{
	margin-top: 0px;
}

.colorNav .nav-link.active,
.colorNav .nav-link:hover
{
    background-color: transparent;
    color: #015eea;
    border-color: #015eea;
}

@media only screen and (max-width: 991px)
{
	.colorMenuCon {
		padding: 15px 0px;
	}
	.colorCon {
		padding: 15px 0px;
	}
}
@media only screen and (max-width: 767px)
{
	.colorMenu
	{
		border-right: 0px;
	}
	.colorMenuCon {
		margin: 0 0 15px;
		padding: 15px 0px 0;
		border-bottom: 1px solid #eaeaea;	
	}
	.colorCon
	{
		margin-top: 1rem;
	}
}
/** ------------------------------------------  Settings - Colors Page Content End ------------------------------------------------ */



/** ------------------------------------------  Because Security is essential Page Content Start ------------------------------------------------ */
.cmsPageTitle {
    padding: 2rem 0;
}

.greyMano {
    padding: 3.375rem 0;
    background-image: linear-gradient(to bottom, #f0f6ff 300px, #f0f6ff 300px , transparent 20% ,transparent 50%);	
}

.greyManoCon {
    background-color: #ffffff;
    padding: 24px 28px;    
}

.secListTitle {
    font-size: 2.5rem;
    color: #2e3d62;
    font-weight: bold;
    line-height: normal;
    font-family: Myriad Pro, Arial;
    padding: 0 0 1.2rem;
}

.secListPara {
    font-size: 12px;
    color: #666e82;
    line-height: 22px;
}

.secList {
    padding-left: 1rem;
}

.secList li {
    color: #666e82;
    font-size: 12px;
    line-height: 27px;
}

.greyManoBlock {
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
}

@media only screen and (min-width: 1300px)
{
	.greyManoCon {
		min-width: 708px;
	}
}
@media only screen and (min-width: 1400px)
{
	.greyManoCon {
		min-width: 748px;
	}
}
@media only screen and (max-width: 1199px)
{
	.secListTitle {
		font-size: 2.25rem;
		padding: 0 0 1rem;
	}
}
@media only screen and (max-width: 767px)
{
	.cmsPageTitle {
		padding: 1.75rem 0;
	}
	.greyMano {
		padding: 3rem 0;
	}
	.secListTitle {
		font-size: 2rem;
		padding: 0 0 0.75rem;
	}
	.greyManoBlock
	{
		margin-bottom: 0;
	}
}
@media only screen and (max-width: 575px)
{
	.greyManoCon {		
		padding: 20px 15px;
	}
}
@media only screen and (max-width: 480px)
{
	.cmsPageTitle {
		padding: 1.5rem 0 0;
	}
	.greyMano 
	{
		padding: 2.5rem 0;
	}
	.secListTitle 
	{
		font-size: 1.75rem;
		padding: 0 0 0.5rem;
	}	
}
/** ------------------------------------------  Because Security is essential Page Content End ------------------------------------------------ */



/** ------------------------------------------  Blog Page Content Start ------------------------------------------------ */
@media only screen and (min-width: 1200px)
{
	.blogLeft {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 840px;
	}

	.blogRight {
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 330px;
	}
}

.blogBlock {
    margin-bottom: 1.5rem;
}

.blogImg img
{
	width: 100%;
}

.blogText {
    margin: 18px 0 24px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
	box-shadow: 0px 2px 15px 0px rgba(213, 212, 212, 0.11);
}

.blogHead {
    color: #666e82;
    font-size: 14px;
    border-bottom: 1px solid #e8effb;
    padding: 13px 22px;
}

.blogBody {
    padding: 13px 22px 4px;
}

.blogBody h2 {
    font-size: 16px;
    font-weight: bold;
    font-family: Myriad Pro, Arial;
    line-height: normal;
}

.blogBody h2 a {
    color: #2e3d62;
}

.blogBody p {
    font-size: 14px;
    color: #666e82;
    line-height: 22px;
}



.pagination {
    margin: 0 -2px;
}
.pagination li 
{
    padding: 0 2px;
}
.pagination li a 
{
    border-radius: 0px;
    padding: 4px;
    min-width: 26px;
    text-align: center;
    line-height: 16px;
    font-size: 14px;
    color: #2e3d62;
    border-color: #e8effb;
}
.pagination li:first-child a.page-link,
.pagination li:last-child a.page-link
{
    border-radius: 0px;
    background-color: #e8effb;
}
.pagination li.active a.page-link,
.pagination li a.page-link:hover
{
    background-color: #e8effb;
    border-color: #e8effb;
    color: #2e3d62;
}



.blogSB_block
{
	margin-bottom: 2rem;
}
.bsbTitle {
    font-size: 16px;
    color: #2e3d62;
    font-weight: bold;
    font-family: Myriad Pro, Arial;
    line-height: normal;
    padding-bottom: 4px;
}


.blogPopularImg img {
    width: 124px;
    height: 103px;
    object-fit: cover;
    border-radius: 5px;
}
.blogPopular {
    width: 100%;
    padding: 8px 0;
}
.blogPopularLink {
    padding: 10px 20px;
    font-size: 12px;
    line-height: 22px;
}
.blogPopularLink a {
    color: #666e82;
}


.blogCats {
    padding: 0;
    list-style: none;
}
.blogCats li a {
    font-size: 14px;
    color: #1273eb;
    font-weight: bold;
    font-family: Myriad Pro, Arial;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e8effb;
    padding: 6px 0;
}
.blogCats li a:hover {
    color: #0d59b7;
}


.blogRecents {
    padding: 0;
    list-style: none;
}
.blogRecents li
{
    margin-bottom: 0.25rem;
}
.blogRecents li a {
    color: #666e82;
    font-size: 13px;
    line-height: 22px;
    border-bottom: 1px solid #e8effb;
    padding: 6px 0;
    display: inline-block;
    width: 100%;
}


.customDropDown .btn {
    border: 1px solid rgb(234, 234, 234);
    border-radius: 5px;
    width: 100%;
    font-size: 14px;
    color: #666e82;
    padding: 11.5px 14px;
    box-shadow: none;	
	text-align: left;
}
.customDropDown .btn::after {
	width: 8px;
	height: 5px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='8px' height='5px'%3E%3Cimage x='0px' y='0px' width='8px' height='5px' xlink:href='data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAQAAADSmGXeAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflBQ0NHwKbW4vdAAAAMElEQVQI12NgWMrwHw6/MwQyMDAxzIRyPzJ4MDAwMMCEPjO4M8ABC8NkhkCYLBoAALy6D3h22hT9AAAAAElFTkSuQmCC'%3E%3C/image%3E%3C/svg%3E");
	background-size: 8px;
    background-repeat: no-repeat;
    background-position: center;
}
/** ------------------------------------------  Blog Page Content End ------------------------------------------------ */



/** ------------------------------------------  Blog Details Page Content Start ------------------------------------------------ */
.blogTagIcon {
    text-align: center;
    display: inline-block;
    background-color: #1273eb;
    min-width: 28px;
    line-height: 28px;
    margin-right: 6px;
}

.blogTagLink {
    padding: 4px 6px 4px 0;
    display: inline-block;
}

.blogTagLink a {
    display: inline-block;
    font-size: 12px;
    color: #1273eb;
    padding: 6px 12px;
    border-radius: 20px;
    transition: 0.5s;
}

.blogTagLink a:hover {
    background-color: #e8effb;
}

.blogShares {
    text-align: right;
    margin: 0 -2px;
}

.shareBox {
    display: inline-block;
    font-size: 16px;
    min-width: 28px;
    text-align: center;
    padding: 2px;
    color: #a1b1bc;
    transition: 0.5s;
    margin: 0 2px;
}

.shareBox:hover {
    background-color: #1273eb;
    color: #ffffff;
}


.blogTagShare {
    padding: 1rem 0;
}




.blogAuthor {
    border: 1px solid #ebebeb;
    border-radius: 5px;
    box-shadow: 0px 2px 15px 0px rgba(213, 212, 212, 0.11);
    padding: 24px;
}
.blogAuthorImg {
    min-width: 114px;    
}
.blogAuthorImg img {
    width: 114px;
    height: 110px;
    object-fit: cover;
    border-radius: 5px;
}
.blogAuthorAbout {
   padding: 0 0 0 26px;
}
.blogAuthorAbout p {
    color: #666e82;
    font-size: 12px;
    line-height: 22px;
}
.blogNav {
    margin: 1.5rem 0;
}


@media only screen and (max-width: 1199px)
{
	.blogTags,
	.blogShares
	{
		text-align: center;
	}
}
@media only screen and (max-width: 575px)
{
	.blogAuthorImg {
		min-width: 100%;
		text-align: center;
	}
	.blogAuthorAbout {
		padding: 20px 0 0 0px;
	}
}
/** ------------------------------------------  Blog Details Page Content End ------------------------------------------------ */


/** ------------------------------------------  Testimonials Page Content Start ------------------------------------------------ */
.testiBlock {
    border: 1px solid #ebebeb;
    border-radius: 5px;
    box-shadow: 0px 2px 15px 0px rgb(213 212 212 / 11%);
    padding: 38px;
    margin-bottom: 0.5rem;
}

.testiImg {
    min-width: 110px;
}

.testiImg img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.testiText {
    padding: 0 0 0 18px;
}

.testiText h6 {
    color: #2e3d62;
    font-size: 16px;
    font-weight: bold;
    font-family: Myriad Pro, Arial;
    padding-bottom: 0.375rem;
}

.testiText p {
    font-size: 12px;
    color: #666e82;
    line-height: 22px;
}
@media only screen and (max-width: 1199px)
{
	.testiBlock
	{
		padding: 28px;
	}
}
@media only screen and (max-width: 575px)
{
	.testiBlock {
		padding: 20px;
	}

	.testiImg {
		width: 100%;
		text-align: center;
	}

	.testiText {
		padding: 18px 0 0;
	}

	.testiText h6 {
		text-align: center;
	}

	.testiText p {
		text-align: center;
	}

	.testiCon {
		margin-bottom: 2rem;
	}
}
/** ------------------------------------------  Testimonials Page Content End ------------------------------------------------ */


/** ------------------------------------------  Legal Page Content Start ------------------------------------------------ */
.customlistStyle {
    list-style: none;
}
.customlistStyle li 
{
    color: #666e82;
    font-size: 16px;
    line-height: normal;
    font-family: Myriad Pro, Arial;
    padding: 7px 0 7px 18px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 206 392.9' style='enable-background:new 0 0 206 392.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cg%3E%3Cg id='Layer_1-2'%3E%3Cpath class='st0' d='M10.7,0L206,0v392.9H0L0,0l6.9,0c-5.6,3.1-7.6,6.3-6,10.8c1,2.3,2.5,4.4,4.4,6.1 C63.8,75.6,122.4,134.2,181,192.7c1.1,1.1,2.1,2.2,3.8,4c-1.4,0.9-2.7,1.8-3.9,2.9C122.3,258.2,63.7,316.7,5.1,375.3 c-5.3,5.3-6.1,10.4-2.2,14.3c3.9,3.9,8.8,3.2,14.3-2.3L200,204.6c6.6-6.6,6.6-10.4-0.1-17.1C139.2,126.8,78.4,66,17.6,5.3 C15.6,3.3,13,1.8,10.7,0z'/%3E%3Cpath d='M10.7,0c2.3,1.8,4.9,3.3,6.9,5.3C78.4,66,139.2,126.7,199.9,187.5c6.7,6.7,6.7,10.5,0.1,17.1L17.2,387.4 c-5.5,5.5-10.3,6.3-14.3,2.3c-4-4-3.2-9,2.2-14.3c58.6-58.6,117.2-117.2,175.8-175.7c1.2-1.1,2.5-2,3.9-2.9c-1.8-1.9-2.8-3-3.8-4 C122.4,134.2,63.8,75.6,5.3,17C3.4,15.2,2,13.2,1,10.8C-0.7,6.3,1.3,3.1,6.9,0L10.7,0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 6px;
    background-repeat: no-repeat;
    background-position: 2px center;
}
@media only screen and (min-width: 1401px)
{
	.homebanner-r.bannerCon {
		padding: 0 9vw 0 1.5rem;
	}
}
@media only screen and (min-width: 1700px)
{
	.homebanner-r.bannerCon {
		padding: 0 16vw 0 1.5rem;
	}
}
@media only screen and (max-width: 1400px)
{
	.homebanner-r.bannerCon {
		padding: 0 2vw 0 1.5rem;
	}
}
@media only screen and (max-width: 1199px)
{
	.banner-section
	{
		margin: 0px;
	}
	.homebanner-r.bannerCon {
		padding: 2rem;
	}
}



.spend-less-time.v2 .spend-less-box {
    margin: 0;
    height: 100%;
}
.spend-less-time.v2 .post {
    margin-bottom: 20px;
}


.how-esign-works.v2 .esign-box-l-deals 
{
    margin: 0;
    height: 100%;
}
.how-esign-works.v2 .colEw 
{
    margin: 0 0 20px;
}



.testimonialStyle.v1 {
    padding: 0;
}
.testimonialStyle.v1 .carousel-caption 
{
    top: 0%;
	left: 0px;
	right: 0px;
	position: relative;	
}
.testimonialStyle.v1 .testimonial-box 
{
    background: transparent;
	min-height: auto;
}
.testimonialStyle.v1 .caro-para-m 
{
    color: #666e82;
}
.testimonialStyle.v1 h5 {
	color: #666e82;
	font-weight: 600;
}
.testimonialStyle.v1 p 
{
    color: #666e82;
}
.testimonialStyle.v1 .carousel-indicators li 
{
    background-color: #88b9f5;
    height: 6px;
    border-radius: 10px;
    border: 0px; 
    width: 19px;
    opacity: 1;
}
.testimonialStyle.v1 .carousel-indicators li.active 
{
    width: 29px;
    background-color: #1273eb;
}
@media only screen and (max-width: 1199px)
{
	.monoCon h1 {
		font-size: 36px;
	}
	
	.spend-less-time.v2 .spend-less-box
	{
		padding: 30px 30px 10px;
	}
}
@media only screen and (max-width: 991px)
{
	.how-esign-works.v2 .esign-box-l-deals
	{
		padding: 25px;
	}
}
@media only screen and (max-width: 767px)
{
	.spend-less-time.v2 {
		padding: 30px 0;
	}
}
@media only screen and (max-width: 575px)
{
	.homebanner-r.bannerCon {
		padding: 1rem 0;
	}
	
	.people-saying.v2
	{
		padding: 20px 0px 50px;
	}
	.testimonialStyle.v1 .caro-para-m
	{
		width: 100%;
	}
	
	.monoCon h1 {
		font-size: 28px;
	}
}
/** ------------------------------------------  Legal Page Content End ------------------------------------------------ */


/** ------------------------------------------  Integration Page Content Start ------------------------------------------------ */
@media only screen and (min-width: 1200px)
{
	h1.sub {
		font-size: 40px;
	}

	.homebanner-r.bannerCon.v2 {
		padding: 0;
	}
}	


.inteOptions {
    margin: 2rem 0 0;
    padding: 2.2rem 0 0;
}
.inteOptions .common-para {
    padding-top: 0;
    margin-bottom: 1rem;
}
.inteOptions .h1-wave {
    margin: 0 0 70px;
}

.inteOptRow {
    margin: 0 -7.5px;
}
.inteOptCol {
    padding: 0 7.5px;
}

.dropRightIcon img {
    max-width: 5px;
}
.inteOptCon {
    box-shadow: 0px 2px 15px 0px rgba(213, 212, 212, 0.11);
    border-radius: 5px;
    border: 1px solid #ebebeb;
    height: 100%;
    padding: 26px 17px 26px 26px;
}
.inteOptCon p {
    font-size: 14px;
    color: #666e82;
    line-height: 25px;
}
.inteOptIcon {
    line-height: 52px;
    margin-bottom: 1.25rem;
}
.inteOptLink {
    font-size: 14px;
    font-weight: 600;
}
.inteOptLink a 
{
    color: #1273eb;
    display: inline-block;
}
.spend-less-box:hover .inteOptLink a .hovTx
{
	color: #ffffff;
}
.inteOptLtext {
    margin-right: 4px;
}
.inteOptLi {
    display: inline-block;
    min-width: 10px;
    transition: 0.5s;
}
.inteOptLink a:hover .inteOptLi
{
    transform: translate(6px, 0px);
}
.inteOptMore {
    padding: 1.25rem 0;
    margin: 1rem 0;
}



.boxRS {
    box-shadow: 0px 2px 15px 0px rgb(213 212 212 / 11%);
    border-radius: 5px;
    border: 1px solid #ebebeb;
}

.induSol {
    padding: 1rem 0;
}
.induSolRow {
    padding-top: 0.75rem;
}

.induSolCon {
    text-align: center;
    padding: 35px;
	height: 100%;
}
.induSolIcon {
    margin-bottom: 1rem;
    line-height: 73px;
}
.induSolCon h5 {
    margin: 0;
    padding: 1rem 0 0;
	color: #2e3d62;
}
.induSolCol {
    margin: 0 0 1.75rem;
}

.induSolMore {
    padding: 1.25rem 0;
}


.rateRow {
    margin: 0 -6px;
}
.rateCol {
    padding: 0 6px;
}

.rateLogo {
    text-align: center;
    line-height: 160px;
}
.rateLogo img {
	display: inline-block;
}



.rateReviews {
    padding: 1.25rem 0 0;
}
.rateReviews h1 {
    padding-bottom: 0.5rem;
}
.rateRow  .slick-dots {
    list-style: none;
    font-size: 0;
    text-align: center;
    padding: 2.5rem 0;
}
.rateRow .slick-dots li
{
    display: inline-block;
    padding: 0 4px;
}
.rateRow .slick-dots li button {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 0px;
    background-color: #e8effb;
    outline: 0px;
}
.rateRow .slick-dots li.slick-active button {
    background-color: #1273eb;
}

@media only screen and (max-width: 767px)
{
	.inteOptions .common-para
	{
		width: 100%;
	}
}
@media only screen and (max-width: 575px)
{
	.inteOptions {
		margin: 0;
	}
}
/** ------------------------------------------  Integration Page Content End ------------------------------------------------ */


/** ------------------------------------------  Health Care Page Content Start ------------------------------------------------ */
.proSer {
    padding: 1rem 0;
    margin: 1.5rem 0 0;
}

.proSerRow {
   margin: 0 -10px;
   padding-top: 8px;
}
.proSerCol {
    padding: 0 10px;
	margin-bottom: 1rem;
}

.proSerCon {
    text-align: center;
    height: 100%;
    padding: 34px 16px 14px 16px;	
}
.proSerIcon {
    line-height: 75px;
    margin-bottom: 1.25rem;
}
.proSerCon p {
    font-size: 14px;
    color: #666e82;
    line-height: 25px;
}




.spend-less-time.v3 {
    padding: 0;
}

.how-esign-works-m-box.v2 {
    padding: 4px 0 0;
}

.how-esign-works.v3 {
    padding: 0;
}



.esign-box-r.v2 .esignbox-m 
{
    min-height: auto;
    padding: 0;
}
.esign-box-r.v2 h4 
{
    padding: 0;
}
.esign-box-rRow:not(:last-child) 
{
    padding: 0 0 2rem;
    margin: 0 0 1.875rem;
}
/** ------------------------------------------  Health Care Page Content End ------------------------------------------------ */



/** ------------------------------------------  Partners Page Content Start ------------------------------------------------ */
.v2 .proSerIcon {
    line-height: normal;
    margin-right: 14px;
}

.proSerCon h5 {
    padding-bottom: 0.75rem;
    font-size: 20px;
    font-weight: 600;
    color: #2e3d62;
    font-family: MyriadPro-Bold;
}

.partLink {
    padding: 2rem 0;
}




.partAdv {
    padding: 3rem 0 5.5rem;
}
.partAdvRow {
    padding: 2.1rem 0 0;
    margin: 0px -4px;
}
.partAdvCol {
    padding: 0 4px;
    margin: 4px 0;
}
.partAdvCon {
    height: 100%;
    min-height: 182px;
    padding: 38px 20px 30px 20px;
}
.partAdvIcon {
    text-align: center;
    line-height: 54px;
    margin: 0 0 1.3rem;
}
.partAdvCon h5 {
    text-align: center;
    font-size: 20px;
    color: #2e3d62;
    font-family: MyriadPro-Bold;
    line-height: normal;
}


.becmPart {
    padding: 4rem 0;
    margin-bottom: 3rem;
}

.partForm {
    padding: 3.125rem;
}
@media only screen and (min-width: 1200px)
{
	.partForm .row {
		max-width: 80%;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 767px)
{
	.proSer .common-para,
	.partAdv .common-para
	{
		width: 100%;
	}
}
@media only screen and (max-width: 575px)
{
	.partAdv {
		padding: 2rem 0 2.5rem;
	}
	.partForm {
		padding: 2.125rem;
	}
}
@media only screen and (max-width: 480px)
{
	.partLink {
		padding: 1rem 0;
	}
	
	.partAdvRow {
		padding: 0rem 0 0;
	}
	
	.becmPart {
		padding: 1rem 0;
		margin-bottom: 0rem;
	}
	
	.partForm {
		padding: 1.125rem;
	}
	
	.esign-faq.v3 {
		padding-bottom: 1rem;
	}	
}
/** ------------------------------------------  Partners Page Content End ------------------------------------------------ */


/** ------------------------------------------  Help Center Video Page Content Start ------------------------------------------------ */
.hcvBlock
{
	margin-bottom: 20px;
}
.video-wrapperNew
{
	position:relative;
}
.video-wrapperNew video
{
	width: 100%;
}
@media only screen and (min-width: 768px)
{
	.hcvVideo {
		max-width: 195px;
		min-width: 195px;
	}
	.hcvVideo {
		margin-right: 1rem;
	}
}
/** ------------------------------------------  Help Center Video Page Content End ------------------------------------------------ */



/** ------------------------------------------  DB Content Start ------------------------------------------------ */

.video-wrapper {
    position: relative;
}

.video-wrapper > video {
    width: 100%;
    vertical-align: middle;
}

.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {
    display: none;
}

.video-overlay-play-button {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px calc(50% - 50px);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0.95;
    cursor: pointer;
    background-image: linear-gradient(transparent, #000);
    transition: opacity 150ms;
}

.video-overlay-play-button:hover {
    opacity: 1;
}

.video-overlay-play-button.is-hidden {
    display: none;
}
.hiw-div .cont{
  border:1px solid #ebebeb;
  border-radius: 5px;
  padding: 1rem;
}
.hiw-div .cont h5{
  font-size: 16px;
  color:#2e3d62;
  font-weight: bold;
  margin-bottom: 1rem;
}
.hiw-div .cont p{
  font-size: 14.38px;
  color:#666e82;
}
.sign-wrapper{
    background: url(../images/bg-hiw.png) center no-repeat;
    background-size: cover;
    height: 330px;
    position: relative;
}
.sign-wrapper .pdf-div{
  width: 90px;
  height: 90px;
  background: #015eea;
  position: absolute;
  left: 50%;
  top:30%;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/** ------------------------------------------  DB Content End ------------------------------------------------ */



/** ------------------------------------------  Prepare Document Content Start ------------------------------------------------ */

/* -- -- -- -- - Grid System Start -- -- -- -- - */
@media only screen and (min-width: 1200px)
{
	.preDocSideBarCol
	{
		max-width: 216px;
	}
	.preDocProCol
	{
		max-width: 312px;
	}
}
@media only screen and (min-width: 1400px)
{
	.preDocSideBarCol
	{
		max-width: 288px;
	}
}
/* -- -- -- -- - Grid System End -- -- -- -- - */


/* -- -- -- -- - Side Menu Content Start -- -- -- -- - */
.preDocSideBar
{
	height: 100%;
    background-color: #ffffff;
}
.preDocMenuColps {
    padding: 8px 10px;
}

.preDocMenuAuthBg {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background-color: #92caf7;
    border: 1px solid #82c1f6;
    border-radius: 3px;
}

.preDocMenuAuthBg.noParty {
    background-color: #eff1f9;
    border-color: #eff1f9;
    line-height: 12px;
    text-align: center;
    font-size: 10px;
}

.preDocMenuAuthBg.noParty::before {
    content: "\f00d";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}

.preDocMenuAuthName {
    display: inline-block;
    vertical-align: middle;
    color: #2e3d62;
    font-weight: 500;
}

.preDocMenuColps ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.preDocMenuColps ul li 
{
    margin: 8px 0;
}

.preDocMenuColps ul li a
{
    width: 100%;
    display: inline-block;
}

.preDocMenuTitle {
    color: #2e3d62;
    font-weight: 500;
}

.preDocMenuTIcon {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background-color: #ddd;
    border: 1px solid #ddd;
   /* background-color: #89aee6;
    border: 1px solid #89aee6;*/
    border-radius: 3px;
    text-align: center;
    line-height: 24px;
    color: #000000;
    margin-right: 4px;
}

.preDocMenuTName {
    color: #2e3d62;
	font-size: 13px;
}
/* -- -- -- -- - Side Menu Content End -- -- -- -- - */


/* -- -- -- -- - Prepare Document Nav Content Start -- -- -- -- - */
.preDocNav {
    margin: 2px 0;
}

.preDocImg
{
	position: relative;
}

.handle-partyinfo {
    position: absolute;
    opacity: 0.8;
    background-color: #59ABE3;
    border-color: #59ABE3;
    color: black;
    font-size: 11px;
    top: 50%;
    left: calc( 100% + 8px);
    transform: translate(0px, -50%);
    cursor: help;
    padding: 0px 4px 0px 4px;
}

.handle-partyinfo::before
{
    content: '';
    position: absolute;
    top: 50%;
    left: -16px;
    bottom: auto;
    display: block;
    margin-top: -8px;
    border: 8px solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: inherit;
    content: '';
    pointer-events: none;
}

@media only screen and (max-width: 1199px)
{
	.preDocNav {
		margin: 15px 0;
	}
}
@media only screen and (max-width: 1399px)
{
	.preDocNav .nav-link {
		font-size: 12px;
	}

	.preDocNav .navTabs_s2 .navTab_count {
		font-size: 12px;
		min-width: 26px;
		line-height: 26px;
		margin-right: 6px;
	}
}
/* -- -- -- -- - Prepare Document Nav Content End -- -- -- -- - */


/* -- -- -- -- - Nav Tabs Styles Two Content Start -- -- -- -- - */
.navTabs_s2 .navTab_count {
    min-width: 33px;
    line-height: 33px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background-color: #005ff3;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
    vertical-align: middle;
}

.navTabs_s2 .active .navTab_count {
    background-color: #ffffff;
    color: #005ff3;
}

.navTabs_s2  .navTab_text {
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}

.navTabs_s2  .nav-link.active {
    background-color: transparent;
}
/* -- -- -- -- - Nav Tabs Styles Two Content End -- -- -- -- - */



/* -- -- -- -- - Drop Styles Content One Start -- -- -- -- - */
.dd_s1 .btn 
{
    color: #585858;
    font-size: 14px;
    text-align: left;
    padding-left: 0px;
    box-shadow: none;
}
.dd_s1 .dropdown-menu a
{	
	font-size: 13px;
}
/* -- -- -- -- - Drop Styles Content One End -- -- -- -- - */


/* -- -- -- -- - Prepare Document Image Content Start -- -- -- -- - */
/*.preDocImg img {
    width: 100%;
}*/

@media only screen and (min-width: 1200px)
{
	.preDocImg {
		max-height: calc(100vh - 161px);
		max-height: calc(100vh - 216px);
		overflow: auto;
	}
	.preDocPageRow {
		max-height: calc( 100vh - 77px - 84px);
		min-height: auto;
	}

	.preDocPageRow > div {
		height: 100%;
		overflow: auto;
		max-height: calc( 100vh - 77px - 84px);
	}
	
}
/* -- -- -- -- - Prepare Document Image Content End -- -- -- -- - */




/* -- -- -- -- - Nav Tabs Styles Content Three Start -- -- -- -- - */
.navTabs_s3
{
    border-bottom: 1px solid #e3e3e3;
}

.navTabs_s3 .nav-link {
    font-size: 13px;
    font-weight: 600;
    color: #2e3d62;
    padding: 12px 0;
}

.navTabs_s3 .nav-link.active
{
    color: #005ff3;
    background-color: transparent;
}

.navTabs_s3 .nav-link.active .navTab_text,
.navTabs_s3 .nav-link:hover .navTab_text
{
   color: #005ff3;    
}
/* -- -- -- -- - Nav Tabs Styles Content Three End -- -- -- -- - */


/* -- -- -- -- - PreDoc Add Signers Styles Content Start -- -- -- -- - */
.manage-documents-block.v2 .add-signers ul.timeline {
    padding-left: 26px;
}
/* -- -- -- -- - PreDoc Add Signers Styles Content End -- -- -- -- - */


/* -- -- -- -- - PreDoc Field Properties Styles Content Start -- -- -- -- - */
.preDocFieldPros {
    background-color: #ffffff;
    height: 100%;
    padding: 1rem 0.75rem;
}
/* -- -- -- -- - PreDoc Field Properties Styles Content End -- -- -- -- - */


/* -- -- -- -- - DropDown Content Two Styles Content Start -- -- -- -- - */
.dd_s2 .btn {
    border: 1px solid rgb(234, 234, 234);
    width: 100%;
    text-align: left;
    font-size: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 392.94 206.04'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M393.28,11.43V206.74H.34V.7H393.28V7.6C390.18,2,387,0,382.44,1.62A17.86,17.86,0,0,0,376.33,6Q288.4,93.78,200.55,181.67c-1.05,1.06-2.16,2.06-4,3.81a32.45,32.45,0,0,0-2.87-3.92Q105.83,93.66,17.94,5.81C12.61.48,7.54-.27,3.65,3.66S.41,12.42,5.92,17.93L188.7,200.71c6.6,6.6,10.41,6.58,17.08-.1Q296.9,109.5,388,18.34C390,16.3,391.52,13.74,393.28,11.43Z' transform='translate(-0.34 -0.7)'/%3E%3Cpath d='M393.28,11.43c-1.76,2.31-3.26,4.87-5.29,6.91q-91.07,91.18-182.21,182.27c-6.67,6.68-10.48,6.7-17.08.1L5.92,17.93C.41,12.42-.33,7.68,3.65,3.66s9-3.18,14.29,2.15q87.87,87.85,175.73,175.75a32.45,32.45,0,0,1,2.87,3.92c1.85-1.75,3-2.75,4-3.81Q288.42,93.82,376.33,6a17.86,17.86,0,0,1,6.11-4.35C387,0,390.18,2,393.28,7.6Z' transform='translate(-0.34 -0.7)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    box-shadow: none;
    padding: 0.5rem;
}

.dd_s2 .btn::after {
    display: none;
}

.dd_s2 .dropdown-menu {
    padding: 0;
    width: 100%;
}

.dd_s2  .dropdown-item {
    font-size: 12px;
    padding: 0.25rem 0.5rem;
}
/* -- -- -- -- - DropDown Content Two Styles Content End -- -- -- -- - */


/** ------------------------------------------  Prepare Document Content End ------------------------------------------------ */



/** ------------------------------------------  Prepare Document View Receipt Content Start ------------------------------------------------ */


/* -- -- -- -- - Head Start -- -- -- -- - */
.preDocVRTitle {
    font-size: 12px;
    color: #585858;
    border-bottom: 1px solid #bbbdc0;
}

.preDocVRHead {
    padding: 1rem 0;
}
/* -- -- -- -- - Head End -- -- -- -- - */


/* -- -- -- -- - View Receipt Start -- -- -- -- - */
.viewRecTitle {
    margin: 0;
    font-size: 14px;
    color: #005ff3;
    font-weight: 600;
    padding: 1.25rem 0;
}

.viewRecDet {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.viewRecPer {
	color: #585858;
	font-size: 12px;
	line-height: 20px;
}

.viewRecSend {
    color: #585858;
    font-weight: 600;
    font-size: 12px;
}
/* -- -- -- -- - View Receipt End -- -- -- -- - */


/** ------------------------------------------  Prepare Document View Receipt Content End ------------------------------------------------ */




/** ------------------------------------------  Prepare Document View Receipt Attachement Content Start ------------------------------------------------ */


/* -- -- -- -- - Custom File Styles Two Start -- -- -- -- - */
.customFile_v2 .custom-file-input:lang(en)~.custom-file-label::after 
{
    content: "Choose file";
}
.customFile_v2 .custom-file-input~.custom-file-label::after 
{     
    font-size: 11px;
    color: #005ff3;
    background-color: transparent;
    border: 1px solid rgb(0, 95, 243);
    border-radius: 5px;
    height: 32px;
    line-height: 1.75;
    right: -94px;
    cursor: pointer;
    transition: 0.5s;
}
.customFile_v2 .custom-file-input~.custom-file-label:hover::after
{
    background-color: #005ff3;
    color: #ffffff;
}
.customFile_v2 .custom-file-label {
    display: inline-block;
    height: 32px;
    line-height: 1.5;
    width: calc( 100% - 94px);
    border-color: rgb(227, 227, 227);
    border-radius: 5px;
    background-color: transparent;
    font-size: 12px;
    z-index: 3;
    cursor: pointer;
}
/* -- -- -- -- - Custom File Styles Two End -- -- -- -- - */


/** ------------------------------------------  Prepare Document View Receipt Attachement Content End ------------------------------------------------ */



/** ------------------------------------------  Prepare Document View Receipt History Content Start ------------------------------------------------ */
.viewRecTL ul 
{
    padding: 0;
    list-style: none;
}

.viewRecTL ul li
{
    position: relative;    
}

.viewRecTL ul li:not(:last-child)
{
    padding: 0 0 1.25rem;
}

.viewRecTL ul li::before
{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #e3e3e3;
    top: 0;
    left: 11px;
}

.viewRecTL ul li:not(:last-child)::after
{
    content: '';
    position: absolute;
    width: 10px;
    height: 1px;
    background-color: #e3e3e3;
    top: 10px;
    left: 22px;
}


.vrtlCon
{
    position: relative;
}

.vrtlSta 
{
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    min-width: 22px;
    font-size: 12px;
    margin-right: 1rem;
    background-color: #ffffff;
}

.vrtlMsg {
    font-size: 12px;
    color: #585858;
    padding-top: 0.125rem;
}

.vrtlReIn {
    padding-top: 0.25rem;
    font-size: 11px;
    font-weight: 600;
}

.vrtlReIn a {
    color: #005ff3;
    text-decoration: underline;
}
/** ------------------------------------------  Prepare Document View Receipt History Content End ------------------------------------------------ */



/** ------------------------------------------  Online Form View Content Start ------------------------------------------------ */
.ofCon
{
    padding: 0.25rem 0 0;
}

.ofSB
{
    padding: 0 0 0 1rem;
}

.ofSBCon
{
    padding: 1rem 0 0;
}

.ofConTitle {
    font-size: 16px;
    color: #2e3d62;
    font-weight: 600;
	line-height: normal;
}

.navTabs_s2.v2 .nav-link 
{
    padding: 16px 0.5rem  16px 0rem;
    position: relative;
}

.navTabs_s2.v2 .nav-item:not(:last-child) .nav-link::before
{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #dfe1e4;
    top: 50%;
    left: 16px;
    z-index: -1;
}

@media only screen and (max-width: 1199px)
{
	.ofSBCon {
		padding: 1rem;
	}	
}
@media only screen and (max-width: 575px)
{
	.ofSB {
		padding: 0 0 0 0rem;
	}
	.ofSBCon {
		padding: 1rem 0;
	}
}
/** ------------------------------------------  Online Form View Content End ------------------------------------------------ */




/** ------------------------------------------  Online Form signers/receipt Content Start ------------------------------------------------ */
.hashBox {
	min-width: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	font-weight: 500;
	margin-right: 20px;
}


.formOR::before,
.formOR::after
{
    content: '';
    background-color: #edeef0;
    width: 100%;
    height: 1px;
}

.formOR span {
    display: inline-block;
    font-size: 14px;
    min-width: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
    background-color: #005ff3;
    color: #ffffff;
}
/** ------------------------------------------  Online Form signers/receipt Content End ------------------------------------------------ */

/** ------------------------------------------  Online List Form Content Start ------------------------------------------------ */
.tColRow
{
	background-color: #edf4fe;
}

.tColTD {
    font-size: 12px;
}
/** ------------------------------------------  Online List Form Content End ------------------------------------------------ */


/** ------------------------------------------  View Online Form Content Start ------------------------------------------------ */
.btn-tbox {
    border: 1px solid #ebeef4;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 15px 0px rgb(213 212 212 / 11%);
    color: #9497a0;
    font-size: 12px;
}
.btn-tbox:focus {
    box-shadow: 0px 2px 15px 0px rgb(213 212 212 / 11%);
}
.btn-13036 {
    min-width: 130px;
    padding: 8px 8px;
}
.btn-tbox-icon {
    display: inline-block;
    margin: 0 0px;
}


.btn-fsbs {
    padding: 0px;
    font-size: 9px;
    border-color: #bedbff;
    border-radius: 50%;
    width: 22px;
    background-color: #dae5f5;
    color: #015eea;
    line-height: 20px;
}
.btn-fsbs:focus {
	box-shadow: none;
}


.ofvFImg {
    display: inline-block;
    border: 1px solid #ddd;
}

.label-default {
    background-color: #777;
    color: #ffffff !important;
}


.customForm .form-control.arrowNone
{
    background-image: none;
    padding-right: 0.75rem;
}
.customForm .form-control.sel-9234, .sel-9234 {
    min-width: 92px;
    height: calc(1.4em + .75rem + 2.5px);
    line-height: normal;
	width: auto;
}

.ofvNav label {
    color: #29292a;
}

@media only screen and (max-width: 1399px)
{
	.onlineFormView .customForm .form-control.sel-9234
	{
		min-width: 78px;
	}	
}

/* -- -- -- -- - OFV Table Content Start -- -- -- -- - */
.ofvTable
{
	overflow: auto;
}

.ofvTable table
{
    border-spacing: 7px;
    border-collapse: separate;
}

.ofvTable table th
{
    color: #2e3d62;
    font-size: 14px;
	width: calc(100% / 6);
}

.ofvTable table .form-control
{
    height: calc(1.75em + .75rem + 2.5px);
    line-height: 26px;
}

@media only screen and (max-width: 767px)
{
	.ofvTable table .form-control
	{
		min-width: 100px;
	}
}
/* -- -- -- -- - OFV Table Content End -- -- -- -- - */


/** ------------------------------------------  View Online Form Content End ------------------------------------------------ */



/** ------------------------------------------  Folder Envolope Content Start ------------------------------------------------ */

.fdElCon {
    padding: 30px;
}

.txtYlw {
    color: #d2d435;
}

.fdElMenu {
    padding: 0;
    list-style: none;
}

.fdElMenu li {
	padding: 15px 0;
}

.fdElMenu li a {
	display: inline-block;
	vertical-align: middle;
}

.fdmIc {
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
}

.fdmTx {
    color: #2e3d62;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}

/** ------------------------------------------  Folder Envolope Content End ------------------------------------------------ */



/** ------------------------------------------  Document My Profile Change Sign Content Start ------------------------------------------------ */

/* -- -- -- -- - Nav 4 Tab Content Start -- -- -- -- - */
.navTabs_s4
{
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 1.5rem;
}

.navTabs_s4 .nav-link
{
    background-color: transparent;
    color: #2e3d62;
    font-weight: 600;
    border-radius: 0px;
}

.navTabs_s4 .nav-link.active,
.navTabs_s4 .nav-link:hover
{
    background-color: transparent;
    color: #005ff3;
    border-bottom: 2px solid #005ff3;
}

.navTabs_s4 .nav-link.active .navTab_text,
.navTabs_s4 .nav-link:hover .navTab_text 
{
    color: #005ff3;
}
/* -- -- -- -- - Nav 4 Tab Content End -- -- -- -- - */

/* -- -- -- -- - Sign Type Content Start -- -- -- -- - */
.typeSignImg 
{
    text-align: center;
    line-height: 60px;
    border: 1px solid rgb(234, 234, 234);
    cursor: pointer;
    margin-bottom: -1px;
    margin-right: -1px;
}
.typeSignImg.selected,
.typeSignImg:hover
{
    background-color: #eff1f9;
}

.colorPicInline,
.customForm .colorPicInline
{
    display: inline-block;
    width: 30px;
    padding: 0;
    border: 0px;
    vertical-align: middle;
    height: 30px;
    cursor: pointer;
}
/* -- -- -- -- - Sign Type Content End -- -- -- -- - */


/* -- -- -- -- - Sign Draw Content Start -- -- -- -- - */
.signDrawCont
{
    border: 1px solid rgb(234, 234, 234);
    border-radius: 5px;
}
/* -- -- -- -- - Sign Draw Content End -- -- -- -- - */


/** ------------------------------------------  Document My Profile Change Sign Content End ------------------------------------------------ */


/*---------------------------------------- Prepare document Sample Document page style Start -----------------------------*/
.smplDocTl {
    color: #2e3d62;
    font-weight: 600;
    padding: 8px 0;
    margin: 0;
    font-size: 14px;
}

.smplSb {
    background-color: #ffffff;
    height: calc( 100% - 28px);
    padding: 0.875rem;
}

.smplDtR {
    border-bottom: 1px solid #e3e3e3;
    padding: 0.5rem 0;
    font-size: 13px;
}

.slDtL {
    color: #000000;
    display: inline-block;
    font-weight: 600;
    line-height: 22px;
}

.slDtV {
    line-height: 22px;
}

.smplPt {
    padding: 0.75rem 0;
}

.smplPtNb {
    display: inline-block;
    min-width: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 12px;
    border-radius: 5px;
    background-color: rgba(146, 202, 247, 1);
    border-color: rgba(146, 202, 247, 1);
    color: #000000;
    font-weight: 600;
    margin-right: 0.5rem;
}

.smplPtNm {
    font-size: 13px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px)
{
	.preDocSmplSbL
	{
		max-width: 288px;
	}
	.preDocSmplSbR
	{
		max-width: 262px;
	}
}
/*---------------------------------------- Prepare document Sample Document page style End -----------------------------*/


/* july 28 add css */

.grey-bg {
    background-color: #dadada;
    padding: 4px 4px;
    border-radius: 2px;
    margin-bottom: 3px;
}

.count-view {
    background: #dadada;
    padding: 4px 7px;
    font-size: 10px;
    line-height: 9px;
    border-radius: 2px;
    font-weight: bold;
}

.head-question {
    background: #005ff3;
    color: #fff;
    /* padding: 4px 4px; */
    border-radius: 50px;
    height: 22px;
    width: 22px;
    font-size: 10px;
    line-height: 22px;
    position: relative;
    top: -5px;
}

.login-form-in.header-view span:last-child::after {
    display: none !important;
}

.border-check {
    border: 1px solid #005ff3;
    padding: 5px 5px;
    color: #005ff3;
    border-radius: 5px;
}

.border-close {
    border: 1px solid #585858;
    padding: 5px 7px;
    color: #585858;
    border-radius: 5px;
}

.header-view {
    min-height: 35px !important;
}

.disply-ellipsis {
    white-space: nowrap;
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

/*--||
How To Start Page Content Start
||--*/


.htsPgRow
{
   margin-right: -10px;
   margin-left: -10px
}
.htsPgCol
{
   padding-right: 10px;
   padding-left: 10px;
}

.htsLk {
    box-shadow: 0px 2px 15px 0px rgba(213, 212, 212, 0.11);
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.08);
    padding: 1.5rem;
}

.htsLk h6 {
    color: #1273eb;
    padding-bottom: 12px;
}

.htsLk ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.htsLk ul li {
    padding: 4px 0;
}

.htsLk ul li a {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: start;
    font-size: 14px;
    color: #666e82;
    line-height: normal;
}

.htsLk ul li img {
    margin-left: auto;
    margin-top: 5px;
    transition: 0.3s;
}

.htsLk ul li a:hover
{
    color: #1273eb;
}

.htsLk ul li a:hover img
{
    transform: translateX(4px);
}


/*-- Header Content Start --*/
.htsRtHd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.htsSr {
    min-width: 378px;
    margin-bottom: 15px;
}

.htsSr .form-control {
    border: 1px solid rgb(234, 234, 234);
    border-radius: 5px;
    color: #000000;
    height: calc(1.5em + .75rem + 2px + 15px);
    padding-left: 1.75rem;
}

.htsSr .form-control::placeholder
{
    color: #666e82;
}

.htsBrdCrm
{
    margin-bottom: 15px;
}

.htsBrdCrm > *:not(:last-child)
{
    margin-right: 6px;
}

.htsBrdCrm a,
.htsBrdCrm span
{
    font-size: 14px;
    color: #666e82;
    display: inline-block;
    padding: 6px 0;
}
.htsBrdCrm a.active,
.htsBrdCrm a:hover
{
    color: #015eea;
    text-decoration: underline;
    text-underline-position: under;
}
/*-- Header Content End --*/


/*-- Body Content Start --*/
.htsPg {
    padding: 2.125rem 0 1.5rem 0;
}

.htsLkBx {
    box-shadow: 0px 2px 15px 0px rgb(213 212 212 / 11%);
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.08);
    padding: 19px 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    position: relative;
}

.htsLkBk {
    padding: 12px 22px 12px 16px;
    border-right: 1px solid rgba(0,0,0,0.08);
    margin-right: 16px;
}

.htsLkTx {
    padding-left: 10px;
    font-size: 15px;
    color: #2e3d62;
}

.htsLkTx a {
    color: #2e3d62;
}

.htsLkTx a:hover
{
    color: #015eea;
}

.htsLkDt {
    margin-left: auto;
    color: #666e82;
    font-size: 14px;
}


.htsLkAh a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}
@media only screen and (max-width: 1199px)
{
    .htsSr
    {
        min-width: 100%;
    }
}
@media only screen and (max-width: 991px)
{
    .htsPg {
        padding: 1rem 0;
    }   
}
@media only screen and (max-width: 480px)
{
    .htsPg {
        padding: 0px 0px;
    }

    .htsSr .form-control {
        height: calc(1.5em + .75rem + 2px + 10px);
        padding-left: 0.75rem;
        font-size: 14px;
    }

    .htsLkBx {
        padding: 12px 10px;
    }

    .htsLkBk {
        padding: 10px 18px 10px 10px;
        margin-right: 0px;
    }

    .htsLkTx {
        font-size: 14px;
        padding: 6px 0;
    }

    .htsLkDt {
        font-size: 13px;
    }

    .htsLk {
        padding: 1rem;
    }

    .htsLk h6
    {
        padding-bottom: 6px;
    }
    
    .htsLkBk img {
        max-width: 30px;
    }
    
    .htsLkBx > * {
        width: 100%;
        text-align: center;
    }
}
/*-- Body Content End --*/


/*--||
How To Start Page Content End
||--*/

/*--||
Google Drive Integration Page Content Start
||--*/
.inteOptCon h6
{
    font-size: 18px;
    color: #2e3d62;
    line-height: normal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 54px;
}
.inteOptCon h6 img
{
    margin: 4px 8px 0px 0px;
}


.inteGd {
    margin: 2rem 0 0;
}
.secListPara.v2
{
    font-size: 14px;
}

.secList.v2 li
{
    font-size: 14px;
}

.greyManoCon.v2
{
    min-width: auto;
}
@media only screen and (max-width: 480px)
{
    .inteOptCon h6
    {
        font-size: 16px;
        min-height: auto;
    }
    .greyMano.inteGd {
        padding-bottom: 0px;
    }
}
/*--||
Google Drive Integration Page Content End
||--*/


/*--||
Case Studies Page Content Start
||--*/
.csdYGmi{
    border:4px solid #f3f3f3;
}
.csdtYBuss .eSign-guide-box
{
    min-height: 480px;
}
/*--||
Case Studies Page Content End
||--*/

/*--||
How To Start Inner Page Content Start
||--*/
.htsLk ol {
    padding: 0 0 0 16px;
    margin: 0;
}

.htsLk ol li {
    padding: 4px 0;
}

.htsLk ol li a {
    width: 100%;
    font-size: 14px;
    color: #666e82;
    line-height: normal;
}

.htsSr.v2
{
    width: 100%;
}


.htwCms h1,.htwCms h2,.htwCms h3,.htwCms h4,.htwCms h5,.htwCms h6
{
    color: #2e3d62;
    font-weight: bold;
    font-family: Myriad Pro, Arial;
    padding-bottom: 4px;
}

.htwCms p {
    color: #666e82;
}

.htwCms ul {
    padding: 0 0 0 22px;
    padding-bottom: 10px;
}

.htwCms ul li {
    line-height: 24px;
    color: #666e82;
}

.htwCmsR {
    padding: 0 0 2px;
}
/*--||
How To Start Inner Page Content End
||--*/


/*--||
Setting Custom Branding Page Content Start
||--*/
.brndPrvTbl {
    background-color: #f0f6ff;
    padding: 0.5rem 1rem 1rem;
}

.brndPrvTbl h5 {
    text-align: center;
    padding: 4px 0px;
}
/*--||
Setting Custom Branding Page Content End
||--*/




/*--||
fillOnlineForm Page Content Start
||--*/
.dbFlonFrmCnt {
    max-height: calc(100vh - 72px);
    overflow: auto;
}
/*--||
fillOnlineForm Page Content End
||--*/