/* 
	FormBuilderRx
	@company : Copyright © 2016, Enrollment Rx, LLC
	All rights reserved.
	Redistribution and use in source form, with or without modification, are prohibited without the express written consent of Enrollment Rx, LLC.
	THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES,
	INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
	DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
	SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
	SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER
	IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
	SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
	@website : http://www.enrollmentrx.com/
	@author EnrollmentRx
	@version 1.0
	@date 2016-05-13 
	@description Page Builder Executor Page
*/
.page-Button li{
	display: inline-block;
	width: 10.8%;
}

.remove-padding {
	padding:0px;
}
/*body.adminBody{
    background: #F4F6F9;
}*/


.admin-panel-main-container .admin-panel-header-div {
	background: #F4F6F9;
	position:fixed;
	height:50px;
	padding-top: 7px;
	z-index:1;
}


.admin-panel-main-container .admin-panel-header-div .admin-panel-header-page-name {
	position: absolute;
	left: 160px;
	top: 0;
	bottom: 0;
	right: 160px;
	color: #000;
	text-align: center;
	line-height: 46px;
}

.admin-panel-main-container .admin-panel-header-div .admin-panel-header-back-link-div a.slds-button--neutral {
	font-size:12px;
	padding: 0px 8px;
}

.admin-panel-main-container .main-body-part {
	position: relative;
	top: 50px;
	margin-top:5px;
}

.admin-panel-main-container .main-body-part .main-body-left-panel {
	/*position:fixed;
	left:0;
	top:55px;*/
	height:100%;
}

.admin-panel-main-container .main-body-part .main-body-left-panel .create-section-button-div, .admin-panel-main-container .main-body-part .create-model-button-div .create-model-button {
	margin-top:5px;
}

.admin-panel-main-container .main-body-part .main-body-left-panel .create-section-button-div .slds-button--brand {
	width:100%;
}

.admin-panel-main-container .main-body-part .main-body-left-panel .create-page-header-button-div .slds-button--brand {
	width:100%;
}

.admin-panel-main-container .main-body-part .main-body-left-panel .create-model-button-div .slds-button--brand {
	width:100%;
}

.admin-panel-main-container .main-body-part .main-body-right-panel {
	border:1px solid #DDD;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	margin-top:40px;
}

.admin-panel-main-container .main-body-part .main-body-right-panel .page-header-div {
	background: #004f87;
	color: #FFF;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	height:25px;
}

.admin-panel-main-container .main-body-part .main-body-right-panel .page-header-description-div {
	background: #F1F1F1;
}

.admin-panel-main-container .main-body-part .main-body-right-panel .page-header-description-div .page-header-description-left-div {
	padding: 2px 15px;
}

.admin-panel-main-container .main-body-part .main-body-right-panel .page-header-div .page-header-left-div {
	padding: 1px 15px;
}

.admin-panel-main-container .main-body-part .main-body-right-panel .page-header-div .page-header-left-div h1 {
	font-size: 20px;
	font-family: verdana;
	color: #FFF;
}

.admin-panel-main-container .main-body-part .main-body-right-panel .page-header-div .page-header-right-div {
	margin-right: 8px;
	margin-top: -2px;
}

.admin-panel-main-container .main-body-part .main-body-right-panel .page-header-div .page-header-right-div a {
	font-size: 20px;
	font-family: verdana;
	color: #FFF;
}

.admin-panel-main-container .main-body-part .main-body-left-panel .model-list-field-div {
	background: #fff;
	min-width: 100%;
	border: 2px solid #CCC;
	max-height:400px;
	overflow:auto;
	position: static;
}

.field-list-div ul.fieldSortable {
	padding: 0px 8px;
}

ul.buttonSortable {
	padding: 0px 8px;
}

ul.buttonSortable li {
	background-color: #A7C4E2;
	border-radius: 0px;
	text-align: center;
	margin-bottom:10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: small;
	width: 100%;
	padding: 5px;
	cursor: move;
	color:#000;
}

.field-list-div ul.apply-min-height {
	min-height:50px;
}

ul.page-Button {
	min-height:50px;
}

.field-list-div ul.fieldSortable li {
	background-color: #A7C4E2;
	border-radius: 0px;
	text-align: center;
	margin-bottom:10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: small;
	width: inherit;
	padding: 5px;
	cursor: move;
	color:#000;
}

.fieldSortable-placeholder {
	border: 1px dotted black;
	min-height: 44px;
	background-color: #FFF !important;
 }
 
 .buttonSortable-placeholder {
	border: 1px dotted black;
	min-height: 44px;
	background-color: #FFF !important;
 }

.remove-margin {
	margin-left: 0px;
	margin-right: 0px;
}

.field-list-div div.alert {
	margin-bottom:5px;
	margin:0px 8px 5px 8px;
}

.admin-panel-main-container .main-body-part .main-body-right-panel .section-div {
	padding: 10px;
}

.admin-panel-main-container .main-body-part .main-body-right-panel .section-div div.section-header-div {
}

.inner-wrapper-left {
	float:left;
 }
 
.sub-inner-wrapper-left {
	float:left;
 }
 
 .inner-wrapper-right {
	float:right;
 }
 
 .sub-inner-wrapper-right {
	float:right;
 }
 
 .inner-wrapper-full-width {
	width:100%;
 }
 
 .inner-wrapper-half-width {
	width:49%;
 }
 
 .inner-wrapper-ul-div {
	text-align:center;
	overflow:hidden;
	margin-top:5px;
 }
 
 .inner-wrapper-ul-div.apply-height {
	height:35px;
 }
 
 .section-sortable li.section-list {
	margin-bottom:10px;
 }
 
 .admin-panel-main-container .main-body-part .main-body-left-panel .model-list-field-div.apply-position-static {
	position: static;
 }
 
 .slds .slds-form-element .slds-checkbox [type="checkbox"] ~ .slds-checkbox--faux.my-custom-checkbox {
	margin-right: 4px;
	float: left;
	margin-top: 2px;
 }
 
 .slds .slds-checkbox .slds-form-element__label.my-custom-text {
	display: block;
	vertical-align: middle;
	font-size: 12px;
	float: left;
	text-align: left;
	max-width: 68%;
 }
 
 .slds .slds-checkbox.my-custom-label {
	display:block;
 }
 
 .selected-field-span {
	border: 1px dashed #CCC;
	margin-left: 5px;
	width: calc(25% - 5px);
	margin-bottom: 5px;
	word-wrap: break-word;
 }
 
 .selected-field-span:nth-of-type(4n+1){
	clear:both;
 }
 
 div.inner-wrapper-ul-div ul.fieldSortable {
	height:100%;
 }
 
 div.inner-wrapper-ul-div ul.fieldSortable li {
	border-radius: 0px;
	text-align: center;
	margin-bottom:10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: small;
	width: inherit;
	padding: 5px;
	cursor: move;
	color:#000;
 }
 
 div.error-div {
	font-size:20px;
 }
 
 div.error-div span.glyphicon.glyphicon-exclamation-sign {
	font-size: 24px;
	position: relative;
	top: 6px;
 }
 
 div.loading-image-div {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10000;
	background: #FFF;
	opacity: 0.7;
 }
 
 div.loading-image-div div.slds-spinner--medium {
	margin: 5% auto;
 }
 
 div.component-div {
	margin-top: 10px;
	background: #fff;
	min-width: 100%;
	border: 1px solid #EEEEEE;
	padding-top: 5px;
 }
 
 div.component-div div.component-header {
	padding: 0px 10px 3px 10px;
	font-weight: bold;
 }
 
 div.component-div .upload-div ul.fieldSortable {
	padding: 0px 8px;
	min-height: 30px;
 }
 
 div.component-div .sub-section-div ul.fieldSortable {
	padding: 0px 8px;
	min-height: 30px;
 }
 
 div.component-div .upload-div ul.fieldSortable li {
	background-color: #A7C4E2;
	border-radius: 0px;
	text-align: center;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: small;
	width: inherit;
	padding: 5px;
	cursor: move;
	color: #000; 
  
 }
 
 div.component-div .sub-section-div ul.fieldSortable li {
	background-color: #A7C4E2;
	border-radius: 0px;
	text-align: center;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: small;
	width: inherit;
	padding: 5px;
	cursor: move;
	color: #000; 
  
 }
 
 .slds-col {
	margin: 0px 5px;
 }
 
 div.condition-div :first-child {
	margin-left:0px;
 }
 
 div.condition-div :last-child {
	margin-right:0px;
 }
 
 div#selectedfieldInstruction {
	/*  Changed by Shubham Re PD-3391 height: 100px !important; */
	height: 100px;
 }
 
 .slds .slds-lookup[data-select="multi"] .slds-pill__container.no-border {
	border-bottom: 0px;
 }
 
 .slds .slds-lookup[data-select="multi"] .slds-pill__container.no-border a:hover {
	text-decoration:none;
 }
 
 button.slds-button.slds-button--neutral.lookup-button {
	padding: 0px;
 }
 
 button.slds-button.slds-button--neutral.lookup-button:hover {
	cursor: auto;
 }
 
 span.pull-right.close-field {
	position: relative;
	top: -40px;
 }
 
 span.button-pull-right.close-field {
	position: relative;
	top: -20px;
	right: -8px;
	float: right;
 }
 
 label.slds-form-element__label.placeholder-label {
	font-weight: normal;
	color: #AAA;
 }
 
 .model-heading {
	padding: 0;
	font-weight: bold;
	margin-top:5px;
	padding: 3px;
	background: #F1F1F1;
	color: #34495E;
	display: inline-block !important;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-weight: bold;
	border: 2px solid #CCC;
	border-bottom: none;
 }
 
 .model-title {
	padding: 0px 8px;
	font-weight: bold;
	background: #34495E;
	color: #FFF;
	margin-bottom: 7px;
 }
 
 .model-title span.glyphicon.glyphicon-pencil {
	margin-left: 5px;
	cursor: pointer;
 }
 
 div.top-hagging-bar {
	position: fixed;
	top: 55px;
	right: 5px;
	padding:0px;
	background:#FFFFFF;
 }
 
 .pull-left.config-btn-container {
	margin-left: 5px;
 }
 
 .pull-left.config-btn-container:nth-child(1) {
	margin-left: 0px;
 }
 
 .slds-modal.slds-modal--large.slds-fade-in-open.change-top-pos {
	top: 40px;
 }
 
 .slds .slds-modal__header {
	padding: 16px 16px;
 }
 
 .right-border {
	border-right: 3px solid #CCC;
	margin-right: 5px;
 }
 
 .page-name-container h3 {
	padding: 10px 5px;
	font-size: 16px;
	font-weight: bold;
 }
 
 .customCol {
	width:125%;
 }
 
 .slds img.lookup-img {
	width: 20px;
	max-width: 20px;
 }
 
 .button-component-div .each-button-component-div {
	display:inline-block;
 }
 
 legend.model-configuration-legend {
 	font-size: 12px;
 }
 
 fieldset.model-configuration-fieldSet {
 	padding: .35em .625em .75em;
    margin: 0 2px;
    border: 2px solid #c0c0c0;
 }

 .slds-modal__container #buttonComponentUpdateFieldTable .slds-form-element {margin: 0;}
 
 @media (max-width: 768px) {
	.selected-field-span{
		clear:both;
	 }
	 
	 .selected-field-span {
		width: calc(100% - 5px);
	 }
	 
	 .admin-panel-main-container .main-body-part .main-body-right-panel, div.top-hagging-bar {
		width: calc(66.66666667% - 5px);
	 }
	/*.admin-panel-main-container .main-body-part .main-body-right-panel {
		left: 33.33333333%;
	}*/
 }

 @media (min-width: 769px) and (max-width: 991px) {
	.selected-field-span:nth-of-type(2n+1){
		clear:both;
	 }
	 
	 .selected-field-span {
		width: calc(50% - 5px);
	 }
	 
	 .admin-panel-main-container .main-body-part .main-body-right-panel, div.top-hagging-bar {
		width: calc(66.66666667% - 5px);
	 }
	/*.admin-panel-main-container .main-body-part .main-body-right-panel {
		left: 33.33333333%;
	}*/
 }
 
 .admin-panel-main-container .main-body-part .main-body-right-panel .section-div {
	overflow:auto;
 }

 @media (min-width: 992px) and (max-width: 1199px){
	.selected-field-span:nth-of-type(3n+1){
		clear:both;
	 }
	 
	 .selected-field-span {
		width: calc(33.33333333% - 5px);
	 }
	 
	 .admin-panel-main-container .main-body-part .main-body-right-panel, div.top-hagging-bar {
		width: calc(75% - 5px);
	 }
	/*.admin-panel-main-container .main-body-part .main-body-right-panel {
		left: 25%;
	}*/
 }

 @media (min-width: 1200px) {
	.selected-field-span:nth-of-type(4n+1){
		clear:both;
	 }
	 
	 .selected-field-span {
		width: calc(25% - 5px);
	 }
	 
	 .admin-panel-main-container .main-body-part .main-body-right-panel, div.top-hagging-bar {
		width: calc(83.33333333% - 5px);
	 } 
	/*.admin-panel-main-container .main-body-part .main-body-right-panel {
		left:16.66666667%
	}*/
 }