.login_wrapper{margin: 50px auto 0px;}
.login_form{ border: 2px solid #ccc; background: #fefefe;padding:10px 20px;}
.login-logo{width: 280px; margin: 0px auto 20px;}
.login-logo img{max-width: 100%; max-height: 160px;}
.login_content h1:before,.login_content h1:after{display: none;}
footer{padding: 10px 20px;}
.pagination_wrap{
  width: 100%;
  text-align: center;
  padding: 10px 10px 30px;
}
.pagination{
  margin: 0px;
  padding: 0px;
  display: inline-block;
}
.pagination li{
  display: inline-block;
}
.pagination li a{
  padding: 6px 12px;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination li a:not([href]):not([tabindex]):focus, .pagination li a:not([href]):not([tabindex]):hover{
  color: #fff;
}
.pagination li a:focus,.pagination li a:hover, .pagination li.active a{
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.nav li.hide{display:none;}
.all-link a{float: right;}
.language-form{float: left; padding:10px 0px;}
.language-form span{float: left;padding: 7px;}
.language-form .lang-select{float: left;}
.btn-completed {
    background: #4C83A0 none repeat scroll 0 0;
    border: 1px solid #666;
    color:#666;
}
.btn-scheduled {
    background: #C7401B none repeat scroll 0 0;
    border: 1px solid #666;
    color:#666;
}
.btn-pending {
    background: #FCE45F none repeat scroll 0 0;
    border: 1px solid #666;
    color:#666;
}
.btn-reported {
    background: #D32623 none repeat scroll 0 0;
    border: 1px solid #666;
    color:#fff;
}
.func_title{font-size: 14px;}
.func_desc{font-size: 12px;}
.perm-back{float: left;}
.validation-error.red { background: #fff none repeat scroll 0 0;
    border: 1px solid #e74c3c;
    padding: 1px 4px;
    position: absolute;
    right: 18px;
    top: -12px;
    z-index: 999;}
.schedule-counter
{
	margin-top: 10px;
	padding: 0px;
}
.schedule-counter span
{
	text-align: center;
	float:left;
	width:100%;
}

.nav.navbar-nav.navbar-right li.dropdown
{
    display: none;
}
.nav.navbar-nav.navbar-right li.dropdown i
{
    font-size: 20px;
}

@media (min-width: 768px) {
.dash-widgets .x_content
    {
        min-height: 241px;
    }
 .dash-widgets .x_panel
    {
        margin-bottom: 20px;
    }
.nav.navbar-nav.navbar-right li.dropdown
{
    display: block;
}
}
@media (min-width: 1200px) {
.schedule-counter span
{
	font-size: 17px;
	padding:12px 0px
}
}
.netfix-logo-wrap{
    background: #fefefe;
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #ccc;
}
.netfix-logo-wrap img{ max-width: 200px;}
.netfix-top-logo{padding:10px 0px; }
.netfix-top-logo img{ max-width: 120px;}
.footer-netfix-logo{padding:3px 0px;}
.footer-netfix-logo img{max-width: 80px;margin:0px 0px 0px 6px;}

.rating i
{
    color: #F6C342;
    font-size: 20px;
    margin-right: 10px;
}

.last
{
    min-width: 150px;
    text-align: right;
}
.interface-title{
  width: 50%;
  float: left;
  padding: 15px 30px;
  font-size: 18px;
}
.nav.child_menu > li.subsubmenu > a{
    padding-left: 20px;
}
.tile-stats .icon i {
    font-size: 30px;
}
.tile-stats .icon
{
    right: 21px;
    top: 8px;
}
.tile-stats h3
{
    font-size: 20px;
}
.no-service
{
	position: relative;
}
.no-service-message
{
	position: absolute;
	top: -30px;
	left: 15px;
	color: red;
}
.label-text
{
	font-weight: normal;
}
.button_show
{
	display: block!important;
}
.supplier_display
{
	display: block;
}
.supplier_nodisplay
{
	display: none;
}
.payee_display
{
	display: block;
}
.payee_nodisplay
{
	display:none;
}
.customer-img
{
    position: relative;
}
.customer-img .edit-icon-wrap
{
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -25px;
}
.customer-img .edit-icon-wrap a
{
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    color: #333;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px !important;
    border: 0;
    text-align: center;
    font-size: 23px;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
    display: block;
    background: #fff;
    padding-top: 2px;
}
.customer-img .edit-icon-wrap a i
{
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    color: #2a3f54;
}
.pmo-stat
{
    background: #2a3f54;
    padding-bottom: 15px;
    border-radius: 0 0 2px 2px;
    color: #fff;
    text-align: center;
    padding: 30px 5px 20px;
    font-size: 15px;
}
.pmo-stat h2
{
    color: #ffffff !important;
    font-size: 27px;
    display: block;
    margin: 0;
    font-weight: 400;
    line-height: 1.3;
    text-transform: capitalize;
}
input#chkpreferred_cleaner_id
{
    width: 15px;
}
.fix-250
{
  width: 250px;
}
.fix-200
{
  width: 200px;
}
.fix-175
{
  width: 175px;
}
.fix-150
{
  width: 150px;
}
.fix-120
{
  width: 120px;
}
.fix-100
{
  width: 100px;
}
.fix-80
{
  width: 80px;
}
.fix-60
{
  width: 60px;
}
.fix-50
{
  width: 50px;
}
.fix-20
{
  width: 20px;
}
.txt-cntr{
  text-align: center;
}
.txt-right{
  text-align: right;
}

.form-block label {
  display: block;
text-align: left;
    }
span.validation-error{
position: absolute;
right: 13px;
font-size: 10px;
z-index: 11;
top: -6px;
padding: 0px 3px;
border: 1px red solid;
text-transform: uppercase;
}
.ui-autocomplete {
    z-index: 9999;
}
.filter.btn{
  margin-bottom: 0px;
}
.filter-col{
  display: inline-block;
  padding:4px 6px 0;
}
.action-content{
  border: 1px solid #E6E9ED;
  background: #F5F7FA;
  color: #333;
  padding: 15px;
}
.table>tbody>tr>td{
  vertical-align: middle;
  max-width: 200px;
}
.control-label small{
  font-weight: normal;
}
.lightAshbg {
    -webkit-box-shadow: -5px 26px 48px -32px rgba(0,0,0,1);
    -moz-box-shadow: -5px 26px 48px -32px rgba(0,0,0,1);
    box-shadow: -5px 26px 48px -32px rgba(0,0,0,1);
    border: 1px solid #020d1b;
    background: #fff;
}
.lightAshbg .table>tbody>tr>th{
  vertical-align: middle;
}
.lessons-wrap .image div
{
  border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
background: #fff;
float: left;
margin-right: 20px;
width: 65px;
height: 65px;
display: block;
text-align: center;
padding-top: 13px;
font-size: 30px;
}
.lessons-wrap span.lesson-title{
  font-size: 16px;
  font-weight: bold;
}

.timeline .tag {
    display: block;
    height: 34px;
    font-size: 14px;
    padding: 10px;
}

.timeline .tag:after {
    content: " ";
    height: 34px;
    width: 0;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    pointer-events: none;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 13px solid #1ABB9C;
}
.lessons-wrap .lesson-action{
  padding-top: 20px;
}
.block .chapter-action{
  position: absolute;
  bottom: 15px;
  left: 10px;
  right: 68%;
}
.lessons-wrap .collapse.in{
  background: #f5fafd;
}
.lessons-wrap .panel-heading {
  background-color: rgb(201 214 222 / 88%);
  border-color: rgba(52, 152, 219, 0.88);
}

.lessons-wrap .panel-heading::after {
  font-size: 20px;
    content: "\f107";
    /* color: #333; */
    top: 10px;
    right: 16px;
    position: absolute;
    font-family: "FontAwesome";
}

.lessons-wrap .panel-heading[aria-expanded="true"]::after {
	content: "\f106";
}
#chapters-list .tag:hover{
  cursor: all-scroll;
}
.modal-header {
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #dbf5ff;
}
span.type-icon{
  position: absolute;
  right: 40px;
  top: 10px;
  display: block;
  width: 25px;
  height: 25px;
  padding-top: 3px;
  text-align: center;
  background: #fff;
}
.rev-star{
  color: #e8e8e8;
}
.rev-star.rated{
  color: #07c376!important;
}
.dash-widgets{
  padding-bottom: 40px;
}
.table-bordered th div select{
  font-weight: normal;
}
.multiselect-container .multiselect-option.dropdown-item,
.multiselect-container .multiselect-group.dropdown-item{
  border: 0px;
  background: transparent;
  width: 100%;
  text-align: left;
}
.multiselect-container .multiselect-option.dropdown-item input[type=checkbox],
.multiselect-container .multiselect-option.dropdown-item input[type=radio],
.multiselect-container .multiselect-group.dropdown-item input[type=checkbox]{
    margin: 4px 4px 0;
    margin-top: 1px\9;
    line-height: normal;
}
.multiselect-container .multiselect-option .form-check, .multiselect-container .multiselect-group .form-check, .multiselect-container .multiselect-all .form-check{
     padding: 0 5px 0 !important;
}
.multiselect-container .multiselect-option.multiselect-group-option-indented {
    padding-left: 2.5rem!important;
}
.ui-autocomplete{
  max-height: 300px;
  overflow-y: scroll;
  height: auto;
}
form#create-order-form .form-group div label {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e74c3c;
  padding: 1px 4px;
  position: absolute;
  right: 14px;
  top: -12px;
  z-index: 999;
  color: red;
  font-weight: normal;
}

.sort-col{
  min-width: 120px;
  position: relative;
  padding-right: 30px !important;
}
.sort-col button.sort-btn{
  position: absolute;
  top:8px;
  right: 0px;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
  white-space: nowrap;
}
td.align-center{
  text-align: center;
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.float-right {
    float: right !important;
}
.right{
  text-align: right;
}
#contract_instructor_id{display: inline-block;width:180px;}
.center-align{
  text-align: center;
}

.batch-bookings  .info-number .badge {
  background: #1ABB9C !important;
  border: 1px solid #1ABB9C !important;
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  line-height: 13px;
  padding: 2px 6px;
  position: absolute;
  right: -2px;
  top: -8px;
}

.sort-list-link{
  display: block;
  padding-right: 15px;
  background: url('../images/sort_both.png') no-repeat center right;
}
.sort-list-link.asc{
  background: url('../images/sort_asc.png') no-repeat center right;
}
.sort-list-link.desc{
  background: url('../images/sort_desc.png') no-repeat center right;
}

.list-options{float: right;}
.list-options ul, .list-bulk-actions ul{
  margin: 0px;
  padding: 0px;;
}
.list-options ul li, .list-bulk-actions ul li{
  display: inline-block;
  padding: 2px;
}
.list-sort-field, .list-sort-direction{
  display: none;
}
.booking-details .pagination, .batch-details .pagination{
  float: right;
  margin: 3px 0;
}
.booking-details .pagination-info,
.batch-details .pagination-info{
  float: left;
  margin: 3px 0;
  padding: 6px 0px;
}
#batch-bookings .table > tbody > tr > td,
#batch-students .table > tbody > tr > td,
#booking-invites .table > tbody > tr > td,
#booking-students .table > tbody > tr > td{
  border-bottom: 1px solid #ddd;
}
#batch-bookings .table,
#batch-students .table,
#booking-invites .table,
#booking-students .table{
  margin-bottom: 10px;
}
.navbar-right .dropdown-menu{
  padding: 10px;
}
.navbar-right .dropdown-menu a.dropdown-item{
  margin:10px 0;
  display: block;
}
.highlight {
    border: 1px solid yellow;
    background-color:yellow;
}
.task-list {
    background-color: white;
    border-left: 2px solid #D8D8DC;
    border-right: 2px solid #D8D8DC;
    border-top: 3px solid #D8D8DC;
    border-bottom: 3px solid #D8D8DC;
    box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.75);
    float: left;
    height: 100%;
    margin: 0;
    padding: 15px;
    text-align: center;
    font-size: 15px;
    min-height: 100px;
    width: 100%;
}
.franchise-location-wrap .task-list {
  min-height: 250px;
  width: 100%;
}
.franchise-location-wrap .task-list .col-md-3{
  width: 100%!important;
}
.franchise-location-wrap{
  padding-top: 20px;
}
.task-list input, .task-list textarea {
    width: 240px;
    margin: 1px 5px;
}
.task-list input {
    height: 30px;
}

.task-body {
    background-color: #EBEBEB;
    width: 100%;
    min-height:40px;
    clear: both;
}
.task-header {
    background-clip: padding-box;
    background-color: #343434;
    border-radius: 2px 2px 0 0;
    color: white;
    font-family:"Lato", sans-serif;
    font-size: 15px;
    height: 22px;
    position: relative;
}
.task-footer {
    background-clip: padding-box;
    background-color: #EBEBEB;
    border-radius: 0 0 2px 2px;
    color: gray;
    height: 22px;
    position: relative;
}
.task-no {
    float:left;
    padding: 2px;
}
.task-type {
    float:left;
    padding: 2px;
}
.task-date {
    float:left;
    padding: 2px;
}
.task-list input[type="button"] {
    width: 100px;
    margin: 5px;
}
.lms_location > .task-header {
    font-weight: bold;
}
.lms_location > .task-date {
    font-size: small;
    font-style: italic;
}
.lms_location > .task-description {
    font-size: smaller;
}
h3 {
    text-align: center;
}
.franchise-location-wrap h3.ui-sortable-handle{   margin: 0;
    padding: 10px;
    background: #D8D8DC;
  font-size: 17px;}
#sprintcontainer .alert {
    padding: 5px;
    border-radius: 2px;
}
ul.top_profiles.comments li{
  padding: 20px;
}
ul.top_profiles.comments li.event .media-body a.title{
  margin-bottom: 10px;
  display: block;
}
ul.top_profiles.comments li.event .btn{
  position: absolute;
  z-index: 1;
  top: 1px;
  right: -4px;
}
ul.top_profiles.comments li.event small{
  font-style: italic;
  margin-top: 10px;
  display: block;
}

/* added by swathi 02052023 */
.radio-toolbar label {
  display: inline-block;

  padding: 10px 20px;
  font-family: sans-serif, Arial;
  border-radius: 4px;
}

.radio-toolbar label:hover {

  color:white;
}

.radio-toolbar input[type="radio"]:focus + label {
  border: 2px #444;
}

.radio-toolbar input[type="radio"]:checked + label {
  background-color:#00b3db;
  color:white;
}
.radio-toolbar input[type="radio"]:checked + label:after {
  background-color:#00b3db;
  color:white;
}

.btn-top{
  background-color:#2A3F54;
  color:white;
  float:right;
}
.move-right{
  float:right;
}


.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  margin-bottom:4px;
  margin-left:-4px;

}

.btn-dark{
  background-color: rgba(52,73,94,0.94);
  color:white;
}
.last {
  min-width: 150px;
  text-align: right;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
[data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio] {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
  margin-left: -1px;
}
.btn-group-vertical>.btn, .btn-group>.btn {
  position: relative;
  float: left;
}

.notes-color{
background-color: #2196f3;
color: #FFFFFF;
}

.notes-wide{
  width:100%;
}

.filter{
  margin: auto;
}
.filter-col {
  display: inline-block;
  padding-right: 20px;
}
.filter-col {
  display: inline-block;
  padding-right: 20px;
}
select.filter, input.filter {
  width: auto;
  max-width: 120px;
  margin-right: 5px;
  height: 22px;
  padding: 0;
  display: unset;
  font-size: 12px;
  padding: 0 3px 0;
  border-radius: 3px;
}
input.filter {
  width: 150px !important;
}

.data{
  margin-top:20px;
  height:300px;
  width:100%;
  overflow-y:scroll;
}
/* added by swathi 02052023 */

/*Loader*/
.section-spinner {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #fff;
  top: 0;
  z-index: 999;
left: 0;}


  .section-spinner .zoom-logo {
    text-align: center;
    height: 100vh;
    vertical-align: middle;
    margin-top: 20vh; }
    .section-spinner .zoom-logo img {
      -webkit-animation: sk-three-bounce 2s ease-in-out 0s infinite both;
      animation: sk-three-bounce 2s ease-in-out 0s infinite both; }

.section-spinner * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
@-webkit-keyframes sk-three-bounce {
  0%,
  100%,
  80% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes sk-three-bounce {
  0%,
  100%,
  80% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.retailer-login_wrapper
{
    max-width: unset;
    margin: 0 auto;

}
.retailer-login
{
    background: #fff;
}
.retailer-login_wrapper
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 100vh;
}
.retailer-login_wrapper .retailer-login_form
{
    flex-basis: 50%;
    padding: 0 2rem

}
.retailer-login_wrapper .retailer-image-block
{
    flex-basis: 50%;
    min-height: 100vh;
    background: #fff url(../images/login-bg.jpg) center no-repeat;
    background-size: cover;
    color: #000;
    padding: 3rem;
    color: #000;
}
.retailer-login_wrapper .retailer-image-block h1
{
  text-align: center;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 62px;
  margin-top: 20%;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}
.retailer-login-logo
{
    padding-bottom: 3rem;
    padding-top: 2rem;
}
.retailer-login-form
{
  /*background: #f4f5f9;*/
  padding: 3rem;
}
.retailer-login-form h4
{
    color: #d60000;
    font-size: 32px;
    text-transform: uppercase;
    padding-bottom: 2rem;
}
.retailer-login-form label, .retailer-register-form label
{
    font-size: 20px;
    color: #000;
}
.retailer-login-form .form-item, .retailer-register-form .form-item
{
    margin-bottom: 1rem;
}
.retailer-login-form .form-item input[type="text"], .retailer-login-form .form-item input[type="password"]
{
    border: none;
    background: #f2f2f2;
    border-radius: 5px;
    max-width: 420px;
    clear: left;
}
.retailer-login-form .submit, .retailer-register-form .submit
{
        background: #d60000;
    color: #fff;
    border-radius: 20px;
    border: none;
    width: 100%;
    max-width: 250px;
    margin-top: 20px;
    padding: 10px;
}
.reg-form
{
  /*background: #f4f5f9;*/
  padding: 3rem;
}
.validation_error
{
    color: red;
}
.retailer-login-form .reset_pass
{
    display: inline-block;
}
.register-links
{
    display: inline-block;
    padding-right: 10px;
    font-size: 16px;
}
.register-links a
{
    display: inline-block;
    color: #d60000;

}
.retaile-register-wrapper
{
        width: 100%;
    min-height: 100vh;
}
.retaile-register-wrapper .banner h1
{
        color: #940000;
    text-align: center;
    padding: 40px 20px;
        font-size: 30px;
    text-transform: uppercase;
        margin: 0;
        font-weight: bold;
}
.retaile-register-wrapper .banner
{
    background: #eeeee8;


    width: 100%;
}
.retailer-register-form
{
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}
.retailer-register-form .text-fields
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.retailer-register-form .text-fields .form-item
{
    flex-basis: 49%;
    position: relative;
}
.retailer-register-form .form-item input[type="email"],.retailer-register-form .form-item input[type="password"],.retailer-register-form .form-item input[type="text"], .retailer-register-form .form-item textarea,
,.retailer-register-form .form-item input[type="left"]
{
    border: none;
    background: #f5f5f5;
    border-radius: 5px;
    clear: left;
    width: 100%;
}
.form-login-logo {
  display: none;
}
.user-profile img{
  background: #fff;
}
.retailer-register-form .form-login-logo{
  display: block;
  padding-left: 45px;
}
@media (max-width: 768px) {
  .form-login-logo {
    padding: 1rem 3rem 0;
  }
  .form-login-logo img{
    width:100px;
  }
    .retailer-login_wrapper
    {
        display: block;
    }
    .retailer-login_wrapper .retailer-login_form
    {
        width: 100%;
    }
    .retailer-login_wrapper .retailer-image-block
    {
        display: none;
    }

    .retailer-register-form .text-fields .form-item
    {
        flex-basis: 100%;
    }
    .nav.side-menu a span.menu-title, .nav.side-menu a span.menu-title
    {
      display: none;
    }
    .retailer-name
    {
      display: none;
    }
    .retaile-register-wrapper .banner h1
    {
            font-size: 20px;
    }

    .form-login-logo {
      display: block;
      background: rgba(255,255,255,0.3);
      margin-top: 2rem;
      padding: 30px;
      padding-bottom:10px;
    }
    .retailer-login-form {
      padding: 30px;
      background: rgba(255,255,255,0.3);
      margin-bottom: 1rem;
  }
  .retailer-login-form.log-wrap{
    padding-top: 10px;
  }
  .form-login-logo h4{
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase
  }
  .reg-form{
    background: rgba(255,255,255,0.3);
    margin-bottom: 1rem;
    padding: 30px;
  }
  .retailer-login-form h4{
    font-size: 25px;
    padding-bottom: 1rem;
  }
  .retailer-login {
    background: #fff url(../images/login-bg.jpg) center no-repeat;
    background-size: cover;
    color: #000;
}
.retailer-register-form .form-login-logo{
  padding-left: 30px;
}
}
.pop-success{
  text-align: center;
  padding: 20px;
}
.pop-success span{
  font-size: 25px;
}
.alert-success{
  margin-bottom: 0px;
}
.label-align{
  font-weight: bold;
}
@media (max-width: 768px) {
  .label-align{
    text-align: left;
  }
}
.panel_toolbox>li>a{
  color: #000;
}
.panel_toolbox>li>a:hover{
  color: #000;
}
.form-control{
  margin-bottom: 2px;
}
.download-btns{
  list-style: none;
  padding: 0;
  margin: 5px 0;
}
.download-btns li{
  margin: 0 10px;
  display: inline-block;
}
.logo-wrp{
  text-align: center;
}
.form-login-logo .logo-wrp img{
  width: 120px;
}
.reg-form .validation_error {
    color: red;
    position: absolute;
    top: 21px;
}
.reg-form .validation_error p{
  margin: 0;
}
.app-header{
  font-weight: bold;
  color: #016d2d;
}

.app-title {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    float: left;
    padding-top: 7px;
    color: #016d2d;
}

.sidebar-footer a{
  width: 33.3%;
}