.view-portbase {
 	position: relative
 }

 .cli-cwidget-btn-wrap {
 	position: fixed;
 	right: 11px;
 	bottom: 11px;
 }

/*
 .cli-cwidget-btn {
 	background: linear-gradient(90deg, #2d3c4f 0%, #2d3c4f 100%);
 	border-radius: 26px;
 padding: 13px 17px;
    margin-bottom: 3px;
    font-size: 17px;
    line-height: 24px;
      width: 110px;  
    font-weight: bold;
    text-align: left;
    color: white;
 }
*/


.cli-cwidget-btn {
	    color: #fff;
	    background: linear-gradient(90deg, #2d3c4f 0%, #2d3c4f 100%);
	box-shadow: 0px 6px 10px rgb(26 26 26 / 14%), 0px 1px 18px rgb(26 26 26 / 12%), 0px 4px 4px rgb(26 26 26 / 20%);
    max-width: 300px;
    border-radius: 24px;
    padding: 12px 16px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.15px;
    text-align: left;
}
 .cli-cwidget-btn > i {
 	font-weight: bold
 }

 .cli-cwidget-closebtn {
 	    font-size: 24px;
    line-height: 0;
    position: relative;
 }



 .modal-dialog {
 	position: fixed;
 	right: 14px;
 	bottom: 40px;
 	width: 25%;
 }



 div.modal-content {
 	-webkit-box-shadow: none;
 	-moz-box-shadow: none;
 	-o-box-shadow: none;
 	box-shadow: none;
 }

 .modal-backdrop {
 	background-color: transparent;
 	width: 25px;
 	height: 25px;
 }

 .modal-header {
 	background: linear-gradient(60deg, rgb(45, 60, 79) 0%, rgb(45, 60, 79) 100%);
 	color: rgb(255, 255, 255);
 }

 .modal-body {
 	background-color: #f7f7f7;
 	min-height: 350px;
 }

 .widget-link-logo {
 	width: 100%;
 }

 .widget-link {
 	text-align: right;
 	display: block;
 	color: #fff;
 	text-decoration: none;
 }

 .widget-w100 {
 	width: 100%
 }

 .widget-ul-list {
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
 	background-color: #fff;
 	border-radius: 7px;
 	padding: 0px;
 }

 .widget-li-list {
 	display: block;
 }

 .widget-li-list > span {
 	color: #303030;
 	padding: 12px;
 	text-decoration: none;
 	display: block;
 }

 .widget-li-list > span:hover {
 	cursor: pointer;
 }

 .bt-line {
 	border-bottom: 1px solid #bfbfbf40;
 }

 .widget-li-list > span > i {
 	float: right;color: #44b6e5;
    font-weight: bold;
 }

 .small-font {
 	font-size: 12px;
 	display: block;
 	    color: #fff;
 	margin-bottom: 4px;
 }

 .preview {
 	display: inline;
 }

 .widget-heading-block {
 	display: table;
 }

 .widget-heading-block > i {
 	display: table-cell;
     color: #fff;
 	vertical-align: middle;
 }
.widget-heading-block > i:hover{
    cursor: pointer;
}

 .widget-heading-block > span {
 	display: table-cell;
 	vertical-align: middle;
 	padding-left: 8px;
 	line-height: 15px;
 }

 .note-text {
 	font-size: 10px;
 	line-height: 14px;
 }

 .note-text {
 	font-size: 10px;
 	line-height: 14px;
 }

 .errolabel > label {
 	font-size: 10px;
 	color: red;
 }

 html > body{
  background-color: transparent !important;
}



.errolabel > p {
	font-size: 9px;
	   color: red;
	   margin-bottom: 0px;
	   position: absolute;
	   bottom: -12px;
   }
   
	
   .form-group.mb-2.errolabel {
	   position: relative;
	   margin-bottom: 12px;
   }


@media(max-width:761px) {
 	.modal-dialog {
 		position: fixed;
 		right: 6px;
 		bottom: 53px;
 		width: 89%;
 	}

 }
.bi-envelope{
	margin-right: 6px;
    font-size: 17px;
    line-height: 20px;
}
 
 .bi-envelope {
 	margin-right: 6px;
 	font-size: 17px;
 	line-height: 20px;
 }


 .wid-modal-dialog {
 	position: fixed;
 	right: 6px;
 	bottom: 20px;
 	width: 98%;
 	margin: 0 auto;
 	/* margin: 0.5rem; */
 	pointer-events: none;
 }

 .wid-modal-content {
 	position: relative;
 	display: flex;
 	flex-direction: column;
 	width: 100%;
 	pointer-events: auto;
 	background-color: #fff;
 	background-clip: padding-box;
 	border: 1px solid rgba(0, 0, 0, .2);
 	border-radius: 0.3rem;
 	outline: 0;
 }

 .wid-modal-header {
/*
 	background: linear-gradient(60deg, rgb(45, 60, 79) 0%, rgb(45, 60, 79) 100%);
 	color: rgb(255, 255, 255);
*/
	     background-color: #44b6e5;
    color: #000000;
 }

 .wid-modal-header {
 	display: flex;
 	flex-shrink: 0;
 	align-items: center;
 	justify-content: space-between;
 	padding: 1rem 1rem;
 	border-bottom: 1px solid #dee2e6;
 	border-top-left-radius: calc(0.3rem - 1px);
 	border-top-right-radius: calc(0.3rem - 1px);
 }

 .wid-modal-title {
 	margin-bottom: 0;
 	line-height: 1.5;
 }

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%) !important;
}

input{
        width: 100%;
    border-width: 1px;
    border-style: solid;
    font-size: 16px;
    outline: none;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 8px;
    padding-left: 10px;
    resize: none;
    border-radius: 0 !important;
    border-color: #d9d9d9 !important;
    color: #000000 !important;
    background-color: #ffffff !important;
}

 .wid-modal-body {
 	background-color: #f7f7f7;
 	min-height: 450px;
 	position: relative;
 	flex: 1 1 auto;
 	padding: 1rem;
 }
.btn-primary{
	color: #fff;
     background-color: #44b6e5  !important;
    border-color:#44b6e5  !important;
}
.btn-primary:hover{
        background-color: #000000 !important;
    
       border-color: #000000 !important;
}
	

.headnotes{font-size: 12px;margin-bottom: 10px}
.preview > i{
    color: #fff !important;
}
.widget-heading-block > span{
    color: #fff;
}
.widfooter{
    font-size: 12px;
    /* background-color: #0a1416; */
    color: #0a1416;
    padding: 2px 5px;
    display: inline-block;
    position: fixed;
    bottom: 25px;
    margin: 0 auto;
    left: 0;
    right: 0;
    line-height: 23px;
    text-align: center;
    width: 205px;
    border-radius: 5px;
    text-transform: uppercase;
    display: block;
}
.widfooter{
	background: #f7f7f7;
    width: 94%;
    left: 0;
}
.widfooter > img{
    display: block;
    width: 106px;
    
    margin: 0 auto;
    filter: brightness(0)
}

p.note-text.textnote {
    font-size: 10px;
    margin-bottom: 0px;
    position: absolute;
    bottom: 50px;
    padding: 0px 10px;
    width: 90%;
    float: left;
line-height:10px;
}
@media only screen and (max-height:600px){
	.wid-modal-body{
		min-height: 350px;
		overflow-y: auto;
	}
	.wid-modal-body p.note-text.textnote {
		position: static !important;
		width: 100%;
		padding: 0px;
		margin-top: 10px;
		font-size: 9px;
	}
	
	.widget-showform{
		max-height: 70vh;
    overflow-y: auto;
	}
	.widget-showform .note-text.textnote {
		padding-bottom: 40px !important;
	}
}