.wm-banner-one-nav-layer-right {
    background-color: #222845;
    padding: 46px 70px 50px 70px;
    color: #fff;
    border-left: 4px solid #b99663;
}

input.calender
{
    background:url(../images/cal.png) no-repeat 95% 5px;
}
span.error
{
  color:Red;
}
.main_form {
    BORDER-RIGHT: #c1dbf6 1px solid;
    BORDER-TOP: #c1dbf6 1px solid;
    BORDER-LEFT: #c1dbf6 1px solid;
    BORDER-BOTTOM: #c1dbf6 1px solid;
    BACKGROUND-COLOR: #f9ffdb;
}
.block1 {
    color: black;
    font-family: Verdana;
    font-size: 12px;
    vertical-align: middle;
}
.TrLabelSubHead {
    background-color: #a0522d;
    color: white;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bolder;
    vertical-align: middle;
}

/* Banner */
.wm-main-banner,.wm-banner-one,.wm-banner-one-for-layer,
.wm-banner-one-nav-layer,.wm-banner-one-for-layer img {
    float: left;
    width: 100%;
}
.wm-banner-one-for {
    float: left;
    width: 75%;
    
}
.wm-banner-one-nav {
    float: left;
    width: 25%;
    height:400px;
    padding-left:0px;
    border: 1px solid;
}
.wm-banner-one                                  { position: relative; }
.wm-banner-one-nav-layer.slick-current          { border-left: 4px solid #b99663; }
.wm-banner-one-nav-layer.slick-current h1       { color: #ffffff; }
.wm-banner-one-nav-layer.slick-current p        { color: #c3c8e2; }
.wm-banner-one-nav-layer.banner-bgcolor         { background-color: #efefef; }
.wm-banner-one-nav-layer {
    background-color: #f4f4f4;
    padding: 46px 70px 50px 70px;
}
.wm-banner-one-nav-layer h1 {
    margin-bottom: 6px;
}
.wm-banner-one-nav-layer p {
    margin-bottom: 26px;
    width: 67%;
}
.wm-banner-btn {
    display: inline-block;
    padding: 11px 21px 10px 21px;
    font-size: 12px;
    color: #b99663;
    border: 1px solid;
    text-transform: uppercase;
    font-weight: 500;
}
.wm-banner-btn:hover,.wm-banner-one-nav-layer.slick-current .wm-banner-btn {
    color: #ffffff;
}
.wm-banner-one .slick-arrow {
    color: #ffffff;
    font-size: 35px;
    top: auto;
    bottom: 0px;
}
.wm-banner-one .slick-arrow.slick-arrow-left {
    left: 27px;
    bottom: 89px;
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
}
.wm-banner-one .slick-arrow.slick-arrow-right {
    right: auto;
    left: 30px;
    bottom: 30px;
}
.wm-banner-one .slick-arrow.slick-arrow-right i {
    display: inline-block;
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
}

/*Icon fade effect*/

.icon{
   background-color: #ffffff;
  border: none;
  color: black;
  padding: 0px 0px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  transition: 0.3s;
}

.icon:hover{
    opacity:5;
}
.iconnav
{
    width:50;
    height:50;
    font-size: small;
}

.responsivelrc {
  width: 100%;
  
  height: auto;
}

container-fluidlrc {
    width: 100%;
    /*padding-right: 15px; 
    padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto;
}

.container-LRCtab
{
    padding-left: 40px;
    margin-bottom: 20px;
}

.grad
{
    background-image: linear-gradient(to right top, #f3801e, #ff886f, #ff9faf, #ffbedf, #fdddfa, #e7e3ff, #d0e9ff, #c2eeff, #67e9f5, #00e2cb, #00d583, #28c305);
}
.tabborder 
{
    border: thin solid #000080; text-align: center
}

div.shadow {
  width: 250px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}

div.header {
  
  color: white;
  padding: 5px;
  font-size: 40px;
}

.shadowtext {
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
  
}

.anotic {
    color: Red;
    text-decoration: none;
    background-color: transparent;
}

/*Dropdown*/

    ul li{
        display: inline-block;
        position: relative;
        line-height: 21px;
        text-align: left;
    }
    ul li a{
        display: block;
        padding: 8px 25px;
        color: #333;
        text-decoration: none;
    }
    ul li a:hover{
        color: #fff;
        background: #00006f;
        /*opacity: 0.6;*/
        transition: 2s;
        height:100%;
        width:100%;
    }
    ul li ul.lrcdropdown{
        min-width: 100%; /* Set width of the dropdown */
        background: #f2f2f2;
        display: none;
        position: absolute;
        z-index: 999;
        left: 0;
    }
    ul li:hover ul.lrcdropdown{
        display: block;	/* Display the dropdown */
    }
    ul li ul.lrcdropdown li{
        display: block;
    }
    
    /*Admin CSS*/
    
/*ula {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 25%;
  background-color: #f1f1f1;
  position: fixed;
  height: 100%;
  overflow: auto;
}

lia a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
}

lia a.active {
  background-color: #4CAF50;
  color: white;
}

lia a:hover:not(.active) {
  background-color: #555;
  color: white;
}*/
/* Fixed sidenav, full height */
.sidebar-nav {
  /*height: auto;
  list-style: none;
  position:fixed;
  width: 100%;
  
  top:0;
  bottom:0;*/
  height:100%;
  width:300px;
  position:fixed;
  z-index:1;
  top:0;
  left:0;
  background-color:#C4C9FB;
  overflow-x:hidden;
  padding-top:20px;
}

.sidebar-nav a
{
    padding:6px 8px 6px 16px;
    text-decoration:none;
    color:#00006f;
    display:block;
    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

.sidebar-nav a:hover
{
   background: lightgray;
} 



/*LRCADMContainer*/
.LrcAdmContainer 
{
    margin-left:301px;
    width:auto;
    padding-top:10px;
    padding-bottom:10px;
    
    }

/*Login*/
body {font-family: Arial, Helvetica, sans-serif;}
/*form {border: 3px solid #f1f1f1;}*/

input[type=text], input[type=password] {
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  
}

.button {
  background-color: #4169e1;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 30%;
}

.button:hover {
  opacity: 0.8;
}

.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
}

img.avatar {
  width: 20%;
  border-radius: 20%;
}

.container {
  padding: 16px;
}

span.psw {
  padding-left:30px;
  padding-top: 16px;
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  span.psw {
     display: block;
     float: none;
  }
  .cancelbtn {
     width: 100%;
  }
  
  /*Dropdown*/
  /* Style The Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
}