.side-nav li:hover, .side-nav li.active {
	background-color:inherit;
}

.top-nav .container .apiomat>img{
	height:50px;
}
.apiomat img{
	height:49px;
}

.top-nav #logoutMenu li:HOVER{
	background-color: #0883c0;
}
.top-nav #logoutMenu a:HOVER{
	background-color: transparent !important;
}

li.menulinkwrapper {
	padding: 0px !important;
}

a.menulink {
	margin-left:inherit !important;
}

.top-nav .container {
	max-width: inherit;
}
.top-nav {
	position: fixed;
}

#nav-mobile .col.left {
	margin-top:5px;
	margin-left: 15px;
}

.normal-padding {
	padding:0 2rem;
}

.normal-padding-half {
	padding:0 1.7rem !important;
}

.api-logo::before {
	height: 130px;
}
header, main, footer {
	padding-left: 250px;
}

.mdi.large {
	font-size: 10px;
}

.mdi.large {
	font-size: 18px;
}

.mdi.bold {
	font-weight: bold;
}

.bold {
	font-weight: bold;
}

.mdi.vertical {
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.mdi.superlarge {
	font-size: 26px;
}

.mdi.submenu.superlarge {
	line-height: 50px;
}

.mdi.margin-right{
	margin-right: 10px;
}

.mdi.pointer {
	cursor:pointer;
}

.pointer.cursor {
	cursor:pointer;
}

.material-tooltip {
	white-space: pre;
	max-width: 50%;
} 

/*** nav bars ***/
#logoutMenu {
		position: fixed;
		top: 0px;
		right: 0px;
}

.side-nav.fixed {
	position: fixed;
	
}

.side-nav {
	height:100%;
}

.side-nav li ol li ol li{
	line-height: 35px;
}

.side-nav li .collapsible li{
	line-height: 30px;
}

.side-nav .collapsible-body {
	background-color: inherit;
}

.height-line-40px {
	height:40px !important;
	line-height:40px !important;
}

.modal-content .container.navbar.tabbar {
	width:98%;
	height:77%;
	margin-top:26px;
}

.no-padding {
	padding: 0px !important;
	-webkit-padding-start: 0 !important;
}

.no-margin {
	margin: 0px !important;
}

.no-margin-bottom {
	margin-bottom: 0px;
}

.selectLabel.col {
	margin-top:18px;
}

a.button-collapse.top-nav {
	position: fixed;
	text-align: center;
	height: 48px;
	width: 48px;
	left: 0;
	top: 4px;
	float: none;
	margin-left: 0.5rem;
	color: #fff;
	font-size: 25px;
	z-index: 999;
	padding-top: 6px;
}

.top-nav a.headMenu {
	position: fixed;
	text-align: center;
	height: 48px;
	width: 48px;
	right: 0;
	top:0;
	float: none;
	margin-right: 0.5rem;
	padding-top: 6px;
	z-index: 999;
}

.top-nav a.headMenu i{
	font-size: 25px !important;
}

.top-nav a#notificationEl.headMenu{
	right: 50px;
}

.side-nav li {
	line-height: 62px;
}

.full.btn-large {
	width: 96.7%;
	margin-bottom: 10px;
}

a.button-collapse.top-nav {
		top: 3px;
}

nav .container {
	padding-left: 37px;
}

@media only screen and (min-width: 601px) {
	nav .container {
		padding-left: 0px;
	}
}

.nav-wrapper {
	font-size: 12px;
}

.nav-wrapper .brand-logo {
	width: 90%;
	font-size: 1.5rem;
}

.nav-wrapper #aom-version{
	font-size: 16px;
}

nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i
{
	height: 40px;
	line-height: 40px;
}


	nav,nav a.button-collapse
	{
		height: 48px;
		line-height: 48px;
	}


a {
	text-decoration: none;
}

a {
	color: #0AA1E2;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

a {
	background-color: transparent;
}

@media only screen and (max-width: 992px) {
	header, main, footer {
		padding-left: 0;
	}
	.material-tooltip {
		max-width: 100%;
	} 
}


#main_content {
	background-color: #eeeeee;
	width: 100%;
	padding: 2%;
}

/*** text input ***/
/* label color */
.input-field label {
	color: #9e9e9e;
	font-size: 1.1rem;
}
.select-wrapper-default label {
	left: 0.75rem !important;
}

.default-left label{
	left: 0.75rem !important;
}

/* position */
.input-field {
	position: relative;
	margin-top: 1.5rem;
}

.input-field label {
	left: 0;
	/*top: 1.2rem;*/
}
.input-field .switch label {
	left: 0;
	top: 1.2rem;
}
.searchRowContainer .input-field .switch label {
	top: 0rem;
}


.input-field label.active {
	font-size: 16px;
}
/* label focus color */
.input-field input[type=text]:focus+label, .input-field input[type=password]:focus+label,
.input-field input[type=email]:focus+label, textarea.materialize-textarea:focus:not([readonly])+label,
.input-field input[type=number]:focus+label
{
	color: #0AA1E2 !important;
}
/* label underline focus color */
.input-field input[type=text]:focus, .input-field input[type=password]:focus,
.input-field input[type=email]:focus, .input-field input[type=textarea]:focus,
.input-field input[type=number]:focus
{
	border-bottom: 1px solid #9e9e9e;
	box-shadow: 0 0px 0 0 #9e9e9e;
	font-size: 1.1rem;
}
/* valid color */
.input-field input[type=text].valid, .input-field input[type=email].valid,
.input-field input[type=password].valid, .input-field input[type=textarea].valid,
.input-field input[type=number].valid
{
	border-bottom: 1px solid #9e9e9e;
	color: #757575;
	font-size: 1.1rem;
	box-shadow: 0 0px 0 0 #9e9e9e;
}

textarea.materialize-textarea:focus:not([readonly]) {
	border-bottom: 1px solid #9e9e9e;
	font-size: 1.1rem;
	box-shadow: 0 0px 0 0 #9e9e9e;
}

textarea:focus:not([readonly])+label {
	color: #0AA1E2 !important;
}

/* invalid color */
.input-field input[type=text].invalid, .input-field input[type=email].invalid,
.input-field input[type=password].invalid, .input-field input[type=textarea].invalid
{
	border-bottom: 1px solid #9e9e9e !important;
	color: #757575 !important;
	font-size: 1.1rem;
	box-shadow: 0 0px 0 0 #9e9e9e !important;
}
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
  outline: none;
  height: 3rem;
  width: 100%;
  font-size: 1rem;
  margin: 0 0 20px 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}



input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
	box-shadow: 0 0px 0 0 #9e9e9e !important;
}


/*invalid error message */
input[type=text]+label:after, input[type=password]+label:after,
input[type=email]+label:after, input[type=url]+label:after, input[type=time]+label:after,
input[type=date]+label:after, input[type=datetime-local]+label:after,
input[type=tel]+label:after, input[type=number]+label:after, input[type=search]+label:after,
textarea.materialize-textarea+label:after
{
	width: 150px;
}

.plainTextContract {
	white-space: pre-wrap;
}
/* icon prefix focus color */
.input-field .prefix.active {
	color: #9e9e9e;
}

/*** buttons ***/
.btn-large:hover {
	opacity: 0.8;
}

.btn-large.disabled:hover {
	opacity: 1;
}

.material-icons:hover {
	opacity: 0.8;
}

.material-icons.disabled:hover {
	opacity: 1;
}

.btn-large.square {
	width: 54px;
	padding: 0 0.7rem;
	line-height: 54px;
	border-radius: 0px;
}
a.no-radius{
	border-radius: 0px;
}

.file-field .btn.medium{
	height: 46px;
}

.btn-large.text-large{
	font-size:15px;
}

.btn-large.centering{
    padding-right: 2.4rem;
}

.file-field .btn, .file-field .btn-large {
	height:54px;
}

.btn-small {
	width: 22px;
	height: 22px;
	line-height: 22px;
	padding: 0 0.1rem;
	border-radius: 0px;
	opacity: 1;
}

.btn-small-fix {
	padding: 0 0.05rem !important;
}

.btn-small i.tiny{
	font-size: 1rem;
}

.btn-small:hover {
	opacity: 0.8;
}

.btn-medium{
	font-size:14px;
	border-radius: 0px;
	height: 40px;
	line-height: 40px;
	letter-spacing: .8px;
	padding: 0 1rem;
}


/*** collection ***/
.collection.no-border {
	border: 0px solid white;
	border-radius: 0px;
}

.collection {
	max-height: 400px;
	overflow-y: auto;
}

.collection.no-border li {
	border: 0px solid white;
	border-radius: 0px;
}

.collection .collection-item {
	padding: 10px 0px;
	font-size: 1.1rem;
	padding-right: 10px;
}

.secondary-content {
	margin-left: 10px;
}

/*** cards ***/
.card-panel {
	border-radius: 0px;
	padding: 39px;
}

.card-panel.corner {
	padding-bottom: 38px;
}

.card-panel.white.corner:after {
	content: "";
	position: relative;
	bottom: 0;
	right: 0;
	margin-left: 99.6%;
	margin-top: 20px;
	border-width: 0 0 41px 41px;
	border-style: solid;
	border-color: #eeeeee #fff;
}

/*** container ***/
main .container {
	margin-top: 20px;
}

main .container.no-overflow {
	overflow: hidden;
}

main .modal-content .container {
	margin-top: 0px;
}

body.grey.lighten-3 {
	overflow-x: auto;
	overflow-y: auto;
}

.container .row {
	margin-left: auto;
	margin-right: auto;
}

.container {
	width: 94%;
}

@media only screen and (min-width: 601px) {
	.container {
		width: 85%;
		margin: 0 auto;
	}
}

@media only screen and (min-width: 993px) {
	.container {
		width: 95%;
		margin: 0;
		margin-left: 2%;
		margin-right: 2%;
	}
}

/*** toast ***/
@media only screen and (min-width: 993px ) {
	#toast-container {
		top: 157px;
		left: 256px;
		width: auto;
		max-width: 1427px;
	}
	.toast {
		width: auto;
		float: left;
	}
}
.toast {
		word-break: keep-all;
	}

@media only screen and (max-width: 992px ) and (min-width: 601px ) {
	#toast-container {
		left: 1%;
		top: 5%;
		width: 98%;
		max-width: 100%;
	}
	.toast {
		width: 96%;
	}
}

@media only screen and (max-width: 600px) {
	.toast {
		width: 100%;
		border-radius: 0;
	}
}

#mobile-version {
	font-size: 0.9rem;
}

/*** spinner ***/
.spinner-layer {
	border-color: #0AA1E2;
}

.spinner-center{
	top:20px;
	margin-top: -20px;
}

/*** modal dialogs ***/
.modal.modal-fixed-footer {
	overflow-y: hidden;
}

.modal .modal-content {
	padding: 0;
}

.modal.question .modal-content {
	padding: 24px;
}
.modal .card-panel {
	padding: 15px;
}

.modal.modal-fixed-header .modal-content{
	position: absolute;
    height: calc(100% - 50px);
    max-height: 100%;
    width: 100%;
    top: 50px;
    overflow-y: auto;
}

.modal.modal-fixed-header.modal-fixed-footer .modal-content{
	position: absolute;
    height: calc(100% - 106px);
    max-height: 100%;
    width: 100%;
    top: 50px;
    overflow-y: auto;
}

.modal-fixed-header{
	position: absolute;
	top: 0px;
}

@media only screen and (max-width: 601px) {
	.modal {
		width: 90% !important;
		height: 97% !important;
		top: 1% !important;
		max-height: 97% !important;
	}
}

/*** general ***/
.no-top-margin {
	margin-top: 0px;
}

/*** chips ***/
.chipcol.col {
	margin-top: 5px;
}

.chip {
	margin-right: 4px;
	border-radius: 0px;
	line-height: 20px;
	height: 20px;
	margin-top: 3px;
}

/*** tabs ***/
.tabs .indicator {
	background-color: #0097a7;
}
.contractListFile{
	margin-left: 20px;
	cursor: pointer;
}


.side-nav { overflow:auto;}
@media only screen and (min-width: 601px) {
	.side-nav { overflow:hidden;}
	.side-nav:hover { overflow-y:auto; }
}

main { 
	overflow:auto;
	margin-top: 0px;
   	height: calc(100% - 65.5px);
    width: 100%
}

div.modal.modal-fixed-footer{
	border-radius: 0px;
}
div.modal.modal-fixed-footer div.modal-content{
	padding: 15px 10px 10px 15px;
}

div.apioModal{
	border-radius: 0px;
	height: 70%;
	max-height: 85%;
}

div.apioModal.modal-large{
	height: 75%;
	max-height: 90%;
	top: 10%;
}

div.apioModal > .modal-content{
	padding: 20px;
}

div.apioModal > .modal-header{
	padding: 5px 0px 5px 0px;
	width: 100%;
	text-align: center;
    font-size: 1.7rem;
    height: 50px;
    background-color: #666;
    color: #333333;
	border-bottom: 1px solid #333333;
}

a.modal-header-close{
    position: absolute;
    top: 5px;
    right: 5px;
    color: #333333;
}

a.modal-header-close:hover {
    opacity: 0.7;
}

.mirror-left{
	transform: scale(-1,1);
}

.modcfg{
	padding-top: 7px;
}

.modcfg-img{
	width: 45px;
	height: 45px;
	float: left;
    margin-right: 10px;
}

.modcfg-img.small{
	width: 20px;
	height: 20px;
	float: left;
    margin-right: 3px;
}

.modcfg.card-innerContent{
	height: auto;
    padding-bottom: 10px;
    margin-top: 0px;
} 
.modcfg.card-usedModules{
	margin-top: 5px;
}

.modcfg.card-usedModules .usedModulesTitle{
	font-size: 1.1rem;
}

.modcfg.usedModule{
	padding-right: 15px;
	padding-top: 5px;
	padding-left: 0px;
}
.usedModulesContainer{
	width: 100%;
	margin-bottom: 0px;
}

.usedModule .modcfg-img{
	top: 0px;
	left: 0px;
}

/* DATEPICKER */
.picker__date-display{
	background-color: #0AA1E2 !important; /*cyan darken-1*/
}
.btn-flat.picker__today, .btn-flat.picker__close{
	color: #0AA1E2 !important; /*cyan darken-1*/
}
.picker__footer > button{
	font-size: 16px;
}

.picker__day--selected{
	background-color: #0AA1E2 !important; /*cyan darken-1*/
}

.picker__clear{
	color: #C93931 !important;
}

/* END DATEPICKER*/

div.formRow{
	margin: 5px;
	padding-left: 10px;
}

.truefalseSelectWrapper{
	width: 100px;
}
.saveSpinner-mid{
    margin-left: 50px;
}

.saveSpinner-default {
	float: inherit;;
	margin-right: inherit;
}

.spinnerwrapper .right {
	float: right;
}

.modal-footer {
	overflow-x: hidden;
	overflow-y: hidden;
}

.error-validation-msg{
	position: relative;
    top: -20px;
    font-size: 12px;
    color: #C93931;
}

.cfg-option-tooltip{
	font-size: 0.9rem;
	padding: 5px;
}

.cfg-option-example{
	font-style: italic;
}

.cfg-tooltop{
	position: absolute;
    top: 11px;
    left: -33px;
}
.cfg-tooltop > i.mdi{
	font-size: 24px;
}

/* qTip Styling override*/

.qtip{
	background-color:#000;
	border: 1px solid #000;
	color: #fff;
	border-radius: 2px;
    opacity: 0.88;
}

.qtip-content{
	line-height: 1rem;
}

.qtip-icon, .qtip-icon .ui-icon{
	border-radius: 1px;
	background-color:#000;
	border: 1px solid #000;
	color: #fff;
}
.qtip-default .qtip-icon{
	border-radius: 1px;
	background-color:#000;
	border: 1px solid #000;
	color: #fff;
}

.no-padding-left{
	padding-left: 0 !important;
}

.no-padding-right{
	padding-right: 0 !important;
}

.pointer{
	cursor:pointer;
}

a.disabled.btn-large{
	background-color: #9F9F9F !important;
	color: white !important;
}
a.disabled.btn-large:hover{
	background-color: #9F9F9F !important;
	color: white !important;
}
.file-field .file-path-wrapper a.clearInput{
	background: transparent !important;
	top: 0px;
}

.file-field a.clearInput{
	position: absolute;
    top: 4px;
    right: 0px;
    padding: 0px;
    line-height: inherit;
    height: 25px;
    width: 25px;
}

.exportInnerAccordion{
	padding: 10px 20px;
}
.exportClassContainer{
	margin-bottom: 5px;
}
.exportClassCounter{
	position: absolute;
    right: 50px;
}

.importSuccessMsg{
	display: none;
	
}
#rowsImported{
	font-weight: bold;
}

.exportInnerAccordion > div.row{
	margin-bottom: 0px;
}

#tosModal{
	height: 295px;
}
.tosWidgetRow.row{
	margin-bottom: 0px;
}

#submenuD3 ul li i{
	height: 46px;
    line-height: 46px;
    margin-right: 5px;
}

[type="checkbox"].filled-in:not(:checked)+label:after {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #6F6F6F;
	border-radius: 3px;
	opacity: 1;
}

[type="radio"]:not(:checked) + label::before {
    border: 1px solid #6F6F6F;
}

[type="radio"]:checked + label::after {
    border: 1px solid #0AA1E2;
    background-color: #0AA1E2;
}

.dropdown-content li > a {
    color: #0AA1E2;
}

.filled-in[type="checkbox"]:checked + label::after {
    border: 2px solid #0AA1E2;
    background-color: #0AA1E2;
}


.card .card-content.customPadding{
	padding: 5px 20px 10px 20px;
}

#aom-logo {
    position: relative;
	left: -20px;
    width: 190px;
	height: 50px;
}

li.logo{
    width: 255px;
}
li.logo .apiomat{
	width: 250px;
	overflow: hidden;
}
#nav-mobile{
	width: 250px;
	overflow: hidden;
}
#nav-mobile:HOVER{
	max-width: 250px;
	overflow-y: auto;
}
.navbar-fixed{
	height: 48px;
}
#nav-mobile li.logo{
	height: 48px;
}

#nav-mobile li.active a, #nav-mobile li.active i{
	color: #0AA1E2;
}

#nav-mobile.vendor li.active, #nav-mobile.vendor li:hover{
	background-color: #E7F1F6;
}

#nav-mobile .row{
	margin-bottom: 0;
}

ul.tabs{
	overflow: visible;
}

#mainmenubox ul.tabs{
	overflow: hidden;
}
#mainmenubox ul.tabs:HOVER{
	overflow: hidden;
	overflow-x: auto;
}

.customer-mail{
	padding: 0px;
}

#logoutMenu > li {
	padding: 0px 8px 0px 8px;
}

#logoutMenu > li > a > i {
	padding-top: 3px;
}

li.account-info a.customer-mail{
	float: right;
	height: inherit;
}
.customer-avatar{
	float: left;
	margin-right: 10px;
}
#backendDisplayName{
	font-size: 16px;
	padding: 0px;
	margin-left: 6px;
	padding-bottom: 15px;
	position: relative;
}
li#backendMenu{
	margin-bottom: 5px;
	padding: 0 5px !important;
}
#app-backends-wrapper{
	white-space: nowrap;
	width: calc(50% - 2px);
}
#config-btn-wrapper{
	white-space: nowrap;
}
.side-nav a{
	height: 50px;
	line-height: 50px;
}
i.api-nav-icon{
	font-size: 35px;
	margin-left: -8px;
	margin-right: 0px;
}
#configuration a.side-nav-cfg{
	line-height: 34px;
}
a.side-nav-compact{
	height: 38px;
}
#deploy i.mdi{
	float: left;
}
.height-line-22px{
	line-height: 22px;
}
.collapsible-header.no-height{
	min-height: inherit;	
}
.subsubmenuContainer{
	padding: 0px;
    height: 21px;
    position: absolute;
    top: 6px;
    right: 3px;
}

.subsubmenuContainer a i{
    top: -10px;
    left: 0px;
    position: relative;
}
.menuModuleRow{
	position: relative;
}

.menuModuleContainer > div.collapsible-header{
	padding: 0px 0px 7px 15px;
}
.menuModuleContainer > .collapsible-body ol{
	padding-left: 15px;
}
.row.menuModuleRow{
	margin-bottom: 	10px;
	min-height: 31px;
}
#nav-mobile{
	padding-bottom: 10px;
}
i.moduleMenuIcon{
	margin-right: 5px;
    margin-left: -8px;
}

.fixed-action-btn ul > li > a > div > span{
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}
.moduleNameMainMenu{
	max-width: 145px;
	overflow: hidden;
}

.collapsible-header .moduleNameMainMenu{
	max-width: 165px;
}

.moduleNameMainMenu.moduleVersionName{
	font-style:italic;
}

.switchLoading{
	float: right;
	margin: -5px 0 0 5px;
}

.switchBlock{
	position: absolute;
	margin-top: -2px;
	height: 35px;
	z-index: 1;
	width: 0px;
}

div.switchBlock.active{
	width: 150px;
}

.material-tooltip span {
    white-space:pre-wrap;
}

.aomSwitch label input[type="checkbox"]:checked + .lever::after {
	background-color: #0AA1E2 !important;
}

.aomSwitch label input[type="checkbox"]:checked + .lever {
    background-color: #E7F1F6 !important;;
}
.clear {
	clear:both;
}

.btnSave {
	margin-top:15px;
}

.tabs.contract-tabs{
	overflow-x: hidden;
}

.checkboxfocus[type="checkbox"]:not(:checked), .checkboxfocus[type="checkbox"]:checked {
    visibility: visible !important;
}

[type="checkbox"].filled-in.checkboxfocus:not(:checked):focus + label:after {
	border-color: #00ACC1;
}

[type="checkbox"].filled-in.checkboxfocus:checked:focus + label:after {
	border-color: #00ACC1;
}

.activeClass{
	font-weight: bold !important;
}

.marginBtn {
	margin-left: 4px !important;
}
.marginBtnFirst {
	margin-left: 19px !important;
}

.aomSwitch2 label input[type="checkbox"] + .switchleft + .lever::after {
	background-color: #0AA1E2 !important;
}

.aomSwitch2 label input[type="checkbox"] + .switchleft{
	color: #0AA1E2 !important;
}

.aomSwitch2 label input[type="checkbox"] + .switchright{
	color: #464646 !important;
}

.aomSwitch2 label input[type="checkbox"]:checked + .switchleft{
	color: #464646 !important;
}

.aomSwitch2 label input[type="checkbox"]:checked + .switchleft{
	color: #464646 !important;
}

.aomSwitch2 label input[type="checkbox"]:checked + .switchleft + .lever + .switchright{
	color: #0AA1E2 !important;
}

.aomSwitch2 label input[type="checkbox"] + .switchleft + .lever {
    background-color: #9e9e9e !important;;
}

.aomSwitch2 label input[type="checkbox"]:checked + .switchleft + .lever::after {
    left: 24px;
}


.card{
	border-radius: 0px;
}

#underconstructionField{
	font-size: 2.2em;
	padding: 50px 0px;
	transition: background-color 300ms linear;
	height: 134px;
	margin-top: 100px;
	border-radius: 0px;
	background-color: #1E4C5B;
}
@media only screen and (max-width: 993px) {
	#underconstructionField{
		font-size: 1em;
	}
}


.side-nav li .menuModuleContainer a{
	height: 35px;
	line-height: 35px;
}

.side-nav li .subsubmenuContainer a.dropdown-button{
	height: 20px !important;
}

.bigBlackTooltips {
	display: none;
}
#backendNameTooltip{
	font-size: 1.2rem;
}

#formainmenubox{
	margin: 0 auto;
	width: calc(95% - 220px);
	max-width: 800px;
}

#formainmenubox .tabs .tab{
	text-transform: none;
	font-size: 16px;
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	width: auto;
}

@media only screen and (max-width: 992px ) {
	#formainmenubox .tabs .tab, #formainmenubox .indicator{
		min-width: 50px;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}	
}

@media only screen and (max-width: 992px ) and (min-width: 601px ) {
	#formainmenubox{
		width: calc(95% - 150px);
		float: left;
	}	
}
@media only screen and (max-width: 601px ) {
	#formainmenubox{
		width: calc(106% + 43px);
		position: absolute;
		right: -12px;
		top: 48px;
	}
	
	main{
		padding-top: 50px;
	}
	
}


#backendName{
	width: 130px;
}

.tooltipHeader{
	font-size: 0.9rem;
	padding-bottom: 5px;
}
.tooltipNameValue{
	padding-bottom: 5px;
}
.moduleCfgCard{
	padding: 0px 8px;
}
.moduleCfgHeaderCard{
	padding-top: 10px;
}
.modcfg-img{
	position: relative;
	top: -8px;
	left: -20px;
	font-size: 4.5em;
}
.modcfg-img.modcfg-img2{
	left: -8px;
}
.modcf-title{
	padding-left: 10px;
}
.modcfg-descr{
	padding-top: 10px;
}

#gotoanalytics i{
	padding-right: 5px;
}

#toast-container .toast::after {
    font-family: "Material Design Icons";
	content: "\F156";
	font-size: 1.1rem;
	font-weight: bold;
	float: right;
	position: absolute;
	top: -1px;
	right: 3px;
	cursor: pointer;
}

#xsltUrlWrapper{
	padding-left: 5px !important;
}
#xsltUrlWrapper label{
	padding-left: 5px !important;
}
.btn-small.analytic-expand{
	width: 22px;
	height: 23px;
	margin-top: 12px;
	float: right;
}

#modalOrderFrame iframe{
	width: 100%;
	border: none;
}
.no-border{
	border: none !important;
}

input.formInputError {
    border-bottom: 1px solid #f4511e;
}

.autoHeightFooter .modal-footer{
	height: auto;
}

#cronjobCode{
	height: 100%;
		width: 100%;
		margin: 0px;
}
.cronjobBtns {
	margin-top: 10px;
	margin-bottom: 10px;
}
.cronjobBtns .preloader-wrapper{
	float: none !important;
	position: relative;
	top: 13px;
	margin: 0px 15px;
}
.upgradePlanConfirm.modal{
	width: 300px;
	height: 210px;
}
.cancelUpgradeConfirm.modal{
	width: 300px;
	height: 210px;
}

.side-nav.fixed a:hover {
    background-color: transparent;
}
.input-field.col label {
    left: 0px;
}
.input-field label.select{
	font-size: 0.9rem;
}
#customerSearchBar{
	margin-top: 8px;
	margin-left: 25px;
	position: absolute;
	top: 34px;
	right: 80px;
	width: 25%;
}
#customerSearchBar input{
	padding-right: 35px;
}
#searchBarIcon{
	height: 29px;
	width: 28px;
	position: absolute;
	top: -13px;
	left: 0px;
}
#searchBarBtn{
	position: absolute;
	top: 6px;
	right: -35px;
	width: 30px;
	height: 30px;
}
#customerList .card-panel{
	position: relative;
}

header div.navbar-fixed{
	z-index: 9005;
}

header a.button-collapse{
	z-index: 9006 !important;
}

@media only screen and (max-width: 601px ) {
	header div.navbar-fixed{
		z-index: 905;
	}

	header a.button-collapse{
		z-index: 906 !important;
	}
}

.side-nav li {
    padding: 0 15px;
}
.menuModuleContainer > div.collapsible-header {
    padding: 0px 0px 7px 0px !important;
}

#clBrUis .menuModuleContainer > div.collapsible-header {
    padding-left: 15px !important;
}

.side-nav.fixed .menuModuleContainer a {
    padding: 0 15px !important;
}
.side-nav.fixed a.subsubMenuLink {
    padding: 0px !important;
    display: none;
}
.side-nav.fixed a.subsubMenuLink.show {
    display: inline;
}
.executeCronjob{
	margin-bottom: 5px;
}
.side-nav .collapsible-header, .side-nav.fixed .collapsible-header:hover {
    background: transparent;
}

#toast-container{
	height: 0;
}

#configModal .modal-footer {
    height: auto;
}

[type="checkbox"]:disabled + label {
	cursor: auto;
}

textarea.materialize-textarea{
	padding: 0.8rem 0 0 0 !important;
}
.copyFromDialog, .apioModal.question {
	width: 345px !important;
    height: 380px !important;
    min-width: 250px;
    top: 15% !important;
}
.mduleDeleteDialog{
	max-width: 600px !important;
    height: 280px !important;
    top: 15% !important;
}

.accountFormWrapper .row .input-field,
.pwForm .row .input-field{
	padding: 0px;
}

.moduleMenuImage {
	height: 20px;
	float: left;
	margin-right: 10px;
	margin-left: -3px;
	width: 20px;
}
#zohoSupport .container{
	margin-left: 0px !important;
	margin-right: 0px !important;
	width: 100%;
}
#zohoSupport .container > .row > .col{
	padding-left: 0px;
}
#zohoSupport .section{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.nativeModuleWidgetIcon {
	font-size: 55px;
	margin-left: -15px;
}

.targetOptions, .roleSelect{
	margin-left: 20px !important;
}

.rolesContainer h5{
	margin-left: 10px; 
	margin-bottom: 15px;
}

.caret {
    color: #666 !important;
}

.rolesContainer #general .row, .rolesContainer .section > .row{
	margin-bottom: 0px;
}

.adminIcons i{
	position: relative;
	top: -4px;
}

.rolesContainer a.removeAllRolesBtn{
	width: 40px;
	line-height: 38px;
	margin-top: 2px;
	margin-left: 11px;
	padding: 0 0.1rem;
	height: 40px;
}

.rolesContainer .section > .row > .col .input-field{
	margin-top: 0px;
}

.rolesContainer .section{
	padding-top: 0px;
}
.progress{
	margin: 0px;
	border-radius: 0px;
}
.filled-in[type="checkbox"]:disabled:checked + label::before {
	border-right: 2px solid #424242;
	border-bottom: 2px solid #424242;
}
.filled-in[type="checkbox"]:disabled:checked + label::after {
    background-color: #E3E3E3;
    border-color: #E3E3E3;
}
.filled-in[type="checkbox"]:disabled:not(:checked) + label::after {
    border-color: transparent;
    background-color: #E3E3E3;
}
#backend_info {
	font-size: 16px;
}
#backend_info .highlighting{
	font-weight: bold;
}
.readOnlyHeading{
	font-size: 14px;
	font-style: italic;
}
.queryHelpIcon{
	position: absolute;
	font-size: 20px;
	margin-top: 2px;
	left: -24px;
}

.modCfgImg{
	left: 0px;
	top: 2px;
}
#webhostingInfoText{
	margin-top: 15px;
	font-style: italic;
}
#webhostingUrl{
	min-height: 3rem;
	width: 100%;
	padding-top: 16px;
	border-bottom: 1px solid rgb(158, 158, 158);
}

#vendorErrors{
	padding: 10px;
}

#rolesDocuLink{
	position: absolute;
	right: 0px;
	top: 35px;
}

#rolesDocuLink i{
	font-size: 30px;
	margin-right: 0px;
}

#docuLinkCotnainer{
	position: relative;
	min-height: 20px;
}

#rolesActionRow .targetOptions{
	margin-left: 0px !important;
	padding-left: 20px;
}

#topbarBackendIcon{
	line-height: 48px;
	margin: 0px 5px;
}
#backendActiveSwitch{
	float: left;
	width: 50px;
	height: 50px;
	line-height: 48px;
}

.customColor.spinner-layer{
	border: none;
}

#backendActiveSwitchLabel.preloader-wrapper{
	width: 42px;
	height: 42px;
	margin-left: 10px;
}
#notificationContainer{
	position: fixed;
	right: 58px;
	top: 48px;
	display: none;
	width: 420px;
	max-height: 300px;
	background-color: #f5f5f5;
	border-top: none;
	line-height: 24px;
	font-size: 14px;
	overflow: auto;
	padding-top: 10px;
}
.notificationActive{
	background-color: #0883C0;
}
#notificationEl{
	width: 48px;
}
#notificationEl.activeCount{
	width: 48px;
}

#notificationButton{
	display: inline-block;
}

#notificationEl.activeCount #notificationButton{
	color: #FFC107;
}
#notificationButton > i{
	float: right;
}
.compileModule{
	font-style: italic;
}
#notificationCount{
	font-size: 14px;
	width: 12px;
	float: left;
	text-align: right;
	font-weight: bold;
}

.compileModuleProgress{
	background-color: rgba(10, 161, 226, 0.2);
	margin-top: 2px;
}

.progress .indeterminate {
	background-color: #0AA1E2;
}

.notification > div{
	padding: 0px 20px;
	margin-bottom: 0px;
}

.iconCol{
	padding: 0px !important;
}
.iconCol i{
	line-height: 30px !important;
	height: auto !important;
	max-width: 40px;
}

.iconCol img{
	height: 30px;
	width: 30px;
	margin-left: 0px;
}

.compileSuccessRow .iconCol i, .compileFailRow .iconCol i{
	line-height: 26px !important;
}
.deployNotification > div, .supportNotification > div {
	border-bottom: 1px solid #c5c5c5;
	padding: 20px 20px;
}

.compileInfoActions, .missingModulesActions{
	border-top: 1px solid white;
	margin-top: 10px;
	padding-top: 10px;
	text-transform: uppercase;
}
.compileInfoActions i, .missingModulesActions i{
	float: left;
	font-size: 24px;
	height: auto !important;
	line-height: 24px !important;
	margin-right: 10px;
}
.notification > div.compileInfoRow{
	padding: 10px 20px;
}

.compileInfoRow .compileModule i{
	height: 23px;
	margin-left: 2px;
}

.compileProcessRow, .compileSuccessRow, .compileFailRow,
.addingModulesProcessRow, .addModulesSuccessRow{
	display: none;
}
#noNotifications{
	padding: 10px 20px 15px;
}
.compiledInfo{
	display: none;
}
.compiledInfo i{
	color: #FFC107;
	font-size: 20px;
}
.compiledInfo.activeCompilable{
	display: inline;
}
.compiledInfoText{
	margin-left: 5px;
	font-size: 14px;
}
.cursor-notAllowed{
	cursor: not-allowed;
}

.missingModulesInfoText{
	padding: 12px 0px 10px;
}
.missingModuleWarningIcon{
	position: absolute;
	top: calc(50% - 35px);
}
.modulesMissingNotification{
	position: relative;
}
.modulesMissingNotification > div{
	border-bottom: 1px solid #c5c5c5;
}

.addingModulesProcessRow, .addModulesSuccessRow{
	height: 45px;
}
.addModulesSuccessRow .contentCol{
	margin-top: 5px;
}
#navConfiguration .col.left{
	margin-left: 10px;
}
#navConfiguration .col.link{
	padding-left: 5px;
}
.lastModified{
	font-size: 12px;
}
.moduleContainer .lastModified{
	float: left;
	margin-top: 10px;
}

.moduleContainer .card-actions {
	padding-top: 12px;
}

#AOMLoadingScreen{
	height: 100px !important;
	width: 100px !important;
	top: 40% !important;
	background: none;
}
#AOMLoadingScreen .modal-content{
	height: 100%;
}

.defaultModules .secondary-content i {
    font-size: 1.1rem;
}

.defaultModules #customerTable td[aria-describedby="customerTable_defaultModules"]{
	white-space: inherit !important;
}

.defaultModules #customerTable .input-field.col{
	margin-top: 0px;
	padding-top: 0px;
}
.defaultModules #customerTable .input-field.col label{
	top: 0px;
}
.defaultModules #customerTable td
{
	height: 50px;
}

.defaultModuleList ul{
	height: 350px;
}

.permissionHeadRow{
	position: relative;
}
.securityPermissionActions{
	position: absolute;
	right: 0px;
	top: 20px;
}
.btnSave.no-top-margin {
    margin-top: 0px;
	border-radius: 0px;
	margin-left: 5px;
}
.authDeprWarning{
	font-size: 16px;
}

li.subRole label::before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #26a69a;
    border-bottom: 2px solid #26a69a;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

#errorsBox .red{
	border-radius: 2px;
	top: 0;
	clear: both;
	margin-top: 10px;
	position: relative;
	max-width: 100%;
	height: auto;
	min-height: 48px;
	line-height: 1.5em;
	word-break: break-all;
	padding: 10px 25px;
	font-size: 1.1rem;
	font-weight: 300;
	justify-content: space-between;	
}

#errorsBox{
	margin-bottom: -30px;
}

.dropdown-content li > a, .dropdown-content li > i {
    padding: 14px 0 14px 16px;
}

#exportForm .padding-right{
	padding: 0 10px 0 0 !important;
}
#filterTooltip{
	position: relative;
	top: 3px;
	left: 3px;
}
#filterTooltipContent{
	font-size: 12px;
}
.activeSwitchInput{
	height: 60px;
}
.activeSwitchInput{
	margin-top: 0px;
}
#newBackendForm .activeSwitchInput{
	margin-left: -10px;
}
#newBackendForm .activeInputCol{
	margin-top: 0px;
}
#systemChange{
	margin-top: 8px;
}
li#deploy{
	height: 45px;
}
.file-path-wrapper .loader{
	position: relative !important;
	top: -10px !important;
}
.betaTag{
	position: absolute;
	width: 100px;
	text-align: center;
	transform: rotate(45deg);
	background: green none repeat scroll 0% 0%;
	color: white;
	-ms-transform: rotate(45deg);
	top: 15px;
	right: -24px;
	font-weight: bold;
	padding: 1px 0px;
}
.deprecatedTag{
	font-size:28px;
	position: absolute;
	right: 10px;
	top:8px;
}
.healthCheck{
	height: 30px;
	background-color: transparent;
	width: 5px;
	margin-left: -25px;
}
.healthCheck.unhealthy{
	background-color: #C93931;
}
.unhealthyTxt{
	color: #C93931;
}
.healthCheck.healthy{
	background-color: #85b571;
}
.healthyTxt{
	color: #85b571;
}
.healthCheckWrapper{
	height: 30px;
	position: absolute;
	left: 0px;
	width: 22px;
}
.subsubmenuContainer ol li a{
	white-space: nowrap;
}
.healthTooltipContent{
	font-size: 12px;
}
#pwChangeFormContainer .newPwRow{
	position: relative;
}
.newpasstooltip{
	position: absolute;
	top: 2px;
	right: 2px;
}

ul li {
  list-style-type: none;
}

.valign-wrapper .valign {
  display: block;
}

.tabs {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  height: 48px;
  background-color: #fff;
  margin: 0 auto;
  width: 100%;
  white-space: nowrap;
}

.tabs .tab {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  float: left;
  text-align: center;
  line-height: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  letter-spacing: .8px;
  width: 15%;
}

.tabs .tab a {
  color: #ee6e73;
  display: block;
  width: 100%;
  height: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: color .28s ease;
}

.tabs .tab a{
	padding: 0px !important;
}

nav i,
nav [class^="mdi-"], nav [class*="mdi-"],
nav i.material-icons {
  font-size: 2rem;
}

.side-nav.fixed a {
    display: block;
    padding: 0 16px;
    color: #464646;
}

.collapsible-header {
  display: block;
  cursor: pointer;
  min-height: 3rem;
  line-height: 3rem;
  padding: 0 1rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

.collapsible-header i {
  width: 2rem;
  font-size: 1.6rem;
  line-height: 3rem;
  display: block;
  float: left;
  text-align: center;
  margin-right: 1rem;
}

.collapsible-body {
  display: none;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}

.collapsible-body p {
  margin: 0;
  padding: 2rem;
}
.collapsible-header i{
	margin-right: 5px;
}
.card .card-content .card-title {
    line-height: 48px;
}
.switch,
.switch * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  height: 45px;
}

.switch label {
  cursor: pointer;
}

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch label input[type=checkbox]:checked + .lever {
  background-color: #84c7c1;
}

.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #26a69a;
  left: 24px;
}

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 40px;
  height: 15px;
  background-color: #6F6F6F;
  border-radius: 15px;
  margin-right: 10px;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 16px;
}

.switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 21px;
  height: 21px;
  background-color: #F1F1F1;
  border-radius: 21px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  left: -5px;
  top: -3px;
  transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1);
}

input[type=checkbox]:not(:disabled) ~ .lever:active:after,
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
}

.switch input[type=checkbox][disabled] + .lever {
  cursor: default;
}

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #BDBDBD;
}

.toast {
  border-radius: 2px;
  top: 0;
  width: auto;
  clear: both;
  margin-top: 10px;
  position: relative;
  max-width: 100%;
  height: auto;
  min-height: 48px;
  line-height: 1.5em;
  word-break: break-all;
  background-color: #323232;
  padding: 10px 25px;
  font-size: 1.1rem;
  font-weight: 300;
  color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.switch label .lever::before {
  background-color: transparent;
}

.toast .btn, .toast .btn-large, .toast .btn-flat {
  margin: 0;
  margin-left: 3rem;
}

.toast.rounded {
  border-radius: 24px;
}

.switch label{
	pointer-events: all;
}
.input-field label {
    pointer-events: all;
}
@media only screen and (max-width: 600px) {
  #toast-container {
    min-width: 100%;
    top: 5%;
  }
}

.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
  float: right;
}

.classEditorTabCE .input-field > label{
	top: -36px !important;
}

.classEditorTabCE #parentClassBox{
	margin-top: 25px;
    margin-bottom: 0px;
}

.card .card-content {
    padding: 20px;
    border-radius: 0 0 2px 2px;
}
#paging input{
	height: 16px;
	font-size: 11px;
	margin: 0;
	border: none;
}
.modal .modal-footer {
  text-align: left;
}

.clockpicker-button.pm-button{
	float: left;
	margin-left: 5px;
}
.clockpicker-donebtn{
	float: right;
	margin-top: 4px;
	padding-right: 0px;
}
.edit-cell .customelement input[type="text"].datetimevalue{
	border: none !important;
	height: 16px !important;
	font-size: 11px !important;
	margin: 18px 0 0 0 !important;
}
.edit-cell input, .error-cell input{
	border: none !important;
	height: 16px !important;
	font-size: 11px !important;
	margin: 0 !important;
}
.btn, .btn-large, .btn-flat{
	border-radius: 0px;
}

.switchBlock .switch{
	height: 45px;
}

.btn-floating.btn-large {
    border-radius: 56px !important;
}

#newClassInputWrapper.input-field label.active:not(.label-icon){
	transform: initial;
}
#loginContent .input-field label.active{
	font-size: 1.1rem;
}
.preloader-wrapper {
    width: 45px !important;
    height: 45px !important;
}
.preloader-wrapper.small {
    width: 36px !important;
    height: 36px !important;
}
.aomWarning{
	background-color: #FFC107;
}
.aomWarning-text{
	color: #FFC107;
}

#errorDialog.largeErrorDialog .modal-content .mdi-alert{
	font-size: 30px;
	margin-right: 5px;
	float: left;
}

ul.errorList li{
	list-style-type: circle;
	margin-left: 15px;
	margin-bottom: 10px;
} 

.apioModal.largeErrorDialog{
	width: 430px !important;
}

.card .card-content .card-title .btn-small{
	height: auto;
}

.spinner-layer {
    height: 100% !important;
}
	
.circle-clipper {
    height: 100% !important;
}

.input-field  label{
	height: 20px;
}
#activateAnalytics{
	margin-top: 5px;
}

.supportedModuleAlert{
	float: left;
	font-size: 23px !important;
	line-height: 23px !important;
	margin-right: 10px;
}

.supportedModuleAlert.warning{
	color: #FFC107;
}

.versionBlock{
	position: relative;
	margin-left: 10px;
}
.versionChevron{
	font-size: 1.6rem;
	margin-top: 3px !important;
}
.versionBlock ol {
	padding-left: 17px !important;
}
.collapsible-version-body{
	display: none;
}
.collapsible-version-header{
	cursor: pointer;
}
.versionBlock .moduleNameMainMenu{
	padding-left: 8px !important;
}
.versionBlock .supportedModuleAlert{
	position: absolute;
	top: 3px;
	right: 12px;
	font-size: 20px !important;
}

.side-nav .versionBlock a.metaModelLink{
	height: 25px;
	line-height: 25px;
	font-size: 14px;
}

/* type Icon */
#attributesTable .selectTypes {
	min-width: 140px;
	margin-left: 8px;
}

#attributesTable .dropdown-content li>span {
	padding-left: 5px !important;
}
.typeIconWrapper > .typeIcon {
	border: 1px solid #666;
	height: 20px;
	width: 20px;
	float: left;
}

.typeIconWrapper i.mdi{
	color: #666;
    font-size: 18px;
    border: #666 solid 1px;
    padding: 3px !important;
    margin-top: -3px !important;
    margin-right: 6px !important;
}

.typeIconWrapper > .typeIconText{
	float: left;
	margin-left: 7px;
	white-space: nowrap;
}

.selectedTypeIcon{
	position: absolute;
	left: 6px;
    top: 5px;
    height: auto !important;
    color: #666 !important;
    font-size: 18px;
    padding: 3px !important;
    margin-top: -3px !important;
    margin-right: 6px !important;
}

#attributesTable .select-wrapper > input[type="text"] {
	text-indent: 32px !important;
	line-height: inherit;
}

#attrDetailsDialog .classAttribute.select-wrapper > input[type="text"] {
	text-indent: 32px !important;
	line-height: inherit;
}

.exportModuleVersionHeading{
	margin-top: 10px;
	margin-bottom: 8px;
}

a.disabledLight.btn-large{
	background-color: #e0e0e0 !important;
}

.activeModule{
	-webkit-box-shadow: 0 0px 2px 2px rgba(10,160,226,0.7);
	box-shadow: 0 0px 2px 2px rgba(10,160,226,0.7);
}

.tinyspinner.preloader-wrapper{
	width: 27px !important;
	height: 27px !important;
}

.input-field .helper-text {
    position: relative;
    height: 0px;
    display: none;
    font-size: 12px;
    color: #F44336;
	top: -16px;
}

.input-field .helper-text.invalid {
    display: block;
}

#backendSearchIcon{
	position: absolute;
    right: 15px;
    top: 15px;
    font-size: 30px;
}
#backendSearch{
	border-bottom: 1px solid #9e9e9e;
	height: 2.3rem;
	font-size: 1rem;
	margin-top: 10px;	
}

.marketDlBtnWrapper{
	height: 55px;
}

/* EASY DESIGN */

.input-field input[type="text"]:not(.customBgColor),
.input-field input[type="number"],
.input-field input[type="email"],
.input-field input[type="date"],
.input-field input[type="time"],
.input-field input[type="search"],
.input-field input[type="password"],
.input-field input[type="tel"] {
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 1px solid #6F6F6F !important;
	border-radius: 3px !important;
	opacity: 1 !important;
	height: 40px !important; 
	font-size: 15px !important;
	color: #464646 !important;
	padding-left: 15px !important;
	width: calc(100% - 17px) !important;
}

.input-field textarea {
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 1px solid #6F6F6F !important;
	border-radius: 3px !important;
	opacity: 1 !important;
	font-size: 15px !important;
	color: #464646 !important;
	padding-left: 15px !important;
	width: calc(100% - 17px) !important;
}

.input-field input[type="text"] ~ label,
.input-field input[type="number"] ~ label,
.input-field input[type="email"] ~ label,
.input-field input[type="date"] ~ label,
.input-field input[type="time"] ~ label,
.input-field input[type="search"] ~ label,
.input-field input[type="password"] ~ label,
.input-field input[type="tel"] ~ label,
.input-field textarea ~ label {
	top: -25px;
    cursor: text;
    -webkit-transition: none;
    transition: none;
    -webkit-transform-origin: inherit;
    transform-origin: inherit;
    text-align: initial;
    -webkit-transform: none;
	transform: none;
    position: absolute;
}


.input-field input[type="text"]:hover,
.input-field input[type="number"]:hover,
.input-field input[type="email"]:hover,
.input-field input[type="date"]:hover,
.input-field input[type="search"]:hover,
.input-field input[type="password"]:hover,
.input-field input[type="tel"]:hover,
.input-field textarea:hover {
	border: 1px solid #0AA1E2 !important;
	border-bottom: 1px solid #0AA1E2 !important;
}

.input-field input[type="text"]:focus,
.input-field input[type="number"]:focus,
.input-field input[type="email"]:focus,
.input-field input[type="date"]:focus,
.input-field input[type="search"]:focus,
.input-field input[type="password"]:focus,
.input-field input[type="tel"]:focus,
.input-field textarea:focus {
	border: 1px solid #0AA1E2 !important;
	border-bottom: 1px solid #0AA1E2 !important;
}

.select-wrapper input[type="text"]:focus {

	border: 1px solid #0AA1E2 !important;
	border-bottom: 1px solid #0AA1E2 !important;
}

.input-field label {
	font-size: 15px !important;
	text-align: left !important;
	letter-spacing: 0 !important;
	top: -5px;
	opacity: 1 !important;
	color: #333333 !important;
    height: 100%;
    pointer-events: none !important;
}

.input-field label:not(.label-icon).active{
	transform: none;
}

.select-wrapper input.select-dropdown:disabled{
	color: #CCCCCC !important;
}

.input-field input[type="text"]:disabled,
.input-field input[type="number"]:disabled,
.input-field input[type="email"]:disabled,
.input-field input[type="date"]:disabled,
.input-field input[type="search"]:disabled,
.input-field input[type="password"]:disabled,
.input-field input[type="tel"]:disabled,
.input-field textarea:disabled {
	border: 1px solid #CCCCCC !important;
	border-bottom: 1px solid #CCCCCC !important;
	color: #CCCCCC !important;
}

[type="checkbox"]+label {
	letter-spacing: 0 !important;
	color: #464646 !important;
}

[type="checkbox"]+label:after{
	top: 2px !important;
}

[type="checkbox"].filled-in:checked+label:before {
	top: 2px;
}

.input-field .select-wrapper+label {
	top: -37px;
}

.input-field .select-wrapper+label.active {
	display: block;
	top: -22px;
}

.dropdown-content {
	background-color: #ffffff !important;
	color: #464646 !important;
}

.dropdown-content li:hover, 
.dropdown-content li > span:hover, 
.dropdown-content li.selected > span:hover, 
.dropdown-content li.selected {
	background-color: #E7F1F6 !important;
}

.dropdown-content li > span{
	color: #464646;
}

.roleHelpIcon{
	position: relative;
    left: 0px;
}


.select-wrapper span.caret{
	z-index: 1;
}

#newBackendForm .input-field i {
	padding-top: 7px;
	padding-left: 0px;
}

.no-padding-top{
	padding-top: 0px !important;
}

.no-margin-top{
	margin-top: 0px !important;
}

.no-margin-bottom{
	margin-top: 0px !important;
}

.select-wrapper span.caret{
	right: 5px !important;
}

.easy-form-rows div.row{
	margin-bottom: 15px;
}

.easy-form-rows div.row .input-field{
	margin-top: 0px;
}

.versionBlock ol.dropdown-content{
	padding-left: 0px !important;
}

.versionBlock ol.dropdown-content li{
	padding-left: 10px !important;
}

.textareaTooltip{
	position: absolute;
    top: 3px;
    right: 3px;
}

#attributesTable input[name="isCollection"]+label,
#attributesTable input[name="isEmbedded"]+label,
#attributesTable input[name="isMandatory"]+label {
	height: 30px;
	position: relative;
    top: -8px;
}

#attributes td, #attributes th,
#security td, #security th{
	padding: 7px 5px !important;
}

.smallInputForm .input-field input[type="text"],
.smallInputForm .input-field input[type="number"],
.smallInputForm .input-field input[type="email"],
.smallInputForm .input-field input[type="date"],
.smallInputForm .input-field input[type="time"],
.smallInputForm .input-field input[type="search"],
.smallInputForm .input-field input[type="password"],
.smallInputForm .input-field input[type="tel"]{
	height: 28px !important;
	padding-left: 5px !important;
}

.smallInputForm input {
	margin-bottom: 0px !important;
}

.smallInputForm .select-wrapper span.caret {
    right: 15px !important;
}

/* btn large - eventually solved in other easy ui ticket -> need small buttons */
.smallInputForm .btn-large{
	line-height: 30px;
	height: 30px;
}

.moduleSearchWrapper{
	padding: 0 0.75rem !important;
}

.margin-top{
	margin-top: 5px !important;
}

/*colors*/
.esBlue{
	color: #003671 !important;
}
.esBgBlue{
	background-color: #003671 !important;
}
.esLightBlue{
	color: #0AA1E2 !important;
}
.esBgLightBlue{
	background-color: #0AA1E2 !important;
}
.esBg {
	background-color: #E5E5E5;
}
.esBgRed {
	background-color: #C93931;
}
.esRed {
	color: #C93931;
}
.esContentText {
	color: #333333;
}

.vendorMenuApiIcon {
	width: 26px;
    margin-left: 9px !important;
    margin-right: 6px;
}

.vendorMenuApiIcon i{
	width: 28px;
}

.vendorHeader {
	margin-bottom: 25px;
}

.vendorSelectItemLabel {
	margin-bottom: 20px !important;
}

#moduleMenu .tabs .tab a:hover, #moduleMenu .tabs .tab a.active{
	color: #464646;
}

#nav-mobile.side-nav .menuModuleContainer .versionBlock,
#nav-mobile.side-nav .menuModuleContainer .versionBlock .moduleNameMainMenu
#nav-mobile.side-nav ol .dropdown-content{
	font-size: 14px;
}

.menuModuleContainer .moduleNameMainMenu, #nav-mobile.side-nav ul li, #nav-mobile.side-nav ul li a{
	font-size: 16px;
}

.btn-large:not(.disabled), .btn-border{
	border: 1px solid #0AA1E2;
}

.btn-large:not(.btn-floating), .btn-large.square, .btn{
	border-radius: 3px;
	text-transform: none;
}

.btn-large:not(.btn-floating), .btn-large.square, .btn:not(.btn-small){
	padding: 0 22px;
}

.btn-large:not(.btn-floating), .file-field .btn.medium {
	height: 40px !important;
	line-height: 38px;
}

.btn-large span{
	vertical-align: top;
}

.btn-large.square:not(.btn-floating) {
	width: 40px;
	padding: 0;	
	line-height: 40px;
}

.btn.square:not(.btn-large){
	padding: 0;
	width: 36px;
}

.classEditorTabCE .tooltipped.material-tooltip-fix-size {
	position: relative;
	top: -1px;
}

.topInputField-margin {
	margin-top: 35px !important;
}

.input-field .switch label, 
.input-field input[type="radio"] ~ label,
.input-field input[type="checkbox"] ~ label
{
	pointer-events: initial !important;
}

.globalSearchLabel label.dataSearchLabel{
    transform: none !important;
    margin-left: 0px !important;
}

.rolesSearchBox{
	margin-top: 10px;
}

.roleSelect.input-field,
.subRolesSelect.input-field{
	margin-top: 0px;
}

[type="checkbox"]:checked+label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #0AA1E2;
    border-bottom: 2px solid #0AA1E2;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

#headMenu{
	position: fixed;
	top: 48px;
	right: 7px;
	width: 200px;
}

#headMenu.dropdown-content li > a, #headMenu.dropdown-content li > span{
	color: #333333;
}

#headMenu.dropdown-content li{
	min-height: inherit;
}

#headMenu.dropdown-content li > a {
	padding: 7px 10px;
	font-size: 14px;
}

#headMenuBtn.active{
	background-color: #0883C0 !important;
}

.menuBorderTop{
	border-top: 1px solid #CCCCCC;
}

.menuDivider{
	width: 0px;
	height: 35px;
	top: 7px;
	float: left;
	margin-left: -1px;
	border-left: 1px solid #E5E5E5;
	position: relative;
	left: 1px;
}

#openConfigBtn {
	padding: 0;
	height: 48px;
}

body .ui-widget-content{
	background: none;
}

body table.striped>tbody>tr:nth-child(odd){
	background-color:#F8FBFC
}


body .ui-widget {
	 font-family: 'Open Sans', sans-serif;
}

body .ui-jqgrid .ui-jqgrid-view{
	font-size: 15px;
}

body .ui-state-default {
    color: #989898 !important;
    font-weight: normal !important;
}

body .ui-widget-content{
	color: #333333;
}

.multiple-select-dropdown [type="checkbox"]+label:before,
.multiple-select-dropdown [type="checkbox"]:not(.filled-in)+label:after {
	top: -12px;
}

#healthCheckDialog pre {
	white-space: pre-wrap;
	word-break: break-all;
}

.underline {
	text-decoration: underline;
}

.alpha{
	font-size: 10px;
	position: relative;
	top: -12px;
	padding: 3px;
	border-radius: 2px;
	font-weight: bold;
}

option.alpha{
	display: none;
}