@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700,700i,900,900i&display=swap');

:root {
    font-size: 16px;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    overflow-x: hidden;
}

.font-400 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400 !important;
}

button:focus,
a:focus,
select:focus {
    outline: none;
}

a,
a:hover {
    text-decoration: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
}

select::-ms-expand {
    display: none;
}
.form-control:focus {
	color: #657285;
	background-color:#fff;
	border-color: #A8B2BA;
	outline: 0;
	box-shadow: none;
}

input[type=text],
input[type=email],
input[type=password],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}

.ml-auto{
    margin-left: auto;
}

.width-155{
    width: 155px !important;
}

.width-100{
    width: 100px !important;
}

.width-130{
    width: 130px !important;
}

.font-300{
    font-weight: 300!important;
}

.mr-0{
    margin-right: 0!important;
}

.ml-0{
    margin-left: 0!important;
}

.d-Flex{
    display: flex;
}

.btn{
    min-width: 79px;
    height: 30px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    border-radius: 6px;
    padding: 2px 8px;
    margin-bottom: 5px;
}

.btn:hover{
    color: #fff;
}

.blueBtn{
    background: #28509A;  
}

.grayBtn{
    background: #657285;
}

.greenBtn{
    background: #4DA325;
}

.lighGrayBtn{
    background: #657285;
}

.darkGrayBtn{
    background: #364154;
}

.btnRed{
    background: #C72F41;
}

.pos-rel {
    position: relative;
}

.height-100 {
    height: 100%;
}

.list-style-none {
    list-style: none;
}

body{
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background: #EFEFEF;
}

main{
    flex: 1;
}

.loginMainWrap {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
  padding: 20px 0;
}

.loginWrap{
  display: flex;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
}

.loginWrap .leftContent,
.loginWrap .rightContent{
  flex:0 0 50%;
  min-height: 532px;
}

.loginWrap .leftContent{
    border-radius: 10px 0px 0px 10px;
    padding-top: 60px;
    background: #0E2248 url(../img/login_bg.png) no-repeat;
    background-position: bottom center;
    text-align: center;
}

.loginWrap .rightContent{
    background: #FFFFFF;
    border-radius: 0px 10px 10px 0px;
    padding: 90px 102px 147px 102px;
}

.loginWrap .leftContent h1{
    font-weight: 300;
    font-size: 50px;
    line-height: 24px;
    color: #FFFFFF;
    margin-top: 52px;
    margin-bottom: 26px;
}

.loginWrap .leftContent p{
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
}

.loginWrap .rightContent h2{
    color: #0E2248;
    text-align: center;
    font-weight: 400;
    font-size: 30px;
    line-height: 24px;
    margin-bottom: 61px;
}

.loginWrap .rightContent .form-group{
    margin-bottom: 21px;
}

.loginWrap .rightContent .form-group:last-child{
    margin-bottom: 0;
}

.loginWrap .rightContent .form-control{
    background: #FFFFFF;
    border: 1px solid #A8B2BA;
    border-radius: 6px;
    box-shadow: none;
    padding: 4px 12px;
    color: #657285;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
}

.loginWrap .rightContent .form-control.signInBtn{
    background: #0E2248;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    padding: 6px 12px;
}

.loginWrap .rightContent .form-group.rememberMeForgotPswdWrap{
    display: flex;
    align-items: center;
    margin-bottom: 29px;
}

.loginWrap .rememberMeForgotPswdWrap a{
    margin-left: auto;
    color: #364154;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    text-decoration: none;
}

.checkBoxWrap {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 0;
  cursor: pointer;
  color: #364154;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkBoxWrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkBoxWrap .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 18px;
  width: 18px;
  background: #FFFFFF;
  border: 1px solid #A8B2BA;
  border-radius: 3px;
}

.checkBoxWrap input:checked ~ .checkmark {  
  border: none;
}

.checkBoxWrap .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkBoxWrap input:checked ~ .checkmark:after {
  display: block;
}

.checkBoxWrap .checkmark:after {
  background: url(../img/checkboxCheck.png) no-repeat;
  height: 18px;
  width: 18px;
}

.checkBoxWrap a{
    color: #016EB9;
}

header {
	background: #FFFFFF;
	box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
    padding: 0 15px;
    z-index: 2;
    position: relative;
}

header .logoWrap{
    padding: 15px 0;
}

header .logoWrap img{
    width: 101px;
}

header nav{
    display: flex;
    align-items: center;
}

header nav .userInfo{
    margin-left: auto;
}

header .sideBarToggle{
    background: #EFEFEF;
    border: none;
    width: 60px;
    height: 83px;
    margin-left: 21px;
}

header .userInfo .dropdown-toggle{
    color: #424248;
    font-weight: 700;
    font-size: 13px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

header .userInfo .dropdown-toggle img{
    margin-right: 17px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
}

header .userInfo .dropdown-toggle:after {
    border: none;
    background: url(../img/arrowDown.png);
    width: 9px;
    height: 5px;
    margin-left: 9px;
}

.sideBarContentWrap{
    display: flex;
}

aside.show {	
	flex: 0 0 286px;
	max-width: 286px;
    display: block;
}

aside {
	display: none;
    background: #15111F;
	min-height: calc(100vh - 83px);
    z-index: 2;
}

.mainRightSectionWrap{
    flex: 1;
    overflow: auto;
    padding-bottom: 80px;
}

aside ul{
    margin: 0;
    padding: 0;
}

aside ul li{
    list-style: none;
    position: relative;
}

aside ul li::after {
	content: '';
	height: 1px;
	background: #393939;
	position: absolute;
	width: calc(100% - 30px);
	left: 50%;
	transform: translateX(-50%);
	bottom: 0px;
}

aside ul li a{
    text-decoration: none;
    padding: 15px;
}

aside ul li .text,
aside  .subMenu a{
    color: #B9B9B9;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
}

aside ul li.active{
    background: #28509A;
}

aside ul li.active::after {
    content: none;
}

aside ul li.active .text,
aside  .subMenu .active a{
    color: #fff;
}

aside ul li a{
    display: flex;
    align-items: center;
}

aside ul .icon{
    max-width: 23px;
    flex: 0 0 23px;
    background-position: center!important;
}

aside ul li .text{
    flex: 1;
    padding-left: 20px;
}

aside ul .Dashboard .icon{
    background: url(../img/dashboardSideBarIcon.png) no-repeat;
    height: 16px;
}

aside ul .active.Dashboard .icon{
    background: url(../img/dashboardSideBarIcon-active.png) no-repeat;
}

aside ul .Users .icon{
    background: url(../img/userSidebarIcon.png) no-repeat;
    height: 18px;
}

aside ul .active.Users .icon{
    background: url(../img/userSidebarIconActive.png) no-repeat;
}

aside ul .Customers .icon{
    background: url(../img/customer.png) no-repeat;
    height: 14px;
}

aside ul .active.Customers .icon{
    background: url(../img/customerActive.png) no-repeat;
}

aside ul .CustomerPortalUsers .icon{
    background: url(../img/Quotes.png) no-repeat;
    height: 14px;
}

aside ul .active.CustomerPortalUsers .icon{
    background: url(../img/Quotes.png) no-repeat;
}

aside ul .Compliance .icon{
    background: url(../img/shield.png) no-repeat;
    height: 20px;
}

aside ul .active.Compliance .icon{
    background: url(../img/shield.png) no-repeat;
}

aside ul .Providers .icon{
    background: url(../img/provider.png) no-repeat;
    height: 16px;
}

aside ul .active.Providers .icon{
    background: url(../img/providerActive.png) no-repeat;
}

aside ul .Quotes .icon{
    background: url(../img/Quotes.png) no-repeat;
    height: 14px;
}

aside ul .active.Quotes .icon{
    background: url(../img/Quotes.png) no-repeat;
}

aside ul .Reconcile .icon{
    background: url(../img/Quotes.png) no-repeat;
    height: 14px;
}

aside ul .active.Reconcile .icon{
    background: url(../img/Quotes.png) no-repeat;
}

aside ul .ExternalQuotes .icon{
    background: url(../img/Quotes.png) no-repeat;
    height: 14px;
}

aside ul .GlobalSearch .icon{
    background: url(../img/search.png) no-repeat;
    height: 14px;
}

aside ul .active.GlobalSearch .icon{
    background: url(../img/search.png) no-repeat;
}

aside ul .Reservations .icon{
    background: url(../img/reservation.png) no-repeat;
    height: 18px;
}

aside ul .active.Reservations .icon{
    background: url(../img/reservation.png) no-repeat;
}

aside ul .CustomerServices .icon{
    background: url(../img/customerService.png) no-repeat;
    height: 16px;
}

aside ul .active.CustomerServices .icon{
    background: url(../img/customerService.png) no-repeat;
}

aside ul .Expenses .icon{
    background: url(../img/expenses.png) no-repeat;
    height: 16px;
}

aside ul .active.Expenses .icon{
    background: url(../img/expenses-active.png) no-repeat;
}

aside ul .Revenue .icon{
    background: url(../img/revenue.png) no-repeat;
    height: 18px;
}

aside ul .active.Revenue .icon{
    background: url(../img/revenueActive.png) no-repeat;
}

aside ul .Reports .icon{
    background: url(../img/report.png) no-repeat;
    height: 18px;
}

aside ul .active.Reports .icon{
    background: url(../img/reportActive.png) no-repeat;
}

aside ul .Setting .icon{
    background: url(../img/settings.png) no-repeat;
    height: 18px;
}

aside ul .active.Setting .icon{
    background: url(../img/settings.png) no-repeat;
}

aside ul .active.users{
    background: transparent;
}

aside ul a{
    position: relative;
}

aside ul .submenuAnchor.collapsed::after {
	background: url(../img/plus.png);
	content: '';
	height: 12px;
	width: 12px;
	position: absolute;
	right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

aside ul .submenuAnchor::after{
    background: url(../img/minus.png);
    content: '';
    width: 12px;
    height: 2px;
    position: absolute;
	right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

aside ul .subMenu li{
    padding-left: 42px;
}

.mainRightSectionWrap .dashboardWrap{
    padding: 40px 30px 40px 30px;
}

.dashboardWrap .btmImgWrap{
    background: url(../img/orderBlueBg.png) no-repeat;
    background-position: bottom;
    padding:0 0 20px 10px;
}

.dashboardWrap .btmImgWrap.bgGray{
    background: url(../img/orderGrayBg.png) no-repeat;
    background-position: bottom;
}

.dashboardWrap .btmImgWrap.bgRed{
    background: url(../img/orderRedBg.png) no-repeat;
    background-position: bottom;
}

.dashboardWrap .orderDetail{
    box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    background: #FFFFFF;
    border: 2px solid #BFD9FF;
    min-height: 219px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 30px;
    overflow: hidden;
}

.dashboardWrap .orderDetail.cancelledOrder{
    border: 2px solid #FFAFAA;
}

.dashboardWrap .orderDetail .heading{
    display: flex;
    align-items: center;
    padding: 25px 25px 10px 25px;
    justify-content: space-between;
}

.dashboardWrap .orderDetail .heading img{
    margin-left: auto;
}

.dashboardWrap .orderDetail .heading h3{
    margin-bottom: 0;
    color: #1B335F;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    align-items: center;
}

.dashboardWrap .orderDetail .heading h3 .count{
    font-weight: 700;
    font-size: 30px;
    line-height: 24px;
}

.dashboardWrap .orderDetail .heading h3 .count.colorRed{
    color: #A81D3E;
}

.dashboardWrap .orderDetail .heading h3 .divider{
    margin-left: 7px;
    margin-right: 7px;
    display: inline-block;
}

.dashboardWrap .orderDetail.cancelledOrder .btmImgWrap,
.dashboardWrap .orderDetail .btmImgWrap.pl-30{
    padding-left: 30px;
}

.dashboardWrap .col-xl-4.col-lg-6 {
	max-width: 448px;
	flex: 0 0 448px;
}

.sideBarToggle.rotate img{
    transform: rotate(180deg);
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #D8D5DF;
  -webkit-transition: .4s;
  transition: .4s;
}

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

.switch input:checked + .slider {
  background-color: #3C85F2;
}

.switch input:focus + .slider {
  box-shadow: 0 0 1px #3C85F2;
}

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

.switch .slider.round {
  border-radius: 34px;
}

.switch .slider.round:before {
  border-radius: 50%;
}

.topSearchPanel {
	background: #C2CED8;
	display: flex;
	flex-wrap: wrap;
    align-items: center;
    padding: 15px 15px 15px 23px;
}

.topSearchPanel h2{
    color: #000000;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0;
    padding-right: 40px;
}

.form-control{
    background: #FFFFFF;
    border: 1px solid #A8B2BA;
    color: #657285;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    padding: 1px 8px;
    border-radius: 6px;
}

.topSearchPanel .showEntries,
.topSearchPanel .searchWrap{
    display: flex;
    align-items: center;
}

.topSearchPanel .showEntries span{
    color: #364154;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
}

.selectWrap{
    position: relative;
}

.selectWrap .arrow{
    position: absolute;
    right: 7px;
    top: 2px;
}

.selectWrap .customArrow{
    position: absolute;
    right: 290px;
    top: 14px;
}

.selectWrap .customArrowDumpster{
    position: absolute;
    right: 300px;
    top: 5px;
}

.searchInputWrap{
    position: relative;
}

.searchInputWrap .searchIcon{
    position: absolute;
    left: 8px;
    top: 2px;
}

.searchInputWrap input{
    padding-left: 30px;
}

.topSearchPanel .searchWrap{
    margin-left: auto;
}

.topSearchPanel .showEntries .selectWrap{
    margin-left: 12px;
    margin-right: 12px;
    max-width: 64px;
    flex: 0 0 64px;
}

.topSearchPanel .searchWrap button,
.topSearchPanel .searchWrap a{
    background: #28509A;
    border-radius: 6px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    width: 103px;
    height: 30px;
    margin-left: 10px;
    border: none;
}

.tableWrap{
    overflow: auto;
}

table{
    width: 100%;
}

table th {
	background: #DFDFDF;
	font-weight: 400;
	font-size: 14px;
	line-height: 26px;
	color: #000000;
	padding: 7px 10px;
    vertical-align: top;
    border-bottom: 0;
}

table td{
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #000000;
    border-bottom: 1px solid #CFCFCF;
    /*background: #fff;*/
    padding: 6px 10px;
    vertical-align: top;
}

.tableWrap table th {
	background: #DFDFDF!important;
	font-weight: 400!important;
	padding: 7px 10px!important;
    border-bottom: 0 !important;
}

.tableWrap table td{
    padding: 6px 10px!important;
}

table th:first-child,table td:first-child {
    padding-left: 21px;
}

table td .editDeleteBtnWrap button{
    border:none;
    padding: 0;
    background: transparent;
}

table td .editDeleteBtnWrap button:first-child{
    margin-right: 15px;
}

.pagination{
    background: #CBD5DE;
    padding: 13px 13px 13px 21px;
    position: fixed;
    width: 100%;
    bottom: 0px;
}

.pagination p{
    margin-bottom: 0;
    color: #364154;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    margin-right: 22px;
}

.pagination ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.pagination li{
    margin-left: 4px;
    margin-right: 4px;
}

.pagination li a{
    border-radius: 6px;
    background: #CBD5DE;
    border: 1px solid #657285;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #364154;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    padding: 2px;
}

.pagination li a.active{
    background: #FFFFFF;
    border:1px solid #fff;
}

.pagination li a.prev,li a.next{
    border:none;
    padding: 0;
}

tr.selected td{
    background: #DAEBF5;
}

.modal .modal-dialog{
    margin: 0;
    max-width: 662px;
    margin-left: auto;
    height: 100%;
}

.modal .modal-content{
    border-radius: 0px;
    height: 100%;
    border: none;
}

.modal .modal-header {
	background: #D1DBE4;
	padding: 14px 22px 15px 30px;
}

.modal .modal-header  .btn-close{
    background-image: none;
    opacity: 1;
    padding: 0px;
    height: auto;
}

.modal .modal-header h5{
    color: #000000;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
}

.modal .modal-body {
	padding: 18px 22px 20px 30px;
    overflow: auto;
}

.modal label{
    color: #000000;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 8px;
}

.modal label span{
    color: #C72F41;
}

label span {
    color: #C72F41;
}

.modal .form-group{
    margin-bottom: 30px;
}

.modal .selectWrap .arrow{
    right: 12px;
}

.modal .buttonWrap .btn:first-child{
    margin-right: 21px;
}

.modal .buttonWrap{
    margin-top: 30px;
}

.editUser td{
    background: #C6C6C6!important;
    padding: 7px 10px;
}

.activeUserWrap table .form-control{
    background: transparent;
    /* padding: 0px; */
    /* border: none; */
    color: #000;
    /* font-weight: 300; */
    font-size: 14px;
    line-height: 26px;
    /* pointer-events: none; */
}

.activeUserWrap table .selectWrap .arrow{
    display: none;
}
.activeUserWrap table .editUser .selectWrap .arrow{
    display: block;
}

.activeUserWrap table .editUser .form-control{
    background: #FFFFFF;
    border: 1px solid #A8B2BA;
    padding: 1px 8px;
    pointer-events: unset;
}

.activeUserWrap table  .saveCrossWrap,
.activeUserWrap table .editUser .editDeleteBtnWrap{
    display: none;
}

.activeUserWrap table .editUser .saveCrossWrap,
.activeUserWrap table  .editDeleteBtnWrap{
    display: block;
}

.saveCrossWrap .greenBtn{
    margin-right: 15px;
}

.saveCrossWrap .removeEdit{
    border: none;
    background: transparent;
}

.activeUserWrap table .editUser .email,
.activeUserWrap table .editUser .name{
    max-width: 250px;
}

.activeUserWrap table .editUser .number{
    max-width: 160px;
}

.activeUserWrap table .editUser .selectWrap{
    max-width: 144px;
}

.customersWrap .btn{
    font-size: 12px;
    line-height: 24px;
}

.btn:focus{
    box-shadow: none;
}

.tableWrap .stripTable tbody tr:nth-child(odd) td,
.tableWrap .stripTable.oddBlue tbody tr:nth-child(even) td{
    background: #fff;    
}

.tableWrap .stripTable tbody tr:nth-child(even) td,
.tableWrap .stripTable.oddBlue tbody tr:nth-child(odd) td{
    background: #DAEBF5;
}


.topSearchPanel .newOrderEditBtnWrap{
    margin-left: auto;
}

.topSearchPanel .newOrderEditBtnWrap button{
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
}

.topSearchPanel .newOrderEditBtnWrap button:first-child{
    margin-right: 15px;
}

.topSearchPanel .newOrderEditBtnWrap button img{
    margin-right: 7px;
}

.customersWrap .customerInfo{
    background: #fff;
    padding: 0px 0 0 2px;
    display: flex;
    flex-wrap: wrap;
}

.customersWrap .customerInfo label{
    color: #364154;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
}

.customersWrap .customerInfo p{
    color: #000000;
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
    word-wrap: break-word;
}

.customersWrap .customerInfo > div{
    padding: 8px 15px 33px 21px;
    border-right: 1px solid #C2CED8;
    border-bottom: 1px solid #C2CED8;
}

.customersWrap .customerInfo > div.width8{
    flex: 0 0 8.3%;
    max-width: 8.3%;
}

.customersWrap .customerInfo > div.width10{
    flex: 0 0 10%;
    max-width: 10%;
}

.customersWrap .customerInfo > div.width15{
    flex: 0 0 15%;
    max-width: 15%;
}

.customersWrap .customerInfo > div.width20{
    flex: 0 0 20%;
    max-width: 20%;
}

.customersWrap .customerInfo > div.width30{
    flex: 0 0 30%;
    max-width: 30%;
}

.customersWrap .customerInfo > div.width25{
    flex: 0 0 25%;
    max-width: 25%;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}

.upload-btn-wrapper button {
  background: #F5FAFD;
  border: 1px solid #B9B9B9;
  border-radius: 6px;
  color: #364154;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  margin-right: 9px;
  min-width: 98px;
  height: 25px;
  text-transform: uppercase;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.customersWrap .customerInfo .termCustomer .selectWrap {
    max-width: 290px;
}

.customerInfo label.checkBoxWrap {
  color: #000000!important;
  font-weight: 400;
  font-size: 14px!important;
  line-height: 26px!important;
  display: block;
  margin-bottom: 14px;
}

.customersWrap .customerInfo .termCustomer label.termOptionText{
    color: #000000;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
}

.customersWrap td button{
    padding: 0 12px;
}

.customersWrap .copyUpdateOrder button:first-child{
    margin-right: 21px;
}

.width10{
    width: 10%;
}

.width30{
    width: 30%;
}

.width40{
    width: 40%;
}

.width20{
    width: 20%;
}

#editActiveUserDetails .form-group,
#addProvider .form-group{
    margin-bottom: 20px;
}

.modal label .addMore,
.form-group label .addMore{
    color: #4DA325;
    font-weight: 500;
    font-size: 12px;
    line-height: 26px;
    margin-left: auto;
    background: transparent;
    border: none;
    padding: 0;
}

#editActiveUserDetails label{
    display: flex;
    align-items: center;
}

.modal h3{
    color: #000000;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 16px;
}


label.custmRadioWrap,
.modal label.custmRadioWrap {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 15px;
  cursor: pointer;
  color: #657285;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.modal label.custmRadioWrap .text{
    color: #657285; 
}

.custmRadioWrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}


.custmRadioWrap .checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  background: #FFFFFF;
  border: 1px solid #A8B2BA;
  border-radius: 10px;
}


.custmRadioWrap input:checked ~ .checkmark,
.custmRadioWrap:hover input ~ .checkmark {
  background: #fff;
    border: 1px solid #3C6FF2;
}

.custmRadioWrap .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


.custmRadioWrap input:checked ~ .checkmark:after {
  display: block;
}

.custmRadioWrap .checkmark::after {
	top: 3px;
	left: 3px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #3C6FF2;
}

.custmRadioWrap input:checked ~ .text,
.modal .custmRadioWrap input:checked ~ .text{
    color: #3C6FF2;
}

.createQuoteFormWrap{
    background: #fff;
}

.topSearchPanel h2 a{
    color: inherit;
    display: flex;
    align-items: center;
}

.topSearchPanel h2 a img{
    margin-right: 20px;
}

.createQuoteFormWrap{
    padding: 21px 15px 0px 25px;
}

.form-group{
    margin-bottom: 15px;
}

.form-group label{
    color: #000000;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 6px;
}


.createQuoteFormWrap .form-control{
    background: #F5F5F5;
    border: 1px solid #A8B2BA;
    border-radius: 6px;
    padding: 4px 10px;
}

.createQuoteFormWrap  .selectWrap .arrow {
	position: absolute;
	right: 10px;
	top: 4px;
}

.error{
    color: #C72F41!important;
    font-weight: 400!important;
    font-size: 12px!important;
    line-height: 26px!important;
}

hr{
    background-color: #CFCFCF;
}

.createQuoteFormWrap hr {
	width: calc(100% + 40px);
	margin-left: -25px;
	margin-right: -15px;
    margin-bottom: 32px;
}

.createQuoteFormWrap h3{
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 16px;
}

.createQuoteFormWrap .sameDayPickupWrap {
	display: flex;
	padding-top: 38px;
}

.createQuoteFormWrap .sameDayPickupWrap div:first-child {
    padding-right: 17px;
}

.createQuoteFormWrap .deliveryTimeValueWrap {
    display: flex;
    flex-wrap: wrap;
}

.createQuoteFormWrap .deliveryTimeValueWrap label{
    padding-right: 20px;
    color: #657285;
}

.createQuoteFormWrap .deliveryTimeValueWrap label:last-child{
    padding-right: 0;
}

.createQuoteFormWrap .orderDetails {
	background: #F5FFDF;
	border: 1px solid #CFCFCF;
	margin-left: -25px;
	margin-right: -15px;
    padding: 18px 35px 28px 23px;
}

.createQuoteFormWrap .orderDetails .gridWrap{
	display: flex;
	flex-wrap: wrap;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #657285;
}

.createQuoteFormWrap .orderDetails  .gridWrap > div{
    border-right: 1px solid #657285;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 8px 13px 13px 27px;
}

.createQuoteFormWrap .orderDetails  .gridWrap > div:last-child{
    border-right: 0px;
}

.createQuoteFormWrap .orderDetails  .gridWrap > div label{
    color: #364154;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
}

.createQuoteFormWrap .orderDetails  .gridWrap > div p{
    color: #000000;
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
}

.btmBtnWrap{
    background: #CBD5DE;
    padding: 23px 35px;
    margin-left: -25px;
    margin-right: -15px;
}

.btmBtnWrap button:first-child{
    margin-right: 21px;
}

.topSearchPanel .breadcrumb a.disable{
    color: #657285;
}

.topSearchPanel .breadcrumb .divider{
    padding-left: 19px;
    padding-right: 14px;
}

.createQuoteFormWrap h2{
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 20px;
}

.btmBtnWrap.paymentBtnWrap button{
    /* margin-right: 15px; */
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.quotePricingInfo table{
    border: 1px solid #657285;
}

.quotePricingInfo table th{
    background: #F2F2F2;
    color: #657285;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    border-right: 1px solid #657285;
    border-bottom: 1px solid #657285;
    vertical-align: text-top;
}

.quotePricingInfo table td{
    color: #000000;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    border-right: 1px solid #657285;
    border-bottom: none;
}

.quotePricingInfo table td:last-child,
.quotePricingInfo table th:last-child{
    border-right: none;
}

.paymentByCardInfo{
    margin-bottom: 18px;
}

.paymentByCardInfo .heading{
    background: #DFF0D9;
    padding: 7px 21px
}

.paymentByCardInfo .heading h3,
.paymentPdfWrap .heading h3{
    color: #000000;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
}

.paymentByCardInfo .gridWrap{
    display: flex;
    border: 1px solid #E8E8E8;
    flex-wrap: wrap;
    border-bottom: none;
}

.paymentByCardInfo .gridWrap .contentWrap{
    border-right: 1px solid #E8E8E8;
    padding: 10px 10px 10px 23px;
    border-bottom: 1px solid #E8E8E8;
}

.paymentByCardInfo .gridWrap .contentWrap:last-child{
    border-right: none;
}

.paymentByCardInfo .gridWrap .contentWrap label{
    color: #364154;
    font-weight: 400;
    font-size: 12px;
    line-height: 26px;
}

.paymentByCardInfo .gridWrap .contentWrap p{
    margin-bottom: 0;
    color: #000000;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    white-space: normal;
    word-wrap: break-word;
}

.paymentByCardInfo.payInfo .gridWrap .contentWrap{
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.paymentByCardInfo.featuresAndServices .gridWrap .contentWrap{
    flex: 0 0 20%;
    max-width: 20%;
}

.paymentByCardInfo.billingAddress .gridWrap .contentWrap{
    flex: 0 0 50%;
    max-width: 50%;
}

.paymentByCardInfo.featuresAndServices .gridWrap .contentWrap:nth-child(5),
.paymentByCardInfo.featuresAndServices .gridWrap .contentWrap:nth-child(10),
.paymentByCardInfo.featuresAndServices .gridWrap .contentWrap:nth-child(15){
    border-right: none;
}

.paymentByCardInfo .payInfoTable table {
    border: 1px solid #EBF0F0;
    border-bottom: none;
}

.paymentByCardInfo .payInfoTable table th{
    background: #9FB1BB;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    border-bottom: 1px solid #E8E8E8;
    width: 33.33%;
}

.paymentByCardInfo .payInfoTable table td{
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #000000;
    border-bottom: 1px solid #E8E8E8;
}

.paymentByCardInfo .payInfoTable table .bgGreen td{
    background: #54923E!important;
    color: #fff;
}

.text-right{
    text-align: right;
}

.paymentByCardInfo .payInfoTable table th:last-child,
.paymentByCardInfo .payInfoTable table td:last-child {
	padding-left: 21px;
}

.paymentPdfWrap {
	background: #FCFDFD;
	border: 1px solid #EBF0F0;
	padding: 10px;
    margin-bottom: 22px;
}

.paymentPdfWrap .pdfWrap img{
    max-width: 100%;
}

.termAndConditionWrap{
    padding-bottom: 30px;
}

.paymentByCardInfo .payInfoTable table tr:nth-child(even) td{
    background: #fff;    
}

.paymentByCardInfo .payInfoTable table tr:nth-child(odd) td{
    background: #DAEBF5;
}

.paymentByCardInfo.partialPaymentForm .gridWrap .contentWrap:last-child {
	border-right: 1px solid #E8E8E8;
}

.paymentByCardInfo.partialPaymentForm .gridWrap .contentWrap {
	max-width: 100%;
    flex:0 0 100%;
}

.paymentByCardInfo.partialPaymentForm .formWrap{
    max-width:454px;
}

.paymentByCardInfo.partialPaymentForm .form-group{
    margin-bottom: 11px;
}

.paymentByCardInfo.partialPaymentForm .formWrap .btn{
    width: 100%;
}

.paymentByCardInfo.partialPaymentForm .gridWrap .contentWrap label{
    color: #000000;
    display: flex;
}

.paymentByCardInfo.partialPaymentForm .gridWrap .contentWrap label .ml-auto{
    margin-left: auto;
    padding-left: 5px;
}

.topSearchPanel .searchWrap button.addProvider,
.topSearchPanel .searchWrap a.addProvider{
    max-width: 134px;
    width: 100%;
}

.topSearchPanel .searchWrap button.createNewQuote,
.topSearchPanel .searchWrap a.createNewQuote{
    max-width: 170px;
    width: 100%;
}


#addProvider.modal .buttonWrap {
	margin-top: 10px;
}


.customwidth15{
    flex: 0 0 15% !important;
    max-width: 15% !important;
}

.customwidth20{
    flex: 0 0 20% !important;
    max-width: 20% !important;
}

.customersWrap .providerMasterInfo .contentWrap{
    flex: 0 0 25%;
    max-width: 25%;
}

.customersWrap .providerMasterInfo{
    padding-bottom: 21px;
}

.customersWrap .quotePricingInfo table th{
    background: #DFDFDF;
    border-right: 1px solid #9B9B9B;
    border-bottom: 1px solid #9B9B9B;
    color: #000000;
    font-weight: 400;
}

.customersWrap .quotePricingInfo table td{
    color: #000000;
    font-weight: 400;
    font-size: 12px;
    line-height: 26px;
    border-right: 1px solid #9B9B9B;
}

.customersWrap .quotePricingInfo table {
	border: 1px solid #9B9B9B;
}

.customersWrap .quotePricingInfo table .editBtn{
    border: none;
    background: transparent;
    padding: 0;
}

.modal.formGroup-mb-20 .form-group{
    margin-bottom: 20px;
}

.modal textarea{
    resize: none;
    height: 68px;
}

.modal .chooseFileWrap{
    border: 1px solid #C2CED8;
    padding: 20px 20px 25px 20px;
}

.excelFormatSupported{
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #4DA325;
    margin-bottom: 20px;
    margin-top: 5px;
}

.chooseFileWrap p{
    margin-bottom: 0;
    color: #000000;
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
}

#uploadModal.modal .modal-body{
    padding-top: 22px;
}

.customersWrap .providerMasterInfo .contentWrap.bgGreen{
    background: #F5FFDF;
}

.customersWrap .providerMasterInfo .contentWrap.bgRed{
    background: #FDCABA;
}

.customersWrap .providerMasterInfo .contentWrap.bgBlue{
    background: #DAEBF5;
}

.quotesDetailWrap .providerMasterInfo .contentWrap{
    padding: 12px 15px 12px 20px;
}

.quotesDetailWrap  .btmBtnWrap{
    margin-left: 0;
    margin-right: 0;
}

.switch.switchUncheckedRed .slider{
    background-color: #C72F41;
}

.topSearchPanel .greenBtn{
    height: 25px;
    min-width: 72px;
    font-size: 14px;
    padding: 0px 2px;
    margin-left: 12px;
}

.topSearchPanel .greenBtn img{
    margin-right: 5px;
}

.quotesDetailWrap .providerMasterInfo .contentWrap.transectionDetail p{
    color: #28509A;
}

.quotesDetailWrap .providerMasterInfo .contentWrap.transectionDetail{
    flex: 0 0 50%;
    max-width: 50%;
}

table tr.bgRed td{
    background: #FDCABA;
}

table tr.bgGreen td{
    background: #F5FFDF;
}

.reservationTableWrap td button{
    padding-left: 8px;
    padding-right: 8px;
}

.quotesDetailWrap .serialNumber {
    background: #FFF7F8;
    border: 1px solid #C2CED8;
    padding: 8px 15px 8px 23px;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #A92323;
}

.quotesDetailWrap .providerMasterInfo .contentWrap.reservationPaymentByCheckWrap{
    flex: 0 0 50%;
    max-width: 50%;
    text-align: right;
}

.quotesDetailWrap .providerMasterInfo .contentWrap.callForPickup{
    flex: 0 0 100%;
    max-width: 100%;
}

.quotesDetailWrap .providerMasterInfo .contentWrap.reservationPaymentByCheckWrap button{
    padding-left: 13px;
    padding-right: 13px;
}

.quotesDetailWrap .providerMasterInfo .contentWrap.reservationPaymentByCheckWrap button:first-child{
    margin-right: 18px;
}

.topSearchPanel .ml-auto{
    padding-left: 8px;
    padding-right: 8px;
}

.updateDatesWrap {
	display: flex;
	align-items: flex-end;
    flex-wrap: wrap;
}

.updateDatesWrap button{
    margin-left: auto;
    flex: 0 0 124px;
    max-width: 124px;
}

.quotesDetailWrap .providerMasterInfo .contentWrap > div:first-child{
    margin-bottom: 11px;
}

.btmDivSticky {
	display: flex;
	flex-direction: column;
    height: 100%;
}

.btmDivSticky .customersWrap{
    flex: 1;
    background: #fff;
}

.btmBtnWrap.paymentBtnWrap.margin-0{
    margin-left: 0;
    margin-right: 0;
}

table .featureBtnWrap button:first-child{
    margin-right: 10px;
}

table .featureBtnWrap button{
    margin-top: 5px;
    margin-bottom: 5px;
}

.topSearchPanel .searchWrap button.addNewTransactionBtn,
.topSearchPanel .searchWrap a.addNewTransactionBtn{
    width: 195px;
}

.topSearchPanel .searchWrap button.addDepartment,
.topSearchPanel .searchWrap a.addDepartment{
    width:157px;
}

.topSearchPanel .searchWrap a{
    text-align: center;
    line-height: 30px;
}

table td .editDeleteBtnWrap button.grayBtn{
    background: #657285;
}

table .total td{
    background: #DFDFDF!important;
    color: #000000;
    font-weight: 700;
}

.cardCheckRadioWrap{
    display: flex;
    align-items: center;
}

.cardCheckRadioWrap label{
    margin-right: 20px;
}

.cardCheckRadioWrap label:last-child{
    margin-right: 0;
}

.cardCheckRadioWrap label{
    color: #657285;
}

.requiredIcon{
    color: #C72F41;
}

.btmBtnWrap.leftRightPadding0{
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0;
    margin-right: 0;
}

#addPayee.modal .buttonWrap {
	margin-top: 0px;
}

.topSearchPanel .searchWrap .totalAmount{
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 0;
    padding-right: 89px;
}

.tabWrap .nav-tabs .nav-item.show .nav-link, 
.tabWrap .nav-tabs .nav-link.active{
    color: #28509A;
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    background-color: #DAEBF5;
    border-color: #CFCFCF;
    border-bottom: none;
}

.reportsWrap .tabWrap{
    padding: 15px;
}

.reportsWrap .nav-tabs .nav-link {
	border: none;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
    padding: 2px 15px;
    background: #EFEFEF;
    color: #657285;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
}

.reportsWrap  .nav-tabs {
    border-bottom: none;
    align-items: flex-end;
}

.reportsWrap .tabWrap .nav-item{
    padding-right: 5px;
    padding-bottom: 1px;
}

.reportsWrap .tabWrap .nav-item:last-child{
    padding-right: 0;
}

.reportsWrap .tabWrap .nav-item .nav-link.active{    
	position: relative;
	top: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
    border: 1px solid #CFCFCF;
    border-bottom: none;
}

.reportsWrap .tabWrap .tab-pane{
    padding: 10px 15px 25px 15px;
    background: #DAEBF5;
    border: 1px solid #CFCFCF;
    border-radius: 0 6px 6px 6px;
}

.reportsWrap .tabWrap .revenueGeneratedWrap{
    color: #393939;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 17px;
    border-bottom: 1px solid #CFCFCF;
    margin-bottom: 17px;
}

.reportsWrap .tabWrap .revenueGeneratedWrap span{
    color: #28509A;
    font-weight: 700;
    font-size: 20px;
    display: block;
}

.reportsWrap .tabWrap .form-control{
    padding: 4px 8px;
}

.roleListDetail{
    background: #F5F5F5;
    padding: 17px 27px 17px 27px;
    border-bottom: 1px solid #CFCFCF;
}

.roleDetailsTable td,.roleDetailsTable .checkBoxWrap{
    color: #000000;
    font-weight: 400;
}

.roleDetailsTable .checkBoxWrap .checkmark{
    background: transparent;
}

.addNewDepartment.modal .form-group {
    margin-bottom: 20px;
}

.addNewDepartment.modal .buttonWrap{
    margin-top: 0;
}

.pickupDateTimeWrap{
    border: 1px solid #A8B2BA;
    border-bottom: 0;
}

.pickupDateTimeWrap > div {
    display: flex;
    border-bottom: 1px solid #A8B2BA;
    padding: 9px 39px 14px 11px;
}

.pickupDateTimeWrap .form-group{
    margin-bottom: 0;
}

.pickupDateTimeWrap > div span {
    max-width: 30px;
    flex: 0 0 20px;
}

.pickupDateTimeWrap .pickupFields{
    flex: 1;
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
}

.pickupDateTimeWrap .pickupFields .form-group{
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 10px;
}

.pickupDateTimeWrap .pickupFields .form-group input{
    margin-bottom: 10px;
}

.quoteTable th{
    font-weight: 700;
}

.quoteTable{
    margin-left: -25px;
    margin-right: -14px;
    margin-top: 28px;
    margin-bottom: 24px;
}

.quoteTable.margin0{
    margin-left: 0;
    margin-right: 0;
}

.quoteTable .bgRed td{
    background: #FDCABA!important;
}

.newAddQtyBtn {
    padding-top: 30px;
}

.newAddQtyBtn button{
    width: 101px;
    height: 36px;
}

.cardDetailWrap{
    overflow: auto;
}

.cardDetailWrap table{
    border: 1px solid #E8E8E8;
    margin-top: 20px;
    margin-bottom: 33px;
}

.cardDetailWrap th{
    background: #fff!important;
    color: #000000;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    border-bottom: 1px solid #E8E8E8;
}

.cardDetailWrap table{
    border-bottom: 1px solid #E8E8E8;
}

.cardDetailWrap  td input, .cardDetailWrap  td select{
    background: #FFFFFF!important;
    border: 1px solid #A8B2BA;
    border-radius: 6px;
    color: #657285;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    padding: 5px 13px;
    box-shadow: none!important;
    width: 100%;
}

.cardDetailWrap  td input:focus{
    outline: none;
}

.cardDetailWrap  td  button{
    background: transparent;
    border: none;
}

.cardDetailWrap  td  button.makePayment{
    background: #28509A;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #FFFFFF;
    padding: 5px 12px;
    border: none;
    margin-right: 25px;
}

.cardDetailWrap  td .expiry{
    width: 125px;
}

.cardDetailWrap  .selected td{
    background: #DAEBF5;
}

.cardDetailWrap .custmRadioWrap input:checked ~ .checkmark, 
.cardDetailWrap .custmRadioWrap:hover input ~ .checkmark{
    border: 1px solid #A8B2BA;
}

.cardDetailWrap .custmRadioWrap .checkmark::after { 
    background: #28509A;
}

.cardDetailWrap label.custmRadioWrap{
    position: relative;
    top: -10px;
}

.cardDetailWrap .cardtype{
    width: 200px;
}

.gap{
    height: 150px;
}

.addQtyWrap{
    display: flex;
}

.addQtyWrap .form-group{
    flex: 1;
    padding-right: 16px;
}

.addQtyWrap .newAddQtyBtn{
    max-width: 101px;
    flex: 0 0 101px
}

.deliveryDateTimeTableWrap table th{
    background: #fff;
    font-weight: 700;
    border-bottom: 1px solid #CFCFCF;
}

.deliveryDateTimeTableWrap  .deliverydateRadioWrap,
.deliveryDateTimeTableWrap  .dateRadioWrap{
    display: flex;
    flex-wrap: wrap;
}

.deliveryDateTimeTableWrap  .dateRadioWrap > div{
    padding-right: 10px;
}

.deliveryDateTimeTableWrap  .deliverydateRadioWrap > div{
    padding-right: 10px;
}

.deliveryDateTimeTableWrap td{
    padding-top: 15px;
    padding-bottom: 5px;
    color: #000000;
    font-weight: 400;
}

.deliveryDateTimeTableWrap .form-group {
    margin-bottom: 10px;
}

.deliveryDateTimeTableWrap  .custmRadioWrap{
    margin-bottom: 10px;
}

.deliveryDateTimeTableWrap  .custmRadioWrap .text{
    color: #000000;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
}

.tableWrap.deliveryDateTimeTableWrap {
    margin-left: -24px;
    margin-right: -15px;
    margin-bottom: 30px;
}


/*----------------------------Bhupender CSS--------------------------*/

/******************************
    Toast Status Modal
******************************/
.toast-body{
    background-color: white !important;
}
.status-msg-toast {
    position: absolute;
    max-width: 420px;
    right: 0;
    top: 20px;
}
.status-msg-toast .toast-header {
    display: flex;
    justify-content: space-between;
    background-color: white !important;
}
.status-msg-toast .toast-header .lbl {
    margin-bottom: 0;
    padding-top: 5px;
    vertical-align: middle;
}
.status-msg-toast .msg-title .icon {
    font-size: 24px;
    vertical-align: middle;
    margin-right: 5px;
}
.status-msg-toast .msg-title .msg-lbl {
    margin-top: 3px;
}
.status-msg-toast .msg-txt {
    font-size: 14px;
}
/** Success **/
.status-msg-toast.success {
    border-left: 6px solid #18d841; 
    z-index: 999999999;
}
.status-msg-toast.success .msg-title {
    color: #18d841
}

/** Error **/
.status-msg-toast.error {
    border-left: 6px solid #f00; 
    z-index: 999999999;
}
.status-msg-toast.error .msg-title {
    color: #f00
}

#back-to-top-button {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: rgb(118, 18, 50); /* Set a background color */
  color: rgb(255, 255, 255); /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */

}
#back-to-top-button:hover {
background-color: #555; /* Add a dark-grey background on hover */
}

.dataTables_wrapper .dataTables_filter input{
    background: #FFFFFF!important;
    border: 1px solid #A8B2BA!important;
    color: #657285!important;
    font-weight: 400!important;
    font-size: 14px!important;
    line-height: 26px!important;
    padding: 1px 8px!important;
    border-radius: 6px!important;
    box-shadow: none!important;
    outline: 0;
    padding-left: 27px !important;
    width: 190px;
}

.dataTables_wrapper .dataTables_filter label{
    font-size: 0;
    position: relative;
}

.dataTables_wrapper .dataTables_filter label:before{
    content: '';
    background: url('../img/searchLens.png') no-repeat;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    top: 8px;
    left: 12px;
}

.dataTables_wrapper {
    padding-top: 20px;
    /* background: #C2CED8; */
}

.dataTables_wrapper .dataTables_length select{
    background: #FFFFFF !important;
    border: 1px solid #A8B2BA!important;
    color: #657285;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    padding: 1px 8px !important;
    border-radius: 6px !important;
    min-width: 64px;
}

.dataTables_wrapper .dataTables_length{
    padding-bottom: 16px;
    padding-left: 17px;
    position: relative;
}

.btn.grayBtn.copyQuote{
    min-width: 120px;
}

.dataTables_wrapper .dataTables_length:after{
    background: url(../img/arrowDown.png) no-repeat;
    content: '';
    width: 9px;
    height: 5px;
    display: block;
    position: absolute;
    right: 65px;
    top: 13px;
}

.dataTables_wrapper .dataTables_info{
    color: #364154!important;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    margin-right: 22px;
    padding-left: 16px;
}

.dataTables_wrapper .dataTables_paginate{
    float: left;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background: #FFFFFF !important;
    border: 1px solid #fff !important;
    box-shadow: none;
    padding: 2px 5px;
    border-radius: 6px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next{
    /* width: auto;
    height: auto; */
    border: none!important;
    font-weight: 400;
    font-size: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous:after,
.ProvidersMasterDetail .pagination .cursor-default.rounded-l-md:after,
.ProvidersMasterDetail .pagination .px-2:after{
    background: url(../img/prev.png) no-repeat;
    content: '';
    position: absolute;
    height: 30px;
    width: 30px;
    top: -6px;
    left: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next:after,
.ProvidersMasterDetail .pagination a:last-child:after{
    background: url(../img/next.png) no-repeat;
    content: '';
    position: absolute;
    height: 30px;
    width: 30px;
    top: -6px;
    left: 0;
}

.ProvidersMasterDetail .pagination a:last-child:after,
.ProvidersMasterDetail .pagination .cursor-default.rounded-l-md:after,
.ProvidersMasterDetail .pagination .px-2:after{
    top: -1px;
    left: -1px;
}

.ProvidersMasterDetail .pagination .hidden {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: transparent;
}

.dataTables_wrapper .dataTables_paginate .paginate_button,
.ProvidersMasterDetail .pagination a{
    border: 1px solid #657285!important;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #364154!important;
    width: 30px;
    height: 30px;
    padding: 2px 5px!important;
    background: transparent !important;
    border-radius: 6px!important;
    margin: 0 6px!important;
    position: relative;
}

.ProvidersMasterDetail .pagination a,
.ProvidersMasterDetail .pagination .cursor-default{
    display: inline-block;
    text-align: center;
}

.ProvidersMasterDetail .pagination .cursor-default{
    background: #FFFFFF !important;
    border: 1px solid #fff !important;
    width: 30px;
    height: 30px;
    padding: 2px 5px!important;
    margin: 0 6px!important;
    position: relative;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    border-radius: 6px!important;
}

.mainRightSectionWrap .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    color: #364154!important;
}

.dataTables_wrapper .dataTables_paginate{
    float: left!important;
    padding-top: 6px !important;
    padding-bottom: 10px;
}

.customerServiceTable .grayBtn{
    width: 119px;
}

.tableWrap .dataTables_wrapper .dataTables_filter{
    padding-right: 15px;
}

#form-valid-profile .btmBtnWrap{
    margin-left: 0px;
    margin-right: 0px;
}

.mainRightSectionWrap.bg-white .tableWrapn{
    background: #efefef
}

/* checkbox */
.checkboxWrap{
    padding: 30px 15px;
    margin-left: 30px;
}
.checkboxWrap ul {
    list-style: none;
}
.checkboxWrap .child{
    margin: 5px 20px;
}
.checkboxWrap input[type="checkbox"] {
    margin-right: 10px;
}
.checkboxWrap .parent{
    margin: 5px 20px;
}

.dashboardWrap .orderDetail select{
    margin: 5px 0 0 25px;
}

div.dataTables_processing{
    top: 0px !important;
    z-index: 9999;
    margin-top: 10px !important;
}