/* CSS Document */


/* class wrappers */
.hidden, init_hide {display: none;}
.bold {font-weight: bold;}
#product_price_list h2 {margin-left: 15px;}
#product_price_list {font-size: 1rem;}
#product_price_list .description,
#product_price_list .name,
#product_price_list .btn-buy-button {font-size: .8rem;}
#product_price_list, #tbl_price_list {width: 100%;}
#product_price_list .license-category {font-size: 2rem; color: #fff; background-color: rgba(71,93,134,.8);}
#product_price_list .license-category .label {padding-left: 5px;}
#product_price_list .buy {text-align: right;}
#product_price_list .name,
#product_price_list .price {font-weight: bold;}
#product_price_list .btn-buy-button:hover {color: #FF0;}
#product_price_list .license-item {padding: 5px 0px;}
#product_price_list .license-item:hover {background-color: rgba(71,93,134,.2);}

#ccic_mini_cart, #ccic_mini_cart_min { display: none; position: fixed; right: 10px; top: 10px; } /*default cart visibility*/ 
#ccic_mini_cart { width: 300px;  } 
#ccic_mini_cart .card-block, .ccic-mini-cart-embeded .card-block {margin-top: 5px; margin: 15px;}
#ccic_mini_cart .btn-minicart {font-size: 1rem; font-weight: bold;}
#ccic_mini_cart {font-size: 1.5rem; }
#ccic_mini_cart_header_toolbar {position: relative; float: right; padding: 0px;}

#ccic_modal_shopping_cart .modal-dialog, #ccic_modal .modal-dialog {max-width: 800px;}
#ccic_modal_shopping_cart h5 {font-size: 2.5rem;}
#ccic_modal_shopping_cart .btn {font-size: 1.5rem;}
#ccic_modal_shopping_cart .form-control {font-size: 1.6rem;}
#ccic_modal_shopping_cart .ccic-shopping-cart-qty {width: 75%;}
.shopping-cart-thumb { float: left; padding: 5px; }
.address .card-header { text-transform:capitalize; }
.address .address-meta label { font-weight: bold; }
.address .card-block {line-height: 1.2;}

.btn-ico-minicart i {font-size: 1.5rem !important;}


/* vertically center the modal to the screen 
 * https://stackoverflow.com/questions/41377501/how-to-vertically-align-bootstrap-v4-modal-dialogs
 */

.modal-dialog.modal-vertical {
  max-width: 950px;
  min-height: -webkit-calc(100vh - 60px);
  min-height: -moz-calc(100vh - 60px);
  min-height: calc(100vh - 60px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: auto; 
}

@media (max-width: 575px) {
	#header #menu-user { padding-right: 2rem; }	
}

@media (max-width: 812px) {
  .modal-dialog.modal-vertical {
	/*
    min-height: -webkit-calc(100vh - 2rem);
    min-height: -moz-calc(100vh - 2rem);
    min-height: calc(100vh - 2rem);   
	*/
	max-width: 88%;

  }
  
	.license-pricing .description {display: none;}
	#ccic_modal_shopping_cart h5.modal-title {font-size: 1.5rem;}
	#ccic_modal_shopping_cart .modal-body,
	#ccic_modal_shopping_cart table {margin: 0px; padding: 0px;}
	#ccic_modal_shopping_cart .btn,
	.modal-dialog .modal-footer button {font-size: .75rem;}
	#ccic_modal_shopping_cart #ccic_tbl_shopping_cart thead tr th:nth-child(2),
	#ccic_modal_shopping_cart #ccic_tbl_shopping_cart tbody tr td:nth-child(2) {display: none;}
	
	#ccic_modal_shopping_cart .ccic-shopping-cart-qty {
		height: auto;
		padding: 0.25px;
		line-height: 1;
		font-size: 1rem;  
		font-weight: bold;
		text-align: center;
		width: 3rem;
	}
	#ccic_modal_shopping_cart #ccic_tbl_shopping_cart thead tr th:nth-child(2) { text-align: center; }
	#ccic_modal_shopping_cart #ccic_tbl_shopping_cart tbody tr td:nth-child(5) { text-align: right; }
	
	#ccic_modal_shopping_cart .shopping-cart-thumb {padding-left: 0px;}
	#ccic_modal_shopping_cart .form-group.row {margin: 0px;}
	
	#ccic_modal_shopping_cart tfoot {font-weight: bold;}
	

  
}

.wrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   /* white-space: -pre-wrap;     /* Opera <7 */
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
   font-size: 12px !important;
   font-family: "Lucida Console", Monaco, monospace;
}

.rounded-sm {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}

.rounded {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

.rounded-lg {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
}

.modal .close {font-size: 2rem; !important;}

#btn_downloads, #btn_pay {font-size: 2.5rem; font-weight: bold;}
#modal_license_content #product_price_list {max-height: 575px; overflow-y: scroll; overflow-x: hidden;}
.buy button {cursor: pointer;}
#product_price_list .buy button .fa {font-size: 1.6rem;  }
#modal_license_content .footnote {font-size: 1rem;}
.license-item, .license-category {margin-bottom: 5px;}
.tooltip {font-size: 1.5rem;}
.tooltip-inner {max-width: 300px;}
.inline {display:inline-block;}

#sidebars #cci_search input[type=text] {font-size: 1rem;}
#sidebars #cci_search select {font-size: .7rem; line-height: 1rem; height: auto; padding: 0.2rem 0.2rem !important;}
#sidebars #cci_search .form-group .label-sm {font-size: 1rem;}
#sidebars #cci_search .section {font-size: 1rem; font-weight: bold; background-color: #f7f7f9; width: 100%; margin-left: -5px; margin-right: -5px; padding-left: 5px; padding-right: 5px;}
#sidebars #cci_search .form-check-label {font-size: .7rem;}

.btn-license-max {cursor: pointer;}
.preview-header {background-color: rgba(71,93,134,.8); padding: 5px; color: #fff; font-size: 2rem; font-weight: bold; margin-bottom: 15px;}
.preview-header #preview_title {text-transform: uppercase;}
.preview-header #preview_attribution {font-size: 1.5rem; font-weight: normal;;}
#modal_license_content #preview_licensing {font-size: 1.5rem; font-weight: bold;}
.gutter-small {padding-left: 5px; padding-right: 5px;}




.header-info {font-size: 1rem;}
.header-info h3 {font-size: 1.3rem; margin: 0 !important; line-height: 1 !important}
.header-info .content {
	background-color: rgba(255, 255, 255, 0.65);
	padding: 1px;
	padding-top: 0 !important;
	font-size: 0.875rem;
	line-height: 1.1;
}




.container.no-gutters {padding-left: 0px; padding-right: 0px; margin: 0px;}


.table {border-color: rgb(236, 238, 239);}
tr.bt-0, tr.bt-0 th, tr.bt-0 td {border-top-width: 0px;}

tr.br-1, tr.br-1 th, tr.br-1 td, th.br-1, td.br-1, .table.trbr-1 tr, tr.trbr-1, thead.trbr-1 tr {border-right-width: 1px; border-right-style: solid; border-color: inherit;}
tr.bl-1, tr.bl-1 th, tr.bl-1 td, th.bl-1, td.bl-1, .table.trbl-1 tr, tr.trbl-1, thead.trbl-1 tr {border-left-width: 1px; border-left-style: solid; border-color: inherit;}
tr.bb-1, tr.bb-1 th, tr.bb-1 td, th.bb-1, td.bb-1, .table.trbb-1 tr, tr.trbb-1, thead.trbb-1 tr {border-bottom-width: 1px; border-bottom-style: solid; border-color: inherit;}
tr.bt-1, tr.bt-1 th, tr.bt-1 td, th.bt-1, td.bt-1, .table.trbt-1 tr, tr.trbt-1, thead.trbt-1 tr {border-top-width: 1px; border-top-style: solid; border-color: inherit;}

.text-md {font-size: 2rem;}
.text-lg {font-size: 4rem;}

#order_history .fa {font-size: 2.5rem; padding-right: 5px;}

#receipt_detail .label, 
#receipt_detail th, 
#receipt_detail .card.address label,
#receipt_detail .card.address h3 {font-variant: small-caps; padding-right: 5px;}

#receipt_detail .text-lg {font-weight: 600;}
#receipt_detail .paid-status {font-size: 12rem; font-weight: 800; color: green; line-height: 1;}

.dashboard-icon-group {text-align: center; font-size: 2vmax; margin-bottom: 15px; margin-top: 15px;}
.dashboard-icon-ico {width: 50%; font-size: 10vmax; margin-left: auto; margin-right: auto; line-height: .9;}
.dashboard-icon-label {font-variant: small-caps;}

.single .license-category {font-size: 1.8rem; font-weight: bold;}
.single .license-item .name {font-size: 1.4rem; font-weight: bold;}
.single .license-item .price {font-size: 2rem; font-weight: bold;}
.single .license-item .btn-buy-button {font-size: 2rem !important;}

.bs-success div pre {color: #000;}
input #DISCOUNT_CODE, #DISCOUNT_CODE_ALERT {text-transform: uppercase;}
.bleed-1-r {padding: 0px 1rem;}
.ico-ccv2 {margin: 8px;}
.tbl-download-options TD {
	font-size: .85rem;
}
.tbl-download-options TD.text-right {
	width: 45%;	
}