:root {
	--mixcrmRed: #cc0000;
	--mixcrmRedLight: #ef3344;
	--mixcrmRedDark: #dd0000;
	
	--mixcrmBlack: #222;
	/* --mixcrmGrayDark:#555; */
	--mixcrmGrayDark: #999;
	--mixcrmGrayLight: #ccc;
	--mixcrmWhite: #fff;
	
	--mixcrmBlue: #335599;
	--mixcrmBlueBlack: #222344;
	--mixcrmBlueDark: #55557a;
	--mixcrmBlueLight: #adadef;
	
	--mixcrmGreen: #339955;
	--mixcrmGreenDark: #557a55;
	--mixcrmGreenLight: #adefad;
	
	
    --mixcrm-violet: #9461fb;
    --mixcrm-violet-bg: #712cf9;
    --mixcrm-toc-color: var(--bs-emphasis-color);
    --mixcrm-sidebar-link-bg: rgba(84,33,187, .5);
    --mixcrm-callout-link: 110,168,254;
    --mixcrm-callout-code-color: #e685b5;
    --mixcrm-pre-bg: #1b1f22;
}

h1 {
	font-size:18pt;
	color:var(--mixcrmRedDark);
}

h2 {
	font-size:16pt;
	color:var(--mixcrmBlueDark);
}

h3 {
	font-size:12pt;
	color:var(--mixcrmBlueDark);
}

.info {
	display:block;
	width:100%;
	padding:1rem;
	font-size:10pt;
	border-radius:5px;
	background-color:var(--mixcrmGrayDark);
	color:var(--mixcrmWhite);
	margin:.5rem 0;
}

.info a, .info a:link, .info a:visited {
	color:#aaffaa;
	text-decoration:none;
	border-bottom: 1px dashed #00c;
}

.info a:hover {
	color:#00ff00;
	border-bottom: 1px dashed #00ff00;
}

.mainTable {
	display:table;
	width:100%;
}

.mainTable tr {
	background-color: transparent; 
	display:table-row;
	margin-bottom:5px; 
	border-bottom:1px solid #ddd;
	padding-bottom:4px;
	color:var(--mixcrmBlueDark);
	line-height:2rem;
}

.mainTable tr:hover {
	background-color: #fafafa;
}

.mainTable th {
	background-color: transparent; 
	display:table-cell;
	margin-bottom:5px; 
	border-bottom:1px solid var(--mixcrmBlue);
	color:var(--mixcrmBlue);
	line-height:2rem;
}

.mainTable td {
	background-color: transparent; 
	display:table-cell;
	margin-bottom:5px; 
	border-bottom:1px solid #ddd;
	padding-bottom:4px;
	color:var(--mixcrmBlue);
	line-height:2rem;
	word-wrap: break-all;
	hyphens: auto;
}

.mainTable .btn-success {
	font-size:8pt;
}

.operationWrap {
	display:block;
	float:left;
	width:100%;
	padding:1rem;
	font-size:10pt;
	border-radius:5px;
	background-color:#fff;
	border:1px solid var(--mixcrmBlueLight);
	margin:.5rem 0; 
	margin-bottom:24px;
}

.operationWrap a, .operationWrap a:link, .operationWrap a:visited { 
	text-decoration:none;
}

.form-label {
	font-weight:bold;
}

.required {
	border-left:4px solid #0c0;
}

.suggestionsBox { /* RPC */
	position: relative;
	display:block;
	margin: 0px 0px 0px 0px;
	width: 100%;
	background-color:rgba(244,244,244,1);
	font-size:8pt;
	border-radius: 0 8px 8px 8px;
	border: 1px solid #fa0;	
	color: #3c3c00;
	top:10px;
	padding:10px;
	overflow-y:scroll;
	min-height:24pt;
	box-shadow:0px 0px 15px rgba(0,0,0,.5);
}

.suggestionsBox.pa {
	top:0;
}

.suggestionList {
	margin: 0px;
	padding: 2px 2px;
	line-height:14px;	
}

.suggestionList li {
	cursor:pointer; 
	padding:6px 10px; 
	list-style-type: none;
	transition: background-color 0.3s ease;
	border-radius:6px;
	border-bottom:1px solid #777;
}

.suggestionList li:hover {
	background-color: #fc0;
	color:#000;
	transition: background-color 0.3s ease;
}

/*radio buttons*/
.custom-radio input{
    display:none;
}

.radio-card{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    border-radius:12px;
    cursor:pointer;
    background:rgba(255,255,255,0.5);
    border:1px solid rgba(255,255,255,0.3);
    backdrop-filter:blur(10px);
    font-weight:600;
    color:#555;
    transition:all .25s ease;
}

/* hover */
.radio-card:hover{
    background:rgba(255,255,255,0.7);
}

/* active (checked) */
.custom-radio input:checked + .radio-card{
    background:rgba(220,53,69,0.1);
    border:1px solid rgba(220,53,69,0.4);
    color:#dc3545;
}
/*END radio buttons*/

/*upload photo section*/
.martorWrap {
	display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border: 1px solid #777;
    border-radius: 50%;
    border: 4px solid #ccc;
    overflow: hidden;
    position: relative;
    background-color: #efefef;
    padding-top: 15px;
    background-color: #fff;
}

.upload-photo-label {
	background-color: #fc0;
    width: 100%;
    border: 1px solid #d90;
    border-radius: 4px;
    padding: 8px;
    margin-top: 4px;
    text-align: center;
    display: block;
    float: left;
    min-width: 280px;
    box-shadow: 0px 0px 10px #000;
    min-width: 330px;
}
/*END upload photo section*/

/*dashboard section - quotes*/
.info-card {
	background: rgba(255,255,255,0.8);
	backdrop-filter: blur(10px);
	border-radius: 15px;
	padding: 30px;
	text-align: center;
	transition: 0.3s;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	margin-bottom:20px;
}

.info-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.info-card.left {
	text-align: left;
}

.info-card>h4 {
	font-size: 52px;
	color: #2c2c2c; 
	font-weight: 700;
}
/*END quotes section*/

/*dropdown menu*/
hr.my-acc {
	margin: 5px 0;
}
/*END dropdown menu*/