@import url("../lib/perfect-scrollbar/css/perfect-scrollbar.min.css");
@import url("../lib/material-design-icons/css/material-design-iconic-font.min.css");
@import url("../lib/datetimepicker/css/bootstrap-datetimepicker.min.css");
@import url("../lib/angular-datepicker/src/css/angular-datepicker.css");
@import url("../lib/jquery.gritter/css/jquery.gritter.css");
@import url("../lib/select2/css/select2.min.css");
@import url("../css/ciuis-app.css?ver=0.1.9.33");
@import url("../lib/material/angular-material.min.css");
@import url("../lib/animate/animate.css");
@import url("../lib/scheduler/scheduler.css");
@import url("../lib/ionicons/css/ionicons.min.css");
@import url("../lib/bootstrap-slider/css/bootstrap-slider.css");
@import url("../lib/angular-datetimepicker/material-datetimepicker.min.css");

body.md-dialog-is-showing { max-height: 100%; height: 100vh !important; overflow-y: hidden; }
.px-10{padding:0 10px;}
.bg-white .md-input{border: solid 1px rgba(0,0,0,0.6) !important; color: #000 !important; font-weight: 300; font-size: 16px;height: 40px; border-radius: 3px; width: 60%;}
.bg-white .md-input:focus{border: solid 1px rgba(0,0,0,0.7) !important;}
.bg-white label{font-size:16px;white-space: normal !important;}
.bg-white md-input-container{margin: 0;}
.bg-white md-input-container.md-block{margin: 5px 0 10px !important;}
.bg-white md-input-container label:not(.md-container-ignore){position: static;-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1); margin: 0; opacity: 1; }
md-tabs.md-default-theme .md-tab, md-tabs .md-tab{border: solid 1px #999;margin-right: -1px;}
md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar{background: transparent; display: none;}
.md-tab.md-active{color: #000 !important; border-top: solid 2px #000;background: #fff;border-bottom: solid 1px #fff;} 
.selct-list{border: solid 1px rgba(0,0,0,0.6) !important;color: #000 !important;height: 35px !important;border-radius: 3px;} 
.field-text-center.bg-white .md-input{text-align: center;}
.report-box.dash-list{min-height: 65px;height: 100%; display: flex; align-items: center; justify-content: space-evenly; flex-flow: column; padding: 0 !important;}
.report-box .dahs-txt-list{min-height: auto;} 
label { color: #000 !important;}
.input-group.search-btn {display: flex;}
.input-group.search-btn .btn{ padding: 0px 10px 0px;line-height: 35px; border-radius: 0 3px 3px 0;}
.sales-objective-cont{max-width: 770px; width: 100%; margin: 0; padding: 40px 5px 10px;}
.form-control.red-from-control { background: #fff !important; border: solid 1px #DD5044 !important;}
.form-control.green-from-control{ background: #F7F7F7 !important; border: solid 1px #27C280 !important;}
.total-border{position: relative;}
.total-border::after{content: '';max-width: 115px;height: 1px;width: 100%;background: #707070;margin: 0 auto;position: absolute;bottom: -3px;right: -10px;}
.sales-plandev-cont{max-width: 350px; width: 100%; margin: 0; padding: 40px 5px 10px;}
.planned-activity-cont{max-width: 720px; width: 100%; margin: 0; padding: 40px 5px 10px;}
.plan-activity-inner{padding: 30px 3px 0;}
.plan-activity-inner h3{ font-size: 13px; line-height: 16px; font-weight: 600; color: #4E4E4E;  padding: 0; margin: 0 0 20px;
text-align: center;}
.plan-activity-inner .font-label-12{padding: 0 10px 0 0;}
.incentive-schedule-cont{max-width: 980px; width: 100%; margin: 0; padding: 40px 10px 10px;}
.incentive-schedule-cont .service-estimate-container-new-row{margin-left: -15px !important; margin-right: -15px !important;}
.incentive-inner-heading{justify-content: center;}
.incentive-inner-heading h3{font-size: 13px; line-height: 16px; font-weight: 600; color: #4E4E4E;  padding: 0; margin: 0 0 20px; text-align: center; text-decoration: underline;}
.top-incentive-box{max-width: 220px; width: 100%;}
.compensate-plan-cont{max-width: 550px; width: 100%; margin: 0; padding: 40px 5px 10px;}
.digital-sign-cont{max-width: 620px; width: 100%; margin: 0; padding: 40px 5px 10px; position: relative;}
.max-165{ max-width: 165px; width: 100%;}
.md-block .font-label-12{min-height: 20px; font-size: 12px !important; line-height: 12px !important;color: #707070 !important;font-weight: 600;}
.digital-sign-cont .btn-warn{width: 115px; max-width: 100%; border: solid 1px #707070; padding: 8px 12px; border-radius: 0;font-size: 13px;white-space: normal;line-height: 16px;}
.digital-sign-cont .btn-red{width: 115px;max-width: 100%;border: solid 1px #707070;padding: 8px 6px;border-radius: 0;font-size: 13px;white-space: normal;line-height: 16px;}
.digital-sign-cont .btn-green{width: 115px;max-width: 100%;border: solid 1px #707070;padding: 8px 10px;border-radius: 0;font-size: 13px;white-space: normal;line-height: 16px;}
.sales-object-table-cont.sales-objective-cont{max-width: 550px;}
.sales-table-inner .table{border: none !important; vertical-align: middle;}
.sales-table-inner .table > thead > tr > th{border: none !important;font-size: 12px; line-height: 14px; text-decoration: underline;color: #707070 !important; text-align: center;padding-top: 5px; padding-bottom: 5px;}
.sales-table-inner .table > tbody > tr > td{height: auto; padding-top: 5px; padding-bottom: 5px; vertical-align: middle;}
.sales-table-inner .font-label-12{font-weight: 600;color: #707070 !important;}
.sales-table-inner .max-95{display: block; margin: 0 auto;}
.sales-table-inner .total-border::after{bottom: 0;right: 0px;left: 0;}
.planned-table-cont.planned-activity-cont{max-width: 600px;}

.prosp-select .select2-container .select2-selection--multiple{height: auto !important;  min-height: auto !important;}
.prosp-select .select2-container--default .select2-selection--multiple .select2-selection__rendered{ flex-wrap: wrap;}
.modal{ z-index: 99999 !important;}

.oppurtunity-details-cont{max-width: 540px; width: 100%; margin: 60px auto 0;}
.oppurtunity-details-cont .md-input{border: solid 1px #707070 !important; }
.oppurtunity-details-cont  .form-list-input-flex label{font-size: 12px !important; line-height: 15px !important;}
.oppurtunity-details-cont .form-list-input-control{height: 20px !important; padding: 0 5px !important; font-size: 13px !important; line-height: initial !important;}
.oppurtunity-details-cont .md-input.red-from-control{border: solid 1px #DD5044 !important;}
.oppurtunity-details-cont .form-list-input .md-button.md-icon-button{height: 20px; width: 20px; min-height: 20px !important;  line-height: 20px; right: 2px; top: 2px; padding: 0;}
.oppurtunity-details-cont .form-list-input md-icon{height: 14px !important; width: 16px !important; min-height: 16px !important; min-width: 14px !important;}
.oppurtunity-details-cont .form-list-select .form-list-input-control{padding: 0 5px !important;}
.oppurtunity-details-cont .form-list-select  .md-select-value{ padding: 0 2px 0; min-height: 18px;}
.oppurtunity-details-cont .form-list-select .md-select-value>span:not(.md-select-icon){ padding-bottom: 0; border-bottom: 0 !important;transform: translate3d(0, 0px, 0) !important;}
.oppurtunity-details-cont .form-list-select md-select:not([disabled]).ng-invalid.ng-touched .md-select-value{padding-bottom: 0; border-bottom: 0 !important;}
.oppurtunity-details-cont .form-list-select md-select:not([disabled]):focus .md-select-value{border-bottom: 0 !important;}
.oppurtunity-details-cont .md-input.red-from-control{border: solid 1px #DD5044 !important;}
.oppurtunity-details-cont input:read-only{background-color: #E6E6E6;}
.oppurtunity-details-cont textarea.form-list-input-control{height: auto !important;}
.oppurtunity-details-cont h4{text-align: center; text-decoration: underline;}
.form-list-input-control.red-from-control{border: solid 1px #DD5044 !important;}
.form-list-select .form-list-input-control.red-from-control{border: solid 1px #DD5044 !important;}


@media (max-width: 767px) {
.md-truncate {white-space: normal; text-overflow: initial; line-height: normal;}
.toolbar-ciuis-top .md-truncate {line-height: 15px;}
.md-truncate span{font-size: 14px; line-height: 15px;}
.avatar-button-ciuis .md-avatar{width: 100%; height: auto;}
.md-toolbar-tools.mobile-search-cont{height: auto; max-height: 100%; display: block;text-align: center;padding: 0 5px 10px;}
.mobile-search-cont .md-truncate.flex{width: 100%;}
.mobile-search-cont .search{display: flex; display: -webkit-flex; align-items: center; justify-content: center;width: 100%; margin: 3px 0;}
.mobile-search-cont .btn.custom_button {margin:2px !important;}
.daterangepicker .drp-calendar.left{float: none;}
.md-button.md-icon-button{ margin: 0 4px;}
/* .project-opportunities-scroll #active-project-prospects-grid_wrapper .row:nth-child(2) .col-sm-12{overflow-x: auto;}
.project-opportunities-scroll  #active-project-prospects-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar{width:10px !important;background: #fff !important; overflow-x: auto !important; height: 12px;border: solid 1px #c1c1c1; border-radius: 12px;} 
.project-opportunities-scroll #active-project-prospects-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb{ width: auto; background: #c1c1c1;border-radius: 12px;}

#sales_report-grid_wrapper .row:nth-child(2) .col-sm-12{overflow-x: auto;}
#sales_report-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar{width:10px !important;background: #fff !important; overflow-x: auto !important;height: 12px;border: solid 1px #c1c1c1; border-radius: 12px;} 
#sales_report-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb{ width: auto; background: #c1c1c1;border-radius: 12px;} 

#active_prospect-grid_wrapper .row:nth-child(2) .col-sm-12{overflow-x: auto;}
#active_prospect-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar{width:10px !important;background: #fff !important; overflow-x: auto !important;height: 12px;border: solid 1px #c1c1c1; border-radius: 12px;} 
#active_prospect-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb{ width: auto; background: #c1c1c1;border-radius: 12px;} 

#active-spot-prospects-grid_wrapper .row:nth-child(2) .col-sm-12{overflow-x: auto;}
#active-spot-prospects-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar{width:10px !important;background: #fff !important; overflow-x: auto !important;height: 12px;border: solid 1px #c1c1c1; border-radius: 12px;} 
#active-spot-prospects-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb{ width: auto; background: #c1c1c1;border-radius: 12px;} 

#unassignleads-grid_wrapper .row:nth-child(2) .col-sm-12, #leadsummary-grid_wrapper .row:nth-child(2) .col-sm-12{overflow-x: auto;}
#unassignleads-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar, #leadsummary-grid_wrapper .row:nth-child(2) 
.col-sm-12::-webkit-scrollbar{width:10px !important;background: #fff !important; overflow-x: auto !important;height: 12px;border: solid 1px #c1c1c1; border-radius: 12px;} 
#unassignleads-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb, #leadsummary-grid_wrapper .row:nth-child(2) 
.col-sm-12::-webkit-scrollbar-thumb{ width: auto; background: #c1c1c1;border-radius: 12px;} 

#pipeline_report-grid_wrapper .row:nth-child(2) .col-sm-12{overflow-x: auto;}
#pipeline_report-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar{width:10px !important;background: #fff !important; overflow-x: auto !important;height: 12px;border: solid 1px #c1c1c1; border-radius: 12px;} 
#pipeline_report-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb{ width: auto; background: #c1c1c1;border-radius: 12px;} 

#sold_leads-grid_wrapper .row:nth-child(2) .col-sm-12{overflow-x: auto;}
#sold_leads-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar{width:10px !important;background: #fff !important; overflow-x: auto !important;height: 12px;border: solid 1px #c1c1c1; border-radius: 12px;} 
#sold_leads-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb{ width: auto; background: #c1c1c1;border-radius: 12px;}

#percent_plan1-grid_wrapper .row:nth-child(2) .col-sm-12, #percent_plan4-grid_wrapper .row:nth-child(2) .col-sm-12, #percent_plan2-grid_wrapper .row:nth-child(2) .col-sm-12, #percent_plan3-grid_wrapper .row:nth-child(2) .col-sm-12{overflow-x: auto;}
#percent_plan1-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar, #percent_plan4-grid_wrapper .row:nth-child(2) 
.col-sm-12::-webkit-scrollbar, #percent_plan2-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar, #percent_plan3-grid_wrapper 
.row:nth-child(2) .col-sm-12::-webkit-scrollbar{width:10px !important;background: #fff !important; overflow-x: auto !important;height: 12px;border: solid 1px #c1c1c1; border-radius: 12px;} 
#percent_plan1-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb, #percent_plan4-grid_wrapper .row:nth-child(2) 
.col-sm-12::-webkit-scrollbar-thumb, #percent_plan2-grid_wrapper .row:nth-child(2) 
.col-sm-12::-webkit-scrollbar-thumb, #percent_plan3-grid_wrapper .row:nth-child(2) 
.col-sm-12::-webkit-scrollbar-thumb{ width: auto; background: #c1c1c1;border-radius: 12px;}

#sold-project-prospects-grid_wrapper .row:nth-child(2) .col-sm-12{overflow-x: auto !important; overflow-y: hidden !important;}
#sold-project-prospects-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar{width:10px !important;background: #fff !important; overflow-x: auto !important;height: 12px;border: solid 1px #c1c1c1; border-radius: 12px;} 
#sold-project-prospects-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb{ width: auto; background: #c1c1c1;border-radius: 12px;}

#closed-project-prospects-grid_wrapper .row:nth-child(2) .col-sm-12, #active-maintenance-prospects-grid_wrapper .row:nth-child(2) .col-sm-12, #sold-maintenance-prospects-grid_wrapper .row:nth-child(2) .col-sm-12{overflow-x: auto !important; overflow-y: hidden !important;}
#closed-project-prospects-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar, #active-maintenance-prospects-grid_wrapper 
.row:nth-child(2) .col-sm-12::-webkit-scrollbar, #sold-maintenance-prospects-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar{width:10px !important;background: #fff !important; overflow-x: auto !important;height: 12px;border: solid 1px #c1c1c1; border-radius: 12px;} 
#closed-project-prospects-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb, #active-maintenance-prospects-grid_wrapper 
.row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb, #sold-maintenance-prospects-grid_wrapper .row:nth-child(2) 
.col-sm-12::-webkit-scrollbar-thumb{ width: auto; background: #c1c1c1;border-radius: 12px;} 

#closed-maintenance-prospects-grid_wrapper .row:nth-child(2) .col-sm-12, #sold-spot-prospects-grid_wrapper .row:nth-child(2) .col-sm-12,#closed-spot-prospects-grid_wrapper .row:nth-child(2) .col-sm-12{overflow-x: auto !important; overflow-y: hidden !important;}
#closed-maintenance-prospects-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar, #sold-spot-prospects-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar, #closed-spot-prospects-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar{width:10px !important;background: #fff !important; overflow-x: auto !important;height: 12px;border: solid 1px #c1c1c1; border-radius: 12px;} 
#closed-maintenance-prospects-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb, #sold-spot-prospects-grid_wrapper 
.row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb, #closed-spot-prospects-grid_wrapper 
.row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb{ width: auto; background: #c1c1c1;border-radius: 12px;}
 
#customers-grid_wrapper .row:nth-child(2) .col-sm-12{overflow-x: auto;}
#customers-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar{width:10px !important;background: #fff !important; overflow-x: auto !important;height: 12px;border: solid 1px #c1c1c1; border-radius: 12px;} 
#customers-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb{ width: auto; background: #c1c1c1;border-radius: 12px;} 

#admin_staff-grid_wrapper .row:nth-child(2) .col-sm-12, #budget_amounts-grid_wrapper .row:nth-child(2) .col-sm-12, #sam_main-grid_wrapper 
.row:nth-child(2) .col-sm-12{overflow-x: auto;}
#admin_staff-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar, #budget_amounts-grid_wrapper .row:nth-child(2) 
.col-sm-12::-webkit-scrollbar, #sam_main-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar{width:10px !important;background: #fff !important; overflow-x: auto !important;height: 12px;border: solid 1px #c1c1c1; border-radius: 12px;} 
#admin_staff-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb, #budget_amounts-grid_wrapper .row:nth-child(2) 
.col-sm-12::-webkit-scrollbar-thumb, #sam_main-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb{ width: auto; background: #c1c1c1;border-radius: 12px;} 
  
#annual_sales_plan-grid_wrapper .row:nth-child(2) .col-sm-12{overflow-x: auto;}
#annual_sales_plan-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar{width:10px !important;background: #fff !important; overflow-x: auto !important;height: 12px;border: solid 1px #c1c1c1; border-radius: 12px;} 
#annual_sales_plan-grid_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb{ width: auto; background: #c1c1c1;border-radius: 12px;}  */
 



.modal-dialog{margin-top: 10px !important; margin-left: auto !important;margin-right: auto !important;}
.form-list-input .md-button.md-icon-button.dtp-clear {
    margin-right: 21px !important;
    top: -14px !important;
}

}