/*Main CSS*/
/*@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body, html{
	height:100%;
	min-height:100%;
}
body {
    margin-top:0;
    background-color: #fff;
	font-family: 'robotoregular';
	color:#333;
	margin-bottom:0;
}
h1.page-header {
    margin-top: -5px;
}

.sidebar {
	padding-left: 0;
}

.main-container { 
	background: #FFF;
	padding-top: 15px;
	margin-top: -20px;
}

.footer {
	width: 100%;
}  

:focus {
	outline: none;
}
/*Left Sidebar menu */

.side-menu {
    
    position: relative;
     background-color: #f8f8f8;
}
.side-menu {
	position: relative;
	width: 100%;
	height: 100%;
	border-right: 1px solid #e7e7e7;
}
.side-menu .navbar {
	border: none;
}
.side-menu .navbar-header {
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
}
.side-menu .navbar-nav .active a {
	background-color: transparent;
	margin-right: -1px;
	border-right: 5px solid #e7e7e7;
}
.side-menu .navbar-nav li {
	display: block;
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
}
.side-menu .navbar-nav li a {
	padding: 15px;
}
.side-menu .navbar-nav li a .glyphicon {
	padding-right: 10px;
}
.side-menu #dropdown {
	border: 0;
	margin-bottom: 0;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
}
.side-menu #dropdown .caret {
	float: right;
	margin: 9px 5px 0;
}
.side-menu #dropdown .indicator {
	float: right;
}
.side-menu #dropdown > a {
	border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown .panel-body {
	padding: 0;
	background-color: #f3f3f3;
}
.side-menu #dropdown .panel-body .navbar-nav {
	width: 100%;
}
.side-menu #dropdown .panel-body .navbar-nav li {
	padding-left: 15px;
	border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown .panel-body .navbar-nav li:last-child {
	border-bottom: none;
}
.side-menu #dropdown .panel-body .panel > a {
	margin-left: -20px;
	padding-left: 35px;
}
.side-menu #dropdown .panel-body .panel-body {
	margin-left: -15px;
}
.side-menu #dropdown .panel-body .panel-body li {
	padding-left: 30px;
}
.side-menu #dropdown .panel-body .panel-body li:last-child {
	border-bottom: 1px solid #e7e7e7;
}
.side-menu #search-trigger {
	background-color: #f3f3f3;
	border: 0;
	border-radius: 0;
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px 18px;
}
.side-menu .brand-name-wrapper {
	min-height: 50px;
}
.side-menu .brand-name-wrapper .navbar-brand {
	display: block;
}
.side-menu #search {
	position: relative;
	z-index: 1000;
}
.side-menu #search .panel-body {
	padding: 0;
}
.side-menu #search .panel-body .navbar-form {
	padding: 0;
	padding-right: 50px;
	width: 100%;
	margin: 0;
	position: relative;
	border-top: 1px solid #e7e7e7;
}
.side-menu #search .panel-body .navbar-form .form-group {
	width: 100%;
	position: relative;
}
.side-menu #search .panel-body .navbar-form input {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	width: 100%;
	height: 50px;
}
.side-menu #search .panel-body .navbar-form .btn {
	position: absolute;
	right: 0;
	top: 0;
	border: 0;
	border-radius: 0;
	background-color: #f3f3f3;
	padding: 15px 18px;
}

/* Main body section */
.side-body {
	margin-left: 310px;
}
.navbar-inner{
    /*height: 90px*/
    min-height: 60px
    }
.navbar .brand{
    padding: 0 10px;
}
.navbar .nav > li > a {
    padding:13px 13px 13px 10px;
    /*padding: 35px 15px;*/
}
.navbar .btn-navbar {
    /*margin-right: 0px;*/
    margin-top:15px;
}
.brand img{
    margin-top: 5px
}
.top_margin{
     margin-top: 0;
}
@media (max-width:768px) {
    .brand img{
        margin-bottom: 5px
    }
    .navbar .btn-navbar{
        /*margin-right: -15px;*/
    }
    .navbar .nav > li > a {
        padding: 10px 15px;
    }
}
/* small screen */
@media (max-width: 768px) {
	.side-menu {
		position: relative;
		width: 100%;
		height: 0;
		border-right: 0;
	}

	.side-menu .navbar {
		z-index: 999;
		position: relative;
		height: 0;
		min-height: 0;
		background-color:none !important;
		border-color: none !important;
	}
	.side-menu .brand-name-wrapper .navbar-brand {
		display: inline-block;
	}
	/* Slide in animation */
	@-moz-keyframes slidein {
		0% {
			left: -300px;
		}
		100% {
			left: 10px;
		}
	}
	@-webkit-keyframes slidein {
		0% {
			left: -300px;
		}
		100% {
			left: 10px;
		}
	}
	@keyframes slidein {
		0% {
			left: -300px;
		}
		100% {
			left: 10px;
		}
	}
	@-moz-keyframes slideout {
		0% {
			left: 0;
		}
		100% {
			left: -300px;
		}
	}
	@-webkit-keyframes slideout {
		0% {
			left: 0;
		}
		100% {
			left: -300px;
		}
	}
	@keyframes slideout {
		0% {
			left: 0;
		}
		100% {
			left: -300px;
		}
	}
	/* Slide side menu*/
	/* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */
	.side-menu-container > .navbar-nav.slide-in {
		-moz-animation: slidein 300ms forwards;
		-o-animation: slidein 300ms forwards;
		-webkit-animation: slidein 300ms forwards;
		animation: slidein 300ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.side-menu-container > .navbar-nav {
		/* Add position:absolute for scrollable menu -> see top comment */
		position: fixed;
		left: -300px;
		width: 300px;
		top: 43px;
		height: 100%;
		border-right: 1px solid #e7e7e7;
		background-color: #f8f8f8;
		overflow: auto;
		-moz-animation: slideout 300ms forwards;
		-o-animation: slideout 300ms forwards;
		-webkit-animation: slideout 300ms forwards;
		animation: slideout 300ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	@-moz-keyframes bodyslidein {
		0% {
			left: 0;
		}
		100% {
			left: 300px;
		}
	}
	@-webkit-keyframes bodyslidein {
		0% {
			left: 0;
		}
		100% {
			left: 300px;
		}
	}
	@keyframes bodyslidein {
		0% {
			left: 0;
		}
		100% {
			left: 300px;
		}
	}
	@-moz-keyframes bodyslideout {
		0% {
			left: 300px;
		}
		100% {
			left: 0;
		}
	}
	@-webkit-keyframes bodyslideout {
		0% {
			left: 300px;
		}
		100% {
			left: 0;
		}
	}
	@keyframes bodyslideout {
		0% {
			left: 300px;
		}
		100% {
			left: 0;
		}
	}
	/* Slide side body*/
	.side-body {
		margin-left: 5px;
		margin-top: 70px;
		position: relative;
		-moz-animation: bodyslideout 300ms forwards;
		-o-animation: bodyslideout 300ms forwards;
		-webkit-animation: bodyslideout 300ms forwards;
		animation: bodyslideout 300ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.body-slide-in {
		-moz-animation: bodyslidein 300ms forwards;
		-o-animation: bodyslidein 300ms forwards;
		-webkit-animation: bodyslidein 300ms forwards;
		animation: bodyslidein 300ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	/* Hamburger */
	.navbar-toggle-sidebar {
		border: 0;
		float: left;
		padding: 18px;
		margin: 0;
		border-radius: 0;
		background-color: #f3f3f3;
	}
	/* Search */
	#search .panel-body .navbar-form {
		border-bottom: 0;
	}
	#search .panel-body .navbar-form .form-group {
		margin: 0;
	}
	.side-menu .navbar-header {
		/* this is probably redundant */
		position: fixed;
		z-index: 3;
		background-color: #f8f8f8;
	}
	/* Dropdown tweek */
	#dropdown .panel-body .navbar-nav {
		margin: 0;
	}
}


/*Login Form Css */


.panel-login {
	border-color: #ccc;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}
.panel-login>.panel-heading {
	color: #00415d;
	background-color: #fff;
	border-color: #fff;
	text-align:center;
}
.panel-login>.panel-heading a{
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 15px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.panel-login>.panel-heading a.active{
	color: #273238;
	font-size: 18px;
}
.panel-login>.panel-heading a:hover{
	color: #ff0000;
}
.panel-login>.panel-heading hr{
	margin-top: 10px;
	margin-bottom: 0px;
	clear: both;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
}
.panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] {
	height: 45px;
	border: 1px solid #ddd;
	font-size: 16px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.panel-login input:hover,
.panel-login input:focus {
	outline:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	/*border-color: #ccc;*/
}
.btn-login {
	background-color: #36474f;
	outline: none;
	color: #fff;
	font-size: 14px;
	height: auto;
	font-weight: normal;
	padding: 14px 0;
	text-transform: uppercase;
	border-color: #36474f;
	border-radius:0;
}
.btn-login:hover,
.btn-login:focus {
	color: #fff;
	background-color: #273238;
	border-color: #273238;
}
.forgot-password {
	text-decoration: underline;
	color: #888;
}
.forgot-password:hover,
.forgot-password:focus {
	text-decoration: underline;
	color: #666;
}

.btn-register {
	background-color: #1CB94E;
	outline: none;
	color: #fff;
	font-size: 14px;
	height: auto;
	font-weight: normal;
	padding: 14px 0;
	text-transform: uppercase;
	border-color: #1CB94A;
}
.btn-register:hover,
.btn-register:focus {
	color: #fff;
	background-color: #1CA347;
	border-color: #1CA347;
}
.text-center{
    text-align: center;
}

.row{
    padding: 0 10px;
}
.clickable{
    cursor: pointer;   
}

.panel-heading div {/*
        margin-top: -18px;
        font-size: 15px;*/
}
.panel-heading div span{
        margin-left:5px;
}
.top-buffer { margin-top:12px; padding-left:290px; }

.alert-msg {
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 6px;
}
.asteriskField{
    color: #FF2B2B;
    margin: -4px 0 0 2px;
    display: block;
    //float: left;
}

#datepicker > span:hover{cursor: pointer;}

tfoot {
    display: table-header-group;
}

.dataTables_filter {
    display: none;
}

.error-template {padding: 40px 15px;text-align: center;}
.error-actions {margin-top:15px;margin-bottom:15px;}
.error-actions .btn { margin-right:10px; }
.edit-link{float: left;}
.delete-form{float: left; width: 35%;}
.delete-btn{background-color: transparent;border: medium none; padding: 0 5px;}
button.delete-btn:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: none;
}
button.delete-btn:active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: none;
}
button.delete-btn:visited {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: none;
}
button.delete-btn:focus {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: none;
}
/*#visitors-table thead tr th:last-child{
    display: none;
}
#visitors-table tbody tr td:last-child{
    display: none;
}*/

div.dt-button-info{position:fixed;top:50%;left:50%;width:400px;margin-top:-100px;margin-left:-200px;background-color:white;border:2px solid #111;box-shadow:3px 3px 8px rgba(0,0,0,0.3);border-radius:3px;text-align:center;z-index:21}div.dt-button-info h2{padding:0.5em;margin:0;font-weight:normal;border-bottom:1px solid #ddd;background-color:#f3f3f3}div.dt-button-info>div{padding:1em}button.dt-button,div.dt-button,a.dt-button{position:relative;display:inline-block;box-sizing:border-box;margin-right:0.333em;padding:0.5em 1em;border:1px solid #999;border-radius:2px;cursor:pointer;font-size:0.88em;color:black;white-space:nowrap;overflow:hidden;background-color:#e9e9e9;background-image:-webkit-linear-gradient(top, #fff 0%, #e9e9e9 100%);background-image:-moz-linear-gradient(top, #fff 0%, #e9e9e9 100%);background-image:-ms-linear-gradient(top, #fff 0%, #e9e9e9 100%);background-image:-o-linear-gradient(top, #fff 0%, #e9e9e9 100%);background-image:linear-gradient(to bottom, #fff 0%, #e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#e9e9e9');-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;outline:none}button.dt-button.disabled,div.dt-button.disabled,a.dt-button.disabled{color:#999;border:1px solid #d0d0d0;cursor:default;background-color:#f9f9f9;background-image:-webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);background-image:-moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);background-image:-ms-linear-gradient(top, #fff 0%, #f9f9f9 100%);background-image:-o-linear-gradient(top, #fff 0%, #f9f9f9 100%);background-image:linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9')}button.dt-button:active:not(.disabled),button.dt-button.active:not(.disabled),div.dt-button:active:not(.disabled),div.dt-button.active:not(.disabled),a.dt-button:active:not(.disabled),a.dt-button.active:not(.disabled){background-color:#e2e2e2;background-image:-webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);background-image:-moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);background-image:-ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);background-image:-o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);background-image:linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#e2e2e2');box-shadow:inset 1px 1px 3px #999999}button.dt-button:active:not(.disabled):hover:not(.disabled),button.dt-button.active:not(.disabled):hover:not(.disabled),div.dt-button:active:not(.disabled):hover:not(.disabled),div.dt-button.active:not(.disabled):hover:not(.disabled),a.dt-button:active:not(.disabled):hover:not(.disabled),a.dt-button.active:not(.disabled):hover:not(.disabled){box-shadow:inset 1px 1px 3px #999999;background-color:#cccccc;background-image:-webkit-linear-gradient(top, #eaeaea 0%, #ccc 100%);background-image:-moz-linear-gradient(top, #eaeaea 0%, #ccc 100%);background-image:-ms-linear-gradient(top, #eaeaea 0%, #ccc 100%);background-image:-o-linear-gradient(top, #eaeaea 0%, #ccc 100%);background-image:linear-gradient(to bottom, #eaeaea 0%, #ccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea', EndColorStr='#cccccc')}button.dt-button:hover,div.dt-button:hover,a.dt-button:hover{text-decoration:none}button.dt-button:hover:not(.disabled),div.dt-button:hover:not(.disabled),a.dt-button:hover:not(.disabled){border:1px solid #666;background-color:#e0e0e0;background-image:-webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);background-image:-moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);background-image:-ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);background-image:-o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);background-image:linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e0e0e0')}button.dt-button:focus:not(.disabled),div.dt-button:focus:not(.disabled),a.dt-button:focus:not(.disabled){border:1px solid #426c9e;text-shadow:0 1px 0 #c4def1;outline:none;background-color:#79ace9;background-image:-webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);background-image:-moz-linear-gradient(top, #bddef4 0%, #79ace9 100%);background-image:-ms-linear-gradient(top, #bddef4 0%, #79ace9 100%);background-image:-o-linear-gradient(top, #bddef4 0%, #79ace9 100%);background-image:linear-gradient(to bottom, #bddef4 0%, #79ace9 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#bddef4', EndColorStr='#79ace9')}.dt-button embed{outline:none}div.dt-buttons{position:relative;float:left}div.dt-buttons.buttons-right{float:right}div.dt-button-collection{position:absolute;top:0;left:0;width:150px;margin-top:3px;padding:8px 8px 4px 8px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.4);background-color:white;overflow:hidden;z-index:2002;border-radius:5px;box-shadow:3px 3px 5px rgba(0,0,0,0.3);z-index:2002;-webkit-column-gap:8px;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px}div.dt-button-collection button.dt-button,div.dt-button-collection div.dt-button,div.dt-button-collection a.dt-button{position:relative;left:0;right:0;display:block;float:none;margin-bottom:4px;margin-right:0}div.dt-button-collection button.dt-button:active:not(.disabled),div.dt-button-collection button.dt-button.active:not(.disabled),div.dt-button-collection div.dt-button:active:not(.disabled),div.dt-button-collection div.dt-button.active:not(.disabled),div.dt-button-collection a.dt-button:active:not(.disabled),div.dt-button-collection a.dt-button.active:not(.disabled){background-color:#dadada;background-image:-webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);background-image:-moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);background-image:-ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);background-image:-o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);background-image:linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f0f0f0', EndColorStr='#dadada');box-shadow:inset 1px 1px 3px #666}div.dt-button-collection.fixed{position:fixed;top:50%;left:50%;margin-left:-75px;border-radius:0}div.dt-button-collection.fixed.two-column{margin-left:-150px}div.dt-button-collection.fixed.three-column{margin-left:-225px}div.dt-button-collection.fixed.four-column{margin-left:-300px}div.dt-button-collection>*{-webkit-column-break-inside:avoid;break-inside:avoid}div.dt-button-collection.two-column{width:300px;padding-bottom:1px;-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;-o-column-count:2;column-count:2}div.dt-button-collection.three-column{width:450px;padding-bottom:1px;-webkit-column-count:3;-moz-column-count:3;-ms-column-count:3;-o-column-count:3;column-count:3}div.dt-button-collection.four-column{width:600px;padding-bottom:1px;-webkit-column-count:4;-moz-column-count:4;-ms-column-count:4;-o-column-count:4;column-count:4}div.dt-button-background{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);background:-ms-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:-moz-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:-o-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:-webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0,0,0,0.3)), color-stop(1, rgba(0,0,0,0.7)));background:-webkit-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:radial-gradient(ellipse farthest-corner at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);z-index:2001}@media screen and (max-width: 640px){div.dt-buttons{text-align:center}}
.mainBox {
    min-height: 100%;
    position: relative;
    float: left;
    width: 100%;
	padding-bottom:0;
	background-color: #f5f5f5;
}
.mainBox .navbar-inverse {
    background: #ffffff;
    border-color: #ff0000;
    border-radius: 0;
    border-width:0;
    margin: 0;
}
.navbar .container-fluid{
    min-height: 128px;
    z-index: 77;
    background: #fff;
    position: relative;
}
.borderbtm{
	border-bottom:2px solid #FF0000;
}
#myNavbar {
    position: absolute;
    width: 279px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height:auto;
    left: 0;
    padding: 0;
    background: #273238;
    z-index: 76;
    top: 0;
	height:100% !important;
	overflow:auto !important;
}
#myNavbar .navbar-nav {
    margin-top: 129px;
	width:100%;
}
.navbar-nav>li {
    width: 100%;
}
.navbar-nav>li:nth-child(1) {
	margin-top:20px;
}

.mainBox .panel-login{
    border-color: #eee;
    border-radius:6px;
	background:#eee;
	box-shadow:0px 2px 3px 0px rgba(0,0,0,0.2);
	margin-top:50px;
}
.mainBox .loginBox{
	border-top:2px solid #36474f;
	padding-top:30px;
}
.mainBox .loginmrgbtm{
	margin-bottom:25px;
}
.mainBox .loginmrgbtm .input-group-addon{
	background-color:#36474f;
	border: 1px solid #36474f;
}
.mainBox .loginmrgbtm .glyphicon-user:before, .loginmrgbtm .glyphicon-lock:before{
	color:#fff;
}
.mainBox .sidebar-wrapper{
	width:100%;
}
.mainBox .sidebar-wrapper .navbar-inverse{
	min-height:116px;
	background-color:#fff;
	border-color:#fff;
	margin-bottom:0;
	border-radius:0;
	position:inherit;
}
.mainBox .navbar-brand{
	height:auto;
}
.mainBox .alertContain{
	border-radius:4px !important;
	background-color:#f2dede !important;
	padding:15px !important;
}
.mainBox .alert-danger{
	border-radius:0;
	background-color:transparent;
	padding:36px 0 0 0px;
	font-size:14px;
}
.mainBox .alert-danger ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
.mainBox .alert-danger ul li{
	padding:0;
	margin:0;
	list-style-type:none;
}
.mainBox .alert-danger ul li:nth-child(1){
	margin-bottom:5px;
}
.mainBox .alert-danger ul li .glyphicon-remove:before {
    color: #a94442;
    padding: 0 5px 0 0;
    vertical-align: text-bottom;
}

.mainBox .alert-success ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
.mainBox .alert-success ul li{
	padding:0;
	margin:0;
	list-style-type:none;
}
.mainBox .alert-success ul li .glyphicon-ok:before {
    color: #3c763d;
    padding: 0 5px 0 0;
    vertical-align: text-bottom;
}
.mainBox .logBtn{
    float: right;
    margin-top: 15px;
    position: absolute;
    right: 15px;
    top: 0;
    width:700px;
}
.mainBox .logBtn .heddropdwn a{
    font-family: 'robotoregular';
    color: #333333;
    font-size:17px;
    margin-top:0;
    float: right;
	border:1px solid #e9e9e9;
	padding:7px 8px;
}
.mainBox .logBtn .heddropdwn ul{
    background: #273238;
    border-radius: 0;
    width: 97%;
    left: 5px;
}
.mainBox .logBtn .heddropdwn ul a{
    border: none;
    color: #fff;
    float: left;
    padding: 1px 11px;
	width:100%;
}
.mainBox .logBtn .heddropdwn a .caret{
	border-right:7px solid transparent;
	border-left:7px solid transparent;
	border-top:10px dashed;
}
.mainBox .logBtn .logOutxt{
	margin-top:6px;
	padding:0;
	float:right;
}
.mainBox .logBtn .logOutxt a {
    font-family: 'robotomedium';
    color: #333333;
    font-size:17px;
	padding:0;
	margin:0 13px;
}
.mainBox .sidebar{
	background-color:#273238;
	margin:0;
	padding:0;
}
.navbar-inverse .navbar-nav>li>a{
    color: #708189;
    font-size: 17px;
    font-family: 'robotoregular';
}
.navbar-inverse .navbar-nav>li>a:before{
    background-color: transparent;
    background-image: url("../images/sprite_e.png");
    background-repeat: no-repeat;
    background-position: left top;
    content: "";
    height:30px;
    width:37px;
    background-size: auto 100%;
    float: left;
    margin-right: 17px;
    margin-top: -5px;
    }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
    background-color: #36474f;
    color: #fff;
    border-left: 5px solid #ff0000;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
    background-color: #36474f;
    color: #fff;
    border-left: 5px solid #ff0000;
}
.navbar-inverse .navbar-nav>.active>a:before, .navbar-inverse .navbar-nav>.active>a:hover:before{
    margin-left: -5px;
    background-image: url("../images/sprite_e.png");
}
.navbar-inverse .navbar-nav>li>a:hover:before, .navbar-inverse .navbar-nav>li>a:focus:before{
    margin-left: -5px;
    background-image: url("../images/sprite_e.png");
}
.navbar-inverse .navbar-nav>li.dashIcon>a:before{
    background-position: left top;
    }
.navbar-inverse .navbar-nav>li.profileIcon>a:before{
    background-position: -40px top;
}
.navbar-inverse .navbar-nav>li.profileIcon>a:hover:before{
	background-position: -239px top;
}
.navbar-inverse .navbar-nav>li.manageofcLocation>a:before{
    background-position: -80px top;
}
.navbar-inverse .navbar-nav>li.manageofcLocation>a:hover:before{
	background-position: -279px top;
}
.navbar-inverse .navbar-nav>li.visitorLog>a:before{
    background-position: -119px top;
}
.navbar-inverse .navbar-nav>li.visitLog>a:before{
    background-position: -316px top;
}
.navbar-inverse .navbar-nav>li.visitorLog>a:hover:before{
	background-position: -316px top;
}
.navbar-inverse .navbar-nav>li.manageMetro>a:before{
    background-position: -196px top;
}
.navbar-inverse .navbar-nav>li.manageMetro>a:hover:before{
	background-position: -394px top;
}
.navbar-inverse .navbar-nav>li.secprofileIcon>a:before{
    background-position: -358px top;
}

.breadcrumb>li{
	font-size:15px;
	color:#273238;
}
.mainBox .breadcrumb a, .mainBox .breadcrumb>li+li:before{
	color:#273238;
}
.mainBox .breadcrumb>.active {
    color: #adacac;
}
.mainBox .breadcrumb{
	padding:18px 18px 18px 294px;
}
.mainBox .form-horizontal legend{
	border-bottom:0;
}
.mainBox .form-horizontal h1{
	font-size:20px;
	color:#ff0000;
	padding:0;
	margin:0;
	font-family: 'robotomedium';
}
.mainBox .form-horizontal .control-label{
	font-size:15px;
	color:#333;
	padding:4px 0 0 0;
	margin:0;
	font-family: 'robotoregular';
}
.mainBox .form-control{
	color:#1c1d1d;
	font-size:15px;
	border:1px solid #e9e9e9;
	font-family: 'robotolight';
	border-radius:2px;
	box-shadow:none;
	height:33px;
	float:left;
	width:94%;	
}
.mainBox .form-control:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.mainBox .form-controlwidthFull{
	width:100%;
}
.mainBox .form-horizontal .form-group{
	margin-bottom:20px;
}
.mainBox .form-horizontal button.btn-primary, .mainBox .btn-create, .mainBox .buttons-html5{
    color: #fff;
    background-color: #36474f;
    border-color: #36474f;
	font-size:14px;
	border-radius:0;
	background-image:none;
	border:none;
}
.mainBox .form-horizontal button.btn-primary:hover, .mainBox .btn-create:hover, .mainBox .buttons-html5:hover:not(.disabled){
    background-color: #273238;
    border-color: #273238;
	border:none;
	background-image:none;
}
.mainBox .panel-primary{
	border-color:transparent;
	background-color:transparent;
	margin:0;
	-webkit-box-shadow:none;
}
.mainBox .panel-primary>.panel-heading {
    color: #fff;
    background-color:transparent;
    border-color: transparent;
	padding:0;
	margin:0 0 15px 0;
	float:left;
	width:100%;
}
.mainBox .panel-title{
	color:#ff0000;
	font-size:20px;
	font-family: 'robotomedium';
	display:inline-block;
	float:left;
}
.mainBox .newusrBtn{
	float:right;
	text-align:right;
}
.mainBox .padlft{
	padding-left:10px;
	padding-right:10px;
}
.mainBox table{
	color:#1c1d1d;
	font-size:14px;
	text-align:left;
	font-family: 'robotolight';
	border-radius:2px 2px 2px 2px;
	border-left:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	border-right:none;
	border-top:none;
}
.mainBox table tr th:last-child{
	border-right:none;
	width:85px !important;
}
.mainBox table tr th:first-child{
	width:40px !important;
}
.mainBox table tr th{
	background:#e4e4e4;
	border-right:1px solid #fff;
	padding:10px;
	vertical-align:top;
	line-height:22px;
}
.mainBox table tr td{
	border-top:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	border-left:none;
	border-bottom:none;
	padding:10px;
    line-height:22px;
}
.mainBox table tr td a{
	color:#F00;
	text-decoration:none;
}
.mainBox .table-striped>tbody>tr:nth-of-type(odd){
	background-color:#ffffff;
}
.mainBox .table-striped>tbody>tr:nth-of-type(even){
	background-color:#f8f8f8;
}
.mainBox .fa-pencil:before{
	background:url(../images/edit_icon.png) no-repeat;
	width:20px;
	height:20px;
	content:"";
	display:block;
}
.mainBox .fa-trash:before{
	background:url(../images/delet_icon.png) no-repeat;
	width:17px;
	height:20px;
	content:"";
	display:block;
}
.mainBox table tr td a.btn-default, .mainBox table tr td a.btn-danger{
	border:none;
	padding:0 5px;
	margin:0;
	background-color:transparent;
}
.mainBox .paging_simple_numbers{
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate, .tableContentBox .dataTables_wrapper .dataTables_info {
    font-family: 'robotolight';
    font-size: 14px !important;
    color: #1c1d1d !important;
	padding:16px 0;
}
.tableContentBox .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .tableContentBox .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .tableContentBox .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #d4d2d2 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:before {
    font-family: 'Glyphicons Halflings';
    content: "\e257";
    float: left;
    margin-right: 4px;
}
.tableContentBox .dataTables_wrapper .dataTables_paginate .paginate_button, .tableContentBox .dataTables_wrapper .dataTables_paginate .paginate_button.current, .tableContentBox .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    padding: 2px 8px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button  {
    font-family: 'robotolight';
    font-size: 14px;
    color: #1c1d1d !important;
    background-color: #fff;
    background: transparent !important;
    padding: 2px 6px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid #ef8623;
    background-color: #ef8623;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef8623), color-stop(100%, #ef8623));
    background: -webkit-linear-gradient(top, #ef8623 0%, #ef8623 100%);
    background: -moz-linear-gradient(top, #ef8623 0%, #ef8623 100%);
    background: -ms-linear-gradient(top, #ef8623 0%, #ef8623 100%);
    background: -o-linear-gradient(top, #ef8623 0%, #ef8623 100%);
    background: linear-gradient(to bottom, #ef8623 0%, #ef8623 100%);
	color: #1c1d1d !important;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 0em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next:before {
    font-family: 'Glyphicons Halflings';
    content: "\e258";
    float: right;
    margin-left: 4px;
}
.mainBox .btn-login{
	color:#fff;
	height:auto;
	width:100%;
}
.forgotPass .btn-login{
	color:#fff;
	height:auto;
	width:50%;
}
.mainBox .form-horizontal .form-group .col-md-1{
	padding:0;
}
.mainBox .form-horizontal .form-group .col-md-1 .asteriskField{
	color:#FF2B2B;
}
.mainBox .padnone{
	padding:0;
}
.mainBox  .siteName{
	text-align:right;
}
.mainBox  .siteName label{
	color: #273238;
	font-size:15px;
	padding:6px 20px 0 0;
}
.mainBox .dt-buttons{
	margin:0 0 15px 0;
}
.securityDash h1{
	font-size:20px;
	color:#ff0000;
}
.mainBox .dataTables_empty{
	color:#ff0000;
}
footer{
	position:inherit;
	float:left;
	margin:0 !important;
	padding:0 !important;
	border-top:1px solid #ff0000;
}
footer p{
	padding:10px 0 0 0;
}
footer p a{
	color:#ff0000;
}
footer p a:hover{
	color:#333;
	text-decoration:none;
}
.fpText a{
	color:#F00;
	text-decoration:none;
}
.fpText a:hover{
	color:#333;
}
@media (min-width: 768px){
#wrapper {
    /*padding-left:279px;*/
    float: left;
	width:100%;
	background-color: #f5f5f5;
}
body{
	margin-bottom:0;
	padding-bottom:0;
}
.tblScroll {
    width: 100%;
    float: left;
    overflow-x: auto;
	margin:20px 0;
}
}
@media (max-width: 767px){
.mainBox .breadcrumb{
	padding:18px;
}
.top-buffer{
	padding-left:12px;
}
.tblScroll {
    float: left;
    margin: 20px 0 20px;
    overflow-x: scroll;
    width: 100%;
}
/*.top_margin {
    width: 130px;
} Commented by Vedang Shah*/
/* Added by Vedang Shah to solve issue of Dashboard list item of Nav-bar getting hidden due to varying logo size :: Start */

.top_margin {
    width: 100px;
}

/* Added by Vedang Shah to solve issue of Dashboard list item of Nav-bar getting hidden due to varying logo size :: End */
.mainBox .logBtn{
	top:36%;
    width: 150px;
}
.mainBox .logBtn .logOutxt {
    float: right;
    margin-bottom: 4px;
}
.mainBox .logBtn .logOutxt a{
	margin:0;
}
.mainBox .logBtn .heddropdwn a{
	font-size:11px;
}
.mainBox .logBtn .heddropdwn a .caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px dashed;
}
.mainBox .logBtn .heddropdwn ul{
	left:-10px;
}
.mainBox .navbar-nav{
	margin:0;
}
.mainBox .navbar-inverse .navbar-toggle{
	background-color:#333;
}
.mainBox .navbar-toggle{
	margin-top:15px;
	margin-right:15px;
}
}

@media (max-width:991px){
.mainBox .form-horizontal .form-group{
	margin:0 0 20px 0;
}
.mainBox .form-horizontal .form-group .col-md-4, .mainBox .form-horizontal .form-group .col-md-2, .mainBox .form-horizontal .form-group .col-md-5, .mainBox .form-horizontal .form-group .col-md-3{
	padding-left:0;
	padding-right:0;
}
.mainBox .form-horizontal .form-group .col-md-2{
	width:100%;
	text-align:left;
}
.mainBox .form-horizontal .control-label{
	margin:0 0 4px 0;
}
.mainBox .panel-title{
	width:100%;
	float:left;
	text-align:left;
	margin-bottom:20px;
}
/*.margndevice{
	margin-bottom:20px;
}*/
.margndeviceSelectEditUser{
	margin-bottom:53px;
}
.margndeviceAdduser{
	margin-bottom:35px;
}
}
@media (max-width:435px){
.devicepadnone{
	margin-bottom:20px;
}
}
@media (max-width:398px){
.padrightnone{
	padding-right:0;
}
.padnonedevice{
	padding-left:0;
	padding-right:0;
	padding-top:20px;
	width:100%;
}
.padnonedevice1{
	width:100%;
	margin-top:20px;
	padding-left:0;
	padding-right:0;
}
}
@media (max-width:343px){
.padnonedevice1{
	padding-left:0;
	padding-right:0;
}
}
.mainBox  .heddropdwn{
	/*width: 150px;*/
	/*min-width: 232px;*/
	float:right;
}
.mainBox .datepickerNew{
	width:83%;
	display:inline-block;
}
.input-group-addon-new {
    border: 1px solid #ccc;
    vertical-align: top;
    display: inline-block;
    width:11%;
    /* float: right; */
    height:32.5px;
    text-align: center;
    border-radius: 0 4px 4px 0 !important;
    vertical-align: middle;
    padding:7px 0 0 0 !important;
	float:left;
}
.datewidth{
	width:100%;
}
.alertpadTop{
	padding-top:4px !important;
}
.mainBox .inputFullWidth{
	width:100%;
}
.mainBox .btn-primary{
    color: #fff;
    background-color: #36474f;
    border-color: #36474f;
    font-size: 14px;
    border-radius: 0;
    background-image: none;
    border: none;
}
.mainBox .btn-primary:hover{
	background-color: #333;
    border-color: #333;
}
.mainBox .btn-default-error{
    color: #fff;
    background-color: #333;
    border-color: #333;
    font-size: 14px;
    border-radius: 0;
    background-image: none;
    border: none;
}
.mainBox .btn-default-error:hover{
	background-color: #36474f;
    border-color: #36474f;
}
.panel_right_container{
	float:right;
}
.panel_right_container input.form-control, .panel_right_container select.form-control{
	float:left;
	width:250px;
	margin:0 10px;
}
.panel_right_container_vl{
	float:right;
}
.panel_right_container_vl .vl_input{
	float:right;
	width:175px;
}
.panel_right_container_vl .vlSelect{
	float:left;
	width:211px;
	margin-right:20px;
}
.panel_right_container_vl #date_filter{
	float:left;
}
.panel_right_container_vl #date_filter .dateBox{
	width:175px;
	float:right;
	margin-right:20px;
	position:relative;
}
.panel_right_container_vl #date_filter .dateBox img{
	position:absolute;
	right:10px;
	top:7px;
}
.mainBox .panel_right_container_vl .vlfullwidth{
	width:100%;
}

.exportPdfsevisitor{
	float:left;
	width:100%;
	margin-top:20px;
}



.panel_right_container label{
	float:left;
	margin-right:10px;
	color:#333;
	margin-top:6px;
}
.panel_right_container .btn-create{
	float:right;
	margin-left:10px;
}
.mainBox .glyphicon-filter{
	color:#000;
}
.visitorRightContainer input.form-control{
	margin-right:0;
}
@media (max-width:1199px){
.panel_right_container input.form-control, .panel_right_container select.form-control{
	width:30%;
}
.visitorRightContainer input.form-control, .visitorRightContainer select.form-control, .dashboardRightContainer input.form-control,
.dashboardRightContainer select.form-control{
	width:250px;
}
}
@media (max-width:565px){
.panel_right_container input.form-control, .panel_right_container select.form-control{
	width:100%;
	margin:0 0 15px 0;
}
}
@media screen and (min-width:574px) and (max-width:881px) {
.visitorRightContainer input.form-control, .visitorRightContainer select.form-control{
	width:194px;
}
}
@media (max-width:573px){
.panel_right_container{
	width:100%;
}
}
@media screen and (min-width:934px) and (max-width:1199px) {
.seVisit_right_container input.form-control, .seVisit_right_container select.form-control{
	width:185px;
}
}
@media screen and (min-width:574px) and (max-width:933px) {
.seVisit_right_container input.form-control, .seVisit_right_container select.form-control{
	width:auto;
	margin-bottom:15px;
}
}

.tooltip {
    position: relative;
	opacity:9;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 251px;
    background-color:#36474f;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top:2px;
    left:94%;
	font-family: 'robotoregular';
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #36474f transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.mainBox .dateContainer{
	position:relative;
}
.mainBox .dateContainer img {
    position: absolute;
    right:45px;
    top: 6px;
}
.ui-datepicker{
	z-index:99 !important;
}
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../images/loading.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}


.title_form{
color: #273238; font-size: 18px; font-weight: bold;
}
/*@media (max-width: 991px){
.mainBox .container {
    width: 750px;
	margin:0;
}
}*/
@media screen and (min-width:1027px) and (max-width:1226px) {
.panel_right_container_vl .vlSelect, .panel_right_container_vl .vl_input{
	width:150px;
}
.mainBox .panel-title{
	margin-bottom:15px;
}
}
@media screen and (min-width:877px) and (max-width:1026px) {
.panel_right_container_vl .vl_input, .panel_right_container_vl .vlSelect{
	width:120px;
}
.panel_right_container_vl #date_filter .dateBox{
	width:130px;
}
.mainBox .panel_right_container_vl .form-control{
	font-size:13px;
}
}
@media screen and (min-width:768px) and (max-width:876px) {
.panel_right_container_vl{
	width:100%;
}
.panel_right_container_vl .vlSelect {
    float: left;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}
.panel_right_container_vl #date_filter {
    float: left;
    width: 100%;
	margin-bottom:20px;
}
.panel_right_container_vl #date_filter div:nth-child(1){
    width: 49%;
    float: left;
    margin-right:2%;
    position: relative;
}
.panel_right_container_vl #date_filter div:nth-child(2){
    width: 49%;
    float: left;
    margin-right:0;
    position: relative;
}
.panel_right_container_vl .vl_input {
    float: right;
    width: 100%;
}
}
@media screen and (min-width:640px) and (max-width:767px) {
.panel_right_container_vl .vlSelect {
    float: left;
    width: 140px;
    margin-right: 20px;
}
.panel_right_container_vl #date_filter .dateBox {
    width: 127px;
    float: right;
    margin-right: 20px;
    position: relative;
}
.panel_right_container_vl .vl_input {
    float: right;
    width: 140px;
}
}
@media screen and (min-width:320px) and (max-width:639px) {
.panel_right_container_vl {
    float: right;
    width: 100%;
}
.panel_right_container_vl .vl_input {
    float: right;
    width: 100%;
}
.panel_right_container_vl #date_filter {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.panel_right_container_vl #date_filter div:nth-child(1) {
    width: 49%;
    float: right;
    margin-right:0;
    position: relative;
}
.panel_right_container_vl #date_filter div:nth-child(2) {
    width: 49%;
    float: right;
    margin-right:2%;
    position: relative;
}
.panel_right_container_vl .vlSelect {
    float: left;
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
}
}
.mainBox .adminVisitortbl table.dataTable thead .sorting_asc{
	background-position:right bottom;
}
.mainBox .adminVisitortbl table.dataTable thead .sorting_desc{
	background-position:right bottom;
}
.mainBox .adminMetrotbl table.dataTable thead .sorting_asc{
	background-position:right bottom;
}
.mainBox .adminMetrotbl table.dataTable thead .sorting_desc{
	background-position:right bottom;
}
.mainBox .adminDashboardTbl table.dataTable thead .sorting_asc{
	background-position:right bottom;
}
.mainBox .adminDashboardTbl table.dataTable thead .sorting_desc{
	background-position:right bottom;
}
.mainBox .securityvisitorsTbl table.dataTable thead .sorting_asc{
	background-position:right bottom;
}
.mainBox .securityvisitorsTbl table.dataTable thead .sorting_desc{
	background-position:right bottom;
}
.mainBox .adminVisitortbl table tr th:nth-child(10), .mainBox .adminVisitortbl table tr th:nth-child(11), .mainBox .adminVisitortbl table tr th:nth-child(12), .mainBox .adminVisitortbl table tr th:nth-child(13){
	width:105px !important;
}
.error{
    color: #a94442;
    font-weight: normal;
    font-size: 14px;
    float: left;
}
.labelIn{   
    display: none;
}

/*@media (max-width:1252px){
.mainBox .adminVisitortbl table.dataTable thead .sorting_asc {
    background-position: right 69px;
}
.mainBox .adminVisitortbl table.dataTable thead .sorting_desc{
	background-position:right 62px;
}
.mainBox .securityvisitorsTbl table.dataTable thead .sorting_asc {
    background-position: right 70px;
}
.mainBox .securityvisitorsTbl table.dataTable thead .sorting_desc {
    background-position: right 62px;
}
}
@media (max-width:1385px){
.mainBox .securityvisitorsTbl table.dataTable thead .sorting_asc {
    background-position: right 70px;
}
.mainBox .securityvisitorsTbl table.dataTable thead .sorting_desc {
    background-position: right 63px;
}
}
*/
.modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width:500px;
    height:300px;
}

/* Added by Vedang Shah on 27/1/18 to hide the application's title in mobile devices :: Start */
@media (max-width:1023px) {
	.custom-title-container {
		display: none;
	}
}
/* Added by Vedang Shah on 27/1/18 to hide the application's title in mobile devices :: End */