#panel-container.panel-opened {
	position: fixed;
	bottom: 0;
	top: 60px;
	left: 250px;
	right: 0;
}

body.hide-sidebar #panel-container.panel-opened {
	left: 0px;
}

body.sidebar-filter-hide #panel-container {
	left: 0px;
}

#panel-container .container-fluid {
	width: 100%;
}

#panel-left, #panel-right {
	display: block;
	height: 100%;
}

#panel-container.panel-opened {
	overflow: hidden;
}

#panel-left.panel-opened {
	width: 60%;
	overflow-x: scroll;
    overflow-y: hidden;
}

#panel-left.panel-opened .container-fluid {
    width: 166.666667%;
    overflow-y: scroll;
    height: 100%;
    overflow-x: hidden;
}

#panel-right.panel-opened {
	overflow:  auto;
	scrollbar-width: thin;
}

#panel-left.panel-closed {
	width: 100%;
}

#panel-right.panel-closed {
	display: none;
}

#panel-right.panel-opened {
    display: block;
    position: absolute;
    top: 0;
    width: 40%;
    right: 0;
    box-shadow: -1px 0px 10px 1px #aaaaaa;
}

#panel-right.panel-opened.panel-size-double {
	width: 80%;
}

#panel-right {
	background-color: white;
	border-left: 1px solid #ccc;
	overflow-x: hidden !important;
}

#panel-right label {
	font-weight: 300 !important;
}

#panel-right input:not([type='checkbox']).color {
	width: auto !important;
}

#panel-right label {
	padding-top: 3px;
	padding-bottom: 3px;
}

#panel-right input[type="checkbox"] {
    margin-top: 5px;
}

#panel-right input:not([type='checkbox']), #panel-right select {
	border: 1px solid transparent !important;
	box-shadow: 0px 0px 0px white !important;
	border-radius: 0px !important;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 24px;
}

#panel-right textarea {
	border: 1px solid transparent !important;
	box-shadow: 0px 0px 0px white !important;
	border-radius: 0px !important;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: auto;
}

#panel-right input:not([type='checkbox']):hover, #panel-right select:hover, #panel-right textarea:hover {
	background-color: rgba(138, 134, 130, 0.15);
}

#panel-right input:not([type='checkbox']):focus, #panel-right select:focus, #panel-right textarea:focus {
	border: 1px solid #e4e7ea !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	background-color: rgba(255, 255, 255);
}

#panel-right ul.nav-tabs {
	background-color: #f6f8f9;
}

#panel-right ul.nav-tabs li button {
	border-radius: 0px;
	font-weight: 500;
}

#panel-right .form-footer-action {
    position: sticky;
    bottom: 0px;
    display: flex;
    overflow: hidden;
    background-color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ccc;
}

/*.border-panel-input input.color {
	width: auto !important;
}

.border-panel-input input, .border-panel-input select, .border-panel-input textarea, .test {
	border: 1px solid transparent !important;
	box-shadow: 0px 0px 0px white !important;
	border-radius: 6px !important;
	padding-left: 5px;
	padding-right: 5px;
}

.border-panel-input input:hover, .border-panel-input select:hover, .border-panel-input textarea:hover, .test {
	background-color: rgba(138, 134, 130, 0.15);
}

.border-panel-input input:focus, .border-panel-input select:focus, .border-panel-input textarea:focus, .test {
	border: 1px solid #e4e7ea !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	background-color: rgba(255, 255, 255);
}*/

/*.input-panel-text-dark {
	color: #323c49;
}
*/

.form-group-panel {
	margin-bottom: 15px;
}

.sticky-bottom {
    position: sticky;
    bottom: 0px;
    z-index: 999;
    padding: 10px;
	background-color: rgba(255, 255, 255);
}

.background-panel {
	background-color:#f6f8f9; 
	border: solid 1px #ececed;
}

.date-arrow {
	float: right;
	font-size: 10px;
    margin-top: -18px;
    margin-right: 3px !important;
	position: relative;
	z-index: 2;
}

.minicolors-swatch, .minicolors-swatch-color{
	height: 21px !important;
	width: 21px !important;
	border-radius: 50% !important;
}

.m-r-55 {
	margin-right: 55px!important
}

#catalog-workbook-add, #catalog-thematic-add {
	font-weight: 500 !important;
	color: #6f7782 !important;
}

.minicolors-swatch {
	top: -1px !important;
	left: -2px !important;
}

.minicolors-theme-default.minicolors-position-right .minicolors-input {
	padding-left: 20px !important;
	padding-right: 0px !important;
}

.panel-label {
	font-weight: 400 !important;
	color: #6f7782 !important;
}

.form-check-label {
	position: absolute;	
	margin-top: -1px;
	padding-left: 5px;
	font-weight: 400 !important;
	color: #6f7782 !important;
}

.error-message li {
	list-style-type: none;
}