/* here you can put your own css to customize and override the theme */
html body .RadInput input.riTextBox { border: 0px solid transparent; font-size: 14px !important; color: #333333 !important; }
.logo { max-width: 150px; max-height: 50px; width: auto; height: auto; padding: 0 10px; }
.white { color: white !important; }
div.RadUpload { cursor: pointer !important; height: auto !important; }
.RadUpload .ruBrowse { display: none !important; }
.grid-button a { text-decoration: none; color: white; margin-top: 50px; }
/* here you can put your own css to customize and override the theme */
/** Columns */
.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul,
.rcbHovered ul,
.rcbDisabled ul { margin: 0; padding: 0; width: 100%; display: inline-block; list-style-type: none; }
.hidden { display: none !important; }
.loader { width: 100%; text-align: center; position: absolute; top: 0; left: 0; z-index: 9999999; background: rgb(100, 100, 100); background: rgba(100, 100, 100, .2); height: 100%; }
.loader img { position: fixed; top: 50%; left: 50%; margin-top: -11px; margin-left: -11px; }
.bootbox { width: auto !important; }
.media-gal { float: left; width: 100%; margin-top: 20px; }
.media-gal .item { float: left; margin-bottom: 1%; margin-right: 1%; width: 233px; padding: 10px; border: 1px solid #ddd; }
.media-gal .item img { height: auto; width: 100%; }
.img-modal img { max-width: 100%; width: auto; height: auto; margin-bottom: 10px; margin: auto; }
.default-image { border: 1px solid #398439 !important; }
.default-image2 { border: 1px solid #69BE69 !important; }
.not-active-image { border: 1px solid red !important; color: red; }
.cropper { width: auto; max-width: 95%; margin: auto; height: auto; }
span.year,
span.month { margin-left: 5px; }
td.day { cursor: pointer; }
.not-active { color: red; }
.deleted { color: silver !important; text-decoration: line-through !important; }
.jquery-notific8-container { z-index: 11500 !important; width: 100%; }
.products-images { margin-bottom: 20px; }
.table-img { max-height: 50px; width: auto; }
.table-img-banner { max-height: 100px; width: auto; max-width: 400px; }
.current-user-avatar { height: 30px; width: auto; }
.max-text-width { max-width: 300px !important; word-wrap: break-word; height: auto !important; }
.bg-primary td { color: #fff !important; background-color: #337ab7 !important; }
.bg-success td { background-color: #dff0d8 !important; }
.bg-info td { background-color: #d9edf7 !important; }
.bg-warning td { background-color: #fcf8e3 !important; }
.bg-danger td { background-color: #f2dede !important; }
.bg-cancel,
.bg-cancel td { background-color: #F9F9F9 !important; text-decoration: line-through; }
.bg-orange,
.bg-orange td { background-color: #FF8040 !important; }
td.text-editable { background: white !important; }
td.text-editable input.error, td.text-editable textarea.error { border: 1px solid red !important; background: #ff0000 !important; }
td.text-editable input.success, td.text-editable textarea.success { border: 1px solid green !important; }
td.text-editable input { width: 250px; }
td.text-editable textarea { width: 400px; }
li[data-type='1'] .jstree-icon.jstree-checkbox { display: none; }
li[data-type='0'] .jstree-icon.jstree-checkbox { display: inline-block !important; }
.select2-drop-active { z-index: 99999 !important; }
.select2-container .select2-choice { height: 32px !important; line-height: 32px !important; }
.alert .btn { position: relative; top: -7px; right: -10px; }
.jquery-notific8-notification { height: auto !important; min-height: 4.125em; max-height: 300px !important; }
.besteron-button { width: 210px; text-align: center; margin: 15px; padding: 5px; height: 70px; border: 1px solid #31708f !important; display: inline-block; vertical-align: middle; }
.besteron-button img { position: relative; top: 50%; transform: translateY(-50%); }
.besteron-button:hover { background-color: #2372A0; }
.input-group .form-control{min-width:100px}
.page-content .page-breadcrumb.breadcrumb .btn-group{margin-top:-22px!important}
#DivNewImages .col-sm-4 img { margin-top:15px }
#VariantPropertyControlsContaner .panel.panel-success .panel-body {height:250px;overflow-y:scroll }
tr.collapse.in { display:table-row!important}
a[data-toggle="collapse"]:after { font-family: 'FontAwesome'; content: "\f078"; float: right; }
a[data-toggle="collapse"].collapsed:after { content: "\f054"; }