/*CSS*/

body{padding:0px; margin:0px; background: #000; font-family:arial !important;}
.rental tr:nth-child(even) {background: #70ceff;}
.rental tr:nth-child(odd) {background: #FFF;}
.rental td{padding:10px 4px;}

/*========== LOGIN ===========*/
.containlogin{background-image:url('../img/login.jpg'); background-size:cover; width:100%; height:100vh;}
.containlogin .login{height:42px; width:90%; border:none; border-bottom: 1px solid #333333; outline:none; background:transparent; transition:0.32s;}
.containlogin .login:focus{border-bottom: 1px solid #009ddc;}
.containlogin form div{padding:12px 0px;}
.login-block{display:inline-block; width:45%; position:absolute; background:rgba(255,255,255,0.85); padding:32px; left:5%; top:15%; width:500px; height:320px; transition:0.32s;}
.info-block{display:inline-block; width:40%; position:absolute; padding:32px; right:5%; width:500px; height:320px; color:#fff;}

.loginpanel-2{position:absolute; background:#fff; /*background-image:url('images/newsbg.png');*/ width:30%; height:100vh; padding:0px; right:0%; text-align:center;}
.loginpanel-2 div{padding:16px 0px; font-family:arial; background:#fff;}
.loginpanel-2 input[type=text], .loginpanel-2 input[type=password], select{width:95%; height:32px; font-size:16px; text-align:left; border:none; border-bottom:1px solid #B6BCCC; background:transparent; outline:none; transition:0.32s;}
.loginpanel-2 input[type=text]:focus, .loginpanel-2 input[type=password]:focus, select:focus{border-bottom:1.75px solid #009ddc; padding:14px 7px;}
.login-logo-2{display:block; vertical-align:top;}
.setlogo-2{background:#89E894; border-radius:50%; height:72px; padding:34px 0px;}
.login-text-2{font-size:24px; font-weight:bold; color:#22abf0; text-align:left;}


#mbmenu{display:none;}

/*============ BUTTONS ===========*/
.btn{padding:12px 24px; text-decoration:none; border:none; text-transform:uppercase; transition:0.75s;} .btn:hover{background:#222222; color:#fff;}
.btn-error{background:#fc4438; color:#fff;}
.btn-info{background:#009ddc; color:#fff;}
.btn-orange{background:#ee8031; color:#fff;}
.btn-green{background:#22975e; color:#fff;}
.btn-white{background:#fff; color:#000;}


/*========== MAIN ===========*/
.wrapper{width:100%; height:100vh; padding:0px; margin:0px; background:#fff; /*#edf0f6*/ overflow:hidden !important;}
.brandtab{height:auto; background:#fff;} .brandtab div{padding:10px;} .brandtab img{height:44px;} .brandtab span{float:right; padding:12px 0px;}
.left-section{float:left; vertical-align:top; width:12%; height:93vh; background:#009ddc; transition:0.32s;} .left-section div{padding:2px; color:#fff;}
.left-section a{text-decoration:none; color:#fff; padding:10px 0px; font-family:arial;} .left-section a div{padding:10px 7px; font-size:14px; border-top:1px solid transparent; border-bottom:1px solid transparent;transition:0.32s;} .left-section a div:hover{background:rgba(255,255,255,0.25); border-top:1px solid #fff; border-bottom:1px solid #fff; padding-left:12px;}
.right-section{float:right; width:88%; height:93vh; overflow-y:scroll; transition:0.32s;}

#clmenu{display:none;}

.content{width:95%; margin:auto;}

/*========= BLOG ============*/
.blogdetail{display:none; border-bottom:1px solid #fff;}

#time{}


@media screen and (max-width: 1050px){
	#time{display:none;}
	.loginpanel-2{width:100%; height:100vh; right:auto; left:auto;}

	#profile{display:none;}
	#mbmenu{display:inline-block;}

	.left-section{width:0%; overflow:hidden;} .left-section a, .left-section a div, .dropdown div a{font-size:21px !important;}
	.right-section{width:100%;}


}