@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body{ background-color: ; font-family: 'Open Sans', sans-serif; }
*{padding:0;
margin:0;
box-sizing: border-box;}
.redbg{ width: ;
display: block;
height: 33px;
top:-18px;
left: 12px;
position: absolute;
background-color: #CC0000;
padding: 3px 12px;
color: #fff;
box-shadow: 3px 3px 4px #818181;}
.avcolor{ background-color: #CC0000;
color: #fff;}
.vpro{color:red !important; font-weight: bold; }
.border-danger{border: 2px solid #CC0000 !important;}
.vll {
border-right: 1px solid #D4C3C3;
height: px;}
.type ul li{ margin-left:22px; background-color: ; font-size: 16px;}
@media (max-width: 576px) {
.vll{ display: ; }
}
.table th { color: #CC0000; border-right: 1px solid #C3C3C3;}
.table2 th { color: #CC0000; border-left: 1px solid #C3C3C3;}
.table td { color: #1D1C1C;   font-family: 'Open Sans', sans-serif; font-size: 14px; border-right: 1px solid #C3C3C3; border-left: 1px solid #C3C3C3;}
.bornone td{ border: none; }
.tb-light{ background-color: #DADADA; }
.tb-light2{ background-color: #F3F3F3; }
.font { font-size:12px; }
.font  span{ font-size:12px;  color: #CC0000; font-weight: bold;}
@media (max-width: 300px) {
.topmargin-xs{ margin-top:55px; }
}
/* ================= New User Contact Information CSS =======================*/
.cust h3{ font-family: font-family: 'Roboto', sans-serif; color:#CC0000; font-weight: bold;}
.fields { font-family: 'Open Sans', sans-serif; color: #CC0000; font-size: 12px;   }
label span{ color :#CC0000; }
.form-control {
display: block;
width: 94%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
/* ================= Soldto =======================*/
.soldbg{background-color:#ECECEC;
}
.soldbg2{background-color:#DDDDDD;
}
.line{ display: block;
border-bottom: 0.5px solid #fff; }
/*=============== Approvel request===============*/
.customMenu.nav-pills > li > a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.customMenu .nav-item .nav-link{ color: #fff;
color: #fff;
background-color: #CC0000;
}
.customMenu .nav-item .nav-link:hover{background-color:#808080;}
.tabor{border-right: 1px solid red;
border-left: 1px solid red;}
.fil a{ color:#CA0F03; text-decoration: none; font-family: 'Open Sans', sans-serif; font-size: 15px; }
/*===================== Step CSS =========================*/
/*.step{ background-color: #ccc; }*/
.step_box{ background-color: #8B8A8A;  }
.step i { font-size: 55px;
color: #fff;
margin-left:px; }
.step h2{ color: #fff; margin-top: 5px;  font-weight: bold; font-size: 18px;}
.step p{ color: #fff; margin-top: 5px; font-weight: bolder; margin-bottom: 0px; }
/*
.step_box1{ background-color: #6F6D6D; width:px; border-radius: 3px; }
.step_box2{ background-color: #838080; width:px; border-radius: 3px;}
.step_box3{ background-color: #919191; width:px;border-radius: 3px; }
*/
.step_box4{ background-color: #A5A5A5; width:px;border-radius: px; margin-right: 2px;
background-image: url('../img/redar.png'); background-position: center right ; background-repeat: no-repeat;cursor: pointer;}
.step_box4:hover{ background-color: #CC0000; }


.step_box4:hover, .active{ background-color: #CC0000; transition: all 2s;}
.step h2:hover{ color: #fff; margin-top: 5px;  font-weight: normal; font-style: italic;transition: all 4s}
.step p:hover{ color: #fff; margin-top: 5px; font-weight: ;font-weight: normal; font-style: italic;transition: all 4s }



.step_box4:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #ff003b;
  transition: all .35s;
}
.step_box4:hover:after{
  width: 100%;
  opacity: 0.5;
}

a:hover{
  color: #fff;
}

a:hover:after{
  width: 100%;
}


.step_box4 span{
  position: relative;
  z-index: 2;
}








/*=====================Admin::Update User Profile Attributes CSS =========================*/
.adminaside{ background-color: #808080; height:1900px; padding-top:11px; width:px; }
.list-group-item {
position: relative;
display: block;
padding: 1rem 1.25rem;
background-color: #808080;
border-bottom: 1px solid #fff;
color: #fff;
border-radius: 0;
}
.list-group-item:hover,.active {
z-index: 2;
color: #fff;
background-color: #CC0000 !important;
border-color: #fff;

border-radius: 0;
}
.card h6{ font-size: 19px; }
.card_4 { font-size: px; background-color: #F5F5F5;  border-radius: 0;}
.card_5 { font-size: px; background-color: #FFE1E1; border-radius: 0;}
@media (max-width: 576px) and (max-width: 767.98px) {
.adminaside{ background-color: #808080; height:650px; padding-top:11px; width:px; }
}