/* Add local css to this file */
/* Try to keep the css classes to the minimum. Use classes from DNN skin css and global.css when you can. */

h1 {
    margin-bottom:.5em;
}

#content-main {
    padding: 10px;
}

#content-main select {
    margin-bottom: 0;
}

p:last-child {
    /*   margin-bottom: 0; */
    /*   margin-right: 0.3em;*/
}

.marginbot-none{
    margin-bottom: 0;
}

.margintop-none{
    margin-top: 0;
}

div.marginbot-none{
    margin-bottom: 0;
}

div.margintop-none{
    margin-top: 0;
}

div.loginBox {
    border:solid 1px black;
    padding:1em;
    background-color:#f1f3f4;
    flex: 1;
}

div.loginBoxHolder{
    margin-top:.3em;
}

div.myInfoReminder {
    border: solid 1px black;
    padding:.75em;
    flex: 1;
}

div.flex-display{
    display:flex;
}

td.bookmarks{
    vertical-align:top;
}

div.warningBoxFixedWidth{
    margin-top:2em;
}

.myinfohead{
    background-color:#f1f3f4;
    padding:.4em;
    font-weight:bold;
}

.myinfoheadGreen {
    background-color: #BCEFC3;
    padding: .4em;
    font-weight: bold;
}

.myinfoheadBlue {
    background-color: #E2EAF5;
    padding: .4em;
    font-weight: bold;
}

.myinfoheadRed {
    background-color: #f5b9b6;
    padding: .4em;
    font-weight: bold;
}

.myinfoheadOrange {
    background-color: #FFE8C3;
    padding: .4em;
    font-weight: bold;
}

div.myinfo{
    background-color:gainsboro;
    padding:.75em .75em .01em .75em;
    font-size:80%;
    overflow:hidden;
}

table.probationLltrs{
    margin-top:0;
}

table.rblMapIt td{
    border:none;
}

table.rblPublicContact td{
    border:none;
    vertical-align:bottom;
    margin-bottom: 0em;
    padding-bottom: 0em;
    margin: 0;
}

th.center{
    text-align:center;
}

#logoff{
    float:right;
}

.footnote {
    font-size:80%;
}

div.questionBack{
    margin-bottom:1em;
}

p.question{
    font-weight:bold;
    margin-bottom:-.2em;
}

input[type="submit"].IOLTASmallButton{
    color:black;
    background-color:gainsboro;
    padding:.2em;
    margin:.1em;
    border:1px solid gray;
}
.explain {
	display:none;
	padding:10px;
}
.explain ul,
	.explain ol {
	font-size:80%;
}
.aExplain{
    font-size:80%;
}

span.bullet{
    position:relative;
    top:-.13em;
}

.grayOut, a.grayOut{
    color:#888;
}

.dimGray{
    color:#696969;
}

.notificationBox {
    color:#000;
    border:1px solid #FF8040;
    padding:5px 5px 2px 5px;
    font-weight:300;
    font-size:1.0em;
    line-height:100%;
    margin:1px 0px 12px 0px;
}

.warningBox {
	color:#900;
	border:1px solid #900;
	padding:5px 5px 2px 5px;
	font-weight:normal;
	font-size:1.0em;
	line-height:120%;
	margin:1px 0px 12px 0px;
}

.warningBoxMinimum {
    color: #000;
    border: 1px solid #900;
    padding: 10px 10px 10px 10px;
    font-weight: 300;
    font-size: 1.0em;
    line-height: 100%;
    margin: 1px 0px 12px 0px;
}

.msbpltrs td {
    padding:0; 
}

img.qrcodeimage {
    padding: 0 0 0 0;
    height: 110px;
    width: 110px;
}

div.qrcodediv {
    padding: 0 0 0 0;
    margin:0;
    font-size: 0.7em;
    line-height: 0.9em;    
    text-align:center;
    width:110px;
}

#qrcodelist div.qrcodediv {
    padding: 0 2em 2em 0;
    float: left;
}

.errorCLA-box {
    display: flex;
    max-width: 4000px;
    padding: 8px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.errCLAinfo-icon {
    flex-shrink: 0; /* Prevent icon from shrinking */
    margin-right: 3px; 
    margin-left: 16px;
    margin-top: 2px;
}

    .errCLAinfo-icon img {
        width: 30px; /* Adjust icon size as needed */
    }

.error-content {
    flex: 1;
}

.perror-content {
    font-size: 17px;
    padding-left: 16px;
    padding-bottom: 16px;
    text-align: left;
    background-color: #f5b9b6 ;
    margin-bottom: 0;
}