*{ margin: 0; padding: 0; }
*::after, *::before {
    box-sizing: border-box;
}

body{ font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif !important; font-size: 12px; color: #626262; }

a{ text-decoration: none; color: #F30; }
a:hover{ text-decoration: underline; }

ol{ margin-left: 14px; }

.text-center{ text-align: center !important; }
.text-right{ text-align: right !important; }

.relative{ position: relative; }
.show{ display: block !important; transition: background-color 300ms ease-out; }
.hide{ display: none !important; transition: background-color 300ms ease-out; }
.bold{ font-weight: bold; }

.pull-left{ float: left; }
.pull-right{ float: right; }
.clearfix:before,
.clearfix:after{
  display: table;
  content: " ";
}
.clearfix:after{ clear: both; }
.clearfix+.clearfix{ margin-top: 10px; }
.pointer{ cursor: pointer; }

img {
    vertical-align: middle;
}
img {
    border: 0 none;
}

h3.page-title{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #ddd; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ }

.highlight { background-color: yellow }

/* Forms */
label{ max-width: 100%; margin-bottom: 5px; }
form h3{ border-bottom: solid 1px #ddd; margin-bottom: 10px; padding-bottom: 10px; color: #2B303B; }
.form-group{ margin-bottom: 10px; }
.form-group:before,.form-group:after{ display: table; content: " "; }
.form-group:after{ clear: both; }
.form-group:last-child{ margin-bottom: 0; }
.control-label{ color: #FFF; padding-left: 0; height: 2.05556rem; line-height: 35px; margin-bottom: 0; }
.form-control{ 
    -moz-appearance: none;
    background-color: #ffffff;
    border-color: #cccccc;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: inherit;
    font-size: 0.77778rem;
    height: 2.05556rem;
    padding: 0.44444rem;
    transition: border-color 0.15s linear 0s, background 0.15s linear 0s;
    width: 100%;
}

.form-control:focus{ background: #fafafa; border-color: #999999; soutline: none; outline: none; }
.form-control:focus::-moz-placeholder{color:inherit;opacity:0.7;}
.form-control:focus:-ms-input-placeholder{color:inherit;opacity:0.7;}
.form-control:focus::-webkit-input-placeholder{color:inherit;opacity:0.7;}.form-control::-moz-placeholder{color:inherit;opacity:0.33;}
.form-control:-ms-input-placeholder{color:inherit;opacity:0.33;}.form-control::-webkit-input-placeholder{color:inherit;opacity:0.33;}
.form-control[disabled],fieldset[disabled] .form-control,.form-control[readonly]{ background:#EAEAEA; color:rgba(66,66,66,0.85); cursor: not-allowed; }
.form-control::-moz-placeholder { color: #777; opacity: 1; }
.form-control::-moz-placeholder { color: inherit; opacity: 0.33; }
select {
    -moz-appearance: none !important;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
    background-position: 100% center;
    background-repeat: no-repeat;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    border-color: #cccccc;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: rgba(0, 0, 0, 0.75);
    font-family: inherit;
    font-size: 0.77778rem;
    height: 2.05556rem;
    line-height: normal;
    padding: 0.44444rem;
    width: 100%;
    cursor: pointer;
    outline: none;
}
select > option{ padding: 5px 10px; }
select:focus { background-color: #fafafa; border-color: #999999; }
select[disabled],select[readonly] { background-color: #DDDDDD; cursor: default; }
select[multiple] { height: auto; }

textarea,textarea.form-control{ resize: vertical; height: 76px; min-height: 2.05556rem; }

.help-block {
    color: #898989;
    display: block;
    margin-bottom: 10px;
    margin-top: 5px;
}

.input-group {
    border-collapse: separate;
    display: table;
    position: relative;
}
.input-group .form-control, .input-group-addon, .input-group-btn{ display: table-cell; }
.input-group-addon, .input-group-btn {
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}
.input-group-addon:first-child {
    border-right: 0 none;
}
.input-group-addon:last-child {
    border-left: 0 none;
}
.input-group .form-control:first-child,.input-group-addon:first-child{
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.input-group .form-control:last-child,.input-group-addon:last-child{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.input-group-addon {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
}
.input-group .form-control {
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    z-index: 2;
}

fieldset {
    border: 1px solid #DDDDDD;
    margin: 1rem 0;
    padding: 1.11111rem; 
}
fieldset legend {
    background: #FFFFFF;
    font-weight: bold;
    margin-left: -0.16667rem;
    margin: 0;
    padding: 0 0.16667rem; 
}

.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:10px;margin-left:-20px}
.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{
    position:relative;display:inline-block;padding-left:20px;
    margin-bottom:0;font-weight:400;font-size:14px;vertical-align:middle;cursor:pointer;
    line-height: 35px; height: 2.05556rem;
}
.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}
fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],
input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}
.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}
.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}

.btn{ border: solid 1px #ddd; background: #E6E6E6; padding: 6px 10px; display: inline-block; cursor: pointer; transition: background-color 300ms ease-out; color: #000; font-size: 14px; white-space: nowrap; text-align: center; vertical-align: middle; }
.btn:hover,.btn:focus{ background-color: #b9b9b9; border: solid 1px #ADABAB; text-decoration: none; }
.btn.btn-primary{ border: solid 1px #1E2128; background: #2B303B; color: #FFF; }
.btn.btn-primary:hover,.btn.btn-primary:focus{ border: solid 1px #394154; background: #424C60; }
/* End of Forms */

.alert{ padding: 10px; border: solid 1px #5B5B5B; color: #333; background: #CECECE; }
.alert+div{ margin-top: 10px; }
.form-group .alert{ padding: 0.44444rem; }

.alert.alert-danger{ background: #ffebe8; border: 1px solid #dd3c10; }
.alert.alert-success{ background: #E8FFE8; border: 1px solid #1EDB11; }
.alert.alert-info{ background: #FCFFE8; border: 1px solid #DBDB11; }

.loader{ position: absolute; top: 25%; display: none; }
.loader.right{ right: 10px; }

.publish{ cursor: default; }
.success{ color: #49DD5F; }
.error{ color: #E53D3D; }
.user-blocked{ color: #E53D3D; }

.required-text{ color: #FF4C4C; }

.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}


.body-white{ background: #FFF; padding: 10px; margin: 10px 10px 0; border: 1px solid #ddd; }
.page-header{ margin-bottom: 10px; border-bottom: 1px solid #ddd; background: #FFF; padding-bottom: 10px; }
.page-info{ font-size: 22px; float: left; color: #2B303B; }

.table,.table-inline {
    border-collapse: separate;
    border-spacing: 0;
    clear: both;
    margin: 0 auto;
    width: 100%;
}
.table tr th:first-child, .table tr td:first-child {
    text-align: center;
}
.table thead tr th,
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-color: #DDD;
    color: #2B303B;
    border-top: 1px solid rgba(230, 230, 230, 0.7);
    border-bottom: 1px solid rgba(230, 230, 230, 0.7);
    border-left: 1px solid rgba(230, 230, 230, 0.7);
    font-size: 13px;
    font-weight: 600;
    padding: 8px 10px;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: left;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc{
    padding: 8px 15px 8px 10px;
}

.table thead tr th:last-child {
    border-right: 1px solid rgba(230, 230, 230, 0.7);
}
.table tbody tr {
    background-color: white;
}
.table tr th:first-child,.table tr td:first-child { text-align: center; }
.table tr th:first-child label,.table tr td:first-child label{ padding-right: 0; margin-bottom: 0; }

.table tbody tr td,
.table tfoot tr td {
    background: none repeat scroll 0 0 #fff;
    border-left: 1px solid rgba(230, 230, 230, 0.7);
    border-bottom: 1px solid rgba(230, 230, 230, 0.7);
    border-top: 0 none;
    font-size: 13.5px;
    padding: 5px 10px;
    vertical-align: top;
}
.table tbody tr td:last-child,
.table tfoot tr td:last-child {
    border-right: 1px solid rgba(230, 230, 230, 0.7);
}

.table tr:nth-child(odd) td,.table-inline tr:nth-child(odd) td { background: #FFF; }
.table tr:nth-child(even) td,.table-inline tr:nth-child(even) td { background: #F9F9F9; }
.table-inline tr:nth-child(even) th { background: #F9F9F9; }

.table-inline tr th{ text-align: left; }
.table-inline tr th,.table-inline tr td{ border: solid #ddd 1px; border-right: none; border-bottom: none; padding: 8px 10px; }
.table-inline tr th:last-child,.table-inline tr td:last-child{ border-right: solid #ddd 1px; }
.table-inline tr:last-child th,.table-inline tr:last-child td{ border-bottom: solid #ddd 1px; }

.tc-table.table > thead > tr > th label, .tc-table.table > thead > tr > td label {
    margin-bottom: 0;
}
.table.dataTable.no-footer {
    border: medium none;
}

.table-action-area {
    margin-bottom: 10px;
}
.table-action {
    float: left;
    margin-right: 10px;
}
.table-action.right, .table-header-action {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}
.table-header-action .btn { padding: 3px 5px; }

input.tc[type="checkbox"] + .labels, input.tc[type="radio"] + .labels {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    min-height: 18px;
    min-width: 18px;
    position: relative;
    z-index: 11;
}
input.tc[type="checkbox"], input.tc[type="radio"] {
    cursor: pointer;
    height: 17px;
    opacity: 0;
    position: absolute;
    width: 17px;
    z-index: 12;
}
input.tc[type="checkbox"] + .labels::before, input.tc[type="radio"] + .labels::before {
    background-color: #fafafa;
    border: 1px solid #12A0C0;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #fff;
    content: " ";
    display: inline-block;
    font-family: fontAwesome;
    font-size: 12px;
    font-weight: 400;
    height: 16px;
    line-height: 14px;
    margin-right: 1px;
    min-width: 16px;
    text-align: center;
    vertical-align: middle;
}
.checkbox-inline input.tc[type="checkbox"] + .labels::before, .checkbox-inline input.tc[type="radio"] + .labels::before {
    margin-right: 10px;
}
input.tc[type="checkbox"]:checked, input.tc[type="radio"]:checked, input.tc[type="checkbox"]:focus, input.tc[type="radio"]:focus {
    outline: 0 none !important;
}
input.tc[type="checkbox"]:checked + .labels::before, input.tc[type="radio"]:checked + .labels::before {
    background-color: #12A0C0;
    border-color: #12A0C0;
    content: "";
    display: inline-block;
}
input.tc[type="checkbox"][disabled] + .labels::before{ background: #C0D2D6; }

.pagination {
    float: right;
    border-radius: 4px;
    display: inline-block;
    margin: 10px 0 0;
    padding-left: 0;
}
.pagination > li {
    display: inline;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination > li > a, .pagination > li > span {
    font-size: 12px;
    color: #337ab7;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
.pagination > li.active a { color: #2B303B; font-weight: bold; cursor: default; }
.pagination-info{ float: left; padding: 15px 0 0; font-size: 12px; }

.navbar-toggle { display: none; }
.navbar-toggle {
    cursor: pointer;
    z-index: 999;
    background-color: #2B303B;
    background-image: none;
    border: 1px solid #1C1F26;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 5px 5px;
    position: relative;
    float: left;
    top: -15px;
}
.sr-only {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.navbar-toggle .icon-bar {
    background: #ddd;
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

.badge{ position: relative; padding: 3px 8px; font-size: 9px; color: #FFF; border-radius: 5px; }
.badge-primary {
    background-color: #d15050 !important;
    border: solid #B54444 1px;
}
.badge-green {
    background-color: #178E02 !important;
    border: solid #147702 1px;
}
.badge-blue {
    background-color: #4463ED !important;
    border: solid #3951BF 1px;
}
.badge-orange {
    background-color: #DBA13D !important;
    border: solid #BF8D37 1px;
}

#back-to-top{ display: none; bottom: 57px; position: fixed; right: 10px; z-index: 9999; background: #2B303B; color: #FFF; border: solid #232730 1px; opacity: 0.2; }
#back-to-top:hover{ opacity: 1; }

#language{
    float: left;
}
#language > li{ position: relative; }
a.dropdown-toggle:hover{ text-decoration: none; }

.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}
.dropdown-menu > li > a {
    clear: both;
    color: #333;
    display: block;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { background: #F5F5F5; text-decoration: none; }

.open > .dropdown-menu {
    display: block;
}
.open > a {
    outline: 0 none;
}
.caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}
.daterangepicker .ranges {
    text-align: left;
    width: 188px;
}

/* Modal */
.fade {
    opacity: 0;
    transition: opacity 0.15s linear 0s;
}
.fade.in {
    opacity: 1;
}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
.modal-open {
    overflow: hidden;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
    background-color: rgba(0,0,0,0.5);
}

.modal-dialog {
    margin: 10px;
    position: relative;
    width: auto;
    z-index: 1050;
}

.modal-dialog {
    margin: 200px auto;
    width: 600px;
}

.modal-lg {
    width: 900px;
}

.modal-sm {
    width: 400px;
}

.modal.fade .modal-dialog {
    transform: translate(0px, -25%);
    transition: transform 0.3s ease-out 0s;
}
.modal.in .modal-dialog {
    transform: translate(0px, 0px);
}

.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    position: relative;
}
.modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-header {
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.43px;
    padding: 15px;
}
button.close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    padding: 0;
}
.modal-header .close {
    margin-top: -2px;
}
.close {
    color: #000;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    opacity: 0.2;
    text-shadow: 0 1px 0 #fff;
}
.modal-title {
    line-height: 1.42857;
    margin: 0;
}
.modal-body {
    padding: 15px;
    position: relative;
}
.modal-footer {
    border-top: 1px solid #e5e5e5;
    padding: 15px;
    text-align: right;
}

.thumbnail {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: block;
    line-height: 1.42857;
    margin-bottom: 20px;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
}

.nav {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.nav-tabs {
    border-bottom: 1px solid #3E7F34;
    padding: 0 10px;
}
.nav > li {
    display: block;
    position: relative;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.nav > li > a {
    display: block;
    padding: 5px 15px;
    position: relative;
}
.nav > li > a:hover {
    text-decoration: none;
}
.nav-tabs > li > a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    line-height: 1.42857;
    margin-right: 2px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFF;
    border-color: #3E7F34 #3E7F34 transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #555;
    cursor: default;
}
.tab-content{ border: solid 1px #3E7F34; border-top: none; padding: 20px 10px 10px; }
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}

.color-picker-area input[type=text]{ text-shadow: 0 -1px 1px #fff; }

.widget{ margin-top: 10px; border: solid #ddd 1px; border-top: solid 3px #2B303B; border-radius: 3px; }
.widget .widget-header{ border-bottom: solid 1px #ddd; padding: 10px; margin-bottom: 10px; font-size: 18px; }

.bank-list{ }
.bank-list li{ padding: 10px; width: 285px; float: left; }
.bank-list li .radio-inline{ padding-left: 0; }
.bank{ background: #2B303B url('../img/bank.png') no-repeat 0 0 / 1595px; width: 100px; height: 40px; margin: 0 auto; }
.bank.bca{ background-position: 5px 0; }
.bank.mandiri{ background-position: -88px 0; }
.bank.bri{ background-position: -182px 0; }
.bank.bni{ background-position: -275px 0; }
.bank.danamon{ background-position: -368px 0; }
.bank.cimb{background-position: -467px 0px;width: 150px}
.bank.btn{padding: 0;display: block;background-position: -612px 0px;width: 150px;}
.bank.btn:hover,.bank.btn:focus{background: #2B303B url('../img/bank.png') no-repeat 0 0 / 1445px; width: 150px; height: 40px; margin: 0 auto; background-position: -612px 0px;cursor:default;}
.bank.ocbc{background-position: -753px 0px;width: 150px}
.bank.permata{background-position: -905px 0px;width: 120px}
.bank.mega{background-position: -1008px 0px;width: 100px}
.bank.panin{background-position: -798px 4px;background-size: 1150px;width: 150px}
.bank.sinar-mas{background-position: -1300px  0px;width: 150px}
.bank.maybank{background-position: -1445px  0px;width: 150px}

.img-product{ position: relative; width: 150px; padding: 10px; float: left; margin-left: 20px; margin-bottom: 20px; border: solid 1px #ddd; border-radius: 5px; background-color: #FFF; }
.img-product img{ width: 100%; cursor: pointer; }
.img-product.selected{ background-color: #E8FFE8; border: solid 1px #1edb11; }
.img-product > .check-selected{ display: none; }
.img-product.selected > .check-selected{ display: block; position: absolute; background-color: #E8FFE8; padding: 10px; top: 0; left: 0; border-top-left-radius: 5px; }