.divbgLogin
{
    background: radial-gradient(#3a6eb4,  #285290);
    border-radius: 8px;
    padding: 5px;
    height: auto;
    box-shadow: 0 0 20px 4px #898989;
}

.DivBgborded
{
    background-color: #c3dbf1;
    border-radius: 6px;
    padding: 15px;
    border: solid 1px #428bca;
}
.divborderLogin
{
    border-radius: 12px;
    padding: 5px 20px 5px 20px;
    border: solid 2px #6783b0;
}
.lblcolor
{
    color: White;
    font-family: Verdana;
    font-size: 13px;
}
.lblcolorblack
{
    font-family: Verdana;
    font-size: 13px;
}
.TblHeader
{
    color: #fff;
    font-weight: bold;
    background-color: #337ab7;
}

.Req-control
{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #FF0000;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

.Req-Filed
{
    cursor: pointer;
}

.CPsw-Filed
{
    cursor: pointer;
}
.divMsgLogin
{
    color: White;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    display: none;
}
.divMsg
{
    color: Red;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    display: none;
}

.Frame
{
    width: 100%;
    overflow: hidden;
    border: none;
}

.divbg
{
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.navbar
{
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}

.navbar-custom
{
    border-color: #2e6da4;
}
.navbar-custom .navbar-brand
{
    color: #fff;
}
.navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus
{
    color: #5e5e5e;
    background-color: transparent;
}
.navbar-custom .navbar-text
{
    color: #fff;
}
.navbar-custom .navbar-nav > li > a
{
    color: #fff;
}
.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus
{
    color: #337ab7;
    background-color: #fff;
}
.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus
{
    color: #eee;
    background-color: #fff;
    border: 1px solid #337ab7;
}
.navbar-custom .navbar-nav > .disabled > a, .navbar-custom .navbar-nav > .disabled > a:hover, .navbar-custom .navbar-nav > .disabled > a:focus
{
    color: #fff;
    background-color: #ccc;
}
.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: #888;
}
.navbar-custom .navbar-collapse, .navbar-custom .navbar-form
{
    /* border-color: #e7e7e7;*/
}
.navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus
{
    color: #337ab7;
    background-color: #fff;
}
@media (max-width: 767px)
{
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a
    {
        color: #fff;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus
    {
        color: #337ab7;
        background-color: #fff;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus
    {
        color: #eee;
        background-color: #fff;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus
    {
        color: #fff;
        background-color: #ccc;
    }

}
.navbar-custom .navbar-link
{
    color: #fff;
}
.navbar-custom .navbar-link:hover
{
    color: #337ab7;
}
.navbar-custom .btn-link
{
    color: #fff;
}
.navbar-custom .btn-link:hover, .navbar-custom .btn-link:focus
{
    color: #337ab7;
}
.navbar-custom .btn-link[disabled]:hover, fieldset[disabled] .navbar-custom .btn-link:hover, .navbar-custom .btn-link[disabled]:focus, fieldset[disabled] .navbar-custom .btn-link:focus
{
    color: #9B9898;
}

#BodyFrame
{
    height: 400px;
    border: none;
    overflow: hidden;
    border: 1px solid #337ab7;
    border-radius: 4px;
}

.divHeader
{
    width: 100%;
    background-color: #fff;
}
.nav
{
    margin-bottom: 0;
    list-style: none;
}

@media only screen and (min-width : 480px)
{
    /* Extra Small Devices, Phones */
    .nav > li > a
    {
        position: relative;
        display: block;
        padding: 10px 32.3px;
        color: White;
        background-color: #337ab7;
        line-height: 1.42857143;
        border-radius: 8px 8px 0 0;
        color: #fff;
        margin-right: 0.9px;
        box-shadow: 2px 1px 1px #888888;
        border: 1px solid #fff;
    }
    
       .nav > li.disabled > a
    {
         background-color: #9B9898; 
         border-color: #2e6da4; 
         color: White;
    } 
    
}

@media only screen and (min-width : 768px)
{
    /* Small Devices, Tablets */
    #liSCD
    {
        width: 38.5%;
    }
    #liEP
    {
        width: auto;
    }
    .nav > li > a
    {
        position: relative;
        display: block;
        padding: 10px 70.3px;
        color: White;
        background-color: #337ab7;
        line-height: 1.42857143;
        border-radius: 8px 8px 0 0;
        color: #fff;
        margin-right: 0.9px;
        box-shadow: 2px 1px 1px #888888;
        border: 1px solid #fff;
    }
    .nav > li.disabled > a
    {
         background-color: #9B9898; 
         border-color: #2e6da4; 
         color: White;
    }

}

@media only screen and (min-width : 992px)
{
    /* Medium Devices, Desktops */
    #liSCD
    {
        width: auto;
    }
    #liEP
    {
        width: auto;
    }
    .nav > li > a
    {
        position: relative;
        display: block;
        padding: 10px;
        color: White;
        background-color: #337ab7;
        line-height: 1.42857143;
        border-radius: 8px 8px 0 0;
        color: #fff;
        margin-right: 0.9px;
        box-shadow: 2px 1px 1px #888888;
        border: 1px solid #fff;
        text-align: center;
    }
        .nav > li.disabled > a
    {
         background-color: #9B9898; 
         border-color: #2e6da4; 
         color: White;
    }
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px)
{

    .col-lg1-2, .col-lg1-3
    {
        float: left;
    }
    .col-lg1-2
    {
        width: 27.5%;
    }
    .col-lg1-3
    {
        width: 20%;
    }
    .nav > li > a
    {
        position: relative;
        display: block;
        color: White;
        background-color: #337ab7;
        line-height: 1.42857143;
        border-radius: 8px 8px 0 0;
        color: #fff;
        margin-right: 0.9px;
        box-shadow: 2px 1px 1px #888888;
        border: 1px solid #fff;
    }
        .nav > li.disabled > a
    {
         background-color: #9B9898; 
         border-color: #2e6da4; 
         color: White;
    }
}

.nav > li > a:hover, .nav > li > a:focus
{
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #337ab7;
}

.nav > li.active > a, .nav > li.active > a:hover, .nav > li.active > a:focus
{
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #337ab7;
}

.nav1
{
    margin-bottom: 0;
    list-style: none;
}

.nav1 > li > a
{
    position: relative;
    display: block;
    padding: 10px 38.7px;
    color: White;
    background-color: #337ab7;
    line-height: 1.42857143;
    color: #fff;
    margin-right: 0.9px;
    box-shadow: 1px 0px 0px #fff;
    border-right: 1px solid #337ab7;
}


.nav1 > li > a:hover, .nav1 > li > a:focus
{
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border-right: 1px solid #337ab7;
}

.nav1 > li.active > a, .nav1 > li.active > a:hover, .nav1 > li.active > a:focus
{
    color: #337ab7;
    background-color: #fff;
    border-right: 1px solid #337ab7;
}

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

.nav-tabs-custom
{
    border-bottom-color: #337ab7; /* border-bottom: 1px solid #eee;*/
}
.nav-tabs-custom > li
{
    float: left; /*border: 1px solid #fff;*/
}
.nav-tabs-custom > li > a
{
    background-color: #337ab7;
    line-height: 1.42857143;
    border-radius: 8px 8px 0 0;
    color: #fff;
    margin-right: 0.9px;
    box-shadow: 2px 1px 1px #888888; /*border: 1px solid #fff;*/
}

.nav-tabs-custom > li > a:hover
{
    margin-right: 0.9px;
    background-color: #0681F5; /*border: 1px solid #337ab7;   background-color: #fff;*/
}
.nav-tabs-custom > li.active > a, .nav-tabs-custom > li.active > a:hover, .nav-tabs-custom > li.active > a:focus
{
    /*color: #555;     border: 1px solid #337ab7;*/
    background-color: #0681F5;
    margin-right: 0.9px;
}

.nav-tabs-custom > li.disabled > a, .nav-tabs-custom > li.disabled > a:hover, .nav-tabs-custom > li.disabled > a:focus
{
    color: #fff;
    background-color: #ccc;
    cursor: not-allowed;
}

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

/*
@media (max-width: 509px){

     #MasterFrame
    {
        height:760px; 
        border: solid 1px red;
    }

     #BodyFrame
    {
        height:610px; 
        border: solid 1px red;
         overflow:hidden;
    }
}


@media (min-width: 510px) and (max-width: 767px){

     #MasterFrame
    {
        height:710px; 
        border: solid 1px green;
    }

     #BodyFrame
    {
        height:560px; 
        border: solid 1px green;
         overflow:hidden;
    }
}

@media (min-width: 768px) and (max-width: 991px){
     #MasterFrame
    {
        height:660px; 
        border: solid 1px blue;
         overflow:hidden;
    }

     #BodyFrame
    {
        height:510px; 
        border: solid 1px blue;
         overflow:hidden;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
     #MasterFrame
    {
        height:610px; 
        border: solid 1px green;
         overflow:hidden;
    }

     #BodyFrame
    {
        height:460px; 
        border: solid 1px green;
         overflow:hidden;
    }
}

@media (min-width: 1200px) {
     #MasterFrame
    {
        height:560px; 
        border: solid 1px red;
         overflow:hidden;
    }

     #BodyFrame
    {
        height:410px; 
        border: solid 1px red;
       overflow:hidden;
    }
}*/

@media only screen and (min-width : 1189px)
{

    .col-md1-1
    {
        width:20%;
    }
    .col-md2-1
    {
        width:16%;
    }
    .col-md3-1
    {
        width:4%;
    }
}

.navbar-brand1
        {
            float: left;
            height: 50px;
            padding: 0px 0px;
            font-size: 18px;
            line-height: 20px;
        }
        .btn-block1
        {
            display: block;
            width: 98%;
        }
        .btn-primary_bg
        {
            color: #fff;
            background-color: #74a9d8;
            border-color: #74a9d8;
        }
        .btn-primary_bg:hover
        {
            color: #fff;
            background-color: #74a9d8;
            border-color: #74a9d8;
        }
        .sidebar-nav
        {
            top: 0;
            width: 250px;
            list-style: none;
            margin: 0;
            padding: 0;
            z-index: 1; 
            <%--overflow-x:hidden;--%>
        }
        .sidebar-nav li
        {
            line-height: 40px;
            text-indent: 20px;
        }
        .sidebar-nav li a
        {
            color: #428bca;
            display: block;
            text-decoration: none;
            padding-left: 1px;
        }
        .sidebar-nav li a span:before
        {
            position: absolute;
            left: 0;
            color: #41484c;
            text-align: center;
            width: 20px;
            line-height: 18px;
        }
        .sidebar-nav li a:hover, .sidebar-nav li.active
        {
            background: #F3F7F9;
            text-decoration: none;
        }
        .sidebar-nav li a:active, .sidebar-nav li a:focus
        {
            text-decoration: none;
        }
        .navside
        {
            margin-bottom: 20px;
            margin-left: 0;
            list-style: none;
        }
        .sidebar-nav li a:hover, .sidebar-nav li.active
        {
            background: white;
        }
        /* End Dashboard count Buttons. *//* Start Resideant List. */#ulResidentList
        {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }
        #ulResidentList li a
        {
            margin-top: -1px; /* Prevent double borders */
            text-decoration: none;
            font-size: 13px;
            display: block;
        }
        #ulResidentList li :hover
        {
            background-color: #E0E0E0;
        }
        .lstOk
        {
            background-color: #FFC300;
            font-weight: bold;
        }
        @media (min-width: 1200px)
        {
            .col-sidebar-3
            {
                width: 22%;
            }
        }
     
/* Small devices (tablets, 768px and up) */
@media only screen and (max-width: 768px)  
{  
   #sidebarhide
   {
       display : none;
   } 
 }