body {  background: #fff; font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: 400;  color:#121212;  line-height: 22px;}
h1,h2,h3,h4,h5,h6 {  font-weight: 600;  font-family: 'Open Sans', sans-serif; color:#121212;}
h1{  font-size: 36px;  color:#fff;}
h2{  font-size: 18px;  padding:0;}
h3{  font-size: 16px;  color: #787878;  font-weight: 400;  line-height: 24px;}
h4{  font-size: 16px;}
a {cursor: pointer;  -webkit-transition: color 300ms, background-color 300ms;  -moz-transition: color 300ms, background-color 300ms;  -o-transition:  color 300ms, background-color 300ms;  transition:  color 300ms, background-color 300ms;}
a:hover, a:focus {  color: #999;}
hr {border-top: 1px solid #e5e5e5;  border-bottom: 1px solid #fff;}
.navbar {margin-bottom:0;}
div.page-wrapper,  div.listing {width:100%; padding:10px 20px;float: left;border: 2px solid #e7e7e7;margin-bottom: 20px;border-radius: 6px;}
div.page-wrapper .tab-content{padding:10px 0;}
div.listing .listrow{border-bottom: 1px solid #e7e7e7; padding:5px; border-radius: 6px;}
div.listing  .listrow .head {font-size:14px; font-weight:bold; padding:15px; background: #F5F5F5; line-height:16px;}
.table-list-data .form-group{margin-bottom:5px;}
.alert {padding: 5px 15px; margin-bottom: 10px;}
.form-content-section{width:100%;}
.bold {font-weight:bold;}

.row.cover-container {display: flex;flex-wrap: wrap; min-height: calc(100vh - 25px);}

.multiselect-dropdown, .multiselect-parent, .dropdown-toggle {width:100%}
.dropdown-toggle {text-align:left;}
.btn .caret { float: right;  margin-top: 8px;}
.btn.btn-hide {display:none;}

.content-section {margin-top:5px;}
.content-section table.table thead{background-color:#337ab7;color:#fff;}

.content-section .form-group.search-field {width:100%;float:left;}
.content-section .form-group.search-field label{float: left;width: 10%;text-align: right;padding-right: 15px;margin-top: 5px;}
.content-section .form-group.search-field input {width:50%; margin-right: 2%; float:left;}
.content-section .table-list-data{clear:both;border:1px solid #CCCCCC; padding:5px;margin-bottom:5px; width: 100%;float: left;}
.content-section .box{float: right; padding:5px;}
/* .content-section .box.record-count {padding: 0 15px;} */
.content-section .row.filter-head{margin:5px -15px;}
.filter-head .action-box{margin-top:25px;}
.table-list-data .listing-table .table{margin-bottom:0px;}

.pagination{margin:2px 0;}
/*.table-list-data {width: 100%; overflow-x:hidden; overflow-y:auto; max-height:calc(100vh - 80px);}*/
table.table.table-striped > thead.sticky{position: sticky; top: 0; z-index:10;}
table.table.report-content > thead.sticky{position: sticky; top: 0; z-index:10;}
table.table>thead>tr>th, table.table>tbody>tr>td{font-size: 12px;padding:5px;}
table.table>thead>tr>th{font-weight:700;}
table.table>tbody>tr>td{word-break:break-word; }

.pagination-sm>li>a, .pagination-sm>li>span {padding:2px 8px;}
.pagination-list .pagination {margin: 2px 0;}
.pagination .box{padding:2px;}

.listing-table .table th.dropdown{position: relative;}
.listing-table .table .dropdown a{color: #fff;}
.listing-table .table .dropdown .dropdown-menu { display: none; color: #fff; position: absolute; background-color: #337ab7;  min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;  margin: 0; border-radius: 0;}
.listing-table .table th.dropdown:hover .dropdown-menu, .listing-table .table th.dropdown .dropdown-menu:hover {display: block;}
.listing-table .table .dropdown .dropdown-menu a:hover {background-color: #1e486d;}
.table>thead>tr>th.center, .table>tbody>tr>td.center {text-align:center;}
  
.table.report-content {display: inline-grid;  grid-template-areas: "head-fixed" "body-scrollable"; width:100%; float:left;}
.table.report-content thead {grid-area: head-fixed;  background-color: darksalmon;}
.table.report-content tbody {grid-area: body-scrollable;  background-color: antiquewhite; overflow: auto;}
.table.report-content>thead>tr, .table.report-content>tbody>tr, .table.report-content>tbody>tr>td, .table.report-content .table.report-data>tbody>tr{width:100%;display:flex;}
.table.report-content>tbody>tr>td{padding:0; border-top:none;}

.table.report-data{margin-bottom:0px;}
.table.report-content>thead>tr, .table.report-content .table.report-data>tbody>tr {width:100%;}

.table.report-content>thead>tr>th, .table.report-content .table.report-data>tbody>tr>td {width:8.33%; display:flex; text-align:left; padding:3px; font-size:12px; word-break: break-all;}
.table.report-content .table.report-data>tbody>tr>td span, .table.report-content .table.report-data>tbody>tr>td a {width:100%; text-align:center;}
.table.report-content .table.report-data>tbody>tr>td span.action{color: #fff;cursor: pointer;padding:2px;background: #337ab7;border-radius: 4px;height: 20px; text-align:center;}
.table.report-content .table.report-data>tbody>tr>td span.action:hover{background: #2e699c;}

.table.report-content .table.report-data>tbody>tr>td {color:#000;}
.table.report-content .table.report-data>tbody>tr>td span.label {white-space:inherit;word-break:break-word;  padding: .2em 0.5em; font-size: 75%; line-height: 1.4;text-align: center;}

.table.report-content .table.report-data .checkbox {margin:0px;}
.table.report-content .table.report-data .checkbox label {padding-left: 8px;}
.table.report-content .table.report-data .checkbox input[type=checkbox], .table.report-content .table.report-data .checkbox input[type=radio] {min-width: 18px; min-height: 18px;margin: 0px; position:relative; }

.table.report-content>thead>tr>th:nth-child(1),
.table.report-content>thead>tr>th:nth-child(13), 
.table.report-content .table.report-data>tbody>tr>td:nth-child(1),
.table.report-content .table.report-data>tbody>tr>td:nth-child(13){width:4%;}

.table.report-content>thead>tr>th:nth-child(2),
.table.report-content>thead>tr>th:nth-child(12),
.table.report-content .table.report-data>tbody>tr>td:nth-child(2),
.table.report-content .table.report-data>tbody>tr>td:nth-child(12){width:4.5%;}

.table.report-content>thead>tr>th:nth-child(7), 
.table.report-content .table.report-data>tbody>tr>td:nth-child(7){width:6%;}
 
.table.report-content>thead>tr>th:nth-child(8), 
.table.report-content>thead>tr>th:nth-child(9), 
.table.report-content .table.report-data>tbody>tr>td:nth-child(8),
.table.report-content .table.report-data>tbody>tr>td:nth-child(9){width:5.5%;}

.table.report-content>thead>tr>th:nth-child(3),
.table.report-content .table.report-data>tbody>tr>td:nth-child(3){width:7%;}

.table.report-content>thead>tr>th:nth-child(4), 
.table.report-content>thead>tr>th:nth-child(5), 
.table.report-content .table.report-data>tbody>tr>td:nth-child(4),
.table.report-content .table.report-data>tbody>tr>td:nth-child(5){width:15.5%;}

.table.report-content>thead>tr>th:nth-child(4) span, 
.table.report-content>thead>tr>th:nth-child(5) span, 
.table.report-content .table.report-data>tbody>tr>td:nth-child(4) span,
.table.report-content .table.report-data>tbody>tr>td:nth-child(5) span{width:100%; text-align:left;}

.table.report-content>thead>tr>th:nth-child(4) span.glyphicon , 
.table.report-content>thead>tr>th:nth-child(5) span.glyphicon , 
.table.report-content .table.report-data>tbody>tr>td:nth-child(4) span.glyphicon ,
.table.report-content .table.report-data>tbody>tr>td:nth-child(5) span.glyphicon {width:auto; text-align:left;}

.table.report-content>thead>tr>th:nth-child(6), 
.table.report-content>thead>tr>th:nth-child(11),
.table.report-content .table.report-data>tbody>tr>td:nth-child(6),
.table.report-content .table.report-data>tbody>tr>td:nth-child(11){width:8%;}

.table.report-content>thead>tr>th:nth-child(10),  
.table.report-content .table.report-data>tbody>tr>td:nth-child(10){width:12.5%;}


.table.report-data>tbody>tr.search-data{background-color: #e8e8e8; 	    color: #333;}
.table.report-data>tbody>tr.search-data:hover {background-color: #e0e0e0;}
.table tr td.mismatch{background-color:#f38d8d;}

.table.report-data>tbody>tr.result-data{background-color:#fff; border-bottom: 1px solid #8c8c8c;}
.table.report-data>tbody>tr.result-data:hover {background-color: #f3f3f3;}
.table.report-data>tbody>tr.result-data td{border-top: none;}


/**New CSS added on 24-08-2023 */
.table.search-report-content span.label-custdefault{color:#333;font-weight:500;font-size: 85%;} 
.table.search-report-content {width:100%; float:left; overflow: auto;}
.table.search-report-content>thead>tr, .table.search-report-content>tbody>tr {width:100%; clear:both;}
.table.search-report-content>thead>tr>th {cursor: pointer;}
.table.search-report-content>thead>tr>th, .table.search-report-content>tbody>tr>td {width:6.25%; padding:2px; font-size:12px; text-align:left; word-break: break-word;}

.table.search-report-content>tbody>tr.result-data{background-color:#f3f3f3; border-bottom: 1px solid #a7a7a7;border-top: 1px solid #a7a7a7;}
.table.search-report-content>tbody>tr.result-data:hover {background-color: #e2e2e2;}

.table.search-report-content>tbody>tr.search-data{background-color:#fff; }
.table.search-report-content>tbody>tr.search-data td.mismatch{background-color:#f38d8d; color:#000;}

.table.search-report-content>tbody>tr.search-data .checkbox{margin:0 5px;}
.table.search-report-content>tbody>tr.search-data td{border-top: none;}

.table.search-report-content>thead>tr>th:nth-child(1), .table.search-report-content>tbody>tr>td:nth-child(1){width:4%; text-align: center;}
.table.search-report-content>thead>tr>th:nth-child(2), .table.search-report-content>tbody>tr>td:nth-child(2){width:5%;}
.table.search-report-content>thead>tr>th:nth-child(3), .table.search-report-content>tbody>tr>td:nth-child(3){width:6%;}
.table.search-report-content>thead>tr>th:nth-child(4), .table.search-report-content>tbody>tr>td:nth-child(4){width:11%;}
.table.search-report-content>thead>tr>th:nth-child(5), .table.search-report-content>tbody>tr>td:nth-child(5){width:11%;}
.table.search-report-content>thead>tr>th:nth-child(7), .table.search-report-content>tbody>tr>td:nth-child(7){width:4%;}
.table.search-report-content>thead>tr>th:nth-child(8), .table.search-report-content>tbody>tr>td:nth-child(8){width:4%;}
.table.search-report-content>thead>tr>th:nth-child(9), .table.search-report-content>tbody>tr>td:nth-child(9){width:4.2%;}
.table.search-report-content>thead>tr>th:nth-child(10), .table.search-report-content>tbody>tr>td:nth-child(10){width:10%;}
.table.search-report-content>thead>tr>th:nth-child(11), .table.search-report-content>tbody>tr>td:nth-child(11){width:7%;}
.table.search-report-content>thead>tr>th:nth-child(12), .table.search-report-content>tbody>tr>td:nth-child(12){width:4.5%; text-align: center;}
.table.search-report-content>thead>tr>th:nth-child(13), .table.search-report-content>tbody>tr>td:nth-child(13){width:4.5%; text-align: center;}
.table.search-report-content>thead>tr>th:nth-child(14), .table.search-report-content>tbody>tr>td:nth-child(14){width:9%; text-align: left;}
.table.search-report-content>thead>tr>th:nth-child(15), .table.search-report-content>tbody>tr>td:nth-child(15){width:4%; text-align: center;}
.table.search-report-content>thead>tr>th:last-child, .table.search-report-content>tbody>tr>td:last-child{width:4%; text-align: center;}

.table.search-report-content .checkbox, .table.search-report-content .radio, .table.search-report-content .checkbox label, .table.search-report-content .radio label {margin:0px; padding:0px;}
.table.search-report-content .checkbox label input, .table.search-report-content .radio label input{width:18px; height:18px;margin:0px; padding:0px;}

.table.search-report-content>tbody>tr.result-data td span.action{color: #fff; background-color: #337ab7;border-color: #2e6da4; padding: 2px 4px; border-radius: 4px;cursor: pointer;}

/*Loading spiner */ 
.loading-spinner{  border: 5px solid #bfbfbf;  border-radius: 50%;  border-top: 5px solid #3498db;  width: 40px;  height: 40px;  -webkit-animation: spin 2s linear infinite;   animation: spin 2s linear infinite;margin-bottom: 10px;}
/* Safari */
@-webkit-keyframes spin {  0% { -webkit-transform: rotate(0deg); }  100% { -webkit-transform: rotate(360deg); }}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}

/** Form **/
.message-box{margin-top:25px;}
.message-box .progress-box .progress-bar {min-width: 2em;}
.page-wrapper h2.cover-heading{width:15%; float:left; margin:10px 0 0 0; }

.list-section div.head-box h2, .list-section div.head-box .heading{width:70%; float:left; padding:0; margin:0;}
.list-section div.head-box .action-box{width:30%; float:left; padding:0; margin:0;}
.list-section div.head-box .action-box{text-align:right;}
.list-section div.head-box .action-box a {margin-left:10px;}
.list-section div.head-box .action-box .btn{padding:3px 6px;}

div.head-box .action button{float:right;}
.center {text-align:center}
.footer-distributed{background-color:#B4ACBB;box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.12);box-sizing:border-box;width: 100%;text-align:left;padding:0px;margin:0px;}
.footer-distributed .footer-left,.footer-distributed .footer-center,.footer-distributed .footer-right{display: inline-block;vertical-align: top;}

/*Left Menu css*/
.navigation-section-box {min-height:100vh; background-color:#356aa0;}
.navigation-section-box.small-view {width:3.5%;overflow:hidden;}
.navigation-section-box.small-view a.logo{display:none;}
.content-right.full-view{width:96.5%}

ul.left-menu{margin:0; padding:0; list-style:none; margin-top: 10px; margin-left:-5px; border-top: 1px #fff solid;}
ul.left-menu > li{border-bottom:1px solid #fff;}
ul.left-menu > li.top-li.active, ul.left-menu > li.treeview.active .parentMenu{background:#356aa0;}
ul.left-menu li.treeview.active ul.treeview-menu > li.active a{color:#000;text-decoration: underline;}

ul.left-menu li span, ul.left-menu > li > a{ padding:5px 0 5px 35px; display:block; cursor:pointer; position:relative; }
ul.left-menu li i.fas{position: absolute;left: 15px; top: 10px;font-size: 14px; }
ul.left-menu li i.fa{position: absolute;right: 10px; top: 13px;font-size: 14px; }
ul.left-menu li, ul.left-menu li a{margin:0; font-size: 14px; color:#fff; text-decoration:none;white-space: nowrap;}
ul.left-menu li:hover, ul.left-menu li span:hover, ul.left-menu > li > a:hover, ul.left-menu li ul.treeview-menu a:hover{color:#000;}
ul.left-menu li ul.treeview-menu{margin: 0 0 0 35px; padding: 0 0 5px 0; display:none;}
.normalTextwhite{color:#fff; padding:10px; font-size: 14px;}
ul.left-menu li ul.treeview-menu li{list-style:none;}
ul.left-menu li ul.treeview-menu a{display:block; padding: 5px 0 5px 0px;}
ul.left-menu li.active .treeview-menu{display:block;}
ul.left-menu li i.fas.sub{position: relative;left: -7px; top: 2px;font-size: 14px; }
ul.left-menu li.active .fa.fa-chevron-right {-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform: rotate(90deg);transform: rotate(90deg);}

.small-view ul.left-menu li i.fa-chevron-right{display:none;}
.small-view ul.left-menu li i.fas{font-size:20px;    margin: 0 4px;}
.small-view ul.left-menu li span, .small-view ul.left-menu > li > a{padding:5px 0 5px 66px;}
.small-view ul.left-menu li ul.treeview-menu li a{padding-left: 5px;}
/*Left Menu css end*/

.left-menu .left-menu-section {background-color:#356aa0;border-color:#e7e7e7;margin:0 0 0 -15px;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);}
.left-menu .left-menu-section ul {margin: 0;padding:0 0 0 0;list-style: none;font-size: 14px;}
.left-menu .left-menu-section > ul > li.active > a {background: #235990;}
.left-menu .left-menu-section ul li a{color: #fff;display: block;font-weight: 600;border-bottom: solid 1px #235180;}
.left-menu .left-menu-section ul li a:hover{text-decoration: none;background:#235180;}
.left-menu .left-menu-section ul li ul{padding-left: 5px;}
.left-menu .left-menu-section ul li ul li.active a{color: #9ccdff;font-weight: 600;}
.left-menu .left-menu-section ul li ul li a{padding-left: 30px;font-weight: 400;}

.csv-form-area {border: solid 1px rgba(204, 204, 204, 0.78);background: rgba(248, 248, 248, 0.42);padding: 20px 30px;    margin-bottom: 30px;}
.head-box .heading {color: #000; font-size:16px; font-weight:600; margin: 0 0 5px 0;}

.lead-form .hide-field {display:none;}

.lead-form .form-control.required.ng-invalid.ng-touched{border: 1px solid red;}
.lead-form .form-control.validation-error{border: 1px solid red;}

.lead-form .form-group .required .control-label:after {content:"*";color:red;}
.lead-form .LeadSource-dropdown {width:85%; float:left;}
.lead-form .add-LeadSource {float:right;}
.lead-form .form-control.text-box{ padding:2px; resize:vertical;min-height:64px;height:auto;}
.lead-form .google-search {width:85%; float:left;}
.lead-form .add-google-search {float:right;}
.lead-form .error {color:red;}
.lead-form span.error {font-size:10px;}


.mappingform .col-form-center{text-align:center;}
/**Check box to toggle switch **/
.mappingform .switch {position: relative;display: inline-block;width: 48px;height: 28px;}
.mappingform .switch input {opacity: 0;width: 0;height: 0;}
.mappingform .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.mappingform .slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.mappingform input:checked + .slider {background-color: #337ab7;}
.mappingform input:focus + .slider {box-shadow: 0 0 1px #337ab7;}
.mappingform input:checked + .slider:before {-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
.mappingform .slider.round {border-radius: 34px;}
.mappingform .slider.round:before {border-radius: 50%;}
.mappingform .changed-field .switch{background:yellow;}
/**Check box to toggle switch end**/

.progress-box .progress{height: 12px; margin-bottom: 15px;}
.progress-box .progress .progress-bar{font-size: 10px; line-height: 12px;}
.csv-form-area.result .report{ margin:5px 0 25px;}
.csv-form-area.result .report a, .csv-form-area.result .report a:hover span, .csv-form-area.result .report a:hover h3{ text-decoration:none;}
.csv-form-area.result .report span{display:block; width: 120px; height: 120px; border-radius:50%; background: red; margin: 0 auto; text-align:center; line-height:120px; color:#fff; font-size:25px; }
.csv-form-area.result .report h3{ text-align: center; margin-top: 10px; font-weight:600; color: #333; }
.csv-form-area.result .report .blue{ background-color:#075598; }
.csv-form-area.result .report .red{ background-color:#b90606; }
.csv-form-area.result .report .orange{ background-color:#e65500; }
.csv-form-area.result .report .green{ background-color:#019201; }
.form-control.mapping-select option.disabled{background-color:#e4e4e4; cursor: not-allowed;}
/*Dashboard designupdate*/
.dashboard-header {background: #fff;border: none;border-radius: 0;z-index: 1; min-height: 70px; border-bottom:5px solid #B4ACBB; margin-bottom:2px; }
.dashboard-header.navbar-default .navbar-brand{color: #fff; height:auto; padding: 5px;}
h2.heading.left {color: #000;padding: 0;margin-bottom: 20px;}
.form-control, .form-control:focus{outline: none;box-shadow: none;}
.btn, .form-control{border-radius: 0;}
.table>thead>tr>th{font-weight: 600;}
h2.no-record-text {padding-left: 15px;color: #a0a0a0;}
a.isDisabled {  color: currentColor;  cursor: not-allowed;  opacity: 0.5;  pointer-events: none; text-decoration: none;}
select.form-control.mapping-select.ng-valid.ng-not-empty {border: 1px solid green;background: #d4d4d4;}
.add-edit-item-popup .modal-title {width: 80%; float: left;}
.ui-widget.ui-widget-content.ui-autocomplete{z-index:9999 !important; max-height: 300px;  overflow: hidden; overflow-y: auto;}
.csv-form-area.csv-header-map #ajax_message_box {position: fixed; bottom:125px;right: 0;z-index: 9999;}
.list-section .table-list-data .filter-head.filter-group .form-group {padding: 0 2px;}
/*.csv-form-area {width: 100%; overflow-x:hidden; overflow-y:auto; max-height:calc(100vh - 25px)}*/

.modal.show{display:block!important; opacity:1;}

.padding-off {padding:0px;}
.padding-off-left{padding-left:0px;}
.padding-off-right{padding-right:0px;}

@media screen and (max-width:1366px) {
.table {font-size: 13px;}
.left-menu .left-menu-section ul{font-size: 13px;}
.left-menu .left-menu-section ul li a{padding: 5px 10px;}
.left-menu .left-menu-section ul li ul li a {font-size: 12px; padding-left: 20px;}
}

