/* CSS Document */
.margin-vartical-10{height:10px}
.margin-vartical-20{height:20px}
.margin-vartical-30{height:30px}
.margin-vartical-40{height:40px}
.margin-vartical-50{height:50px}
.margin-vartical-60{height:60px}
.margin-vartical-70{height:70px}
.margin-vartical-80{height:80px}
.margin-vartical-90{height:90px}
.margin-vartical-100{height:100px}
.container{background:#fffbef}
@media (min-width: 1200px) {
    .container{
        max-width: 1003px;
    }
}
.sidebar{background:#fffefb;border-right:1pt solid #e8e4d7;border-bottom:1pt solid #e8e4d7;padding-bottom:10px}
.sidebar-login-container{background-image:url(../images/login-bg.jpg);padding:10px;}
.sidebar-login-footer{background-image:url(../images/login-fooer.png);padding:6px;background-size:100%;margin-bottom:10px}
.sidebar-title{background:#fffbef;border-top:1pt solid #ece8dc;width:100%;padding:10px;margin-top:10px}
.sidebar-title h4{margin:0}

.white-bg {
	background-color: #FFFFFF;
	border: 4px solid #eee8d1;
}

.ver-13-gray-19 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #393d3f;
	text-decoration: none;
}
.ver-13-red-19 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #c4211c;
	text-decoration: none;
}

.red-B-line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #df9187;
}
.imp-25-black {
	font-family: Impact;
	font-size: 20pt;
	color: #292828;
	text-decoration: none;
	
}
.times-30-red {
	font-family: "Times New Roman", Times, serif;
	font-size: 31px;
	color: #c4211c;
}



.left-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #434343;
	text-shadow:  1px 1px 1px #ffffff;
}

.footer{background:#3b3b3b}
.footer-links-white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #FFFFFF;
	text-decoration: none;
}


.footer-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

#footer-white a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #FFFFFF;
	text-decoration: none;
}
#footer-white a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #FFFFFF;
	text-decoration: underline;
}



/* left links
**********/
.horizontal_link ul, .horizontal_link ul li {
list-style-type: none;
display: inline;
padding: 0;
margin: 0;
text-indent: 20px;
}
.horizontal_link a {
display: block;
padding: 0.3em 0px 0 0;
line-height: 1.5em;
text-decoration: none;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #232222;
height:25px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #b7b7b7;
}
.horizontal_link a:hover {
	color: #fff;
	text-decoration: none;
	background-image: url(images/left-link-hover.gif);
	background-repeat: repeat-y;
}
/* left links End
**********/

/* Mobile overflow fix */
html, body {
    overflow-x: hidden;
    max-width: 100%;
}

.mf100-card {
    max-width: 100%;
    overflow-x: hidden;
    word-wrap: break-word;
    overflow-wrap: break-word;
    box-sizing: border-box;
}

.mf100-card * {
    max-width: 100% !important;
    box-sizing: border-box;
}

.mf100-card table {
    display: block;
    width: 100%;
    overflow-x: auto;
}

.mf100-card img,
.mf100-card iframe,
.mf100-card video {
    max-width: 100%;
    height: auto;
}

/* mf100-card wrapper */
.mf100-card {
    max-width: 920px;
    width: 100%;
    margin: 20px auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.mf100-alert {
    background: #1e293b;
    color: #93c5fd;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 14px;
    text-align: center;
}

/* mf100-card — let Bootstrap column control width */
.mf100-card {
    width: 100%;
    box-sizing: border-box;
}

/* Mobile centering fix — Bootstrap grid padding correction */
@media (max-width: 767px) {
    .col-sm-3, .col-sm-6, .col-md-2, .col-md-8 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .mf100-card {
        padding: 0;
        margin: 0 auto;
        text-align: left;
    }

    .container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* Force inner DB content to center on mobile */
@media (max-width: 767px) {
    .mf100-card > div {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Hide sidebars on mobile — let content go full width */
@media (max-width: 767px) {
    .col-sm-3.col-md-2 {
        display: none;
    }
    .col-sm-6.col-md-8 {
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
    }
}

/* Mobile layout — stack sidebar above content */
@media (max-width: 767px) {
    .col-sm-3.col-md-2,
    .col-sm-6.col-md-8 {
        display: block;
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        float: none;
    }
    .nav-side-menu {
        margin-bottom: 16px;
    }
    .panel.panel-primary {
        margin-bottom: 10px;
    }
}

/* Mobile nav menu — hidden by default, toggled by JS */
@media (max-width: 767px) {
    .menu-content {
        display: none;
    }
    .menu-content li a {
        display: block;
        padding: 10px 15px;
        color: #fff;
        font-size: 15px;
        border-bottom: 1px solid #2e3b52;
    }
}