#preview-product canavas{max-width:100%;}
#portrait.rotate_90,#portrait-container.rotate_90{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);}
#portrait.rotate_180,#portrait-container.rotate_180{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);}
#portrait.rotate_270,#portrait-container.rotate_270{transform:rotate(270deg);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);}
.date-clear-wrapper{position: relative;}
.date-clear-wrapper a.clearspan{position:absolute;top:10px;right:10px;color:#333;cursor:pointer; background:#fff; }
.date-clear-wrapper a:hover { background:#fff !important;box-shadow: 0 0 0 }
.date-clear-wrapper a:hover i {color:red }
/*order table*/
.dataTable { color:#333 }
.dataTable td.col-action{text-align:center}
.dataTable td.col-action a,.dataTable td.col-action a:visited{color:#404040;}
.dataTable td.col-action a:active,.dataTable td.col-action a:hover{color:#808080;}
#orderDetail h2{background:#9c8457 !important;color:#fff;width:100%;padding:15px; margin-bottom: 0; margin-top: 15px;  }
#orderDetail a.hide{color:#fff;display:inline-block;float:right;cursor:pointer;}
#orderDetail table tr:nth-child(odd) {background-color: #fff;}
#orderDetail .fa.fa-spin{display:block;margin:30px auto;text-align:center;}
#orderDetail table tr > td:first-child{width:25%;}
#trigardMessage{display:none;}
#orderDetail strong, #orderDetail td{ color:#333 !important }


.dataTables_wrapper .ui-toolbar:nth-child(1) {background:#336699 url('https://www.trigardmemorials.com/wp-content/uploads/2017/11/trigard-icon.png') no-repeat center center; color:#fff; padding: 15px; background-size: 50px 50px }
.wrap h3 { font:bold 25px arial, sans-serif }
#emblem3, .upload-max-text{display:none;}
#newconfigurator .upload-max-text > p, .upload-max-text > p{font-size:1em;}
#newconfigurator .upload-max-text > p:first-child,.upload-max-text > p:first-child{margin-top:8px; color:red;font-weight:bold;font-size:1em;}
.product-designer-mobile{display:none;}

 /* The alert message box */
.alert {padding:20px;background-color:#999;color:white;margin-bottom: 15px; z-index:9999 !important; display:block; }
.alert.danger{background-color:#f44336;}
.alert.success{background-color:#4CAF50;}
.alert .closebtn {margin-left: 15px;color: white;font-weight: bold;float: right;font-size: 22px;line-height: 20px;cursor: pointer;transition: 0.3s;}
.alert .closebtn:hover {color: black;}
.clearfix:after{display:block;content:"";clear:both;}


.select2-container .select2-selection--single { height: 34px !important }
.select2-search__field { background:#fbfcde }
.select2-container--default .select2-results__group { background:#333; color:#fff; font-size: 14px;  }
.select2-results__option { font-size: 11px; color:#000 !important; font-weight:normal }
.select2-results__option:hover {background:#fbfcde !important; color:#000 !important; font-weight:bold }
.opt-icon{max-width:55px;display:inline-block;vertical-align:middle; margin:0 auto; }
.selection .opt-icon:first-child { display:none !important}
.select2-container--default .select2-results__option .select2-results__option { padding: 5px !important; background:linear-gradient(#fff,#ddd); border-bottom:1px solid #999 }


@media only screen and (max-width : 768px) {
    .product-container{display:none;}
    .product-designer-mobile{display:block;margin:15px auto;text-align:center;}
}