/*
 * Ziegler Heavy Industries Platform v3.0
 *
 * Bootstrap Chrome: Base
 */

/* Semantic State */
.cms-strike { text-decoration: line-through; }

/* Collapse Panels */
.pbs-collapse-panel-heading { cursor: pointer; }
.pbs-collapse-panel-heading:before {
    content: '\f0d7';
    float: right;
    font-family: 'Font Awesome 5 Pro', FontAwesome;
    font-weight: normal;
}
.pbs-collapse-panel-heading.collapsed:before {
    content: '\f0d9';
    float: right;
    font-family: 'Font Awesome 5 Pro', FontAwesome;
    font-weight: normal;
}

/* Multiselect override */
.multiselect {
    text-align: left ! important;
}
.multiselect b.caret {
    position: absolute;
    top: 14px;
    right: 8px;
}

/* Spinner */
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}


/* Steps CSS */

.step {margin-bottom: 15px;}

.step .col-md-2 a {
    background: #DDDDDD;
    color: #333;
    text-align: center;
    position: relative;
    display: block;
    margin: 0 -15px;
    padding: 10px 0;
}
.step .col-md-2 {
    margin-right: 20px;
}
.step .col-md-2 a:hover,
.step .active a{
    background: #5cb85c;
    text-decoration: none;
    color: #fff;
}


.step .col-md-2:hover a:after,
.step .col-md-2.active a:after {
    border-left-color: #5cb85c;
}

.step .col-md-2 a:after {
    position: absolute;
    right: -20px;
    top: 0px;
    border-left: 20px solid #DDDDDD;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    content: "";
}
.step .col-md-2 a:before {
    position: absolute;
    left: 0;
    top: 0px;
    border-left: 20px solid #fff;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    content: "";
}
.step .col-md-2:last-child a,
.step .col-md-2:first-child a{
    border-radius: 3px;
}
.step .col-md-2:last-child a:after,
.step .col-md-2:first-child a:before {
    border: none;
}


/* Page Editor */
.page-editor .ebutton-panel > .panel {
	margin-bottom: 0;	
}
.page-editor .ebutton-panel { text-align: left !important;}
.page-editor .ebutton-panel .modal { text-align: left;}

.ebutton-panel { position: relative;}

.ebutton-panel .popover { white-space: nowrap;}
.ebutton-panel.ebutton-rowbreak { text-align: left; border-bottom: 1px dashed #ccc; margin-bottom: 10px; }
.ebutton-rowbreak .pager { position: absolute;  width: 100%; margin: 0; }

#PageEdit .ebutton-panel p {  }
#PageEdit .ebutton-panel .panel-body.edit-panel { overflow: hidden; }

.page-editor .panel-heading .pager { margin: 0; }
.page-editor .nav { margin-bottom: 20px;}

.page-editor .ebutton-panel .ebutton { display: inline-block; }
.page-editor .ebutton-panel .panel-heading { padding-left: 60px;}

.page-editor .ebutton-panel .panel-body .panel-heading { padding-left: 0;}

.page-editor .crm-fade .panel-heading {
	border-bottom-style: dashed;
}
.page-editor .crm-fade .panel-body, .page-editor .crm-fade .panel-footer {
	border-left-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
}
.page-editor .crm-fade .panel-body {
background-image: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 30px, rgb(250,250,250) 30px, rgb(250,250,250) 60px);
}	
.page-editor .crm-fade .panel-body .panel-body {
background: transparent;
}	
.pe-size-full { 
display: block; float: left; width: 15px; height: 15px; background: #000; border: 1px solid #000;
}
.pe-size-empty { 
display: block; float: left; width: 15px; height: 15px; background: #fff; border: 1px solid #000;
}

.page-editor .size-block { height: 15px; background-image: repeating-linear-gradient(90deg, rgb(224,224,224), rgb(224,224,224) 8.33%, rgb(238,238,238) 8.33%, rgb(238,238,238) 16.66%);}
.page-editor .size-inner { height: 15px; background: rgba(0,0,0,0.26);}

.page-order, .page-order ul { list-style: none;}
.page-order li { margin-top: 4px;}

.ui-sortable-placeholder { 
	border-radius:5px;
	outline: 1px dashed #ddd;
	visibility: visible!Important;
}

.real-first-child {
	margin-left:0 !important;
}

.ebtn-stack-tl-2 { top: 0; left: 48px;}

.flex-list > .cms-dyn { display: flex; flex-wrap: wrap; width: 100%;}    
.flex-list .col-flex { display: flex;}
.flex-list .panel { display: flex; flex-direction: column; width: 100%;}
.flex-list .ui-sortable-placeholder { display: flex;}

.ebutton-panel .ebutton { position: absolute; width: 48px; height: 38px; border-radius: 0; text-align: center; }
.ebutton-panel .ebutton.ebtn-tl { top: 0; left: 0;  border-top-left-radius: 3px;}
/* END Page Editor */

.cms-indent {
    margin-left: 15px;
}

/* Tab Partial Loader */
.pbs-tabdefer-loading { text-align: center; padding: 64px 0; }
.pbs-tabdefer-loading-inner { margin: 0 auto; background: #fff url('crm-spinner.gif') 50% 50% no-repeat ! important; padding: 8px; width: 32px; height: 32px; border: 1px #999 solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.pbs-tabdefer-deferred { opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); }
.pbs-tabgrp-refresh-outer { position: relative; z-index: 2; }
.pbs-tabgrp-refresh-inner { position: absolute; right: 8px; top: 8px; }

.datepicker.dropdown-menu {
    z-index: 10000 !important;
}