@charset "utf-8";
/*******************************************************************************
**  Project Name: Bootstrap 4 responsive design
**  Object Name:  media.css
****
**  Configuration Record
**
**  Version        Author             Date             SCR No.
 *   1.0.0        Atik Zahan      	27/03/18        Original  
**   1.0.1        Padmaja Bysani       6/04/2020        PHPUPG73-22
**   1.0.2        Padmaja Bysani     05/08/2020      PHPUPG73-87
**
**  @copyright    2018 Revenue NSW
**
********************************************************************************
**  Revision History
**
**  Version  Description
**  1.0      Original
**  1.0.1    Updates to link mobilelib_b41
*******************************************************************************/

 
 /*==========  for standard navigation setting for all devices   ==========*/
 .navbar-default {
     background: #133880!important;
     border-color: #3680C2!important;
}
 .navbar-default .navbar-nav {
     background: #333!important;
}
 .navbar-default .navbar-nav a {
     text-decoration: none!important;
}
 .navbar-default .navbar-nav>li>a {
     color: #fff !important;
     border-bottom: 1px solid #ccc;
}
 .navbar.navbar-default {
     margin-top: 5%;
}
 .navbar-default .navbar-nav>li>a:hover {
     background: #F3F3F3!important;
     color: #000!important 
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>ul>li>a:focus {
    outline: 1px dotted #3680C2;
}
.navbar-default .navbar-nav>li>a:hover span, .navbar-default .navbar-nav>li>a:focus span {
     color: inherit!important 
}
 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
     color: #fff !important;
    /*background:#0E2756 !important;
     */
     background: #4263a4!important 
}
 .navbar-default .navbar-toggle {
     border-color: #FFF!important;
}
 .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
     background: #eb5830!important;
}
 .navbar-default .navbar-toggle .icon-bar {
     background: #FFF!important;
}
 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
     color: #133880!important;
     background: #F3F3F3!important;
}
 .navbar-default span {
     color: #fff!important;
}
 .navbar-default {
     border: none 
}
 .sidebar-nav .navbar-header {
     float: none 
}
 .sidebar-nav .navbar-header {
     float: none;
}
 .navbar-right.top-nav {
     list-style: none;
    /*margin-right: 15px;
    */
    /*b4*/
}
 .navbar-right.top-nav a:hover {
     text-decoration: none;
}
 .navbar-right > a {
     text-decoration: none;
}
/*Just hide the left menu for application pages*/
/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
 @media only screen and (min-width : 320px) {
     .sidebar-nav {
         margin-top: 5% 
    }
     .navbar-nav span {
         color: #1a80ac !important;
    }
     .navbar-nav>.active {
         color: #FFF!important 
    }
     .navbar-nav>.hover {
         color: #FFF!important 
    }
     .navbar-nav>.hover span {
         color: #FFF!important 
    }
     .navbar-nav li.hover span {
         color: #FFF!important;
    }
     .navbar-nav li.active span {
         color: #FFF!important;
    }
     .navbar-right {
        /* visibility: hidden*/
         visibility: visible !important;
    }
     .content-wrapper {
         margin-top: 5% 
    }
     li.mobileclose {
         display: block!important 
    }
     .navbar-nav ul li {
         background: #EEEEEE!important;
         border-bottom: 1px solid #FFF 
    }
     .navbar-nav ul li a:link, .navbar-nav ul li a {
         color: #333333!important;
    }
     .navbar-nav ul li a:hover, .navbar-nav ul li a:focus {
         color: #333333!important;
         background: #FFF!important;
    }
     .navbar-nav ul li a:active {
         color: #4B5995!important;
    }
     .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
        /*background:#263E57!important;
        */
         background: #d8d8d8!important;
         color: #000!important;
         font-weight: bold!important;
    }
     .navbar-default .navbar-nav ul>.active>a, .navbar-default .navbar-nav ul>.active>a:hover, .navbar-default .navbar-nav ul>.active>a:focus {
         color: #333333!important;
         font-weight: bold!important;
    }
}
 @media handheld and (min-width : 321px) {
    /* Styles */
     .col-sm-3 {
         margin-top: -13%!important 
    }
     .col-sm-9 {
         margin-top: -10%!important 
    }
     .top-nav {
         display: none;
    }
}
 @media only screen and (min-width : 768px) {
     button.navbar-toggle {
         visibility: hidden!important 
    }
     div.navbar-header {
         display: none!important 
    }
     .sidebar-nav .navbar .navbar-collapse {
         padding: 0;
         max-height: none 
    }
     .sidebar-nav .navbar ul {
         float: none 
    }
     .sidebar-nav .navbar li {
         float: none;
         display: block 
    }
     .sidebar-nav .navbar li a {
         padding-top: 5%;
         padding-bottom: 5% 
    }
     .sidebar-nav {
         margin-top: 7% 
    }
     .content-wrapper {
         margin-top: 0px;
    }
     li.mobileclose {
         display: none!important 
    }
     .navbar-right.top-nav {
         visibility: visible;
         display: inline;
    }
     body {
         background-image: url('/mobilelib_b41/images/layout/page-bg.jpg');
         background-repeat: repeat-x 
    }
     .container {
        /*b4*/
        /* background: #fff;
         border: 1px solid #dbdbea;*/
        /*##007EA8;
        */
         border-radius: 5px;
         margin-top: 25px;
         padding: 13px 0 0 15px;
        /*b4*/
    }
     header {
        /*b4*/
         border-bottom: 1px solid #A0A5AE;
         padding-bottom: 10px;
    }
     .footer {
         margin-top: 3%;
         margin-bottom: 3%;
         border-top: 1px solid #DDDDDD;
         background: #333333!important;
         text-align: left;
        /* padding-left: 15px;
         padding-right: 15px;*/
         padding-bottom: 1%;
         padding-top: 1%;
         font-size: .94em;
        /* margin-left: -15px !important;
        margin-right: -15px !important;
        */
        /*b4*/
         color: white;
    }
	
	.footer a {color: white;}
	.footer a.active {color: white;}
	.footer p   { margin: 10px 0 10px 0 !important;}
	.footer hr {border-color: white; margin-top:1rem; margin-bottom: 1rem;}
     .sidebar-nav .navbar .navbar-collapse {
         padding: 0;
         max-height: none;
    }
     .sidebar-nav .navbar ul {
         float: none;
         width: 100%;
    }
     .sidebar-nav .navbar li {
         float: none;
         display: block;
    }
     .sidebar-nav .navbar li a {
         padding-top: 12px;
         padding-bottom: 12px;
    }
     .navbar-nav span {
         color: #1a80ac !important;
    }
     .navbar-nav>.active {
         color: #FFF!important 
    }
     .navbar-nav>.hover {
         color: #FFF!important 
    }
     .navbar-nav>.hover span {
         color: #FFF!important 
    }
     .navbar-nav li.hover span {
         color: #FFF!important;
    }
     .navbar-nav li.active span {
         color: #FFF!important;
    }
     .navbar-nav ul li {
         background: #EEEEEE!important;
         border-bottom: 1px solid #FFF 
    }
     .navbar-nav ul li a:link, .navbar-nav ul li a {
         color: #333333!important;
    }
     .navbar-nav ul li a:hover {
         color: #333333!important;
         background: #FFF!important;
    }
     .navbar-nav ul li a:active {
         color: #4B5995!important;
    }
     .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
        /*background:#006FCA!important;
        */
         background: #d8d8d8!important;
        /* border-left:1px solid #ccc!important;
         border-right: 1px solid #ccc!important;
        */
         color: #000!important;
         font-weight: bold!important;
    }
     .navbar-default .navbar-nav ul>.active>a, .navbar-default .navbar-nav ul>.active>a:hover, .navbar-default .navbar-nav ul>.active>a:focus {
         color: #333333!important;
         font-weight: bold!important;
    }
}
/* Medium Devices, Desktops */
 @media only screen and (min-width : 992px) {
    /*.navbar {
         width: 212px;
    }
    */
    /* .navbar {
         width: 85% 
    }
     */
     .sidebar-nav {
         margin-top: 7% 
    }
}
/* Large Devices, Wide Screens */
 @media only screen and (min-width : 1200px) {
     .navbar {
         width: 262px;
    }
    /* .navbar {
         width: 90% 
    }
     */
     .sidebar-nav {
         margin-top: 7% 
    }
}
/*========== Non-Mobile First Method ==========*/
 @media only screen and (max-width : 767px) {
     .btn {
         margin-top: 10px;
    }
     .content-wrapper {
         margin-top: 2% 
    }
    /* skip to content */
     .skiptop {
         margin-top: 0;
         height: 0!important;
         line-height: 0!important;
         text-align: left!important 
    }
}
 @media (min-width: 1200px) {
     .container {
         max-width: 1170px;
    }
	.form-top {
		max-width: 1170px;
	}
	.footer-row {
		max-width: 1170px;
	}
}
@media only screen and (max-width: 540px) {
	.form-top {
		 max-width: 540px;
	 }
	 .footer-row {
		 max-width: 540px;
	 }
}
 @media only screen and (max-width : 767px) {
	 .form-top {
		 max-width: 767px;
	 }
	 .footer-row {
		 max-width: 767px;
	 }
     .btn {
         margin-top: 10px;
    }
     .content-wrapper {
         margin-top: 2% 
    }
    /*Easy Responsive Tabs*/
     ul.resp-tabs-list {
         display: none;
    }
     h2.resp-accordion {
         display: block;
         background: #BAE5F6;
    }
     h2.resp-accordion:hover {
         background: #133880;
         color: white;
    }
     h2.resp-accordion:hover span.resp-arrow {
         border: none;
         border-left: 6px solid transparent;
         border-right: 6px solid transparent;
         border-bottom: 12px solid white;
    }
     h2.resp-accordion:active {
         background: #133880;
         color: white;
    }
     .resp-vtabs .resp-tab-content {
         border: 1px solid #C1C1C1;
    }
     .resp-vtabs .resp-tabs-container {
         border: none;
         float: none;
         width: 100%;
         min-height: initial;
         clear: none;
    }
     .resp-accordion-closed {
         display: none !important;
    }
     .resp-vtabs .resp-tab-content:last-child {
         border-bottom: 1px solid #c1c1c1 !important;
    }
     .resp-vtabs .resp-tab-content:first-child {
         border-top: 4px solid #71AFFF !important;
    }
    /*End Easy Responsive Tabs*/
    /*Custom Pagination*/
     .nonbutton {
         display: none;
    }
    /* checkbox within table */
     input.tablecheck[type=checkbox] {
         zoom: 1.8!important;
         margin-left: 0!important;
        /* outline: none!important */
    }
    /* skip to content */
     .skiptop {
         margin-top: 0;
         height: 0!important;
         line-height:0!importan;
         text-align: left!important 
    }
    /*styles for checkbox buttons inside table - start */
     td.claim > .input-group > .btn-check {
         background: #D9F0FC;
         border-color: #ddd;
         font-size: .8571em !important;
    }
     .btn-check input[type="checkbox"] + span.select:after {
         content: "Select";
    }
     td.claim > .input-group > .btn-check:hover {
         color: #FFF!important;
         background: #007EA8!important;
         border-color: #007EA8!important;
    }
     td.claim > .input-group > .btn-check:focus {
         color: #FFF!important;
         background: #007EA8!important;
         border-color: #007EA8!important;
    }
     td.claim > .input-group > .btn-check:active {
         color: #FFF!important;
         background: #007EA8!important;
         border-color: #007EA8!important;
    }
     td.claim > .input-group > .btn-check.active {
         color: #FFF!important;
         background: #007EA8!important;
         border-color: #007EA8!important;
    }
    /*styles for checkbox buttons inside table - end */
}
.form-top {
	overflow: hidden;
	background: #fff;
	text-align: left;
    vertical-align: middle !important;
	margin-left: auto;
	margin-right: auto;
	padding: .75rem 0;
}
.form-top-left {
	float: left;
        vertical-align:inherit;
	width: 75%;
        valign: inherit;
}
.form-top-right {
	float: left;
	width: 25%;
        padding-right: 10px;
        valign:inherit;
	color: #ddd;
	text-align: right;
        /*border: Solid 1px green;*/
        vertical-align: middle !important;
}
.footer-row {
	margin-left: auto;
	margin-right: auto;
}