/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 01-Nov-2014, 20:46:39
    Author     : maruf
*/
body{
    background-color: #e6e6e6;
}
a, img
{
    border: none;
}


.login_log_div
{
    height:120px;
    width:100%;
}
#login_line
{
background-color:#cbcbcb;
height: 2px;
border-color:#cbcbcb;
}

div.login table{
width:80%;
margin:5% 10% 0% 10%;
padding-bottom:20px;
}

div.login table input{

 box-shadow:1px 1px 1px 1px #888888 inset;
border:none;
height:40px;
font-size: 14px;
}



input#s_button
{
    clear:both;
    display:block;
    height:5vh;
    width:80%;
    margin-left:auto;
    margin-right:auto;
    margin-top:4%;
    /*border: 3px solid #CCA818;*/
    border-radius:5px;
 
    background:#2096ef;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    color:#fff;
        
}

.login_header{ 
    width:92%;
    height: 40px;
    line-height: 40px;
    margin:0px;
    padding:4%;
    background:#CCCCCC;
    color:#000;
    text-align:center;
    font-family: arial;
    border:none;
    border-top-left-radius: 10px;
     border-top-right-radius: 10px;
}
.login_error
{
     text-align:center;
     color:#EE5757;
}
.login_table tr td
{
    width:100%;
    font-size: 14px;
     font-weight: bold;
}
.login_table tr td input
{
    width:100%;
    height: 30px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
}
div.logo_div
{
    margin: 0%;
    width: 100%;
    height: 20%;
    background: #e6e6e6;
}
.dash_logo
{
    /*margin:0% 30% 0% 30%;*/
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:30%;
    height:auto;
}
.login_logo
{
    width:446px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    height:auto;
}
div#login
{
width:30%;
height:35%;
margin-top:5%;
margin-left:auto;
margin-right:auto;
background:#fff;
border: 1px solid #888888;
box-shadow: 5px 5px 5px #888888;
border-radius: 10px;
}
.dash_ul
{
    clear:both;
    width: 85%;
    margin-top:40px;
    margin-bottom:40px;
    /*margin-left:auto;
    margin-right: auto;
    /*height:200px;*/
  
    padding:10px;
    margin-left:auto;
    margin-right: auto;
    background: #fff;
    border-radius:6px;
    overflow:auto;
}
.dash_ul li
{
    float:left;
    padding:0px;
    margin:20px 20px 0px 20px;
    list-style-type: none;
    display: inline;
    width:auto;
    height: auto;
}

.dash_ul li ul
{
    padding:0px;
    margin: 0px;
    list-style: none;
    display: block;
    width:auto;
    height: auto;
    background: blue;
}

.inner-ul
{
    padding:0px;
    margin: 0px;
    list-style: none;
    display: block;
    width:auto;
    height: auto;
    background: blue;
}

.dash_ul li ul li
{
    clear:both;
    display: block;
    list-style: none;
    float:left;
   padding:0px;
     margin:0px;
   width:100%;
    text-align:center;
   

}

.dash_ul li ul li a{
    font-family: arial;
    font-weight: bold;
    font-size:12px;
    text-align: center;
    padding:0px;
    text-decoration: none;
    color:#000;
  /*  width: 100%;*/
    line-height: 100%;
    border-width:0px;
 
}
.dash_ul li ul li img{
    padding:0px;
    border:0px;
    border-width:0px;
}

a.dash_booking_icon
{
    width:140px;
    height:140px;
     background-image:url("images/dash-booking.jpg");
}

#icon
{
    height: 140px;
    width:140px;
    
}


#booking-img
{
    width:200px;
    line-height:140px;
    background: red;
    padding-top:20px;
    padding-bottom:20px;
    background-image:url("images/dash-booking.jpg");
}

.dash_icon
{
    width:140px;
    height: 140px;
    border:none;
}
a.dash_icon
{

}

@media screen and (max-aspect-ratio: 13/9), screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape ) /* solves the orientation problem on forms*/
{
    div#login
    {
    width:100%;
    }
    .dash_ul
    {
        
        width:100%;
        height: auto;
        
    }
	.login_logo
	{
          width:100%;
         }
       .dash_logo
       {
          width:100%;
          margin:0%;
         }
}