@import http://fonts.googleapis.com/css?family=Raleway;
/*----------------------------------------------
CSS Settings For HTML Div ExactCenter
------------------------------------------------*/

#wrapper {
    position: relative;
    min-height:100%;
}
html, body {
    height:100%;
}
#main {
width:960px;
margin:50px auto;
font-family:raleway
padding-bottom: 44px;
}
span {
color:red
}
h2 {
background-color:#FEFFED;
text-align:center;
border-radius:10px 10px 0 0;
margin:-10px -40px;
padding:15px
}
hr {
border:0;
border-bottom:1px solid #ccc;
margin:10px -40px;
margin-bottom:30px
}
#login {
width:300px;
float:center;
border-radius:10px;
font-family:raleway;
border:2px solid #ccc;
padding:10px 40px 25px;
margin-top:70px
}
input[type=text],input[type=password]{
padding:10px;
margin-top:8px;
border:1px solid #ccc;
padding-left:5px;
font-size:16px;
font-family:raleway
}
textarea {
padding:10px;
border:1px solid #ccc;
padding-left:5px;
font-size:16px;
font-family:raleway
 }
input[type=submit] {
background-color:#FFBC00;
color:#fff;
border:2px solid #FFCB00;
padding:10px;
font-size:20px;
cursor:pointer;
border-radius:5px;
margin 15px
}
#profile {
padding:0px 0px 0px 0px;
font-size:18px;
}
#profile1 {
padding:0px 0px 0px 0px;
font-size:18px;

}

#logout {
float:right;
padding:5px;
border:dashed 1px gray
}
a {
text-decoration:none;
color:#6495ed
}
i {
color:#6495ed
}

#menu {
padding:2px;
margin:0px;
font-size:16px;
}

#selectclass {
float:center;
width:90%;
border-radius:10px;
font-family:raleway;
padding:10px 10px 10px 10px;
border:2px solid #ccc;
margin-top:10px;
}
input[type=date],input[type=time] {
padding:10px;
margin-top:8px;
border:1px solid #ccc;
padding-left:5px;
font-size:16px;
font-family:raleway
}
input[type=date]{
width:15%;
}
input[type=time]{
width:15%;
}
select {
padding:10px;
margin-top:8px;
border:1px solid #ccc;
padding-left:5px;
font-size:16px;
font-family:raleway
}
input[type=submit] {
width:20%;
background-color:#FFBC00;
color:#fff;
border:2px solid #FFCB00;
font-size:16px;
cursor:pointer;
border-radius:5px;
margin 15px;
}
#footer
{
height: 44px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
td {
 height: 40px;  
 text-align: center;
  vertical-align: middle;
}
.box {border:2px solid #0094ff;background: url(bgmain1.png); background-size: 100%;}
.box h3 {background:#0094ff;color:white;padding:10px;margin-top:0px;}
.box p {color:#333;padding:10px;}
.box {
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
}

.box1 {border:2px solid #FF2233;margin:20px;}
.box1 h5 {background:#FF2233;color:white;padding:10px;margin-top:0px;}
.box1 p {color:#333;padding:10px;}
.box1 {
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
}

li.red:hover > ul{
background-color:#ea5080;
    display:block;
   }


li.blue:hover > ul{
background-color:#53bfe2;
    display:block;
   }

li.yellow:hover > ul{
	background-color:#f8c54d;
    display:block;
   }


li.purple:hover > ul{
background-color:#df6dc2;
    display:block;
   }
li.green:hover > ul{
    background-color:#00c08b;
    display:block;
   }

li.red:hover{
background-color:#ea5080;
   }


li.blue:hover{
background-color:#53bfe2;

   }

li.yellow:hover{
	background-color:#f8c54d;
   }


li.purple:hover{
background-color:#df6dc2;
   }
li.green:hover{
    background-color:#00c08b;
   }

.navbar-custom {
    background-color: #000000;
    border-color: #E7E7E7;
}
/* title */
.navbar-custom .navbar-brand {
    color: #777;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
    color: #5E5E5E;
}
/* link */
.navbar-custom .navbar-nav > li > a {
    color: white;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    color: #333;
}
.navbar-custom .navbar-nav > .active > a, 
.navbar-custom .navbar-nav > .active > a:hover, 
.navbar-custom .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #E7E7E7;
}
.navbar-custom .navbar-nav > .open > a, 
.navbar-custom .navbar-nav > .open > a:hover, 
.navbar-custom .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-custom .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-custom .navbar-nav > .open > a .caret, 
.navbar-custom .navbar-nav > .open > a:hover .caret, 
.navbar-custom .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-custom .navbar-toggle {
    border-color: #DDD;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-custom .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 767px) {
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}