@media print {
        table{ word-break: break-word!important;}
}
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

@invoice {
  size: A4;
  margin: 0;
}

@media print {
  .invoice {
    margin: 0;
    border: initial;
    border-radius: initial;
    width: initial;
    min-height: initial;
    box-shadow: initial;
    background: initial;
    page-break-after: always;
  }
}


a:focus{ text-decoration:none!important}

body{ margin:0; padding:0; outline:0;/* font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif*/font-family: 'Roboto', sans-serif;}
table{ word-break: break-word;}
.main-wrapper{ width:100%; height: auto;}

.top-bar-wrapper{ width:100%; height: auto; background-color:#2e4c34; padding:3px 0; font-size:13px}
.day-time-bx{ color:#FFFFFF}
.top-link{ text-align:right; color:#FFFFFF}
.top-link a{ color:#FFFFFF}

.header-wrapper{ padding:10px 0;background: rgb(218,218,218);
background: linear-gradient(360deg, rgba(218,218,218,1) 0%, rgba(255,255,255,1) 100%);}
.logo{ width:51%; display:block; margin:auto}

.logo img{ width:100px; float:left; margin-right:10px}
.logo p{ font-size:20px; padding:22px 0 0 }
.logo p .txthi{ color:#3c9a5f}
.logo p .txteng{ color:#ac6422}
.logo p a:hover{ text-decoration:none}


.menu-wrapper{ width:100%; height: auto; background-color:#2e4c34;}
.menu-wrapper .navbar{ margin-bottom:0; min-height:inherit!important}
.menu-wrapper .navbar-default{ background: none!important; border:none!important}
.menu-wrapper .navbar-default .navbar-nav>li>a{ color:#FFFFFF; padding:10px; border-right:solid 1px #44694b; font-size:15px; font-weight:500}
.menu-wrapper .navbar-default .navbar-nav>li>a:hover{ background-color:#ac6422}
.menu-wrapper .navbar-default .navbar-nav>.active>a{ background-color:#ac6422}
.menu-wrapper .navbar-default .navbar-nav>.active>a:hover{ color:#FFFFFF}
.apply-txt{transition: color 200ms ease;}
.apply-txt .blink{color:transparent;}

.imp-bx{ border:solid 2px #b21414; margin:10px 0; height:auto;}
.imp-bx .title-bx{ background-color:#b21414; padding:5px; color:#FFFFCC; display:inline-block}
.imp-bx .imp-txt{ display:inline-block; color:#FF0000; margin-top:4px }

.content-wrapper{ margin:10px 0; min-height:400px}
.content-wrapper .block{ float:right}

.notification-bx .panel-default>.panel-heading{ background-color:#a95915; color:#FFFFFF; font-weight:500; font-size:17px}
.notification-bx .panel-default>.panel-body{ background-color:#fcf0e5 ; color:#FFFFFF;}
.notification-bx .notification{ color:#333333}
.notification-bx .notification p{ border-bottom:dotted 1px #333333; padding:10px 0}
.notification-bx .notification .number{ font-size:18px; font-weight:600; color:#993300}
.notification-bx .notification a{ font-weight:600}
.notification-bx .list-group{ border-top:none; border:solid 1px #a95915;    min-height: 330px;}
.notification-bx .list-group-item{ padding:9px 6px} 
.notification-bx .list-group-item a{ color:#333333; font-weight:bold; font-size:14px}
.notification-bx .list-group-item img{ width:25px}
.notification-bx .list-group-item a:hover{ text-decoration:none; color: #006699}
.notification-bx .panel-default>.panel-body{ color:#FFFFFF;     max-height: 330px; border-top:none; border:solid 1px #a95915}

.notification-bx.login-form-bx h3{ margin: 0; padding: 5px 10px; background: #793c08; border-radius:3px 3px 0 0}
.notification-bx.login-form-bx h3 img{ width:40px}
.notification-bx.login-form-bx p{background-color: #a95915; font-size: 13px; padding: 5px 10px; margin: 0;}
.notification-bx .login-form label{ color: #333333}
.notification-bx .login-form .form-group{ margin-bottom:9px}
.notification-bx .login-form .form-group .cal{float: right; margin-top: -24px; margin-right: 8px;}
.notification-bx .login-form .error{ color: #FF0000; font-size:13px; font-weight:100}
.notification-bx .login-form .captcha-bx{ width:63%; margin-left:11px}
.notification-bx .login-form label{ display:block}
.notification-bx2 .panel-default>.panel-heading{ background-color:#2e4c34; color:#FFFFFF;font-weight:500; font-size:17px}
.notification-bx2 .panel-default>.panel-body{ background-color:#e5fdea ; color:#FFFFFF; min-height:235px; padding:0;}
.notification-bx2 .notification{ color:#333333}
.notification-bx2 .notification p{ border-bottom:dotted 1px #333333; padding:10px 0}
.notification-bx2 .notification p:last-child{ border-bottom: none}
.notification-bx2 .list-group{ border-top:none; border:solid 1px #2e4c34}
.notification-bx2 .list-group{ max-height:330px; overflow-y:scroll}
.notification-bx2 .list-group-item a small{ display:block}
.notification-bx2 .list-group-item a{color:#000}
.notification-bx2 .list-group-item a:hover{ text-decoration:none; color: #006699}

.notficationTable a{ text-decoration:none}

.footer-wrapper{width:100%; height: auto; background-color:#2e4c34; color:#FFFFFF; text-align:center; padding:5px 0; }
.footer-wrapper p{ margin-bottom:0; font-size:13px}


.content-wrapper .title{ color:#993300; text-align:center; font-size:24px}
.content-desc p{ padding:10px; }
.content-desc div{padding:10px; margin-bottom:10px }
.content-desc div p{ margin-top:10px}
.content-desc .btn{ margin-bottom:10px}

.content-desc form div{padding:0px;}
.scrolling-box{ max-height:300px; overflow-y:scroll}

.content-desc2 div{ margin:0; padding:0 5px;}
.content-desc2 div p{ margin:10px; padding:0 5px;}

/*start online application form css*/
.step-menu{  list-style:none}
.step-menu li{ display:inline-block; }
.step-menu li a{ color: #fff; font-weight:600; border-right:solid 1px #44694b}
.step-menu li a small{ display:block}
.step-menu .navbar-nav .filled a{ color: #FFFF99!important; font-weight:200 }
.step-menu .navbar-nav .filled a:hover, .step-menu .navbar-nav .filled a:focus{ background:none}

.step-menu .navbar-nav>.active>a{ background-color:#ac6422; color:#FFFFFF; font-weight:400}
.step-menu .navbar-nav>.active>a:hover{ color:#FFFFFF}
.application-form .panel-warning>.panel-heading {color: #990000; background-color: #FFCC66;}
.application-form .form-group{ border-bottom:1px solid #e7e5e5; padding-bottom:10px}
.application-form thead{ background-color: #FFFFCC}
.application-form table label{ font-size:13px}
/*.application-form .form-group:last-child {  border: none;  padding-bottom: 0;  margin-bottom: 0;}*/

/*end online application form css*/


.application-form .form-control{ margin-bottom:5px}  

ol li{ margin-top:10px}