.button1 {
  box-shadow: 0 9px 18px 0 #ad3939, 0 8px 24px 0 #333333;
   }
   .button2 {
      box-shadow: 0 9px 18px 0 #ad3939, 0 8px 24px 0 #333333;
       }
   .view-grid .dropdown.action>.btn {
      display: none;
  }
  .view-grid .dropdown.action .dropdown-menu {
      display: block;
      position: static !important;
      position: initial !important;
      border: 0;
      background: transparent;
      box-shadow: none;
      text-align: center;
      max-width: 95px;
      min-width: 95px;
      width: 95px;
      left: auto !important;
      top: auto !important;
  }
  .view-grid .dropdown.action .dropdown-menu li {
      display: inline-block;
      text-align: center;
  }
  .view-grid .dropdown.action .dropdown-menu li a {
      font-size: 20px;
      padding: 2px;
      margin: 0;
      border:2px solid black;
      text-decoration: none;
  }
  .view-grid .dropdown.action .dropdown-menu li a>span {
      font-size: 18px;
      display: none;
  }
  .view-grid .dropdown.action .dropdown-menu li a:hover {
      color: #000000;
      background: transparent;
  }
  .DCount{
      margin: 10px;
      display: block;
  }

  #ppic{
      border-radius: 50%;
      width: 15%;
      height: 15%;
  }


/*******============ CUSTOM STYLES ============*******/

.readonly-select {
  background-color: #e9ecef; /* Grey background like a disabled field */
  pointer-events: none; /* Prevent interaction */
}

body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #333333;
    background:rgba(210,219,231,.4) !important;
   /* font-family: 'aauxnextcomp-reguuploadedfile' !important; */

    font-family: 'Tahoma', sans-serif !important;
    
    }
a,a:focus, a:hover { outline: 0; border: none; text-decoration: none; }
ul { margin: 0; padding: 0; }
li { list-style: none; }
/** ============ COMMON STYLES ============**/
h1 { font-size: 22px !important; margin-bottom: 15px; color: #333333 !important;         /*font-family: 'aauxnextcomp-reguuploadedfile' !important; */   }
h2 { font-size: 18px !important; margin: 5px 0 15px 0; color: #485366 !important; }

h3 { font-size: 16px !important; margin: 5px 0 15px 0; color: #485366 !important;}
h4 { }
h5 { }
h6 { }
h1,h2,h3,h4,h5,h6{ font-weight: 600 !important; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, body, p, a,button {  font-family: 'Tahoma', sans-serif !important; letter-spacing: 0.5px;}
p { line-height: 28px; font-size: 16px; color: #333333;  /*font-family: 'aauxnextcomp-reguuploadedfile' !important;   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;*/}
/* a, .a{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;} */
/***alignment***/
.d-flex {display: flex!important}
.d-inline-flex {display: inline-flex!important}
.justify-content-start {justify-content: flex-start!important}
.justify-content-end {justify-content: flex-end!important}
.justify-content-center {justify-content: center!important}
.justify-content-between {justify-content: space-between!important}
.align-items-start {align-items: flex-start!important}
.align-items-end {align-items: flex-end!important}
.align-items-center {align-items: center!important}

/***margin/padding***/
.mt-0 {margin-top: 0!important}
.mt-1 {margin-top: .25rem!important}
.mt-2 {margin-top: .5rem!important}
.mt-3 {margin-top: 1rem!important}
.mt-4 {margin-top: 1.5rem!important}
.mt-5 {margin-top: 3rem!important}
.me-0 {margin-right: 0!important}
.me-1 {margin-right: .25rem!important}
.me-2 {margin-right: .5rem!important}
.me-3 {margin-right: 1rem!important}
.me-4 {margin-right: 1.5rem!important}
.me-5 {margin-right: 3rem!important}
.me-auto {margin-right: auto!important}
.mb-0 {margin-bottom: 0!important}
.mb-1 {margin-bottom: .25rem!important}
.mb-2 {margin-bottom: .5rem!important}
.mb-3 {margin-bottom: 1rem!important}
.mb-4 {margin-bottom: 1.5rem!important}
.mb-5 {margin-bottom: 3rem!important}
.ms-0 {margin-left: 0!important}
.ms-1 {margin-left: .25rem!important}
.ms-2 {margin-left: .5rem!important}
.ms-3 {margin-left: 1rem!important}
.ms-4 {margin-left: 1.5rem!important}
.ms-5 {margin-left: 3rem!important}
.ms-auto {margin-left: auto!important}

.pt-0 {padding-top: 0!important}
.pt-1 {padding-top: .25rem!important}
.pt-2 {padding-top: .5rem!important}
.pt-3 {padding-top: 1rem!important}
.pt-4 {padding-top: 1.5rem!important}
.pt-5 {padding-top: 3rem!important}
.pe-0 {padding-right: 0!important}
.pe-1 {padding-right: .25rem!important}
.pe-2 {padding-right: .5rem!important}
.pe-3 {padding-right: 1rem!important}
.pe-4 {padding-right: 1.5rem!important}
.pe-5 {padding-right: 3rem!important}
.pb-0 {padding-bottom: 0!important}
.pb-1 {padding-bottom: .25rem!important}
.pb-2 {padding-bottom: .5rem!important}
.pb-3 {padding-bottom: 1rem!important}
.pb-4 {padding-bottom: 1.5rem!important}
.pb-5 {padding-bottom: 3rem!important}
.ps-0 {padding-left: 0!important}
.ps-1 {padding-left: .25rem!important}
.ps-2 {padding-left: .5rem!important}
.ps-3 {padding-left: 1rem!important}
.ps-4 {padding-left: 1.5rem!important}
.ps-5 {padding-left: 3rem!important}
.RegInfo{font-size: 12px;}
/***buttons***/
.btn-primary, .primary-btn{ background: rgba(72,83,102,1) !important; border:solid 1px rgba(72,83,102,1) !important; color: #fff !important; font-weight: 600;}
.btn-primary:hover, .primary-btn:hover{background: rgba(72,83,102,.8) !important; border:solid 1px rgba(72,83,102,.8) !important; color: #fff !important;}
.secondary-btn{ background: #fff !important; border:solid 1px rgba(72,83,102,.8) !important; font-weight: 600;}
.secondary-btn:hover{background: rgba(210,219,231,.4) !important; border:solid 1px rgba(72,83,102,1) !important; color:rgba(72,83,102,1) !important;}
.btn{border-radius: 6px !important; margin-right: 3px!important;}
.btn-medium{padding: 6px 18px !important;}
.btn-large{padding: 8px 20px !important;}

/***transition***/
button, .summarycount button, .details-link, .primary-btn, .secondary-btn, .dashbg svg
{-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

/***navigation***/
/***navigation***/
.navbar-static-top.navbar-inverse { background-color: #333f48 !important; box-shadow: 0 4px 40px 0 rgba(241, 242, 243, 0.1);/*padding: 10px 0;*/border-bottom:solid 1px #c0cad7;}
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a{ font-size: 16px !important; color:#ffffff; /*border: solid rgba(255,255,255,0) !important; border-width: 0 0 3px 0 !important; */}
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:hover{  color:#f3f3f5; border: solid #485366 !important; border-width: 0 0 3px 0 !important;}
.navbar-inverse .navbar-nav > li > a:hover{ background: none !important; text-decoration: none !important; border: solid #727f94 !important; border-width: 0 0 3px 0 !important;}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:active{ outline: none !important;  background: none !important;  text-decoration: none !important;border: solid #485366 !important; border-width: 0 0 3px 0 !important;}
.navbar-static-top [aria-current]:not([aria-current="false"]) {border: solid #dcdcdc !important; border-width: 0 0 3px 0 !important; color:#ffffff !important;}
.navbar-static-top .navbar-right.menu-bar .weblinks li.dropdown a{ font-size: 16px !important; padding-top: 12px; color: rgba(255, 255, 255, 0.8); }
.navbar-inverse .navbar-nav > .dropdown.open > a{ text-decoration:none !important; background: none !important;}
.navbar-static-top .navbar-right.menu-bar .weblinks li.dropdown a, .navbar-static-top .navbar-right.menu-bar .weblinks li.dropdown a:hover{ border: solid rgba(255,255,255,0) !important;}
.navbar-inverse .navbar-nav .open .dropdown-menu{ margin-top: 0 !important;}
.navbar-inverse .navbar-nav .open .dropdown-menu {background-color: #333333 !important;text-decoration: none !important;} 
.dropdown-menu .divider{    background-color: #4a4a4a; display: none;}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{  color: #fff !important; padding-top: 10px; padding-bottom: 10px; border: none !important; padding: 10px 20px !important;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{     background-color: rgba(255,255,255,0) !important; color: #D2DBE7 !important;text-decoration: none !important; border: none !important; padding: 10px 20px !important;}
.navbar-inverse .navbar-nav .open .dropdown-menu{ padding-top: 0; padding-bottom: 0;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus{ text-decoration: none !important;}
.navbar-static-top.navbar .menu-bar > .navbar-nav > .divider-vertical{ display:none !important;}
.navbar-static-top .navbar-header{width:20%;}
/*.navbar-static-top .navbar-right.menu-bar {width:80%;}
.navbar-static-top .navbar-right.menu-bar .weblinks{width:100%;}*/
.navbar-static-top .navbar-right.menu-bar .weblinks li.dropdown{ float: right; margin-left: 30px;}

/***summary - count***/
.summary-data-block{padding-left:5px; padding-right: 5px;}
.summarycount {flex-grow: 1;flex-basis: 0; padding: 0 10px;}
.summarycount button{ background: rgb(29 48 77) !important; color:#fff; /*border-radius: 6px;*/ 
-webkit-box-shadow: 0px 20px 25px 0px rgba(72, 83, 102,.25);
-moz-box-shadow: 0px 20px 25px 0px rgba(72, 83, 102,.25);
box-shadow: 0px 20px 25px 0px rgb(72, 83, 102,.25);
border-radius: 6px;
padding:15px 15px 15px 25px; /*box-shadow: 0 4px 40px 0 rgba(22,62,100,.1);*/ border:none !important; font-size: 16px; width:100%; min-height: 150px; text-align: left;    display: inline-flex; /*flex-direction: column;*/  align-items: center;    }
.summarycount button:hover{background: rgba(72,83,102,.8) !important;}
.summarycount button .DCount{ font-size: 30px; font-weight: 600; line-height: 32px; margin: 0 0 7px 0; }
.dash-count{ padding-left: 15px;}
.summarycount button{ position: relative; z-index: 0; }
.dashbg{ position: absolute; right:0; top:0; opacity: .70;}
.summarycount button:hover .dashbg svg{ width:180px; height:100px;}
.dashicon,.dash-count{z-index: 1;}
/*table*/
.entitylist{ background: #fff !important; border: none !important;}
.grid-actions{ border: none !important;}
table thead{background: rgba(210,219,231,.4); border-bottom: solid 1px rgba(210,219,231,.6);}
/*table thead th a{ font-weight: 600;}*/
.table>tbody>tr>td{border: solid 1px rgba(210,219,231,.6); font-size: 13px; padding: 5px;}
table thead th a{text-decoration: none !important; font-weight: 600;}
table tbody td a:hover{color:#485366;}
.view-grid .dropdown.action .dropdown-menu li a{ border-radius: 4px !important;    background: rgba(72,83,102,1);border: solid 1px rgba(72,83,102,1) !important;font-size: 11px !important;color: #fff; padding: 5px 7px !important; }
.view-grid .dropdown.action .dropdown-menu li a:hover{ background: rgba(72,83,102,.8) !important; border:solid 1px rgba(72,83,102,.8) !important; color:#fff !important;}
.view-grid .dropdown.action .dropdown-menu{ margin: 0 !important;}
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td{ vertical-align: middle;}
.table {border-left: solid 1px rgba(210,219,231,.6);}
/*search*/
.entitylist-search .form-control, .form-control, input.form-control { background: #fff !important;border: solid 1px #D2DBE7 !important; border-radius: 4px;}
.entitylist-search .form-control:active, .form-control:active
.entitylist-search .form-control:focus, .form-control:focus, input.form-control:active, input.form-control:focus {border: solid 1px #485366 !important;} 
.toolbar-actions button.btn.btn-default.btn-hg{ background: #C1ADA6;color: #fff;border: solid 1px #C1ADA6; height: 35px;border-radius: 0 4px 4px 0 !important;}

/*pagenation*/
.pagination>li>a:hover{color:#C1ADA6; text-decoration: none;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover {background-color: #C1ADA6 !important;}
.pagination > li > a, .pagination > li > span{  display: inline-flex;justify-content: center; align-items: center;}

/***documents***/
.toolbar-actions .entitylist-download{ background: rgba(72,83,102,1); border:solid 1px rgba(72,83,102,1); color: #fff; height: 35px; font-weight: 600; font-size: 14px; }
.toolbar-actions .entitylist-download:hover{background: rgba(72,83,102,.8); border:solid 1px rgba(72,83,102,.8); color: #fff;}

/***unit listing detail***/
.crmEntityFormView .tab-title{ border:none;}
.crmEntityFormView .form-control.readonly, .crmEntityFormView .form-control[readonly][disabled], .form-readonly .form-control {padding-left: 10px !important;}
.crmEntityFormView .cell {padding: 0 15px 15px 0;}
.crmEntityFormView td.cell .text-muted{ left:10px;} 
input[readonly], select[readonly], textarea[readonly], .form-control.picklist[readonly],
input[readonly]:active, select[readonly]:active, textarea[readonly]:active, .form-control.picklist[readonly]:active,.form-control.picklist.readonly, 
/* .form-control.picklist.readonly:active, .picklist[readonly], .picklist[readonly]:active,
input[readonly]:focus, select[readonly]:focus, textarea[readonly]:focus, .form-control.picklist[readonly]:focus, .form-control.picklist.readonly:focus  
{background-color:rgba(210,219,231,.3) !important; background:rgba(210,219,231,.3) !important;  border-color:rgba(210,219,231,.3) !important;} */
.listdetails fieldset{ margin-bottom: 0 !important;}

/*alerts*/
.alert-danger {background-color: #f4e7e7;border-color: #f4e7e7;}

/*common*/
.white-card{background:#fff !important; border-radius: 6px; padding:15px; box-shadow: 0 4px 40px 0 rgba(22,62,100,.1); }
.customecontainer-fluid{padding-left: 100px; padding-right: 100px;}
.crmEntityFormView, .entitylist, .modal-content, .popover-content{ background: #ffffff !important ; border:none !important; color:#333 !important;}
.breadcrumb{ margin: 15px 0 0 0;}
.breadcrumb a{ text-decoration: none !important; color:#485366 !important;}
.breadcrumb a:hover{ color:#333 !important;}
.wrapper-body{ padding-bottom: 50px;}
html[dir="ltr"] .crmEntityFormView .cell.boolean-radio-cell input[type="radio"] {margin: 5px 7px 0px 10px !important; }
.listdetails{ padding-left: 25px;}

/*access denied & page not found*/
.access-denied, .pagenotfound{ width: 40%;text-align: center;margin: 75px auto;padding-top: 75px; padding-bottom: 75px;}
.access-denied h2, .pagenotfound h2{font-size: 30px !important;font-weight: 600; margin-bottom: 10px;}
.access-denied p, .pagenotfound p{ color: #6D7585;}
label{ font-weight: normal !important;}

/***choose file popup***/
.commonpopup .modal-dialog{ background: #fff;}
.commonpopup .modal-footer{ border:none; padding-top: 0;}
.choosefile-block .button {background: #C1ADA6;border: none;border-radius: 6px;color: white;display: inline-block;font-size: 18px;font-weight: bolder;letter-spacing: 0.02em;padding: 10px 20px;text-align: center;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);text-decoration: none;text-transform: uppercase;transition: all 0.2s;}
.choosefile-block .btn:hover {background: #CDBDB8;}
.choosefile-block .btn:active {background: #CDBDB8;}
.choosefile-block input[type="file"] {display: none;}
.choosefile-block #file-drag {border: 2px dashed #555;border-radius: 7px;color: #555;cursor: pointer;display: block;font-weight: bold;margin: 1em 0;padding: 5em 3em;text-align: center;transition: background 0.3s, color 0.3s;}
.choosefile-block #file-drag:hover {background: rgba(210,219,231, .2);}
.choosefile-block #file-drag:hover,
.choosefile-block #file-drag.hover {border-color: #485366;border-style: dashed;box-shadow: inset 0 10px 25px #cad0d9;color: #485366;}
.choosefile-block #file-progress {display: none;margin: 1em auto;width: 100%;}
.choosefile-block #file-upload-btn {margin: auto;}
.choosefile-block #file-upload-btn:hover {background: #CDBDB8;}
.choosefile-block #file-upload-form {margin: auto;width: 100%;}
.choosefile-block ul {list-style-type: none;margin: 0;padding: 0;}

/***profile***/
#ProfileFormView, #ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel
{background:#fff !important; border-radius: 6px; padding:15px 15px 15px 25px; box-shadow: 0 4px 40px 0 rgba(22,62,100,.1); margin-bottom: 15px;}
#ProfileFormView{ margin-bottom: 15px;}
#ProfileFormView textarea.form-control { height: 100px;}
#content_form{ margin-bottom: 50px;}
.well.profile-info{ background: rgba(229,221,219,1); border-radius: 6px;}
.well.profile-info .fullName{ font-size: 18px;}
.panel.panel-default.nav-profile, .panel.panel-default.nav-profile .list-group-item, .panel.panel-default.nav-profile .list-group-item a, .weblinks-depth-1.weblinks.list-group a
{ background: #fff !important; text-decoration: none;}
.panel.panel-default.nav-profile .panel-heading{background: #485366; color:#fff;}

.panel.panel-default.nav-profile .list-group-item a, .weblinks-depth-1.weblinks.list-group a{ text-decoration: none !important;}
.weblinks-depth-1.weblinks.list-group a{border: solid 1px #D2DBE7;}
.panel.panel-default.nav-profile .list-group-item, .panel.panel-default.nav-profile .list-group-item:hover {border-bottom: solid 1px #D2DBE7;border-top: solid 1px #D2DBE7;}
textarea.form-control:not([readonly]), .form-control.picklist:not([readonly]) { background: #fff !important;}
.weblinks-depth-1.weblinks.list-group a:hover, .panel.panel-default.nav-profile .list-group-item:hover{ color:#333;}
legend{ border: none;}
.page-header {padding-bottom: 5px;margin: 30px 0 0;}
/*.actions { text-align: right;}/*
.actions .btn-primary{padding: 8px 20px !important;}

/***genarte quotation*/
.generate-quotation{ padding: 20px;}
.quotation-text{font-size: 15px;margin-bottom: 14px;display: block; font-weight: 600;}
.quotation-seclect select, .quotation-seclect .btn{ height: 44px;}
.quotation-seclect select{ margin-right: 10px; font-size: 15px !important; padding: 8px 10px !important; }
.quotation-seclect .btn{ margin-top: -3px;}
#mySelect:hover, #mySelect:focus{border-color: #485366 !important;}

/***pre quotation*/
.pre-quotation{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.pre-quot-left h3{ margin-bottom: 5px !important;}
.pre-quot-right{}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-left: 10px;padding-right: 10px;}

.pre-quotation-scroll{ max-height: 450px; overflow-y: scroll;}

/***documents***/
.documents-details .actions .btn-primary{ float: right;}


/*******============ VIEWPORT STYLES ============*******/

@media (min-width : 320px) and (max-width: 480px) {
  
h1 {font-size: 22px !important;}
.summary-data-block{ display: block !important;}
.summarycount button{ min-height: auto; margin-bottom: 15px;}
.summarycount button .DCount{ margin: 0 0 10px 0; font-size: 30px;}
.summarycount button{padding: 15px 15px 30px 25px;}
.documents-block .entitylist-search{ width:100%}
.documents-block .entitylist-download{ margin-left: 0; margin-top: 10px; float: right !important;}

.quotation-seclect select{ width:100%;}
.pre-quotation {display: block;}
.quotation-seclect .btn, .pre-quot-left{ margin-top: 10px;}


}

@media (min-width: 480px) and (max-width: 599px) {	

.summarycount{ padding: 0 5px;width: 49%;display: inline-block;}

}

@media (min-width: 600px) and (max-width: 767px) {

.summary-data-block{ display: block !important;}
.summarycount button{ min-height: auto; margin-bottom: 15px;}
.summarycount button .DCount{ margin: 0 0 10px 0; font-size: 30px;}
.summarycount button{padding: 15px 15px 15px 25px; min-height: 140px;}
.summarycount{ padding: 0 5px;width: 32%;display: inline-block;}

}

@media (max-width: 767px) { 
.customecontainer-fluid {padding-left: 15px;padding-right: 15px;}  
.navbar-static-top .navbar-header {width: auto;}
.wrapper-body{ padding-bottom: 35px;}
.breadcrumb{ margin-bottom: 0;}

/*toggle icon*/
.navbar-toggle {background-color: #fff !important;}
.navbar-inverse .navbar-toggle{border-color: #333 !important;}
.navbar-inverse .navbar-toggle .icon-bar { background-color: #333 !important;border-color: #333 !important; }
.navbar-inverse .navbar-toggle:hover{background-color: #C1ADA6 !important;border-color: #C1ADA6 !important;}
.navbar-inverse .navbar-toggle:hover .icon-bar{ background-color: #fff !important;border-color: #fff !important;}

.summarycount button{ font-size: 16px;}

/*nav*/
.navbar-static-top .navbar-right.menu-bar, .navbar-static-top .navbar-right.menu-bar .weblinks{ width: 100%;}
.navbar-nav {margin: 10px 0;}
.navbar-static-top .navbar-right.menu-bar .weblinks li.dropdown {float: left; margin-left: 0;}

.access-denied, .pagenotfound, .access-denied svg, .pagenotfound svg, .access-denied img, .pagenotfound img { width:100%;}
.access-denied, .pagenotfound {margin: 20px auto; padding-top: 30px;padding-bottom: 30px;}
.access-denied svg, .pagenotfound svg, .access-denied img, .pagenotfound img{height:180px;}
.access-denied h2, .pagenotfound h2 {font-size: 22px !important; margin-bottom: 5px;}
.access-denied p, .pagenotfound p{ font-size: 18px; line-height: 24px;}

.crmEntityFormView .cell {padding: 0 15px 10px 0; margin-bottom: 10px !important;}

.well.profile-info{ padding: 10px;}
.well.profile-info .profilePictureContainer {width: 60px;height: 60px;}
.well.profile-info .fullName{ padding-top: 20px; padding-left: 10px !important;}
#ProfileFormView, #ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel{ padding: 15px;}
/* .crmEntityFormView .cell{ padding-right: 0 !important;} */
.well.profile-info .edit{top: 28px; left: 48px;}
.panel.panel-default.nav-profile .list-group-item, .panel.panel-default.nav-profile .list-group-item:hover {border-bottom: solid 1px #D2DBE7 !important;border-top: solid 1px #D2DBE7 !important;}

.generate-quotation{ margin-top: 15px;}
.pre-quotation-scroll {max-height: auto;overflow-y: auto;}

}

@media (min-width: 768px) {
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.customecontainer-fluid {padding-left: 15px;padding-right: 15px;}  
.navbar-static-top .navbar-header {width: auto;}
.wrapper-body{ padding-bottom: 35px;}
.breadcrumb{ margin-bottom: 0;}

/*toggle icon*/
.navbar-toggle {background-color: #fff !important;}
.navbar-inverse .navbar-toggle{border-color: #333 !important;}
.navbar-inverse .navbar-toggle .icon-bar { background-color: #333 !important;border-color: #333 !important; }
.navbar-inverse .navbar-toggle:hover{background-color: #C1ADA6 !important;border-color: #C1ADA6 !important;}
.navbar-inverse .navbar-toggle:hover .icon-bar{ background-color: #fff !important;border-color: #fff !important;}

.summarycount button{padding: 15px ; min-height: 175px; font-size: 16px;}
.summarycount button .DCount{ font-size: 30px; padding: 10px 0; margin: 5px 0 0px 0;}

/*nav*/
.navbar-static-top.navbar .navbar-collapse{width: 40%;position: absolute;right: 0;background: #fff;}
.navbar-static-top .navbar-right.menu-bar, .navbar-static-top .navbar-right.menu-bar .weblinks{ width: 96%;}
.navbar-nav {margin: 10px 0;}
.navbar-static-top .navbar-right.menu-bar .weblinks li.dropdown {float: left; margin-left: 0;}

.access-denied, .pagenotfound {width: 85%;margin: 50px auto;padding-top: 50px;padding-bottom: 50px;}
.access-denied h2, .pagenotfound h2 {font-size: 24px !important; margin-bottom: 5px;}
.access-denied p, .pagenotfound p{ font-size: 18px; line-height: 24px;}
.access-denied, .pagenotfound, .access-denied svg, .pagenotfound svg, .access-denied img, .pagenotfound img { width:75%;}
.access-denied, .pagenotfound {margin: 20px auto; padding-top: 40px;padding-bottom: 40px;}
.access-denied svg, .pagenotfound svg, .access-denied img, .pagenotfound img{height:200px;}

.well.profile-info{ padding: 10px;}
.well.profile-info .profilePictureContainer {width: 70px;height: 70px;}
.well.profile-info .fullName{ padding-top: 20px; padding-left: 10px !important;}
#ProfileFormView, #ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel{ padding: 15px;}
/* .crmEntityFormView .cell{ padding-right: 0 !important;} */
.well.profile-info .edit{top: 32px; left: 54px;}
.panel.panel-default.nav-profile .list-group-item, .panel.panel-default.nav-profile .list-group-item:hover {border-bottom: solid 1px #D2DBE7 !important;border-top: solid 1px #D2DBE7 !important;}

#ProfileFormView .cell, .listdetails  .crmEntityFormView .cell { padding-right: 15px !important;}

.generate-quotation{ margin-top: 15px;}
.pre-quotation-scroll {max-height: auto;overflow-y: auto;}


}

@media only screen and (min-width: 800px)  {	
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
}

@media (max-width: 991px) {	
}

@media (min-width: 992px) {
}

@media only screen and (min-width:992px) and (max-width:1100px) {
.customecontainer-fluid {padding-left: 15px;padding-right: 15px;}  
.navbar-static-top .navbar-header {width: auto;} 
  
.wrapper-body{ padding-bottom: 35px;}
.breadcrumb{ margin-bottom: 0;}

/*toggle icon*/
.navbar-toggle {background-color: #fff !important;}
.navbar-inverse .navbar-toggle{border-color: #333 !important;}
.navbar-inverse .navbar-toggle .icon-bar { background-color: #333 !important;border-color: #333 !important; }
.navbar-inverse .navbar-toggle:hover{background-color: #C1ADA6 !important;border-color: #C1ADA6 !important;}
.navbar-inverse .navbar-toggle:hover .icon-bar{ background-color: #fff !important;border-color: #fff !important;}
/*nav*/
.navbar-static-top.navbar .navbar-collapse{width: 40%;position: absolute;right: 0;background: #fff;}
.navbar-static-top .navbar-right.menu-bar, .navbar-static-top .navbar-right.menu-bar .weblinks{ width: 95%;}
.navbar-nav {margin: 10px 0;}
.navbar-static-top .navbar-right.menu-bar .weblinks li.dropdown {float: left;margin-left: 0;}

.summarycount button .DCount {font-size: 30px;margin: 15px 0 20px 0;}
.summarycount button{ min-height: 190px;}

.access-denied, .pagenotfound {width: 60%;}
.access-denied svg, .pagenotfound svg, .access-denied img, .pagenotfound img{height:200px;}
.access-denied h2, .pagenotfound h2 {font-size: 24px !important; margin-bottom: 5px;}
.access-denied p, .pagenotfound p{ font-size: 18px; line-height: 24px;}
.access-denied, .pagenotfound {margin: 25px auto; padding-top: 50px;padding-bottom: 50px;}

.well.profile-info{ padding: 10px;}
.well.profile-info .profilePictureContainer {width: 70px;height: 70px;}
.well.profile-info .fullName{ padding-top: 20px; padding-left: 10px !important;}
#ProfileFormView, #ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel{ padding: 15px;}
/* .crmEntityFormView .cell{ padding-right: 0 !important;} */
.well.profile-info .edit{top: 32px; left: 52px;}
.panel.panel-default.nav-profile .list-group-item, .panel.panel-default.nav-profile .list-group-item:hover {border-bottom: solid 1px #D2DBE7 !important;border-top: solid 1px #D2DBE7 !important;}

.well.profile-info{ padding: 10px;}
.well.profile-info .profilePictureContainer {width: 60px;height: 60px;}
.well.profile-info .fullName{ padding-top: 20px; padding-left: 10px !important; font-size: 16px;}
#ProfileFormView, #ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel{ padding: 15px;}
/* .crmEntityFormView .cell{ padding-right: 0 !important;} */
.well.profile-info .edit{top: 28px; left: 48px;}
.panel.panel-default.nav-profile .list-group-item, .panel.panel-default.nav-profile .list-group-item:hover {border-bottom: solid 1px #D2DBE7 !important;border-top: solid 1px #D2DBE7 !important;}

#ProfileFormView .cell, .listdetails  .crmEntityFormView .cell { padding-right: 15px !important;}
.quotation-seclect select{width:220px;}

}

@media only screen and (min-width:1101px) and (max-width:1199px) {	
.customecontainer-fluid {padding-left: 15px;padding-right: 15px;}  
.navbar-static-top .navbar-header {width: auto;}

.wrapper-body{ padding-bottom: 35px;}
.breadcrumb{ margin-bottom: 0;}

/*toggle icon*/
.navbar-toggle {background-color: #fff !important;}
.navbar-inverse .navbar-toggle{border-color: #333 !important;}
.navbar-inverse .navbar-toggle .icon-bar { background-color: #333 !important;border-color: #333 !important; }
.navbar-inverse .navbar-toggle:hover{background-color: #C1ADA6 !important;border-color: #C1ADA6 !important;}
.navbar-inverse .navbar-toggle:hover .icon-bar{ background-color: #fff !important;border-color: #fff !important;}

/*nav*/
.navbar-static-top.navbar .navbar-collapse{width: 40%;position: absolute;right: 0;background: #fff;}
.navbar-static-top .navbar-right.menu-bar, .navbar-static-top .navbar-right.menu-bar .weblinks{ width: 95%;}
.navbar-nav {margin: 10px 0;}
.navbar-static-top .navbar-right.menu-bar .weblinks li.dropdown {float: left;margin-left: 0;}

.summarycount button .DCount {font-size: 30px;margin: 15px 0 20px 0;}
.summarycount button{ min-height: 190px;}

.access-denied, .pagenotfound {width: 55%;}
.access-denied svg, .pagenotfound svg, .access-denied img, .pagenotfound img{height:200px;}
.access-denied h2, .pagenotfound h2 {font-size: 24px !important; margin-bottom: 5px;}
.access-denied p, .pagenotfound p{ font-size: 18px; line-height: 24px;}
.access-denied, .pagenotfound {margin: 25px auto; padding-top: 55px;padding-bottom: 55px;}

.well.profile-info{ padding: 10px;}
.well.profile-info .profilePictureContainer {width: 70px;height: 70px;}
.well.profile-info .fullName{ padding-top: 20px; padding-left: 10px !important;}
#ProfileFormView, #ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel{ padding: 15px;}
/* .crmEntityFormView .cell{ padding-right: 0 !important;} */
.well.profile-info .edit{top: 32px; left: 52px;}
.panel.panel-default.nav-profile .list-group-item, .panel.panel-default.nav-profile .list-group-item:hover {border-bottom: solid 1px #D2DBE7 !important;border-top: solid 1px #D2DBE7 !important;}

.well.profile-info{ padding: 10px;}
.well.profile-info .profilePictureContainer {width: 60px;height: 60px;}
.well.profile-info .fullName{ padding-top: 20px; padding-left: 10px !important; font-size: 16px;}
#ProfileFormView, #ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel{ padding: 15px;}
/* .crmEntityFormView .cell{ padding-right: 0 !important;} */
.well.profile-info .edit{top: 28px; left: 48px;}
.panel.panel-default.nav-profile .list-group-item, .panel.panel-default.nav-profile .list-group-item:hover {border-bottom: solid 1px #D2DBE7 !important;border-top: solid 1px #D2DBE7 !important;}

#ProfileFormView .cell, .listdetails  .crmEntityFormView .cell{ padding-right: 15px !important;}
.quotation-seclect select{width:220px;}

}

@media (min-width: 1200px) {
}

@media (min-width: 1200px) and (max-width: 1299px) {

.summarycount button{ min-height: 180px;}
.customecontainer-fluid {padding-left: 60px;padding-right: 60px;}

.access-denied, .pagenotfound {width: 65%;}
.access-denied svg, .pagenotfound svg, .access-denied img, .pagenotfound img{height:200px;}
.access-denied h2, .pagenotfound h2 {font-size: 26px !important; margin-bottom: 5px;}
.access-denied p, .pagenotfound p{ font-size: 18px; line-height: 24px;}
.access-denied, .pagenotfound {margin: 30px auto; padding-top: 55px;padding-bottom: 55px;}

.well.profile-info{ padding: 10px;}
.well.profile-info .profilePictureContainer {width: 60px;height: 60px;}
.well.profile-info .fullName{ padding-top: 20px; padding-left: 10px !important; font-size: 16px;}
#ProfileFormView, #ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel{ padding: 15px;}
/* .crmEntityFormView .cell{ padding-right: 0 !important;} */
.well.profile-info .edit{top: 28px; left: 48px;}
#ProfileFormView .cell, .listdetails  .crmEntityFormView .cell{ padding-right: 15px !important;}

}

@media (min-width: 1300px) and (max-width: 1366px) {
.summarycount button{ min-height: 130px;}
.customecontainer-fluid {padding-left: 60px;padding-right: 60px;}

.access-denied, .pagenotfound {width: 65%;}
.access-denied svg, .pagenotfound svg, .access-denied img, .pagenotfound img{height:200px;}
.access-denied h2, .pagenotfound h2 {font-size: 26px !important; margin-bottom: 5px;}
.access-denied p, .pagenotfound p{ font-size: 18px; line-height: 24px;}
.access-denied, .pagenotfound {margin: 30px auto; padding-top: 55px;padding-bottom: 55px;}

.well.profile-info{ padding: 10px;}
.well.profile-info .profilePictureContainer {width: 65px;height: 65px;}
.well.profile-info .fullName{ padding-top: 20px; padding-left: 10px !important; font-size: 16px;}
#ProfileFormView, #ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel{ padding: 15px;}
/* .crmEntityFormView .cell{ padding-right: 0 !important;} */
.well.profile-info .edit{top: 28px; left: 48px;}
#ProfileFormView .cell, .listdetails  .crmEntityFormView .cell{ padding-right: 15px !important;}

}

@media (min-width: 1367px) and (max-width: 1599px) {	
.summarycount button{ min-height: 180px;}
.customecontainer-fluid {padding-left: 60px;padding-right: 60px;}

.access-denied, .pagenotfound {width: 50%;}
.access-denied svg, .pagenotfound svg, .access-denied img, .pagenotfound img{height:200px;}
.access-denied h2, .pagenotfound h2 {font-size: 26px !important; margin-bottom: 5px;}
.access-denied p, .pagenotfound p{ font-size: 20px; line-height: 24px;}
.access-denied, .pagenotfound {margin:30px auto; padding-top: 60px;padding-bottom: 60px;}

.well.profile-info{ padding: 10px;}
.well.profile-info .profilePictureContainer {width: 70px;height: 70px;}
.well.profile-info .fullName{ padding-top: 20px; padding-left: 10px !important; font-size: 16px;}
#ProfileFormView, #ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel{ padding: 15px;}
/* .crmEntityFormView .cell{ padding-right: 0 !important;} */
.well.profile-info .edit{top: 28px; left: 48px;}
#ProfileFormView .cell, .listdetails  .crmEntityFormView .cell{ padding-right: 15px !important;}

}

@media (min-width: 1600px) and (max-width: 1680px) { 
.summarycount button{ min-height: 150px;}
.customecontainer-fluid { padding-left: 75px;padding-right: 75px;}

.access-denied, .pagenotfound {width: 50%;}
.access-denied svg, .pagenotfound svg, .access-denied img, .pagenotfound img{height:200px;}
.access-denied h2, .pagenotfound h2 {font-size: 26px !important; margin-bottom: 5px;}
.access-denied p, .pagenotfound p{ font-size: 20px; line-height: 24px;}
.access-denied, .pagenotfound {margin: 30px auto; padding-top: 60px;padding-bottom: 60px;}

.well.profile-info{ padding: 15px;}
.well.profile-info .profilePictureContainer {width: 80px;height: 80px;}
.well.profile-info .fullName{ padding-top: 20px; padding-left: 10px !important; font-size: 16px;}
#ProfileFormView, #ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel{ padding: 15px;}
/* .crmEntityFormView .cell{ padding-right: 0 !important;} */
.well.profile-info .edit{top: 28px; left: 48px;}
#ProfileFormView .cell, .listdetails  .crmEntityFormView .cell{ padding-right: 15px !important;}

}

@media (min-width: 1900px), (max-width: 1920px) and (-webkit-device-pixel-ratio: 1.25) {
/* 
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1400px;}*/
}

@media (min-width: 1900px) and (max-width: 1920px) {
/* 
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1400px;}*/
}

@media (min-width: 1920px) and (max-width: 2560px) {
}

input::placeholder {
  color: #727171a8!important;
}


/* .bootstrap-datetimepicker-widget tr td button {
  background-color: #f0f0f0;
  border: none;
  color: #000;
  padding: 2px!important;
}
.bootstrap-datetimepicker-widget tr td.active button {
  background: #727171;
  color: #fff;
  forced-color-adjust: none;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #727171;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
} */

input[readonly] {
  /* background-color: #6564642e!important;
  cursor: not-allowed; */
}
select[readonly] {
  background-color: #6564642e!important;
  cursor: not-allowed;
}
select[disabled] {
  background-color: #6564642e!important;
  cursor: not-allowed;
}

/* .text-muted {
  color: rgba(255, 255, 255, 0)!important;
} */

.havingProfilePicture, .profilePictureContainer {
  width: 70px!important;
  height: 70px!important;
  background: grey;
  border-radius: 50%;
  align-items: center;
  text-align: center;
  color: #fff;
}

/* Basic card styling for each table row */
.card {
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  padding: 15px !important;
  margin: 10px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff !important;
}

/* Optional hover effect for interaction */
.card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
  transition: box-shadow 0.2s ease-in-out !important;
}

/* Remove default table border and spacing */
table {
  border-collapse: collapse !important;
  width: 100% !important;
}

/* Style table rows as cards */
tr.card-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
}

/* Style table cells within cards */
td.card-cell {
  flex: 0 1 calc(33.33% - 20px) !important;
}

/* Optional media query for responsiveness */
@media screen and (max-width: 600px) {
  td.card-cell {
    flex: 0 1 calc(100% - 20px) !important;
  }
}
.alert-warning {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000;
}

.btn-info, .btn.action{background-color:rgba(72,83,102,1) !important; border-color: rgba(72,83,102,1) !important;}
.btn.action:hover {background-color: rgba(72, 83, 102, 0.692) !important ; border:1px solid rgba(72,83,102,1) !important}

.instructions {
margin: 0 15px 20px;
background: #485366;
padding: 10px;
border-radius: 4px;
color: white;
}

.CustomCreatePOPup iframe{height: 500px !important;}
.popUpClass{background-color: #ffffff !important; padding-left: 20px;padding-right: 20px;}
.popUpClass .wrapper-body{min-height: auto; width: 100%; padding: 0;}
.popUpClass .wrapper-body #content_form{margin-bottom: 0;}
.popUpClass .wrapper-body div#EntityFormPanel{padding: 0 !important;}

.text-muted {
color: #6660;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #eee !important;
}
/* .btn-group.entity-action-button{
text-align: right!important;
} */
.col-sm-6.clearfix {
display: flex;
justify-content: flex-end;
}

.btn-group.entity-action-button {
display: inline-block;
}

.btn-group.entity-action-button:first-child {
margin-left: auto;
}
.bootstrap-datetimepicker-widget tr td button {
background-color: #f0f0f0;
border: none;
color: #000;
padding: 2px!important;
}
.bootstrap-datetimepicker-widget tr td.active button {
background: #727171;
color: #fff;
forced-color-adjust: none;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
background-color: #727171;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}
.bootstrap-datetimepicker-widget {
background-color: #fff !important;
}
.bootstrap-datetimepicker-widget tr td button{background-color: transparent!important;}
html[dir=ltr] .crmEntityFormView .cell.crmquickform-cell:first-child {
border-right: none !important;
}


.status-optionset {
  background: #eeeeee !important;
  border: solid 1px #D2DBE7 !important;
  border-radius: 4px;
  width: 100%;
  height: 35px;
  display: flex;
}


.cancel.btn.btn-default{

  background-color: white !important;
  color: black !important;
}

.cancel.btn.btn-default:hover{

  background-color: #c7c5c5 !important;
  color: black !important;
}

.workflow-link.btn-default.btn{
  margin-right: 30px !important;
}

.quotation-seclect > select {
  width: 100%;
  word-wrap: break-word; /* Doesn't work for <option> */
  overflow-wrap: break-word;
  /* white-space: normal; /* Helps wrap text */
}

.select-popover-container {
  position: relative;
  display: inline-block;
}

.select-popover {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 5px;
  border-radius: 4px;
  font-size: 12px;
  max-width: 200px; /* Set the maximum width for the popover */
  word-wrap: break-word;
}
.select-popover-container:hover .select-popover {
  visibility: visible;
}
.submit_button_custom{
  margin-right: 27px !important;
}
.havingNoProfilePicture {
  padding-top: 7px !important;
}
td[aria-label="action menu"] .dropdown-menu li {
    margin-top: 0px; 
    margin-bottom: 2px; 
    margin-right: 10px;
}
.modal-body .container.wrapper-body {
  background-color: white;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
#ppic {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    object-fit: cover;
}
.input-group-btn .btn {
    white-space: nowrap;
    height: 35px;
    display: block;
    border-color: #D2DBE7;
    border-radius: 0 4px 4px 0 !important;
}
.popUpClass{padding-left: 0; padding-right: 0;}
.input-group{display: flex;}
.input-group .input-group-addon{padding:9px 0px;
    width: 50px;
    background: #485366 !important; border-radius: 4px ;
    color: #fff;}
    .input-group .form-control {
    width: unset;
    position: relative !important;
    flex: 1 1 auto;
    width: 1% !important;
    min-width: 0;
}
.input-group-btn {
    position: relative;
    font-size: 0;
    display: flex;
    align-items: center;
    white-space: nowrap;
    width: unset;
}
.entitylist-search .input-group-btn{width: 55px;}
div#iiktt .col-md-12{padding: 0;}
.breadcrumb > li a{margin-left: 0 !important; margin-right: 0 !important; padding-left: auto;}
.view-select.nav>li>a{padding-left: 0 !important; margin-left: 0 !important;}
@media (min-width: 1200px) and (max-width: 1365px) {
  .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a, .navbar-static-top .navbar-right.menu-bar .weblinks li.dropdown a{ font-size: 14px !important;}
  .navbar-static-top .navbar-right.menu-bar .weblinks li.dropdown{margin-left: 0;}
  .navbar-static-top .navbar-header { padding-top: 13px;}
}
@media (max-width: 1199px) {
  .summarycount {
    padding: 0 5px;
    width: 20%;
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .navbar-static-top.navbar .navbar-collapse {
    width: inherit;
    background-color: transparent;
    position: unset;
  }
  .navbar-static-top .navbar-right.menu-bar, .navbar-static-top .navbar-right.menu-bar .weblinks{width: 100%;}
}
@media (max-width: 992px) {
  .summary-data-block {
    display: flex !important;
    flex-wrap: wrap;
  }
  .summarycount {
    padding: 0 5px;
    display: inherit;
    flex: 0 0 auto;
    width: 33.33333333%;
  }   
  .summarycount button {
    padding: 15px 15px 15px 25px;
    min-height: 140px;
   }
  .summarycount button {
    font-size: 16px;
  }
  .summarycount button {
      min-height: auto;
      margin-bottom: 15px;
  }
}
@media (max-width: 767px){
  .dashicon{width: 50px; height: 50px;}
  .dashicon svg, .dash-count svg{max-width: 100%; height: auto; width: auto;}
  .navbar-static-top.navbar-inverse .navbar-brand a{display: block; margin-top: 20px;}
  .status_b{display: block; float: none !important;margin-top: 5px;}
  .view-grid .dropdown.action .dropdown-menu {width: auto; max-width: inherit;}  
}
@media (max-width: 599px) {
   .summarycount {
    padding: 0 5px;
    display: inherit;
    flex: 0 0 auto;
    width: 50%;
  }  
  .dashicon{width: 50px; height: 50px;}
  .dashicon svg, .dash-count svg{max-width: 100%; height: auto; width: auto;}
  .summarycount button .DCount{font-size: 20px;}
      .summarycount button {
        padding: 15px 15px 15px 15px;font-size: 14px;}
  .view-toolbar  .nav-pills.pull-left{float: none !important; margin-bottom: 20px;}
  .view-toolbar .pull-right.toolbar-actions{float: none !important;}
}
@media (max-width: 479px) {
   .summarycount {
    padding: 0 5px;
    display: inherit;
    flex: 0 0 auto;
    width: 100%;
  }  
  .entitylist-search {
    width: 220px;
  }
  .pull-right.toolbar-actions .view-search.entitylist-search{
    margin-bottom: 15px;
    margin-right: 10px;
  }
  html[dir=ltr] .grid-actions a.btn.action{margin-left: 0;}
}

.container.wrapper-body {
  background-color: white;
}


.highcharts-legend.highcharts-no-tooltip{

visibility: hidden;
}

.highcharts-axis.highcharts-xaxis{
  visibility: hidden;
}

.tooltip-inner {
    display: none;
}
.datepicker-days td.old {
    opacity: 0.4;
}
.datepicker-days td.new {
    opacity: 0.4;
}


/* Modal Overlay */
#myModal {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10000;
  justify-content: center;
  align-items: center;
}

/* Modal Container */
#myModal .modal-container {
  position: relative;
  max-width: 90%;
  max-height: 90%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Modal Header */
#myModal .modal-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #f5f5f5;
  padding: 8px;
  border-bottom: 1px solid #ccc;
}

/* Close Button */
#myModal #modalCloseBtn {
  background: none;
  border: none;
  font-size: 24px;
  color: #333;
  cursor: pointer;
  padding: 4px 10px;
}

/* Modal Content */
#myModal .modal-body {
  padding: 10px;
  overflow: auto;
  text-align: center;
}

#myModal .modal-body img,
#myModal .modal-body embed {
  max-width: 100%;
  max-height: 80vh;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

/* Mobile Responsive */
@media (max-width: 600px) {
  #myModal .modal-container {
    max-width: 95%;
    max-height: 85%;
  }

  #myModal #modalCloseBtn {
    font-size: 20px;
    padding: 4px 8px;
  }
}


#md_title{

    display: inline !important;
}

 .mar-ri{
    margin-right: 10px !important;
  }

 
#md_title{

    display: inline !important;
}