:root {
    --primary-color: #2d5796;
     --primary-dark-color: #234983;
     --primary-light-color: #3d66a3;
     --primary-text-color: #fff;
     --primary-inverce-color: #0000002b;
     --primary-color-hover: #fff;
     --primary-bg-color-hover: #3764a8;
     --primary-color-light-hover: #4470b1;
     --primary-color-dark-hover: #2e689b;
     --anchor-color-light-hover: #4a77ba;
     --btn-bg-color-hover: #0c69b9;
     --btn-fa-icon-color: #fff;
     --fa-icon-color: #2d5796;
     --table-anchor-color: gray;
     --scrollbar-button: #ccc;
     --scrollbar-track-piece: #888;
     --scrollbar-thumb: #eee;
     --secondry-color: #ef7237;
       --secondry-light-color: #f6834c;
     --white: #fff;
     --black: #090909;
 }
 a {	
     color: var(--primary-color);
     text-decoration: none!important;
 }
 a:hover,a:active,a:focus {	
     color: var(--primary-color);
     filter: brightness(90%);
 }
 .btn-default {
     background-color: var(--btn-default-bg)!important;
     color: var(--btn-default-color)!important;
     border-color: var(--btn-default-bg)!important;
 }
 .text-primary {
     color: var(--primary-color)!important;
 }
 
 .btn-primary, .bg-primary {
     color: var(--primary-text-color)!important;
     background-color: var(--primary-color)!important;
     border-color: var(--primary-color)!important;
 }
 
 .btn-default:active,   
 .btn-default:hover,   
 .btn-default:focus  {
     background-color: var(--btn-default-bg)!important;
     color: var(--btn-default-color)!important;
     border-color: var(--btn-default-bg)!important;
     filter: brightness(90%);
 }
 .text-primary:active,   
 .text-primary:hover,   
 .text-primary:focus  {
     color: var(--primary-color-hover)!important;
     filter: brightness(90%);
 }
 .bg-primary:active,   
 .bg-primary:hover,   
 .bg-primary:focus  {
     color: var(--primary-color-hover);
     background-color: var(--primary-bg-color-hover);
     filter: brightness(90%);
 }
  header { display: none; 
     position: absolute;
     z-index: 1;
     top: 0;
     width: 100%;
     left: 0;
     background: transparent;}
     #heading {     display: none;}
  #wrapper { background:none}
  .portlet-login { padding:0}
     .portlet-content, .portlet-minimized .portlet-content-container { padding:0}
         .portlet-login .aui-form {     padding: 0;}
         .aui-fieldset {
             float: none;
             padding: 0 !important;
             text-align: left;
         }
         .portlet-login .navigation  { border-top:0}
         .portlet-login .aui-form fieldset { margin: 0 !important;}
         .portlet-login .aui-form fieldset.row { margin: 0 -8px !important; }
         /* body { font-family: 'Roboto', sans-serif;} */
         .login-outer { background-color: #f7f9fc; display: flex; align-items: center; justify-content: center; padding: 15px; min-height: 100vh; }
         .login-inner { background-color: #fff; max-width: 450px; display: flex; width: 100%; border-radius: 15px; overflow: hidden; 
             box-shadow:0px 0px 10px rgb(44 85 148 / 50%);
             border: 1px solid #ced9e8;
             text-align:left;
         }
         .form-section-wrap { width: 100%;  }
         /* .login-inner img { max-width: 100%;} */
         .form-section-wrap h2 { margin-top: 25px; position: relative; color: var(--primary-color); font-size: 22px;  margin-bottom: 30px; letter-spacing: 2px; font-weight: bold;}
         /* .form-section-wrap h2:after {display: none; position: absolute; content: ""; top: 100%; left: 50%; transform: translateX(-50%); border-radius: 5px; width: 75px; height: 6px; background: var(--primary-color);} */
         .image-section p {  width: 75%; color:var(--primary-color); font-size: 14px; letter-spacing: 0.42px; margin: 0 auto 50px;}
         .image-section img { width: 90%;}
         /* .form-section-wrap h3 { font-size: 32px; color: #2D5595; margin-bottom: 25px;} */
         /* .form-section-wrap p { color: #E87637; font-size: 13px; margin-bottom: 25px;} */
         .login-btn { margin-top:45px;}
         .form-section-wrap .login-btn.btn-primary { box-shadow: 0px 0px 5px var(--secondary-color); background: var(--secondary-color); margin-top: 50px; display: block; width: 100%;  border-color: #EC743A ; font-size: 14px !important;}
         .form-section-wrap .login-btn.btn-primary:hover,
         .form-section-wrap .login-btn.btn-primary:focus,
         .form-section-wrap .login-btn.btn-primary:active { 
             /* color: #fff; */
             /* background-color: #e27039; */
             border-color: var(--secondry-light-color);
         }
         /* .form-section-wrap label { margin-bottom:10px} */
         .form-section-wrap input[type="text"],
         .form-section-wrap input[type="password"] { background: #F9FCFF; border-color:#F9FCFF; box-shadow: none;  border-color: #eaf2fa; padding:6px 12px; font-size: 14px !important;width: 100%;
          max-width: unset !important; }
         .form-section-wrap .form-section { margin: auto; padding: 5% 14%;}
         .image-section .client-logo {  padding: 25px 15px; background: rgba(255,255,255,0.2);}
         .image-section .client-logo img { max-width: 100%; max-width: 300px;}
         .form-section-wrap .form-group { margin-bottom: 25px;}
         .form-section-wrap a {  color: var(--primary-color); font-size: 14px;}
 
 
         .image-section {  width: 100%;padding:0; /*display: flex; justify-content: center; align-items: center;*/ text-align: center; background:#F9FCFF url(./robo-man-hand.jpg) center center no-repeat; background-size: cover; position: relative;}
         .image-section .overlay { background: rgba(255,255,255,0.4); position: absolute; top: 0; left: 0; right: 0; bottom: 0;  }
         .image-section .client-logo { position: relative; z-index: 1;}
         
         .form-section-wrap .client-logo  { 
             /* text-align: center;  */
             /* background: #e6e9f4; */
              padding:10% 14% 5%;
              padding-bottom: 0;
              text-align: center;
         
             /* border-bottom: 1px solid #2c5594; */
             border-top-left-radius: 15px;
             border-top-right-radius: 15px;
         }
         .form-section-wrap .client-logo img { max-width: 300px; width: 100%; }
         .form-section-wrap .form-group label { font-size: 13px;}
         #breadcrumbs {  display: none;}
         .form-section .navigation { background:none}
 
         input[type="submit"],
 .btn-secondary {
     color: #ffffff;
     background-color: var(--primary-color);
     border-color: var(--primary-color);
	 height:34px;
   }
   input[type="submit"]:focus,
   input[type="submit"].focus,
   .btn-secondary:focus,
   .btn-secondary.focus {
     color: #ffffff;
     background-color: var(--primary-dark-color);
     border-color: var(--primary-dark-color);
     background-image:none;
   }
   input[type="submit"]:hover,
   .btn-secondary:hover {
     color: #ffffff;
     background-color: var(--primary-dark-color);
     border-color: var(--primary-dark-color);
     background-image:none;
   }
   input[type="submit"]:active,
   input[type="submit"].active,
   .btn-secondary:active,
   .btn-secondary.active,
   .open > .dropdown-toggle.btn-secondary {
     color: #ffffff;
     background-color: var(--primary-dark-color);
     background-image: none;
     border-color: var(--primary-dark-color);
   }
   .btn-secondary:active:hover,
   .btn-secondary.active:hover,
   .open > .dropdown-toggle.btn-secondary:hover,
   .btn-secondary:active:focus,
   .btn-secondary.active:focus,
   .open > .dropdown-toggle.btn-secondary:focus,
   .btn-secondary:active.focus,
   .btn-secondary.active.focus,
   .open > .dropdown-toggle.btn-secondary.focus {
     color: #ffffff;
     background-color: #c0480f;
     border-color: #83310a;
   }
   .btn-secondary.disabled:hover,
   .btn-secondary[disabled]:hover,
   fieldset[disabled] .btn-secondary:hover,
   .btn-secondary.disabled:focus,
   .btn-secondary[disabled]:focus,
   fieldset[disabled] .btn-secondary:focus,
   .btn-secondary.disabled.focus,
   .btn-secondary[disabled].focus,
   fieldset[disabled] .btn-secondary.focus {
     background-color: #ef7237;
     border-color: #ed611f;
   }
   .btn-secondary .badge {
     color: #ef7237;
     background-color: #ffffff;
   }
 
     .text-secondary {
     color: #ef7237;
   }
   a.text-secondary:hover,
   a.text-secondary:focus {
     color: #e15412;
   }
         @media (min-width: 768px) {
             .navigate-leftMenu #wrapper {
                 padding-top: 0;
             }
             }

             


             .portlet-login .aui-column-content {
              padding: 0;
             }

             .portlet-login .aui-fieldset .aui-field-content, 
             .portlet-login .aui-field-row, 
             .portlet-login .aui-button-holder, 
             .portlet-login .aui-field-wrapper-content {
              margin:0
             }

             .portlet-login  input[type="submit"] {
              display: block;
              font-weight: normal;
              width: 100%;
             }
             .aui-field-label {
              margin-bottom: 5px;
             }

             .portlet-login .navigation {
              text-align: center;
             }
             .portlet-login .navigation .taglib-icon-list {
              display: inline-block;
             }
             .portlet-login .navigation .taglib-icon-list:after {
              display: none;
             }

             .aui-buttonitem-icon-only {
              padding: 2px;
              vertical-align: middle;
             }