@charset "utf-8";

/*----Deals----*/
.ui-slider{ position: relative; text-align: left; }
.ui-slider-horizontal{ height: .8rem; }
.ui-widget{ font-size: 1rem; }
.ui-widget-content{ background: #FFF; border: 1px solid #DDD; color: #333; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{ border-top-left-radius: 3px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{ border-top-right-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{ border-bottom-left-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{ border-bottom-right-radius: 3px; }
.ui-widget.ui-widget-content{ border: 1px solid #C5C5C5; }
.ui-slider .ui-slider-handle{ cursor: default; height: 1.2rem; position: absolute; -ms-touch-action: none; touch-action: none; width: 1.2rem; z-index: 2; }
.ui-slider .ui-slider-handle{ cursor: default; height: 1.2rem; position: absolute; -ms-touch-action: none; touch-action: none; width: 1.2rem; z-index: 2; }
.ui-slider-horizontal .ui-slider-handle{ top: -.3rem; margin-left: -.6rem; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{  }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{ background: #F6F6F6; border: 1px solid #C5C5C5; color: #454545; font-weight: normal; }
.ui-state-active{ border: 1px solid #0ABAB5 !important; background-color: #0ABAB5 !important; color: #FFF !important; font-weight: 500 !important; }
.ui-slider .ui-slider-range{ background: #0ABAB5; background-position: 0 0; border: 0; display: block; font-size: .7rem; position: absolute; z-index: 1; }
.ui-slider-horizontal .ui-slider-range{ height: 100%; top: 0; }
.ui-slider-horizontal .ui-slider-range-min{ left: 0; }
#deliverable_handle{ font-size: .8rem !important; font-weight: 500 !important; height: 1.6rem !important; line-height: 1.6rem !important; margin-top: -.8rem !important; text-align: center !important; top: 50% !important; width: 3rem !important; }
.deal-deliverable-list .ui-state-highlight{ background-color: rgba(0,115,189,.25) !important; border: 3px dashed #0073BD !important; border-radius: 3px; height: 124px; margin-bottom: 1rem; }
.deal-note-list .ui-state-highlight{ background-color: rgba(0,115,189,.25) !important; border: 3px dashed #0073BD !important; border-radius: 3px; height: 87px; margin-bottom: 1rem; }
.price-table-border{ border: 1px solid #E3E3E3; border-radius: 10px; }

input[type="radio"]{ background-color: #FFF; border: 1px solid #AAA; border-radius: 50%; color: #484848; display: inline-block; height: 1.25em; margin-bottom: -.25em; margin-right: 5px; position: relative; transition: border-color 0.2s; vertical-align: top; width: 1.25em; -webkit-appearance: none; }
input[type="radio"]:checked::before{ background-color: #0ABAB5; border-radius: 50%; content: ''; height: .8em; left: 50%; margin-left: -.4em; margin-top: -.4em; position: absolute; top: 50%; width: .8em; }
input[type="checkbox"]{ background-color: #FFF; border: 1px solid #AAA; border-radius: 2px; color: #484848; display: inline-block; height: 1.25em; margin-bottom: -.25em; margin-right: 5px; position: relative; transition: border-color 0.2s; vertical-align: top; width: 1.25em; -webkit-appearance: none; }
input[type="checkbox"]:checked::before{ background-color: #0ABAB5; bottom: 0; color: #FFF; content: ''; background-image: url(../../images/icons/checkmark-white.svg); background-repeat: no-repeat; background-position: center; font-weight: bold; left: 0; line-height: 1.25em; position: absolute; right: 0; text-align: center; top: 0; }

/*----Package----*/
#package_cover, #package_cover_preview{ background-position: 50%; background-repeat: no-repeat; background-size: cover; padding-top: 66%; width: 100%; }
#package_cover_preview{ cursor: pointer; }
.file-input-container{ cursor: pointer; position: relative; }
.file-input-container input[type=file]{ height: 100%; opacity: 0; position: absolute; width: 100%; z-index: -1; }
.package-edit-btn, .package-delete-btn, .package-delete-confirm-yes-btn, .package-delete-confirm-no-btn{ width: 49%; }
.package-delete-btn{ background-color: red; color: #FFF; }
.package-delete-btn:hover{ color: #FFF; }
.event-metric-section-button{ background: #FFF; background-clip: padding-box; border: 1px solid transparent; border-radius: .25rem .25rem 0 0; color: #484848; cursor: pointer; font-weight: 700; margin-bottom: -1px; max-width: 100%; opacity: .75; overflow: hidden; padding: 12px 32px 11px; text-overflow: ellipsis; white-space: nowrap; }
.event-metric-section-button:hover{ border: 1px solid transparent; color: #0073BD; opacity: 1; }
.event-metric-section-button i{ display: inline-block; font-size: 28px; font-style: normal; font-weight: 400; width: 28px; }
.event-metric-section-button.selected{ border: 1px solid #DCE0E0; border-bottom-color: #FFF; color: #484848; cursor: default; opacity: 1; }
#metric_cover, #metric_cover_preview{ background-position: 50%; background-repeat: no-repeat; background-size: contain; padding-top: 100%; width: 100%; }
#metric_cover_preview{ cursor: pointer; }

/*----Package - Benefits----*/
.package-benefit-list .ui-state-highlight{ background-color: rgba(0,115,189,.25) !important; border: 3px dashed #0073BD !important; border-radius: 3px; height: 40px; margin-bottom: 1rem; }

/*----Package - Benefits----*/
#package-level-fixed .ui-state-highlight{ background-color: rgba(0,115,189,.25) !important; border: 2px dashed #0073BD !important; border-radius: 3px; height: 120px; margin-bottom: 1rem; }

/*----Sponsor list----*/
#sponsor-list td{ color: #111; font-size: 13px; font-weight: 400; }
#sponsor_cover, #sponsor_cover_preview{ background-position: 50%; background-repeat: no-repeat; background-size: cover; padding-top: 66%; width: 100%; }
#sponsor_cover_preview{ cursor: pointer; }

/*----Sponsor list - Notes----*/
.sponsor-note-list .ui-state-highlight{ background-color: rgba(0,115,189,.25) !important; border: 3px dashed #0073BD !important; border-radius: 3px; height: 87px; margin-bottom: 1rem; }


/*----Search filter----*/
.c-filter-input{ align-items: center; background-color: #FFF; border: 1px solid #919193; border-radius: 4px; color: #787878; flex-grow: 1; display: flex; font-size: 15px; font-weight: 400; line-height: 1.46668; padding: 8px; transition: none; }
.c-filter-input:hover{ border-color: #787878; }
.c-filter-input.c-filter-input-active{ border-color: #0073BD; box-shadow: 0 0 7px rgba(0,115,189,.3); }



#crm-deliverables-list {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #E4E7EC;
}

#crm-deliverables-list thead tr {
    background-color: #F9FAFB;
}
