.sign-wrap{
	width:100%;
	margin-left:350px;
	margin-bottom:70px;
	max-width:525px;
	min-height:400px;
	position:relative;

	/*box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);*/
}
.sign-html{
	width:600px;
	/*height:95%; */
	margin-top:7px;
		
	position:absolute;
	padding:30px 30px 30px 50px;
	background:black;
}

.sign-form{
	min-height:345px;
	position:relative;
	perspective:1000px;
	transform-style:preserve-3d;
}
.sign-form .group{
	margin-bottom:15px;
}

#buttonlogin{
    margin-left:80px;
}
  body{
	margin:0;
	color:#6a6f8c;
	background:#fff ;
	font:600 16px/18px 'Open Sans',sans-serif;
}
*,:after,:before{box-sizing:border-box}
.clearfix:after,.clearfix:before{content:'';display:table}
.clearfix:after{clear:both;display:block}
a{color:inherit;text-decoration:none}
#heading{
    color:#ffff;
   
    margin-right:80px;
    margin-top:10px;
    font-size:30px;
}
.sign-wrap {
    /* width: 573px; */
    margin-left: 150px;
    margin-bottom: 600px;
    max-width: 1052px;
     /*max-height: 492px; */
    position: relative;
    
}
#wrap{
    /* width: 573px; */
    margin-left: 150px;
    margin-bottom: 400px;
    max-width: 1052px;
    
    position: relative;
    
}
.sign-html{
	width:80%;
	height:230%; 
		margin-top:7px;
		
	position:absolute;
	padding:30px 30px 1px 50px;
	background:black;
}
 #edit{
	width:100%;
	height:700px; 
		margin-top:10px;
		margin-left:-100px;
	position:absolute;
	padding:30px 17px 10px 17px;
	background:black;
}

.sign-form{
    
	min-height:345px;
	position:relative;
	perspective:1000px;
	transform-style:preserve-3d;
}
.sign-form .group{
	margin-bottom:15px;
}
.sign-form .group .span3{
width:100%;
height:75%;
}
 #select1{
max-width:300px;
height:100%;
margin-left:0px;
}
.sign-form .group .label{
    display:none;
}
.sign-form .group .input,
.sign-form .group .button{
	width:100px;
	color:#fff;
	
}
#captcha{
    margin-top:-15px;
    width:300px;
}
#imagecaptcha{
   /*align:center;*/
   margin-left:-50px;
    width:30px;
}
.sign-form .group .input{
    color:#ffff;
    width:400px;
}

.sign-form .group .button{
	border:none;
	padding:15px 20px;
	border-radius:25px;
	background:rgba(255,255,255,.1);
}
.sign-form .group input[data-type="password"]{
	text-security:circle;
	-webkit-text-security:circle;
}
.sign-form .group .label{
	
	font-size:20px;
}
.sign-form .group .button{
	background:#1161ee;
}
.sign-form .group label .icon{
	width:15px;
	height:15px;
	border-radius:2px;
	position:relative;
	display:inline-block;
	background:rgba(255,255,255,.1);
}
.sign-form .group label .icon:before,
.sign-form .group label .icon:after{
	content:'';
	width:10px;
	height:2px;
	background:#fff;
	position:absolute;
	transition:all .2s ease-in-out 0s;
}
.sign-form .group label .icon:before{
	left:3px;
	width:5px;
	bottom:6px;
	transform:scale(0) rotate(0);
}
.sign-form .group label .icon:after{
	top:6px;
	right:0;
	transform:scale(0) rotate(0);
}


.hr{
	height:2px;
	margin:60px 0 50px 0;
	background:rgba(255,255,255,.2);
}
.foot-lnk{
	text-align:center;
	color:#ffff;
}  
/*----------------------------------------------------------------*/

.driver-wrap{
	width:100%;
	margin-left:280px;
	margin-bottom:700px;
	max-width:525px;
	min-height:900px;
	position:relative;

	/*box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);*/
}

.driver-html{
	width:900px;
	height:1560px;
    margin-left:-290px;
	margin-top:7px;

	position:absolute;
	padding:30px 30px 30px 50px;
	background:black;
}

.driver-form{
	min-height:345px;
	position:relative;
	perspective:1000px;
	transform-style:preserve-3d;
}

.driver-form .group{
	margin-bottom:15px;
}
.driver-form .group .span3{
width:100%;
height:75%;

}

 label{
   color:#fff;
}
.driver-form .group .input,
.driver-form .group .button{
	width:100px;
	color:#fff;
	
}
.driver-form .group select{
    	width:380px;
    	height:50px;
    	/*margin-left:20px;*/
}
.driver-form .group option{
    
    	margin-left:20px;
}
#captcha{
    margin-top:-15px;
    width:300px;
}
#imagecaptcha{
   /*align:center;*/
   margin-left:-50px;
    width:30px;
}
.driver-form .group .input{
    color:#ffff;
    width:400px;
}

.driver-form .group .button{
	border:none;
	padding:15px 20px;
	border-radius:25px;
	background:rgba(255,255,255,.1);
}
.driver-form .group input[data-type="password"]{
	text-security:circle;
	-webkit-text-security:circle;
}
.driver-form .group .label{
	
	font-size:20px;
}
.driver-form .group .button{
	background:#1161ee;
}
.driver-form .group label .icon{
	width:15px;
	height:15px;
	border-radius:2px;
	position:relative;
	display:inline-block;
	background:rgba(255,255,255,.1);
}
.driver-form .group label .icon:before,
.driver-form .group label .icon:after{
	content:'';
	width:10px;
	height:2px;
	background:#fff;
	position:absolute;
	transition:all .2s ease-in-out 0s;
}
.driver-form .group label .icon:before{
	left:3px;
	width:5px;
	bottom:6px;
	transform:scale(0) rotate(0);
}
.driver-form .group label .icon:after{
	top:6px;
	right:0;
	transform:scale(0) rotate(0);
}


.hr{
	height:2px;
	margin:60px 0 50px 0;
	background:rgba(255,255,255,.2);
}
.foot-lnk{
	text-align:center;
	color:#ffff;
}  

/*----------------------------------*/
.driveredit-wrap{
	width:100%;
	margin-left:280px;
	margin-bottom:1000px;
	max-width:525px;
	min-height:900px;
	position:relative;

	/*box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);*/
}

.driveredit-html{
	width:900px;
	height:1825px;
    margin-left:-290px;
	margin-top:7px;

	position:absolute;
	padding:30px 30px 30px 50px;
	background:black;
}

.driveredit-form{
	min-height:345px;
	position:relative;
	perspective:1000px;
	transform-style:preserve-3d;
}

.driveredit-form .group{
	margin-bottom:15px;
}
.driveredit-form .group .span3{
width:100%;
height:75%;

}

 label{
   color:#fff;
}
.driveredit-form .group .input,
.driveredit-form .group .button{
	width:100px;
	color:#fff;
	
}
.driveredit-form .group select{
    	width:380px;
    	height:50px;
    	/*margin-left:20px;*/
}
.driveredit-form .group option{
    
    	margin-left:20px;
}
#captcha{
    margin-top:-15px;
    width:300px;
}
#imagecaptcha{
   /*align:center;*/
   margin-left:-50px;
    width:30px;
}
.driveredit-form .group .input{
    color:#ffff;
    width:400px;
}

.driveredit-form .group .button{
	border:none;
	padding:15px 20px;
	border-radius:25px;
	background:rgba(255,255,255,.1);
}
.driveredit-form .group input[data-type="password"]{
	text-security:circle;
	-webkit-text-security:circle;
}
.driveredit-form .group .label{
	
	font-size:20px;
}
.driveredit-form .group .button{
	background:#1161ee;
}
.driveredit-form .group label .icon{
	width:15px;
	height:15px;
	border-radius:2px;
	position:relative;
	display:inline-block;
	background:rgba(255,255,255,.1);
}
.driveredit-form .group label .icon:before,
.driveredit-form .group label .icon:after{
	content:'';
	width:10px;
	height:2px;
	background:#fff;
	position:absolute;
	transition:all .2s ease-in-out 0s;
}
.driveredit-form .group label .icon:before{
	left:3px;
	width:5px;
	bottom:6px;
	transform:scale(0) rotate(0);
}
.driveredit-form .group label .icon:after{
	top:6px;
	right:0;
	transform:scale(0) rotate(0);
}


.hr{
	height:2px;
	margin:60px 0 50px 0;
	background:rgba(255,255,255,.2);
}
.foot-lnk{
	text-align:center;
	color:#ffff;
}  



/*---------------------------*/


.vehicles-wrap{
	width:100%;
	margin-left:80px;
	margin-bottom:480px;
	max-width:525px;
	min-height:900px;
	position:relative;

	/*box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);*/
}

.vehicles-html{
	width:950px;
	height:1280px;
    margin-left:-260px;
	margin-top:7px;

	position:absolute;
	padding:30px 30px 30px 50px;
	background:black;
}

.vehicles-form{
	min-height:345px;
	position:relative;
	perspective:1000px;
	transform-style:preserve-3d;
}

.vehicles-form .group{
	margin-bottom:15px;
}
.vehicles-form .group .span3{
width:100%;
height:75%;
}

 .vehicles-form .group label{
  display:none;   
   color:#fff;
}
.vehicles-form .group .input,
.vehicles-form .group .button{
	width:100px;
	color:#fff;
	
}
.vehicles-form .group select{
    	width:400px;
    	height:50px;
    	/*margin-left:20px;*/
}
.vehicles-form .group option{
    
    	margin-left:20px;
}
#captcha{
    margin-top:-15px;
    width:300px;
}
#imagecaptcha{
   /*align:center;*/
   margin-left:-50px;
    width:30px;
}
.vehicles-form .group .input{
    color:#ffff;
    width:400px;
}

.vehicles-form .group .button{
	border:none;
	padding:15px 20px;
	border-radius:25px;
	background:rgba(255,255,255,.1);
}
.vehicles-form .group input[data-type="password"]{
	text-security:circle;
	-webkit-text-security:circle;
}
.vehicles-form .group .label{

	font-size:20px;
}
.vehicles-form .group .button{
	background:#1161ee;
}
.vehicles-form .group label .icon{
   
     margin-left:-100px;
	width:15px;
	height:15px;
	border-radius:2px;
	position:relative;
	display:inline-block;
	background:rgba(255,255,255,.1);
}
.vehicles-form .group label .icon:before,
.vehicles-form .group label .icon:after{
	content:'';
	width:10px;
	height:2px;
	background:#fff;
	position:absolute;
	transition:all .2s ease-in-out 0s;
}
.vehicles-form .group label .icon:before{
	left:3px;
	width:5px;
	bottom:6px;
	transform:scale(0) rotate(0);
}
.vehicles-form .group label .icon:after{
	top:6px;
	right:0;
	transform:scale(0) rotate(0);
}
.vehicles-form .group .select{
	width:250px;
}


.hr{
	height:2px;
	margin:60px 0 50px 0;
	background:rgba(255,255,255,.2);
}






    
@media only screen and (max-width: 600px) {
 #heading{
    color:white;
    margin-left:100px;
    margin-top:30px;
    padding:4px;
    font-size:30px;
}

     
.sign-wrap{
	width:50%;
	margin-left:-90px;
	margin-bottom:1100px;
	max-width:525px;
	min-height:400px;
	position:relative;

	
}
#wrap{
    /* width: 573px; */
    margin-left: -110px;
    margin-bottom: 700px;
    max-width: 1052px;
    
    position: relative;
    
}
.sign-html{
	width:195%;
	height:350%; 
		margin-top:10px;
		margin-left:-30px;
	position:absolute;
	padding:30px 17px 10px 17px;
	background:black;
}
 #edit{
	width:350px;
	height:1100px; 
		margin-top:10px;
		margin-left:-40px;
	position:absolute;
	padding:30px 17px 10px 17px;
	background:black;
}
.sign-form{
	min-height:345px;
	position:relative;
	perspective:1000px;
	transform-style:preserve-3d;
	
}
.sign-form .group .label,
.sign-form .group .input,
.sign-form .group .button{
	width:75%;
	color:#fff;
	display:none;
}
.sign-form .group .input,
.sign-form .group .button{
	border:none;
	width:70px;
	padding-right:50px;
	border-radius:25px;
	margin-left:30px;
	background:rgba(255,255,255,.1);
}
      #email{
          width:70%;
          margin-left:-2px;
           color:black;
      }  
        #password{
          width:70%;
          margin-left:-2px;
           color:black;
      }  
      #buttonlogin{
           margin-right:50px;
          
      }
      #fpassword{
          margin-right:50px;
      }
      
     /*------------------------------ */
      
  .driver-wrap{
    width:50%;
	margin-left:-90px;
	margin-bottom:2360px;
	max-width:525px;
	min-height:400px;
	position:relative;

  }
  .driver-html{
	width:195%;
	height:665%; 
		margin-top:10px;
		margin-left:-30px;
	position:absolute;
	padding:30px 17px 10px 17px;
	background:black;
}
     .driver-form{
	min-height:345px;
	position:relative;
	perspective:1000px;
	transform-style:preserve-3d;
	
}
.driver-form .group .label,
.driver-form .group .input,
.driver-form .group .button{
	width:75%;
	color:#fff;
	display:none;
}
.driver-form .group .input,
.driver-form .group .button{
	border:none;
	width:70px;
	padding-right:50px;
	border-radius:25px;
	margin-left:-20px;
	background:rgba(255,255,255,.1);
} 
.driver-form .group select{
    	width:100%;
    	height:50px;
    
    
}
.driver-form .group option{
    
    	margin-left:20px;
}
.driver-form .group .span3{
width:100%;
height:75%;
	margin-left:2px;

}

/*---------------------------*/
 .driveredit-wrap{
    width:60%;
	margin-left:-90px;
	margin-bottom:2800px;
	max-width:525px;
	min-height:400px;
	position:relative;

  }
  .driveredit-html{
	width:195%;
	height:800%; 
		margin-top:10px;
		margin-left:-30px;
	position:absolute;
	padding:30px 17px 10px 17px;
	background:black;
}
     .driveredit-form{
	min-height:345px;
	position:relative;
	perspective:1000px;
	transform-style:preserve-3d;
	
}
.driveredit-form .group .label,
.driveredit-form .group .input,
.driveredit-form .group .button{
	width:75%;
	color:#fff;
	display:none;
}
.driveredit-form .group .input,
.driveredit-form .group .button{
	border:none;
	width:70px;
	padding-right:50px;
	border-radius:25px;
	margin-left:-20px;
	background:rgba(255,255,255,.1);
} 
.driveredit-form .group select{
    	width:100%;
    	height:50px;
    
    
}
.driveredit-form .group option{
    
    	margin-left:20px;
}
.driveredit-form .group .span3{
width:100%;
height:75%;
	margin-left:2px;

}
/*-----------------------------*/

.vehicles-wrap{
    width:60%;
	margin-left:-135px;
	margin-bottom:1980px;
	max-width:525px;
	min-height:400px;
	position:relative;

  }
  .vehicles-html{
width: 171%;
    height: 570%;
    margin-top: 10px;
    margin-left: -7px;
    position: absolute;
    padding: 30px 17px 10px 17px;
    background: black;
}
     .vehicles-form{
	min-height:345px;
	position:relative;
	perspective:1000px;
	transform-style:preserve-3d;
	
}
.vehicles-form .group .label,
.vehicles-form .group .input,
.vehicles-form .group .button{
	width:75%;
	color:#fff;
	display:none;
}
.vehicles-form .group .input,
.vehicles-form .group .button{
	border:none;
	width:70px;
	padding-right:50px;
	border-radius:25px;
	margin-left:30px;
	background:rgba(255,255,255,.1);
} 
.vehicles-form .group select{
    	width:100%;
    	height:50px;
    
}
.vehicles-form .group option{
    
    	margin-left:20px;
}

} 
/*--------------------------------------------------------------------------------------------------*/
body {
        color: #566787;
		background: #f5f5f5;
		font-family: 'Varela Round', sans-serif;
		font-size: 13px;
	}
	.table-wrapper {
	    width:100%;
        background: #fff;
        padding: 20px 25px;
        margin: 30px 0;
		border-radius: 3px;
        box-shadow: 0 1px 1px rgba(0,0,0,.05);
        overflow-x:scroll;
       
    }
	.table-title {        
		padding-bottom: 15px;
		background: #435d7d;
		color: #fff;
		padding: 16px 30px;
		margin: -20px -25px 10px;
		border-radius: 3px 3px 0 0;
    }
    .table-title h2 {
		margin: 5px 0 0;
		font-size: 24px;
	}
	.table-title .btn-group {
		float: right;
	}
	.table-title .btn {
		color: #fff;
		float: right;
		font-size: 18px;
		border: none;
		min-width: 10px;
		border-radius: 2px;
		border: none;
		outline: none !important;
		margin-left: 10px;
	}
	.table-title .btn i {
		float: left;
		font-size: 21px;
		margin-right: 5px;
	}
	.table-title .btn span {
		float: left;
		margin-top: 2px;
		text-transform: uppercase;
	}
    table.table tr th, table.table tr td {
        border-color: #e9e9e9;
		padding: 12px 15px;
		vertical-align: middle;
    }
	table.table tr th:first-child {
		width: 60px;
	}
	table.table tr th:last-child {
		width: 130px;
	}
    table.table-striped tbody tr:nth-of-type(odd) {
    	background-color: #fcfcfc;
	}
	table.table-striped.table-hover tbody tr:hover {
		background: #f5f5f5;
	}
    table.table th i {
        font-size: 13px;
        margin: 0 5px;
        cursor: pointer;
    }	
    table.table td:last-child i {
         width:40px;
		opacity: 0.9;
		font-size: 22px;
        margin: 0 5px;
    }
	table.table td a {
	   
		font-weight: bold;
		color: #566787;
		display: inline-block;
		text-decoration: none;
		outline: none !important;
	}
	table.table td a:hover {
		color: #2196F3;
	}
	table.table td a.edit {
        color: #FFC107;
       
    }
    table.table td a.delete {
        color: #F44336;
        
    }
    table.table td i {
        font-size: 19px;
    }
	table.table .avatar {
		border-radius: 50%;
		vertical-align: middle;
		margin-right: 10px;
	}
    .pagination {
        float: right;
        margin: 0 0 5px;
    }
    .pagination li a {
        border: none;
        font-size: 13px;
        min-width: 30px;
        min-height: 30px;
        color: #999;
        margin: 0 2px;
        line-height: 30px;
        border-radius: 2px !important;
        text-align: center;
        padding: 0 6px;
    }
    .pagination li a:hover {
        color: #666;
    }	
    .pagination li.active a, .pagination li.active a.page-link {
        background: #03A9F4;
    }
    .pagination li.active a:hover {        
        background: #0397d6;
    }
	.pagination li.disabled i {
        color: #ccc;
    }
    .pagination li i {
        font-size: 16px;
        padding-top: 6px
    }
    .hint-text {
        float: left;
        margin-top: 10px;
        font-size: 13px;
    }    
	/* Custom checkbox */
	.custom-checkbox {
		position: relative;
	}
	.custom-checkbox input[type="checkbox"] {    
		opacity: 0;
		position: absolute;
		margin: 5px 0 0 3px;
		z-index: 9;
	}
	.custom-checkbox label:before{
		width: 18px;
		height: 18px;
	}
	.custom-checkbox label:before {
		content: '';
		margin-right: 10px;
		display: inline-block;
		vertical-align: text-top;
		background: white;
		border: 1px solid #bbb;
		border-radius: 2px;
		box-sizing: border-box;
		z-index: 2;
	}
	.custom-checkbox input[type="checkbox"]:checked + label:after {
		content: '';
		position: absolute;
		left: 6px;
		top: 3px;
		width: 6px;
		height: 11px;
		border: solid #000;
		border-width: 0 3px 3px 0;
		transform: inherit;
		z-index: 3;
		transform: rotateZ(45deg);
	}
	.custom-checkbox input[type="checkbox"]:checked + label:before {
		border-color: #03A9F4;
		background: #03A9F4;
	}
	.custom-checkbox input[type="checkbox"]:checked + label:after {
		border-color: #fff;
	}
	.custom-checkbox input[type="checkbox"]:disabled + label:before {
		color: #b8b8b8;
		cursor: auto;
		box-shadow: none;
		background: #ddd;
	}
	/* Modal styles */
	.modal .modal-dialog {
		max-width: 400px;
	}
	.modal .modal-header, .modal .modal-body, .modal .modal-footer {
		padding: 20px 30px;
	}
	.modal .modal-content {
		border-radius: 3px;
	}
	.modal .modal-footer {
		background: #ecf0f1;
		border-radius: 0 0 3px 3px;
	}
    .modal .modal-title {
        display: inline-block;
    }
	.modal .form-control {
		border-radius: 2px;
		box-shadow: none;
		border-color: #dddddd;
	}
	.modal textarea.form-control {
		resize: vertical;
	}
	.modal .btn {
		border-radius: 2px;
		min-width: 75px;
	}	
	.modal form label {
		font-weight: normal;
	}	


@media only screen and (max-width: 600px){
    .table-wrapper{
        
    overflow-x:scroll;
    }
    	.table-title { 
    	    width:437px;
    	}
    	
    	.table-title .btn {
		color: #fff;
		float: left;
		font-size: 18px;
		border: none;
		min-width: 10px;
		border-radius: 2px;
		border: none;
		outline: none !important;
		margin-left: 10px;
		margin-top:5px;
	}
	.table-title .btn i {
		float: left;
		font-size: 21px;
		margin-right: 5px;
	}
	.table-title .btn span {
		float: left;
		margin-top: 2px;
		text-transform: uppercase;
	}
}