input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
html{
	background-color: #f2f2f2;
	height: 100%;
}
html.createfield,
html.edit-layout-manager {
	height: auto;
}
body{
	min-width: 1024px;
	height: 100%;
}
.header-wrapper {
	height: var(--header-height);
}

:root {
  --default-border: #dddbda;
  --tabstyle: #747e96;
  --error: #c5283d;
  --header-height: 84px;
  --footer-height: 55px;
  --hover-bg-color: #f4f6f9;
  --selected-bg-color: #d0d0ff;
  --text-color: #3e3e3c;
  --icon-circle-bg-color: #e4e6eb;
}
@keyframes textShine {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}
.instant {
    background: linear-gradient(
        to right,
        #7953cd 20%,
        #00affa 30%,
        #0190cd 70%,
        #764ada 80%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 500% auto;
    animation: textShine 5s ease-in-out infinite alternate;
}
.footer-wrapper {
	height: var(--footer-height);
    clear: both;
}
.whiteBg{
	background-color: #fff;
}
.container{
	width: 100%;
}
.brandLogo {
    float: left;
    height: 32px;
    position: relative;
}
.display-company-logo {
	position: absolute;
	left: 0;
    top: 0;
    height: 60px;
}
.brandLogo img {
    height: inherit !important;
}
.Login .logoWrapper .brandLogo {
	width: 150px;
	height: auto;
}
.Login .logoWrapper .ac-global-header__item{
	float: left;
}
.Login .logoWrapper .ac-global-header__item .ac-global-header__logo{
	font-size: 18px;
    padding-top: 7px;
    left: 24px;
    text-align: center;
    clear: both;
    width: 100%;
}
.Login .logoWrapper {
	display: table;
    margin-left: auto;
    margin-right: auto;
}
.bulletPickList{
	list-style: outside; 
	padding-left: 30px;
}
.brandTitle {
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    float: left;
    height: auto;
    width: inherit;
    padding-top: 6px;
    padding-left: 5px;
    color: #3e3e3c;
}
.small-wh{
	height: 27px;
	width: 27px;
}
.fontSizeXs{
	font-size: 11px;
}
.pl{
	padding-left: 15px;
}
.pr{
	padding-right: 15px;
}
.yelColor{
	color: #f6c016;
}
.fade-in-up{
	background-color: #fff;
}
.acHeader .avatarLogged{
	border-radius: 50% !important;
    overflow: hidden;
    border: 1px solid #a6a6a6;
}
.acHeader .dropdown {
    position: fixed;
    z-index: 1;
    border: 1px solid #d8dde6;
    background-color: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
    border-radius: 5px;
    width: 350px;
    right: 20px;
    top: 48px;
    padding: 15px 10px;
    display: none;
    max-height: 80%;
    overflow-y: auto;
}
button.open + .dropdown {
	display: block;
}
.acHeader .dropdown ul li{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.acHeader .capitalize {
	text-transform: capitalize;
}
.acHeader .dropdown .icon {
	width: 36px;
    height: 36px;
    text-align: center;
    background-color: var(--icon-circle-bg-color);
    border-radius: 50%;
}
.acHeader .dropdown .text {
	font-size: 15px;
    color: var(--text-color);
}
.acHeader .dropdown .item-row{
	padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 4px;
    position: relative;
}
.acHeader .dropdown .item-row.New {
	background-color: #c3daf8;
}
.item-row.New:after {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    right: 6px;
    background-color: #1876f2;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}
.acHeader .dropdown .item-row:hover {
	background-color: #f1f1f1;
	cursor: pointer;
}
svg.custom-dropdown-icon {
	fill: var(--text-color);
    margin-top: 8px;
}
.acHeader .dropdown .icon svg {
	fill: #1d1f23;
    margin-top: 8px;
}
.acHeader .dropdown .wrapAvatar {
    border-radius: 50%;
    overflow: hidden;
    width: 38px;
    height: 38px;
    border: 1px solid #a6a6a6;
    left: 15px;
    top: 15px;
    flex: none;
}
.acHeader header{
	position: inherit;
}
.acHeader .ac-context-bar{
	padding: 0;
	height: 35px;
}
.acHeader .ac-context-bar nav {
	padding: 0 15px;
}
.acHeader .ac-context-bar nav ul li.ac-context-bar__item.ac-is-active{
	border-top: 3px solid var(--tabstyle);
    border-left: 3px solid var(--tabstyle);
    border-right: 3px solid var(--tabstyle);
    border-radius: 4px 4px 0 0;
}
.acHeader .ac-context-bar nav ul li.ac-context-bar__item.ac-is-active:before{
	top: unset;
	bottom: -3px;
	background-color: var(--tabstyle);
	left: 0;
	right: 0;
}
.acHeader .ac-context-bar {
	border-bottom-color: var(--tabstyle);
}
.acHeader .selecting-app-wrapper .app-name-using,
.acHeader .ac-context-bar nav ul li.ac-context-bar__item a{
	text-decoration: none !important;
	color: #000;
    font-weight: 700 !important;
}
.acHeader .ac-context-bar nav ul li.ac-context-bar__item a span {
	color: #000;
}
.acHeader .ac-context-bar nav ul li.ac-context-bar__item.ac-is-active a{
	font-weight: 600;
    background-color: var(--tabstyle);
    color: #fff;
}
.acHeader .ac-context-bar nav ul li.ac-context-bar__item.ac-is-active a span {
	color: #fff;
}
.acHeader .ac-context-bar nav ul li.ac-context-bar__item.ac-is-active:after{
	display: none;
}

.logo {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}
.pb{
	padding-bottom: 15px;
}
.removePL{
	padding-left: 0 !important;
}
.removePR{
	padding-right: 0;
}
.removeM{
	margin: 0;
}
.rmb{
	margin-bottom: 0 !important;
}
.rmr{
	margin-right: 0 !important;
}
.removeP{
	padding: 0;
}
.removePT {
	padding-top: 0 !important;
}
.removePB{
	padding-bottom: 0;
}
.spacingTopXs{
	margin-top: 5px;
}
.spacingRight{
	margin-right: 15px;
}
.spacingTopSm{
	margin-top: 10px;
}
.spacingTopMd{
	margin-top: 20px;
}
.spacingTopLg{
	margin-top: 30px;
}
.spacingBottom{
	margin-bottom: 15px;
}
.spacingBottomSm{
	margin-bottom: 10px;
}


.fullHeight{
	height: 100%;
}
.full-width {
	width: 100% !important;
}

.hide{
	display: none !important;	
}

.wrapFooter{
	float: left;
	width: 100%;
	background-color: #f2f2f2 ;
	box-shadow: 0 -4px 3px -3px rgba(0,0,0,0.25);
    position: relative;
}

.copyright{
	float: left;
    margin-top: 30px;
    width: 100%;
}
.centerMe{
	text-align: center;
}
.rightMe{
	text-align: right;
}
.ac-form-element__control.rightMe {
    text-align: right;
}

.hideMe{
	display: none;
}
.autoWidth{
	width: auto !important;
}

.spaceRight{
	padding-right: 15px;
}
.relativeMe{
	position: relative;
}
.z_index0{
	z-index: 0;
}

.leftMe{
	text-align: left;
}

.removeBorder{
	border-width: 0 !important;
}

.error{
	color: var(--error);
	font-weight: 400;
	float: left;
	width: 100%;
}

.sperateFooter{
	background-color: #414141;
	float: left;
	width: 100%;
	height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.wrapContainer{
    width: 100%;
}
.wrapContainer.adm-content {
	width: calc(100% - 260px);
	box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.20);
}
.content {
    float: left;
    width: 100%;
}
.isHomePage .wrapContainer{
	padding-top: 0;
}

.custom-component .sideBarContentWrapper {
    height: calc(100vh - 241px);
    overflow-y: auto;
}
/*Login*/

.btnLogin{
	width: 100% !important;
    padding: 12px 24px !important;
    height: auto !important;
    font-size: 13px !important;
}
.Login .contentWrapper{
	padding-left: 0;
    height: 100%;
    min-height: inherit;
    max-height: inherit;
}
.Login .wrapContainer{
	box-shadow: none;
	border-radius: none;
}
.Login .content{
	padding: 0;
	height: 100%;
}
.Login .boxContainer{
	border-radius: 0.25rem;
    border: 1px solid #D8DDE6;
    color: #16325c;
    min-height: unset !important;
    margin-top: 25px;
    height: auto;
    max-width: 450px;
}
.Login .ac-select, 
.Login .select2-search__field, 
.Login .ac-input,
.Login .ac-button.ac-button_neutral, 
.Login .ac-button.ac-button_brand {
	height: 35px;
}
.height-1-of-1{
	height: 100%;
	overflow-y: auto;
}
body.Login{
	height: 100%;
	min-width: unset;
}
.loginWrapper{
	height: 100%;
}

.wrapUserAccessSite{
	background-color: #fff;
    margin-bottom: 30px;
    margin-top: 15px;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    display: table;
}
.wrapUserAccessSite .tab{
	list-style: none;
	position: relative;
}
.wrapUserAccessSite .tab li{
	width: 50%;
    float: left;
    color: #808080;
    text-align: center;
    font-size: 18px;
    border-bottom: 2px solid var(--default-border);
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.wrapUserAccessSite .tab li.active{
	cursor: default;
	pointer-events: none;
	color: #333;
}
span.activeBar {
    background-color: #2dcc70;
    height: 2px;
    width: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: left 0.5s;
}
.wrapUserAccessSite .tab li.active + li + span.activeBar {
	left: 0;
}
.wrapUserAccessSite .tab li.active + span.activeBar {
	left: 50%;
}
.wrapTabContent{
	padding: 15px 30px;
}
.btnSocial{
	background-color: transparent;
    border: 1px solid #333;
    transition-duration: 222ms;
    transition-property: background-color;
    transition-timing-function: ease-out;
}
.btnSocial:hover{
	background-color: #333;
	color: #fff;
}
.seperateLogin{
	background-color: var(--default-border);
    height: 1px;
    position: relative;
}
.seperateCreateData{
	background-color: var(--default-border);
    height: 1px;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    clear: both;
}
.seperateLogin span{
	position: absolute;
    left: 50%;
    width: 26px;
    margin-left: -13px;
    top: -10px;
    text-align: center;
    height: 20px;
    background-color: #fff;
    color: var(--default-border);
}
.wrapLoginInput{
	position: relative;
}
.wrapLoginInput input{
	float: left;
    width: 100%;
    border-top-width: 0;
    box-shadow: none !important;
    border-left-width: 0;
    border-right-width: 0;
    outline: none !important;
    border-bottom: 1px solid var(--default-border);
    padding: 5px 15px;
    z-index: 1;
    background-color: transparent;
    position: relative;
}
.wrapLoginInput span.inputPlaceholder {
    position: absolute;
    left: 0;
    top: 5px;
    color: #b8b5be;
    transition: top 0.5s;
}
.wrapLoginInput.touchingInput span.inputPlaceholder{
	top: -10px;
	color: #4bd283;
	font-size: 12px;
}
.wrapLoginInput.touchingInput input{
	border-bottom-color: #4bd283;
}
.customCheckBox,
.customRadio{
	position: relative;
    margin: 0;
    padding-left: 35px;
    cursor: pointer;
}
.customCheckBox{
	padding-left: 40px !important;
}
.customCheckBox input,
.customRadio input{
	display: none;
}
.customCheckBox .checkboxLabel,
.customRadio .radioLabel{
	float: left;
}
.customRadio .radioOuter{
	position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    border: 1px solid var(--default-border);
    top: -4px;
    border-radius: 50%;
}
.customRadio .radioOuter .radioInner{
	background-color: #fff;
	width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
    transition: background-color 0.5s;
}
.customRadio input:checked + .radioLabel + .radioOuter .radioInner{
	background-color: #4bd283;
}
.customCheckBox{
	position: relative;
    margin: 0;
    padding-left: 35px;
    cursor: pointer;
}
.customCheckBox .checkboxLabel{
	line-height: 17px !important;
}
.customCheckBox .checkboxOuter{
	position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    border: 1px solid var(--default-border);
    top: 2px;
}
.customCheckBox input:checked + .checkboxLabel + .checkboxOuter .checkboxInner{
	width: 7px;
    height: 15px;
    border-right: 2px solid #4bd283;
    border-bottom: 2px solid #4bd283;
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(45Deg);
}

/*End login*/
.paddingForIcon{
	padding-left: 50px;
	position: relative;
}
.iconPadding {
    font-size: 40px;
    position: absolute;
    left: 0;
    top: -2px;
}
.paddingForSocial{
	padding-left: 20px;
}
.soialTopIcon{
	font-size: 20px;
    line-height: 46px;
}

.topBorder{
	border-top: 1px solid #ccc;
}
.headerFixed .topBorder{
	border-width: 0;
}
.headerFixed .hideHeaderItem{
	display: none !important;
}
.headerFixed .showHeaderItem{
	display: block !important;
}

.wrapTopFooterBg{
	background-color: #464849;
}
.tableWrapper{
	overflow-x: auto;
}
.wrapMyForm {
    float: left;
    width: 100%;
}
.frmComponent {
    float: left;
    width: 100%;
    padding-right: 15px;
    margin-bottom: 8px;
}
.labelWrapper {
    float: left;
    width: 100%;
}

.inputWrapper {
    float: left;
    width: 100%;
}
.labelWrapper label{
	font-weight: 400;
	line-height: 2em;
	font-size: 14px;
	margin-bottom: 0;
	top: -2px;
    position: relative;
}

textarea{
	padding: 5px;
}
select[size]{
	background: none !important;
}
textarea{
	height: inherit !important;
}
.label{
	font-weight: 600;
    color: #333;
    font-size: 13px;
    text-align: left;
}

.btnEditLayout{
	background-color: #2abfd4;
    border-radius: 0px;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    border: 1px solid #2abfd4;
    color: #fff;
    padding: 5px 10px;
    float: left;
    white-space: nowrap;
}
html body input[type="button"]:focus,
html body input[type="submit"]:focus,
html body button:focus{
	outline: 0;
}

.frmFromCol1 .frmComponent{
	width: 100%;
}
.frmFromCol2 .frmComponent{
	width: 50%;
}
.frmFromCol3 .frmComponent{
	width: 33.3333%;
}
.customCheckBox,
.customRadio{
	position: relative;
    margin: 0;
    padding-left: 35px;
    cursor: pointer;
    height: 40px;
    overflow: hidden;
}
.customRadio {
	padding-top: 9px;
}
.customCheckBox{
	padding-left: 40px !important;
}
.customCheckBox input,
.customRadio input{
	display: none;
}
.customCheckBox .checkboxLabel,
.customRadio .radioLabel{
	float: left;
}
.customRadio .radioOuter{
	position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    border: 1px solid var(--default-border);
    top: 4px;
    border-radius: 50%;
}
.customRadio input:checked + .radioLabel + .radioOuter{
	border-color: #4bd283;
}
.customRadio .radioOuter .radioInner{
	background-color: #fff;
	width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
    transition: background-color 0.5s;
}
.customRadio input:checked + .radioLabel + .radioOuter .radioInner{
	background-color: #4bd283;
}
.customCheckBox{
	position: relative;
    margin: 0;
    padding-left: 35px;
    cursor: pointer;
}
.customCheckBox .checkboxLabel{
	line-height: 17px !important;
}
.customCheckBox .checkboxOuter{
	position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    border: 1px solid var(--default-border);
    top: 2px;
}
.customCheckBox input:checked + .checkboxLabel + .checkboxOuter .checkboxInner{
	width: 7px;
    height: 15px;
    border-right: 3px solid #4bd283;
    border-bottom: 3px solid #4bd283;
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(45Deg);
}
.customCheckBox input:checked + .checkboxLabel + .checkboxOuter{
	border-color: #4bd283;
}
.lookupWrapper {
    height: calc(100% - 53px);
    overflow-y: auto;
    border-left: 1px solid var(--default-border);
    border-right: 1px solid var(--default-border);
    border-top: 1px solid #747e96;
    border-bottom: 1px solid var(--default-border);
}
.spaceForLookup{
	padding-right: 32px;
    position: relative;
}
.spaceForLookup input{
	border-radius: 4px 0 0 4px;
}
.formMaxWidth{
	max-width: 560px;
}
.customize-form-max-width .formMaxWidth {
	max-width: 700px;
}
.inputMaxWidth{
	max-width: 262px;
}
.inputMaxWidthMedium{
	max-width: 260px;
}
button.btnLookupField{
    width: 32px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    font-size: 16px;
    padding: 0;
    border-radius: 0 4px 4px 0;
}
.frmComponent .required{
	border-left: 3px solid var(--error) !important;
}
.required:not(.ignore){
	border-left: 2px solid var(--error) !important;
}
.leftWrapper{
	position: relative;
    height: 100%;
    background-color: #337AB6;
}
.rightWrapper{
	position: relative;
    height: 100%;
    background-color: #F4F6F9;
}
.registerWrapper{
    position: relative;
    padding: 20px !important;
    display: table;
    margin: 0 auto;
    clear: both;
    width: 100%;
}
.loginPanel {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
}
.registerWrapper .labelWrapper{
	width: 30%;
	text-align: right;
	padding-right: 15px;
}
.registerWrapper .label{
    color: #54698d;
    padding: 0 !important;
    display: block;
}
.registerWrapper .inputWrapper{
	width: 70%;
}
.tableWrapper table td,
.tableWrapper table th{
	min-width: 120px;
	padding: 0.25rem 0.5rem;
}

.tableWrapper .table{
	border-top: 1px solid var(--default-border);
	border-bottom: 1px solid var(--default-border);
}
.teacherName {
	font-weight: 600;
}

.well {
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    display:none;
    margin:1em 0;
    background-color: #fff;
    width: 90%;
    padding: 10px 15px 20px 15px;
}
pre.prettyprint {
    padding: 9px 14px;
}
.fulltable {
    max-width: 100%;
    overflow: auto;
}
.editStudyDay{
	max-width: 500px;
}

.lineheight {
    line-height: 3em;
}

.page-header {
    border-bottom: none;
}
.initialism {
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 12px;
}
.dropDownCol {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lookupHeaderWrapper{
	float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-bottom-width: 0;
    list-style: none;
    overflow-y: scroll;
    position: relative;
}
.lookupList{
	float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    list-style: none;
    height: 155px;
    overflow-y: scroll;
}
.lookupHeaderWrapper li.lookupHeader{
    float: left;
    width: 100%;
    background-color: var(--default-border);
}
.lookupHeaderWrapper li.lookupHeader .dropDownCol{
	border-right: 1px solid var(--default-border);
}
.lookupHeaderWrapper li.lookupHeader .dropDownCol:last-child{
	border-right-width: 0;
}
.lookupList li:hover{
	background-color: var(--default-border);
}
.lookupList li{
	float: left;
    width: 100%;
    cursor: pointer;
}
.lookupList li.selected {
	background-color: #bf00ff;
	color: #fff;
	pointer-event: none;
}
.w1of2{
	width: 50%;
}
#fade,
#fade_wrapper,
#fade_background {
  transition: all 0.3s;
}
.paddingForButton{
	padding-right: 102px;
    padding-left: 0;
}
.wrapActionButton {
    position: absolute;
    width: 72px;
    top: 50%;
    margin-top: -56px;
    right: 15px;
}
.actionWrapper{
	border: 1px solid var(--default-border);
    width: 35px !important;
    border-radius: 4px;
    right: 12px !important;
    padding: 5px;
}
.tblActionWrapper a{
	border-right: 1px solid;
    padding-right: 5px;
    cursor: pointer;
}
.tblActionWrapper a:last-child{
	border-right-width: 0;
    padding-right: 0;
}
.ismetadata .ac-table thead th{
	background-color: #e3e3e3;
}
.gridWrapper {
    float: left;
    width: 100%;
    border-left: 1px solid #e0e3e5;
    border-top: 3px solid var(--tabstyle);
    border-right: 1px solid #e0e3e5;
    border-radius: 4px;
    border-bottom: 1px solid #e0e3e5;
    background-color: #f8f8f8;
    position: relative;
}
.gridWrapper .loadind{
	position: absolute;
    top: 0;
    left: 0;
    display: block;
}
.gridWrapper .tableWrapper {
    background-color: #fff;
    min-height: 55px;
    float: left;
    width: 100%;
    border-left: 1px solid var(--default-border);
    border-right: 1px solid var(--default-border);
    border-top: 1px solid var(--tabstyle);
    border-bottom: 0;
    max-height: 308px;
}
.ismetadata{
	max-height: 310px !important;
}
.titleGrid{
	float: left;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 5px;
    position: relative;
    top: 4px;
}
.gridListWrapper{
	float: left;
    padding: 5px;
    width: 100%;
}
table.gridList {
    float: left;
    width: 100%;
    border: 1px solid #e0e3e5;
}
table.gridList thead tr th{
	font-size: 13px;
    padding: 2px 5px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #e0e3e5;
    vertical-align: middle;
    position: relative;
}
.view-list .list-data-wrapper table.ac-table tr th.action,
.gridListWrapper table.ac-table tr th.action {
	width: 150px;
}
.btn-access-field-level {
	position: absolute;
    right: 3px;
    top: 3px;
    display: none;
}
.relatedListWrapper table th:hover .btn-access-field-level {
	display: block;
}
table.gridList thead tr{
	background-color: #f2f3f3;
}
table.gridList tbody tr{
	background-color: #fff;
}
table.gridList tbody tr:hover{
	background-color: #e3f3ff;
}
table.gridList tbody tr td{
	border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #e0e3e5;
    padding: 2px 5px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: normal;
}
.sectionCreateViewWrapper {
    background-color: #f8f8f8;
    float: left;
    width: 100%;
    border-radius: 4px;
    border-top: 3px solid #236fbd;
    border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
}
.contentByStep .sectionCreateViewWrapper .actionWrapper{
	float: left;
    width: 100%;
    padding: 10px 0;
}

.centerBlock {
    display: table;
    margin: 0 auto;
}
.sectionStepWrapper {
    float: left;
    width: 100%;
}

.stepTitleWrapper {
    float: left;
    width: 100%;
    padding: 4px 16px;
    background-color: #eee;
    border-top: 1px solid #ccc;
}
.stepLabel {
    font-size: 14px;
    font-weight: bold;
}
.stepInfo {
    font-size: 12px;
}
span.requiredIcon {
    border-left: 3px solid var(--error);
    margin-right: 3px;
}
.sectionCreateViewWrapper .labelWrapper label{
	font-size: 13px;
	font-weight: 700;
}
.sectionCreateViewWrapper .labelWrapper {
    width: 30%;
    text-align: right;
    padding-right: 10px;
}
.sectionCreateViewWrapper .inputWrapper {
    width: 70%;
}
.sectionCreateViewWrapper .frmComponent {
    max-width: 600px;
}
.contentByStep {
    float: left;
    width: 100%;
    padding: 15px 0;
}
.wrapAdditionalFields {
    float: left;
    width: 100%;
    max-width: 600px;
}
.additionalItem {
    float: left;
    width: 100%;
    margin-top: 10px;
    position: relative;
    padding-right: 33px;
    position: relative;
}
.additionalItem .filterName {
    float: left;
    width: 33.3333%;
    padding-right: 10px;
}
.additionalItem .opterator {
    float: left;
    width: 33.3333%;
    padding-right: 10px;
}
.additionalItem .value {
    float: left;
    width: 33.3333%;
    position: relative;
}
.additionalItem .andCondition {
    position: absolute;
    right: 0;
    top: 4px;
}
.actionAvailableWrapper{
	position: absolute;
    top: 0;
    right: 10px;
    width: 60px;
    height: 100px;
    top: 50%;
    margin-top: -50px;
    text-align: center;
}
.selectedFieldsWrapper,
.availableFieldsWrapper{
	position: relative;
    padding-right: 80px;
}
.selectedFieldsWrapper{
	padding-right: 70px;
}
.actionSelectedWrapper {
    position: absolute;
    right: 0;
    width: 60px;
    top: 50%;
    margin-top: -100px;
    text-align: center;
    background-color: #fff;
    border: 1px solid var(--default-border);
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 4px;
}
.selectFieldsWrapper{
	max-width: 600px;
}
.borderTopBlock{
	border-top: 1px solid #ccc;
}
.sideBarWrapper {
    float: left;
    width: 100%;
}
.sideBarWrapper .btnToggleSibar{
	position: absolute;
    right: -14px;
    padding: 0;
    width: 14px;
    border-radius: 0 3px 3px 0;
    border-left-width: 0;
    border-right: 2px solid #1589ee;
    border-top: 2px solid #1589ee;
    border-bottom: 2px solid #1589ee;
    border-left: 2px solid #fafafa;
    height: 28px;
    top: 150px;
    outline: none !important;
    box-shadow: none !important;
    background-color: #fafafa !important;
}
.sideBarWrapper .btnToggleSibar svg{
	position: relative;
    left: -4px;
    transition: transform .5s;
}
.inVisibleSideBar .sideBarWrapper .btnToggleSibar{
	right: -15px;
}
.inVisibleSideBar .sideBarWrapper .btnToggleSibar svg {
	transform: rotate(180deg);
    left: -2px;
}

ul.listTree {
    float: left;
    width: 100%;
    padding: 0 0 0 20px;
    margin: 0;
    list-style: none;
}
ul.listTree > li > ul.listTree {
	display: none;
}
ul.listTree > li{
	position: relative;
    float: left;
    width: 100%;
}

ul.listTree > li > .treeIcon {
    position: absolute;
    left: -20px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    line-height: 14px;
    top: 4px;
    display: none;
    transition: transform .3s;
}
ul.listTree > li > .treeLabel {
    padding: 3px 0;
}
ul.listTree > li.hasChild > .treeIcon{
	display: block;
}
ul.listTree > li.hasChild > .treeLabel {
	font-weight: bold;
}
ul.listTree > li.open > .treeIcon{
	transform: rotate(90deg);
    top: 5px;
}
ul.listTree > li.open > .treeIcon > i{
	transform: rotate(90deg);
}
ul.listTree > li.open > ul.listTree{
	display: block;
}
a.treeActive {
    font-weight: bold;
    color: #2c08fa;
}
.layoutManager{
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.layoutManager .listFields {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 80%;
    border-radius: 4px;
    height: calc(100% - 38px);
    overflow-y: auto;
    padding-bottom: 5px;
}
.layoutManager .listFields li {
    float: left;
    width: calc(20% - 10px);
    padding: 2px 7px;
    border: 1px solid #ccc;
    font-weight: 600;
    margin: 5px 5px 0 5px;
    border-radius: 4px;
    background-color: #f1f1f1;
    cursor: move;
}

.layoutManager .fieldsWrapper{
	float: left;
    width: 100%;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 4px;
    border-top: 3px solid #236fbd;
}
.layoutManager .fieldDroppedWrapper {
    float: left;
    width: 100%;
    border-radius: 4px;
    margin-top: 15px;
    padding: 0;
    list-style: none;
}
.layoutManager .sectionName {
    font-weight: 600;
    padding: 5px 15px;
    border-top: 2px solid #ccc;
    color: #999;
    min-height: 39px;
}
.layoutManager ul.droppedLeft {
    float: left;
    width: calc(50% - 23px);
    padding: 0;
    min-height: 70px;
    margin-left: 15px;
    list-style: none;
    margin-bottom: 15px;
    background-color: #f8f8f8;
}
.layoutManager ul.droppedRight {
    float: right;
    width: calc(50% - 22px);
    padding: 0;
    min-height: 70px;
    margin-right: 15px;
    list-style: none;
    margin-bottom: 15px;
    background-color: #f8f8f8;
}
.layoutManager ul.droppedRight li,
.layoutManager ul.droppedLeft li{
	float: left;
	width: 100%;
	padding: 5px 15px;
	font-weight: bold;
	cursor: move;
}
.layoutManager ul.droppedRight li:hover,
.layoutManager ul.droppedLeft li:hover{
	background-color: #e1f6ff;
}

.layoutManager .fieldDefaulValue {
    float: left;
    width: 50%;
    font-weight: normal;
}
.layoutManager .fieldLabel {
    float: left;
    width: 50%;
    text-align: right;
    padding-right: 15px;
    font-weight: bold;
}
.layoutManager div.filtersWrapper {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-y: auto;
    display: flex;
    border-bottom: 1px solid var(--default-border);
}
.layoutManager div.filtersWrapper div.filterItem {
    padding: 5px 15px;
    font-weight: bold;
    cursor: pointer;
    flex: auto;
}
.layoutManager ul.filtersWrapper div.filterItem:hover {
    background-color: #e3f3ff;
}
.layoutManager .layoutActionWrapper{
	float: left;
    width: 100%;
    padding: 5px 15px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #ccc;
}
.layoutManager li.sectionDropped {
    float: left;
    width: 100%;
}
.layoutManager .lstSection .sectionItem[data-col="1"] .lstFieldWrapper {
	width: 100%;
}
.layoutManager .lstSection li.sectionItem[data-col="1"] .lstFieldWrapper + .lstFieldWrapper {
    display: none;
}
.titleMd{
	font-weight: bold;
	font-size: 14px;
}
.objectDetailWrapper {
    float: left;
    width: 100%;
}
.btnObjectDetailWrapper {
    float: left;
    width: 100%;
    padding: 15px 0;
}
.btnObjectDetailWrapper ul.btnObjectDetail {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    border: 1px dotted #ccc;
    padding: 10px 15px;
    border-radius: 2px;
    background-color: #f8f8f8;
    min-height: 39px;
}
.btnObjectDetailWrapper ul.btnObjectDetail li{
	float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: move;
    position: relative !important;
    top: auto !important;
    left: auto !important;
}
.layoutFilterSelected{
	pointer-events: none;
	background-color: #e3f3ff;
}
.layoutManager ul.listButtons{
	float: left;
	width: 100%;
	margin: 0;
	padding: 5px 0 5px 5px;
	list-style: none;
	height: calc(100% - 38px);
	overflow-y: auto;
}
.layoutManager ul.listButtons li{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: move;
}
.layoutManager .wrapSectionInput{
	float: left;
    width: 100%;
    max-width: 300px;
    position: relative;
    padding-right: 34px;
}
.layoutManager button.saveSectionName {
    position: absolute;
    right: 0;
    top: 0px;
}
.layoutManager span.sectionLabel {
    float: left;
    margin-top: 5px;
}
.layoutManager .removeSection {
    float: right;
    color: #333;
    cursor: pointer;
    padding: 5px;
    line-height: 10px;
    position: relative;
    top: 2px;
}
.layoutManager span.msgError {
    float: right;
    position: relative;
    top: 3px;
    padding-right: 10px;
    font-weight: normal;
    color: var(--error);
    display: none;
}
.popupTitle{
	position: relative;
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    border-bottom: 2px solid var(--default-border);
    padding: 1rem;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.popupWrapper {
    position: relative;
    transform: translate(0, 0);
    transition: transform 0.1s linear, opacity 0.1s linear;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 2rem;
    height: 100%;
    padding: 3rem 0;
    border-radius: 0.25rem;
}
.popupContainer{
	overflow: hidden;
    overflow-y: auto;
    padding: 1rem;
    background-color: #fff;
}
.popupFooter{
	border-top: 2px solid var(--default-border);
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    padding: 0.75rem 1rem;
    background-color: #f3f2f2;
    text-align: right;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
}
.popupOverlay {
    transition: transform 0.1s linear, opacity 0.1s linear;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11111111;
}
.popupBGOverlay{
	transition-duration: 0.4s;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(43, 40, 38, 0.6);
    z-index: 9000;
    transition: opacity 0.4s linear;
}
.overlayPopupBg {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.popupSettingLayout{
	max-width: 500px;
}
.leftColumn{
	width: 250px;
    position: absolute;
    min-height: 100%;
    left: 0;
    top: 0;
    border-right: 1px solid #ccc;
    padding: 10px 15px 15px 30px;
}
.rightColumn{
	border: 1px solid #ccc;
    padding: 15px;
}
.layoutManager .displayCol1 .sectionDropped .droppedRight{
	display: none;
}
.autoWidth{
	width: auto;
	max-width: 100%;
}
.scaleLabelTop{
	position: relative;
	top: 3px;
}
.fixedFieldsWrapper .fieldsWrapper{
	position: fixed;
    top: 0;
    right: 15px;
    margin: 0 auto;
    width: calc(100% - 290px);
    max-width: calc(1180px - 30px);
    background-color: #fff;
    z-index: 99999;
}
.fixedFieldsWrapper .spacingDuringScroll{
	padding-top: 150px;
}
.paddingForLeftColumn {
    position: relative;
    padding-left: 265px;
    min-height: 300px;
    border-top: 1px solid #ccc;
}
.leftComlumn {
    width: 250px;
    position: absolute;
    min-height: 100%;
    left: 0;
    top: 0;
    padding: 30px;
    border-right: 1px solid #ccc;
}
.wrapAdditionalFields > .additionalItem:last-child .andCondition{
	display: none;
}
.disableBtn{
	pointer-events: none;
	opacity: .5;
}
.treeLabel[data-url]{
	color: #333;
}
.treeLabel[data-url]:hover,
.treeLabel[data-url]:active,
.treeLabel[data-url]:focus{
	color: #333;
	text-decoration: underline;
	cursor: pointer;
}

.settingLayoutLeftCol{
	border: 1px solid #ccc;
    padding: 15px;
    border-right-width: 0;
}

.contentWrapper {
    float: left;
    width: 100%;
    clear: both;
    position: relative;
    padding-left: 0;
    background-color: #fff;
    display: flex;
    /*height: calc(100% - (var(--header-height) + var(--footer-height)));*/
    height: calc(100% - var(--header-height));
}
.set-history-tracking .contentWrapper {
	display: block;
}
body:not(.view-list):not(.users):not(.view-list-specific) .contentWrapper {
    max-height: inherit;
}
.contentWrapper > div.container {
	min-height: 100%;
}
.inVisibleSideBar.contentWrapper {
	padding-left: 0;
}
.sideBarWrapper {
	width: 260px;
	min-width: 260px;
    padding-left: 15px;
    background-color: #fff;
    padding-bottom: 15px;
    overflow-y: auto;
}
.inVisibleSideBar .sideBarWrapper {
	left: -260px;
}
.container-fluid{
	padding-left: 0;
	padding-right: 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	padding-right: 0;
}
.navbar-nav{
	background-color: #333;
    width: 100%;
    padding: 0 15px;
}
grid{
	float: left;
    width: 100%;
    background-color: #fff;
}
.boxContainer{
    margin-top: 15px;
    border-radius: 2px;
    height: 100%;
}
.sectionStepWrapper label input[type="radio"] {
    top: 5px;
}

ul.wrapDetail{
	padding: 0;
    list-style: none;
    float: left;
    width: 100%;
}
ul.wrapDetail > li{
	float: left;
    width: 50%;
    border-top: 1px solid #ececec;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 26px;
}
ul.wrapDetail > li:nth-child(1),
ul.wrapDetail > li:nth-child(2){
	border-top-width: 0;
}
ul.wrapDetail > li > .labelDetail{
	float: left;
    width: 40%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: bold;
}
ul.wrapDetail > li > .valueDetail{
	float: left;
    width: 60%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 10px;
}

/* Spinner Circle Rotation */
.sp {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    margin: -25px auto 0 auto;
    top: 50%;
    opacity: 1;
}
.sp-circle {
	border: 4px solid #eee;
    border-top: 4px solid #1589ee;
    border-radius: 50%;
    -webkit-animation: spCircRot .8s infinite linear;
    animation: spCircRot .8s infinite linear;
    border-bottom: 4px solid #1589ee;
}
@-webkit-keyframes spCircRot {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(359deg); }
}
@keyframes spCircRot {
	from { transform: rotate(0deg); }
	to { transform: rotate(359deg); }
}
/*End spinner*/
.loadind{
	position: fixed;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(10, 8, 16, 0.27);
    display: none;
}
.globalLoading {
	position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.globalLoading .loadind {
	display: block;
	background-color: transparent;
}
.contentByStep > .fieldTypeSeperate:not(:last-child){
	padding-bottom: 10px;
}
.contentByStep > .fieldTypeSeperate{
	padding-left: 15px;
    padding-right: 15px;
}
.contentByStep > .fieldTypeSeperate:nth-child(1),
.contentByStep > .fieldTypeSeperate:nth-child(4),
.contentByStep > .fieldTypeSeperate:nth-child(6){
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 10px;
}
.helpText {
	position: absolute;
    width: 1px;
    white-space: nowrap;
    right: -5px;
    top: 5px;
    font-size: 12px;
}
.displayInline{
	display: inline-block;
}
.labelGenerateAutoNumber{
    margin-top: 11px;
    padding-left: 5px;
}
.wrapAdvanceFormulaSyntax{
	float: left;
	width: calc(100% - 250px);
	padding-right: 15px;
}
.msgStatusFormula {
    padding-bottom: 5px;
    font-weight: 600;
}
.msgStatusFormula.cfe{
	color: var(--error);
}
.msgStatusFormula.cfs{
	color: #2ecc40;
}
.wrapAdvanceFormulaFunction{
	float: left;
	width: 250px;
	margin-top: 10px;
}
select > option[value*=" ?"],
.functionItemSelector > option[value*=" ?"]{
	display: none;
}
ul.customDropDown {
    float: left;
    width: 100%;
    position: absolute;
    top: 100%;
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
    border-left: 1px solid var(--default-border);
    border-bottom: 1px solid var(--default-border);
    border-right: 1px solid var(--default-border);
    background-color: #fff;
    max-height: 150px;
    overflow: auto;
}
.customSelect button{
	float: left;
	width: 100%;
}

.customSelect:hover button{
	border-radius: 3px 3px 0 0;
}
.customSelect:hover ul.customDropDown{
	display: block;
}
.customSelect {
    float: left;
    display: table;
    position: relative;
    min-width: 150px;
}
.customSelect.align-right {
	float: right;
}
ul.customDropDown > li{
	float: left;
    width: 100%;
    white-space: nowrap;
    padding: 3px 10px 3px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
ul.customDropDown > li:hover{
	background-color: #f1f1f1;
    cursor: pointer;
}
ul.wrapFieldLeft {
    float: left;
    width: 50%;
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.wrapFieldLeft > li {
    float: left;
    width: 100%;
    border-top: 1px solid #ececec;
    padding: 5px 0;
    height: 32px;
}
.wrapFieldRight > li.CUSTOMCOMPONENT ,
.wrapFieldLeft > li.CUSTOMCOMPONENT { 
	height: auto;
}
.wrapFieldLeft > li:first-child{
	border-top-width: 0;
}
ul.wrapFieldRight {
    float: left;
    width: 50%;
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.wrapFieldRight > li {
    float: left;
    width: 100%;
    padding: 5px 0;
    height: 32px;
    border-top: 1px solid #ececec;
}
#frmCreateData ul.wrapFieldRight li:not(.CUSTOMCOMPONENT),
#frmCreateData ul.wrapFieldLeft li:not(.CUSTOMCOMPONENT) {
	min-height: 26px;
}
.createDataWrapper .wrapFieldRight > li,
.createDataWrapper .wrapFieldLeft > li,
.wrapFieldRight > li:first-child{
	border-top-width: 0;
}
.createDataWrapper .wrapFieldRight > li,
.createDataWrapper .wrapFieldLeft > li{
	margin-bottom: 10px;
}
.labelFrm {
    float: left;
    width: 35%;
    font-weight: bold;
}
.valueFrm {
    float: left;
    width: 65%;
    padding-left: 15px;
}
.meta-detail .valueFrm {
	width: 100%;
}
.tab-style-border-bottom {
	border-bottom: 2px solid var(--tabstyle);
}
.createDataSection {
    font-weight: bold;
    padding: 8px 0;
    color: #000;
    clear: both;
    border-top: 2px solid var(--tabstyle);
    margin-top: 3px;
    position: relative;
}
span.closePopup {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    top: -31px;
    cursor: pointer;
}
span.closePopup:before {
    content: '';
    width: 30px;
    height: 2px;
    background-color: #fff;
    z-index: 10000;
    position: absolute;
    transform: rotate(45deg);
    bottom: 13px;
    right: 0;
}
span.closePopup:after {
    content: '';
    width: 30px;
    height: 2px;
    background-color: #fff;
    z-index: 10000;
    position: absolute;
    transform: rotate(135deg);
    bottom: 13px;
    right: 0;
}
span.closePopup:hover:after,
span.closePopup:hover:before{
	background-color: rgba(255, 255, 255, 0.75);
}
.popupLookup{
	margin: 0 auto;
	max-width: 800px;
}
.popupLookup .popupContainer{
	min-height: 300px;
}
table.listLookup {
    float: left;
    width: 100%;
}
table.listLookup tr {
    border-bottom: 1px solid #eee;
}
table.listLookup tr:last-child {
    border-bottom-width: 0;
}
table.listLookup tr th,
table.listLookup tr td{
	padding-left: 5px;
	padding-right: 5px;
}
table.listLookup tr th:last-child,
table.listLookup tr td:last-child{
	border-right-width: 0;
}
table.listLookup tr a{
	padding-top: 3px;
	padding-bottom: 3px;
	cursor: pointer;
}
.select2-container-multi .select2-choices{
	min-height: 22px;
}

.errorInput{
	border: 1px solid var(--error) !important;
}
.errorMessage{
	color: var(--error);
    font-size: 12px;
    font-weight: bold;
    display: none;
}
.errorInput + .errorMessage{
	display: block;
}
.fieldLabel[RequiredFieldInfo="true"]:before,
.fieldLabel[is-required="true"]:before {
    content: '*';
    font-size: 24px;
    line-height: 10px;
    position: relative;
    right: 5px;
    top: 10px;
    color: var(--error);
}
.fieldLabel[ReadOnlyFieldInfo="true"]:before,
.fieldLabel[is-read-only="true"]:before {
    content: '\f023';
    font-size: 15px;
    line-height: 10px;
    position: relative;
    right: 5px;
    top: 1px;
    color: #888;
    font-family: FontAwesome;
}
.relatedListWrapper table th[data-required="true"]:before{
	content: '*';
    font-size: 16px;
    display: inline;
    line-height: 15px;
    position: relative;
    top: 3px;
    color: var(--error);
}
.relatedListWrapper table th[data-readonly="true"]:before{
	content: '\f023';
    font-size: 11px;
    line-height: 10px;
    position: relative;
    top: -1px;
    color: #888;
    font-family: FontAwesome;
}
.sortableRelatedFieldSelected li{
	float: left;
	width: 100% !important;
	height: auto !important;
}
.sortableRelatedFieldSelected li.ui-sortable-helper{
	width: auto !important;
	height: auto !important;
	background-color: #f1f1f1 !important;
    border: 1px solid #ccc;
    padding: 2px 15px;
    position: relative;
    z-index: 1;
    cursor: move;
}
.sortableRelatedFieldSelected li .relatedListLabel{
	display: none;
}
.lstRelatedList li .relatedListWrapper{
	display: none;
}
.sortableRelatedFieldSelected li.ui-sortable-helper .relatedListWrapper{
	display: none;
}
.sortableRelatedFieldSelected li.ui-sortable-helper .relatedListLabel{
	display: block;
}
.lstRelatedList li.ui-draggable-dragging span.relatedListLabel:before{
	content: "\f05e";
    font-size: 13px;
    color: #666;
    font-family: FontAwesome;
    position: relative;
    left: -7px;
}
.lstRelatedList li.ui-draggable-dragging{
	padding-left: 0;
	width: auto;
}
.lstRelatedList li.ui-draggable-dragging span.relatedListLabel{
	padding-left: 15px;
}
.sortableRelatedFieldSelected li.ui-sortable-helper .relatedListLabel:before{
	content: "\f058";
    font-size: 13px;
    color: #F4A460;
    font-family: FontAwesome;
    position: relative;
    left: -7px;
}
.hoverMe{
	cursor: pointer;
}
ul.sortableRelatedFieldSelected li.ui-sortable-placeholder{
	background-color: #333 !important;
	height: 3px !important;
	float: left;
	width: 100% !important;
	padding: 0 !important;
	border-top: 3px solid #333 !important;
	position: relative;
	z-index: 11 !important;
	visibility: visible !important;
}
.globalErrMsgWrapper{
	float: left;
	width: 100%;
	padding: 15px 15px 0 15px;
}
.view-list-specific .globalErrMsgWrapper,
.view-list .globalErrMsgWrapper{
	display: none;
}
.globalErrMsgWrapper .globalErrMsg {
    background-color: #f86e6e;
    color: #fff;
    float: left;
    width: 100%;
    padding: 10px 34px 10px 15px;
    border-radius: 3px;
    position: relative;
}
.globalErrMsgWrapper a.closeErrMsg {
    position: absolute;
    right: 12px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.Login .globalErrMsgWrapper{
	position: absolute;
    z-index: 1;
    padding: 0;
    border-radius: 0 !important;
}
.Login .globalErrMsgWrapper .globalErrMsg {
	border-radius: 0 !important;
}
.Login .globalErrMsgWrapper + div.contain-view {
    padding-top: 39px;
}
.globalErrMsgWrapper a.closeErrMsg:before {
    content: '';
    width: 15px;
    height: 2px;
    background-color: #fff;
    display: block;
    transform: rotate(45deg);
    left: 0;
    top: 7px;
    position: absolute;
}
.globalErrMsgWrapper a.closeErrMsg:after {
    content: '';
    width: 15px;
    height: 2px;
    background-color: #fff;
    display: block;
    transform: rotate(135deg);
    left: 0;
    top: 7px;
    position: absolute;
}
.seperateBlock{
	float: left;
	width: 100%;
	height: 2px;
	background-color: #ccc;
}
table.gridList.rmblbr{
	border-left: 0 !important;
	border-right: 0 !important;
}
table.gridList.rmblbr th:first-child,
table.gridList.rmblbr td:first-child{
	border-left: 0 !important;
}
.EditTable{
	position: relative;
}
.EditTable:hover:after{
	content: '\f044';
    font-family: FontAwesome;
    color: #337AB6;
    position: absolute;
    right: 5px;
    top: 1px;
    font-size: 16px;
}
.isEditing .translatedLabel{
	display: none;
}
.isEditing .editPicklistValue,
.isEditing .editFieldLable{
	display: block !important;
}
.isEditing.EditTable:hover:after{
	display: none;
}
ul.picklistField {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.picklistField > li.picklistHeader{
	float: left;
    width: 30%;
    font-weight: bold;
    border: 1px solid #e0e3e5;
    border-left-width: 0;
}
ul.picklistField > li.picklistHeader:nth-child(2){
	width: 45%;
	border-left-width: 0;
}
ul.picklistField > li.picklistHeader:nth-child(3){
	border-left-width: 0;
	width: 25%;
	border-right-width: 0;
}
ul.picklistField > li.picklistHeader > span{
	padding: 2px 5px;
    display: block;
}
ul.picklistField > li.picklistFieldItem{
	float: left;
    width: 100%;
    border-bottom: 1px solid #e0e3e5;
}
ul.picklistField > li.picklistFieldItem:last-child{
	border-bottom-width: 0;
}
ul.picklistField > li.picklistFieldItem .picklistTitle {
    background-color: #fbfbee;
    float: left;
    width: 100%;
    position: relative;
    cursor: pointer;
    padding: 2px 15px 2px 30px;
    font-weight: 600;
}
ul.picklistValue {
    list-style: none;
    padding: 0;
    float: left;
    width: 100%;
    background-color: #fff;
    display: none;
}
.openPickListValue + ul.picklistValue{
	display: block;
}
ul.picklistValue > li.picklistValueItem{
	float: left;
    width: 100%;
    border-bottom: 1px solid #f1f1f1
}
ul.picklistValue > li.picklistValueItem:hover{
	background-color: #e3f3ff;
}
.picklistValueLabel {
    float: left;
    width: 30%;
    padding: 2px 15px 2px 50px;
    border-right: 1px solid #f1f1f1;
}
.picklistTranslation {
    float: left;
    width: 45%;
    padding: 2px 5px;
    border-right: 1px solid #f1f1f1;
    height: 23px;
}
.outOfDateWrapper {
    float: left;
    width: 25%;
    padding: 2px 5px;
}
.picklistTitle:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 1px;
    background-color: #333;
    left: 13px;
    top: 10px;
}
.picklistTitle:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 9px;
    background-color: #333;
    left: 17px;
    top: 6px;
}
.picklistTitle.openPickListValue:after{
	display: none;
}
select.error,
input.error,
textarea.error{
	border: 1px solid var(--error) !important;
}
input[type="radio"].error{
	margin-bottom: 23px;
}
input[type="radio"].error + label {
	position: absolute;
    bottom: 0;
    display: block;
}
.displayInputAsValue{
	margin-top: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
}
.rollupSumaryMethodCount{
	background-color: #e3ebf0;
    border-bottom: 2px solid #8e9dbe;
    padding-top: 2px;
    padding-bottom: 2px;
}
.rollupSumaryMethod{
    padding-top: 2px;
    padding-bottom: 2px;
}
.wrapRollupSumaryMethod{
	background-color: #f8f8d8;
}
*[disabled="disabled"] {
    opacity: 0.7;
    cursor: not-allowed;
}
/*Product mobile layout configure*/
.itemSubBlock:nth-child(1){
	background-color: #f1f1f1;
	padding: 5px;
}
.itemSubBlock:nth-child(2){
	background-color: #fff;
	padding: 5px;
	border-right: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
}
.itemSubBlock:nth-child(3){
	background-color: #fff;
	padding: 5px;
}
.mobileListItemSetup{
	display: flex;
	border: 1px solid var(--default-border);
}
.pLogo img{
	max-width: 100%;
}
.itemSubBlock {
	position: relative;
}
.itemSubBlock .setupPMLC{
	position: absolute;
    right: 10px;
    font-size: 18px;
    color: #aaa;
    cursor: pointer;
    display: none;
}
.itemSubBlock:hover .setupPMLC{
	display: block;
}
.fieldsSelectWrapper{
	padding-right: 60px;
}
.fieldsSelectWrapper .cmpWrapper > select {
	height: 200px;
	padding: 0;
}
.fieldsSelectWrapper .cmpWrapper > select > option {
	padding: 3px 5px;
}
.fieldsSelectWrapper .fieldsSelected{
	float: left;
    width: 100%;
}
.fieldsSelectWrapper .actionWrapper{
	position: absolute;
    width: 60px;
    right: 0;
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
}

.tabPMLCWrapper .tab-content{
	float: left;
    width: 100%;
    padding: 15px;
    border-left: 1px solid var(--default-border);
    border-right: 1px solid var(--default-border);
    border-bottom: 1px solid var(--default-border);
}
.tabPMLCWrapper .nav-tabs li a {
	cursor: pointer;
}
.mobilePreview {
	width: 300px;
    height: 500px;
    border: 1px solid var(--default-border);
    border-radius: 3px;
    position: relative;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    overflow-y: auto;
}
.wrapCompanyPreview {
	width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}
.companyPreviewLogo{
	max-width: 120px;
}
.wrapListFooterBtn {
    float: left;
    width: 100%;
    border: 1px solid var(--default-border);
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    min-height: 38px;
}
.wrapListFooterBtn .listFooterBtn{
	float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 5px 38px 5px 5px;
    height: 100%;
}
.wrapListFooterBtn .listFooterBtn .itemBtn {
	float: left;
    height: 100%;
    background-color: #f1f1f2;
    border: 1px solid var(--default-border);
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 22px;
    white-space: nowrap;
    cursor: pointer;
}
.wrapListFooterBtn .listFooterBtn .itemBtn:last-child {
	margin-right: 0;
}
.wrapListFooterBtn button.addBtnItem {
    position: absolute;
    right: 0;
    height: 100%;
    width: 33px;
    font-size: 25px;
    border-radius: 0;
    border-left: 1px dotted;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
}
.wrapListFooterBtn button.addBtnItem svg{
	position: relative;
    top: -2px;
}
ul.fieldsSelected {
    border: 1px solid var(--default-border);
    height: 200px;
    overflow-y: auto;
    padding: 0;
}
ul.fieldsSelected > li {
	padding: 3px 10px;
    border-bottom: 1px solid #f1f1f1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
ul.fieldsSelected > li.itemSelected{
	background-color: #4a93e9;
	color: #fff;
}
.aFieldsWrapper {
    float: left;
    width: calc(100% - 60px);
    position: relative;
    cursor: pointer;
}
.labelChooseField {
    float: left;
    width: 100%;
    border: 1px solid var(--default-border);
    padding: 5px 15px;
    border-radius: 4px;
    color: #5876a3;
}
ul.lstAFields {
    float: left;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
    width: 100%;
    position: absolute;
    background-color: #fff;
    z-index: 1000;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    padding: 0;
    margin: 0;
    list-style: none;
    border-left: 1px solid var(--default-border);
    border-right: 1px solid var(--default-border);
    border-bottom: 1px solid var(--default-border);
    display: none;
    border-radius: 4px;
    height: 200px;
    overflow-y: auto;
}
.aFieldsWrapper:hover ul.lstAFields{
	display: block;
}
ul.lstAFields > li{
	padding: 7px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    color: #5876a3;
}
ul.lstAFields > li:hover{
	background-color: #f3f2f2;
}
ul.lstAFields > li:last-child{
	border-bottom-width: 0;
}
input[type="color"] + input[type="text"] {
	width: 90px;
    height: 30px;
    position: relative;
    top: -4px;
}
input[type="color"]{
	border: 1px solid var(--default-border);
    border-radius: 3px;
    height: 30px;
    width: 30px;
}
.footerButtonWrapper{
	background-color: #f1f1f1;
    padding: 15px;
}
.paginationWrapper {
	float: left;
	width: 100%;
	margin-top: 5px;
}
.paginationWrapper input.currentPage {
    width: 60px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
.paginationWrapper .first .firstLabel{
	border-left: 2px solid #337AB6;
    line-height: 10px;
    font-size: 7px;
    position: relative;
    top: -1px;
}
.paginationWrapper .first .firstLabel:after{
	content: '<';
    font-size: 17px;
    position: relative;
    top: 2px;
}
.paginationWrapper .last .lastLabel{
	border-right: 2px solid #337AB6;
    line-height: 10px;
    font-size: 7px;
    position: relative;
    top: -1px;
}
.paginationWrapper .last .lastLabel:after{
	content: '>';
	font-size: 17px;
    position: relative;
    top: 2px;
}
.btnPaginationWrapper button{
	background-color: #fff;
	color: #337AB6;
	border-color: var(--default-border);
	box-shadow: none !important;
}
.btnPaginationWrapper button:hover{
	background-color: #f1f1f1;
	color: #337AB6;
	border-color: var(--default-border);
}
.TEXTAREARICH .labelFrm{
	width: 100%;
	text-align: left;
}
.TEXTAREARICH .valueFrm{
	width: 100%;
	padding-left: 0;
}
.tabLabel{
	padding-top: 3px;
    display: block;
}
.fieldSet{
	padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver;
}
.legendLabel{
	font-size: 14px;
    font-weight: 600;
    padding-left: 2px;
    width: auto;
    padding-right: 2px;
    border-width: 0;
}
.excludeValue{
	width: 100%;
    display: block;
    border-bottom: 1px solid #e3deb8;
    border-right: 1px solid #ccc;
    text-align: center;
    padding: 2px 0;
    color: gray;
    font-size: 12px;
}
.includeValue{
	width: 100%;
    display: block;
    border-bottom: 1px solid #e3deb8;
    border-right: 1px solid #ccc;
    text-align: center;
    padding: 2px 0;
    background-color: #ffffd0;
    font-size: 12px;
}
.wrapStructureList{
	margin-top: 15px;
    margin-bottom: 15px;
    overflow-x: auto;
}
.tbl_dependencySetup{
	width: 100%;
    border: 1px solid #e0e3e5;
}
table.tbl_dependencySetup tbody tr td {
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #e0e3e5;
    padding: 2px 5px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 600;
}
table.tbl_dependencySetup tbody tr td:first-child,
table.tbl_dependencySetup tbody tr:first-child td{
	background-color: #8e9dbe;
	color: #fff;
}
table.tbl_dependencySetup tbody tr td:first-child{
	border-width: 0;
	width: 150px;
}
table.tbl_dependencySetup tbody tr:first-child td:first-child{
	border-bottom-width: 1px;
}
table.tbl_dependencySetup tr:first-child td:hover {
	cursor: pointer;
	text-decoration: underline;
}
table.tbl_dependencySetup tr:first-child td:first-child:hover {
	cursor: unset;
	text-decoration: unset;
}
.not-selectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.isInclude{
	background-color: #ffffd0;
}
.colSelected {
	background-color: #d0d0ff !important;
	color: #fff !important;
}
select.multiple-picklist {
	position: absolute;
    border: 1px solid var(--default-border);
    height: 32px;
    border-radius: 4px;
}
select.multiple-picklist > option {
	display: none;
}
select.multiple-picklist.hide {
	display: none !important;
}
select.multiple-picklist.error + label,
.custom-error {
	display: none !important;
}
.custom-error label{
	color: var(--error);
    font-weight: 400;
}

select.multiple-picklist.error + label + div.multiple-picklist + .custom-error{
	display: inherit !important;
}
select.multiple-picklist.error + label + div.multiple-picklist {
	border-width: 0 !important;
}
select.multiple-picklist.error + label + div.multiple-picklist button.ms-choice {
	border: 1px solid var(--error);	
}
.multiple-picklist{
	width: 100% !important;
	border-radius: 4px 0 0 4px;
}
/*Override style component*/
.ac-select,
.select2-search__field, 
.ac-input{
	min-height: unset;
	height: 32px;
}

.ac-button.ac-button_neutral,
.ac-button.ac-button_brand{
	line-height: 24px;
	height: 32px;
}
.sectionTitle {
	background-color: #f3f2f2;
    padding: 2px 5px;
    border-radius: 3px;
    color: #0070d2;
    font-weight: 600;
    font-size: 13px;
}
ul.fieldOrdering {
	border: 1px solid var(--default-border);
	min-height: 716px;
}
ul.fieldOrdering li {
	padding: 3px 5px;
    background-color: #f3f2f2;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.align-middle {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.border-radius{
	border-radius: 4px;
}
.trumbowyg-box, .trumbowyg-editor{
	margin-top: 0;
}
.displayInline {
	display: inline !important;
}
.checkboxInline{
    top: -9px;
    position: relative;
}
.wrapImage {
    float: left;
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    border: 1px dashed var(--default-border);
    background-color: #f2f2f2;
}
.wrapImage .ac-icon_container{
	margin: 0 auto;
}
.box {
	border: 1px solid var(--default-border);
    border-radius: 4px;
    height: calc(100% - 28px);
    background-color: #d8edff;
    min-height: 200px;
}
.productItem {
    background-color: #fff;
}
.productItem + .productItem {
	border-top: 0;
}
.errorBox{
	border: 1px solid var(--error);
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 15px;
}
.headerWrapper {
	padding: 10px 35px 10px 42px;
    background-color: #fff;
    border-bottom: 1px solid var(--default-border);
    position: relative;
}
.footerWrapper {
	background-color: #fff;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-top: 1px solid var(--default-border);
}
.footerWrapper .ac-col {
    text-align: center;
    padding: 10px 0;
    border-left: 1px solid var(--default-border);
}
.footerWrapper .ac-col:first-child{
	border-left-width: 0;
}
.no-border {
	border-width: 0 !important;
    box-shadow: none !important;
}
.mobile-home-icon {
    position: absolute;
    left: 5px;
    top: 6px;
}
.mobile-nitification-icon {
    position: absolute;
    right: 5px;
    top: 10px;
}
.trumbowyg-editor ul,
.content-val ul {
	list-style: square;
    padding-left: 30px;
}
.trumbowyg-editor ol,
.content-val ol{
	list-style: decimal;
    padding-left: 30px;
}
.orderAction button{
	border: 1px solid var(--default-border);
    padding-left: 5px;
    padding-right: 5px;
    width: 32px;
    box-shadow: none !important;
}
.orderAction button:first-child {
	border-bottom: 0;
	border-radius: 4px 4px 0 0;
}
.orderAction button:last-child {
	border-top: 0;
	border-radius: 0 0 4px 4px;
}
.orderAction input{
	width: 32px;
    border-radius: 0;
    border-top: 0;
    border-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
.nowrap {
	white-space: nowrap;
}
.removepadding .wrapAdditionalFields > div {
	padding-bottom: 0;
}
ul.lstStyle li {
	float: left;
    margin-bottom: 5px;
    white-space: nowrap;
    cursor: pointer;
    color: #fff;
    width: 25%;
    height: 32px;
    line-height: 32px;
}
.tabStyle{
	height: 32px;
    width: 150px;
    display: inherit;
    float: left;
    background-color: #fff;
    border: 1px solid var(--default-border);
    position: relative;
}
.tabStyle span{
	position: absolute;
    color: #fff;
    top: 0;
    left: 0;
    height: 100%;
    line-height: 30px;
    width: 100%;
    text-align: center;
}
.tabStyleInput{
	pointer-events: none;
    position: relative;
    z-index: -111111;
}
.colBorder .ac-col{
	border-top: 1px solid #ececec;
}
.no-accessible {
	min-height: 300px;
	background-color: #fff;
}
.rotate-top {
    margin-top: -2px;
}
.cus-icon-container {
	padding: 3px 6px;	
}
.cus-icon_small {
	width: 20px;
    height: 20px;
    top: -2px;
    position: relative;
}

.clear-border {
    border-width: 0 !important;
}
.table-quote {
	border-bottom-width: 0;
	border-top-width: 0;
	border-collapse: collapse;
}
.table-quote th,
.table-quote td{
	border: 1px solid var(--default-border);
}
.col-size_1-of-3_spacing {
	width: calc(33.3333333333% - 15px);
}
.setting-hover:hover {
	cursor: pointer;
	background-color: #fafafa;
}
.all-tabs-wrapper a.tab-item {
	color: #fff;
    padding: 6px 15px;
    width: 100%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    border-radius: 4px;
    height: 130px;
    position: relative;
    box-shadow: 3px 3px 7px #faf;
    opacity: .9;
}
.all-tabs-wrapper a.tab-item:hover {
	border: 1px solid #bf55ec;
    opacity: 1;
    transition: opacity 0.5s;
}
.all-tabs-wrapper a.tab-item span {
	font-size: 18px;
    white-space: normal;
    position: absolute;
    width: 100%;
    left: 0;
    padding-left: 15px;
    padding-right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.ove {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.Login .globalErrMsgWrapper {
	display: none !important;
}
ul li.definition {
	width: 100%;
}
ul li.definition .labelDetail {
	width: 20%;
}
ul li.definition .valueDetail {
	width: 80%;
}
canvas{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	width: 100% !important;
	height: 100% !important;
}
.donut canvas {
	width: 100% !important;
	margin: 0 auto;
}
.data-number {
	text-align: right
}
table.ac-table_bordered th{
	position: relative;
}
table.ac-table_bordered th:after{
	content: '';
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    position: absolute;
    background-color: #dddbda;
}
table.ac-table_bordered th:last-child:after{
	display: none;
}
table.tbl-summary {
	width: 50%;
	border: none;
}
table.tbl-summary tbody tr td {
	border-width: 0 !important;
	padding-left: 0 !important;
	padding-top: 0 !important;
    padding-bottom: 0 !important;
}
table.tbl-summary tbody tr {
	border-width: 0 !important;
}
table.tbl-report .group-by{
	background-color: #f6e5e5 !important;
}
table.tbl_summary > tbody:nth-child(odd) {
	background-color: #fafaf9 !important;
}
.then-by {
	background-color: #def0f8 !important;
}
.first-child{
	padding-left: 35px !important;
}
.second-child{
	padding-left: 70px !important;
}
.finally-by {
	background-color: #f7f7f7 !important;
}
table.tbl-summary.ac-no-row-hover tr td {
	background-color: transparent !important;
}
table.custom-border tr th:after {
	display: none;
}
table.custom-border tr th,
table.custom-border tr td {
	border: 1px solid #dddbda;
}
table.tbl-line-item tbody tr td{
	padding-top: 5px;
	padding-bottom: 5px;
}
table tbody tr.bg-tbl-footer {
	background-color: #f1f1f1 !important;
}
.dropdwon-wrapper {
	position: relative;
}
.dropdwon-wrapper input {
	padding-right: 25px;
	background: none !important;
}
.dropdwon-wrapper span.ac-icon_container {
	position: absolute;
    top: 3px;
    right: 5px;
}
.dropdwon-wrapper span.ac-icon_container svg {
	width: 17px;
    height: 17px;
    fill: #aaa;
}
.dropdwon-wrapper .lookup-dropdown {
    position: absolute;
    background-color: #fff;
    width: 100%;
    top: 100%;
    z-index: 1;
    border-left: 1px solid var(--default-border);
    border-right: 1px solid var(--default-border);
    border-bottom: 1px solid var(--default-border);
    border-radius: 0 0 3px 3px;
    max-height: 155px;
    overflow-y: auto;
    display: none;
    box-shadow: 0 1px 5px #ddd;
}
.dropdwon-wrapper.show-dropdown .lookup-dropdown{
	display: block;
}
.dropdwon-wrapper .lookup-dropdown ul.dropdown {
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}
.dropdwon-wrapper .lookup-dropdown ul.dropdown li {
    float: left;
    width: 100%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px;
}
.dropdwon-wrapper .lookup-dropdown ul.dropdown li:hover {
	background-color: #f1f1f1;
	cursor: pointer;
}
.dropdwon-wrapper .ac-spinner_container{
	position: absolute;
    width: 25px;
    right: 0;
    left: auto;
    background-color: transparent;
    top: 0;
}
table.tbl-line-item .ac-text-align_right input {
	text-align: right;
}
.separate-table-footer {
	border-top: 2px solid var(--default-border);
}
.line-item-wrapper table tbody tr td {
	vertical-align: top;
}
.line-item-wrapper label.error {
	text-align: left;
}
.line-item-wrapper .customize-icon svg {
	width: .8rem;
	height: .8rem;
	fill: #3e3e3c !important;
}
.line-item-wrapper .customize-icon {
	outline: none !important;
	box-shadow: none !important;
}
.line-item-preview-wrapper .line-item-preview {
    position: fixed;
    left: 0;
    right: 0;
    background-color: #fff;
    height: 90%;
    top: 5%;
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
    border: 1px solid var(--default-border);
    z-index: 1111111;
    border-radius: 3px;
    box-shadow: 0 0 2px #ddd;
}
.line-item-preview-wrapper .back-drop {
    position: fixed;
    width: 100%;
    background: rgba(0,0,0,.2);
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1111111;
}
.line-item-preview-wrapper .btn-close-popup{
	position: fixed;
    z-index: 11111111;
    top: 5%;
    right: 5%;
    width: 30px;
    height: 30px;
}
.line-item-preview-wrapper .btn-close-popup svg{
	width: 30px;
	height: 30px;
	fill: #3e3e3c;
}
.line-item-preview-wrapper .pdf-container {
	width: 793px;
    margin: 0 auto;
    box-shadow: 0 0 5px #ddd;
    padding: 15px;
    min-height: 100%;
}
.line-item-preview-wrapper .pdf-container .ac-form-element + .ac-form-element {
	margin-top: 0;
}
.file-loading {
	position: absolute;
    width: 100%;
    height: 32px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.m-horizontal-auto {
	margin-left: auto;
    margin-right: auto;
}
.selecting-app-wrapper > svg.ac-input__icon{
	width: 40px;
}
.selecting-app-wrapper .app-name-using {
	width: 100%;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 7px;
    padding-left: 5px;
}
.content-val {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 300px;
}
.choose-app-wrapper .ac-modal__content {
	height: 100%;
}
.choose-app-wrapper .ac-modal__container {
	max-width: 90%;
}

.sp-between .app-item {
	padding-right: 15px;
}
.app-item .app-box {
    border: 1px solid rgb(221, 219, 218);
    float: left;
    width: 100%;
    border-radius: .25rem;
    padding: 12px;
    min-height: 70px;
}
.app-item .app-box:hover {
	border-color: rgb(0, 109, 204);
	cursor: pointer;
}
.hasNoAccess {
	display: block !important;
	position: relative;
}
.app-item .app-box .app-title{
	color: rgb(0, 109, 204);
}
.single-column .wrapFieldLeft,
.single-column .wrapFieldRight {
	width: 100%;
}
.sorted.DESC > .DESC {
	display: inline !important;
}
.sorted.ASC > .ASC {
	display: inline !important;
}
.align-radio {
	position: relative;
    padding-left: 20px;
}
.align-radio input {
    position: absolute;
    left: 0;
    top: 2px;
}
.mark-as {
    width: 30px;
    height: 30px;
    text-align: center;
    float: left;
    border-radius: 50%;
}
.mark-as span{
    display: block;
    font-weight: 700;
    z-index: 2;
    position: relative;
    font-size: 20px;
    color: #fff;
    height: 30px;
    line-height: 30px;
}
.mark-as:after {
	background-color: #17934b;
	content: '';
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1;
    border-radius: 50%;
    border: 1px solid #fff;
}
.mark-as.Sold:after {
	background-color: #ca9b26;
	content: '';
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1;
    border-radius: 50%;
    border: none;
}
.mark-as.Booked:after {
	background-color: #f8951b;
	content: '';
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1;
    border-radius: 50%;
    border: none;
}
.mark-as.Closed:after {
	background-color: #d9b55a;
	content: '';
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1;
    border-radius: 50%;
    border: none;
}
.mark-as.Canceled:after {
	background-color: #e44a1b;
	content: '';
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1;
    border-radius: 50%;
    border: none;
}
.mark-as.Canceled span {
	color: #fff;
}
.mark-as.Unavailable:after{
	background-color: #cecccc;
	content: '';
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1;
    border-radius: 50%;
    border: none;
}
.mark-as:not(.Available):not(.Sold):not(.Booked):not(.Closed):not(.Unavailable):not(.Canceled) {
	z-index: 111111 !important;
}
.mark-as.mark-as-active {
	z-index: 1 !important;
}
.booking-block {
    float: left;
    position: relative;
    overflow: hidden;
}
.booking-item-wrapper {
	position: relative;
    z-index: 1;
    right: 0;
    top: -6px;
}
.tool-tipwrapper {
    position: absolute;
    top: -15px;
    left: 48px;
    background-color: #fff;
    border-radius: 4px;
    min-width: 300px;
    padding: 15px;
    border: 1px solid var(--default-border);
    display: none;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
    z-index: 111111;
}
.tool-tipwrapper:after {
	content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    top: 26px;
    left: -8px;
    border-left: 1px solid var(--default-border);
    border-top: 1px solid var(--default-border);
    transform: rotate(-45deg);
    background-color: #fff;
}
.booking-block > .mark-as:hover .tool-tipwrapper:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 100%;
    top: 0;
    left: -10px;
    z-index: 1;
}
.booking-block > .mark-as:hover {
	cursor: pointer;
}
.booking-block > .mark-as > button {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100000;
    left: 0;
    top: 0;
    background: none;
    border: none;
    padding: 0;
}
.booking-block > .mark-as > button:after {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1;
    border-radius: 50%;
    border: 1px solid #fff;
}
.booking-block > .mark-as > button.open-tool-tip + .tool-tipwrapper {
	display: block;
}
.gridWrapper .ac-spinner {
	z-index: 1000;
}
.createWrapper .spinner-wrapper .spinner-back-drop,
.gridWrapper .spinner-wrapper .spinner-back-drop {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
}
.createWrapper .spinner-wrapper .ac-spinner {
	z-index: 1111;
}
.booking-land-info > div{
	background-color: #3884e3;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #fff;
    font-size: 13px;
}
.booking-land-info > div + div {
	margin-left: 5px;
}
.booking-land-info > div.available {
	background-color: #17934b;
}
.booking-land-info > div.canceled {
	background-color: #e44a1b;
}
.booking-land-info > div.closed {
	background-color: #d9b55a;
}
.booking-land-info > div.sold {
	background-color: #ca9b26;
}
.booking-land-info > div.booked {
	background-color: #f8951b;
}
.booking-land-info > div.unavailable {
	background-color: #cecccc;
}

.wrap-land-process-info {
    background: none !important;
    color: inherit !important;
    border: 0 !important;
}
.Land li.X {
	display: none;
}
.Land li.Y {
	display: none;
}
.booking-page {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #fff;
}
.booking-page .booking-block-wrapper {
	overflow: auto;
	height: calc(100% - 76px) !important;
	-webkit-overflow-scrolling: touch;
}
.mobile-booking-view.booking-page .booking-block-wrapper {
	height: calc(100% - 15px) !important;
	position: relative;
}
.booking-page .boxContainer {
	height: 100%;
	min-height: inherit;
}
.input-map {
 	height: 100%;
 	width: 100%;
}
.show-map-button {
	top: -1px;
}
.mobile-error-wrapper {
	position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1111111;
    left: 0;
    top: 0;
}
.mobile-error-message {
    position: relative;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}
.mobile-error-wrapper .mobile-error-message svg {
	width: 75px;
    height: 75px;
}
.mobile-error-wrapper .mobile-error-message strong{
	font-size: 50px;
}
.disabled-component {
	pointer-events: none;
	opacity: .5;
}
.none-editable {
	pointer-events: none;
}
.wrap-is-track-field-history {
	border-radius: 4px;
    border-top: 3px solid #236fbd;
    border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
}
.tool-tipwrapper.align-left {
	right: 48px;
    left: auto;
}
.tool-tipwrapper.align-top {
	top: auto;
    bottom: -15px;
}
.tool-tipwrapper.align-left:after {
    left: auto !important;
    right: -8px;
    transform: rotate(135deg) !important;
}
.tool-tipwrapper.align-top:after {
	top: auto;
    bottom: 20px;
}
.btnObjectDetail.ui-state-active {
	background-color: #fffa90 !important;
	border: 1px solid #dad55e;
}
.btnObjectDetailWrapper .btnObjectDetail .forBtnOnly button{
	position: absolute;
    right: -3px;
    border-radius: 50%;
    background-color: #000;
    top: -4px;
}
.btnObjectDetailWrapper .btnObjectDetail .forBtnOnly button svg {
	fill: #fff;
}
.btnObjectDetailWrapper .btnObjectDetail .forBtnOnly:hover button{
	display: block !important;
}
ul.bullet {
	list-style: disc !important;
    padding-left: 16px !important;
}
table.sharing-detail > thead > tr > th:not(:nth-child(3)) {
	width: 200px;
}
table.app-manager > thead > tr > th:not(:nth-child(2)):not(:nth-child(3)) {
	width: 200px;
}
.remove-m-right {
	margin-right: 0 !important;
}
.inputLookup {
	background-color: #fff !important;
    cursor: default !important;
}
.gridWrapper[data-title~="History"] .tableWrapper table > thead > tr > th:not(:last-child) {
	width: 300px;
}
.detail-view-more {
	position: relative;
    top: -6px;
    display: none;
}
.TEXTAREALONG .detail-view-more,
.TEXTAREARICH .detail-view-more,
.TEXTAREA .detail-view-more {
	display: inline-block;
}
.TEXTAREALONG .content-val,
.TEXTAREARICH .content-val,
.TEXTAREA .content-val {
	max-width: calc(100% - 82px);
    display: inline-block;
}
.content-html {
	white-space: pre-wrap;
}
.select-disable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.pointer-event-disabled {
	pointer-events: none;
}
.cursor-grab {
	cursor: grab;
}
.btn-clear-lookup {
	position: absolute;
    right: 30px;
    z-index: 1;
    display: none;
    top: 3px;
    background-color: #dddbda;
}
.uiLookupWrapper:hover .btn-clear-lookup {
	display: block;
}
.pre-line {
	white-space: pre;
}
.field-mapping {
	border: 1px solid #e1e6ef;
}
.field-mapping .field-mapping-header {
	background-color: #e1e6ef;
}
.p-for-arrow{
	padding-right: 25px;
}
.p-for-arrow svg {
	width: 15px;
	position: absolute;
	right: 0;
	top: 0;
}
.ac-grid.stretch {
	align-items: stretch;
}
.meta-detail.ac-grid > .ac-col:nth-child(1),
.meta-detail.ac-grid > .ac-col:nth-child(2) {
	border-top-width: 0;
}
.match-blank-field {
	width: 160px;
}
select.MatchRuleCriteria option[value^="?"] {
    display: none;
}
.lookupWrapper.tbl-error {
	border-top: 1px solid var(--error);
}
.lookupWrapper.tbl-error table {
	border-top-width: 0 !important;
}
.lookupWrapper.tbl-error table th,
.lookupWrapper.tbl-error table td {
	color: #ff0000;
}
.lookupWrapper.tbl-error table td small {
	color: #3e3e3c;
}
duplicate-error .tbl-error {
	max-height: 174px;
}
.tbl-max-height {
	max-height: 200px;
	overflow-y: auto;
}
.single-checkbox {
	width: 16px;
	left: 50%;
    transform: translateX(-50%);
}
table.tbl-import-field-error th:first-child{
	width: 110px;
}
table.tbl-field-error td:first-child {
	width: 100px;
}
table.tbl-field-error tr,
table.tbl-field-error td {
	border-width: 0;
}
.ac-button.selected {
	border: 1px dashed;
}
button.db-type {
	width: 40px;
    height: 40px;
    margin: 0 !important;
    line-height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
}
button.db-type.vbar {
	background-image: url(/images/vbar1.png);
}
button.db-type.hbar {
	background-image: url(/images/hbar1.png);
}
button.db-type.line {
	background-image: url(/images/line1.png);
}
button.db-type.donut {
	background-image: url(/images/donut1.png);
}
button.db-type.metric {
	background-image: url(/images/metric1.png);
}
button.db-type.scatter {
	background-image: url(/images/scatter1.png);
}
button.db-type.flexTable {
	background-image: url(/images/flexTable1.png);
}
button.db-type:hover {
	    opacity: .8;
}
button.db-type.active {
	background-position: 0 67%;
	opacity: 1;
}
.sl-required .select2-container--default .select2-selection--single {
	border-left: 2px solid var(--error) !important;
}
div.ac-form-element__control.sl-required {
	display: flex;
    flex-wrap: wrap;
    padding-left: 2%;
    width: 68%;
}
div.ac-form-element__control.sl-required .select2 {
	order: 1;
}
div.ac-form-element__control.sl-required .error {
	order: 2;
}
label.error[style*="hidden"] + .select2 .select2-selection--single{
	border: 1px solid var(--error) !important;
}
.op-0 {
	opacity: 0;
}
.numeric-width {
	width: 150px !important;
}
.tbl-align-top td,
.tbl-align-top th {
	vertical-align: top;
}
.lineitems textarea,
.ac-form-element textarea.one-line {
	height: 32px !important;
    padding-top: 3px;
    padding-bottom: 3px;
}
.align-delete {
	position: absolute;
    top: 1px;
    left: 0;
}
.space-for-delete-button {
	padding-left: 30px !important;
}
.custom-padding.ac-table th, 
.custom-padding.ac-table td{
	padding-left: 2px;
    padding-right: 2px;
}
.popup-create-data .btn-new-in-popup {
	display: none;
}
.input-border {
	border: 1px solid #dddbda !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.space-clear-button {
	padding-right: 20px !important;
}
.clear-button {
	z-index: 1;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.clear-button svg {
	width: 15px;
}
.chart-title {
    height: 20px;
}
.chart-subtitle {
	height: 20px;
}
.chart-footer {
	margin-top: 15px;
}
.charts-wrapper {
	background-color: #f8f8f8;
}
.charts-wrapper chart-viewer {
	height: 100%;
    display: block;
}
.charts-wrapper chart-viewer .metric{
	min-height: 110px;
}
.charts-wrapper chart-viewer > div{
	background-color: #fff;
    border: 1px solid rgb(201, 201, 201);
    border-radius: 3px;
    padding: 15px 15px 15px 15px;
    height: 100%
}
.chart-metric-value {
	position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    font-size: 50px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c6c6c;
    font-weight: 900;
}
.charts-wrapper .btn-remove {
	position: absolute;
    right: 7px;
    top: 11px;
}
.charts-wrapper .btn-edit {
	position: absolute;
    top: 11px;
    right: 30px;
}
.min-height{
	height: 320px;
}

.draw-tabular {
	overflow: auto;
	max-height: 320px;
}
.hide-label label.ac-form-element__label {
	display: none;
}
table.lineitems th:not(:first-child),
table.lineitems td:not(:first-child) {
	width: 200px;
	padding-left: 2px !important;
	padding-right: 2px;
}
table.lineitems > thead > tr > th:first-child,
table.lineitems tbody > tr > td:first-child {
	padding-left: 5px !important;
    width: 40px;
    max-width: 40px;
}
table.listLookup > thead > tr > th:first-child,
table.listLookup tbody > tr > td:first-child {
	padding-left: 5px !important;
	max-width: inherit;
	width: auto;
}

table.lineitems td .timePicker {
	max-width: inherit !important;
}
table.lineitems td select {
	width: 100% !important;
}
table.lineitems .TEXTAREALONG .ac-form-element__control {
	height: 32px;
}
span.dashboard-broken {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    color: var(--error);
    font-size: 25px;
    text-align: center;
}
.lineitems label.error {
	white-space: normal;
}
.opacity0 {
	opacity: 0 !important;
}
.thumb {
    width: 24px;
    height: 24px;
    float: none;
    position: relative;
    top: 7px;
}

form .progress {
    line-height: 15px;
}

.progress div {
    font-size: smaller;
    background: orange;
    width: 0;
}
.lineitems .inputMaxWidth,
.lineitems .inputMaxWidthMedium {
	max-width: inherit;
}
.summary-report-data-wraper table tr th, 
.draw-tabular table tr th,
.lookupWrapper table.ac-table tr th,
.gridListWrapper table.ac-table tr th,
.list-data-container table.ac-table tr th {
	position: sticky;
    z-index: 1;
    top: 0;
}
.report-filter-wrapper .wrapAdditionalFields {
	max-width: inherit !important;
}
.space-left {
	padding-left: 5px;
}
.space-right {
	padding-right: 5px;
}
.global-loading .loading-content {
	background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
}
@keyframes shine {
  	to {
    	background-position-x: -200%;
  	}
}
td.unique-value a {
	color: var(--error);
}
.input-min-height {
	min-height: 32px;
}
list,
.data-list-wrapper,
div.contain-view .container {
	height: 100%;
}
.filter-data-wrapper {
	height: 65px;
}
.list-data-wrapper {
    height: calc(100% - 66px);
    transition: padding-right 0.3s;
    padding-right: 0;
}
.list-data-container {
	overflow: auto;
    height: 100%;
    border-top: 1px solid #dddbda;
}
.list-data-wrapper.show-filter {
    padding-right: 320px;
    position: relative;
}
.list-filter {
    position: absolute;
    width: 320px;
    border: 1px solid var(--default-border);
    right: 0;
    height: calc(100% - 16px);
    display: none;
    z-index: 1;
    box-shadow: -1px 0 1px 0 rgba(0, 0, 0, 0.10);
}
.list-data-wrapper.show-filter .list-filter {
	display: block;
}
line-item td.CHECKBOX .ac-form-element__control {
	text-align: center;
}
line-item td.TEXTAREA .ac-form-element__control {
	height: 32px;
}
line-item td.CHECKBOX .ac-checkbox {
	margin-top: 5px;
}
.editor-wrapper {
	min-height: 365px;
    background-color: #f8f8f8;
    height: calc(100% - 50px);
}
.editor-container {
	height: calc(100% - 23px);
}
.editor-cmp {
	height: 100%;
    display: block;
}
.component-container {
	padding-bottom: 29px;
	height: 100%;
}
.email-editor-wrapper {
    height: calc(100% - 115px);
    margin-top: 30px;
}
.email-editor-container {
	height: 100%;
}
.editor-html-wrapper {
	height: 100%;
}
.editor-html-preview{
	height: 100%;
	border: 1px solid var(--default-border);
}
.html-editor {
	height: 100%;
}
.body-label {
    position: absolute;
    top: -25px;
    left: 0;
}
.wrapAdditionalFields .error {
	text-align: left;
}
table.lst-components thead tr th {
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: top;
}
.component-wrapper {
	min-height: 350px;
}
.field-set-custom {
	border: 1px solid var(--default-border);
    padding: 0 30px;
}
.field-set-custom legend {
	font-weight: 700;
}
.html-preview {
	white-space: pre-wrap;
}
pre {
	font-family: inherit !important;
}
ul.dual-list {
    border: 1px solid var(--default-border);
    background-color: #fff;
    border-radius: 4px;
    height: 300px;
    overflow: auto;
}
ul.dual-list li {
    padding: 6px 5px;
}
ul.dual-list li:hover {
	background-color: var(--hover-bg-color);
}
ul.dual-list li.selected {
	background-color: var(--selected-bg-color);
}
ul.dual-list.error {
    border-color: var(--default-error);
}
.data-detail .btn-change-owner {
	width: 15px;
	height: 15px;
}
.data-detail .btn-change-owner svg {
	width: 15px;
    height: 15px;
    position: relative;
    top: -3px;
}
line-item .MULTIPICKLIST .ac-form-element__control {
	display: flex;
    flex-direction: column;
} 
line-item .MULTIPICKLIST .ac-form-element__control label.error{
	order: 3;
}
line-item .MULTIPICKLIST .ac-form-element__control .multiple-picklist {
	order: 1;
}
line-item .MULTIPICKLIST .ac-form-element__control .custom-error {
	order: 2;
}
tr.selected {
	background-color: #0070d1;
    color: #fff;
}
.max-height-change-owner{
	height: 200px;
    overflow: auto;
}
.edit-validation-rule .selected-field,
.edit-validation-rule ul.list-field,
.edit-validation-rule ul.list-parent,
.create-validation-rule .selected-field,
.create-validation-rule ul.list-field,
.create-validation-rule ul.list-parent,
.createfield .selected-field,
.createfield ul.list-field,
.createfield ul.list-parent,
.edit-field .selected-field,
.edit-field ul.list-field,
.edit-field ul.list-parent {
	height: 200px;
    overflow: auto;
    border: 1px solid var(--default-border);
    border-radius: 4px;
}
.edit-validation-rule ul.list-field li,
.edit-validation-rule ul.list-parent li,
.create-validation-rule ul.list-field li,
.create-validation-rule ul.list-parent li,
.createfield ul.list-field li,
.createfield ul.list-parent li,
.edit-field ul.list-field li,
.edit-field ul.list-parent li {
	padding: 6px 5px;
}
.edit-validation-rule ul.list-field li.selected,
.edit-validation-rule ul.list-parent li.selected,
.create-validation-rule ul.list-field li.selected,
.create-validation-rule ul.list-parent li.selected,
.createfield ul.list-field li.selected,
.createfield ul.list-parent li.selected,
.edit-field ul.list-field li.selected,
.edit-field ul.list-parent li.selected {
	background-color: var(--selected-bg-color);
}
ul.ac-global-header__item {
	position: relative;
	z-index: 1111111;
}
ul.ac-global-header__item .ac-dropdown-trigger {
	position: unset;
}
ul.ac-global-header__item .ac-dropdown-trigger button {
	height: 32px;
    width: 32px;
    background-color: var(--icon-circle-bg-color);
    border-radius: 50%;
}
ul.ac-global-header__item .ac-dropdown-trigger button:hover {
	    box-shadow: 0 4px 18px rgba(33,33,38,.2);
}
ul.ac-global-header__item .ac-dropdown-trigger button svg {
	fill: var(--text-color) !important;
	width: 18px;
}

.all-tabs-wrapper {
	position: relative;
    display: grid;
    grid-gap: 1.75rem;
    grid-template-columns: repeat(auto-fill,minmax(130px,1fr));
    grid-auto-rows: 1fr;
    align-items: stretch;
}
.all-tabs-wrapper.permission-set-object-selection {
	grid-template-columns: repeat(auto-fill,minmax(230px,1fr));
	grid-gap: 15px;
}
.all-tabs-wrapper .tab-item {
	position: relative;
    background-color: #fff;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    transition: box-shadow .1s linear;
    box-shadow: 0 2px 6px rgba(33,33,38,.2);
    min-height: 150px;
}
.all-tabs-wrapper .tab-item.small-height {
	min-height: 65px;
}
.all-tabs-wrapper .tab-item a.setting-link {
	height: 100%;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    flex-wrap: wrap;
    padding: 10px;
}
.all-tabs-wrapper .tab-item a.setting-link .wrap-label {
	text-align: center;
	width: 100%;
}
.all-tabs-wrapper .tab-item a.setting-link .wrap-icon {
    width: 100%;
    text-align: center;
    height: 50%;
    padding-top: 18px;
}
.all-tabs-wrapper .tab-item a.setting-link .wrap-icon svg {
	width: 45px;
	height: 45px;
	fill: var(--text-color) !important;
}
.all-tabs-wrapper .tab-item:hover {
	box-shadow: 0 4px 18px rgba(33,33,38,.2);
}
.all-tabs-wrapper .tab-item  .tab-link {
	display: flex;
    position: relative;
    padding: 0.85714285rem;
    text-align: center;
    text-decoration: none;
    height: 100%;
}
.all-tabs-wrapper .tab-item  .tab-link .wrap-item {
	display: flex;
    flex-direction: column;
    flex: 1 1;
}
.all-tabs-wrapper .tab-item  .tab-link .wrap-item .item-logo {
	display: flex;
    justify-content: center;
    margin: 2.142857125rem 0 0.85714285rem;
    align-items: center;
    min-height: 30px;
}
.all-tabs-wrapper .tab-item  .tab-link .wrap-item .item-logo img {
	
}
.all-tabs-wrapper .tab-item  .tab-link .wrap-item .wrap-text {
	flex-grow: 1;
    flex-direction: column;
    text-align: center;
    display: flex;
    justify-content: center;
}
span.number-of-new-notification {
    position: absolute;
    top: -8px;
    right: -6px;
    background-color: var(--error);
    width: 18px;
    height: 18px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 11px;
    padding-top: 3px;
    letter-spacing: -1px;
    font-weight: 600;
}
.notification-list a {
	text-decoration: none !important;
	color: var(--text-color) !important;
}
.layout-btn-edit-properties {
	height: 18px;
    width: 18px;
}
.layout-btn-edit-properties svg{
	height: 16px;
    width: 16px;
}
.globalErrMsgWrapper + .contain-view .fit-grid-content {
	height: calc(100% - 56px);
}
.fit-grid-content.boxContainer > .ac-grid {
	height: 100%;
}
.fit-grid-content.boxContainer > .ac-grid > .ac-col {
	height: 100%;
}
.fit-grid-content.boxContainer > .ac-grid > .ac-col > grid {
	height: 100%;
}
.fit-grid-content.boxContainer > .ac-grid > .ac-col > grid > .gridWrapper {
	height: calc(100% - 16px);
}
.fit-grid-content.boxContainer > .ac-grid > .ac-col > grid > .gridWrapper > .gridListWrapper {
	height: calc(100% - 40px);
}
.fit-grid-content.boxContainer > .ac-grid > .ac-col > grid > .gridWrapper > .gridListWrapper > .tableWrapper {
	height: 100%;
    min-height: -webkit-fill-available !important;
}
.gridWrapper[data-title~="History"] .content-val {
	max-width: inherit;
}
.summary-report .level1 {
	background-color: #cccbcb !important;
}
.summary-report .level2 {
	background-color: #dcdada !important;
}
.summary-report .level3 {
	background-color: #ebebeb !important;
}
.summary-report .level1 .field-group-name{
	padding-left: 20px;
}
.summary-report .level2 .field-group-name{
	padding-left: 40px;
}
.summary-report .level3 .field-group-name{
	padding-left: 60px;
}
.summary-report table tr:hover td{
	background-color: transparent !important;
}
.input-search-list {
	width: 240px;
}
.filter-header {
    position: absolute;
    width: 100%;
    padding: 10px;
    height: 53px;
    z-index: 1;
    background-color: #fff;
}
.filter-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: right;
    padding: 10px;
    z-index: 1;
    background-color: #fff;
}
.filter-content {
    float: left;
    height: 100%;
    width: 100%;
    padding-top: 53px;
    overflow-y: auto;
    position: relative;
    z-index: 0;
    background-color: #fff;
}
.filter-item {
	border: 1px solid var(--default-border);
    border-radius: 4px;
    position: relative;
}
.filter-item .btn-remove,
.filter-item .btn-edit {
	position: absolute;
    top: 4px;
    right: 4px;
}
.filter-item .btn-edit {
	right: 24px;
}
.isEditOnly {
	display: none;
}
.fieldLabel[is-edit-only="true"] .isEditOnly {
	display: inline-block;
}
.filter-item label.error {
	display: none !important;
}
.ac-modal__content.change-owner #modalValidation,
.ac-modal__content.change-owner #modalValidation > div,
.ac-modal__content.change-owner #modalValidation > div > div,
.ac-modal__content.change-owner {
    height: 100% !important;
    overflow: hidden;
    padding-bottom: 5px;
}
.summary-report-data-wraper {
    overflow: auto;
}
.col-select-width {
	width: 38px;
}
.show .globalSearchResult {
	display: block !important;
}
a.disabled {
	opacity: 0.5;
	pointer-events: none;
}
.text-welcome {
	font-size: 30px;
    display: block;
}
.welcome-description {
	line-height: 40px;
	color: #54698d;
}
.text-brand-name {
	font-size: 60px;
}
.text-welcome-login-page {
	text-align: center;
    position: relative;
    color: #5f74d0;
	background: linear-gradient(
        to right,
        #7953cd 20%,
        #00affa 30%,
        #0190cd 70%,
        #764ada 80%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 500% auto;
    animation: textShine 5s ease-in-out infinite alternate;
}
span.display-color {
    width: 14px;
    height: 14px;
    display: inline-block;
    position: relative;
    top: 3px;
}
.user-profile-picture {
	position: absolute;
    width: 80px;
    top: 36px;
    height: 80px;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--icon-circle-bg-color);
    background-color: var(--icon-circle-bg-color);
    left: 24px;
    cursor: pointer;
    z-index: 1;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
}
.ac-middle {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.data-create .ac-file-selector.ac-file-selector_images {
	display: inline-block;
}
.data-create .ac-file-selector__dropzone {
	height: 32px;
}
.data-create .ac-file-selector__body {
	text-align: left;
	width: 100%;
}
.data-create .ac-file-selector__body .ac-file-selector__text {
	display: inline;
	padding-right: 5px;
}
.data-create .ac-file-selector__dropzone label.error {
	display: none !important;
}
.file-error-required {
	display: none !important;
}
.data-create .ac-file-selector__dropzone label.error + .ac-file-selector__body .ac-file-selector__text.file-error-required {
	display: inline !important;
	color: var(--error);
}
.data-create-section[data-col="1"] .wrapFieldLeft {
	width: 100%;
}
.data-create-section[data-col="1"] .wrapFieldRight{
	display: none !important;
}
.preview-map {
    width: 100%;
    height: 200px;
}
.data-create-section[data-col="1"] .geo-input{
	width: 50%;
}
.data-create-section[data-col="1"] .preview {
	margin-top: 0;
	width: 50%;
}
.geo-type {
    padding-right: 50px;
    position: relative;
}
.geo-type button {
	position: absolute;
    right: 13px;
    top: 0
}
.createDataWrapper > .ac-grid:first-child {
    position: fixed;
    left: 0;
    width: 100%;
    background-color: #fff;
    top: var(--header-height);
    padding: 16px;
    z-index: 1;
    box-shadow: 0 4px 3px -4px rgba(0, 0, 0, 0.25);
}
.createDataWrapper > .ac-grid:first-child + #frmCreateData {
	padding-top: 32px;
}
.child-wrapper {
    border: 1px solid var(--default-border);
    border-radius: 4px;
    padding: 5px 5px 0 5px;
    width: calc(100% - 45px);
}
.child-wrapper .ac-checkbox .ac-form-element__label{
	margin-right: 0;
    white-space: nowrap;
    width: calc(100% - 40px);
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}
.image-of-data-detail {
	height: 26px;
    width: auto;
    position: relative;
    top: -4px;
    cursor: pointer;
}
.preview-image-of-data-detail {
    position: absolute;
    padding: 5px;
    border: 1px solid var(--default-border);
    border-radius: 4px;
    background-color: #fff;
    left: 14px;
    top: 22px;
    box-shadow: 0 4px 3px -4px rgba(0, 0, 0, 0.25);
    width: 250px;
    z-index: 1;
    display: none;
    text-align: center;
}

.valueFrm.file:hover .preview-image-of-data-detail {
	display: block;
}
.overflow-hidden {
	overflow: hidden;
}
.clone-data .globalErrMsgWrapper,
.edit-data .globalErrMsgWrapper,
.create-data .globalErrMsgWrapper{
	display: none;
}
.clone-data .create-error .globalErrMsgWrapper,
.edit-data .create-error .globalErrMsgWrapper,
.create-data .create-error .globalErrMsgWrapper {
	display: block;
	padding-left: 0;
    padding-right: 0;
}
.layout-assignment-align select {
	float: right;
}
.layout-assignment-align label.error {
	float: right;
	clear: both;
}
.field-access-wrapper .ms-parent {
	display: inline-block !important;
}
.field-access-wrapper {
	overflow: inherit;
}
.field-access-wrapper select.ac-hide {
	display: none !important;
}
.image-container-flex {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; /* Set the desired width */
    height: 100%; /* Set the desired height */
    overflow: hidden; /* Hide any overflow */
}
.image-container-flex img {
	max-width: 100%;
    max-height: 100%;
}
.data-create[data-is-multiple="true"] .ac-form-element__label {
	width: 100%;
    text-align: center;
}
.data-create[data-is-multiple="true"] .ac-form-element__control {
	width: 100%;
    text-align: center;
    margin-top: 15px;
}
.data-create[data-is-multiple="true"] .ac-form-element__control .ac-file-selector {
    width: 100%;
    margin: 0 auto;
}
.data-create[data-is-multiple="true"] .ac-form-element__control .ac-file-selector .ac-file-selector__dropzone {
	height: 60px;
    padding-left: 15px;
    padding-right: 15px;
}
.data-create[data-is-multiple="true"] .ac-file-selector__body {
	height: 100%;
	text-align: center;
	padding-top: 11px;
}
.data-create[data-is-multiple="true"] .ac-file-selector__text,
.data-create[data-is-multiple="true"] .remove-button {
	display: none;
}
.preview-impage-wrapper {
    position: relative;
    display: grid;
    grid-gap: 1.75rem;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    grid-auto-rows: 1fr;
    align-items: stretch;
}
.preview-impage-wrapper .preview-image-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--default-border);
    border-radius: 4px;
    padding: 3px;
    position: relative;
}
.preview-impage-wrapper .remove-preview-image {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #ddd;
    background-color: #fff;
    fill: var(--error);
    cursor: pointer;
    border-radius: 4px;
    padding: 5px;
}
.image-of-data-detail + img.image-of-data-detail {
	margin-left: 5px;
}
.search-dropdown-lookup {
    position: absolute;
    top: 32px;
    border: 1px solid var(--default-border);
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    z-index: 1;
    height: 195px;
    overflow-y: auto;
    display: none;
}
.uiLookupWrapper.focus .search-dropdown-lookup {
	display: block;
}
.search-dropdown-lookup .search-dropdown-title {
    padding: 10px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.search-dropdown-lookup .search-dropdown-title svg {
	height: 20px;
	width: 20px;
}
.search-dropdown-lookup ul.search-result-list {
    
}
.search-dropdown-lookup ul.search-result-list li.search-result-item {
    padding: 5px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.search-dropdown-lookup ul.search-result-list li.search-result-item:hover {
    background-color: rgba(37, 116, 169, 0.05);
    box-shadow: 0 0 3px #0176d3;
    cursor: pointer;
}
.ac-input.inputLookup + label.error {
	display: none !important;
}
.list-number {
	width: 15px;
}
.charts-wrapper {
	float: left;
	width: 100%;
}
.charts-wrapper .chart-item-wrapper {
	float: left;
}
.charts-wrapper .chart-item-wrapper[data-new-line="true"] {
	clear: both;
}
body a.link-as-text {
	color: var(--text-color);
}
span.collapse-icon {
    position: absolute;
    right: 5px;
    top: 50%;
    display: none;
    transform: inherit;
    margin-top: -13px;
}
.section-wrapper[data-collapse-by-default="false"] span.collapse-icon {
	margin-top: -10px;
	transform: rotate(90deg);
}
.section-wrapper[data-collapsible="true"] span.collapse-icon{
	display: block;
}
.section-wrapper[data-collapse-by-default="true"] .wrapFieldRight,
.section-wrapper[data-collapse-by-default="true"] .wrapFieldLeft {
	display: none;
}
.section-wrapper[data-collapsible="true"] .createDataSection {
	cursor: pointer;	
}
/*Test*/
#calendar {
	margin: 0 auto;
}
/*fme*/
/*loading*/
.wrapper {
	margin: 30px;
	padding: 30px;
	background: #fff;
	width: 360px;
	height: 640px;
	display: flex;
	flex-direction: column;
}

.wrapper-cell {
  display: flex;
  margin-bottom: 30px;
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.animated-background, 
.text-line, 
.image,
.loading-label,
.loading-input {
  -webkit-animation-duration: 1.25s;
          animation-duration: 1.25s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
          animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background: #F6F6F6;
  background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
  background-size: 800px 104px;
  height: 96px;
  position: relative;
  border-radius: 4px;
}

.image {
  	height: 60px;
  	width: 60px;
}

.text {
  	margin-left: 20px;
}

.text-line {
  	height: 10px;
  	width: 230px;
}
.loading-input {
	height: 32px;
	width: 230px;
}
.loading-label {
	height: 16px;
    margin-top: 8px;
}
.template-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 11111111;
}
/*end loading*/
/*custom nav menu*/
.ac-context-bar-custom {
	position: relative;
    padding-right: 61px !important;
    background-color: #f2f2f2
}
.context-bar > li{
	float: left;
    height: 100%;
}
.moreTab {
	position: absolute;
    right: 15px;
    height: 100%;
}
.moreTab .ac-button {
	position: relative;
	margin: 0;
	width: 61px;
	z-index: 1;
}
.moreTab .ac-button svg{
	width: 15px;
	position: relative;
	z-index: -1;
}
.moreTab .dropdown-wrapper{
	display: none;
    position: absolute;
    z-index: 111111;
    background-color: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
    border-radius: 5px;
    width: 350px;
    right: 0;
    top: 100%;
    padding: 15px;
}
.moreTab .ac-button.open-more + .dropdown-wrapper {
	display: block;
}
.moreTab .dropdown-content li.ac-context-bar__item {
    max-width: inherit;
}
.moreTab .dropdown-content li.ac-context-bar__item a {
    width: 100%;
    text-align: left;
    white-space: nowrap;
    font-size: 15px;
    padding: 5px 12px;
}
a.all-tab {
    float: left;
    width: 100%;
    text-align: left;
    white-space: nowrap;
    font-size: 15px;
    padding: 5px 12px;
}
a.all-tab:hover {
    background-color: var(--hover-bg-color);
    border-radius: 4px;
    text-decoration: none;
}
/*End custom nav menu*/
/*Developer console*/
.CodeMirror {
	border: 1px solid #eee;
	min-height: 100%;
}
.menuWrapper {
    border-color: #d0d0d0;
    background-color: #f2f2f2;
    float: left;
    width: 100%;
    background-image: -webkit-linear-gradient(top, #e6e6e6, #efefef);
}
.menuWrapper ul.menu {
    float: left;
    width: 100%;
}
.menuWrapper ul.menu li.menu-item {
    float: left;
    padding: 4px 20px 4px 10px;
    position: relative;
    cursor: pointer;
}
.menuWrapper ul.menu li.menu-item:after {
    content: '';
    width: 7px;
    height: 7px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    position: absolute;
    right: 8px;
    top: 8px;
    transform: rotate(45deg);
}
.menuWrapper > ul.menu > li.menu-item  a{
	color: #333;
	white-space: nowrap;
	text-decoration: none !important;
	float: left;
}
.menuWrapper > ul.menu > li.menu-item span.shortcut {
    float: right;
    color: #999;
}
.menuWrapper > ul.menu > li.menu-item > ul.sub-menu a{
	padding-right: 15px;
}
.menuWrapper > ul.menu > li.menu-item > ul.sub-menu {
    position: absolute;
    z-index: 20;
    background-color: #f0f0f0;
    border: 1px solid #d0d0d0;
    top: 100%;
    left: 12px;
    box-shadow: rgb(136, 136, 136) 0px 0px 1px;
    min-width: 250px;
    border-radius: 3px;
    display: none;
}

.menuWrapper ul.menu li.menu-item:hover ul.sub-menu{
	display: block;
}

.menuWrapper > ul.menu > li.menu-item > ul.sub-menu > li.sub-menu-item {
    float: left;
    width: 100%;
    padding: 4px 20px 4px 10px;
    border-bottom: 1px solid var(--default-border);
    position: relative;
   	cursor: pointer;
}
.menuWrapper > ul.menu > li.menu-item > ul.sub-menu > li.sub-menu-item:after {
    content: '';
    width: 7px;
    height: 7px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(-45deg);
    position: absolute;
    top: 10px;
    right: 8px;
}
.menuWrapper > ul.menu > li.menu-item > ul.sub-menu > li.sub-menu-item.no-sign:after {
	display: none;
}
.menuWrapper > ul.menu > li.menu-item > ul.sub-menu > li.sub-menu-item:last-child {
	 border-bottom-width: 0;
}
.menuWrapper > ul.menu > li.menu-item > ul.sub-menu > li.sub-menu-item > ul.child {
    position: absolute;
    left: 100%;
    top: -1px;
    background-color: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    min-width: 150px;
    display: none;
    min-height: 100px;
    box-shadow: rgb(136, 136, 136) 0px 0px 1px;
}

.menuWrapper > ul.menu > li.menu-item > ul.sub-menu > li.sub-menu-item:hover ul.child {
	display: block;
}

.menuWrapper > ul.menu > li.menu-item > ul.sub-menu > li.sub-menu-item > ul.child > li.child-item {
	float: left;
    width: 100%;
    padding: 4px 10px;
    border-bottom: 1px solid var(--default-border);
    position: relative;
    cursor: pointer;
}

.cursor-pointer{
	cursor: pointer;
}
.wrapper-editor {
	width: 100%;
	float: left;
	min-height: 400px; 
	height: 100%;
}
.switch-file-wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 11;
    background-color: #f0f0f0;
    border: 1px solid var(--default-border);
    border-radius: 0 3px 3px 0;
}
.switch-file {
	width: 100%;
	float: left;
}
.switch-file .switch-file-item{
	padding: 4px 10px;
    float: left;
    width: unset;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.switch-file .switch-file-item.file-active{
	background-color: #1589ee;
    color: #fff;
    position: relative;
    left: -1px;
    padding-left: 11px;
}
ul.custom-tab {
	background-color: #f7f7f7;
}
ul.custom-tab li.ac-tabs_default__item {
	padding: 2px 5px;
    text-transform: unset;
    border-left: 1px solid var(--default-border);
    border-top: 1px solid var(--default-border);
}
ul.custom-tab li.ac-tabs_default__item.ac-is-active {
    background-color: #fff;
}
ul.custom-tab li.ac-tabs_default__item:last-child {
	border-right: 1px solid var(--default-border);
}
ul.custom-tab li.ac-tabs_default__item .ac-button.ac-button_icon{
	position: relative;
    top: -4px;
    right: -1px;
    outline: none !important;
    box-shadow: none !important;
}
ul.custom-tab li.ac-tabs_default__item span.has-changed {
    padding-right: 2px;
    font-weight: bold;
}
/*End developer console*/
/*Report*/
.jstree-container-ul li .jstree-children > li a.jstree-anchor .jstree-icon{
	display: none;
}
.jstree-container-ul li .jstree-children > li a.jstree-anchor{
    padding-left: 5px;
}
.createReportWrapper {
	border: 1px solid var(--default-border);
	height: calc(100vh - 190px);
    overflow-y: auto;
}
.createReportWrapper #treeListReport {
	width: 100%;
	border: 1px solid var(--default-border);
    padding: 15px 5px;
    overflow-y: auto;
    height: calc(100% - 55px);
}
.previewWrapper{
	border: 1px solid var(--default-border);
	margin-top: 21px;
}

table tr.footer td{
	background-color: #f2f2f2 !important;
}
table tr.footer td {
	border-bottom-width: 0;
}
table tr.footer + tr.footer td {
	border-top-width: 0;
}
.tbl-report th,
.tbl-report td{
	padding-top: 1px;
	padding-bottom: 1px;	
}
.report-wrapper table.tbl-report thead th {
	background-color: #f2f2f2;
}
.report-wrapper table.tbl-report {
	width: min-content;
}
.report-wrapper table.tbl-report th {
	width: 200px;
}
table.default-tbl th:not(:nth-child(1)):not(:nth-child(2)) {
	width: 200px;
}
.report-wrapper table.tbl-report td.PERCENT div.data-col,
.report-wrapper table.tbl-report td.NUMBER,
.report-wrapper table.tbl-report td.CURRENCY div.data-col,
.report-wrapper table.tbl-report td.NUMBER div.data-col,
.report-wrapper table.tbl-report td.PERCENT div.data-col,
.report-wrapper table.tbl-report td.ROLLUPSUMMARY div.data-col{
	text-align: right;
	max-width: 200px;
	overflow: hidden;
    text-overflow: ellipsis;
}
.report-wrapper table.tbl-report td.LOOKUP div.data-col,
.report-wrapper table.tbl-report td.MASTERLOOKUP div.data-col,
.report-wrapper table.tbl-report td.CURRENCY div.data-col,
.report-wrapper table.tbl-report td.PHONE div.data-col,
.report-wrapper table.tbl-report td.TEXTAREA div.data-col,
.report-wrapper table.tbl-report td.URL div.data-col,
.report-wrapper table.tbl-report td.EMAIL div.data-col,
.report-wrapper table.tbl-report td.PICKLIST div.data-col,
.report-wrapper table.tbl-report td.MULTIPICKLIST div.data-col,
.report-wrapper table.tbl-report td.TEXT div.data-col,
.report-wrapper table.tbl-report td.TEXTAREALONG div.data-col,
.report-wrapper table.tbl-report td.TEXTAREARICH div.data-col,
.report-wrapper table.tbl-report td.TEXTENCRYPTEDT div.data-col,
.report-wrapper table.tbl-report td.GEOLOCATION div.data-col,
.report-wrapper table.tbl-report td.FORMULA div.data-col {
	max-width: 200px;
	overflow: hidden;
    text-overflow: ellipsis;
}
.report-wrapper table.tbl-report th,
.report-wrapper table.tbl-report td {
	padding-left: 10px;
	padding-right: 10px;
}
.report-wrapper .tbl-ageget td{
	border-width: 0;
	padding: 0 !important;
}
/*End Report*/
/*Layout Manager*/
.sortableSelectedField{
	float: left;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	min-height: 29px;
	background-color: #f1f1f1;
}
span.setUpField {
    position: absolute;
    right: 34px;
    z-index: 1;
    cursor: pointer;
    display: none;
}
.lstRelatedList,
.lstFields{
	list-style: none;
    padding: 5px;
    margin: 0;
    float: left;
    width: 100%;
    overflow-y: auto;
}
.sortableSelectedField li{
	float: left;
    width: 100% !important;
    border-bottom: 1px dotted #ccc;
    padding: 5px 15px;
    position: relative;
    background-color: #fff;
    cursor: move;
    height: 29px !important;
}
.sortableSelectedField li .removeItem{
	content: '';
    cursor: pointer;
    width: 15px;
    position: absolute;
    right: 10px;
    top: 4px;
    display: none;
}
/*.sortableSelectedField li:hover span.setUpField,
.sortableSelectedField li:hover .removeItem{
	display: block;
}*/
.sortableSelectedField li span.setUpField,
.sortableSelectedField li .removeItem{
	display: block;
}
.sortableSelectedField li:hover{
	background-color: #e1f6ff;
}
.sortableSelectedField li:hover::before{
	content: '';
    position: absolute;
    height: 21px;
    width: 3px;
    border: 1px dotted;
    left: 0;
    top: 4px;
}
.sortableSelectedField li.ui-sortable-helper::before{
	display: none !important;
}
.lstRelatedList li,
.lstFields li{
	float: left;
    background-color: #f8f8f8;
    border: 1px solid var(--default-border);
    padding: 2px 15px;
    position: relative;
    z-index: 1;
    cursor: move;
    width: 50%;
    height: 24px !important;
    color: #0070d2;
    font-weight: 700;
}
.lstRelatedList li .displayField,
.lstFields li .displayField{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sortableRelatedFieldSelected{
	float: left;
    width: 100%;
    min-height: 50px;
    padding: 0;
    list-style: none;
}
.notAccepted{
	position: absolute;
    left: 5px;
    top: 0;
    font-size: 16px;
    color: #666;
}
li.fieldItem.ui-draggable-dragging{
	padding-left: 23px;
    height: 24px !important;
    background-color: #f8f8f8 !important;
    width: auto !important;
    border: 1px solid #ccc !important;
    padding-top: 0;
    padding-bottom: 0;
}
li.ui-draggable-dragging .notAccepted{
	display: block;
}

li.ui-draggable-dragging.ui-sortable-helper .notAccepted{
	display: none;
}
 
.ui-state-disabled{
	pointer-events: none;
	opacity: .5;
	font-weight: 300 !important;
}
.sortableSelectedField li.ui-sortable-helper{
	border: 1px solid #ccc;
	width: auto !important;
	max-width: 200px;
	padding-left: 23px;
	background-color: #f1f1f1 !important;
	padding-top: 2px;
	padding-bottom: 2px;
	height: auto !important;
	width: auto !important;
}
.sortableSelectedField li.ui-sortable-helper .removeItem{
	display: none;
}
.sortableSelectedField li.dragShadow{
	background-color: #333 !important;
	height: 3px !important;
	float: left;
	width: 100% !important;
	padding: 0 !important;
}
ul.ui-state-active{
	background-color: #fffa90 !important;
	border: 1px solid #dad55e;
}
ul.ui-state-active > li{
	background-color: #fffa90 !important;
}
html body ul li.ui-sortable-helper{
	z-index: 11111 !important;
}
span.accepted {
    position: absolute;
    top: 0;
    left: 5px;
    font-size: 16px;
    color: #F4A460;
}
.sortableSelectedField li.ui-sortable-helper .accepted{
	display: block;
}
ul.lstSection {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    min-height: 50px;
}
ul.lstSection li.sectionItem{
	float: left;
    width: 100% !important;
    padding-top: 0;
    height: auto !important;
    border-top: 2px solid #236fbd;
    cursor: move;
}
ul.lstSection > li.ui-sortable-helper{
	border: 1px solid #ccc;
	width: auto !important;
	max-width: 200px;
	padding-left: 23px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: auto !important;
	background-color: #f1f1f1 !important;
}
ul.lstSection > li.ui-sortable-helper .titleSection::before{
	display: none !important;
}
ul.lstSection > li.dragShadow{
	background-color: #333 !important;
	height: 3px !important;
	float: left;
	width: 100% !important;
	padding: 0 !important;
}
ul.lstSection > li.ui-sortable-helper .accepted{
	display: block;
}
.abstractSectionItem .lstFieldWrapper{
	display: none;
}
ul.lstSection .lstFieldWrapper{
	display: block;
}
ul.lstSection > li.ui-sortable-helper .lstFieldWrapper{
	display: none;
}
ul.lstSection > li .titleSection {
    float: left;
    width: 100%;
    padding: 5px 15px;
    font-weight: bold;
    font-size: 14px;
    color: #999;
    text-transform: capitalize;
    position: relative;
}
span.setUpSection {
    z-index: 1;
    cursor: pointer;
    color: #333;
}
.section-action-wrapper {
    position: absolute;
    top: 4px;
    display: none;
    right: 10px;
}
ul.lstSection > li .titleSection .section-action-wrapper,
ul.lstSection > li .titleSection:hover .section-action-wrapper,
ul.lstSection > li .titleSection:active .section-action-wrapper{
	display: block;	
}
ul.lstSection > li .titleSection::before {
    content: '';
    position: absolute;
    height: 21px;
    width: 3px;
    border: 1px dotted;
    left: 0;
    top: 7px;
}
ul.lstSection > li.ui-sortable-helper .titleSection{
	padding: 0;
	margin-bottom: 0;
	background-color: #f1f1f1 !important;
	font-size: 13px;
	color: #333;
}
.sampleFieldValueWrapper{
	display: none;
}
.sortableSelectedField .sampleFieldValueWrapper{
	display: block;
	font-size: 12px;
}
.sortableSelectedField .displayField{
	display: none;
}
.sortableSelectedField li.ui-sortable-helper .displayField{
	display: block;
}
.sortableSelectedField li.ui-sortable-helper .sampleFieldValueWrapper{
	display: none;
}
li.fieldItem.ui-draggable-dragging .displayField{
	display: block;
}
li.fieldItem.ui-draggable-dragging .sampleFieldValueWrapper {
	display: none;
}
.sortableSelectedField .fieldItem{
	z-index: 8999 !important;
}
/*End Layout Manager*/
.slds-tabs--path ul{
	list-style: none;
}
.slds-tabs--path {
  display: block;
  width: 100%; 
}
.slds-tabs--path__nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.slds-tabs--path .slds-is-complete {
    background-color: #4bca81; 
}
.slds-tabs--path .slds-is-complete .slds-tabs--path__stage {
    transform: rotateX(0deg); 
}
.slds-tabs--path .slds-is-complete .slds-tabs--path__title {
    transform: rotateX(180deg); 
}
.slds-tabs--path .slds-is-complete:hover {
    background-color: #04844b; 
}
.slds-tabs--path .slds-is-complete:hover .slds-tabs--path__stage {
    transform: rotateX(-180deg); 
}
.slds-tabs--path .slds-is-complete:hover .slds-tabs--path__title {
    transform: rotateX(0deg); 
}
.slds-tabs--path .slds-is-current {
    background-color: #0070d2; 
}
.slds-tabs--path .slds-is-current:hover {
  background-color: #005fb2; 
}
.slds-tabs--path .slds-is-current + .slds-is-incomplete:before {
  background-color: #0070d2; 
}
.slds-tabs--path .slds-is-current:hover + .slds-is-incomplete:before {
  background-color: #005fb2; 
}
.slds-tabs--path .slds-is-incomplete {
    background-color: #e0e5ee; 
}
.slds-tabs--path .slds-is-incomplete:hover {
  background-color: #d8dde6; 
}
.slds-tabs--path .slds-is-incomplete .slds-tabs--path__link {
  color: #16325c; 
}
.slds-tabs--path .slds-is-lost,
.slds-tabs--path .slds-is-lost:hover {
	background-color: #c23934; 
}
.slds-tabs--path .slds-is-current .slds-tabs--path__link,
.slds-tabs--path .slds-is-complete .slds-tabs--path__link,
.slds-tabs--path .slds-is-lost .slds-tabs--path__link {
	color: #FFF; 
}
.slds-tabs--path .slds-is-active {
	background-color: #061c3f; 
}
.slds-tabs--path .slds-is-active .slds-tabs--path__link {
  	color: white; 
}
.slds-tabs--path .slds-is-active:hover {
  	background-color: #16325c; 
}
.slds-tabs--path .slds-is-active:hover + .slds-tabs--path__item:before {
    background-color: #16325c; 
}
.slds-tabs--path .slds-is-active + .slds-tabs--path__item:before {
  	background-color: #061c3f; 
}
.slds-tabs--path .slds-is-active .slds-tabs--path__title,
.slds-tabs--path .slds-is-won .slds-tabs--path__title {
	transform: rotateX(0deg); 
}
.slds-tabs--path .slds-is-active .slds-tabs--path__stage,
.slds-tabs--path .slds-is-won .slds-tabs--path__stage {
	transform: rotateX(-180deg); 
}
.slds-tabs--path__item {
  overflow: hidden;
  position: relative;
  flex: 1 1 0%;
  min-width: 5rem;
  text-align: center;
  perspective: 500;
  transition: transform 0.1s ease-in-out, background-color 0.1s linear; 
}
.slds-tabs--path__item:first-child {
	border-radius: 15rem 0 0 15rem; 
}
.slds-tabs--path__item:last-child {
	border-radius: 0 15rem 15rem 0;
	border-right: 0; 
}
.slds-tabs--path__item:before {
	content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: -1rem;
    width: 32px;
    height: 32px;
    border: 2px solid white;
    border-left: 0;
    border-bottom: 0;
    background-clip: padding-box;
    transform: scale3d(0.8, 1.1, 1) rotate(45deg);
    transition: transform 0.1s ease-in-out, background-color 0.1s linear; 
}
.slds-tabs--path__item:first-child:before {
	display: none; 
}
.slds-tabs--path__item + .slds-is-complete:before,
.slds-tabs--path__item + .slds-is-current:before {
	background-color: #4bca81; 
}
.slds-tabs--path__item:hover + .slds-is-complete:before,
.slds-tabs--path__item:hover + .slds-is-current:before {
	background-color: #04844b; 
}
.slds-tabs--path__item + .slds-is-incomplete:before,
.slds-tabs--path__item + .slds-is-lost:before {
	background-color: #e0e5ee; 
}
.slds-tabs--path__item:hover + .slds-is-incomplete:before,
.slds-tabs--path__item:hover + .slds-is-lost:before {
	background-color: #d8dde6; 
}
.slds-tabs--path__title,
.slds-tabs--path__stage {
  display: block;
  transition: transform 0.2s linear;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; 
}
.slds-tabs--path__title {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
}
.slds-tabs--path__stage {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  width: 100%;
  margin-top: -0.75rem;
  transform: rotateX(-180deg); 
}
.slds-tabs--path__link {
	display: flex;
    justify-content: center;
    position: relative;
    padding: 10px 0;
    line-height: 1.5rem;
    text-decoration: none;
    cursor: pointer; 
}
.slds-tabs--path__link:hover, .slds-tabs--path__link:focus {
	text-decoration: none; 
}
.slds-tabs--path__link:focus {
    outline: 0; 
}
.action-width {
	width: 30px;
}
.detail td {
	vertical-align: top;
}
.normal-text-color {
	color: #3e3e3c !important;
}
@media (max-width: 1023px){
	.productItem{
		width: 50%
	}
}
@media (max-width: 767px) {
	.registerWrapper{
		left: 0; 
	}
	.registerWrapper .labelWrapper{
		width: 100%;
		text-align: left;
		padding-right: 0;
	}
	.registerWrapper .inputWrapper{
		width: 100%;
	}
	.frmFromCol2 .frmComponent{
		width: 100%;
	}
	.frmFromCol3 .frmComponent{
		width: 100%;
	}
	.wrapTextFilter{
		width: 100%;
		padding-left: 105px;
	}
	.optionFilter{
		padding-left: 0;
		padding-right: 0;
	}
	.wrapLocation{
		width: 100%;
		margin-top: 15px;
		padding-right: 200px;
	}
	.wrapFarFrom{
		bottom: 0;
	}
	.listSocial{
		margin: 0 auto;
	}
	.textCopyRight{
		text-align: center;
	}
	.clear-sm{
		clear: both;
	}
	
	.removePL767{
		padding-left: 0;
	}
	.removePR767{
		padding-right: 0;
	}
	.spacing767{
		margin-top: 30px;
	}
	.showMe767{
		display: block !important;
	}
	.hideMe767{
		display: none;
	}
}


@media (max-width: 520px){
	
}
@media (max-width: 480px){
	.wrapTabContent{
		padding: 15px;
	}
	
	.centerMeXss{
		text-align: center;
	}
}