/*
Theme Name:   MRQ3 Child Theme
Theme URI:    https://appfinesse.com/
Description:  MRQ3 child theme of bootstrap-basic4
Author:       kevin
Author URI:   https://appfinesse.com
Template:     bootstrap-basic4
Version:      1.0.0
Text Domain:  bootstrap-basic4
*/
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hideme { display:none!important; }
.showme { display:flex!important; }
.icon-trash {
    width:16px;
    height:16px;
    background-image: url('assets/trash.png');
    cursor: pointer;
}

.icon-plus {
    width:16px;
    height:16px;
    background-image: url('assets/plus.png');
    cursor: pointer;
}


.show-A, .show-O, .show-T, .show-S {display:none;}
.kpage[user_type=A] .show-A {display:flex;}
.kpage[user_type=O] .show-O {display:flex;}
.kpage[user_type=T] .show-T {display:flex;}
.kpage[user_type=S] .show-S {display:flex;}
hr {width:100%;}

html {
    width:100%;
    height: 100%;
}
body {
    width:100%;
    height: 100%;
    overflow-y: hidden;
}
td a {
    text-decoration: underline!important;
    color:#007bff!important;
}
.kpage {
	position: fixed;
	top:0;
	display: flex;
	flex-direction: row;
	background-color: #f6f7f9;
	width:100%;
	height: 100%;
}
body.admin-bar .kpage {
	height: calc(100% - 32px);
	top:32px;
}

.nav-left {
    width:240px;
    height:100%;
    background-color: white;
    color: #516278;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #D5DBE2;
    box-sizing: border-box; 
    flex-shrink: 0;   
}
.page-right {
    height:100%;
    width: calc(100% /*- 240px*/);
    color: #516278;
    flex-direction: column;
    flex-grow: 1;
}
.kpage-header {
	background-color: #fff;
    border-bottom: 1px solid #D5DBE2;
    box-sizing: border-box;
    height: 100px;
    padding:20px 10px;
}
.kpage-body {
    width: 100%;
    height: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    padding: 10px;
    box-sizing: border-box;
    overflow-y: auto;
}

.clink {
    color: #FFAA4D !important;
    cursor: pointer;
    text-decoration: underline !important;
}
.pane-white {
    display: flex;
    background-color: #fff;
    padding: 16px 32px;
    color: #516278;
}

button {
	width: fit-content;
}
button.save {
	opacity: 0.2;
	cursor: none;
}
button.save.active {
	opacity: 1;
	cursor: pointer;
}
button.button-green {
	background-color: lightgreen!important;

}
button.button-red {
	background-color: orangered!important;

}
label {
	margin:0.5rem 0 0 0!important;
	font-size: 0.9em;
    color: #516278;
}


.tab-row .tab {
	color:#516278;
	border-bottom: none;
	box-sizing: border-box;
	cursor: pointer;
}
.tab-row .tab.hi {
	color:#5997FF;
	border-bottom: 2px solid #5997FF;
}

.tab-body {
	display:none;
}