@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');


body {font-size: 15px;color: #333;background-color: #fbfbfb;text-transform: initial;font-family: 'Lato', sans-serif !important;    padding-top: 70px;}
.width100 {width:100%;}
.relative {position:relative;}
a {cursor:pointer}
.field-validation-error, .errrorMsg {position: absolute;color: #cf3636;font-size: 12px;margin-top: -1px;}

.mainNavbar .logoMain {height:50px;}
.mainNavbar .navbar { padding: 2px 15px;background-color: #fff;box-shadow: 0px 0px 10px #ebebeb;}
.mainNavbar .navbar .nav-item .nav-link {color: #1b1d1d;font-size: 16px;font-weight: 600; padding: 8px 15px;margin:0 2px;}
.mainNavbar .navbar .nav-item .nav-link:hover {background-color: #f3f3f3;}
.myBtn {font-weight: 500;transition: none;border:none; border-radius: 7px;padding: 8px 15px;font-size: 15px;letter-spacing: 1px;background: #ee3b13;color: #fff;}
.myBtn:hover, .myBtn:focus {background: #ee3b13;color: #fff;box-shadow:0px 1px 5px #ccc;}

.mainNavBar .topnav-menu {position: absolute;right: -10px;top: 0;}
.mainNavbar .dropdown-item:focus, .dropdown-item:hover {color: #fff;text-decoration: none;background-color: #ee3b13;}
 .mainNavbar .userNameTop {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width: 130px;
    -webkit-transition: all 2s ease 1s, max-height 1s ease 0s, white-space 2s ease 1s;transition: all 2s ease 1s, max-height 1s ease 0s, white-space 2s ease 1s;font-size: 14px;font-weight: 500;color: #000;position: absolute;
    right: 100%;top: 35%;}
.mainNavbar .navbar-nav  {margin-left: 35px;}
.mainNavbar .navbar-nav .dropdown-menu {padding:0;padding-bottom: 5px;}
.mainNavbar .navbar-nav .dropdown-menu a.dropdown-item {padding:5px 15px;}
.mainNavbar .userNameTop {top:7px;font-size: 16px; font-weight: 600;}
.mainNavbar .nav-user.userIconTop {padding: 2px 8px;}
.mainNavbar .nav-user img {height: 35px;width: 35px;}

.signinBGs {  background: url(../image/bg2.png);  background-size: cover;}
.signinBGs {  background: url(../image/bgH2.jpg);  background-size: cover;}
.signinBGs .logoLogin {height:90px;margin:0 auto;display:block;margin-top: 30px;}
.signinBGs .loginForm {background-color: #333333;padding: 25px 25px 15px;color: #Fff;margin-top: 20px;border-radius: 5px;}
.signinBGs .loginForm .form-group {margin-bottom:20px;}
.signinBGs .loginForm .toggle-password {position: absolute;right: 10px;top: 38px;color: #333;}



.page-header {margin: 0;border-bottom: none;opacity: 1;font-size: 18px;font-weight: 600;text-transform: capitalize;text-align: center;padding: 10px 0px 10px;color: #2c2c2c;}
.table {border: 1px solid #ebebeb;}
.table > thead > tr > th {color: #fff;background: #333;border-bottom: 1px solid #dde2ef;padding: 8px 3px;}
.table > thead > tr > th:first-child {padding-left:12px;}
.table > tbody > tr > td {padding: 8px 5px;vertical-align: middle;}
.table > tbody > tr > td:first-child {padding-left:12px;}
.table > tbody > tr > td a {cursor:pointer;color: #04005f; font-weight:600;}
.table > tbody > tr > td a:hover {color: #ee3b13;}
.table > tbody > tr > td i {margin: 0px 3px;font-size:14px;}

.crossTabSelect {display:flex;}
.crossTabSelect .btn {margin-left:5px;}

.crossTabLHS {max-height:518px;overflow-y:auto;}
.crossTabLHS thead {position:sticky;top:0;}
.crossGridUI {max-height:390px;overflow-y:auto; margin-bottom: 1px;}
/*.crossGridUI thead {position:sticky;top:-1px;}*/
.crossTabLeft {max-height:380px;overflow-y:auto;}
.crossTabLeft .page-header {text-align:left;}
.crossTabLeft ul {padding:0;}
.crossTabLeft ul li {padding:3px 3px;cursor:pointer; border-bottom: 1px solid #ebebeb;font-size: 14px; font-weight: 500;letter-spacing: 0.3px;color: #333;}
.crossTabLeft ul li:nth-child(even) {background-color: #f5f5f5; }
.crossTabLeft ul li:hover {background-color: #eff3f5; }
.crossTabLeft ul li .editDel {float:right;display:flex;}
.crossTabLeft ul li a i {color: #04005f;font-size:14px;margin:2px 2px;}
.crossTabLeft ul li a i.fa-edit {margin-top:3.1px;}
.crossGridUI table tr th, .crossGridUI table tr td {text-align:center;padding: 8px 10px;text-transform: capitalize;}
.crossGridUI table tr td {padding: 5px 10px;font-size:13px;}
.crossGridUI table tr th:nth-child(1), .crossGridUI table tr td:nth-child(1) {text-align:left;}

.drgBox {min-height: 80px;max-height: 80px;overflow-y: auto;padding-left: 0;border: 1px solid #d7d7d7;border-radius: 5px;padding: 5px 1px;font-size: 13px;color: #606060;margin-bottom:15px;}
.drgBox li {padding: 2px 5px;}
.drgBox li:nth-child(even) {background-color: #f7f7f7;}
.drgBox li .crossT {color: #bf0000;cursor: pointer;padding-left: 2px;float: right;}
.crossERR {position:absolute;bottom:-2px;font-size: 11px;}
.downloadChart {margin-bottom:10px;text-align: right;}
.downloadChart .btn {margin-left:5px;}
.QuestionDesc {font-size: 16px; font-weight: 500;}
.catgNames ul {padding:0;}
.catgNames ul li {list-style:none;display:inline-block; box-shadow: 0px 2px 5px #a1a1a1;background-color: #fff;color: #5c5b5b;padding: 3px 5px;margin-right: 10px;font-size: 14px;font-weight: 600;border-radius: 8px;}


.tabBoxs .nav-tabs {margin-top: 20px;top: 0;z-index: 2;position: relative;border-top-left-radius: 12px;border-top-right-radius: 12px;text-align: center;left: 0px;}
.tabBoxs .nav-tabs .nav-link.active {letter-spacing: 0;text-shadow: none;font-size: 15px;color: #fff;background: #04005f;box-shadow: 0 -3px 6px 0 #60606042;-webkit-box-shadow: 0 -3px 6px 0 #60606042;-moz-box-shadow: 0 -3px 6px 0 #60606042;}
.tabBoxs .nav-tabs .nav-item {margin-right: 2px;}
.tabBoxs .nav-tabs > li > a {font-size: 15px;background: #777777; padding: 8px 10px;color: #fff;border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;margin-right:5px;text-decoration:none;display: block;}
.tabBoxs .nav-tabs > li > a:hover {background: #545454;}
.btmFooter {position: absolute;bottom: 0;width: 100%;white-space: nowrap;line-height: 40px;display: none;}
.tabBoxs .nav-tabs > li > a.active {background-color: #ee3b13;border-color: #ee3b13; text-decoration: none;}
.tabBoxs .toggleMoreBtn1 a, .tabBoxs .toggleMoreBtn a {color:#ee3b13;}


.bgBody1 { background: url(../image/bgHW.jpg);  background-size: cover;}