

                                  

                            




p {
    font-size: 16px !important;
}

.tbablsContainer table td,
.tbablsContainer table th {
    font-size: 15px;
}

.txthi {
    background-color: #2c79ff17;
}

.tbablsContainer table {
    border-top: 1px solid #eaedff;
    border-left: 1px solid #eaedff;
}

.tbablsContainer table th,
.tbablsContainer table td {
    border-bottom: 1px solid #eaedff;
    border-right: 1px solid #eaedff;
}

.boxinnerB ul li {
    font-size: 16px !important;
}

.ulli {
    list-style: none;
}

.tab2sdox ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.prytext {
    color: #2c79ff;
}

.tab2sdox ul li {
    width: 11.11%;
    background: #e4e4e4;
    height: auto;
    padding: 6px 14px;
    font-weight: 500;
    border: 1px solid #ffffff63;
    transition: 0.2s;
    text-align: center;
    /* vertical-align: middle; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.tab2sdox_general ul li {
    width: 12.5% !important;
}
.tab2sdox ul li:hover,
.tab2sdox ul .activs {
    background: #2c79ff;
    color: #fff;
}

.imgbox {
    max-width: 600px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
}

.subULx {
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
}

.boxBorder {
    padding: 20px;
    border: 1px solid #eaedff;
}


/*@media only screen and (max-width: 1199px) {*/


/*    .tab2sdox ul li{*/


/*    width: 20%;*/


/*    }*/


/*}*/

@media only screen and (max-width: 960px){
    .tbablsContainer  {
    overflow-x: auto;
}

  .tbablsContainer  table {
    min-width: 600px;
}

}

@media only screen and (max-width: 767px) {


    .tab2sdox ul li{


    width: 25%;


    }


}


/* @media only screen and (max-width: 463px) {*/


/*    .tab2sdox ul li{*/


/*    width: 100%;*/


/*    }*/


/*}*/

.inner_subinnerA {
    width: 100%;
}

.box1b_container {
    width: 100%;
    display: flex;
    /*height: 100%;*/
    position: relative;
    padding: 20px 0px;
}

.boxinnerA {
    position: absolute;
    width: 17rem;
    border-right: 1px solid #dee6f5;
}

.boxinnerB {
    width: 100%;
    min-height: 75vh;
    max-height: 100%;
    margin-left: 17rem;
    padding: 0px 30px;
    border-left: 1px solid #dee6f5;
}

.inner_boxinnerA {
    width: 17rem;
    height: 70vh;
    overflow-y: auto;
}

.activboxx {
    position: fixed;
    top: 110px;
}

.activboxxbottom {
    position: absolute;
    bottom: 0px;
}

.inner_boxinnerA::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    background-color: #e9e9e9;
    border-radius: 10px;
}

.inner_boxinnerA::-webkit-scrollbar {
    width: 6px;
    background-color: #e9e9e9;
    border-radius: 10px;
}

.inner_boxinnerA::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #2c79ff;
}

.inner_boxinnerA nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.inner_boxinnerA nav ul li a {
    display: block;
    font-weight: 500;
    padding: 5px 15px;
    color: #222;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    display: flex;
}


/*.inner_boxinnerA nav ul li a:hover {*/
/* 	background: #f8f8f8;*/
/* 	color: #515151;*/
/* }*/

.inner_boxinnerA nav ul li a .fa {
    width: 16px;
    font-weight: 600;
    color: #2c79ff;
    margin-top: 5px;
    margin-right: 5px;
  
}

.inner_boxinnerA nav ul ul {
    padding-left: 10px;
}

.inner_boxinnerA nav ul li ul li a {
  
    border-left: 4px solid transparent;
    padding: 2px 20px;
}

.inner_boxinnerA nav ul li ul li a:hover {
    border-left: 4px solid #2c79ff;
}

.inner_boxinnerA .nav-tabs .nav-link {
    padding: 2px;
    display: block;
    width: 100%;
    border: none;
    background: transparent;
    text-align: start;
    font-weight: 500;
    color: #222;
}

.inner_boxinnerA .nav-tabs {
    border-bottom: none;
    display: block;
    margin-left: 20px;
}

.inner_boxinnerA .nav-tabs .nav-link.active {
    color: #1573fd;
}

.roTAB {
    display: none;
}

.activx {
    display: block !important;
}

.activbox {
    background: #2c79ff24;
}

@media only screen and (max-width: 767px) {
    .box1b_container {
        display: block;
    }
    .boxinnerA {
        width: 100%;
        border-right: none;
        position: relative;
        margin-bottom: 40px;
    }
    .boxinnerB {
        margin-left: 0px;
        border: none;
    }
    .inner_boxinnerA {
        width: 100%;
        height: 40vh;
        overflow-y: auto;
        /* position: fixed; */
        /* top: 0; */
    }
}


.customers1 td, .customers1 th {
  border: 1px solid #ddd !important;
  padding: 8px !important;
  text-align:center !important;
}

.customers2 tr:nth-child(even){background-color: #f2f2f2 !important;}

.customers2 th {
  padding-top: 12px !important;
  padding-bottom: 12px !important; 
  text-align: left !important;
  background-color: #3278f9 !important;
  color: white !important;
 
}

.customers2 td, .customers1 th {
  border: 1px solid #ddd !important;
  padding: 8px !important;
  
}

.customers2 tr:nth-child(even){background-color: #f2f2f2 !important;}

.customers2 th {
  padding-top: 12px !important;
  padding-bottom: 12px !important; 
  text-align: left !important;
  background-color: #3278f9 !important;
  color: white !important;
  
}