.wrapper-page-register  {
    width: 650px;
}
.hidden-btn {
 display: none;
}


#Vendor profile page
.user_box {
    border-right: 1px solid #ddd;
}
.prsnol_information, .offcl_information {
    padding: 15px;
    margin-right: 15px;
}

.prsnol_information_bordered, .offcl_information_bordered {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    margin-right: 15px;
}

.prsnol_information .table>thead>tr>th, .prsnol_information .table>tbody>tr>th, .prsnol_information .table>tfoot>tr>th, .prsnol_information .table>thead>tr>td, .prsnol_information .table>tbody>tr>td, .prsnol_information .table>tfoot>tr>td, .offcl_information .table>thead>tr>th, .offcl_information .table>tbody>tr>th, .offcl_information .table>tfoot>tr>th, .offcl_information .table>thead>tr>td, .offcl_information .table>tbody>tr>td, .offcl_information .table>tfoot>tr>td {
    border: none;
}
.font-weight-bolder {
    font-weight: 500!important;
}
.prsnol_information .table>thead>tr>th>strong{
    font-size: 16px !important;
}
.offcl_information .table>thead>tr>th>strong{
    font-size: 16px !important;
}
.card {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}


/* toggle checkbox css start */

  .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/* toggle checkbox css end */
.alternate-landing-logo{
    width: 135px;
}

div#id_password {
    overflow: auto;
}

.logo_text {
    line-height: 4;
}

.sm_logo_text {
    line-height: 2.5;
}

.common-card{
    min-height: 210px !important;
}

.align-checkbox{
        width: 48px;
        height: 24px;
        }




.topbar .topbar-left{
    background: #00afd1 !important;
}
.side-menu{
    background: #00afd1 !important;\
}
.topbar .topbar-left .logo:hover{
    color: #3f5154 !important;
}

#sidebar-menu > ul > li > a{
    color: #fff;
}

#sidebar-menu > ul > li > a:hover{
    color: #005a7e ! important;
}

#sidebar-menu .submenu li a{
    color: #fff !important;
}

#sidebar-menu .submenu li a:hover{
    background: #009cba !important;
    color:#fff !important;
}

#sidebar-menu .submenu li.mm-active > a{
    background: #00afd1 !important;
    color: #005a7e !important;
}

#sidebar-menu > ul > li > a.mm-active{
    background: #00afd1 !important;
    color: #212529 !important;
}

.bg-primary{
    background: #00afd1 !important;

}

.page-item.active .page-link {
    background-color: #00afd1 !important;
    border-color: #00afd1!important;
}

.btn-primary{
    background-color: #00afd1 !important;
    border: 1px solid #00afd1 !important;
}
a:hover{
 color: #00afd1 !important;
}
.btn-primary:hover{
 color: #000 !important;

}
.page-title-box .breadcrumb a:hover{
 color: #000 !important;
}

.btn-warning:hover {
    color: #212529 !important;
}

.btn-danger:hover {
    color: #212529 !important;
}

.btn-success:hover{
 color: #212529 !important;

}



 .content-main .page-title-box{
    padding: 20px 0px 15px;
}

.content-main .card{
    margin-bottom: 15px;
    width: 100%;
}

.content-main .card .card-title{
    margin: 0;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-transform: capitalize;
}
.content-main .card span.card-text{
    color: #000;
    float: right;
    font-size: 15px;
}

.content-main .card .card-header{
    padding: 9px;
    text-align: center;
    background: #00afd1;
    border-color: #00afd1;
}
.content-main .card .card-header .card-title{
    color: #fff;
    font-size: 16px;
    font-weight: 500;

}