:root {
    /* green */
    --color1-1: #ccece6;
    --color1-2: #527562;
    /* grey  */
    --color2-2: #D8D8D8;
    --color2-1: #F8F8F8;;
    --color2-3:lightgray;
    --color2-4: #606060;
    /* blue */

}


.btn-small{
	height:32px;
	padding:3px;
	font-size:14px;
	margin-left:3px;
}

._listbox{
    border-radius:8px;
    border:solid;
    border-width:1px;
    padding:10px !important;
    border-color:lightgrey;
    background-color: white !important;
    overflow:auto;
/*}
._listbox{*/
	background-color:white;
	border:solid;
	border-width:1px;
	border-color:lightgrey;
}

._frame{
    border:solid;
    border-width:1px;
    border-color:lightgrey;
    background-color:var(--color2-1);
}


/*
    used in the profile app
*/
._form2{
	background-color:white;
	color:black;
}


._form{
    background-color:#F5F5F5;
    border-radius:10px;
    border:solid;
    border-width:1px;
    border-color:lightgrey;
    box-shadow2: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
/*
._form ._bordered-section{
    border-color:lightgrey;
}
*/
._textarea-stylized{

	border-color:lightgrey;
	outline: none !important;
    border:1px solid lightgrey;
    box-shadow2: 0 0 10px #719ECE;
}
h2 {
	font-size:20px;
}
h3{
	font-size:16px;
}
/*
.top-strip{
	height:50px;
	background-color:#3d4351;
}
*/

.light-form{
	background-color:#F8F8F8;
	border:solid;
	padding:10px;
	border-color:lightgrey;
	border-width:1px;
	border-radius:8px;
}

._icon-strip {
	background-color:var(--color2-2);
    height:100%;
    width:100%;
    overflow:auto;
    padding-top:20px;
    display:grid;
    grid-template-rows:1fr;
}

._bordered-section{
	border:solid;
	padding:10px;
	border-color:lightgrey;
	border-width:1px;
	border-radius:8px;
}

._left-panel{
	background-color:#F8F8F8;
	width:320px;
	border:solid;
	border-width:1px;
	border-color:lightgrey;
}
.btn{
	border-radius:6px;
}
.btn-dark{
	background-color:#3d4351;
	color:white !important;
}
.btn-white{
	background-color:white;
	color:#3d4351 !important;
}
	
.btn-dark-green{
	background-color:#86BFA0;
	color:white;
}
#editor {
	margin: 0;
	height: 100%;
	width: 100%;
	border-radius: 15px;
	border: solid;
	border-color: lightgray;
}

.navbar-default .navbar-nav > li > a:focus {
	color: white;
}

.navbar-default .navbar-nav > li > a:hover {
	color: white;
}

.navbar-default .navbar-brand > a:focus {
	color: white;
}

.navbar-default .navbar-brand > a:hover {
	color: white;
}

.navbar-brand:hover {
	color: white;
}

.navbar-brand:focus {
	color: white;
}

.navbar-header > a:hover {
	color: white;
}
._selected-tab-label{
    border-bottom-color:lightgrey;
}


.navbar-header .navbar-brand > a:focus {
	color: white;
}

.navbar-header .navbar-brand > a:hover {
	color: white;
}


._listtiles{
	box-shadow2: rgb(200, 200, 200) 1px 1px 2px 0px inset, rgba(215, 215, 215, 0.3) -1px -1px 3px 1px inset;
    border-radius:8px;
    border:solid;
    border-width:1px;
    padding:10px !important;
    border-color:lightgrey;
    background-color: white !important;
    overflow:auto;
    padding:3px !important;
}

/*
_listbox is used by the profile apps, tokens and trusts
*/
._listbox-item{
    background-color:white;
	padding:3px;
	cursor:pointer;
}

._listbox-item:hover{
    box-shadow: 3px 3px 5px #F0F0F0;
    background-color2: #b6e0c9;

    background-color: #cdd9f1;;
}

._listbox-selected-item{
    background-color2:#86BFA0;
    background-color: #DCDCDC;
}
    
/*
._inner-form{
    background-color2: white;
    border:solid;
    border-width:1px;
    border-radius:10px;
    border-color:lightgrey;
}


._inner-form-light{
    background-color: white;
    border:solid;
    border-width:1px;
    border-radius:10px;
    border-color:lightgrey;
}

*/

._listtiles-item{
    background-color:#F0F0F0;
	border-radius:8px;
	padding:3px;
	border:solid;
	border-width:1px;
	border-color:lightgrey;
	cursor:pointer;
    margin-bottom:3px;
}

._listtiles-item:hover{
    box-shadow: 3px 3px 5px #F0F0F0;
	border-color: #E0E0E0;
    background-color2: #ccece6;
    background-color: #cdd9f1;
    background-color2: #ffe0b3;
	border-color:#E0E0E0;
}

._listtiles-selected-item{
    background-color2:#DCDCDC;
    background-color: #B0B0B0;
    background-color2: #ffe0b3;
	border-color:darkgrey;
}

	/*	
.nav li {
	background-color: #3d4351 !important;
}
.nav a {
	background-color: #3d4351 !important;
}

.nav li {
	color: white !important;
}
*/
._tooltip {
	background-color:#3d4351;
	color:white !important;
	border:solid;
	border-width:1px;
	border-color:lightgrey;
	border-radius:8px;
}
/*
#title {
	cursor: pointer;
}
    */

    /*
body .modal-admin {
	
	width: 250px;
	
}
*/
html, body {
	height:100%;
	width:100%;
}


._icon{
	height:26px;
	width:26px;
	margin-left:0px;
	margin-bottom:0px;
    border2:solid;
    border-width2:1px;
    border-color2: transparent;
}


._icon-div{
	margin-left:5px;
	padding-left:5px;
	margin-bottom:10px;
    border:solid;
    border-width:1px;
    border-color2:lightgrey;
    border-color:#3d4351;
    border-radius:3px;
}
/*
._icon-div{
    border-color2:#3d4351;
}*/

._icon-div:hover{
	background-color2: #ccece6;
    border-color2:#527562;
    border-color: #a7c0ee;
    background-color: #d1e2ff;
    background-color2: #ffe0b3;
}


._selected-icon{
	border-left:solid;
	border-left-width:3px;
	border-left-color2:#86BFA0;
    border-left-color:#9fbbf5;
}

body{
	font-size:18px;
}

.btn{
	border:solid;
	border-width:1px;
	border-color:lightgrey;
	font-size:16px;
}

.form-control{
	height:34px;
	font-size:18px;
}

#icons2{
     background-color: #3d4351;
}

#_icons{
    background-color: #3d4351;
}

:root {
    --left: #D8D8D8; /* Global scope */
    --leftborder: #a0a4ad;
    --icon:#C8C8C8;
}

._left-panel{
    color2:white;
    background-color: var(--left) !important;
    border-color:var(--left) !important;
    border-right-width:1px;
    border-right-color:#3d4351;
}

                
._icon-div:hover{
            
    border-color2: #a7c0ee;
    background-color2: #d1e2ff;
        
    border-color: #719ECE !important;
    background-color: #719ECE !important;
}

                
._selected-icon{
    border-color22:#7ca0ec;
    border-left:solid;
    border-left-width:3px;
    border-left-color2:#86BFA0;
    border-left-color:#e4e8f1 !important;
    background-color22: #686868 !important;
}

/*
._populated-icon{
	border2:solid;
	border-width2:1px;
	border-color:darkgrey;
	background-color:#C8C8C8;
}
  */      

._populated-icon{
    border-color:darkgrey !important;
    background-color:#686868 !important;
}

._link{
    color:#3d4351;
    color2:#005ce6;
    color2:rgb(19, 148, 137) !important;
}
._control-section{
    box-shadow2:  rgb(200, 200, 200) 1px 1px 2px 0px inset, rgba(215, 215, 215, 0.3) -1px -1px 3px 1px inset;
    box-shadow2:  rgb(200, 200, 200) 1px 1px 1px 0px inset, rgba(215, 215, 215, 0.3) -1px -1px 2px 1px inset;
    border:solid;
    border-width:1px;
    border-color:lightgrey;
    border-radius:8px;
    padding2:15px !important;
    background-color2: #E0E0E0;
}

._left-panel ._control-section{
    border-color:var(--leftborder) !important;
}

._left-panel ._bordered-section{
    border-color:var(--leftborder) !important;
}

._left-panel .divider{
    background-color:var(--leftborder) !important;
}
/*
._left-panel2 a{
    color:white;      
}*/


._tooltip-icon {
    background-color:#E8E8E8;
    color:#3d4351 !important;
    border:solid;
    border-width:1px;
    border-color:lightgrey;
    border-radius:8px;
}