.side-app { min-height: calc(100vh - 109px); }
.panel { min-height: calc(100vh - 155px); }
.breadcrumb>li { line-height: 19px;}
.tbl1chk {font-size:0;}
.tbl1Bx { padding: 0px 0 !important;}
table.dataTable.no-footer {border-bottom: 1px solid #cbcee8;}
.culistVen .btn-action .btn, .tbl1Bx .btn-action .btn { box-shadow: unset; padding: 4px 12px; color:#fff; border-radius:3px; margin: 0 3px;}
.dataTables_paginate span a.fg-button {box-shadow: unset !important;}
div.dt-buttons button.dt-button {
    border: 1px solid #089e60;
    background: #fff;
    border-radius: 3px;
    line-height: 36px;
    padding: 0 15px;
    margin:0 8px 0 0;
    font-size: 14px;
    outline: none;
}
div.dt-buttons button.dt-button:hover, div.dt-buttons button.dt-button:hover span {background:#089e60; color:#fff; }
.dt-buttons.ui-buttonset {font-size: 0;}
div.dataTables_wrapper div.dataTables_filter input, .dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_filter select {
    border: 1px solid #e4e6f9 ;
    border-radius: 3px; padding: 0 4px;
    outline: none;
    height: 38px; font-size: 14px;
}
div.dataTables_wrapper div.dataTables_filter input:focus, .dataTables_wrapper .dataTables_filter input:focus {border: 1px solid #1396cc;}
.opt-table thead.bg-primary tr th {background:transparent;}
div.dataTables_wrapper div.dataTables_filter label {font-size:14px;}
table.dataTable.tbl1Bx thead th, table.dataTable.tbl1Bx thead td { padding: 10px 10px;}
.dataTables_wrapper .ui-toolbar { padding: 0;}
.invcTbl a.btn {margin:0 4px 0 0;}
.culistVen .dt-buttons.ui-buttonset { padding-left: 0; }

.btn.btn i { position: relative; top: -1px;}

table.tbl1Bx th:last-child {text-align: center;}
table.tbl1Bx td:last-child {text-align: center; }
table.tbl1Bx td:last-child .btn-action {width:100%;}

.btn-primary:hover { background: #11a96a;}
.dropdown-menu.show { margin: 0 0 0 -5px;}

.user-info .ml-2 { margin-left: 0rem !important;}
.swal-modal .swal-footer {text-align: center;}

.swal-button, .swal-button:active { background: #2177fd;}
.swal-button:hover, .swal-button:not([disabled]):hover {background: #2e73e4;}
.swal-text {color:#000;}

span.opstatusoff, span.opstatuson {}
.opstatusoff {color:#e41313;}
.opstatuson {color:#089e60;}

.fldtitl { font-size: 13px; line-height: 1.2; font-weight: 400;}
.fldtitl label {margin:0;}

.ynrdio {}
.ynrdio label, .ynrdio labe {margin: 0 14px 0 00;    vertical-align: middle;}
.ynrdio input {display: inline-block;vertical-align: middle; margin: 0 1px 0 0;}
.ynrdio span {display: inline-block;vertical-align: middle;}
.pac_rdio {padding: 9px 0;}
div.pack_set {padding: 10px 12px 0;background: rgba(248, 247, 255, 0.5);border-radius: 4px;border: 1px solid #e4e6f9;margin: 0 0 14px 0;}

.selpckTbl {}
.selpckTbl table.dataTable thead th, .selpckTbl table.dataTable thead td {padding: 10px 8px;border-bottom: 1px solid #dee2e6;}
.selpckTbl table.dataTable thead th {font-size:14px; font-weight:bold; text-transform: uppercase;}
.selpckTbl .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 5.5px 9px;
    margin-left: 0;
    border: 0px solid transparent;
    border-radius: 2px;
    color:#2177fd !important;
}
.selpckTbl thead select {    font-size: 13px;
    padding: 3px;
    border-radius: 3px;
    border: 1px solid #e4e6f9;
    color: #6c6a8d;}
.selpckTbl .dataTables_wrapper.no-footer .dataTables_scrollBody {      margin: 0 0 10px 0;  border-bottom: 1px solid #c6cae5;}
.selpckTbl .dataTables_wrapper .dataTables_paginate .paginate_button.current, .selpckTbl .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color:#fff !important;    background:#39435c; border:0;}
table.dataTable thead th {vertical-align: middle;}

.polcBox {}
.polcBox .widget-user .widget-user-header {    border-top-right-radius: 6px;    border-top-left-radius: 6px;}
.polcBox .pro-user-icons2 {    padding: 10px 0 0 0;    text-align: center;}
.polcBox .mediaicon2 {
    font-size: 18px;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 5px;
    border-radius: 20px;
    vertical-align: middle;
    line-height: 30px;
    color: #495057;
    background-color: #eaeaf9;
    border: 1px solid #cbcee8;
    display: inline-block;
    margin: 0 2px;
}
.polcBox .mediaicon2.verified {border: 1px solid #089e60;background: #089e60; color:#fff;}
.addnmbr {
    width: 38px;
    height: 38px;
    vertical-align: middle;
    border-radius: 50%;
    color: #495057;
    background: #eaeaf9;
    border: 1px solid #cbcee8;
    line-height: 38px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    display: inline-block;
}
.addbximg {
    width: calc(100% - 55px);
    display: inline-block;
    margin: 0 0 0 12px;
    vertical-align: middle;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 10px;
}
.pappBox1 {max-width:90%;}

.polcBox .card {min-height: 346px;}
.pckinfo {    background: #f7f8fa;}
.pckinfo h6 {
    font-size: 15px;
    line-height: 20px;
    color: #2A1B4D;
}

.pckinfo h6 b {
    color: #000;
}
.pckinfo .text-white h6, .pckinfo .text-white h6 b { color: #fff;}
.table-bordered.pckinfo td, .text-wrap.pckinfo table td {
    border: 1px solid #cccfe8;
}
.dt-buttons.ui-buttonset {    padding-left: 80px;}

.cntxts .accordionjs .acc_section.acc_active > .acc_head { color: #000;   background: #eaeaf9;}
.cntxts .accordionjs .acc_section.acc_active > .acc_head .addnmbr {background:#fff;}
.cnnmeT, .txt600 { font-weight: 600;}
ul.cnfiList li {
    margin: 0 0 10px 0;
}
a.btn.btn-primary.viewcustomer:hover, a.btn.btn-primary.notecustomer:hover { color: #fff; }

.culistVen table td:last-child, .culistVen table th:last-child {text-align: center;}
.culistVen table td .btn-action {    width: 100%;}

.dataTables_wrapper .dataTables_info {padding-left: 0px;}
.dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_filter {    padding-right: 0px;}

.plapv, .plnapv {}
.plapv i, .plnapv i {}
.plapv { color: #089e60; }
.plnapv { color: #F44336; }

.vldTxt {}
span.vldTxt {
    float: right;
    font-weight: bold;
}

.add_n1 {
    font-weight: 500;
    padding: 2px 0 0 0;
}
.add_n1 {
    font-weight: 500;
}
.pckHdTxt {    padding: 7px 0 0 0;}

span[class*='inclvat'] b {font-weight: bold; font-size: 14px;}

.noNote {color: #b1b1b7;}


.ummTble {border-collapse: collapse; width: 100%;}
.ummTble p {margin:0;}
.ummTble td, .ummTble th {border: 1px solid #e6e4e4;padding:6px;}
.ummTble tr:nth-child(even) {/* background-color: #eaeaf9; */}
.ummTble th {padding-top: 12px;padding-bottom: 12px;text-align: left;background-color:#2177fd;color: white; font-size:14px; border-color: #2177fd;}
.caltxt td {font-weight: bold;}
.ummTble tr td:last-child {text-align:right;}

.pckDtlxxx table {
    width: 100%;
    text-align: center;
}
.pckDtlxxx td {
    border: 2px solid #e4e6f9;
    padding: 8px;
    background: #fff;
}
.pckDtlxxx p {
    margin: 0;
}
.pckDtlxxx h6 {
    margin: 2px 0 4px 0;
    color: #76767d;
    font-weight: normal;
}
.pckDtlxxx span {
    font-size: 16px;
    font-weight: bold;
}




/*-------color file-----------*/
/*------- 2. Forms -------*/
.form-control:focus {
	border:1px solid #2177fe;
	box-shadow:none;
}
select.form-control:focus::-ms-value {
	border:1px solid  #2177fe !important;
}
/*--------3. Buttons ------*/
.btn-primary {
    border: 1px solid #2177fe;
    background: #2177fe;
	color:#fff;
}
.btn-primary:hover {
	color: #fff;
	background-color: #0657d6;
	border: 1px solid #0657d6;
}
.btn-primary:focus, .btn-primary.focus {
	box-shadow: 0 0 0 2px rgba(83, 18, 127, 0.1);
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #14a267;
	border-color: #14a267;
	opacity:0.7;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #2177fe;
	border-color: #2177fe;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(242,242,242, 0.1);
}
.btn-secondary {
	color: #fff;
	background-color: #2177fd !important;
	border-color: #1396cc;
}
.btn-secondary:hover {
	color: #fff;
	background: #2e73e4 !important;
	border-color: #00a0cc;
}
.btn-secondary:focus, .btn-secondary.focus {
	box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.1);
}
.btn-secondary.disabled, .btn-secondary:disabled {
	color: #fff;
	background-color: #1396cc;
	border-color: #1396cc;
	opacity:0.7;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: #1396cc;
	border-color: #1396cc;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show>.btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.1);
}
.btn-outline-primary {
	color: #2177fe ;
	background-color: transparent;
	background-image: none;
	border-color: #2177fe  !important;
}
.btn-outline-primary:hover {
	color: #fff;
	background-color: #2177fe ;
	border-color: #2177fe ;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
	box-shadow: 0 0 0 2px rgba(242,242,242, 0.1);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
	color: #2177fe ;
	background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show>.btn-outline-primary.dropdown-toggle {
	color: #fff;
	background-color: #2177fe ;
	border-color: #2177fe ;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(242,242,242, 0.1);
}
.btn-outline-secondary {
	color: #1396cc;
	background-color: transparent;
	background-image: none;
	border-color: #1396cc !important;
}
.btn-outline-secondary:hover {
	color: #fff;
	background-color: #1396cc;
	border-color: #1396cc;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
	box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.1);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
	color: #1396cc;
	background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show>.btn-outline-secondary.dropdown-toggle {
	color: #fff;
	background-color: #1396cc;
	border-color: #1396cc;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.1);
}

.btn-link {
	color: #2177fe ;
}
.btn-link:hover {
	color: #0657d6;
}
/*------4. Drop Downs-------*/
.notifyimg {
	background: #2177fe ;
}
/*------ 5. Tables -----*/
.table-primary, .table-primary>th, .table-primary>td {
	background-color: rgba(8, 158, 96, 0.1);
}
.table-hover .table-primary:hover {
	background-color: #9efad4;
}
.table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th {
	background-color: #9efad4;
}
.table-secondary, .table-secondary>th, .table-secondary>td {
	background-color: #a2ddf6;
}
.table-hover .table-secondary:hover {
	background-color: #a2ddf6;
}
.table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th {
	background-color: #1396cc;
}
.table-primary thead th,.table-primary thead th{
	color:#fff !important;
}
.table-primary td{
	color:#2177fe !important;
}

/*----- 7. Custom control -----*/
.accordionjs .acc_section.acc_active > .acc_head {
    background: #2177fe;
}
.sweet-alert button {
	background-color: #2177fe !important;
}

 .addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active .addui-slider-value {
     background: #2177fe;
}
 .addui-slider .addui-slider-track {
     background: #2177fe;
}
 .addui-slider .addui-slider-track .addui-slider-handle:after {
     background: #2177fe;
}
 .addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active {
     background: #2177fe;
}
 .addui-slider .addui-slider-track .addui-slider-range {
     background: #2177fe;
}
.timeline__item:after {
   border: 6px solid #2177fe;
}
.spinLoader {
    color: #2177fe !important;
}
.spinLoader,
.spinLoader:before,
.spinLoader:after {
    background: #2177fe !important;
}
div.conv-form-wrapper div.options div.option {
    border: 1px solid #2177fe;
    color: #2177fe;
}
div.conv-form-wrapper div#messages div.message.from {
    background: #2177fe;
}
form.convFormDynamic button.submit:hover {
    background: #2177fe;
}
form.convFormDynamic button.submit {
    background: #2177fe;
}
.fc-event,
.fc-event-dot {
	background-color: #2177fe;
}
.fc-event {
	border: 1px solid #2177fe
}
.fc button {
    background: #2177fe;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button:hover {
  background: #2177fe;
}
.cal1 .clndr .clndr-table tr .day.today,
.cal1 .clndr .clndr-table tr .day.my-today {
  background: #2177fe;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button:hover {
  background: #2177fe;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button:hover {
  background: #2177fe;
}
.cal1 .clndr .clndr-table .header-days {
  background: #2177fe;
}
.offer-primary {	border-color: #2177fe; }
.offer-primary .shape{
	border-color: transparent #2177fe transparent transparent;
}
.icon-shape-primary{
    color:#2177fe;
    background-color: rgba(8, 58, 96, .5);
}
.icon-shape-secondary{
    color: #1396cc;
    background-color: rgba(19, 150, 204, .5);
}
.bg-gradient-primary
{
    background: linear-gradient( 89.1deg,  rgb(8, 158, 96) 0.7%, rgb(19, 150, 204) 88.4% ) !important;
}
.bg-gradient-secondary
{
    background: linear-gradient(87deg, #1396cc 0, #1396cc 100%) !important;
}
.custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	background-color: #2177fe;
	border-color:#2177fe;
}
.custom-control-input:focus~.custom-control-label::before {
	box-shadow: 0 0 0 1px rgba(152, 166, 173, 0.1), 0 0 0 2px rgba(242,242,242, 0.25);
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	background-color: #2177fe ;
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
	background-color: #2177fe ;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
	background-color: #2177fe ;
}
.custom-select:focus {
	border-color: #2177fe;
}
.custom-file-input:focus~.custom-file-label {
	border-color: #2177fe;
}
.custom-file-input:focus~.custom-file-label::after {
	border-color: #2177fe;
}
.custom-file-label::after {
	background-color: #2177fe;
	border-left:1px solid  #2177fe;
}
.custom-range::-webkit-slider-thumb {
	background-color: #2177fe ;
}
.custom-range::-moz-range-thumb {
	background-color: #2177fe ;
}
.custom-range::-ms-thumb {
	background-color: #2177fe ;
}
/*------8. Navigation -------*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color: #2177fe ;
}

/*------ Accordion -------*/
.page-link:hover {
	color: #2177fe;
	border: 1px solid #2177fe;
}
.page-link:focus {
	border: 1px solid #2177fe;
}
.page-item.active .page-link {
	background-color: #2177fe;
	border: 1px solid #2177fe;
}

/*------ 11. Email services -------*/
ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus {
	color: #2177fe;
}

/*----- 12. Range slider -------*/
.range.range-primary input[type="range"]::-webkit-slider-thumb {
	background-color: #2177fe ;
}
.range.range-primary input[type="range"]::-moz-slider-thumb {
	background-color: #2177fe ;
}
.range.range-primary output {
	background-color: #2177fe ;
}
.range.range-primary input[type="range"] {
	outline-color: #2177fe ;
}

/*-----13.Pricing tables-----*/
.pricing-table:hover .price-header {
  background-color: #2177fe; 
}
.nav-tabs .nav-item1 .nav-link:hover:not(.disabled) {
	background: #2177fe ;
}
.nav-tabs .nav-item1 .nav-link.active {
	background: #2177fe ;
}

/*-------15. Tooptip &popover------*/
/*alerts*/

.pop-primary {
	color: #2177fe;
}
.popsecondary {
	color: #1396cc;
}

/*----- 16. Typography ------*/
.heading-primary {
	background-color: #2177fe ;
}
.heading-secondary {
	background-color: #1396cc;
}

/*------19. Breadcrumb ------*/
.breadcrumb-item a {
	color: #2177fe ;
}
.breadcrumb-item1 a {
	color: #2177fe ;
}
.breadcrumb-item1 a:hover {
	color: #0657d6;
}

/* ----- v CAN BE DELETED v ----- */
.panel-title1 a {
	background: #2177fe ;
}


/*-----21. List Of Dropdwons-----*/
.btn.dropdown-toggle.btn-primary~.dropdown-menu .dropdown-plus-title {
	border-color: rgb(8, 158, 96) !important;
}
.btn.dropdown-toggle.btn-secondary~.dropdown-menu .dropdown-plus-title {
	border-color: rgb(19, 150, 204) !important;
}

/*-----22. Badges-----*/
.badge-primary {
	background-color: #2177fe ;
}
.badge-primary[href]:hover, .badge-primary[href]:focus {
	background-color: #2177fe;
}
.badge-secondary {
	background-color: #1396cc;
}
.badge-secondary[href]:hover, .badge-secondary[href]:focus {
	background-color: #2177fe ;
}

/*-----24. Alerts-----*/
.alert-primary {
    background-color: #2177fe;
    border-color: #2177fe;
}
.alert-primary hr {
	border-top-color: #b7cded;
}
.alert-primary .alert-link {
	color: #172b46;
}
.alert-secondary {
	color: #464a4e;
	background-color: #1396cc;
	border-color: #1396cc;
}
.alert-secondary hr {
	border-top-color: #cfd2d6;
}
.alert-secondary .alert-link {
	color: #2e3133;
}

/*-----25. progress-----*/

.progress-bar {
	background-color: #2177fe;
}

/*-----26. Lists-----*/
.list-group-item.active {
	color: #2177fe ;
}
.list-group-item-primary {
	color: #fff;
	background-color: #2177fe;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
	color: #fff;
	background-color: #2177fe;
}
.list-group-item-primary.list-group-item-action.active {
	color: #fff;
	background-color: #2177fe;
	border-color: #2177fe;
}
.list-group-item-secondary {
	color: #fff;
	background-color: #1396cc;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
	color: #fff;
	background-color: #1396cc;
}
.list-group-item-secondary.list-group-item-action.active {
	color: #fff;
	background-color: #1396cc;
	border-color: #1396cc;
}

/*------27. Modal -------*/
.widget-info i {
	border: 2px solid #2177fe;
}

/*------29. Alignments -------*/
.bg-primary {
	background-color: #2177fe  !important;
}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
	background-color: #2177fe !important;
}
.bg-secondary {
	background-color: #1396cc !important;
}
a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
	background-color: #1396cc !important;
}
.border-primary {
	border-color: #2177fe  !important;
}
.border-secondary {
	border-color: #1396cc !important;
}

/*------- 31. Alignments & values-------*/
.text-primary {
	color: #2177fe  !important;
}
a.text-primary:hover, a.text-primary:focus {
	color: #2177fe !important;
}
.text-secondary {
	color: #1396cc  !important;
}
a.text-secondary:hover, a.text-secondary:focus {
	color: #1396cc !important;
}

/*------32. Headers -------*/

.header-bg {
	background: #2177fe ;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #2177fe , #2177fe );
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #2177fe , #2177fe );
}

/*------33. Background colors -------*/

.nav-tabs .nav-link:hover:not(.disabled) {
	background: #2177fe ;
}
.nav-tabs .nav-link.active {
	background: #2177fe ;
}

/*---Mega Menu---*/

.ren-navbar .nav-link:hover, .ren-navbar .nav-link:focus {
	background-color: #2177fe ;
}
.ren-navbar .nav-link.active {
	background-color: #2177fe ;
}
.ren-navbar .mega-dropdown .sub-item .section-label {
	color: #2177fe ;
}
.ren-navbar .sub-item ul a:active{
	background-color: #2177fe ;
}  

/*----- 34. Btn styles------*/

.btn-secondary {
	color: #fff;
	background-color: #1396cc;
	border-color: #1396cc;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}
.btn-secondary:hover {
	color: #fff;
	background-color:#0e94cc;
	border-color:#0e94cc;
}
.btn-secondary:focus, .btn-secondary.focus {
	box-shadow: 0 0 0 2px #1396cc;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: #1396cc;
}

/*.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px #2177fe ;
}*/


/*
.close:before {
  content: '\ea00';
  font-family: "feather";
}
*/

/*--------35. panel----------*/
.expanel-primary {
	border: #2177fe  !important;
}
.expanel-secondary {
	border: #1396cc  !important;
}
.expanel-primary>.expanel-heading {
	color: #fff !important;
	background-color: #2177fe  !important;
	border-color: #2177fe  !important;
}
.expanel-secondary>.expanel-heading {
	color: #fff !important;
	background-color: #1396cc  !important;
	border-color: #1396cc  !important;
}

/*----- 38. Avatars -----*/

.avatar {
	background: #2177fe no-repeat center/cover;
}

/*-------- 41. Loaders ---------*/
.lds-circle > div {
  background:#2177fe;
}
.lds-dual-ring:after {
  border: 5px solid #2177fe;
  border-color: #2177fe transparent #2177fe transparent;
}
.lds-facebook div {
  background: #2177fe;
}
.lds-heart div {
  background: #2177fe;
}
.lds-heart div:after,
.lds-heart div:before {
  background: #2177fe;
}
.lds-ring div {
  border: 6px solid #2177fe;
  border-color: #2177fe transparent transparent transparent;
}
.lds-roller div:after {
  background: #2177fe;
}
.lds-default div {
  background: #2177fe;
}
.lds-ellipsis div {
  background:#2177fe;
}
.lds-grid div {
  background: #2177fe;
}
.lds-hourglass:after {
  border: 26px solid #2177fe;
  border-color: #2177fe transparent #2177fe transparent;
}
.lds-ripple div {
  border: 4px solid #2177fe;
}
.lds-spinner div:after {
  background: #2177fe;
}

/*----42. Profile----*/
.mediaicon {
	border: 1px solid #2177fe ;
	background: #2177fe ;
}

/*-----43. Icon input-----*/

a.chip:hover {
	background-color: #2177fe ;
}

/*----44. Tags-----*/
.tag-primary {
	background-color: #2177fe;
}
.tag-secondary {
	background-color: #1396cc;
}
.selectgroup-input:checked+.selectgroup-button {
	border-color: #2177fe ;
	color: #2177fe ;
	background: #eaeaf9;
}
.selectgroup-input:focus+.selectgroup-button {
	border-color: #2177fe ;
	color: #2177fe ;
	box-shadow: 0 0 0 2px rgba(242,242,242, 0.25);
}
.custom-switch-input:checked~.custom-switch-indicator {
	background: #2177fe ;
}

/*----- 48. Gallery -----*/
.demo-gallery>ul>li a {
	border: 2px solid #2177fe;
}
.demo-gallery>ul>li a {
	background: #2177fe;
}


/*-----51. Back to Top-----*/
#back-to-top {
	background: linear-gradient( 89.1deg,  rgb(8, 158, 96) 0.7%, rgb(19, 150, 204) 88.4% );
}

#back-to-top:hover {
	color: #2177fe ;
	border: 2px solid #2177fe ;
}
.tabs-menu ul li .active{
	background: #2177fe ;
}
.tabs-menu1 ul li .active{
	border-bottom:3px solid #2177fe ;
}
.feature .border {
    border: 2px solid #2177fe  !important;
}

/*-- rating--*/
.error-bg:before{
	background:linear-gradient( 89.1deg,  rgb(8, 158, 96,0.8) 0.7%, rgb(19, 150, 204,0.8) 88.4% );
}

/*---Count-down---*/

#count-down .clock-presenter {
	background:linear-gradient( 89.1deg,  rgb(8, 158, 96) 0.7%, rgb(19, 150, 204) 88.4% );
}


/*---Navtab Wizard---*/

.navtab-wizard.nav-tabs .nav-link.active, .navtab-wizard.nav-tabs .nav-link:hover{
	background: #2177fe;
}

/*--- Ribbon ---*/
.arrow-ribbon.bg-primary:before {
    border-left: 15px solid #2177fe;
}
.arrow-ribbon.bg-secondary:before {
    border-left: 15px solid #1396cc;
}

/*--chat--*/
.chat .action-header {
	background: #2177fe;
}
@media (max-width: 767px){
	.search-show .search-element{
		background:linear-gradient(125deg, #2177fe 35%, #2177fe 65%);
	}
}
.page-headertabs .tabs-menu ul li a {
	border:1px solid #2177fe;
}
.welcome-image:before{
	background:linear-gradient( 89.1deg,  rgb(8, 158, 96, 0.5) 0.7%, rgb(19, 150, 204, 0.5) 88.4% );
}

.page-header .page-title i{
	background:rgba(8, 158, 96,0.1);
	color: #2177fe;
}
/*--bg-transparents--*/
.bg-secondary-transparent {
    background-color: rgba(19, 150, 204, 0.1) ;
}
.bg-primary-transparent {
    background-color: rgb(8, 158, 96,0.1) ;
}

/** Claender **/
.cal1 .clndr .clndr-table tr .empty:hover, .cal1 .clndr .clndr-table tr .adjacent-month:hover, .cal1 .clndr .clndr-table tr .my-empty:hover, .cal1 .clndr .clndr-table tr .my-adjacent-month:hover {
	background: #2177fe;
}
.cal1 .clndr .clndr-table tr .day:hover {
	background: #2177fe;
}
.cal1 .clndr .clndr-table tr .day.today:hover, .cal1 .clndr .clndr-table tr .day.my-today:hover {
	background: #0657d6;
}

.header-1 .header{
	background: linear-gradient( 89.1deg,  rgb(8, 158, 96) 0.7%, rgb(19, 150, 204) 88.4% );
}
.header {
	background:linear-gradient( 89.1deg,  rgb(8, 158, 96) 0.7%, rgb(19, 150, 204) 88.4% );
}

/*Side Menu*/
.app-header {
	background: linear-gradient( 89.1deg,  rgb(8, 158, 96) 0.7%, rgb(19, 150, 204) 88.4% );
}
.side-menu__item.active, .side-menu__item:hover, .side-menu__item:focus {
	color:#2177fe;
}
.slide-menu a.active{
	color:#2177fe;
}
.slide-item.active, .slide-item:hover, .slide-item:focus {
	color:#2177fe;
}
.slide.submenu .side-menu__label:hover{
	color: #2177fe;
}
.side-menu .slide-menu.submenu-list a:hover{
	color: #2177fe;
}
.side-menu .slide.submenu a.active {
	color: #2177fe;
}

/*Horizontal*/
.horizontalMenu>.horizontalMenu-list>li>a.active {
	color: #2177fe;
	background: rgba(255, 255, 255, 0.15);
}
.horizontalMenu>.horizontalMenu-list>li>a:hover{
    color: #2177fe;
	background: #26332e;
}
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover {
	color:#2177fe;
}
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover{
	color:#2177fe;
}
.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover{
	color:#2177fe;
}
@media only screen and (max-width: 991px) {
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover {
		color:#2177fe;
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
		background:#2177fe;
	}
	.horizontalMenu>.horizontalMenu-list>li:hover>a {
		background:#2177fe;
	}
	.hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover{
		color: #fff;
		background:#0a8c6e
	}
	.hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active{
		color: #fff;
		background:#0a8c6e
	}
}


/*----- Menu-Styles ----- */
.slide.is-expanded [data-toggle='slide'] , .slide .side-menu__item.active {
	background: #2177fe !important;
	color: #fff !important;
}
.side-menu .side-menu__item:hover{
	background: #2177fe !important;
	color: #fff !important;
}
.app-sidebar .side-menu li a.active{
	background: #2177fe !important;
	color: #fff !important;
}


/*--- Switcher Checkbox ----*/
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #2177fe;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color:#2177fe;
}
.onoffswitch2-checkbox:checked + .onoffswitch2-label {
    background-color:#2177fe;
}
.onoffswitch2-checkbox:checked + .onoffswitch-label2, .onoffswitch2-checkbox:checked + .onoffswitch2-label:before {
   border-color:#2177fe;
}


/*--------------NEW UI--7866------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');
body {background:url(../images/n_bg1.svg) no-repeat center center #fff; background-size: cover; font-family: 'Montserrat', sans-serif; font-weight:500;}

.form-control {font-family: 'Montserrat', sans-serif;     font-weight: 500;}

body, .page-title, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .polcBox .mediaicon2, .addnmbr {color: #060515;}
.card-group .card.py-5 h2 {color:#fff;}

button.btn.login-submit-btn, .btnx, .invcTbl .btn-success {background: #2177fd;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2177fe', endColorstr='#67a2ff',GradientType=1 );
}
.btnx.btn {color: #fff;transition: unset; }
.btnxi {font-size: 12px; text-transform: uppercase; font-weight: 600; padding: 5px 15px; }
.btnxi.btn i {    font-size: 20px;    vertical-align: middle;    top: -2px;    margin: 0 8px 0 0;}

.btnx.btn:hover {background: #2e73e4;color: #fff;}

.btn {font-size: 12px; text-transform: uppercase; font-weight: 600; }

.bluLne, .app-header, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle, .btn-primary { background: #2177fd;}

.app-sidebar .side-menu li a.active, .bg-primary, .side-menu .side-menu__item:hover, .slide.is-expanded [data-toggle='slide'], .slide
 .side-menu__item.active, .jconfirm-buttons .btn-success {background: #2177fe !important;}

.btn-primary:hover, div.dt-buttons button.dt-button:hover, 
div.dt-buttons button.dt-button:hover span {background: #2e73e4;}
.jconfirm-buttons .btn-success:hover {background: #2e73e4 !important;}

.page-header, .card {
    background: #fff;
    border: 1px solid #fff;
    box-shadow:0 0px 11px -3px rgb(233, 236, 241);
    border-radius: 2px;
}

.page-header .page-title i {background: rgb(235 243 255); color: #2177fe;}

label.error { margin: 5px 0 0 0; color: #f16f6f;}
.form-label, .form-group label {font-weight: 600;}
h2 + p.text-muted.text-center { color: rgba(255, 255, 255, 0.822) !important;}
button.btn.login-submit-btn {border: 0 !important; display: block; font-size: 12px; text-transform: uppercase; font-weight: 600;}
button.btn.login-submit-btn:hover, .invcTbl .btn-success:hover, .invcTbl .btn-success:not(:disabled):not(.disabled):active {
	background: #2177fe;
    background: -moz-linear-gradient(left,  #2177fe 0%, #2177fe 100%);
    background: -webkit-linear-gradient(left,  #2177fe 0%,#2177fe 100%);
    background: linear-gradient(to right,  #2177fe 0%,#2177fe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2177fe', endColorstr='#2177fe',GradientType=1 );
}
	
.bluLne {
    margin-bottom: 15.840px;
    width: 32px;
    height: 2px;
}

.form-control:focus, div.dt-buttons button.dt-button, div.dataTables_wrapper 
div.dataTables_filter input:focus, .dataTables_wrapper .dataTables_filter input:focus 
{border-color:#e4e6f9; background: #ffffff; color: #212529;}
input:focus{
	background: none !important; 
	color: #000000 !important;
}
.table td, .table th, .table thead th, .text-wrap table thead th {border-color:#dee2e6 !important;}
.table-striped tbody tr:nth-of-type(even) {background-color:#f7f8fa;}
table, .table {font-family: 'Roboto', sans-serif;    font-size: 14px;
    font-weight: 400;}
a, .breadcrumb-item a { color:#2177fe; }
a:hover { color:#0657d6; }
.table thead th, .text-wrap table thead th {border-bottom: 0px solid #e4e6f9 !important;}

.icheckbox_square-blue {background: #fff; border: 1px solid #dee2e6; border-radius: 2px;}
.icheckbox_square-blue.checked { border: 1px solid #2177fe; 
    background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQxNy44MTMzMyA0MTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZD0ibTE1OS45ODgyODEgMzE4LjU4MjAzMWMtMy45ODgyODEgNC4wMTE3MTktOS40Mjk2ODcgNi4yNS0xNS4wODIwMzEgNi4yNXMtMTEuMDkzNzUtMi4yMzgyODEtMTUuMDgyMDMxLTYuMjVsLTEyMC40NDkyMTktMTIwLjQ2ODc1Yy0xMi41LTEyLjUtMTIuNS0zMi43Njk1MzEgMC00NS4yNDYwOTNsMTUuMDgyMDMxLTE1LjA4NTkzOGMxMi41MDM5MDctMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBsNzUuMTk5MjE5IDc1LjIwMzEyNSAyMDMuMTk5MjE5LTIwMy4yMDMxMjVjMTIuNTAzOTA2LTEyLjUgMzIuNzY5NTMxLTEyLjUgNDUuMjUgMGwxNS4wODIwMzEgMTUuMDg1OTM4YzEyLjUgMTIuNSAxMi41IDMyLjc2NTYyNCAwIDQ1LjI0NjA5M3ptMCAwIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==) no-repeat center 5px #2177fe; background-size:12px; 
}
thead .icheckbox_square-blue.checked { border: 1px solid #659aed;}
div.dt-buttons button.dt-button, .table-action-btns .dropdown .btn-flat { font-size: 12px; font-weight: 600; }
.dt-buttons.ui-buttonset { padding-left: 75px;}
.dropdown-menu>li>a { padding: 0.5rem 15px; border-bottom: 1px solid #e2e5f9; font-weight: 500; color: #302f3e;}
.dropdown-menu>li:last-child>a {border-bottom:0;}

.modal-content>.card-body {background:url(../images/n_bg1.svg) no-repeat center center #fff; background-size: cover; }
.modal-content .modal-title, .modal-content .card-title {font-weight:600;}

.bg-gradient-primary {background:linear-gradient( 89.1deg,  #2177fe 0.7%, #67a2ff 88.4% ) !important;}

.polcBox .mediaicon2.verified, .mediaicon, .custom-file-label::after { border: 1px solid #2177fd; background: #2177fd;}
.addnmbr, .polcBox .mediaicon2 {background-color: #f7f8fa; border: 1px solid #e4e6f9;}

.custom-file-input:focus~.custom-file-label {border:1px solid #2177fd !important;}


.modlclose, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-danger { 
    color: #000;
    background: linear-gradient(to right, #dfe3e4 0%,#f7f8fa 100%);
    border: 1px solid #dfe3e4 !important;
}
.modlclose:hover, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-danger:hover {background: linear-gradient(to right, #dfe3e4 0%,#f0f0f1 100%); color: #000;}
.dt-buttons.ui-buttonset, .dt-buttons.ui-buttonset { padding-left:90px !important;}
.nodropBtn .dt-buttons.ui-buttonset, .nodropBtn .dt-buttons.ui-buttonset { padding-left:0px !important;}

.pck_success i {color: #089e60;}
.pck_danger i {color:#f44336;}
span.btn-action a, span.btn-action a i { vertical-align: middle;}

.footer {font-size: 11px; padding: 12px 0;}

.itmvc, .itmvc * {display: inline-block; vertical-align: middle;}
.acbtns a {
    padding: 1px 6px 1px 4px;
    border-radius:3px;
    background: #fff;
}
.aprbtn { border: 1px solid #2177fe;}
.aprbtn:hover { border: 1px solid #0657d6;}
.decbtn { color:#939596; border: 1px solid #cbcee8;}
.decbtn:hover { color:#7b7d7d; border: 1px solid #aaaaaa;}

#invsubmit table thead td {
    border: 1px solid #2177fe;
}
#invsubmit table td {
    border: 1px solid #e4e6f9;
}
.form-control:disabled, .form-control[readonly] {    background-color: #f7f8fa;}
#customerform { padding: 1.5rem 1.5rem;}
.fldtitl.form-group { padding: 8px 0; font-size: 1.125rem; border-bottom: 1px solid #e4e6f9;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable
{background-color: #5897fb !important;}
.dataTables_wrapper .dataTables_filter select { margin-right: 15px;}




/*
.dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .selpckTbl .dataTables_wrapper .dataTables_paginate .paginate_button {background: none; padding: 5.5px 9px; border:0;  color:#2177fe; }
.dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color:#0657d6; }
*/

/***** Extra Address edit box *******/