.input-valid-error{
        border-color: #ebebeb #ff0000 #ebebeb #ff0000;
        border-style: solid solid solid solid;
        border-width: 1px 3px 1px 3px;
    }
    .input-valid-success{
        border-color: #ebebeb #1ab710 #ebebeb #1ab710;
        border-style: solid solid solid solid;
        border-width: 1px 3px 1px 3px;
    }
    .virtual-patient-view{
        background: #fafafa;
		top: 50px;
		padding-top: 20px;
    }
    .label-noitem-found{
        font-weight: bold;
    }
    .icon-dropdown{
        position: absolute;
        top: 5px;
        right: 25px;
        color: #35abdd;
        font-size: 32px;
    }
    .no-item-found{
        top:52px;
    }
    div.groupColor {
        background-color: #85b5aee8 !important;
        /* border: 2px dotted #546166 !important; */
    }
    div.redGroupColor {
        background-color: #ff0303 !important;
        /* box-shadow:0 0 2px 2px rgb(255 0 0 / 70%) !important; */
        /* border: 2px dotted #546166 !important; */
    }
    div.redColor {
        border: 1px dotted #ff0303 !important;
        box-shadow:0 0 2px 2px rgb(255 0 0 / 70%) !important;
        /* border: 2px dotted #546166 !important; */
    }
    div.blueGroupColor{
        border: 1px dotted #35abdd !important;
        box-shadow: 0 0 2px 2px #35abdd !important;
    }
    .signatureDoc-color{
        background: #1c6272 !important;
        top: 0px !important;
		padding-top: 5px;
		height:50px !important;
    }
    .sign-document-wrapper{
        top:52px !important;
    }
/*    .signatureDoc-subheader{
        background: #1c6272 !important;
    }*/
    .sign-document-wrapper .sign-document{
        border:1px dotted;
    }
    .signature-request-palette-options .palette-left {
        background: #6cc188  url(../img/text-icon.png) no-repeat 10px 8px !important;
        padding-left: 36px !important;
        background-size: 20px auto !important;
    }
    .signature-request-palette-options .palette {
        background: #6cc188  url(../img/signing--icon.png) no-repeat 10px 8px !important;
        padding-left: 36px !important;
        background-size: 20px auto !important;
    }
    .signature-request .file-upload-wrapper span.file-upload-name {
        position: relative;
        top: 80px;
    }
    .signatureDoc-subheader .sign-and-send {
    }
    textarea.text-attach{
    	/* font-size: 1.3vw !important; */
        line-height: 1.5vw !important;
        color: #111 !important;
		/* min-font-size: 8px; */
		/* max-font-size: 14px; */
        min-height: 10px;
    }
    .manage-document .palette-drag-area .signatureDoc-subheader .palette-drag-area-cancel{
         right: initial !important; 
    }
    .color-black .rg-bottom-right{
        background: black !important;
    }
    .color-black .ion-close-circled{
        color: black !important;
    }
    .color-green .rg-bottom-right{
        background: rgb(19, 191, 76) !important;
    }
    .color-green .ion-close-circled{
        color: rgb(19, 191, 76) !important;
    }
    .mySignature{
        background: none !important;
    }
    .sign-document-content .palette-list .color-green-signer{
        border: 1px dotted rgb(19, 191, 76) ;
    }
    .sign-document-content .field-hide{
        border: 1px dotted #d2c9c9;
        opacity: 0.5;
    }
    .sign-document-content .field-hide .sign-picture{
        cursor: default;
    }
    .signature-request #documentSelectionForm{
        display: none;
    }
    .tab-section{
        top: 0px;
		display: block;
		height: 55px;
		position: relative;
		background: #ffffff;
        /*z-index: 99;*/
    }
    .tab-nav-contents, .tab-nav-contents-self-sign {
        width:100%;
    }
    .tab-nav-contents ul, .tab-nav-contents-self-sign ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #6cc188;
    border-radius: 10px;
    margin-top: -4px;
    }
.mobile-tab ul {
    width: 130px !important;
    margin-top:0px;
}
.tab-nav-contents-self-sign ul {
	margin-top:0px;
}
.tab-nav-contents-self-sign ul  li{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	padding: 5px 3px;
	line-height:16px;
}

    .tab-nav-contents li {
        float: left;
    }
    .tab-nav-contents-self-sign li {
        float: left;
        display: block;
        color: #1c6272;
        text-align: center;
        padding: 5px 16px;
        text-decoration: none;
        font-size: 14px;
        cursor:pointer;
        height: 26px;
    }
	.tab-nav-contents li span:hover{background:#ffffff;}
    .tab-nav-contents li.active {
        background: #6cc188;
    }
    .tab-nav-contents-self-sign li.active {
        background: #6cc188;
        color: #ffffff;
    }
	.tab-nav-contents li.active span:hover {
        background: #6cc188;
    }
	.tab-nav-contents li.active  span{
        color: #ffffff;
    }

    .tab-nav-contents li span {
		display: block;
		color: #6cc188;
		text-align: center;
		padding: 5px 2px;
		text-decoration: none;
		font-size: 14px;
		cursor:pointer;
    }

    .obtain-sign-content{
        top: 175px !important;
    }
    .obtain-sign-content-sitefilter {
        top: 293px !important;
    }
    .select-site-bottom-content{
        top: 294px !important;
    }
    .list-icon-div{
        position: absolute;
		padding: 0px;
		width: 40px;
		left: 15px;
		top: 12px;
    }
    .list-img{
		height: 44px;
    }
	.obtainsign-list .list-img{
		height: 38px;
		position: relative;
		top: 0px;
    }
    .list-item{
        float: left;
    }
    .list-name-div{
        width: 100%;
		padding: 0px 80px 0px 50px;
		white-space: normal;
    }
	.list-name-div .list-item-docname{color:#0981b3;}
    .list-time-div{
        position: absolute;
		right: 32px;
		text-align: right;
		width: 80px;
        font-size: 12px;
    }
    .list-item-label{
        display: block;
    }
	.obtainsign-list .list-item-label{
    color: #58595b !important;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    line-height: 18px;
    font-weight: 400;
    }
	.obtainsign-list-inbox.obtainsign-list .list-item-label{
	font-size: 12px;line-height: 16px;
}	
	
    .list-item-docname{
        font-weight: bold;
    }
    .obtainsign-search-input{
        width: 100%
    }
    .action-sheet-title {
        font-size: 20px !important;
		background:#f4f4f4 !important;
		color:#336897 !important;
    }
	.action-sheet .button{
		border-color:#b5dbdb !important;
		color:#349b99 !important;
		font-size: 16px;
        padding-left: 10px;
	}
    .camera-image-delete{
        position: absolute;
		right: 2.8%;
		font-size: 20px;
		font-weight: bold;
		width: 40px;
		height: 40px;
		color: #fff;
		background: #35abdd;
		border-radius: 50%;
		text-align: center;
		line-height: 41px;
		top: 10px;
    }
    .camera-image-viewer{
        height: auto;
		width: 100%;
    }
    .camera-page-header{
        /*background-color: green;*/
    }
    .camera-header{
        top:0px !important;
        text-align: center;
    }
    .camera-image-container{
        display: table;
        width: 100%;
		/*
        table-layout: fixed;
        border-spacing: 10px;
		*/
    }
    .camera-img-div {
        display: block;
        width:100%
    }

    .camera-page-content{
        /*background-color: red;*/
    }
    .camera-page-footer{
        position: absolute;
        height: 75px;
        bottom: 50px;
        right: 0px;
        font-family: 'Oswald', sans-serif, Helvetica;
        padding: 0 !important;
    }

    .footer-page-options{
        width: 100%;
        text-align: center;
        padding: 15px 70px 15px 15px;
        height: 75px;
    }
    .footer-camera-open{
        width: 45px;
        float: right;
        text-align: center;
        height: 45px;
        top: 12px;
        position: absolute;
        border-radius: 50%;
        background: rgb(82, 165, 184);
        color: #ffffff;
        right: 10px;
        margin-left: 0px;
        font-size: 32px;
        line-height: 50px;
    }
    
    img.camera-images-small {
        padding:0;
        height: 39px;
        cursor: pointer;
		border: 2px solid rgb(82, 165, 184) !important;
		margin-right: 7px;
    }

    .footer-page-options .active{
        zoom: 1.2;
        margin-top: -4px;
        border: 2px solid #C76C0C !important;
        padding: 0;
        margin-right: 7px;
    }
    .left-button {
        right: inherit !important;
    }
	.signatureDoc-subheader .left-button{    
		right: auto !important;
		left: 0px;
	}

    /********** For confirm signature style *******/
    .represntativeConfirmSignature .sign-field-signed{
        /*width: 150px !important;*/
        /*height: 50px !important;*/
        box-shadow: none !important; 
        border: none !important;
        background: transparent !important;
    }
    .represntativeConfirmSignature .text-field-signed{
        border: none !important; 
        box-shadow: none !important; 
        background: transparent !important;
    }
    .represntativeConfirmSignature .text-field-signed textarea{
        background: transparent;
    }
	
/********** Signature Requests New style *******/

.signature-tab-section .tab-nav-contents {
    width: 100%;
    padding: 15px 10px;
    height: 55px;
    border-bottom: 1px solid #e2e2e2;
}
.signature-tab-section .tab-nav-contents li{width:35%;}
.signature-tab-section .tab-nav-contents li:nth-child(3) {
    width:33% !important;
}
.signature-tab-section .tab-nav-contents li:nth-child(2) {
    border-left: 1px solid #6cc188;
    border-right: 1px solid #6cc188;
    width: 32%;
}

.obtainsign-list .item{/*padding:15px 15px;*/ border-color:#e6e6e6; background:#fafafa;}

.obtainsign-list .item{
    background: #F2F2F2 url(../img/list-right-arrow.png) no-repeat 99% center !important;
    background-size: 15px auto !important;
	padding-right:30px !important;
}
.obtainsign-list-inbox .item{
    background: #F2F2F2 url(../img/list-right-arrow.png) no-repeat 98% center !important;
    background-size: 15px auto !important;
	padding-right:30px !important;
}

.obtainsign-list-inbox .no-page-list{background: #fafafa !important;}
.obtainsign-list-inbox.no-page-list:nth-child(2n+1){background: #fafafa !important;}
.obtainsign-list-inbox .no-page-list .list-name-div{padding: 5px 15px !important;}
.obtainsign-list-inbox .no-page-list .list-name-div .signature-inbox-loading{top:17px;}
.formcenter-inbox .signature-inbox-loading{
    top: 50%;
    transform: translateY(-50%);
}

/*.obtainsign-list .item:nth-child(even){background:#ffffff;}*/
.camera-header .header-btn-label{font-size: 17px;}
.camera-header .header-btn-cont{font-size: 20px;}
.camera-img-div.camera-page-content{
	padding: 25px;
    margin-bottom: 20%;
    height: 60%;
    position: absolute;
    overflow: hidden;
	text-align:center;
	}
.document-tag-div select{margin-bottom:10px;}
.document-name-div{margin-top:-15px;}
.document-name-div input{margin-bottom:10px !important;}
.popup-sub-title {font-size: 14px;}

.obtainsign-list .list{margin-left: -10px; margin-right: -10px;}
.obtainsign-list .list-name-div {padding: 0px 30px 0px 0px;}
.obtainsign-list .left-icon{position: absolute;right: 10px; top: 15px;}
.obtainsign-list .list-name-div .list-item-docname {color: #555555; font-weight: normal;}
/*.manage-document .signatureDoc-subheader .button-common{margin:0px; position:absolute;right: 10px;}*/
.obtainsign-list-inbox .list-name-div{padding:0px 5px 0px 5px !important;}
.obtainsign-list-inbox .list-name-div .list-item-docname{
	color: #58595b;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    line-height: 18px;
    font-weight: 600;
}
.obtainsign-list .item-not-read .list-name-div .list-item-docname{font-weight: 700;color: color: #369ab1 !important;}
.obtainsign-list .read .list-name-div .list-item-docname{font-weight: 600;color: #58595b !important;}
.signatureDoc-subheader .sub-title{margin-top: 0px;}
.footer-badges .row .chat-with.icon-less {line-height: 18px; font-family: helvetica !important; }


.file-upload-wrapper .modal-close{
	width: 30px;
    height: 30px;
    position: absolute;
    background: #6cc188;
    border-radius: 50%;
    right: -15px;
    top: -15px;
    padding: 0px;
    line-height: 32px;
	color:#ffffff;
}

.obtainsign-list .list-img{
	height: 38px;
	position: relative;
	top: 8px;
}
.display-text-div{
    height: 44px;
    width: 100%;
    position: relative;
    padding:5px;
}
.display-text-wrap{
    background: #fff url(../img/select-plus-icon.png) no-repeat right center !important;
	width:100%; height:44px;
    padding-right:80px;border:1px solid #e6e6e6;padding-left: 8px;text-align: left;
        overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.obtainsign-list .item-not-read .inbox-message-details {
    background: none !important;
}

.obtainsign-grid-inbox .inbox-message-details {
    background: #f2f2f2;
}

.obtainsign-grid-inbox ion-col.unread .inbox-message-details {
    background: #FFF !important;
}

.obtainsign-grid-inbox ion-col.read .inbox-message-details {
    background: #f2f2f2 !important;
}

.display-text-label{
    line-height:44px;
    font-size: 14px;
    height: 44px;
}

.display-text-icon{
    width: 60px;
    position: absolute;
    right: 6px;
    top: 3px;
    background: #ffffff url(../img/select-plus-icon.png) no-repeat 99% center !important;
    display: block;
    height: 38px;
}
.display-text-wrap i.icon-dropdown{display:none;}
.display-text-list-item .checkbox{
    left: initial !important;
}
.display-text-list-item.search-no-item {
    text-align: center;
}
.display-text-list-item{
    padding-left: 16px !important;
	background:#fafafa !important;
	border-color: #e6e6e6 !important;
}
.display-text-list-item .checkbox input:checked:before,.checkbox input:before, .display-text-list-item .checkbox-icon:before{
    background: #359CB1 !important;
    border-color: none !important;
    border-style: none !important;
  }
  input#formDrivenFlow:before {
    background: #ffff !important;
    border-color: #0000006b !important;
    border-style: solid !important;
}
input#patientDrivenFlow:before {
    background: #ffff !important;
    border-color: #0000006b !important;
    border-style: solid !important;
}
.display-text-search-header{
        position: absolute;
    top: 48px;
    background: #ffffff;
    height: 52px;
    border-bottom: 1px solid #e6e6e6 !important;
}
.display-text-ion-content{
    top: 98px;
    bottom: 45px;
}
.display-text-content{
    top: 100px !important;
    bottom: 45px;
}
.displaytext{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    z-index: 9999;
    /*background: #ffffff;*/
}
.displaytext .bar-subheader{
   top: 0px !important;
    background: #1c6272;
    height: 52px !important;
    border: none;
    padding: 10px !important;
}
.display-text-search-input.with-search{
    /*width:80%!important;*/
}
.display-text-search-input{
    width:100%;
    padding-left:11px;
    margin-top: 0px !important;
}
.display-text-search-input-with-add{
    width: 83% !important;
}
.display-text-add-span{
	background: #5fbacc url(../img/add-user-img.png) no-repeat center center !important;
    position: absolute;
    right: 6px;
    top: 9px;
    left: auto;
    border-radius: 10%;
    display: block;
    width: 44px;
    height: 34px;
    text-align: center;
    float: right;
    background-size: 24px auto !important;
	
}
.display-text-search[disabled] {
    opacity: 0.65;
    cursor: not-allowed;
}
.display-text-add-span.display-text-search{
    background: #5fbacc url(../img/search-icon.png) no-repeat center center !important;
    right: 106px!important;
    background-size: 24px auto !important;
}
.display-text-add-span.display-text-reset{
    background: #5fbacc url(../img/reset-icon.png) no-repeat center center !important;
    right: 56px!important;
    background-size: 24px auto !important;
}
.patient-facing .display-text-add-span.display-text-search{
    background: #5fbacc url(../img/search-icon.png) no-repeat center center !important;
    right: 53px!important;
    background-size: 24px auto !important;
}
.patient-facing .display-text-add-span.display-text-reset{
    background: #5fbacc url(../img/reset-icon.png) no-repeat center center !important;
    right: 5px!important;
    background-size: 24px auto !important;
}
.display-text-add-icon{
        color: #fff;
    font-size: 27px;
    font-weight: bold;
    position: relative;
    top: 3px;
}
.popup-container .popup-buttons  button.button-danger {
    color: #f00 !important;
}

.displaytext .bar-subheader .sub-title{ color: #e6e7e8; font-size: 17px !important; line-height: 17px !important; height:20px}

.display-text-search-header input{border: 1px solid #e6e6e6; border-radius: 3px;}

.add-search-head {
    width: 100% !important;
    margin-right: 50px;}
.displaytext .bar-header:after{display:none;}

.bar-subheader.camera-header{top:7px !important;color:#1c6272;}
.camera-header .header-btn-cont{color:#1c6272 !important;}
.camera-header .header-btn-label{color:#6cc188 !important;}

/*broadcast-message style start */

.select-list-modal .checkbox{width:100%;}
.treeView .checkbox input,.select-list-modal .checkbox input{float:right;}
.select-list-modal .display-text-list-item.item-checkbox.item input {
    border: 1px solid #ddd;
    border-radius: 50%;
}

.select-list-modal .checkbox input:before, .select-list-modal .display-text-list-item .checkbox-icon:before{
    background:none !important;
}
.select-list-modal .checkbox input:checked:before, .select-list-modal .checkbox input:checked + .checkbox-icon:before{
        background: #359CB1 !important;
        border-color: #359CB1 !important;
}
.select-list-modal-footer{ position: fixed;  bottom: 0px; z-index: 9999;}
.select-list-modal-footer button{margin-top:0px !important; margin-bottom:0px !important;}
.alt-select-list-modal-footer{ position: fixed;  bottom: 50px; z-index: 9999;}
/* .diaply-text-content ion-content{ bottom: 0px;} */
/* .displaytext ion-content{ bottom: 0px;} */
.select-list-modal ion-content{ bottom: 60px;}
.signature-inbox-loading{
    display: block;
    background: url(../img/gif-loader.gif) no-repeat center center;
    width: 34px;
    height: 34px;
    /*top: 20%;*/
    position: absolute;
    left: 37%;
    background-size: 45px auto;
}
.ion-reload img{
    width: 24px;
}
.select-list-modal .checkbox.patient-checkbox{top: 16%;}
.contact-list-item {
    width:104% !important;
}
.select-list-modal .checkbox.contact-checkbox{}
/*broadcast-message style end */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
    .palette{
        max-width: 229px;
    }
    .contact-list-item {
        width:112% !important;
    }
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 374px) {
    .palette{
        max-width: 229px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    textarea.text-attach{
        min-height: 18px;
    }  
}
  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    textarea.text-attach{
        min-height: 18px;
    }
  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  @media (min-width: 481px) and (max-width: 767px) {    
    textarea.text-attach{
        min-height: 18px;
    }
  }

.padding_zero {
  padding: 0;
}
.signature-request-inbox input[readonly] {
    background-color: #ffffff !important;
    cursor: pointer !important;
}

.ionic_datepicker_popup .font_bold {
  font-weight: bold;
}

.ionic_datepicker_popup .padding_top_zero {
  padding-top: 0;
}

.ionic_datepicker_popup .padding_left_5px {
  padding-left: 5px;
}

.ionic_datepicker_popup .padding_right_5px {
  padding-right: 5px;
}

.ionic_datepicker_popup .month_year_section {
  padding: 5px 0;
}

.ionic_datepicker_popup .calendar_grid {
  height: 215px;
  font-size: 96%;
}

.ionic_datepicker_popup .calendar_grid .weeks_row {
  padding: 0;
}

.ionic_datepicker_popup .today {
  border: 1px solid #009688;
  border-radius: 50%;
}

.ionic_datepicker_popup .popup-head {
  background-color: #009688;
  display: none;
}

.ionic_datepicker_popup .popup-head .popup-title {
  color: #ffffff;
}

.ionic_datepicker_popup .popup-head .popup-sub-title {
  color: #ffffff;
}

.ionic_datepicker_popup .popup-body {
  background-color: #ffffff;
  padding: 10px !important;
}

.ionic_datepicker_popup .popup-body .selected_date_full {
  background-color: #019688;
  margin: -10px -23px 0 -21px;
  height: 45px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  line-height: 45px;
  font-size: 18px;
}

.ionic_datepicker_popup .popup-body .select_section {
  padding: 1px 5px;
}

.ionic_datepicker_popup .popup-body .pointer_events_none {
  pointer-events: none;
  color: #aaaaaa !important;
}

.ionic_datepicker_popup .popup-body .month_select, .ionic_datepicker_popup .popup-body .year_select {
  border: none;
  border-bottom: 1px solid #009688;
  padding: 0;
}

.ionic_datepicker_popup .popup-body .selected_date {
  background-color: #009688;
  border-radius: 50%;
  color: #fff !important;
  font-weight: bold;
}

.ionic_datepicker_popup .popup-body .month_select .input-label, .ionic_datepicker_popup .popup-body .year_select .input-label {
  padding: 2px 0;
  width: 0;
}

.ionic_datepicker_popup .popup-body .month_select select, .ionic_datepicker_popup .popup-body .year_select select {
  left: 10px;
  border: none;
  padding: 0;
}

.ionic_datepicker_popup .popup-body .month_select:after, .ionic_datepicker_popup .popup-body .year_select:after {
  right: 5px;
  color: #009688;
}

.ionic_datepicker_popup .popup-body .show_nav {
  padding: 10px 0 0 0;
}

.ionic_datepicker_popup .popup-body .show_nav .prev_btn_section {
  padding: 5px 0;
  text-align: left;
}

.ionic_datepicker_popup .popup-body .show_nav .prev_btn_section button {
  padding: 0;
}

.ionic_datepicker_popup .popup-body .show_nav .next_btn_section {
  padding: 5px 0;
  text-align: right;
}

.ionic_datepicker_popup .popup-body .show_nav .next_btn_section button {
  padding: 0;
}

.ionic_datepicker_popup .popup-body .button-clear {
  color: #009688;
}

.ionic_datepicker_popup .popup-buttons {
  padding: 0;
  min-height: 45px;
}

.ionic_datepicker_popup .popup-buttons button {
  background-color: #009688 !important;
  border-radius: 0 !important;
  margin-right: 1px !important;
  color: #ffffff !important;
}

.ionic_datepicker_popup .row + .row {
  padding: 0;
}

.ionic_datepicker_modal .header, .ionic_datepicker_modal .footer {
  background-color: #009688;
}

.ionic_datepicker_modal .header .title, .ionic_datepicker_modal .header .button, .ionic_datepicker_modal .footer .title, .ionic_datepicker_modal .footer .button {
  color: #ffffff;
}

.ionic_datepicker_modal .footer .button-block {
  margin: 0;
}

.ionic_datepicker_modal .today {
  border: 1px solid #009688;
}

.ionic_datepicker_modal .selected_date {
  background-color: #009688;
  color: #fff;
  font-weight: bold;
}

.ionic_datepicker_modal .pointer_events_none {
  pointer-events: none;
  color: #aaaaaa !important;
}

.ionic_datepicker_modal .select_section {
  padding: 1px 5px;
}

.ionic_datepicker_modal .button-clear {
  color: #009688;
}

.ionic_datepicker_modal .month_select, .ionic_datepicker_modal .year_select {
  border: none;
  border-bottom: 1px solid #009688;
  padding: 0;
}

.ionic_datepicker_modal .month_select .input-label, .ionic_datepicker_modal .year_select .input-label {
  padding: 2px 0;
  width: 0;
}

.ionic_datepicker_modal .month_select select, .ionic_datepicker_modal .year_select select {
  left: 10px;
  border: none;
  padding: 0 10px;
}

.ionic_datepicker_modal .month_select:after, .ionic_datepicker_modal .year_select:after {
  right: 5px;
  color: #009688;
}

.ionic_datepicker_modal .padding_left_5px {
  padding-left: 5px;
}

.ionic_datepicker_modal .padding_right_5px {
  padding-right: 5px;
}
.display-text-search-header-toggle{
        top: 49px;
    width: 100%;
    background: #ffffff;
}
.diaply-text-content .existing-ion-content-with-toggle{
        /* top: 171px !important; */
}
.display-text-search-header-toggle .item-toggle{
    border: none !important;
    white-space: normal;
}
.signature-request-inbox .inbox-search-box-span{
    height: 31px !important;
    line-height: 2.3;
}
.toggle-row{
    margin-bottom: 5px !important;
    margin-top: -15px !important;
}
.no-search-bar .obtain-sign-content{
    top: 122px !important;
}
.no-search-bar .obtain-sign-content-sitefilter {
    top: 235px !important;
}
.no-search-bar .tab-section{
    top: 16px !important; 
}
.no-search-bar .display-text-ion-content{
    top: 52px !important;
    bottom: 45px !important;
}
.no-search-bar .display-text-search-header-toggle{
    top: 0px !important;
}
.no-search-bar .display-text-ion-content-no-search{
    top: 102px !important;
}
.associate-ui-row li:nth-child(2) {
    border-right: 1px solid rgb(206, 200, 200);
    border-left: 1px solid rgb(206, 200, 200);
}
div.bar.bar-header.item-input-inset.display-text-search-header-toggle{
    height:70px !important;
}
ion-content.has-header.display-text-ion-content.scroll-content.ionic-scroll.existing-ion-content-with-toggle.display-text-ion-content-no-search{
    top: 119px !important;
}
.obtainsign-list-inbox .item-options .ion-option-restore{
    /*min-width: 110px;*/
    background: #6cc187;
    /*color: #e0e3e5;*/
    /*font-size: 16px;*/
    /*font-weight: bold;*/
    /*line-height: 64px;*/
}
.obtainsign-list-inbox .item-options .ion-option-restore .archive-btn{
    background: #6cc187;
}
.gion-option-restore{
    background: rgb(79, 190, 215) !important;
}
ion-item.item.item-complex.item-archiving .item-content,.content  .chat-room-cont div.chatrooms-list.item-archiving{
    background: #8e8484 !important;
}
i.archive-loading.signature-inbox-loading {
    z-index: 99;
}
.chat-room-cont .chatrooms-list.archived-row ,.content .chat-room-cont div.chatrooms-list.archived-row{
    background: #b9dee6 !important;
}
.hide-signature-or-text-field{
    opacity: 0.3
}
.mob-drop-down-signer-list li {
    color: #ffffff;
}
.mob-drop-down-signer-list li ,.mob-drop-down-signer-list i{
    color: #ffffff;
    float: right;
    padding-right: 5px;
    padding-top: 2px;
}
.cameraimages-close{
    position: absolute;
    font-size: 35px;
    right: 12px;
    top: 15px;
    color: #1c6272;
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.cameraimages-close.ion-close-circled:before {
    position: absolute;
    left: 0px;
    top: -2px;
}
.camera-img-border {    
    border: 1px solid rgba(53, 156, 178, 0.3);
    height: 100%;
    float: left;
    overflow: hidden;
}
.capitalize-first-letter::first-letter {
  text-transform: uppercase;
}
.icloud-content{
    top: 128px;
    bottom: 97px;
}
.fixed-ion-list{position: fixed; bottom: 45px; width:100%;}
.fixed-ion-list .footer-camera-open {
    width: 38px;
    float: right;
    text-align: center;
    height: 38px;
    top: 7px !important;
    position: absolute;
    border-radius: 50%;
    background: rgb(82, 165, 184);
    color: #ffffff;
    right: 10px;
    margin-left: 0px;
    font-size: 25px;
    line-height: 38px;
}
.icloud-content .list-name-div { padding: 0px 45px 0px 50px;}
.fixed-ion-list .list-name-div{padding:0px 45px 0px 0px;}
.icloud-content .list-name-div .list-item-docname{color: #1c6272;}
.icloud-content .ion-trash-a{color: #1c6272 !important; font-size: 22px;}
.icloud-content .type{margin-right: 8px; padding-right: 8px;    width: 72px;display: inline-block;}
.icloud-remove{
    font-size: 32px;
    padding: 10px;
    right: 0px !important;
    text-align: center !important;
}
.icloud-items{
    height: auto;
    min-height: 70px;
    font-size: 32px;
}
.icloud-add-more{
    top: 3px !important;
}
.sign-doc-wrap .signature-request-palette-options .palette-more{
    padding-left: 0px !important;
    min-width: 40px;
    background: #6cc188 !important; 
    text-align: center;
    padding: 0px !important;
    float:right;
}
.palette-more-icon{
    font-size: 25px;
    right: 0px;
    position: initial;
    top: 0px;
    line-height: 35px !important;
}
.popover-backdrop .popover-wrapper .popover {
    top: auto !important;
    height: auto;
    min-height: 55px;
    width: 148px !important;
    background-color: rgb(248, 248, 248);
    border: 1px solid rgb(226, 226, 226);
    right: 2px !important;
    margin-left: 0px !important;
    left: auto !important;
    bottom: 98px;
    border-radius:5px !important;
}
.popover-backdrop .popover-wrapper .popover ion-content{
    padding:10px 0px;
}
.popover-backdrop .popover-wrapper .popover:after, .popover-backdrop .popover-wrapper .popover:before {
    top: 100%;
    right: 11px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.popover-backdrop .popover-wrapper .popover:after {
    border-color: rgba(248, 248, 248, 0);
    border-top-color: rgb(248, 248, 248);
    border-width: 10px;
    margin-left: -10px;
}
.popover-backdrop .popover-wrapper .popover:before {
    border-color: rgba(226, 226, 226, 0);
    border-top-color: rgb(226, 226, 226);
    border-width: 11px;
    margin-left: -11px;
}

 /*
  .popover-backdrop .popover-wrapper .popover {
  top: auto !important;
  right: 10px !important;
  height: auto;
  min-height: 55px;
  width: 161px !important;
  background-color:rgb(28, 98, 114);
  right: 2px !important;
  margin-left: 0px !important;
  left: auto��!important;
  bottom: 98px;
  border-radius:5px !important;
  }
  .popover-backdrop .popover-wrapper .popover:after {
  top: 100%;
  right: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(28, 98, 114, 0);
  border-top-color: rgb(28, 98, 114);
  border-width: 10px;
  margin-left: -10px;
  }
  .popover-backdrop .popover-wrapper .popover ion-content{
  padding:10px 0px;
  }
 */
.popover-backdrop .popover-wrapper .popover button{
    background:none;
    border:none;padding:8px 15px;
    color:rgb(108, 193, 136);
    width:100%;
}
.checkbox-wrapper .checkbox{
    /* height: 18px; 
     width: 18px; */
    margin-top: 3px !important;
    margin-left: 5px;
}
.my-checkbox{
    position: absolute !important;
        margin-left: 4px;
}
.checkbox-wrapper .checkbox-input-label{
    /*background: wheat;*/
    position: absolute;
    top: 1px !important;
    left: 27px !important;
    z-index:1;
    color: #000;
    text-align: left;
    font-size: 1.8vw !important;
    /*text-transform: capitalize;*/
}



.checkbox-wrapper .checkbox-input-label-set{
    position: relative !important;
}
.checkbox-wrapper .checkbox-set{
    position: absolute !important;
}
.checkbox-wrapper{
    position: relative;
}
.checkbox-wrapper .checkbox-input-label.checkbox-label-text-attached{
    font-size: 2vw;
    line-height: 3vw;
}

.signature-request-file-chooser-scroll {
    top:65px !important;
}
.popover-backdrop .popover-wrapper .popover{
    width: 229px !important;
    height: 98px !important;
}
.popover-backdrop .popover-wrapper .popover.more{
    height: 138px !important;
}
.more-popover .palette {
  width: 96%;
  margin-bottom: 5px;
}
.palette-list.checkbox-align{
    line-height: initial !important;
}

.palette-list.checkbox-align .close-option{
    width: 28px !important;
    height: 26px !important;
}
.checkbox-wrapper .checkboxinput.checkbox-without{
    margin-top: 1px !important;
    margin-left: 0px;
    height: auto !important;
    width: auto !important;
}
.checkbox-align-signer .checkbox-wrapper .checkboxinput.checkbox-without{
    margin-left: 3px;
}
.scheckbox-align-signer{
    width: 20px !important;
    height: 20px !important;
}
.popup-list-group .item{
    border:none !important; 
    padding: 0px 0px 10px 0px !important;
}
.popup-list-group1 .button-left {    
    width: 42px;
    float: left;
    height: 42px;
    margin-right: 5px;
    background: #4fbed7;
    border: none;
    color: #fff;
}
.popup-list-group1 .button-right {    
    width: 42px;
    float: left;
    height: 42px;
    margin-left: 5px;
    background: #4fbed7;
    border: none;
    color: #fff;
}
.popup-list-group1 input{
    margin: 0px !important;
}
.popup-list-group1{
    margin-bottom:10px;
}
.popup-count{
    text-align: center !important;
}
.popup-group-only{
    padding-left: 20px !important;
    text-transform: capitalize;
}
.group-color-popup{
    display: block;
    height: 50px;
    margin: -50px 0 0 0;
    float: right;
    width: 50px;
}
.itemsinput{ position: absolute !important;
    left: 8px !important;
    height: 25px !important;
    width: 25px !important;
    top: 12px !important;
    }
    .itemslabel{min-height: 50px;
    display: block;
    line-height: 50px;
    padding-left: 40px;
    text-transform: capitalize;
    }
    .group-error{
        color: red !important;
        font-size: 12px !important;
        top: 45px;
        position: absolute;
    }
    span.palette-button-span {
        float: left;
    }
    .popup-label-error{
        width: 100%;
        float: left;
        color: #ff0000;
        margin: 0px 0px 5px 0px;
    }
    .popup-check-label-group{    position: relative;
        margin: 0px 10px;}
    .popup-check-label-group input{    margin-top: 0px !important;
        position: relative !important;
        margin-left: 5px;
        left: 0px !important;
        top: 8px !important;
    }
    input:matches([type="checkbox"], [type="radio"]):checked:disabled {
        background-color: rgba(167, 160, 167, 0.79);
    }
    .notapprover textarea[readonly]:not(.cloned-text-input) {
        background: transparent;
    }
    .palette-list.notapprover {
        border: none !important;
        box-shadow: none !important;
        color: transparent !important;
        background: transparent !important;
    }
    .snap_Sign{
        width: auto !important;
        position: relative !important;
    }
    .snapsign-chekboxwithoutlabel{
        width: 70% !important;
        right: auto !important;
        object-fit: contain !important;
        left: 0px !important;
    }
    .snapsign-chekboxwithlabel{
        width: 45% !important;
        right: auto !important;
        object-fit: contain !important;
        left: 0px !important;
    }
    .snapsign-text{
        width: 36% !important;
        right: auto !important;
        object-fit: contain !important;
        float: left !important;
        left: 0px !important;
    }
    .snapsign-Sign{
        width: 52% !important;
        right: auto !important;
        float: left !important;
        left: 0px !important;
    }
    .document-expired {
        color: #000;
        font-size: 15px;
        position: absolute;
        z-index: 9999;
        text-align: center;
        top: 124px;
        padding: 10px;
        width:100%;
    }    
    .manage-document-appless .signer-content.no-sub-footer .sign-document-wrapper {
        bottom:0 !important;
        padding:0 !important;
    }
    .sign-document-wrapper.style-text .checkbox-wrapper .checkbox-input-label {
        position: absolute;
        top: auto !important;
        left: 27px !important;
        z-index: 1;
        color: #000;
        text-align: left;
        font-size: 14px !important;
        line-height: 1;
    }    
    .sign-document-wrapper.style-text .checkbox-wrapper .checkbox {
        margin-top: 1px !important;
        margin-left: 2px;
    }    
    .sign-document-wrapper.style-text textarea.text-attach {
        font-size: 14px!important;
        line-height: 1.5vw !important;
        color: #111 !important;
        min-height: 10px;
    }
    @media screen and (min-width : 10px) and (max-width:1223px){
        textarea.text-attach,.checkbox-input-label {
            font-size: 1.3vw !important;

        }
    }
	@media screen and (min-width : 10px) and (max-width:1223px){
        .manage-document-appless textarea.text-attach,.checkbox-input-label {
            font-size: 1.3vw !important;
            line-height: 0.5vh !important;
            min-height: auto !important;
        }
    }    
    @media screen and (min-width : 1224px){
        .sign-document-wrapper.style-text textarea.text-attach,.checkbox-input-label,.palette-list label {
            font-size: 0.73vw !important;
            line-height: 1vw !important;
        }
    }

    @media screen and (max-width: 480px) {    
        .manage-document-appless .checkbox-wrapper .checkbox-input-label {
            /* background: wheat; */
            position: absolute;
            top: 2px !important;
            left: 14px !important;
            z-index: 1;
            color: #000;
            text-align: left;
            font-size: 1.8vw !important;
        }
    
        .manage-document-appless .checkbox-wrapper .checkbox {
            margin: 0 !important;
            width: 10px !important;
            height: 10px !important;
        }
        .manage-document-appless .checkbox-wrapper .checkboxinput.checkbox-without {
            margin: 0 !important;
            width: 10px !important;
            height: 10px !important;
        }

        .manage-document .checkbox-wrapper .checkbox-input-label {
            /* background: wheat; */
            position: absolute;
            top: 2px !important;
            left: 14px !important;
            z-index: 1;
            color: #000;
            text-align: left;
            font-size: 1.8vw !important;
        }
    
        .manage-document .checkbox-wrapper .checkbox {
            margin: 0 !important;
            width: 10px !important;
            height: 10px !important;
        }
        .manage-document .checkbox-wrapper .checkboxinput.checkbox-without {
            margin: 0 !important;
            width: 10px !important;
            height: 10px !important;
        }
        .sign-document-wrapper {
            bottom: 0 !important;
            padding: 0 !important;        
        }
        .modal-backdrop.active.portrait.mobileweb .signpad-content #signatureCanvas {
            width: 100% !important; 
            height: auto !important;
        }        
    }

    .modal-backdrop.active.landscape.mobileweb .signpad-content #signatureCanvas {
        width: auto !important; 
        height: auto !important;
    }

    @media screen and (min-width: 768px) {
        .manage-document-appless .signpad-modal{
            max-width: 600px;
            height: 325px !important;
            left: 50% !important;
            margin-left: -350px;
            top: 100px !important;
            right: auto !important;
            bottom: auto !important;
            min-height: 325px !important;
        }
    } 
    
    @media only screen and (min-width: 812px) and (orientation: landscape) and (-webkit-device-pixel-ratio : 3) {
        .manage-document-appless .signpad-modal {
            max-width: 600px;
            height: 325px !important;
            left: 13vw !important;
            top: 6vh !important;
            right: auto !important;
            bottom: auto !important;
            min-height: 325px !important;
            margin: 0;
        }
    }
    /* multi-site */
    .list-content-style {
        top: 126px;
    }
    .ion-content-style {
        top: 180px !important;
    }
    .select-document-header {
        padding-top: 57px;
    }
    .doclist-heading {
        margin-top: 25px;
    }
    .search-icon-bar {
        padding-top: 2;
    }
    .documentSelectionForm{
        display: none;
    }
    .maskedmessage-display-text-content {
        top: 166px !important;
    }