@font-face {
  font-family: 'Montserrat-Regular' ;
  src: url('../Font/Montserrat-Regular.eot'); /* IE9 Compat Modes */
  src: url('../Font/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Font/Montserrat-Regular.woff') format('woff'), /* Modern Browsers */
       url('../Font/Montserrat-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../Font/Montserrat-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Montserrat-Light';
  src: url('../Font/Montserrat-Light.eot'); /* IE9 Compat Modes */
  src: url('../Font/Montserrat-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Font/Montserrat-Light.woff') format('woff'), /* Modern Browsers */
       url('../Font/Montserrat-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../Font/Montserrat-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Montserrat-Bold',sans-serif;
  src: url('../Font/Montserrat-Bold.eot'); /* IE9 Compat Modes */
  src: url('../Font/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Font/Montserrat-Bold.woff') format('woff'), /* Modern Browsers */

       url('../Font/Montserrat-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../Font/Montserrat-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Barlow-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../font/Barlow-Regular.eot'); /* IE9 Compat Modes */
  src: url('../font/Barlow-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Barlow-Regular.woff') format('woff'), /* Modern Browsers */
       url('../font/Barlow-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/Barlow-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
      
  
}
/* latin */
@font-face {
  font-family: 'Barlow-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../font/Barlow-Regular.eot'); /* IE9 Compat Modes */
  src: url('../font/Barlow-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Barlow-Regular.woff') format('woff'), /* Modern Browsers */
       url('../font/Barlow-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../Font/Barlow-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
      
  
}
*,
*:before,
*:after {
  box-sizing: inherit;
}

body 
{
	margin:0;
	text-align:center;
	font-family:'Montserrat-Regular',sans-serif!important;
	font-size:13px;
	color:Black;
	background-color:#fff;
    min-height:100%;
	position:relative;
}
html{ height: 100%;
  box-sizing: border-box;}
.txt{autocomplete:off; resize: none;}
.nowrap{ word-break: break-all;
        word-wrap: break-word;}
table
{
font-family:'Montserrat-Regular',sans-serif;
	font-size:13px;
	text-align:left;
    
}
    .textemail{font-family:'Montserrat-Regular',sans-serif; font-size:9pt;}


p
{
	font-family:'Montserrat-Regular',sans-serif;
	font-size:9pt;
	color:Black;
	text-align:left;
	margin:10px;
}

#tableHeader
{
	width:1000px;
position:relative;
height:41px;

  
}


.PageBg
{
  text-align:left;
   float:left;
    width:762px;
  height:500px;
}


#header
{
	width:1000px;
	height:10px;
	position:relative;
	top:0px;
	left:0px;

	}


.topheader
{
	width:1000px;
	height:41px;
 border-style:none;	
}



#Grayheader
{
	width:1000px;
	height:25px;
	background-color:#E8E8ED;
	left:0px;	
	text-align:right;
	

}

#BlueSubheader
{
	width:1000px;
	height:18px;
	background-color:#2C3E8A;
	position:relative;
	left:0px;
	
	
}


#LogoFlash
{
	width:1000px;
	height:205px;
	background-color:#ffffff;
	
	
		
}

#LogoFlash1
{
	width:1000px;
	height:120px;
	background-color:#ffffff;
	position:relative;
		
}



#Logo
{
	width:437px;
	float:left;
	border-style:none;
	position:relative;
	
}

#Flash
{
	width:563px;
	
	float:right;
	border-style:none;
	position:relative;
	
}


#VHome
{
	width:563px;
	height:300px;
	text-align:left;
	position:relative;
	left:0px;
	top:0px;
}


#BlueSubheader2
{
	width:1000px;
	height:20px;
	background-color:#2C3E8A;
	position:relative;
	left:0px;
	top:0px;
}


#ContentWrapper
{
	width:50px;
	border-style:none;
	position:absolute;
	height:90%;
    box-shadow:1px 10px 80px #e9e9f7;	
	background-color:none;
    z-index:999;
    background:#fff;
}

#ContentHolder
{
	width:1000px;
	background-color:White;
	

}


#Col1
{
	width:337px;
	height:400px;
	float:left;
	background-color:#0066A3;
	position:relative;
	left:0px;
	text-align:center;	

}


#Col2
{
	width:1000px;
	float:left;
	height:20px;
	background-color:#2C3E8A;
	position:relative;
	
	
}


#Col1 #News 
{
	width:337px;
	height:20px;
	float:left;
	background-color:#E8E8ED;
	position:relative;
	left:0px;
	top:10px;
	
}

#Newssection 
{
	width:325px;
	height:150px;
	text-align:left;
	background-color:#0066A3;
	position:relative;
	left:0px;
	top:30px;
	font-family:Montserrat-Regular;
	font-size:8.5pt;
	color:#ffffff;
	margin-bottom:5px;
	margin-top:0px;
	margin-left:5px;
	margin-right:5px;
	text-decoration: none;

}

#Col1 #Newssection a
{
	width:325px;
	height:150px;
	text-align:left;
	background-color:#0066A3;
	position:relative;
	left:0px;
	top:0px;
	font-family:Montserrat-Regular;
	font-size:8.5pt;
	color:#ffffff;
	margin-bottom:5px;
	margin-top:0px;
	margin-left:5px;
	margin-right:5px;
	text-decoration: none;

}

#VMS
{
	
	top:40px;
	text-align:center;
	position:relative;
	
	
}


#Demo
{
	
	width:900px;
	position:relative;
	float:right;
	text-align:right;
	top:0px;
    left: 0px;
}



.Title
{
	font-family:'Barlow-regular', sans-serif;
	font-size:20px;
	color:#00007d;
    text-transform: uppercase;
	
	 

}

.TitleFlyout
{
	font-family:Montserrat-Regular;
	font-size:9pt;
	font-weight:bold;
	color:#272933;
	
}



#title
{
	height:26px;
	width:100%;
	text-align:center;
	margin-left:10px;
	padding-left:5px;
	padding-top:0px;
	padding-right:5px;
	height:22px;
}


 .Col2Header
{
	width:1000px;
	float:left;
	height:20px;
	position:relative;
	left:0px;
	top:7px;
	
}


 .Col2HeaderG 
{
	width:30px;
	height:20px;
	float:left;
	background-color:#00973D;
}

 .Col2HeaderGray 
{
	width:870px;
	height:20px;
	float:left;
	
	background-color:#E8E8ED;

}

.content
{
	width:800px;
	position:relative;
	left:50px;
	top:10px;
	float:left;
	background-color:White;
	
}





#footerGray
{
	width:1000px;
	height:10px;
	background-color:#E8E8ED;
	color:White;
	font-family:Montserrat-Regular;
	font-size:8pt;
	text-align:center;
	position:relative;
	display:block;
	float:left;
	
	
}

/*#footerM 
{
	width:1000px;
	color:White;
	font-family:Montserrat-Regular;
	font-size:8pt;
	
background-color:#7B96CD;

}*/


#footer 
{
	width:1000px;
	height:25px;
	background-color:#7B96CD;
	color:White;
	font-family:Montserrat-Regular;
	font-size:8pt;
	text-align:right;
	position:relative;
	float:left;
	

}

#footerlink a
{
	
	
	color:White;
	font-family:Montserrat-Regular;
	font-size:8pt;
	text-align:right;
	text-decoration:none;
	position:relative;
	float:right;

    width: 144px;
}



#Menulink a
{
	
	color:black;
	font-family:Montserrat-Regular;
	font-family:bold;
	font-size:9pt;
	text-align:right;
	vertical-align:middle;
	text-decoration:none;
	cursor:pointer;
	
}


.Title1
{
	font-family:Montserrat-Regular;
	font-size:12pt;
	font-weight:bold;
	color:white;
	height:18px;
	float:left;
	margin-left:15px;

	
}

.tabledata
{
	font-family:Montserrat-Regular;
	font-size:9pt;
	float:left;
	
	color:Black;
	background-color:#ffffff;
	
	width:700px;
	
	margin-left:10px;
}

.ULink
{
	font-family:Montserrat-Regular;
	font-size:10pt;
	color:Navy;
	cursor:pointer;
	text-decoration:underline;
	 font-weight:bold;
	 

}



#container 
{
	width:460px; 
	height:30px; 
	padding:2px 5 0 5px; 
	margin:8px auto;
	text-align:right;
	float:right;
	
	}
	
#large 
{
	padding:0; 
	margin:0; 
	list-style:none;
	}
	
#large li 
{
	float:left; 
	display:block; 
	margin-right:0px; 
	width:90px; 
	height:25px;
	}
	
#large li a 
{
	display:inline;
	 float:left; 
	 width:90px; 
	 height:25px; 
	 position:absolute; 
	 text-align:center; 
	 text-decoration:none;
	 }
	 
#large li a em 
{
	display:block; 
	width:90px; 
	height:25px; 
	background:#B2B3C0; 
	border:1px solid #fff;
	}
	
#large li a b 
{
	display:block; 
	width:90px; 
	height:25px; 
	background:transparent; 
	color:#fff; 
	position:absolute; 
	top:0; 
	left:0; 
	line-height:24px;
	}

#large li a:hover 
{
	white-space:normal; 
	cursor:pointer; 
	z-index:100;
	}
	
#large li a:hover em 
{
	display:block; 
	width:105px; 
	height:35px; 
	left:7px; 
	top:5px; 
	position:absolute; 
	background:#B2B3C0; 
	z-index:100; 
	opacity:0.7; 
	border:0
	}
	
#large li a:hover b 
{
	width:100px; 
	height:30px; 
	top:-7px; 
	left:-5px; 
	z-index:200; 
	background:#B2B3C0; 
	font-size:1.1em; 
	color:#fff; 
	line-height:29px; 
	border:1px solid #fff;
	}
	
	
	.more
	{
	color:Navy;
	font-family:'Montserrat-Light',sans-serif;
	font-size:8pt;
	text-align:right;
	vertical-align:middle;
	text-decoration:none;
	cursor:pointer;
		
	}

.txt {
    font-family: 'Montserrat-Regular',sans-serif;
    font-size: 11px;
    height: 34px;
    border: solid 1px #a1a1ae;
    font-weight:bold;
}
	
	.txtF
	{
	font-family:'Montserrat-Light',sans-serif;
	font-size:11px;
	color:Black;
    height:34px;
    padding:5px;
	background-color:#FFFFff;
	border: solid 1px #a1a1ae;
	
	}
	
	.txtV
	{
	font-family:'Montserrat-Light',sans-serif;
	font-size:10pt;
	color:Black;
	background-color:#FFFFCC;
	border: solid 1px #a1a1ae;
	
	}
	.txtV1
	{
	font-family:Montserrat-Regular;
	font-size:10pt;
	color:Black;
	background-color:#FFFFCC;
	border: solid 1px #a1a1ae; margin-left:17px;
	
	}
	.txtV2
	{
	font-family:Montserrat-Regular;
	font-size:10pt;
	color:Black;
	background-color:#FFFFCC;
	border: solid 1px black; margin-left:23px;
	
	}
	
	.txtVR
	{
	font-family:Montserrat-Regular;
	font-size:10pt;
	color:Black;
	border: solid 1px #a1a1ae;
	
	}
	
	
	.Button
	{
	font-family: 'Montserrat-Regular',sans-serif;
	font-size:14px;
	background-color:#00007d;
	color:#ffffff;
	
}
	
	.RadioButton
	{
		font-family:Montserrat-Regular;
	font-size:8pt;
	color:black;
	}
	
	.Dropdown
	{
		font-family:Montserrat-Regular;
	font-size:9pt;
	color:black;
		
	}
	
	.DropdownF
	{
		font-family:Montserrat-Regular;
	font-size:9pt;
	color:black;
		background-color:#FFFFCC;	
	}
	
	.msg
	{
		font-family:Montserrat-Regular;
	font-size:9pt;
	color:red;
	font-weight:normal!important;
		   
	}
    .loginmsg
	{
		font-family:Montserrat-Regular;
	font-size:9pt;
	color:navy;
	font-weight:bold;
		    position: absolute;
    top: 50px;
    left: 33%;
		
	}
	
	.Appoint
	{
	font-family:Montserrat-Regular;
	font-size:28pt;
	 text-transform:uppercase;
 font-weight:bold;
	color:#1A2E83;
	

	}
	
	
	.ImgAppoint
	{
	background-image:url("Images/AppointLogo.gif");
    }
    
    
    .ImgIcon
    {
    background-image:url("Images/icon1.jpg");
    }
    
    .VG
    {
      background-image:url("Images/Space.gif");
    }
    
            
  .FlyoutTable1
  {
  	background-color:#ffffff;
 
  	border:0px!important;
  }    
 
        
  .Flyout1
  {
  	background-color:#ffffff;
  }       
  
  .PanelTitle

{
	
	background-color:#9CAAC6;
	height:16px;
	
} 

.PanelSubTitle
{
	background-color:Silver;
 height:16px;
 
}
    
    .subTitle
    {
    	color:#ffffff;
    }
    
    

 
 .DynamicMenuStyle
 {
 	z-index:9999;
 	
 }
 
 .LnkLog
 {
 	 border:solid 1px Silver;
 	 background-color:#E4EAF0;
 	 color:#8C4510;
 	
 }
 
 .Lnklogout
 {
  font-family:Montserrat-Regular;
   color:#000000;
    font-size:10pt;
     font-weight:bold;
     }
   

 /* styles for the modal popup */
/* dialog frame */
.modal-dialog
{
    position: absolute;
    top: 0%;
    left: 0%;
    z-index:9999;
    margin:0 auto;
}
 
 /* dialog contents container */
.modal-dialog .containerMD
{
    font-family:'Montserrat-Light',sans-serif;
    font-size:12px;
    width:280px;
    background-color:#ffffff;
    /*height:100px;*/
    top: 0px;
}

/* dialog header */
    .modal-dialog .headerMD {
        background-color: #fff;
        /*height:16px;
        padding-top: 2px;*/
    }

/* dialog header message */
.modal-dialog .headerMD .msg
{
    vertical-align:middle;
    padding-left:6px;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    font-family:'Montserrat-Light',sans-serif;
    text-align:left;
    
}         
.headerMD h4{  text-align:left; padding:0 10px; border-bottom:1px solid #ccc; font-family: 'Barlow-regular', sans-serif;
    font-size: 22px; float:left; width:100%;}
.modal-content{ width:500px!important;}
/* dialog body */
.modal-dialog .bodyMD {
    /*height:47px;*/
    background-color: #fff;
} 

/* dialog body message */
.modal-dialog .bodyMD h2
{
    padding-top:10px;
    background-color: #fff;
    font-size:11px;
    text-align:left;
    font-weight:normal;
    color:#000; font-weight:600; padding:15px;
}  

/* dialog footer */
.modal-dialog .footerMD {
    /*height:0px;
    background-color: #F2F9FF;*/
} 

/* dialog footer buttons */
.modal-dialog .footerMD .right
{
    background-color: #F2F9FF;
    float:right;
    text-align:right;
    padding-bottom:6px;
    padding-right:6px;
} 

/* dialog footer checkbox */
.modal-dialog .footerMD .left
{
    background-color: #F2F9FF;
    float:left;
    text-align:left;
    padding-bottom:6px;
    padding-left:6px;
} 

/* dialog close */
.modal-dialog .close
{
    right:25px;	
    background: url(Images/close1.png) no-repeat -732px 0px;	
    width:16px;	
    cursor:hand;	
    position:absolute;	
    top:25px;	
    height:20px;
    background-position:50% 100%;
}

/* dialog close hover */


/* modal overlay */
.modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=50);
    opacity:0.5;
}

.modal-dialog .BtnOk
{
	font-family:'Montserrat-Light',sans-serif;
	font-size:12px;
	background-color:#f15a29;
	color:#ffffff;
    border:none;
    padding:5px 10px;
    cursor:pointer;
	
	
}  
.btnNo{
	font-family:'Montserrat-Light',sans-serif;
	font-size:12px;
	background-color:#00B5A5;
	color:#ffffff;
    border:none;
    padding:5px 10px;
    cursor:pointer;
	
	
}  

.modal-dialog .BtnCan
{
	font-family:Montserrat-Regular;
	font-size:9pt;
	background-color:#2C3E8A;
	color:#ffffff;
	 border: solid 1px #0066A3;
} 
.BtnCan.nobtn {
  padding: 0 0 0 0 !important;
} 

.PanelMsgTitle

{
	
	background:url(Images/sprite.gif) repeat-x 0px -1100px;
	background-repeat:no-repeat;
	background-color:#DADFE9;
	
}

.WatermarkText
{
	font-family:'Montserrat-Light',sans-serif;
	color: #333;
	font-size:12px;
    width:100%; height:34px; padding:10px;
}
.space { margin-top:5px;  }
.space NavigateUrl{ border:none;}

 
  
   
.leftpnl 
{
   
   border-radius: 0px;
    min-height:532px;
    padding-bottom:2px;
     }  
  
.minhe { min-height:  50px;}  
.minn{ height:100%;   border-radius: 0px!important; background-color:#91a8d4;
    background: -webkit-linear-gradient(#7494cd,#91a8d4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#7494cd,#91a8d4); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#7494cd,#91a8d4); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#7494cd,#91a8d4); /* Standard syntax */
 
    -pie-background: linear-gradient(#7494cd, #91a8d4);}  
.bottombg{padding: 0 5px 10px 10px; position: absolute; bottom: 0; right: 0; background-image:~/Images/panelbottom.png; background-repeat:no-repeat;!important }
.radiocheck input[type='radio'], input[type='checkbox']{margin:0 5px;}
#chart-area{z-index: 2;  position: absolute;  left: 0px; top: -50px;}
.tablepadd{padding:0 0 2% 6%}

Line no. 1034 - 1059 Stylesheet.css
/*--New Css added by Sameer salunke-28-05-2022--*/
.mobi-row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.form-group .Employeemst span.error-msg,
.form-group .Passworchange span.password-error,
.form-group .Divisionmst span.error-msg {
    text-align: left !important;
    /*word-break: break-all;*/
    width: 100%;
    display: inline-block;
    left: 0;
    top: 0 !important;
    padding-top: 5px !important;
    margin-top: 15px;
}

.form-group .Employeemst span.error-msg,
.form-group .Divisionmst span.error-msg {
    position: relative;
    width: 100%;
}

.form-group .Passworchange span.password-error {
    margin-top: 3px;
    position: relative;
}

.disclaimer-accept input[type="checkbox"].disclaimer-check {
    margin-left: 0;
    margin-bottom: 10px;
}
.disclaimer-TC {

}
.disclaimer-popup-logo {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 7px 0;
    margin-bottom: 15px;
}
.disclaimer-popup-body {
    width: 100%;
    height: 250px;
    overflow: auto;
    margin: 0 auto;
}
.capture-photo {
    padding-left: 6%;
}
.Vpurpose input[type='radio']:first-child{
    margin-left:0px;
}

.NowidthErrorSpan span{
    width:auto;
}
/*------Parcel list by Host-------*/
.short-host {
    padding: 8px 0px;
    text-align: center;
}

.short-host > span{
    padding:0px !important;
}

.tableAppReport tbody tr:nth-child(even) {
    background:#fdfdfd !important;
}

@media all and (max-width: 699px) and (min-width: 520px) {
    .btntxt {
            font-size: 9px;
        }
    }

    @media all and (max-width: 699px) and (min-width: 520px) {
        .btntxt {
            font-size: 9px;
        }
    }

    @media all and (max-width: 1024px) and (min-width: 1000px) {
        .visitorgraph {
            margin-top: 10% !important;
            float: left;
            width: 100%;
        }
        /*.forimg {
    position: absolute;
    margin: 0 0 0 -20.5%;
}*/
        .hbtnno {
            padding: 0 0 0 0 !important;
        }

        .right.hright {
            padding: 0 33% 0 0 !important;
        }

        .btntxt {
        }
    }

    .chk{margin-left:75px;}
.modal-dialog
{
    position: absolute;
    top: 0%;
    left: 0%;
    z-index:9999;
    margin:0 auto;
}

/*--popup New css add by Sameer salunke-28-05-2022*/
.visitorpopup {
    width: 100%;
    height: 100%;
    padding: 0;
}

.dialog-popmodal {
    width: 750px;
    max-width: 750px;
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
}

.dialog-popmodal .content-popupmodul {
     width: 100% !important;
}

.dialog-popmodal .content-popupmodul {
    width: 100% !important;
}

  /*--------- popuparea for Msgs ---------*/
  .popupareaMsg
        {
            width: 100%;
            height: 100%; /*min-height:700px;*/
            background: url(/Images/popup-box-bg.png) repeat left top;
            padding: 70px 0 0 0;
            left: 50%;
            position: fixed;
            top: 50%;
            background: #aaaaaa;
            opacity: 0.4;
        }
        .poupu-windowMsg
        {
            left: 15%;
            width: 500px;
            margin: 0px auto;
            position: relative;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            min-height: 200px; /* z-index:99999999;*/
            
        }
        .poupu-windowMsg h1
        {
            height: 30px;
            font-size: 14px;
            font-weight: normal;
            font-family: Arial, Helvetica, sans-serif;
            color: #003366;
            line-height: 64px;
            padding: 0 0 0 20px;
            float: left;
        }
        .close-btn1Msg
        {
            position: absolute;
            right: 9px;
            top: 9px;
        }
        .popup-formMsg1{
        width:92% !important;
        overflow-y:hidden !important;
         max-height: none !important;
        }
        .popup-formMsg
        {
         padding: 0px 0px 0 3%;
         width: 95%;
         margin-top: 3%;
         overflow-y: scroll;
         max-height: 400px;
        }
        .popup-formMsg label
        {
            text-align: right;
            height: 36px;
            line-height: 36px;
            font-size: 14px;
            color: #003366;
            float: left !important;
            display: inline-block;
            margin: 0 5px 0 0;
        }
        .popup-formMsg label span
        {
            color: #cc0000;
            font-weight: normal;
        }
        .popup-formMsg label.getwidth1
        {
        }
        
        
        /* styles for autocomplete extender */
.autocomplete_completionListElement
{
			font-family:Montserrat-Regular;
			font-size: 9pt;
			background-color:#ffffff;
			color:#000000;
            margin: 0px !important;
            text-align: left;  
            list-style-type: none;
            padding:0px;
            left:0px; 
            margin-left:10px;
            border-width: 1px;
            border-style: solid;
            overflow-x:hidden;
            overflow-y:auto;
             min-height:100px;
           
}
        
.autocomplete_completionListElement2
{
			font-family:Montserrat-Regular;
			font-size: 9pt;
			background-color:#ffffff;
			color:#000000;
            margin: 0px !important;
            text-align: left;  
            list-style-type: none;
            padding:0px;
            left:0px; 
          
            border-width: 1px;
            border-style: solid;
            overflow-x:hidden;
            overflow-y:auto;
            height:250px;
}
          

        
        
.CompletionListItem
{
  font-family:Montserrat-Regular;
  font-size:9pt;
  background-color:#F2F0EF;
  color:#666666;
  list-style-type: none;
  padding: 0px;
  left: 0px;
  padding:2px 0px 2px 0px;
}
       
.CompletionListHighlighted 
{
   font-family:Montserrat-Regular;
   /*font-weight:normal;*/
   background-color:#F2F0EF;
   font-size: 9pt;
   color:Black;
   margin: 0px !important;
   text-align: left;
   list-style-type: none;
   padding:2px 0px 2px 0px;
}
.BtnCan{
margin-top:0%;
padding: 0px 4px 18px 4px;
background: #2c3e8a;
color: white;
border: none;
}
.lblVstr_Emp{
font-weight:bold;
}
#Info .poupu-windowMsg {
opacity: 0.5;
z-index: 10001;
    top: 0px;
}
.poupu-windowMsg img {
margin: 0% 0 0 42%;
position: absolute;
top: 93px;
left: 16px;
}
.fontstyle{
font-family:Montserrat-Regular;
}
.Button.sendbtn{
margin: 0 0 0 41%;
}
.text {
width: 222px;
margin: -23% 0% 0 0;
}
.text1 {
width: 222px;
margin: -12% 0% 0 0;
}
.BtnCan.closbtn {
margin: 4% 0 0 0;
padding: 0 0 2px 0;
}
.poupu-windowMsg1{
width:300px;
} 
.close1{
margin: 0% 0 0 96%;
} 
.poupu-windowMsg.noclikpopup {
width: 650px;

}
.poupu-windowMsg.noclikpopup1 {
width: 650px;

}

.popup-formMsg.innergrid {
width: 97%;
margin-left: 0;
overflow-y:auto; height:100%;
}
.innergrid table{ width:98%;}
.frmdt{
margin:0 0 0 30%;
}
.fortym{
margin:0 0 0 -12%;
position:absolute;
}
.datebx{
margin:0 0 0 -8%;
}


/* IE8 uses \0 */
@media all\0 { 
.leftpnl {
      
    
}  
.grad1 {
    background-color: none !important;    
}
.popupareaMsg {
 filter: alpha(opacity=40); /* For IE8 and earlier */
}

} 

/****************************** New Design ( 23-6-2017)**********************/
.invalid{background:#ffcccc; padding:8px;  float:left; margin-top:3px; width:50px;}
.valid{background:#98FB98; padding:8px; float:left; margin-top:3px; width:50px;}
.hardwear label{ padding-right:5px; padding-bottom:10px!important;}
.paddleft{ padding-left:7px;}
.marleft{ margin-left:-6px!important;}
.textareamar{ margin-left:-1px!important;}
.logouttable{ width:850px;}

.ajax__calendar_container{ width:210px!important; padding:0!important; height:220px;}
.ajax__calendar_header{ height:auto!important; background:#00007d; padding:15px!important; color:#fff;}
.ajax__calendar_header:hover{ color:#fff!important;}
.ajax__calendar_body{ width:200px!important;}
.ajax__calendar_container table{ margin:0px!important; width:100%;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years{ width:200px!important;}
.ajax__calendar_title:hover{ color:#fff!important;}
.ajax__calendar_next{ background-image:url("../images/skip-next-circle.png")!important; background-position:50% 100%!important;}
.ajax__calendar_prev{ background-image:url("../images/skip-previous-circle.png")!important; background-position:50% 100%!important;}
/*************************************END******************************/
 ::-webkit-input-placeholder { 
            color: #ccc !important;
            font-weight: normal !important;
           
        }

        ::-moz-placeholder { 
            color: #ccc !important;
            font-weight: normal !important;
           
        }

        :-ms-input-placeholder { /* IE 10+ */
            color: #ccc!important;
          font-weight: normal !important;
         
            
        }

        :-moz-placeholder { /* Firefox 18- */
            color:#ccc !important;
            font-weight: normal !important;
            
            
        }


/*********************************New Design**************************/
#divLogo{ box-shadow:1px 10px 80px #e9e9f7;z-index:999; height:60px;}
.footer{ 
  position:absolute; 
  bottom:0; 
  width:100%; 
  
}
.loginpage {
    padding: 0 0 0 6% !important;
}
.form-group{margin-bottom: 30px!important;}
/*.row{ margin-right:0px!important; margin-left:0px!important;}*/
.logo{margin:15px 0 0 10px; text-align:left; float:left; }
.heading h2{ padding-top:20px; color:#00007d; text-transform:uppercase; font-size:23px;}
#Login{ margin-top:6%;}
#Login .form-group{ width:100%!important; margin-bottom:20px!important;} 
#Login .form-group .form-control, .mobileno .form-control{ border-bottom:1px solid #e9ebf1; border-top:0px; border-right:0px; border-left:0px;}
.username, .password{ padding:0 5%;}
.username input {
    background: url(../images/username.png)0 30% no-repeat;
    padding-left: 40px !important;
}
.password input {
    background: url(../images/password.png)0 30% no-repeat;
    padding-left: 40px !important;
}
.mobileno select {
    background: url(../images/mobilebg.png)0 30% no-repeat;
    padding-left: 0px !important;
}
.loginheading h2 {
    text-align: center;
    font-size: 32px;
    color: #30318c;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-family: 'Barlow-regular', sans-serif;
    padding-left:20px;
}
#Content{ margin-top:5%;}
.userimage{ margin-top:0px; width:24px;}
.logout-link{display:inline-block;}
.mobileno {
    width: 100%;
    float: left;
    margin-top: 15px;
}
/*#DivPnlDet .form-group{ width:100%;}
#DivPnlDet .form-group .form-control{ width:100%;}
#DivPnlDet .form-group label, #DivPnlDet .form-group span{ padding: 5px 0; font-size: 14px; font-weight: 600; font-family: 'Montserrat-Regular',sans-serif;}*/
.nopad{ padding-left:0px; padding-right:0px;}
.loginbtn{ background:#f15a29; padding:3% 23%; margin-top:5%; font-size:13px; border:none; color:#fff;}
.forgotpass{position: absolute; top: 46%; right: 28%; color: #00007d!important; background: none!important; cursor: pointer; font-weight: 600;
    font-size: 11px;}
.widthpx{ width:42px;}
.master .form-group label, .master .form-group span{font-family:'Montserrat-Regular',sans-serif; padding-top: 7px; font-size: 13.8px;
    font-weight: bold; text-align:left;}
.master .form-group .form-control{font-size: 13px;font-family: 'Montserrat-Regular',sans-serif; font-weight: bold;
    height: 36px;border-radius: 0!important; box-shadow: none;  display: block; width: 100%;background-color: #fff;
    background-clip: padding-box; line-height:normal;}
.master .form-group .label-control{text-align:left;}

.master .form-group .form-control{font-size: 13px;font-family: 'Montserrat-Regular',sans-serif; font-weight: bold;
    height: 36px;border-radius: 0!important; box-shadow: none;  display: block; width: 100%;background-color: #fff;
    background-clip: padding-box;}
.master .form-group select{font-size: 12px;font-family: 'Montserrat-Regular',sans-serif; font-weight: bold;
    height: 36px;border-radius: 0!important; box-shadow: none;  display: block; width: 100%;background-color: #fff;
    background-clip: padding-box;}
 .select option{font-family: "Montserrat-Regular"!important;}
.form-group .required:before {content: '*'; color: #00007d; position: absolute;right: 7px; top: -5px; font-size: 13px;}
.visitorentry{margin-left:10%;}
.margintop{margin-top:5%;}
.cont-header h4{color: #00007d;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 8px;
    font-family: 'Montserrat-Regular',sans-serif;
    text-transform: uppercase;}
.okbtn, .okbtn:hover{font-weight: bold;
    font-size: 12pt;
    font-family: 'Montserrat-Regular',sans-serif;
    color: White;
    border-width: 1px;
    border-style: Solid;
    border-color: #F15A29;
    background-color: #F15A29;
    box-shadow: 0 0 black;
    padding: 9px 35px;}
.loginapp .form-group .form-control {font-size: 14px;font-family: 'Montserrat-Regular',sans-serif; font-weight: bold;
    height: 36px;border-radius: 0!important; box-shadow: none; display: block; width: 100%;background-color: #fff;
    background-clip: padding-box;}
.locker{border-bottom: 1px solid #e9ebf1; border-top: 0px;border-right: 0px; border-left: 0px;}
.cont-header .locker-text{color: #00007d!important;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 8px;
    font-family: 'Montserrat-Regular',sans-serif;
    text-transform: uppercase;}
.sidebar-mini.sidebar-collapse .main-sidebar{width:65px!important;}
.main-footer{max-width: 100%; padding-left: 5%; clear:both; position:absolute;left:0; right:0; bottom:-40px;}
.form-group .spanvalid{ position:absolute; top:-8px!important; right:8px; color:#00007d;}
.form-group .spanvalid.mandetory{ position:absolute; top:-3px!important; right:-7px!important; color:#00007d;padding: 0 !important;}
.master .field-validation-error{color: red!important; font-size: 11px!important; position: absolute; width: 100%;}
.checkbox{margin-top:7px;}
.loginfiled input {
    width: 55%;
    height: 45px;
    background: url(../images/right-arrow-white.png)92% 50% no-repeat #f15a29;
    color: #fff !important;
    cursor: pointer;
}
.backtolistbtn, .backtolistbtn:hover{ background:#fff; height:35px;  padding:0px 25px; border:1px solid #00007d; color:#00007d; font-size:11px!important; border-radius:0px; font-family:'Montserrat-Regular',sans-serif; cursor:pointer;}
.savebtn, .savebtn:focus, .savebtn:hover{background:#f15a29; text-transform:uppercase; padding:10px 25px; border:none; color:#fff; font-size:11px; border-radius:0px; font-weight:400; font-family:'Montserrat-Regular',sans-serif; cursor:pointer;}
.visitordetailsbtn{background:#f15a29; text-transform:uppercase; padding:10px 10px; border:none; color:#fff; margin-top: 10px; font-size:11px; border-radius:0px; font-weight:400; font-family:'Montserrat-Regular',sans-serif; cursor:pointer;}
.resetbtn, .resetbtn:focus, .resetbtn:hover{background: #00b5a5; text-transform: uppercase;padding: 8px 25px;border: none; color: #fff; border-radius:0px; font-weight:400; cursor:pointer; font-size:13px;}
.deletebtn, .deletebtn:hover{padding: 10px 25px;background-color: #dc3545;border: none;color: #fff; font-size:11px; text-transform: uppercase; cursor:pointer;}
.updatebtn, .updatebtn:hover{padding:10px 25px; background-color: #f15a29;border: none; color:#fff; cursor:pointer; text-transform:uppercase;}
.viewbtn, .viewbtn:hover{padding:10px 25px; background-color:#00007d; font-size:12px; border: none; color:#fff; text-transform:uppercase; cursor:pointer; }
.addbtn, .addbtn:hover{padding:10px 25px; font-size:12px; background-color: #f15a29;border: none; color:#fff;text-transform:uppercase; cursor:pointer;}
.addtogridbtn{padding:10px 25px; background-color: #f15a29;border: none;color:#fff;text-transform:uppercase; cursor:pointer;}
.printbtn{padding:10px 25px; background-color:#00007D;border: none;color:#fff; font-size:11px; text-transform:uppercase; cursor:pointer;}
.master h1{font-family: 'Montserrat-Regular',sans-serif; font-size: 18px; font-weight:bold;color:#00007d;}
.searchbtn, .searchbtn:hover{background:#f15a29; width:120px; text-transform:uppercase; padding:8px 15px; border:none; color:#fff; font-size:13px!important; border-radius:0px; font-weight:400; font-family:'Montserrat-Regular',sans-serif; cursor:pointer;}
.serachreset, .serachreset:hover{background:#00b5a5; text-transform:uppercase; padding:8px 15px; border:none; color:#fff; font-size:13px; border-radius:0px; font-weight:400; font-family:'Montserrat-Regular',sans-serif; cursor:pointer;}
.btn-verify {
    background: #f15a29;
    text-transform: uppercase;
    padding: 10px 25px;
    border: none;
    color: #fff;
    font-weight: 400;
    font-family: 'Montserrat-Regular',sans-serif;
    margin:10px 15px 0px;
}
.prcl-management{
    margin-bottom:20px !important;
}
.hostTable{
    margin-bottom:0px !important;
}
.ifrm-close {
    background: #00b5a5;
    height: 39px;
    border: none;
    color: #fff;
    width: 100px;
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
}
.footer-divider{
    position:relative;
}
.footer-divider::before{
    content:'';
    position:absolute;
    width:100%;
    height:1px;
    background:#e9ecef;
    left:0;
    bottom:18%;
    z-index:1000;
}
.popuploading {
    left: 1rem;
    position: absolute;
    top: 1rem;
    height: 78%;
    width: 97%;
    border-radius: 0px;
    align-items: center;
    display: flex;
    justify-content: center;
    background: rgba(170,170,170,0.5);
}

.checkbox-labour label {
    padding-left: 10px;
}
.Appointment{ padding:15px 30px;}
.padd{ padding-left: 30px!important;
padding-right: 30px!important;}
.wk-checklist input[type="checkbox"]{margin:0 5px;}
.modal-header h4 {
    font-family: 'Barlow-regular', sans-serif;
    font-size: 22px;
}
.modal-head {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #00007d;
    font-family: 'Barlow-regular', sans-serif;
}


.popupclose, .popupclose:focus, .popupclose:hover{background: #00b5a5; text-transform: uppercase;padding: 8px 20px; font-size:12px; border: none; color: #fff; border-radius:0px; font-weight:400; cursor:pointer;}
.sendkeybtn, .sendkeybtn:focus, .sendkeybtn:hover{background:#f15a29; text-transform:uppercase; padding:10px 8px; border:none; color:#fff; font-size:13px; border-radius:0px; font-weight:400; font-family:'Montserrat-Regular',sans-serif; cursor:pointer;}
.resetbtnpop, .resetbtnpop:focus, .resetbtnpop:hover{background:#00b5a5; text-transform:uppercase; padding:10px 10px; border:none; color:#fff; font-size:13px; border-radius:0px; font-weight:400; font-family:'Montserrat-Regular',sans-serif; cursor:pointer;}
.errormsgmain{text-align:left; font-family:'Montserrat-Regular',sans-serif; color:red; font-size:12px;}
.exporttoexcelbtn, .exporttoexcelbtn:hover, .exporttoexcelbtn:active, .exporttoexcelbtn:focus{border-radius:0px;background:#f15a29; border:0px; color:#fff; cursor:pointer; margin-right:10px; margin-top:10px; padding: 9.5px 16px;}
.exporttocsvbtn, .exporttocsvbtn:hover, .exporttocsvbtn:active, .exporttocsvbtn:focus{border-radius:0px;background:#00c1aa; border:0px; cursor:pointer; padding: 9.5px 16px; color:#fff;  margin-top:10px;}
.empmargin{margin-top:4%;}
.logout{ padding-top:15px; padding-right:25px;}
.empname span{ padding-top:10px; font-size:11.5px; font-weight:bold;}
#LoginLabour modal-content {
    width: 750px !important;
}
.grad1.panelhight{}
.APMaster .master .form-group {
    margin-bottom:35px;
}
.master .form-group span.tablabel {
    margin-bottom: 0.5rem;
    display: block;
}
.master .form-group .form-control.AP-formfield {
    border: 1px solid #C4C4C4;
    background: #F3F3F3;
    border-radius:3px !important;
    height:40px;
}
.master .form-group .APcheckbox input[type="checkbox"] {
    border: 1px solid #C4C4C4;
    background: #F3F3F3;
}
.hr-divider {
    width: 100%;
    display: block;
    height: 2px;
    background: #C4C4C4;
    margin-bottom:50px;
}
.hardwear label{
    margin:0px;
}
table.AP-control {
    display: block;
}
table.AP-control tbody {
    display: block;
}
table.AP-control tbody tr{
    display:inline-block;
    margin-right:15px;
}
table.AP-control tbody tr td{
    position:relative;
    padding-right: 15px;
}

table.AP-control tbody tr td label{
    padding-bottom:7px !important;
}

table.AP-control tbody tr td input[type="radio"],
table.AP-control tbody tr td input[type="checkbox"] {
   top:10px;
   right:0;
   position:absolute;
}
.master .form-group label.APS-Header,
.master .form-group span.APS-Header{
    font-size: 14px !important;
    color: #000;
    line-height: 1.5;
}
.master .form-group span.active-box {
    display: inline-block;
    padding-top: 9px;
}
.form-group.form-field-space {
    margin-bottom:40px !important;
}
.form-group .appterror {
    position: absolute;
    width: auto;
    top: -10px;
    right: 6px;
    color: #00007d !important;
}
.SelectRol {
    margin-left: 19.555557%;
}

/********Media css**********/
@media screen and (min-width: 768px) and (max-width: 992px) {
    .searchbtn, .searchbtn:hover {
                width: 80px;
                font-size: 10px;
            }

            #LoginLabour .modal-dialog {
                position: fixed;
                top: 7%;
                left: 2%;
            }

            #LoginLabour modal-content {
                width: 650px !important;
            }

            .visitorentry table {
                width: 100%;
            }

            .master .form-group label, .master .form-group span {
                font-family: 'Montserrat-Regular',sans-serif;
                padding-top: 0px;
                font-size: 13.8px;
                font-weight: bold;
                text-align: left;
            }

            .sidenav
            .modal-content {
                width: 600px !important;
            }

            .mobilemenu {
                position: absolute;
                top: 60%;
                left: 0
            }

                .mobilemenu img {
                    width: 18px;
                    height: 20px;
                }

            .sidenav {
                height: 100%;
                width: 0;
                position: absolute;
                z-index: 1;
                top: 20px;
                left: 0;
                overflow-x: hidden;
                transition: 0.5s;
                padding-top: 0px;
                background: #fff;
                margin-top: 8%;
            }

            .savebtn, .savebtn:focus, .savebtn:hover {
                padding: 10px 14px;
                font-size: 11.5px;
            }

            .deletebtn, .deletebtn:hover {
                padding: 12px 22px;
                margin-bottom: 10px;
                font-size: 11.5px;
            }

            .updatebtn, .updatebtn:hover {
                padding: 12px 22px;
                margin-bottom: 10px;
                font-size: 11.5px;
            }

            .viewbtn, .viewbtn:hover {
                padding: 12px 22px;
                margin-bottom: 10px;
                font-size: 11.5px;
            }

            .addbtn, .addbtn:hover {
                padding: 12px 22px;
                margin-bottom: 10px;
                font-size: 11.5px;
            }

            .resetbtn, .resetbtn:focus, .resetbtn:hover {
                padding: 10px 14px;
                font-size: 11.5px;
            }

            .addtogridbtn {
                padding: 12px 22px;
                margin-bottom: 10px;
            }

            .printbtn {
                padding: 12px 22px;
                margin-bottom: 10px;
            }

            .visitorreport tr th {
                padding: 0 15px;
            }
            .dialog-popmodal {
                max-width: 600px;
                position: fixed;
                top: 50% !important;
                left: 50% !important;
                transform: translate(-50%, -50%) !important;
                -moz-transform: translate(-50%, -50%) !important;
                -webkit-transform: translate(-50%, -50%) !important;
            }
        }

        @media screen and (min-width: 1152px) and (max-width: 1279px) {
        }

        table
{
font-family:'Montserrat-Regular',sans-serif;
	font-size:11px;
	text-align:left;
    
}
    .form-group .apptvisit span{ position:absolute; top:-10px; right:-11px!important; color:#00007d!important;}
    .Title{
	font-family:'Barlow-regular', sans-serif;
	font-size:18px;
	color:#00007d;
    text-transform: uppercase; 

}
.searchbtn, .searchbtn:hover{background:#f15a29; text-transform:uppercase; padding:8px 15px; border:none; color:#fff; font-size:13px; border-radius:0px; font-weight:400; font-family:'Montserrat-Regular',sans-serif; cursor:pointer;}
 .persontomeetlist table tr td, .persontomeetlist table tr th{ padding:5px; font-size:11px;}
    .cont-header h4{color: #00007d;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 8px;
    font-family: 'Montserrat-Regular',sans-serif;
    text-transform: uppercase;}
    .master .form-group .form-control{font-size:11px;}
    .master .form-group label, .master .form-group span{font-size:11.5px!important;}
    .visitorentry{margin-left:0%;}
    .loginapp .form-group .form-control {font-size: 13px;font-family: 'Montserrat-Regular',sans-serif; font-weight: bold;
    height: 36px;border-radius: 0!important; box-shadow: none; display: block; width: 100%;background-color: #fff;
    background-clip: padding-box;}
    .persontomeetlist{left: -84%; top:10%; width:300px!important;margin-top: 10px;}
    .empname span{ padding-top:10px; font-size:11px; font-weight:bold;}


.departmst table {
    width: 100%;
}

.departmst table  tr {
    width: 32.333%;
    display: inline-block;
    margin: 0 1px;
    float: left;
}
.departmst table tr > td > input{
    margin-right: 5px;
}



@media screen and (min-width: 768px) and (max-width: 992px) {
    .persontomeetlist{ left:0px!important; width: 100%!important; position:inherit;}
    .printpass-iframe {
        width: 100%;
        overflow: auto;
    }
    .departmst table tr {
        width: 50%;
        display: inline-block;
        margin: 0 0px;
        float: left;
    }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
    .Title{ font-size:16px;}
    .userimage {
        width: 20px;
    } 
    #ContentWrapper{ width:0px;}
    #divLogo {
        padding-bottom: 20px !important;
        height: 90px !important
    }
    .logo {
        margin: 8px 0 0 10px !important;
        text-align: left;
        float: left;
    }
  
    .mobilemenu {
        position: absolute !important;
        top: 95%!important;
        left: 25px;
        z-index:9999!important;
    }

        .mobilemenu img {
            width: 30px!important;
            height: 30px!important;
        }
    .datebx{
            margin:0 0 0 0;
    }
    .widthpx {
        width: 40px !important;
    }
    
    .tablepadd{padding:0 0 2% 0%}
    .logout{ padding-top:15px; padding-right:0px;}
    #chart-area{z-index: 2;  position: absolute;  left: 0px; top:0px!important;}
    .visitorgraph{ margin-top:25%!important;float:left; width:100%;}
    .widthpx {width: 0px !important;
    }
    .sidenav {
               
                margin-top:3%!important;
                z-index:99;
            }
    .Appointment{ padding:15px 0px;}
    .modal-content{ width:280px!important;}
    
    .mobileno{width: 100%;}
    .master .form-group label, .master .form-group span{font-size:11.5px!important; margin-bottom:0px;}
      
      .getbtn{ font-size:9px;}
          .visitorentry{margin-left:0%;}
          .forgotpass{position: absolute; top: 46%; right: 14%; color: #00007d!important; background: none!important; cursor: pointer; font-weight: 600;
    font-size: 11px;}
          .persontomeetlist{ left:0px!important; width: 100%!important;}

    .form-group.optim-space-1,
    .form-group.optim-space .chkbx-nobrk {
        white-space: normal;
        position: relative;
        width: 100%;
        display: inline-block;
    }
        .form-group.optim-space-1 label,
        .form-group.optim-space label {
            width: 100%;
            position: absolute;
            top: 0;
            left:0;
            padding-left: 20px;
            padding-top: 5px;
        }
    .form-group.optim-space-1 label{
            padding-top:0px;
    }
    .mobi-row {
        margin-right: -15px !important;
        margin-left: -15px !important;
    }
    .printpass-iframe {
        width: 100%;
        overflow: auto;
    }
    .SelectRol {
        margin-left: 0%;
    }
    .M-left-0 {
        padding-left: 0px;
    }
    .M_table{
        margin:0 !important;
        padding:0px;
    }
    .departmst table tr {
        width: 100%;
        display: inline-block;
        margin: 0 0px;
        float: left;
    }
    .mobilepadd {
        padding-left: 8.333333%;
    }

}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .logouttable{ width:750px;}
    #LoginLabour .modal-dialog {
        position: fixed;
        top: 7%;
        left: 2%;
    }

    #LoginLabour modal-content {
        width: 620px !important;
    }

    .searchbtn, .searchbtn:hover{width:80px!important}
    .modal-content {
        width: 450px !important;
    }
    .sidenav {
                padding-top: 15px;
                margin-top:10%!important;
                z-index:99;
            }
    #chart-area{z-index: 2;  position: absolute;  left: 0px; top:0px;}
    .visitorgraph{ margin-top:40%!important;float:left; width:100%;}
 
}
@media screen and (min-width: 320px) and (max-width: 500px) {
    .sidenav {
        margin-top: 24% !important;
        z-index: 99;
    }
    .modal-dialog{    position: absolute;
    top: 10%;
    left: 10%;}
    .mobileno {width: 100%;}
    .savebtn, .savebtn:focus, .savebtn:hover{padding: 10px 22px;}
    .deletebtn, .deletebtn:hover{padding: 12px 22px;margin-bottom:10px;}
    .updatebtn, .updatebtn:hover{padding:12px 22px;margin-bottom:10px;}
    .viewbtn, .viewbtn:hover{padding:12px 22px; margin-bottom:10px;}
    .addbtn, .addbtn:hover{padding:12px 22px; margin-bottom:10px;}
    .resetbtn, .resetbtn:focus, .resetbtn:hover{padding: 8px 22px; font-size:13px;}
    .Newreset{padding: 12px 22px;}
    .addtogridbtn {
        padding: 12px 22px;
        margin-bottom: 10px;
    }
    .printbtn{padding:12px 22px;margin-bottom:10px;}
    .exporttoexcelbtn, .exporttoexcelbtn:hover{padding:8px 10px}
    .exporttocsvbtn, .exporttocsvbtn:hover {padding:8px 10px}
    .empmargin{margin-top:15%}
    .RWV-dialog{
        left: 0;
    }
    #VisitorPhotoModal .modal-dialog.RWV-dialog {
        left: 10%;
    }
}

@media screen and (min-width: 1281px) and (max-width: 1600px) {
    .persontomeetlist{ position:relative; top:10%; left:-81%; width:380px!important;}
    .visitorgraph{ margin-top:30%;float:left; width:100%;}
}

@media screen and (min-width: 1025px) and (max-width: 1279px) {
    .visitorgraph{ margin-top:15%;float:left; width:100%;}
    .master .form-group label, .master .form-group span{ font-size:13px;}
    .searchbtn, .searchbtn:hover{background:#f15a29; text-transform:uppercase; padding:8px 15px; border:none; color:#fff; font-size:12px; border-radius:0px; font-weight:400; font-family:'Montserrat-Regular',sans-serif; cursor:pointer;}
}


.content1{ padding:15px;}
.personelabel{ width:100%; float:left;}
.appointmentfilde .form-group{ margin-bottom:23px!important; }

.onprimmise{ position:absolute; text-align:center; top:70px; right:40%; color:#f15a29; font-size:17px;}
 .total{ background:#00b5a5; width:10px; height:10px; margin-bottom:2px; border-radius:50%; float:left; margin:4px 5px 0 0;}
 .primise{ background:#f15a29; width:10px; height:10px; margin-bottom:2px; border-radius:50%; float:left; margin:4px 5px 0 0;}
 .onehours{ background:#6366a7; width:10px; height:10px; margin-bottom:2px; border-radius:50%; float:left; margin:4px 5px 0 0;}
 .twohours{ background:#30318c; width:10px; height:10px; margin-bottom:2px; border-radius:50%; float:left; margin:4px 5px 0 0;}
 .fourhours{ background:#1d1658; width:10px; height:10px; margin-bottom:2px; border-radius:50%; float:left; margin:4px 5px 0 0;}
 .visitorgraph{ text-align:left;}
 .visitorgraph .control-label, .visitorgraph span{ color:#8a97b3; font-family: 'Montserrat-Light',sans-serif; font-size:12px; font-weight:bold; padding:4px 0;}
 .countpadd{ margin-top:0px!important; float:left;}
 .visitorgraph{ margin-top:25%;float:left; width:100%;}
 .cardphoto{ margin-left:35%; margin-bottom:10%;}
 .logo img{ width:117px; height:30px;}





 /*********************setting menu************/

.setting-menu{ width:100%; float:left; padding:20px 0 20px 0; margin-top:20px; position:relative;}
.setting-menu:before {content: '';position: absolute;height:0.5px;width: 88%;background: #a1a1ae;left: 51%;top: 0px;transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
}
.setting-menu:after {content: '';position: absolute;height:0.5px;width: 88%;background: #a1a1ae;left: 51%;bottom: 0px;transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
}

.setting-menu ul,.setting-screen ul { padding-left:0px;}
.setting-menu ul li{ float:left; padding:0 20px;position:relative;}
.setting-menu ul li:first-child,.setting-screen ul li:first-child{/*padding-left:0px;*/}
.setting-menu ul li:last-child,.setting-screen ul li:last-child{/*padding-right:0px;*/}
.setting-menu ul li a{position:relative;}
.setting-menu ul li a.active:before{ content:''; position:absolute; bottom: -25px; left:0%; border-left: 10px solid transparent; 
                          border-right: 10px solid transparent; border-bottom: 10px solid #a1a1ae; transform: translate(-50%, -50%);
                          -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);}
.setting-screen{width:100%; float:left; padding:10px 0 30px 0;}
.setting-screen ul li{ float:left; padding:0 23px;}
.setting-screen ul li a{ color:#ccc;  font-weight:600;}
.setting-screen ul li a.active{ color:#f15a29;}
.setting-header h6{ color: #00007d;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Barlow-regular', sans-serif; padding-bottom:30px; margin-left: 15px; font-size:17px;}

.nav-tabs { border-bottom: 0px solid #DDD; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
    .nav-tabs > li > a { border: none; color: #666; }
        .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; }
        /*.nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }*/
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
/*.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }*/
.tab-pane { padding: 15px 0; }
.tab-content{padding:10px 10px 0 0;position:relative;}


.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }
.setting-menu ul li a img:last-child, .setting-menu ul li a img:first-child, .setting-menu ul li a img:nth-child(4), .setting-menu ul li a img:nth-child(5){ width:22px; height:24px;}
.setting-menu ul li a img:nth-child(3){ width:26px; height:26px;}
.nav-tabs li a img:last-child { display:none;}
.nav-tabs li a.active img:last-child { display:block;}
.nav-tabs li a.active img:first-child { display:none;}
.setting-menu ul li a img:nth-child(6){ width:28px; height:28px;}

@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {

    .visitorgraph {
        margin-top: 40%;
        float: left;
        width: 100%;
    }
}
/*--New css add by sameer salunke 28-05-2022*/
@media screen and (max-width: 767px) {
    .dialog-popmodal {
        width: 90%;
        max-width: 90%;
        position:fixed;
    }
    .setting-menu ul li {
        padding: 0 10px;
    }
    .setting-menu:before,
    .setting-menu:after {
        width: 100%;
    }
}
@media screen and (max-width: 566px) {
    .div100{
        width:100%;
        max-width:100%;
        display:block;
        flex:auto;
        padding:7px 0;
    }
    .div100 label.label-control{
        padding:0;
        margin:0;
    }
    .btn-space{
        margin:3px 0;
    }
    .dialog-popmodal {
        width: 90%;
        max-width: 90%;
        position: fixed;
    }
    .departmst table tr {
        width: 100%;
        display: inline-block;
        margin: 0 0px;
        float: left;
    }
}


.hidden {
    display: none;
}

.cameraClass {
    width: 110px;
    height: 35px;
    background: #2C3E8A;
    color: #fff;
    border-color: #2C3E8A;
    font-family: Calibri;
    font-weight: bold;
}

.video-box {
   /* background-color: grey;
    border: 1px dashed;*/
    display: flex;
    align-content: center;
    align-items: center;
    align-self: center;
    justify-content: center;
    justify-items: center;
    max-width: 640px;
    max-height: 360px;
    margin: 0 auto;
    flex-direction: column;
}

.video-control {
    width: 100%;
    height: auto;
}

.video-control-nocontrols {
    pointer-events: none;
}