/**
 * Global styles
 *
 * @copyright  2011 BitConstructor Co. Ltd.
 * @version    $Id: global.css 3148 2023-01-13 10:16:36Z tibor $
 * Tibor Sekelj
 */

/* GLOBAL ELEMENTS ************************************************************/

.bc-footer-menu ul li {
    clear: none;
    float: right;
    padding: 5px;
}

/* break long elements */
a, table {
    overflow-wrap: break-word;
    word-break: break-word;
}

/* LIST TABLE******************************************************************/

/* table short list*/
.bc-item-hide {
    display: none;
}

/* table align */
.table th.bc-td-align-right,
.table td.bc-td-align-right {
    text-align: right;
}

.table th.bc-td-align-left,
.table td.bc-td-align-left {
    text-align: left;
}

/* table ordering */
.bc-table-order {
    cursor: pointer;
}

/* table header with */
.bc-td-checkbox {
    width: 5px;
}

.table th.bc-td-id {
    text-align: right;
    width: 50px;
}

.table th.bc-td-order {
    text-align: right;
    width: 35px;
}

.table td.bc-td-digi {
    text-align: right;
}

.bc-td-firstname {
    width: 100px;
}

.bc-td-familyname {
    width: 100px;
}

.bc-td-username {
    width: 95px;
}

.bc-td-modified-by {
    width: 95px;
}

.bc-td-category {
    width: 85px;
}

.bc-td-account-type {
    width: 90px;
}

.bc-td-status {
    width: 85px;
}

.bc-td-datetime {
    width: 120px;
}

.bc-td-action {
    width: 64px;
}

.bc-td-action-1 {
    width: 34px;
}

.bc-td-action-3-command {
    width: 96px;
}

.bc-td-action-3 {
    width: 92px;
}

.bc-td-action-4 {
    width: 125px;
}

.bc-td-parent {
    width: 45px;
}

.bc-td-subitem {
    width: 70px;
}

.bc-td-code {
    width: 50px;
}

.bc-td-locale {
    width: 50px;
}

.bc-td-city {
    width: 70px;
}

.bc-td-postcode {
    width: 60px;
}

.bc-td-education {
    width: 65px;
}

.bc-td-default {
    width: 50px;
}

.bc-td-application-id {
    width: 130px;
}

.bc-icon-notice {
    float: left;
    width: 25px;
}

.bc-bold {
    font-weight: bold;
}

.bc-float-right {
    float: right;
}

.bc-align-right {
    text-align: right;
}

.bc-float-left {
    float: left;
}

.bc-align-left {
    text-align: left;
}

.bc-display-none {
    display: none;
}

.bc-display-block {
    display: block;
}

.bc-clear-both {
    clear: both;
}

.btn.bc-clear-both {
    clear: both;
}

.bc-no-margin {
    margin: 0;
}

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

table tbody tr.page_list_result_total td {
    border-top-width: 2px;
}

/* MODALS *********************************************************************/
/* keeps modal out of page */
.modal.fade {
    top: -500%;
}

/*remove scroll bar*/
.modal-body {
    max-height: none;
}

/* loading overlay */
#loading {
    background: url("../images/loading.gif") no-repeat scroll center center transparent;
    display: none;
    height: 50%;
}

/* FORMS **********************************************************************/

/* required fields markup */
form label.required:after {
    color: #e32;
    content: " *";
    display: inline;
}

form .require_text:before {
    color: #e32;
    content: "* ";
    display: inline;
}

form.form-inline div {
    display: inline;
}

form.form-inline div.form-actions,
form.form-inline div.form-actions:before,
form.form-inline div.form-actions:after {
    background: transparent;
    border: none;
    display: inline;
    margin: 0;
    padding-left: 0;
}

/* fixes twitter bootstrap select highlight */
select {
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

select:focus {
    border-color: rgba(82, 168, 236, 0.8);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0;
}

/* Shorter input texts */
#captcha-input,
.bc-text-select.input-medium,
.date.input-medium,
.datetime.input-medium,
.time.input-medium {
    width: 160px;
}

/* Captcha image */
.img-captcha {
    margin-top: 5px;
}

/* NAVIGATION *****************************************************************/

/* navbar dropdown show on hover */
ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
}

.dropdown-toggle:after {
    content: none;
}

.modal {
    position: absolute !important;
}

.footer {
    clear: both;
}

/* language menu */
.nav.lang .dropdown-menu {
    min-width: 50px;
}

/* TABLE **********************************************************************/
.table-bordered, .table-bordered th, .table-bordered td {
    border: 1px solid #ccc;
    border-collapse: collapse;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
    background-color: #eee;
}

.table-striped tbody tr.info:nth-child(odd) td,
.table-striped tbody tr.info:nth-child(odd) th,
.table-striped tbody.content tr.info td,
.table-striped tbody tr.info td,
.table-striped tbody.content tr.info th {
    background-color: #d9edf7;
}

.table-striped tbody tr.notice:nth-child(odd) td,
.table-striped tbody tr.notice:nth-child(odd) th,
.table-striped tbody.content tr.notice td,
.table-striped tbody tr.notice td {
    background-color: #fcf8e3;
}

.table-striped tbody tr.success:nth-child(odd) td,
.table-striped tbody tr.success:nth-child(odd) th,
.table-striped tbody.content tr.success td,
.table-striped tbody tr.success td {
    background-color: #dff0d8;
}

.table-striped tbody tr.warning:nth-child(odd) td,
.table-striped tbody tr.warning:nth-child(odd) th,
.table-striped tbody.content tr.warning td,
.table-striped tbody tr.warning td {
    background-color: #ebcccc;
}

/* LIST TABLE******************************************************************/
/* table header with */
/* Quiz */
.bc-td-quiz {
    width: 30px;
}

.bc-td-quiz-source {
    width: 40px;
}

.bc-td-quiz-media {
    width: 30px;
}

.bc-td-quiz-type {
    width: 100px;
}

.bc-td-quizmedia-type {
    width: 50px;
}

.bc-td-quiz-url {
    width: 30px;
}

.bc-td-quiz-question {
    width: 30px;
}

/* Cart */
.bc-td-items-type {
    width: 110px;
}

.bc-td-total-amount {
    width: 90px;
}

/* Product */
.bc-td-price-net {
    width: 60px;
}

.bc-td-tax {
    width: 20px;
}

.bc-td-subscr-price {
    width: 75px;
}

.bc-td-highlight {
    width: 40px;
}

.bc-td-image {
    width: 85px;
}

.bc-td-title-short {
    width: 100px;
}

.th-type-text-correct {
    width: 50px;
}

.bc-td-thumbnail {
    width: 100px;
}

/* Codes */
.bc-td-code {
    width: 100px;
}

/* FORM ***********************************************************************/
input, textarea, .select-element {
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    position: relative;
}

/*textarea {
    min-height: 400px !important;
}*/
textarea#meta_desc {
    min-height: 100px !important;
}

input:before, input:after, textarea:before, textarea:after, .select-element:before, .select-element:after {
    -moz-border-radius: 100px/10px;
    border-radius: 100px/10px;
    bottom: 10px;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: -1;
}

input:after, textarea:after, .select-element:after {
    left: auto;
    right: 10px;
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    -webkit-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg);
}

select {
    background-color: #f9f9f9;
    width: 222px;
}

.bc-td-start-date {
    width: 125px;
}

.bc-subscription-table {
    margin: 20px 0 0;
}

/* ---------------------------------------------------------------------------*/

.image-preview {
    width: 280px;
}

.controls .image-preview {
    width: 100%;
}

.qq-upload-button {
    color: #000;
}

.file-drop-area {
    background: #f9f9f9;
    width: 200px;
}

div.bc-cart-existing-customer {
    margin-top: 50px;
}

.bc-global-modal-form .modal-body {
    max-height: none;
}

.no-border {
    border: none;
    box-shadow: none;
}

.bc-order-input {
    position: absolute;
}

ul#bc-categories_menu li {
    float: left;
    text-align: center;
    width: 120px;
}

ul#bc-categories_menu li:first-child {
    margin-left: 50px;
}

.bc-profile-categories {
    cursor: pointer;
    display: block !important;
    float: left;
    margin: 0 10px 0 0;
}

.bc-categories-name {
    display: block !important;
}

.overflow-hidden {
    overflow: hidden;
}

.qq-upload-file-details {
    text-align: left;
}

.priceplan-box-green, .priceplan-box-orange {
    margin-top: 10px !important;
}

.priceplan-box-blue {
    margin: 10px 0 0 !important;
}

ul.pager {
    width: 150px !important;
}

.pager-page-number {
    float: left;
}

.form-actions {
    background: none;
}

.footer {
    margin-top: 0 !important;
    padding: 0 !important;
}

.pagination-container {
    text-align: center;
}

.mod-default.con-error div.content.container {
    min-height: 500px;
    text-align: center;
}

.mod-default.con-error div.content.container h1 {
    margin: 100px auto 50px;
}

.sidebar {
    margin: 0;
}

.text_counter {
    font-size: 12px;
    text-align: right;
}

.control-label-bootstrap {
    margin-left: 0;
    padding-top: 5px;
    text-align: right;
}

input[type="text"].input-medium.span4, input[type="date"].input-medium.span4 {
    width: 242px;
}

input[type="date"].input-medium.span4.hasDatepicker {
    width: 202px;
}

.jcrop-preview {
    border: 1px solid #ccc;
    height: 100px;
    margin-left: 5px;
    margin-top: 10px;
    overflow: hidden;
    width: 100px;
}

.jcrop-preview img {
    max-width: none;
}

@media (min-width: 1200px) {
    input[type="text"].input-medium.span4, input[type="date"].input-medium.span4 {
        width: 312px;
    }

    input[type="date"].input-medium.span4.hasDatepicker {
        width: 272px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    input[type="text"].input-medium.span4, input[type="date"].input-medium.span4 {
        width: 170px;
    }

    input[type="date"].input-medium.span4.hasDatepicker {
        width: 130px;
    }
}

@media (max-width: 767px) {
    select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, label {
        font-size: 16px;
    }

    input[type="date"].input-medium.span4, input[type="text"].input-medium.span4 {
        width: 100%;
    }

    /* break long items on mobile */
    a, table {
        overflow-wrap: break-word;
        word-break: break-word;
    }

    /* reduce iframe / table sizes */
    iframe, table {
        max-width: 100% !important;
        overflow: scroll;
    }
}

.hideShowPassword-field {
    padding-right: 5px !important;
}