.propackModal {
	overflow-y: auto;
}
.propackModal .close {
	color: #828282;
    font-size: 12px;
    opacity: 1;
}
.propackModal .modal-content {
	border-radius: 0;
}
.propackModal .bootstrap-select, .propackModal select {
	width: 100%;
}
.propackModal  .bootstrap-select .dropdown-toggle:focus, .propackModal select:focus {
	outline: 0 !important;
}
.propackModal .bootstrap-select>.dropdown-toggle, .propackModal select {
    width: 100%;
    padding-right: 0;
    z-index: 1;
    padding-left: 0;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    color: #828282 !important;
    box-shadow: none;
    border-bottom: 1px solid #828282;
	background-position: 100% 9px !important;
}
.propackModal .form-element .form-control {
	border-radius: 0;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #828282;
    padding: 0;
    color: #828282;
}
.propackModal label.input-group-addon.btn {
	border-radius: 0;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #828282;
    padding: 0;
    color: #828282;
}
.propackModal span.glyphicon.glyphicon-time,
.propackModal span.glyphicon.glyphicon-th-list  {
	color: #08a;
}
.propackModal select::-ms-expand { display: none; }
.propackModal h3 {
	margin-top: 0;
	color: black;
	margin-bottom: 5px;
}
.propackModal .btnclsactive {
	background-color: #0a8caa;
	text-transform: none;
	z-index: 1;
}
.propackModal .propakInstTemplateHolder a {
	color: #0a8caa;
	font-weight: bold;
}
.propackModal  .btnBorderActive {
    border: 2px solid #0a8caa;
    color: #0a8caa;
    border-radius: 27px;
    font-weight: bold;
    font-size: 10px;
    letter-spacing: 1.5px;
    padding: 9px 15px;
}
.propackModal  .btnPlainActive {
	color: #ca001b;
	border-radius: 0;
}
.propackModal  .btnBorderActive .addProductArrow{
	transform: rotate(90deg);
	opacity: 1;
	color: #ca001b;
}
.propackModal .btn.disabled, .btn[disabled], .propackModal fieldset[disabled] .btn {
		background-color: #828282;
}
.propackModal span.showLableOnValue {
    color: #c3c3c3;
    font-size: 14px;
    opacity: 0;
	transition: 0.5s;
	position: absolute;
	top: 5px;
	visibility: hidden;
}
.propackModal span.showLableOnValue.animateLabel {
	opacity: 1;
	top: -17px;
	font-size: 12px;
	visibility: visible;
}
.propackModal ul#propakCreatOrderTab {
	border-width: 2px;
}
.propackModal .nav-tabs>li>a {
	color: #555;
}
.propackModal .nav-tabs>li.active>a, .propackModal .nav-tabs>li.active>a:focus, .propackModal .nav-tabs>li.active>a:hover {
	border: 0;
	border-bottom: 3px solid transparent;
    border-bottom-color: #ca001b;
	font-weight: bold;
}
.propackModal .counter-btn-minus span {
	border-right: 1px solid #828282;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.propackModal .counter-btn-plus span {
	border-left: 1px solid #828282;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.propackModal .addedProductLabels {
	 padding-bottom: 10px;
}
.propackModal .buildConstructDownloadHolder {
	padding-bottom: 10px;
}
.addedProductLabels span.badge {
	cursor: pointer;
}
.addedProducktListing,.configProducktListing {
	padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.addedProducktListing li {
	list-style: none;
	padding: 0;
	margin: 10px;
	min-width: 75px;
}
.addedProducktListing li .addedPrdImgHolder {
	width: 75px;
	height: 75px;
	border: 1px solid #ddd;
	text-align: center;
	position: relative;
}
.addedProducktListing li .addedPrdImgHolder img {
	max-height: 100%;
	max-width: 100%;
    padding: 5px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.propackModal .propackDeleteAddedProductCross {
	position: absolute;
    right: -8px;
    top: -8px;
    cursor: pointer;
}
@media screen and (max-width: 280px){
	
	.propackModal .modal-dialog {
	width: 450px !important;
    margin-left: -75px;
	}
}

@media screen and (min-width: 281px) and (max-width: 480px){
	
	.propackModal .modal-dialog {
		width:470px !important;
		margin-left: -35px;
	}
}

@media screen and (min-width: 481px) and (max-width: 767px){
	
	.propackModal .modal-dialog {
		width:480px !important;
	}
} 
.propackModal .modal-dialog {
	width: 350px;
}
.propackModal .nav>li>a {
	padding: 10px 5px;
}
.propackModal .input-group {
    width: 100%;
}
.propackModal .favoriteTabContainer, .propackModal .templateDraftTabContainer {
	border-bottom: 1px solid #ddd;
}
.propackModal .favoriteTabContainer:last-child, .propackModal .templateDraftTabContainer:last-child {
	border-bottom: 0;
}
.propackModal .successLabel {
	color: #5cb85c;
}
.propackModal .errorLabel {
	color: #d9534f;
}
.propackModal #backToPopupOne,
.propackModal #backValidatedConstruct,
.propackModal #backConstructConfigure,
.propackModal .propakBackPopup {
	cursor: pointer;
	display: inline-block;
} 
.propackModal .addedPrdCode {
	font-weight: bold;
}
.propackModal .propakSearchBoxHolder.expandSeachBox {
	width: 100%;
	margin-bottom: 10px;
}
.propackModal .modal-body {
	padding: 0;
    max-height: 300px;
    min-height: auto;
	overflow: auto;
}
.propackModal#propakConstructConfigurePopup .modal-body,
.propackModal#propack_popup_3 .modal-body,
.propackModal#propack_popup_2 .modal-body,
.propackModal#propack_popup_1 .modal-body {
    min-height: 300px;
}
.propackModal#propakFileErrorPopup .modal-body {
	min-height: auto;
}
#laodingcircle .modal-stack{
	z-index: 2000 !important; /*this z-index help to display loading circle on top of all the bootstrap modal*/
}
/* Propak Catalog Section - start*/
.catalogLanding .borderrightgrey:nth-child(3) {
    border-right: 1px solid #ccc;
}
.catalogLanding .borderrightgrey:last-child {
    border-right: none;
}
/* Propak Catalog Section - end*/
/* File Upload Codes */
.propackModal .removeSelectedFile {
	cursor: pointer;
}
.propackModal .btnPlainUnderlineActive {
    border-bottom: 1px solid #ca001b;
    color: #ca001b;
    border-radius: 0;
    padding-right: 0;
}
/*File Upload Code End */
/*Validated Construct */
.propackModal  .full-border-1 {
	border: 1px solid #ddd;
}
.propackModal .validatedConstructTable td, .propackModal .validatedConstructTable th {
	padding: 5px;
}
.propackModal .validatedConstructTable th,
.propackModal .validatedConstructSubTable th {
	font-size: 12px;
	font-weight: bold;
}
.propackModal .validatedConstructTable.table thead tr th,
.propackModal .validatedConstructTable.table tbody tr td,
.propackModal .validatedConstructTable.table tbody tr th{
	border: 0;
}
.overlow-auto {
	overflow: auto;
}
.visibility-hidden {
	visibility: hidden;
}
.propackModal .radio-info input[type="radio"]:checked + label::before {
    border-color: #ca001b;
}
.propackModal .radio-info input[type="radio"]:checked + label::after {
    background-color: #ca001b;
}
.propackModal .radio label::after{
	width: 17px;
    height: 17px;
    left: 0px;
    top: 0px;
}
.propackModal .validatedConstructSubRowControl.fa,
.propackModal .validatedConstructDeleteRowControl.fa{
	color: #828282;
	opacity: 1;
	font-size: 14px;
	cursor: pointer;
}
.propackModal .visible-xs {
	display: block !important;
}
.propackModal .hidden-xs {
	display: none !important;
}
/*Validated Construct End*/
/* draft changes start*/

label.draft-cancel {
    color: #0a8caa;
    cursor: pointer;
}
.draftoption {
    display: inline-block;
    padding-top: 30px;
}
label#draftFranchise,#draftDateValue {
    font-weight: normal;
    color: #828282;
    padding-left: 10px;
}
#propakSaveDraft #draft_name{
	outline: none;
}
/*draft changes end*/
.plpGetPrice {
	color: #0c8caa !important;
}

#myConstructItemSize {
    width: 60%;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 3px;
    margin: 0px;
    background-position: 92% 9px!important;
    float:right;
}
#myConstructResultPageHolder label.pg-dropdown-label{
 	padding-left:15px;
 }
.myConstruct-page-highlight {
    color: red;
    float: left;
    padding: 0 5px;
}
	
#favoritesTab .pagination>li>a {
    border: none;
    color: #000;
}	
#favoritesTab .pagination>li>a:hover, #favoritesTab .pagination>li>a:focus {
	background:none;
}
.myConstruct-option-highlight {
    padding: 7px;
	font-size: 12px;
    width: 90px;
    color: black;
    border: 1px solid rgb(239, 239, 239);
}


.myConstruct-option-deselect {
    font-size: 12px;
    padding: 7px;
    width: 90px;
    background: white;
    color: black;
    border: 1px solid rgb(239, 239, 239);
}

.empty-star-my-construct:before {
  content: '\2606';  
  font-size: 14px;
  color: #0a8caa;
}

.grey-star-my-construct:before {
  content: '\2605';
  color: #0a8caa;
  font-size: 14px;
}

#myConstructResultPageHolder .btnclsactive {
    background-color: #0a8caa;
    text-transform: none;
    text-align: center;
    border-radius: 27px;
    border: none;
}

#custom-pg-btn ul span {
    float: left;
    line-height: 24px;
    padding: 5px;
}
#custom-pg-btn ul span:hover{
	cursor:pointer;
}
#custom-pg-btn .pagination>li:first-child {
    float: left;
}
#custom-pg-btn .pagination>li {
    display: inline-block;
}
#custom-pg-btn_previous,#custom-pg-btn_next{
background-color:#fff !important;
}
.myConstructDownloadHolder {
	padding-top: 8px;
}
#myConstructResultPageHolder {
    position: relative;
}
.propackModal .btn.btn-radius {
	border-radius: 27px;
	text-align: center;
}
.propackModal .btn.backBtnClass {
	text-transform: none;
	border: 1px solid #0a8caa;
    color: #0a8caa;
    border-radius: 27px;
	background-color: #fff;
}

/*Construct Configure Start */
.configProducktListing li {
	list-style: none;
	padding: 0;
	margin: 5px;
	min-width: 75px;
	min-height: 100px;
}
.configProducktListing li .propakConstructConfigurePrdHolder {
	width: 159px;
	height: 100%;
    border: 1px solid #ddd;
    text-align: center;
    position: relative;
    font-size: 13px;
}
.propakConstructConfigurePrdHolder .configPrdInfoBoxOne .prdImgHolder {
	width: 80px;
	height: 80px;
}
.propakConstructConfigurePrdHolder .configPrdInfoBoxOne .prdImgHolder img {
	width: 100%;
	height: auto;
}
.prdViewBtn {
	opacity: .5;
}
.prdViewBtn.selected {
	opacity: 1;
}
.prdDefaultView .prdImgHolder, .prdDefaultView .configPrdInfoBoxTwo {
	display: none;
}
.prdDetailedView .configProdCode {
	display: none;
}
.configSortBtn, .prdViewBtn {
	cursor: pointer;
}
.configProducktList.selected .propakConstructConfigurePrdHolder{
	border-color: #989696;
}
/*Construct Configure End */
#propack_popup_3 table.table.validatedConstructTable tr th {
    color: #4e4d4d;
    font-weight: bold;
    font-size: 15px;
}
#propack_popup_3 table.validatedConstructTable tr td {
	color: #4e4d4d;
    font-weight: bold;
}
#propack_popup_3 table.validatedConstructTable {
    padding-top: 15px;
    display: block;
}
#propack_popup_3 .validatedConstructSubRow .bg {
	background-color: #f1efef;
}
.construct_header{
	font-size:14px;
	color: #000000;
}
#propack_popup_3 .underline-1-gray {
    border-top: 1px solid black;
}
#propack_popup_3 .optionsHolder label,.validate-label label {
    color: #4e4d4d;
    font-size: 16px;
}
#propack_popup_3 .validatedConstructTable td {
    color: #4e4d4d;
    font-size: 14px;
}
.constConfigFeatureCode {
    border-width: 1px;
    border-style: solid;
    background-color: #ffffff;
    white-space: normal;
    word-break: break-all;
}
.turquoise {
	color: #000000;
	border-color: #0A8CAA;
}
.configProducktList.selected .propakConstructConfigurePrdHolder .turquoise {
	color: #ffffff;
	background-color: #0A8CAA;
}
.green {
	color: #000000;
	border-color: #00FF00;
}
.configProducktList.selected .propakConstructConfigurePrdHolder .green {
	color: #ffffff;
	background-color: #00FF00;
}
.blueAccent {
	color: #000000;
	border-color: #BDD7EE;
}
.configProducktList.selected .propakConstructConfigurePrdHolder .blueAccent {
	color: #ffffff;
	background-color: #BDD7EE;
}
.darkRed {
	color: #000000;
	border-color: #C00000;
}
.configProducktList.selected .propakConstructConfigurePrdHolder .darkRed {
	color: #ffffff;
	background-color: #C00000;
}
.purple {
	color: #000000;
	border-color: #7030A0;
}
.configProducktList.selected .propakConstructConfigurePrdHolder .purple {
	color: #ffffff;
	background-color: #7030A0;
}
.turquoise1 {
	color: #000000;
	border-color: #12C2E9;
}
.configProducktList.selected .propakConstructConfigurePrdHolder .turquoise1 {
	color: #ffffff;
	background-color: #12C2E9;
}
.blue {
	color: #000000;
	border-color: #4472C4;
}
.configProducktList.selected .propakConstructConfigurePrdHolder .blue {
	color: #ffffff;
	background-color: #4472C4;
}
.purple1 {
	color: #000000;
	border-color: #FF00FF;
}
.configProducktList.selected .propakConstructConfigurePrdHolder .purple1 {
	color: #ffffff;
	background-color: #FF00FF;
}
.red {
	color: #000000;
	border-color: #FF0000;
}
.configProducktList.selected .propakConstructConfigurePrdHolder .red {
	color: #ffffff;
	background-color: #FF0000;
}
.green1 {
	color: #000000;
	border-color: #00B050;
}
.configProducktList.selected .propakConstructConfigurePrdHolder .green1 {
	color: #ffffff;
	background-color: #00B050;
}
.lightGreen {
	color: #000000;
	border-color: #92D050;
}
.configProducktList.selected .propakConstructConfigurePrdHolder .lightGreen {
	color: #ffffff;
	background-color: #92D050;
}
.grey {
	color: #000000;
	border-color: #525252;
}
.configProducktList.selected .propakConstructConfigurePrdHolder .grey {
	color: #ffffff;
	background-color: #525252;
}
.white {
	color: #000000;
	border-color: #A6A6A6;
}
.configProducktList.selected .propakConstructConfigurePrdHolder .white {
	color: #ffffff;
	background-color: #A6A6A6;
}
.gold {
	color: #000000;
	border-color: #FFC000;
}
.configProducktList.selected .propakConstructConfigurePrdHolder .gold {
	color: #ffffff;
	background-color: #FFC000;
}
.orange {
	color: #000000;
	border-color: #C65911;
}
.configProducktList.selected .propakConstructConfigurePrdHolder .orange {
	color: #ffffff;
	background-color: #C65911;
}
.lime {
	color: #000000;
	border-color: #ECFD4D;
}
.configProducktList.selected .propakConstructConfigurePrdHolder .lime {
	color: #ffffff;
	background-color: #ECFD4D;
}
.lavender {
	color: #000000;
	border-color: #CC66FF;
}
.configProducktList.selected .propakConstructConfigurePrdHolder .lavender {
	color: #ffffff;
	background-color: #CC66FF;
}
.skyBlue {
	color: #000000;
	border-color: #66FFFF;
}
.configProducktList.selected .propakConstructConfigurePrdHolder .skyBlue {
	color: #ffffff;
	background-color: #66FFFF;
}
.rose {
	color: #000000;
	border-color: #FF9999;
}
.configProducktList.selected .propakConstructConfigurePrdHolder .rose {
	color: #ffffff;
	background-color: #FF9999;
}
.green2 {
	color: #000000;
	border-color: #00CC99;
}
.configProducktList.selected .propakConstructConfigurePrdHolder .green2 {
	color: #ffffff;
	background-color: #00CC99;
}
.configProductDescriptionBox{
	min-height: 75px;
    max-height: 75px;
    overflow: hidden;
	margin-bottom: 45px;
}
.propackModal#propack_popup_2 .modal-body {
    padding-bottom: 30px;
}
@media (max-width: 480px) {
	.propakConstructConfigureCategoryBtn:last-child {
	    margin-top: 10px;
	}
	#propack_popup_3 .validatedConstructSubRow .bg-xs {
		background-color: #f1efef;
	}
}
@media screen and (max-width: 767px) and (min-width: 481px){
	.jnj-popup-container .updatePo, .popup, .modal-dialog {
	    width: 470px !important;
	}
}
@media (min-width: 768px) {
	.propackModal .modal-dialog {
		width: 700px;
	}
	.propackModal .nav>li>a {
		padding: 10px 13px;
	}
	.propackModal .visible-sm {
		display: block !important;
	}
	.propackModal .hidden-sm {
		display: none !important;
	}
    /*Draft name css start*/
	#propakSaveDraft .modal-content {
	    width: 830px;
	}
	.draftoption {
		width: auto;
		float:right;
	}	
	#propakSaveDraft #draft_name{
		width:60%;
	}
	/*Draft name css end*/
}
@media (min-width: 992px) {
	.propackModal .modal-dialog {
		width: 900px;
	}
	.propackModal.propakSurgeonListPopup .modal-dialog {
		width: 500px;
	}
	.propackModal .modal-body {
		max-height: 450px;
		min-height: auto;
	}
	.propackModal#propakConstructConfigurePopup .modal-body,
	.propackModal#propack_popup_3 .modal-body,
	.propackModal#propack_popup_2 .modal-body,
	.propackModal#propack_popup_1 .modal-body {
		min-height: 450px;
	}
	.propackModal .visible-md {
		display: block !important;
	}
	.propackModal .hidden-md {
		display: none !important;
	}
}
.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
  padding: 4px 5px;
  font-size:13px;
}
.ui-timepicker-standard .ui-menu-item .ui-state-hover {
	background: none;
    border: none;
    color: white;
}
.ui-timepicker-standard .ui-menu-item{
    padding: 0 !important;
}
.ui-timepicker-standard .ui-menu-item a#ui-active-item {
    background-color: #2e6da4;
    border-radius: 0;
}
.ui-timepicker-standard .ui-menu .ui-menu-item a {
	padding: 5px;
	width: 100%;
}
.showLableOnValue sup.redStar {
    font-size: 14px !important;
    top: 0;
}
.propakConstructConfigurePrdHolder .configPrdInfoBoxOne .configProdCode {
	margin-bottom: 45px;
}
.propakConstructConfigurePrdHolder .configPrdInfoBoxOne .configProdCode,
.propakConstructConfigurePrdHolder .configPrdInfoBoxTwo {
    word-break: break-all;
}
.propakConstructConfigurePrdHolder .configPrdInfoBoxThree {
    position: absolute;
    bottom: 10px;
    width: calc(100% - 10px);
}
.propackModal .modal-footer {
	min-height: calc(31px + 36px); /*36px button height. 31px is footer padding and border top 1px.*/
}
.form-control-plaintext {
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
	background-color: transparent;
    border: solid transparent;
    border-width: 0;
    outline: none;
}
.removePropakSurgeonName {
	cursor: pointer;
}
.progress {
  width: 100%;
  height:10px;
  margin:0;
}
.progress-bar, .progress-bar.active{
	border-radius: 25px;
	height:10px;
}
.validate-popup {
    height: 200px;
    width: 500px;
    margin: 0 auto;
}
.validate-popup .modal-body {
    height: 200px;
    padding: 60px 40px;
}
.validate-popup .modal-body h4 {
    font-size: 28px;
    margin-top: 0;
    color: #000;
    margin-bottom: 20px;
}
#validatingPopup.modal {
  text-align: center;
  padding: 0 !important;
}
#validatingPopup.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
#validatingPopup .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media screen and (max-width: 500px) {
    #validatingPopup.modal:before {
        height: 100px;
    }
}
@media screen and (max-width: 480px) {
    #validatingPopup {
        width: 100%;
        top: 200px;
    }
    #validatingPopup .progress {
        width: 100%;
    }
    #validatingPopup .popup {
        width: 300px !important;
        margin: auto !important;
    }
}
@media screen and (max-width: 360px) {
    #validatingPopup .modal-dialog {
        width: 94% !important;
    }
}
.propakSugeonRow {
	border-bottom: 1px solid #e5e5e5;
}
.propakSugeonRow:last-child {
	border-bottom: 0;
}
#questionnairePopup .bootstrap-select .dropdown-menu.open{
	position: relative !important;
}

.loadcircleInside{
     display: flex;
     justify-content: center;
     align-items: center;
     position: fixed;
     top: 168px;
     background-color: #0002;
     height: -webkit-fill-available;
     width: 100%;
}