﻿* {
    margin: 0;
}

html, body {
    height: 100%;
}

.wrapper {
    min-height: 94%;
    height: auto !important;
    overflow: auto;
    height: 94%;
    margin: 0 auto -2em;
    padding: 8px 8px 8px 8px;
}

form { /*height: 94%; width: 98%;*/}

.footer {
    text-align: center;
    height: 2em;
    position:absolute;
    left:10px;
    right:10px;
    bottom:42px;
}

.uppercase
        {
            text-transform: uppercase;
        }

.divBottomMargin{	
    margin-bottom:3px;  
}

.add_margin_md{
	margin-left: 85px;
}

.lblFontBold{
    font-weight:bold;
}
.MarginAutoForCenter{
    margin:auto !important;
}
.divPadding{
    padding:5px;
}
 .divRowPaddingHeadingGap{
     padding-top:10px;
 }

 .LabelRequiredStar
{	
	font-size: 12px;
	color:Red;
	padding: 2px 5px 0px 2px;
}
 .LabelErrorMessage
{
	font-size: 11px;
	font-weight: bold;
	color:Red;	
}

 .upper-header-section{display:block; padding:0 15px; background:#fff; margin-bottom:15px;}
.upperhead_right{display:block; text-align:right;}
.upperhead_right span{display:inline-block; padding:10px 15px;}
.upperhead_right span a{text-decoration:none;}
.upperhead_right span a:hover{text-decoration:underline;}
.divHeaderMenuIfBlank{ height:25px !important;}
.lower-header-section{display:block; background: #000000; margin-bottom: 5px;  /*margin-left: -10px; margin-right: -10px;*/ margin-top: -10px;}
.page_head{display:block; text-align:center; color:#1595D3; margin:0; padding:0; font-size: 19px; font-weight: bold; text-transform: uppercase;} /* margin-top: 12px; color:#ff9a36 - Changed by Avinash on 12-11-2019*/
.page_System_Head{color:#1595D3; text-align:center; margin:0; padding:0; font-size: 24px; font-weight: bold; margin-top: 12px;}
.mm-menu{display:block; margin:0; padding:0; float:left;} /*float:right changed by Avinash on 12-11-2019*/
.mm-menu li{float:left; list-style:none;}
.mm-menu li a{display:block; padding:5px 15px; color:#fff; text-decoration:none; font-size:14px;}
.mm-menu li a:hover{text-decoration:none; background:#ff9a36;}
.footer {display: block;background: #000;color: #fff; margin-top: 10px;  padding-top: 3px;}
#tgl_menu{display:none; float: left; width: 100%;/* background: #fff;*/}
.mob_logo{display:none;}
@media only screen and (max-width:767px) {
    .lblMarginBotton{margin-bottom:2%;}
    #tgl_menu{display:block; text-align:center;padding: 0 15px;}
    #tgl_menu img{max-width:30px;float: right;}
    #mm-menu{display:none;}
    .mm-menu{float:none;display:block;}
    .mm-menu li{float:none; display:block;}
    .page_head{font-size:20px;}
    .footer{height:auto!important; padding-bottom: 20px;}
    .Footer-text-Align{text-align:left!important;}
    .mob_logo{display:inline-block; max-width:200px;float: left;}
    .nopad_xs{padding:0px;}
    .no_xs_disp{display:none;}
	.add_margin_md{margin-left: 5px;}
}

@media screen and (max-width: 480px) {
    .lblMarginBotton{margin-bottom:2%;}
    .page_System_Head{font-size: 20px;}
    .footer { text-align: center;  height: 2em;   bottom:83px;   /*background: #f00;*/   }
    .Footer-text-Align{ text-align:center !important; }
	.add_margin_md{margin-left: 5px;}
    .mobile_section .row .col-xs-12 {text-align:center !important;}
    .footer {padding-bottom:2px; }
    .page-row .page-col-3:not(:first-child) {padding-left:9px !important; }
}
@media screen and (max-width: 589px) {
     .page_System_Head{font-size: 20px;}
.upper-header-section {text-align:center;    }
.lblMarginBotton{margin-bottom:2%;}
.head_right {text-align:center !important; margin-top:6px; margin-bottom:4px;}
.mobile_section {padding-bottom:90px !important;} 
}
.head_right {text-align:right;}

@media (min-width:590px) and (max-width:767px){
    .lblMarginBotton{margin-bottom:2%;}
.small-col-5 {width:41.66666667% !important;}
.small-col-7 { width:58.33333333% !important; text-align:left !important;}
.small-col-7 .page_head {text-align:left }
.page_System_Head {font-size:20px;  }
.mobile_section {padding-bottom: 80px !important;}
}
@media (min-width:768px) and (max-width:1147px){
    .lblMarginBotton{margin-bottom:2%;}
.upper-header-section .row .col-md-4:nth-child(2) {text-align:center; }

}
@media (min-width:320px) and (max-width:388px) {
    .lblMarginBotton{margin-bottom:2%;}
    .xs-width-50 { width: 50%;}
    .xs-width-50 .dxbButton_Aqua { width:100%;}
    .page-row .xs-width-50:nth-child(3) {padding-left:0 !important;}
    .page-row .xs-width-50:nth-child(3), .page-row .xs-width-50:nth-child(4) {margin:4px 0;} 
}
.page-row {display:flex; flex-wrap:wrap;}
.page-row .page-col-3:not(:first-child) {padding-left:10px;}
.custom-border {background-color:rgba(0,0,0,0.5); height:1px; margin-bottom:14px;}
.justify-content-center {justify-content: center;}
.viewRequest_section {width:70%; margin:auto;}
.mobile_section {padding-bottom:40px;}

.mm-menu li.active a {
    background: #ff9a36;
    color: #fff; 
    text-decoration: none;
}
