body {
     padding: 0;
     background: #fff !important;
     color: #9e9ea7;
     font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     line-height: 1;
}
 html, body {
     margin: 0px;
     padding: 0px;
}
/* *, *:after, *:before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
*/
 .hero, .content {
    /* text-align:center;
     */
     position: relative;
     width: 100%;
    /* padding-left: 20%;
     padding-right: 20%;
     */
    /* padding-top: 5%;
     */
    /*padding-bottom: 10%;
    */
}
 .heading h3 {
     font-weight: bold;
}
 .heading {
     color: #004693;
     margin-top: 20px;
     margin-bottom: 20px;
     border-bottom: 1px solid;
}
/* .inner {
     min-height: 1033px;
     position: relative;
}
 .hero .inner {
     background-image: url("../img/formdesignBackground.png");
     background-repeat: no-repeat !important;
     background-size: cover;
     background-position: center center;
     height: 140%;
}
 .card {
     margin: 5% 0%;
}
 .card-body {
     margin: 0% 0% 0% 3%;
     padding: 6% 0%;
}
*/
 .required:after {
     content: " *";
     color: red 
}
.clientDiv{
    height: 150px;
    box-shadow: 1px 1px 5px 1px #ccc;
    margin: 0 5px;
    width: 150px;
    display: inline-block;
    margin-bottom: 50px;
}
.deleteButton{
    width:100%;
    margin-top:5px;
}
.bx-viewport{
    height: 200px !important;
    padding: 10px !important;
}
img#img:after {
    content: 'X';
    display: block;
    width: 40px;
    height: 40px;
}
 .dropdown-submenu {
     position: relative;
}
 .dropdown-submenu .dropdown-menu {
     top: 0;
     left: 100%;
     margin-top: -1px;
}
 .navbar {
     min-height: 70px;
     width: 100%;
     padding: 14px 30px;
     background-color: #ffffff;
     position: relative;
     box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
 .navbar .nav-header {
     display: inline;
}
 .navbar .nav-header .nav-logo {
     display: inline-block;
     margin-top: -7px;
}
 .navbar .nav-links {
     display: inline;
     float: right;
     font-size: 18px;
}
 .nav-links {
     margin-top: 16px;
}
 .navbar .nav-links .loginBtn {
     display: inline-block;
     padding: 5px 15px;
     margin-left: 20px;
     font-size: 17px;
     color: rgb(9, 14, 90);
}
 .navbar .nav-links a {
     padding: 10px 12px;
     text-decoration: none;
     font-weight: 550;
     color: rgb(0, 0, 0);
     font-weight: normal;
     font-size: 15px;
     margin-left: 15px;
}
/* Hover effects */
 .navbar .nav-links a:hover {
     background-color: #0072C5;
     color: #ffff;
     font-weight: 700;
}
/* responsive navbar toggle button */
 .navbar #nav-check, .navbar .nav-btn {
     display: none;
}
 @media (max-width:700px) {
     .navbar .nav-btn {
         display: inline-block;
         position: absolute;
         top: 0px;
         right: 0px;
    }
     .navbar .nav-btn label {
         display: inline-block;
         width: 80px;
         height: 70px;
         padding: 25px;
    }
     .navbar .nav-btn label span {
         display: block;
         height: 10px;
         width: 25px;
         border-top: 3px solid rgb(0, 0, 0);
    }
     .navbar .nav-btn label:hover, .navbar #nav-check:checked~.nav-btn label {
         background-color: #0072C5;
    }
     .navbar .nav-links {
        /* position: absolute;
         */
         display: block;
         text-align: center;
         width: 100%;
         background-color: rgb(255, 255, 255);
         transition: all 0.3s ease-in;
         overflow-y: hidden;
         top: 70px;
         right: 0px;
         color: #fff;
    }
     .navbar .nav-links a {
         display: block;
    }
    /* when nav toggle button not checked */
     .navbar #nav-check:not(:checked)~.nav-links {
         height: 0px;
    }
    /* when nav toggle button is checked */
     .navbar #nav-check:checked~.nav-links {
        /* height: calc(100vh - 70px);
         */
         overflow-y: auto;
    }
     .navbar .nav-links .loginBtn {
         padding: 10px 40px;
         margin: 20px;
         font-size: 18px;
         font-weight: bold;
         color: rgb(9, 14, 90);
    }
}
 .button {
     background-color: #4CAF50;
     border: none;
     color: white;
     padding: 16px 32px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 16px;
     margin: 4px 2px;
     transition-duration: 0.4s;
     cursor: pointer;
     margin: 10px;
     float: right;
     margin-right: 25%;
}
 .button1 {
     background-color: #4CAF50;
    /* Green */
     border: none;
     color: white;
     padding: 16px 32px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 16px;
     margin: 4px 2px;
     transition-duration: 0.4s;
     cursor: pointer;
     margin: 10px;
     float: right;
}
 .button1 {
     background-color: white;
     color: black;
     border: 2px solid #4CAF50;
}
 .button1:hover {
     background-color: #4CAF50;
     color: white;
}
 .button2 {
     background-color: white;
     color: black;
     border: 2px solid #008CBA;
}
 .button2:hover {
     background-color: #008CBA;
     color: white;
}
 .button3 {
     background-color: white;
     color: black;
     border: 2px solid #f44336;
}
 .button3:hover {
     background-color: #f44336;
     color: white;
}
 .nav__link.active, .nav__link:hover {
     background-color: #0072C5;
     font-weight: 700 !important;
     color: #ffff !important;
}
 label{
     margin-top: 7px;
}
 .loader {
     border: 16px solid #f3f3f3;
     border-radius: 50%;
     border-top: 16px solid #004693;
     width: 120px;
     height: 120px;
     -webkit-animation: spin 2s linear infinite;
    /* Safari */
     animation: spin 2s linear infinite;
     left:calc(50% - 60px);
     top:calc(50% - 60px);
     position: fixed;
     z-index:50;
}
/* Safari */
 @-webkit-keyframes spin {
     0% {
         -webkit-transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
    }
}
 @keyframes spin {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
 #AjaxLoader {
     background-color: rgb(0,0,0);
     background-color: rgba(0,0,0, 0.4);
     width: 100%;
     height: 100%;
     position: fixed;
     z-index: 1;
     top: 0;
     left: 0;
}

.bx-wrapper {
    max-width: 100% !important;
}

#imgCompanyLogoPic {
    max-height: 150px;
    height: 100%;
}
.card1,.card2 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    margin-bottom:10px;
}

.card1-header:first-child,.card2-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card1-header,.card2-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
} 
.card1-body,.card2-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}
 .isFieldHasError{
    border:1px solid red !important;
}