.clear { clear: both; }



/* order */

ul.order, ol.order { list-style-type: none; padding: 0; margin: 0; line-height: 1.5em; }

ul.order ul, ol.order ol { list-style-type: none; padding: 0; margin: 0; }

ul.order li, ol.order li { margin: 0; padding: 0; cursor: move; background: #f6f6f6; border-top: 4px solid #fff; clear: both; clear: both; }

ul.order ul li, ol.order ol li  { margin: 0; }

ol.order { list-style-position: inside; }

ol.order .col1 { display: inline; float: left; width: 59%; margin: 0; padding: 5px 10px; }

ol.order.pages .col1 { display: inline; float: left; width: 45%; margin: 0; padding: 5px 10px; }

ol.order .col2 { display: inline; float: left; width: 28%; margin: 0; padding: 5px 10px; }

ol.order.pages .col2 { display: inline; float: left; width: 37%; margin: 0; padding: 5px 10px; }

ol.order .buttons { display: inline; float: left; width: 110px; padding: 5px 10px; text-align: right; }

ol.order.pages .buttons { display: inline; float: left; width: 150px; padding: 5px 10px; text-align: right; }

.order img { margin: 0 5px 0 0; padding: 8px 0; vertical-align: middle; }

.padded { margin: 0 10px 0 0; vertical-align: middle; }

.padded img { float: left; margin: 2px 10px 2px 0; }





/* pages related */

ol.order .pagelink { font-size: 1.2em; }

ol.order .draft { background: #ffffec !important; }

ol.order .hiddenpage { background: #e9e9e9; }

ol.order .haschildren { margin: 8px 0; border-bottom: none !important; }



/* box header top right buttons */

.tools{

  padding-right: unset;

  display: flex;

  align-items: center;

  justify-content: flex-end;

}



.underline{

      border-bottom:1px solid #ccc;

      padding-bottom:5px;

}



.font-weight-bold {

  font-weight: bold !important;

}



.nav-tabs-custom{

  margin-bottom: unset;

  display: flex;

   align-items: center;

   justify-content: space-between;

}



.tip{

    font-weight: normal;

    color:#7b8a6e;

    background: #f0f9e8;

    border:1px solid  #b1e087;

    border-radius: 5px;

    padding: 3px 10px;

    display: inline-block;

 }

.tip.m-top {

  margin-top: 26px;

}

.d-flex {

  display: flex;

}

.align-items-center {

  align-items: center !important;

}

.align-items-top {

  align-items: flex-start !important;

}

.align-items-bottom {

  align-items: flex-end !important;

}

.justify-content-left {

  justify-content: flex-start !important;

}

.justify-content-right {

  justify-content: flex-end !important;

}

.justify-content-center {

  justify-content: center !important;

}

.justify-content-between {

  justify-content: space-between !important;

}

.direction-column {

  flex-direction: column !important;

}

.flex-wrap {

  flex-wrap: wrap;

}



.border {

    border: 1px solid #dee2e6!important;

}

.border-top {

    border-top: 1px solid #dee2e6!important;

}

.border-right {

    border-right: 1px solid #dee2e6!important;

}

.border-bottom {

    border-bottom: 1px solid #dee2e6!important;

}

.border-left {

    border-left: 1px solid #dee2e6!important;

}

.border-0 {

    border: 0!important;

}

.border-top-0 {

    border-top: 0!important;

}

.border-right-0 {

    border-right: 0!important;

}

.border-bottom-0 {

    border-bottom: 0!important;

}

.border-left-0 {

    border-left: 0!important;

}

.border-primary {

    border-color: #007bff!important;

}

.border-secondary {

    border-color: #6c757d!important;

}

.border-success {

    border-color: #28a745!important;

}

.border-danger {

    border-color: #dc3545!important;

}

.border-warning {

    border-color: #ffc107!important;

}

.border-info {

    border-color: #17a2b8!important;

}

.border-light {

    border-color: #f8f9fa!important;

}

.border-dark {

    border-color: #343a40!important;

}

.border-white {

    border-color: #fff!important;

}

.rounded {

    border-radius: 4px !important;

}

.rounded-top {

    border-top-left-radius: .25rem!important;

    border-top-right-radius: .25rem!important;

}

.rounded-right {

    border-top-right-radius: .25rem!important;

    border-bottom-right-radius: .25rem!important;

}

.rounded-bottom {

    border-bottom-right-radius: .25rem!important;

    border-bottom-left-radius: .25rem!important;

}

.rounded-left {

    border-top-left-radius: .25rem!important;

    border-bottom-left-radius: .25rem!important;

}

.rounded-circle {

    border-radius: 50%!important;

}

.rounded-0 {

    border-radius: 0!important;

}

.pad-5 {

  padding: 5px !important;

}

.pad-0 {

  padding: 0 !important;

}



#scroll-top {

    position:fixed;

    right:2px;

    bottom:50px;

    cursor:pointer;

    width:35px;

    height:35px;

    background-color:#3498db;

    text-indent:-9999px;

    display:none;

    -webkit-border-radius:60px;

    -moz-border-radius:60px;

    border-radius:60px

}

#scroll-top span {

    position:absolute;

    top:50%;

    left:50%;

    margin-left:-8px;

    margin-top:-12px;

    height:0;

    width:0;

    border:8px solid transparent;

    border-bottom-color:#ffffff;

}

#scroll-top:hover {

    background-color:#e74c3c;

    opacity:1;filter:"alpha(opacity=100)";

    -ms-filter:"alpha(opacity=100)";

}



.form-control.small{

    width:25%;

}

.form-control.medium{

    width:50%;

}



/*Editor Preview panel*/

div.preview{

  height: 300px;

  overflow-y: auto;

  background: url(/static/images/preview_bg.gif) no-repeat center;

   overflow: auto;

   border: 1px solid #ccc;

   padding: 6px;

   margin: 25px 0 6px;

}



/* Modal Image list for Editor */

div.image{

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 10px;

  border: 1px solid #ccc;

  padding: 10px;

  cursor: pointer;

}



div.image:hover{

   -webkit-box-shadow: 0px 12px 7px -6px rgba(0,0,0,0.75);

  -moz-box-shadow: 0px 12px 7px -6px rgba(0,0,0,0.75);

  box-shadow: 0px 12px 7px -6px rgba(0,0,0,0.75);

  transition: .20s;

}



div.image img {

  height: 70px; 

  max-width: 400px;

}



li.be-disabled:hover > a.be-disabled,
li.be-disabled > a.be-disabled{
  cursor: not-allowed;
  background-color: #ffffff3d !important;
  color:#b8c7ce;
}

.form-control.sameline { display:inline-block; width:auto !important; height:35px; }
.detailsview-adminlte {
    background: #fff;
    font-size: 14px;
}

.detailsview-adminlte th {
    width: 220px;
    background: #f4f6f9;
    font-weight: 600;
    vertical-align: middle;
    padding: 10px;
}

.detailsview-adminlte td {
    padding: 10px;
    vertical-align: middle;
}

/* Inputs */
.detailsview-adminlte input[type=text],
.detailsview-adminlte textarea,
.detailsview-adminlte select {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #d2d6de;
    padding: 6px 10px;
}

/* Labels */
.detailsview-adminlte label {
    margin-bottom: 0;
    font-weight: normal;
}

/* Action buttons */
.detailsview-adminlte a,
.detailsview-adminlte input[type=submit],
.detailsview-adminlte button {
    margin-right: 6px;
}

/* Edit row highlight */
.detailsview-adminlte tr.edit-row {
    background-color: #ecf0f5;
}
.detailsview-adminlte td span,
.detailsview-adminlte td label {
    display: inline-block;
    padding-top: 4px;
}
.hide-col { display:none; }
.table-bordered.darkborder > tbody > tr > td { border-color:#f1f1f1; }
/* Message textbox styling */
.message-box {
    resize: vertical;
    background: #f9fafc;
    border: 1px solid #d2d6de;
    font-size: 13px;
}

/* Header colour */
.bg-light-blue {
    background-color: #3c8dbc !important;
    color: #fff;
}

/* GridView Pager - Bootstrap style */
.grid-pager {
    text-align: center;
    padding: 10px 0;
}

.grid-pager table {
    margin: 0 auto;
}

.grid-pager td {
    padding: 0 3px;
}

.grid-pager a,
.grid-pager span {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
}

.grid-pager span {
    background-color: #337ab7;
    color: #fff;
    border-color: #337ab7;
    font-weight: bold;
}

.grid-pager a:hover {
    background-color: #f5f5f5;
}
body .table-striped > tbody > tr.bg-white { background: #fff; }

/* Force DetailsView to behave nicely */
.dv-row td {
    vertical-align: top;
}

/* Left column (headers) */
.dv-header {
    width: 220px !important;
    white-space: nowrap;
}

/* Right column (content) */
.dv-row td:nth-child(2) {
    width: calc(100% - 220px);
}

/* Prevent content pushing layout */
.dv-row input,
.dv-row select,
.dv-row textarea {
    max-width: 40%;
}

.field-header { min-width:220px; }

.details-view .field-header {
    width: 220px !important;
    min-width: 220px;
    max-width: 220px;
    background-color: #DEE8F5;
    font-weight: 600;
    vertical-align: middle;
}
.details-view td {
    width: auto !important;
    vertical-align: middle;
}

.AddEditCalendar th { text-align:center; }

.selectedRow { background:LightGray !important; }
.scroll-container {
overflow: auto; 
margin-bottom:20px;
}
@media (max-width: 767px) {
	.skin-black .main-header .logo, .skin-black .main-header .logo:hover {
		background-color: #ffffff;
	}
	.details-view .field-header {
		width: auto !important;
		min-width: auto;
		max-width: auto;
	}	
	.actions .form-control.sameline {
		width: 100% !important;
		margin-top: 5px;
		margin-bottom: 5px;
	}
}  

.checkbox label label { padding-left:3px; }
/* END of Modal Image list for Editor