.uploadMessage {
	position: absolute !important;
	width: 100%;
	text-align: center;
	z-index: 1000;
	color: #fff;
}

.uploadMessage::before {
	background-color: rgba(0,0,0,0.5);
	content: '';
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}
.moduleContainer form[name="moduleForm"] div > label:first-child {
    display: block;
	font-size: 22px;
	padding: 0 0 10px;
	text-transform: uppercase;
	color: #363636;
	vertical-align: middle;
}

.moduleContainer form[name="moduleForm"] div > input, .moduleContainer form[name="moduleForm"] div > select, .moduleContainer form[name="moduleForm"] div > textarea {
    border: 1px solid #adadad;
	color: #363636;
	font-size: 16px;
	margin: 0 auto 20px;
	padding: 10px 16px;
	width: 100% !important;
	font-family: 'Montserrat', sans-serif;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.moduleContainer form[name="moduleForm"] select {
    -webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	appearance:none;
    background-image: url("/images/dropdown-btn.png");
    background-position: right center;
    background-repeat: no-repeat;

	padding: 9px 15px !important;
}

.moduleContainer form[name="moduleForm"] div > input[type="button"] {
    width: 50px !important;
	padding-top: 8px;
	background-color: #F0796D;
    color: #fff;
}

.moduleContainer form[name="moduleForm"] .addEditImgSelect select {
	width: calc(100% - 53px) !important;
}

.moduleContainer form[name="moduleForm"] div > input[type="file"] {
	padding: 6px;
}

.moduleContainer form[name="moduleForm"] select::-ms-expand {
	display: none;
}

.moduleContainer form[name="moduleForm"] div > label:first-child span {
	font-weight: normal;
	font-size: 14px;
	text-transform: none;
	color: #95989a;
	letter-spacing: 1px;
}

.moduleContainer form[name="moduleForm"] div > label:first-child span.file-name {
	display: block;
}

.moduleContainer form[name="moduleForm"] div.mapSec {
	padding: 0 !important;
}

.moduleContainer form[name="moduleForm"] div.mapSec h2 {
	font-size: 20px;
	text-transform: uppercase;
	padding: 45px 1em;
}

.adminShowHideChild, .toggleOptions {
	display: none;
}

.adminShowHideChild div, .toggleOptions div {
	display: inline-block;
	width: 49%;
	vertical-align: top;
	padding: 0 5px;
}

.custom-header {
  color: #fff;
}

.adminShowHideChild div > div, .adminShowHideChild div .search-input {
    width: 100%;
}

.adminShowHideParent {
	text-transform: uppercase;
	color: #363636;
	font-size: 22px;
	padding: 0 0 10px;
	cursor: pointer;
	font-weight: normal;
	width: 100%;
}

.adminShowHideParent::after {
	content: "\f105";
	font-family: Flaticon;
	font-size: 13px;
	position: absolute;
	margin-left: 8px;
}

.mi:not(.moduleContainerBlk) form[name="moduleForm"] > div.adminGreyBox {
	background-color: #eee;
	padding: 20px 25px 20px 25px;
	margin: 0 0 20px;
	width: 100%;
}

.adminGreyBox div {
	display: inline-block;
	vertical-align: middle;
	padding: 0 5px;
}

#moduleItemLangContainer label, .moduleContainer form[name="moduleForm"] .adminGreyBox .radioGroupBlock label:first-child {
	display: inline-block;
	padding: 5px;
}

#moduleItemLang {
	padding: 5px !important;
	width: 120px !important;
	vertical-align: middle;
	margin: 0;
	background-image: url("/images/admin/select.jpg");
}

.moduleContainer form[name="moduleForm"] .adminGreyBox .radioGroupBlock label:not(:first-child) {
	padding-bottom: 0;
	font-size: 22px;
	vertical-align: middle;
}

.moduleContainer form[name="moduleForm"] .radioGroupBlock label:not(:first-child) {
	padding: 0 15px 15px;
	display: inline-block;
}

input[type="radio"] {
	margin: 0 2px;
}

input[type="checkbox"] {
	margin: 0 5px 6px;
}

.moduleContainer form[name="moduleForm"] div > input[type="color"] {
    padding: 0;
    height: 40px;
    width: 65px !important;
}

.mi:not(.moduleContainerBlk) form[name="moduleForm"] > div.checkBoxGroup {
	width: 24.5%;
	padding-bottom: 40px;
	display: inline-block;
	vertical-align: top;
}

.mi:not(.moduleContainerBlk) form[name="moduleForm"] > div.extComment {
	width: 100%;
}

.invalid {
	border-color: red !important;
}

.invalidLabel {
	color: red;
}

/************Module Item Form Style***************/
#moduleContainer {
	display: inline-block;
	margin-right: 25px;
	width: 675px;
}

.moduleContainer form[name="moduleForm"] {
	position: relative;
	text-align: left;
}

.mi:not(.moduleContainerBlk) form[name="moduleForm"] > div {
	margin-bottom: 10px;
	min-height: 30px;
	position: relative;
}

.mi:not(.moduleContainerBlk) form[name="moduleForm"] > div.imageDrop,
.mi:not(.moduleContainerBlk) form[name="moduleForm"] > div.id-placeholder{
	width: 100%;
	background-color: #eee;
	border-radius: 5px;
	color: #363636;
	position: relative;
	text-align: center;
	height: 300px;
	cursor: pointer;
}

.mi:not(.moduleContainerBlk) form[name="moduleForm"] > div.id-placeholder{
	cursor: no-drop;
}

.dz-message{
	font-size: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 25px;
	margin: auto !important;
}

.dz-preview{
	display: inline-block;
}

.mi:not(.moduleContainerBlk) .ckEditContainer {
	width: 100% !important;
}


.moduleContainer form[name="moduleForm"] input[name="moduleAddEditBtn"], input[name="moduleAddEditLiveBtn"], .moduleContainer form[name="moduleForm"] input[name="moduleAddEditDraftBtn"], .moduleContainer form[name="moduleForm"] input[name="moduleAddEditDraftPrevBtn"], .moduleIndexButton, .bulkAll, .moduleContainer form[name="moduleForm"] .moduleOneMoreBtn, input[name="uploadFile"], .addRec {
    background: #F0796D none repeat scroll 0 0;
	border: 2px solid #F0796D;
	color: #fff;
	display: inline-block;
	line-height: 1;
	margin: 15px;
	min-width: 200px;
	padding: 20px 15px;
	text-align: center;
	width: 22%;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 18px;
	font-family: 'bebas_neue_regularregular';

	-webkit-transition: color 0.3s ease 0s, background-color 0.3s ease 0s;
	-moz-transition: color 0.3s ease 0s, background-color 0.3s ease 0s;
	-o-transition: color 0.3s ease 0s, background-color 0.3s ease 0s;
	transition: color 0.3s ease 0s, background-color 0.3s ease 0s;

	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	border-radius: 10px !important;
}

.moduleContainer form[name="moduleForm"] input[name="moduleAddEditBtn"]:hover, input[name="moduleAddEditLiveBtn"]:hover, .moduleContainer form[name="moduleForm"] input[name="moduleAddEditDraftBtn"]:hover, .moduleContainer form[name="moduleForm"] input[name="moduleAddEditDraftPrevBtn"]:hover, .moduleIndexButton:hover, .bulkAll:hover, .moduleContainer form[name="moduleForm"] .moduleOneMoreBtn:hover, input[name="uploadFile"]:hover {
	background-color: #fff;
	color: #F0796D;
}

.moduleContainer form[name="moduleForm"] input[name="moduleAddEditDraftBtn"], .addRec {
	color: #363636;
	background-color: #fff;
}

.moduleContainer form[name="moduleForm"] input[name="moduleAddEditDraftBtn"]:hover, .addRec:hover {
	color: #fff;
	background-color: #F0796D;
}

.moduleContainer form[name="moduleForm"] .moduleOneMoreBtn, .moduleContainer form[name="moduleForm"] input[name="moduleAddEditDraftPrevBtn"] {
    background-color: #fff;
    color: #363636;
    border-color: #363636;
	vertical-align: middle;
}

.moduleContainer form[name="moduleForm"] .moduleOneMoreBtn::after {
	font-family: Flaticon;
    content: "\f100";
    padding-left: 15px;
    font-size: 14px;
}

.mi:not(.moduleContainerBlk) form[name="moduleForm"] .moduleSubElement, .mi:not(.moduleContainerBlk) form[name="moduleForm"] .sInput {
	min-height: 55px;
	width: 24.5%;
	display: inline-block;
}

.mi:not(.moduleContainerBlk) form[name="moduleForm"] .sInput label:first-child, .adminShowHideParent {
	display: inline-block;
	padding: 10px;
}

.mi:not(.moduleContainerBlk) form[name="moduleForm"] .sInput input {
	max-width: 130px;
	vertical-align: top;
	padding: 10px 10px;
}
/********ckEditor formatting tweaks*******/
.moduleContainer form[name="moduleForm"] .cke_skin_kama {
	border: none;
	padding: 0;
}
.moduleContainer form[name="moduleForm"] .cke {
	margin-bottom: 13px;
}

/***************** JQUERY UI *******************/
.ui-widget-overlay {
	position: fixed !important;
	width: 100% !important;
}

.ui-dialog {
	padding: 0 !important;
}

/*********************** RESPONSIVE STYLES ******************/
@media screen and (min-width: 1000px) {
	.mi:not(.moduleContainerBlk) form[name="moduleForm"] > div, .mapRow {
		display: inline-block;
		padding: 0 0 0 1em;
		vertical-align: top;
		width: 49.5%;
	}
}

@media screen and (max-width: 1000px) {
	.mi:not(.moduleContainerBlk) form[name="moduleForm"] .moduleSubElement, .mi:not(.moduleContainerBlk) form[name="moduleForm"] .sInput {
		min-width: 280px;
	}

	.mi:not(.moduleContainerBlk) form[name="moduleForm"] > div.checkBoxGroup {
		width: 300px;
	}

	.moduleContainer form[name="moduleForm"] {
		padding-top: 15px;
	}
}