.header_two {background: #f7f7ff !important;}
.ism{font-size:30px!important;}
.cinput{
background: #FFF;
color: #32316c;
margin: 0 0 5px;
outline: 0;
font-size: 16px;
border: 1px solid #c4c4c4;
margin: 8px 0px;
padding: 10px;
}

.inputsm {
  padding: 6px 6px;
  font-size: 16px;
}

.srm{
  border: 1px solid #c4c4c4;
  color:#0e0d42;
}
.tac{text-align: center}
.dib{display:inline-block}
.w100p {width:100%;}
.w50p {width:50%;}
:root {
  --white: #fff;
  --primarybtn: #32316c;
  --contentbackground: #fbfbfb;
  --navmain: #f7f7ff;
  --nav2bg:  #5150af;
  --secondary_menubg:  #5150af;
  --contentbglight:  #f9f7fe;
  --contentbglight2: #faf9fc;
  --contentbglight3:  #f2f2f9; /*f9f9f2*/
  --color1: #f3523d;
  --color2: #c8b932;
  --color3: #2a8ab2;
  --color4: #c51f72;
  --color5: #76b866;
  --color6: var(--secondary_menubg);
  --footerbg: #fdfbfb; /*32316c;*/
}

.eaglecontacts{
  width: 100%;
float: left;
font-family: "lato",sans-serif;
font-style: normal;
font-size: 18px;
font-weight: 300;
color: #0e0d42;
  background: var(--contentbglight)
}

.scbtn {
  margin: 6px 0px;
  background: #4d23c2;
  padding:16px;
  color:  #fff;
  outline:0;
  font-size: 20px;
  border-radius:8px;
  border:0;
  text-align: center;
}
.scbtn:hover{ background: var(--primarybtn);}
.btn-primary{
  background: var(--primarybtn) !important;
  border: 0!important;
}


/*select {min-width:200px;}
input{min-width:200px;}*/

label {
  color:#0e0d42;
  font-size:16px;
  font-weight:600;
}
li, p {
color: #0e0d42;
font-size: 18px ;
line-height: 24px;
text-rendering: optimizeSpeed;
line-height: 1.45;
}
.form1 {
  background: #fff;
  padding: 16px;
  border-radius: 6px;
}
.form1 .f100w {
  width: 100%;
}


main {
  display: flex;
  flex-direction: column;
  padding: 1em;
  align-items: center;
}

.table-wrapper {
  overflow: auto;
  max-width: 100%;
  width:100%;
  background:
    linear-gradient(to right, white 30%, rgba(255,255,255,0)),
    linear-gradient(to right, rgba(255,255,255,0), white 70%) 0 100%,
    radial-gradient(farthest-side at 0% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)),
    radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
  background-position: 0 0, 100%, 0 0, 100%;
  background-attachment: local, local, scroll, scroll;
}

tr {
  border-bottom: 1px solid;
}

th {
  padding: 4px;
  background-color: #fdfcfc;
  color:#333;
}



td {
  padding: 4px;
  text-align: left;
  white-space: nowrap;
background: #FFF;
  border: 1px solid #ddd;
}
tr, td {
  border: 1px solid #ccc;
  padding: 6px !important;
  background: #f8fcfd;
  color: #000;
  font-size: 12px;
}

.yinfo {
  background: #FAFAFF;
  background: #FFCCDD;
  border: 1px solid #ddd;
  border-radius: 4px;
  border-spacing: 0;
  box-shadow: 1px 1px 1px #eee;
  padding: 1px 4px;
  white-space: nowrap;
  vertical-align: baseline;
}

table{
  font-size: 12px;
  background-color: #e1e1e1;
}


.hidden {
  display: none;
}

button {
  font-size: inherit;
  margin: 0 0.25em;
  padding: 0.25em 0.5em;
  background-color: #555;
  color: #fff;
  border: 0;
  transition: background-color 0.4s, color 0.4s;
  
  &:hover {
    background-color: #bbb;
    color: #000;
  }
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
  flex-wrap: wrap;
}

.page-numbers {
  margin: 1em 1em 0;
}

.page-number {
  padding: 0.5em;
  opacity: 0.5;
  cursor: pointer;
}

.active {
  opacity: 1;
}

@media screen and (min-width: 540px) {
  .backward {
    order: 1;
  }

  .page-numbers {
    order: 2;
    margin-top: 0;
  }
  
  .forward {
    order: 3;
  }
}