/*
{"purple" : "rgb(63, 81, 181)"},
{"dark-gray" : "rgb(99, 121, 142)"},
{"sky" : "rgb(46, 141, 220)"},
{"green" : "rgb(55, 160, 0)"},
{"orange" : "rgb(255, 169, 0)"},
{"magento" : "rgb(232, 62, 140)"},
{"white" : "rgb(255, 255, 255)"},
{"black" : "rgb(30, 30, 30)"},
{"light-purple" : "rgb(233, 224, 255)"},
{"light-gray" : "rgb(238, 238, 238)"},
{"mid-light-gray" : "rgb(204, 204, 204)"},
{"light-yellow" : "rgb(250, 240, 170)"},
{"light-sky" : "rgb(213, 232, 248)"}
*/

:root {
  --purple: 63, 81, 181;
  --dark-gray: 99, 121, 142;
  --sky: 46, 141, 220;
  --green: 55, 160, 0;
  --orange: 255, 169, 0;
  --magento: 232, 62, 140;
  --white: 255, 255, 255;
  --black: 30, 30, 30;
  --light-purple: 233, 224, 255;
  --light-gray: 238, 238, 238;
  --mid-light-gray: 204, 204, 204;
  --light-yellow: 250, 240, 170;
  --light-sky: 213, 232, 248;
  --display-no-Icon: none;
  --display-Icon: inline-block;
  --display-LblPos: left;
  --display-Shape: normal;

  --purple_1: rgb(127, 37, 177);
  --dark-gray_1: rgb(193, 161, 211);
  --sky_1: rgb(13, 51, 93);
  --green_1: rgb(0, 175, 145);
  --orange_1: rgb(255, 205, 163);
  --magento_1: rgb(44, 46, 29);
  --white_1: rgb(255, 255, 255);
  --black_1: rgb(30, 30, 30);
  --light-purple_1: rgb(255, 243, 230);
  --light-gray_1: rgb(255, 243, 230);
  --mid-light-gray_1: rgb(255, 243, 230);
  --light-yellow_1: rgb(255, 243, 230);
  --light-sky_1: rgb(255, 243, 230);

  --defaultBgClr: var(--light-gray);
  --defaultTxtClr: var(--white);
  --primaryBgClr: var(--purple);
  --primaryTxtClr: var(--white);
  --successBgClr: var(--green);
  --successTxtClr: var(--white);
  --dangerBgClr: var(--magento);
  --dangerTxtClr: var(--white);
  --infoBgClr: var(--sky);
  --infoTxtClr: var(--white);
  --warningBgClr: var(--orange);
  --warningTxtClr: var(--white);
  --secondaryBgClr: var(--dark-gray);
  --secondaryTxtClr: var(--white);

  --sbLevel1BgClr: var(--light-gray);
  --sbLevel1TxtClr: var(--black);
  --sbLevel1ActiveBgClr: var(--purple);
  --sbLevel1ActiveTxtClr: var(--white);
  --sbLevel2BgClr: var(--light-purple);
  --sbLevel2TxtClr: var(--black);
  --sbLevel2ActiveBgClr: var(--dark-gray);
  --sbLevel2ActiveTxtClr: var(--white);
  --sbLevel3BgClr: var(--light-sky);
  --sbLevel3TxtClr: var(--black);
  --sbLevel3ActiveBgClr: var(--sky);
  --sbLevel3ActiveTxtClr: var(--white);
  --topMenuBgClr: var(--light-gray);
  --topMenuTxtClr: var(--purple);
  --topMenuActiveBgClr: var(--purple);
  --topMenuActiveTxtClr: var(--white);
  --pagemenu1BgClr: var(--light-gray);
  --pagemenu1TxtClr: var(--black);
  --pagemenu1ActBgClr: var(--purple);
  --pagemenu1ActTxtClr: var(--white);
  --pagemenu2BgClr: var(--light-gray);
  --pagemenu2TxtClr: var(--black);
  --pagemenu2ActBgClr: var(--dark-gray);
  --pagemenu2ActTxtClr: var(--white);
  --pagemenu3BgClr: var(--light-sky);
  --pagemenu3TxtClr: var(--black);
  --pagemenu3ActBgClr: var(--sky);
  --pagemenu3ActTxtClr: var(--white);
  --commonDDBgClr: var(--light-sky);
  --commonDDTxtClr: var(--magento);
  --inputBg: var(--white);
  --inputTxt: var(--black);
  --inputFocusbg: var(--light-yellow);
  --inputFocusTxt: var(--black);
  --bottomlineBgClr: var(--black);
  --bottomlineTxtClr: var(--white);
  --footerBgClr: var(--light-yellow);
  --footerTxtClr: var(--light-sky);
  --cardheaderBgClr: var(--light-sky);
  --cardheaderTxtClr: var(--purple);
  --bodyBgClr: var(--white);
  --containerBg: var(--purple);
  --gridHeaderBgClr: var(--light-gray);
  --gridHeaderTxtClr: var(--black);
  --gridBgClr: var(--white);
  --gridTxtClr: var(--black);
  --gridSelectBgClr: var(--dark-gray);
  --gridSelectTxtClr: var(--white);

  --sidebarIcon: var(--display-Icon);
  --topMenuIcon: var(--display-Icon);
  --pageTab1Icon: var(--display-Icon);
  --pageTab2Icon: var(--display-Icon);
  --pageTab3Icon: var(--display-Icon);
  --inputLblPosition: var(--display-LblPos);
  --inputShape: var(--display-Shape);

}

.bg-dark {
  background: rgb(var(--light-gray)) !important;
}

.bg-light {
  background-color: rgb(var(--white)) !important;
  /*box-shadow: 0px 0px 8px rgb(var(--dark-gray));*/
}

.sidebar.sidebar-dark>ul>li {
  border-bottom: .2vh solid rgb(var(--white));
}

.rightbar-dark ul li a:hover,
.rightbar-dark ul .active a,
.sidebar-dark ul li a:hover,
.sidebar-dark ul .active a,
#topMoreButton:hover {
  border-radius: 22px;
  border: 2px rgb(var(--purple)) solid !important;
  color: rgb(var(--purple));
}

.rightbar ul li a,
.sidebar ul li a {
  padding: 4px 5px 4px 6px !important;
  color: rgb(var(--sbLevel1TxtClr));
  background: rgb(var(--sbLevel1BgClr));
  border-radius: 22px;
  border: 2px rgba(238, 238, 238, 0) solid !important;
}

.rightbar-dark ul li a:hover,
.rightbar-dark ul .active a,
.sidebar-dark ul li a:hover,
.sidebar-dark ul .active a,
#topMoreButton:hover {
  border-radius: 22px;
  border: 2px rgb(var(--sbLevel1ActiveBgClr)) solid !important;
}

.list-unstyled {
  padding-left: 5px;
  padding-right: 3px;
  margin: 2px 0;
}

.sidebar.sidebar-dark ul li a i {
  color: rgb(var(--sbLevel1ActiveTxtClr));
  background: rgb(var(--sbLevel1ActiveBgClr));
  height: 24px;
  width: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 50px;
}

.sidebar-dark ul li a:hover i {
  color: rgb(var(--white)) !important;
}

.sidebar.sidebar-dark ul li a.active i {
  background: rgb(var(--sbLevel1BgClr));
  color: rgb(var(--sbLevel1TxtClr));
}

#leftMenu>ul>li a[aria-expanded='true']~ul li div a.active {
  background: rgb(var(--sbLevel2ActiveBgClr));
  color: rgb(var(--sbLevel2ActiveTxtClr));
}

#leftMenu>ul>ul>li a[aria-expanded='true']~ul li div a.active {
  background: rgb(var(--sbLevel3ActiveBgClr));
  color: rgb(var(--sbLevel3ActiveTxtClr));
}

.sidebar.sidebar-dark ul ul.show li a.active:after {
  background: #fff;
}



#leftMenu>ul>li a[aria-expanded='true']~ul li div a.active:hover,
#leftMenu>ul>li a[aria-expanded='true']~ul li div a:hover {
  border: 2px rgb(var(--dark-gray)) solid !important;
}

#leftMenu>ul>li a[aria-expanded='true']~ul li div a.active~ul li a.active {
  background: rgb(var(--sky)) !important;
  color: rgb(var(--white)) !important;
}

#leftMenu>ul>li a[aria-expanded='true']~ul li div a.active~ul li a.active:hover,
#leftMenu>ul>li a[aria-expanded='true']~ul li div a.active~ul li a.active {
  border: 2px rgb(var(--sky)) solid !important;
}

.rightbar-dark [aria-expanded="true"],
.sidebar-dark [aria-expanded="true"],
.rightbar-dark a.active,
.sidebar-dark a.active,
#leftMenu a.active {
  background: rgb(var(--sbLevel1ActiveBgClr));
  color: rgb(var(--sbLevel1ActiveTxtClr));
  /* border-radius: 22px; */
}

/* .sidebar-dark [aria-expanded="true"] i {
  color: white !important;
} */

.sag_grid .paginationBlk .btn-group .btn {
  height: 26px;
  width: 28px;
  align-items: center;
  display: flex;
  border: none;
  justify-content: center;
  background: rgb(var(--purple));
  color: rgb(var(--white)) !important;
  border-radius: 3px;
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle,
.sag_grid .paginationBlk .btn-group .btn:nth-child(3),
.sag_grid .paginationBlk .btn-group .btn:nth-child(4) {
  background: rgb(var(--magento));
}

.sag_grid .paginationBlk .btn-group .btn:nth-child(3) i,
.sag_grid .paginationBlk .btn-group .btn:nth-child(4) i {
  color: rgb(var(--white)) !important;
}

.sidebar.sidebar-dark ul ul {
  margin-left: 0px;
  background: rgb(var(--sbLevel2BgClr));
  border-radius: 20px;
  padding: 5px 7px;
}

.sidebar.sidebar-dark ul ul ul {
  background: rgb(var(--sbLevel3BgClr));
}

.rightbar-dark ul ul a,
.sidebar-dark ul ul a {
  background: rgb(var(--sbLevel2BgClr));
  ;
  color: rgb(var(--sbLevel2TxtClr));
  ;
  padding-left: 14px !important;
}

.sidebar-dark ul ul ul a {
  background: rgb(var(--sbLevel3BgClr));
  ;
  color: rgb(var(--sbLevel3TxtClr));
  ;
}

.sidebar.sidebar-dark ul ul li a {
  border-left: 0px;
}

.sidebar.sidebar-dark ul ul li a:after {
  width: 6px;
  height: 6px;
  border-radius: 5px;
  margin: 6px 6px;
}

#leftMenu ul ul li.active:hover,
#leftMenu ul ul li a:hover {
  border: 2px rgb(var(--sbLevel2ActiveBgClr)) solid !important;
}

#leftMenu ul ul ul li.active:hover,
#leftMenu ul ul ul li a:hover {
  border: 2px rgb(var(--sbLevel3ActiveBgClr)) solid !important;
}

#leftMenu>ul>li a[aria-expanded='true']~ul li div a.active~ul li a.active:hover,
#leftMenu>ul>li a[aria-expanded='true']~ul li div a.active~ul li a.active {
  border: 2px rgb(var(--sbLevel3ActiveBgClr)) solid !important;
}

#leftMenu>ul>li a[aria-expanded='true']~ul li div a.active~ul li a.active {
  background: rgb(var(--sbLevel3ActiveBgClr));
  color: rgb(var(--sbLevel3ActiveTxtClr));
}

.consolidate-dropdown,
.sagFieldsec {
  background-color: rgb(var(--commonDDBgClr));
  border: 1px solid rgb(var(--sbLevel1ActiveTxtClr));
  padding: 0.2vh;
}

.show>.btn-primary.dropdown-toggle,
.nav-pills .show>.nav-link {
  background: rgb(var(--primaryBgClr));
  border-color: rgb(var(--primaryBgClr));
  color: rgb(var(--primaryTxtClr));
  font-weight: bold;
}

.nav-pills .nav-link.active {
  background: rgb(var(--primaryBgClr));
  border-color: rgb(var(--primaryBgClr));
  color: rgb(var(--primaryTxtClr));
  /* filter: saturate(0.8); */
}

.btn-secondary,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active {
  background: rgb(var(--secondaryBgClr));
  border-color: rgb(var(--secondaryBgClr));
  color: rgb(var(--secondaryTxtClr));
}

.btn-secondary:hover,
.btn-secondary.active {
  background: rgb(var(--secondaryBgClr));
  border-color: rgb(var(--secondaryBgClr));
  color: rgb(var(--secondaryTxtClr));
  /* filter: saturate(0.8); */
}

.btn-primary,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
  background: rgb(var(--primaryBgClr));
  border-color: rgb(var(--primaryBgClr));
  color: rgb(var(--primaryTxtClr));
}

.btn-primary:hover,
.btn-primary.active {
  background: rgb(var(--primaryBgClr));
  border-color: rgb(var(--primaryBgClr));
  color: rgb(var(--primaryTxtClr));
  /* filter: saturate(0.8); */
}

.btn-danger,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active {
  background: rgb(var(--dangerBgClr));
  border-color: rgb(var(--dangerBgClr));
  color: rgb(var(--dangerTxtClr));
}

.btn-danger:hover,
.btn-danger.active {
  background: rgb(var(--dangerBgClr));
  border-color: rgb(var(--dangerBgClr));
  color: rgb(var(--dangerTxtClr));
  /* filter: saturate(0.8); */
}

.btn-success {
  background: rgb(var(--successBgClr));
  border-color: rgb(var(--successBgClr));
  color: rgb(var(--successTxtClr));
}

.btn-success:hover,
.btn-success.active {
  background: rgb(var(--successBgClr));
  border-color: rgb(var(--successBgClr));
  color: rgb(var(--successTxtClr));
  /* filter: saturate(0.8); */
}

.btn-warning {
  background: rgb(var(--warningBgClr));
  border-color: rgb(var(--warningBgClr));
  color: rgb(var(--warningTxtClr));
}

.btn-warning:hover,
.btn-warning.active {
  background: rgb(var(--warningBgClr));
  border-color: rgb(var(--warningBgClr));
  color: rgb(var(--warningTxtClr));
  /* filter: saturate(0.8); */
}

.btn-info {
  background: rgb(var(--infoBgClr));
  border-color: rgb(var(--infoBgClr));
  color: rgb(var(--infoTxtClr));
}

.btn-info:hover,
.btn-info.active {
  background: rgb(var(--infoBgClr)) !important;
  border-color: rgb(var(--infoBgClr)) !important;
  color: rgb(var(--infoTxtClr)) !important;
  /* filter: saturate(0.8); */
}

.sml_slectedRow {
  background-color: rgb(var(--dark-gray)) !important;
  color: rgb(var(--white));
}

.mainDivTbody .grid_row:hover .grid_cell {
  background: rgb(var(--light-sky));
}

.navbar-light .nav-link,
.navbar-light .navbar-text {
  background: rgb(var(--light-gray));
  border-radius: 50px;
}

.nav-link i {
  /* background: rgb(var(--white));
	height: 25px;
	width: 25px;
	text-align: center;
	line-height: 25px;
	border-radius: 50px; */
  margin-right: 5px;
}

.nav-link {
  display: block;
  padding: 0.3rem 1rem;
}

.navbar {
  padding: 5px 10px
}

#navbarColor01 .dropdown-menu:before {
  content: "";
  position: absolute;
  border-bottom: 5px solid #fff;
  border-top: 0;
  border-left: 5px solid #ccc0;
  border-right: 5px solid #ccc0;
  top: -5px;
  left: 50%;
}

/* .dropdown-menu.show {
    border-radius: 0;
    top: 45px;
    box-shadow: 0px 1px 10px 2px #7d7d7d;
} */
#navbarColor01 .dropdown-menu-right ul {
  padding: 5px 10px;
  border: 1px solid rgba(0, 0, 0, .15);
  border-top: 0px;
  color: rgb(var(--sky)) !important;
}

#navbarColor01 .dropdown-menu-right ul:hover {
  background: transparent;
}

.bg-secondary {
  background-color: rgb(var(--purple)) !important;
}

#newDashboard[_ngcontent-hmf-c2] .nav-pills[_ngcontent-hmf-c2] .nav-item[_ngcontent-hmf-c2] a[_ngcontent-hmf-c2] {
  background: rgb(var(--purple)) !important;
}

/* #leftMenu ul li a[aria-expanded='true']~ul li a.active {
	background: rgb(var(--sky))!important;
	color: rgb(var(--white));
} */

.headerMain a.nav-link:focus,
.headerMain a.nav-link:hover,
.headerMain .navbar-collapse .nav-item>.nav-link:focus,
.headerMain .navbar-collapse .nav-item>.nav-link:hover {
  color: rgb(var(--topMenuActiveTxtClr));
  background: rgb(var(--topMenuActiveBgClr));
}

.navbar-light .navbar-nav .nav-link.text-succes:focus,
.navbar-light .navbar-nav .nav-link.text-succes:hover {
  color: rgb(var(--white));
  background: rgb(var(--green));
}

.headerMain a.nav-link:focus i,
.headerMain a.nav-link:hover i,
.navbar-light .navbar-nav .nav-link:focus i,
.navbar-light .navbar-nav .nav-link:hover i {
  color: rgb(var(--purple));
  background: rgb(var(--white));
}

app-header {
  border-top: 2px rgb(var(--pagemenuActBgClr)) solid;
}

.sagFieldsec .form-group>label {
  color: rgb(var(--commonDDTxtClr)) !important;
  font-weight: bold;
}

.header_cell {
  /* border-right: 1px solid #47acff;
	background: rgb(var(--mid-light-gray)); */
  border-top: 1px solid rgb(var(--mid-light-gray));
}

.header_cell .sagGridFilter {
  background-color: rgb(var(--mid-light-gray));
}

input,
optgroup,
select,
textarea {
  border: 1px rgb(var(--light-yellow)) solid;
}

.header_cell input[type="text"] {
  text-indent: 5px;
}

.wrapperMain .headerMain {
  box-shadow: 0 0 14px var(--gray);
  -moz-box-shadow: 0 0 14px var(--gray);
  -webkit-box-shadow: 0 0 14px var(--gray);
  background: #fff;
  border-bottom: 0;
  z-index: 9999;
}

.headerMain i {
  border-radius: 22px;
  background: rgb(var(--white));
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: rgb(var(--topMenuTxtClr));
  margin: 0 !important;
  font-family: Font Awesome\ 5 Free;

}

.headerMain .navbar-collapse .nav-item {
  padding: 0 2px
}

.headerMain .navbar-collapse .nav-item>.nav-link {
  padding: 2px 10px 2px 2px;
  color: rgb(var(--topMenuTxtClr));
  background: rgb(var(--topMenuBgClr));
  font-weight: 600;
  border: none
}

.headerMain .navbar-collapse .dropdown-toggle .nav-item {
  padding: 8px
}

.wrapperMain .headerMain .navbar-collapse .nav-item {
  padding: 0 2px;
  white-space: nowrap;
}

.headerMain .navbar-collapse .nav-item>.nav-link:focus {
  border: unset;
  outline: unset
}

/* reset color */
/* 
.bg-success {
	background: rgb(var(--purple))!important;
	color: rgb(var(--white))!important
} */

/**/

/* naving start */

.page-footer .dropup.btn-primary {
  padding: 0;
  background: none;
  border: none
}

.nav-pills .nav-link {
  border: none;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 15px;
  margin: 0 0px 0 0px;
  width: 100%;
  text-align: center;
  background: rgb(var(--light-gray));
  border-right: 1px rgb(var(--dark-gray)) solid;
}

.nav-pills li:last-child .nav-link {
  border: none
}

.nav-pills .nav-link:hover {
  background: rgb(var(--purple));
  color: rgb(var(--white));
}

.nav-pills.nav-one {
  display: flex;
  flex-wrap: wrap
}

/*.nav-pills.nav-one .nav-item{	display: flex;    flex: 1;}*/

.nav-pills.nav-one .nav-item .nav-link {
  padding: 4px 15px;
}

.nav-pills.nav-one .nav-item .nav-link,
.nav-pills.nav-one .nav-item .nav-link {
  color: rgb(var(--pagemenu1TxtClr));
  background: rgb(var(--pagemenu1BgClr));
  border-right: 1px rgb(var(--pagemenu1ActBgClr)) solid;
}

.nav-pills.nav-one .nav-item .nav-link.active,
.nav-pills.nav-one .nav-item .nav-link:hover {
  color: rgb(var(--pagemenu1ActTxtClr));
  background: rgb(var(--pagemenu1ActBgClr));
}

.nav-pills.nav-two {
  display: flex;
  flex-wrap: wrap
}

/*.nav-pills.nav-two .nav-item{	display: flex;    flex: 1;}*/

.nav-pills.nav-two .nav-item .nav-link {
  padding: 3px 11px;
  color: rgb(var(--dark-gray));
}

.nav-pills.nav-two .nav-item .nav-link,
.nav-pills.nav-two .nav-item .nav-link {
  color: rgb(var(--pagemenu2TxtClr));
  background: rgb(var(--pagemenu2BgClr));
  border-right: 1px rgb(var(--pagemenu2ActBgClr)) solid;
}

.nav-pills.nav-two .nav-item .nav-link.active,
.nav-pills.nav-two .nav-item .nav-link:hover {
  color: rgb(var(--pagemenu2ActTxtClr));
  background: rgb(var(--pagemenu2ActBgClr));
}

.nav-pills.nav-three {
  display: flex;
  flex-wrap: wrap
}

/*.nav-pills.nav-three .nav-item{	display: flex;    flex: 1;}*/

.nav-pills.nav-three .nav-item .nav-link {
  padding: 4px 15px;
  background: rgba(var(--pagemenu3BgClr));
  color: rgb(var(--pagemenu3TxtClr));
}

.nav-pills.nav-three .nav-item .nav-link.active,
.nav-pills.nav-three .nav-item .nav-link:hover {
  background: rgba(var(--pagemenu3ActBgClr));
  color: rgb(var(--pagemenu3ActTxtClr));
}

.dropend .dropdown-menu {
  top: auto
}

.footer-right-menu .btn-group.dropup .dropdown-menu .dropdown-submenu .dropdown-menu a:hover,
.footer-right-menu .btn-group.dropup .dropdown-menu .dropdown-submenu:hover a,
.dropdown-menu a:hover {
  background: rgb(var(--sky));
  color: rgb(var(--white))
}

.footer-right-menu .btn-group.dropup .dropdown-menu .dropdown-submenu .dropdown-menu a,
.dropdown-menu a {
  color: rgb(var(--sbLevel1ActiveBgClr)) !important;
  background: rgb(var(--sbLevel1ActiveTxtClr)) !important;
}

#navbarColor01 .dropdown-menu:before {
  content: "";
  position: absolute;
  border-bottom: 5px solid rgb(var(--white));
  border-top: 0;
  border-left: 5px solid #ccc0;
  border-right: 5px solid #ccc0;
  top: -5px;
  left: 50%;
}

#navbarColor01 .dropdown-menu.show {
  border-radius: 0;
  top: 45px;
  box-shadow: 0px 1px 10px 2px #7d7d7d;
}

#navbarColor01 .dropdown-menu-right ul {
  padding: 5px 10px;
  border: 1px solid rgba(0, 0, 0, .15);
  border-top: 0px;
  color: rgb(var(--sky)) !important;
}

#navbarColor01 .dropdown-menu-right ul:hover {
  background: transparent;
}

.btn-group.dropup.btn-primary.active,
.btn-group.dropup.btn-primary {
  padding: 0 !important
}

/* naving end */

/* footer navigation start */

footer .btn-group.dropup,
footer .btn {
  border-radius: 22px;
}

/* footer navigation end */

/* ---Faizan 5/6/2020----Start-- */

/* ---Modal Start-- */

.modal-sm .modal-header h4 {
  font-weight: bold;
}

h5#exampleModalLongTitle {
  font-weight: bold;
}

.modal-header,
.modal-footer {
  /* background: #f9f7f7; */
  background: rgb(var(--gridHeaderBgClr));
  color: rgb(var(--gridHeaderTxtClr));
}

.modal-header {
  padding: 1rem 1rem;
}

.btn-danger {
  background-color: rgb(var(--dangerBgClr));
  border-color: rgb(var(--dangerBgClr));
  color: rgb(var(--dangerTxtClr));
}

#smsEmailSending .modal-body .form-group .inputBox .btn {
  border-radius: 22px;
  margin-bottom: 0px;
}

.maxsize {
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.modal-title .fa {
  font-weight: normal;
}

.angular-editor-button .fa {
  font-family: Font Awesome \ 5 Free;
}

#sellerModal #goodsOrServiceGrid {
  min-height: 270px;
}

.modal .modal-fullscreen>.modal-dialog,
.modal .modal-fullscreen {
  padding: 0 !important;
  top: 0 !important;
  margin: 0 !important;
}

/* ---Modal End-- */

/*.table-bordered td:first-child {
	 text-align: center; 
}*/

.table-bordered .form-check {
  text-align: left;
}

/* ---header nav-bar strat--- */

/* ---header nav-bar End--- */

/* ---Faizan 5/6/2020----End-- */



.gridColumnTblTwo {
  max-height: 460px;
  overflow-x: hidden;
  overflow-y: auto;
}

.gridColumnTblTwo .table td {
  padding: 1px 5px;
  text-align: left !important;
}

.modal .modal-content {
  border-radius: 24px;
}

.modal .modal-content .modal-header {
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
}

.modal .modal-content .modal-footer {
  border-radius: 0px 0px 22px 22px;
  border-radius: 0px 0px 22px 22px;
}

.modal .modal-content .modal-footer .btn {
  border-radius: 22px;
}

.modalFullscreen .modal-content,
.modal-full-screen .modal-content {
  border-radius: 0;
}

.modalFullscreen .modal-content .modal-header,
.modal-full-screen .modal-content .modal-header {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.modalFullscreen .modal-content .modal-footer,
.modal-full-screen .modal-content .modal-footer {
  border-radius: 0px 0px 0 0;
  border-radius: 0px 0px 0 0;
}

.modalFullscreen .modal-content .modal-footer .btn,
.modal-full-screen .modal-content .modal-footer .btn {
  border-radius: 0;
}

.tableColors li.greenColor {
  background-color: #e1ffe5;
}

.tableColors li {
  display: inline-block;
  padding: 0.8vh;
}

.tableColors li.greyColor {
  background-color: #e2e2e2;
}

.addicon i {
  background-color: #192567;
}


/* .form-check-label::after {
    position: absolute;
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-position: center center; 
    background-size: 50% 50%;
    top: 0.10rem;
    left: -1.6rem;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
} */

/* .form-check-label::before {
    position: absolute;
    top: 0.10rem;
    left: -1.6rem;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6;
} */

/* .form-check-label {
    position: fixed;
    margin-bottom: 0;
    padding-left: 6px;
   
} */

#collapseExample i {
  font-size: 16px;
}


@media not all and (min-resolution:.001dpcm) {


  .rightbar.toggled {
    margin-right: -230px;
    display: none !important;
  }

  .rightbar {

    display: none !important;
  }

  .page-footer {
    display: initial !important;
    justify-content: space-between !important;

  }

  .footer-left-menu {
    float: left !important;
  }



  .topMenu #leftMenu .list-unstyled li ul {
    top: 14% !important;
  }

  .footer-right-menu {

    float: right !important;
    margin-top: 5px;

  }


}


/*----- 09-28-2020 Faizan----- */
.diffrenceBlk .well {
  font-size: 1vw;
}

.diffrenceBlk .well {
  margin-bottom: 0;
  padding: 6px;
  box-sizing: border-box;
}

.diffrenceBlk .staticHeadTbl {
  margin-top: 0;
  margin-bottom: 0;
}

.diffrenceBlk span {
  line-height: 3.5vh;
}

.diffrenceBlk b {
  font-size: .8vw;
}

.sidebar.bg-dark {
  background: rgb(var(--sbLevel1BgClr)) !important;
}

.wrapperMain .footerMain {
  background: rgb(var(--bottomlineBgClr));
  color: rgb(var(--bottomlineTxtClr));
}

/* ----- GRID-COLORS START ----- */
.header_Blk,
.header_cell {
  background: rgb(var(--gridHeaderBgClr)) !important;
  color: rgb(var(--gridHeaderTxtClr)) !important;
}

.totalFooter,
.footerGrid {
  background: rgb(var(--gridHeaderBgClr)) !important;
  filter: brightness(.95) !important;
}

.header_cell .sagGridFilter {
  background-color: inherit !important;
  color: inherit !important;
}

.totalFooter .totalField,
.sag_grid {
  background: rgb(var(--gridBgClr)) !important;
  color: rgb(var(--gridTxtClr)) !important;
}

.sml_slectedRow {
  background: rgb(var(--gridSelectBgClr)) !important;
  color: rgb(var(--gridSelectTxtClr)) !important;
}

.sag_grid .paginationBlk .btn-group .btn {
  background: rgb(var(--primaryBgClr)) !important;
  color: rgb(var(--primaryTxtClr)) !important;
}

.sag_grid .paginationBlk .btn-group .btn:nth-child(3),
.sag_grid .paginationBlk .btn-group .btn:nth-child(4) {
  background: rgb(var(--dangerBgClr)) !important;
  color: rgb(var(--dangerTxtClr)) !important;
}

/* ----- GRID-COLORS END ----- */
/* ------ INPUT SECTION START ------ */
.form-control {
  background: rgb(var(--inputBg));
  color: rgb(var(--inputTxt));
}

.form-control:focus {
  background: rgb(var(--inputFocusbg));
  color: rgb(var(--inputFocusTxt));
}

/* ------ INPUT SECTION END ------ */
.wrapperMain .bodyMain .content {
  background: rgb(var(--bodyBgClr)) !important
}

body {
  background: rgb(var(--bodyBgClr)) !important
}

/* .sagloader{ display: none!important} */
.navbar-light .navbar-brand {
  color: rgb(var(--sbLevel1ActiveBgClr));
}

.border-primary {
  border-color: rgb(var(--sbLevel1ActiveBgClr)) !important;
}

body .ui-dropdown .ui-dropdown {
  border: none !important
}

.notice_board table .isOdd {
  background: rgb(var(--sbLevel1ActiveBgClr))
}

.notice_board table tr td {
  border-color: rgb(var(--sbLevel2ActiveBgClr))
}


/* @keyframes newupdate {
  from {
    color: red
  }

  to {
    color: #53634b
  }
} */


.newLinkanimate {
  animation-duration: 0s !important;
  color: rgb(var(--purple)) !important;
}

/* .headerMain a.newupdate {
  animation-name: newupdate;
  border: none;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
} */



/* a.newupdate:hover {
  color: rgb(var(--white)) !important;
}  */

/* icon css start */
/*
--sidebarIcon  : var(--display-Icon);
--topMenuIcon : var(--display-Icon);
--pageTab1Icon  : var(--display-Icon);
--pageTab2Icon  : var(--display-Icon);
--pageTab3Icon  : var(--display-Icon);
--inputShape  : var(--display-Shape);
--inputLblPosition  : var(--display-LblPos);
*/
.headerMain i {
  display: var(--topMenuIcon);
}

.sidebar.sidebar-dark ul li a i {
  display: var(--sidebarIcon);
}

/* icon css end */
.modal-header .close:hover {
  background: inherit !important;
}

.modal-header .close {
  padding: unset !important;
  margin: unset !important;
  font-size: 18px;
  opacity: .7;
  width: inherit !important;
  height: inherit !important;
  background: inherit !important;
  transition: all linear .3s;
  text-shadow: none;
  color: #444 !important;
}

.wrapper_top label {
  font-size: 1rem;
}