/*------------------------------------*\
	$CONTENTS
\*------------------------------------*/
/**

	* CONTENTS............You�re reading it!  
	* FRONTPAGE...........the front page (marketing wonder)
	* UNSORTED............when you're working fast and you don't care
	* GENERAL.............Global styling
	* FUKKEN FIXES........Dirty hacks belong here (ie fixes etc.)
	* GENERAL
		* PERMISSIONS
		* HELPBUBLE
		* HEADER
		* FILTERS
		* TABLES
		* SORTABLES
		* FORMS
		* BUTTONS

	* MAIN NAVIGATION.....Main navigation, user impersonificating
	* MODALS
	* ADDRESSES
	* ITEMS
	* PRICES
	* ROUNDS
	* ORDERS
	* INVOICES
	* TRADERINVOICES
	* APPADMIN
	* PRINT STYLES


   

/*------------------------------------*\
	$FINANCE DASHBOARD
\*------------------------------------*/
a {
    cursor: pointer;
}

.highlightedDayInDatepicker {
    font-weight: 800;
}

.highlightedDayRedInDatepicker a {
    color: red !important;
}

a[href='#'].blankMenuTab:hover {
    color: black;
    background-color: white;
}

.bigdrop {
    width: 650px !important;
}


#select2-drop {
    width: 650px !important;
}

.inline {
    display: inline;
}

/*.finance-dashboard-salesbycustomer, .finance-dashboard-item {
	height: auto !important;
	min-height: 300px;
	max-height: 500px;
	overflow-y: auto !important;
}*/


/* MULTI-LEVEL DROPDOWNS FOR BOOTSTRAP */

#customersDropdownInMenu {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../Content/img/select-arrow.png) 96% / 7% no-repeat #fff;
}

.dropdown-menu .sub-menu {
    left: 17%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

    .dropdown-menu .sub-menu.lnk_MainFinance {
        margin-left: 86px !important;
        margin-top: -100px !important;
    }

.dropdown-menu li:hover > .sub-menu,
.dropdown-menu div:hover > .sub-menu {
    visibility: visible;
    display: inline;
    top: auto;
    margin-top: -0.2em;
    margin-left: 1rem;
}

.main-menu.dropdown-menu li:not(.touchevents):hover > .sub-menu,
.main-menu.dropdown-menu div:not(.touchevents):hover > .sub-menu {
    visibility: visible;
    display: inline;
    top: 120%;
    margin-top: -0.5em;
    margin-left: 0;
}

.main-menu.dropdown-menu li.touchevents:hover > .sub-menu {
    visibility: visible;
    display: inline;
    top: auto;
    margin-top: -0.5em;
}


.dropdown-menu li:hover > .sub-menu-5 {
    margin-top: -5em;
}

.dropdown-menu.sub-menu.left.submenu-left-5 {
    margin-top: -10em !important;
}


.dropdown-menu li:hover {
    background-color: #65b265;
    color: #fff !important;
}

    .dropdown-menu li:hover > a {
        color: #fff !important;
    }


.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}

.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.container {
    width: 1000px !important;
    width: 100% !important;
    max-width: 1000px;
}

.table-upperscore {
    border-top: 1px solid #ddd;
}

.finance-dashboard-panel {
    border: 1px solid #dadbdb;
    text-align: center;
    padding: 10px;
}

.invoice-revisions-list .active {
    font-weight: bold;
}

.finance-dashboard-remove {
    padding: 5px;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 18px;
    text-decoration: none;
    z-index: 980;
}


.finance-dashboard-actions {
    padding: 10px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 30px;
    width: 438px;
    overflow: hidden;
    background-color: #fff;
}

.finance-dashboard table caption {
    text-align: left;
    font-size: 14px;
    font-size: 18px;
    padding: 5px 30px 5px 10px;
}

.finance-dashboard li {
    position: relative;
    display: block;
    float: left;
    width: 458px;
    margin: 5px;
    border: 1px solid #dadbdb;
    height: 300px;
    overflow: hidden;
}

.finance-dashboard .chart-header {
    height: 40px;
    padding: 0px 30px 0px 10px;
    line-height: 40px;
    font-size: 18px;
    text-align: left;
    display: block;
}
/*------------------------------------*\
	$FRONTPAGE
\*------------------------------------*/


.front-features-slider {
    position: relative;
    overflow: auto;
    margin: 0px;
    padding-bottom: 40px;
}

    .front-features-slider ul {
        margin: 0px;
    }

    .front-features-slider p {
        padding: 10px;
    }

    .front-features-slider .dots {
        margin: 0;
        padding: 0;
        margin-bottom: 0px;
        box-sizing: border-box;
        position: absolute;
        display: inline;
        left: 0;
        bottom: -5px;
    }

.front-features-slider-controls {
    margin-top: -20px;
}

    .front-features-slider-controls a {
        display: inline-block;
        position: relative;
        margin-left: 10px;
    }

.front-features-slider .dots li {
    display: inline-block;
    width: 10px;
    height: 10px;
    text-indent: -999em;
    margin: 0 4px;
    border: 2px solid #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    opacity: 1;
}

    .front-features-slider .dots li.active {
        background-color: #53a653;
    }

.front-features-slider li {
    list-style: none;
}

.front-features-slider ul li {
    float: left;
}


.front-features a {
    color: #53a653;
    font-size: 18px;
}

.pricing-option a {
    font-size: 36px;
    color: #53a653;
    text-align: center;
}

.pricing-option {
    width: 50%;
    text-align: center;
    float: left;
    padding: 20px 0;
}

    .pricing-option.pricing-option-single {
        width: 100%;
        padding: 51px 0;
    }

    .pricing-option .pricing-option-price {
        font-size: 30px;
        font-weight: 400;
    }

    .pricing-option.pricing-option-suggested {
        background-color: #53a653;
        color: #fff;
    }

.pricing-table h2 {
    display: block;
    margin: 0px;
    font-weight: 300;
    background-color: #dadbdb;
    color: #6f6f6f;
    padding: 20px;
    text-align: center;
}

.pricing-table {
    text-align: center;
    background-color: #f7f7f7;
    position: relative;
}

    .pricing-table.pricing-table-features {
        background-color: #fff;
    }

    .pricing-table ul {
        list-style-type: none;
        text-align: center;
        margin: auto;
        padding: 22px 0px 20px 0px;
        border-bottom: 1px #dadbdb solid;
        font-weight: 400;
    }

    .pricing-table.pricing-table-features ul {
        list-style-type: none;
        text-align: left;
        margin: auto;
        padding: 10px 0px 10px 0px;
        border-bottom: 1px #dadbdb solid;
        color: #53a653;
    }

        .pricing-table.pricing-table-features ul li i {
            padding: 0px 10px;
        }

    .pricing-table ul li {
        padding: 2px 0;
    }

    .pricing-table.pricing-table-features h2 {
        border-bottom: 1px #d8d8d8 solid;
        background: transparent;
        font-size: 14px;
        text-align: left;
    }

.front-tryform-bullets div {
    text-align: center;
    font-size: 23px;
    padding: 30px 0;
}

.front-form-tryaccount {
    padding-top: 20px;
}

    .front-form-tryaccount .control-group {
        padding: 10px 0;
    }

.body.container > hr {
    margin-top: 0px;
}

.front-footer-section {
    padding-bottom: 10px;
}

.front-footer-section-first {
    padding-top: 10px;
    padding-bottom: 10px;
}

.front-footer-section-horizontal {
    padding-bottom: 10px;
}


.front-footer-menu {
    margin: 0px;
    padding: 0px;
}

    .front-footer-menu li {
        display: inline-block;
        padding: 0 10px;
    }

    .front-footer-menu.front-footer-menu-vertical li {
        display: block;
        padding: 2px 10px;
    }

.front-calltoaction {
    padding: 20px;
    text-align: center;
}

.front-footer-wrapper {
    background-color: #6f6f6f;
}

.front-footer {
    color: #fff;
}

    .front-footer hr {
        border-bottom: 0px;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .front-footer a {
        color: #fff;
        text-decoration: none;
    }

        .front-footer a:hover {
            color: #54a954;
            text-decoration: underline;
        }

.front-sellingpoint {
    text-align: left;
    padding: 30px 0;
    font-size: 16px;
    position: relative;
}

    .front-sellingpoint h3 {
        font-size: 20px;
    }

.front-sellingpoint-content {
    display: block;
    padding: 0px 0 20px 0;
    position: relative;
}

    .front-sellingpoint-content ul {
        text-align: left;
    }

.front-sellingpoint .front-sellingpoint-image {
    position: relative;
    height: 200px;
}

.front-sellingpoint img {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.front-features-container {
    padding: 20px 0px 0px 20px;
}

.front-features {
    list-style-type: none;
    padding: 0px;
}

    .front-features > li {
        display: block;
        margin-bottom: 40px;
    }

        .front-features > li > ul {
            list-style-type: disc;
            font-size: 14px;
            font-weight: 400;
        }



.front-container {
    font-smooth: always;
    font-family: 'Lato', Verdana, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    color: #45474d;
    font-weight: 300;
    font-size: 14px;
}

.front-masthead p {
    font-size: 16px;
}

.front-video {
    margin: 50px 0 30px 0;
}

.front-intro {
    padding-bottom: 20px;
}

    .front-intro h1 {
        padding: 10px 0 10px 0;
        color: #54a954;
        font-size: 72px;
    }

    .front-intro h2 {
        font-size: 35px;
        font-weight: 300;
        letter-spacing: 1px;
    }

    .front-intro h3 {
        font-size: 24px;
        font-weight: 300;
    }

    .front-intro h4 {
        font-size: 24px;
        font-weight: 600;
    }

.front-header {
    padding: 20px 0;
    position: relative;
    height: 100px;
}

.front-logo {
    position: absolute;
    bottom: 30px;
    left: 0px;
}


.front-body-wrapper {
    background-color: #fff;
}

    .front-body-wrapper h1 {
        font-weight: 300;
    }

.front-menu {
    text-align: right;
    position: absolute;
    bottom: 20px;
    right: 0px;
}

    .front-menu li {
        font-family: 'Lato', Verdana, sans-serif;
        display: inline-block;
        border-bottom: 3px solid #d9d9d9;
        font-size: 14px;
        margin: 0px;
        float: left;
    }

        .front-menu li a {
            display: inline-block;
            padding: 10px 20px;
            color: #6f6f6f;
        }

        .front-menu li:hover, .front-menu li.active {
            border-color: #54a954;
        }

            .front-menu li a:hover, .front-menu li.active a {
                color: #54a954;
                text-decoration: none;
            }


        .front-menu li.divider {
            width: 10px;
        }

            .front-menu li.divider:before {
                display: inline-block;
                padding: 10px 20px;
                content: "\00a0\00a0";
            }


/*------------------------------------*\
	$UNSORTED
\*------------------------------------*/

textarea.ng-invalid {
    border-color: red !important;
}

.marginTop30 {
}


.input-currency {
    width: 180px;
}

.input-small-currency {
    width: 68px;
    margin-right: 10px;
    margin-left: -5px;
}

.red-border, .red-mark {
    border-left: 8px solid #FF4444 !important;
}

.red-background {
    background: #FF4444;
}

.red {
    color: #FF4444;
}

.navbar-fixed-bottom .navbar-inner {
    min-height: 20px;
    padding: 8px 0px 4px 0px;
}

.navbar-fixed-bottom * {
    line-height: initial !important;
    font-size: 12px;
}

.blink {
    color: #ff0000;
}

.icon-edit.blink {
    color: #000;
}

.dropdown-submenu > .dropdown-menu {
    margin-top: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.dropdown-menu-global .nav {
    margin-bottom: 0px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu-global .menu-separator {
    display: none;
}

td label.radio {
    margin-right: 10px;
}

.form-search .input-mini {
    width: 40px;
    margin-right: 5px;
}

.navbar .form-inline-container {
    padding-left: 10px;
}

.navbar .help-inline {
    padding-top: 5px;
}

.btn-save {
    cursor: pointer;
}

.popover {
    z-index: 1050 !important;
    background-color: #FFEB9D;
    color: #000;
}

.popover-title {
    background: none;
    font-weight: bold;
    border-bottom-color: #c9a107;
}



    .popover-title .btn-subtle {
        color: #000;
    }

.popover hr {
    border-color: #000;
}

.popover.right .arrow {
    border-right-color: #FFEB9D;
}

.popover.left .arrow {
    border-left-color: #FFEB9D;
}

.popover.top .arrow {
    border-top-color: #FFEB9D;
}

.popover.bottom .arrow {
    border-bottom-color: #FFEB9D;
}


tr label input[type="checkbox"] {
    margin-top: 3px;
}



.dropdown-menu {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 0px;
}

    .dropdown-menu li {
        padding: 0px 0;
        border-bottom: 1px solid #e0e0e0;
    }

        .dropdown-menu li > a {
            padding: 5px 20px;
        }

        .dropdown-menu li.active a, .dropdown-menu li:hover > a, .navbar-inverse .nav .active > a {
            background: none;
            border-color: #65b265;
        }

        .dropdown-menu li.active, .dropdown-menu li > a:hover {
            background-color: #65b265;
            color: #fff;
        }


.main-menu.dropdown-menu li.active a, .main-menu.dropdown-menu li:hover > a, .main-menu.navbar-inverse .nav .active > a {
    background: none !important;
    border-color: #65b265;
}

.main-menu.dropdown-menu li.active, .main-menu.dropdown-menu li > a:hover {
    background-color: #65b265;
    color: #fff;
}

/*.main-menu.dropdown-menu li.active, .main-menu.dropdown-menu li > a:hover {
    color: #000 !important;
}*/

.dropdown-menu-indent {
    list-style-type: none;
    margin: 0px;
}

    .dropdown-menu-indent li {
        border-bottom: none !important;
    }

        .dropdown-menu-indent li > a {
            padding-left: 30px;
        }

.navbar .nav li.active, .navbar .nav li.active > a {
    background-color: #65b265 !important;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

#UploadButton {
    margin-top: -10px;
}

.modal iframe {
    border: 0px none;
    width: 100%;
    height: 100%;
}

.uploadify-queue {
    display: none;
}

.modal-big {
    width: 900px;
    margin-left: -450px;
}

.handwalk-actions {
    margin-left: 4px;
}

.handwalk-progress-bar {
    width: 100%;
    margin: auto;
}

.handwalk-progress {
    height: 40px;
    background-position: center -13px;
    background-repeat: no-repeat;
    width: 7.14%;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    padding-top: 42px;
    font-size: 11px;
    line-height: 11px;
    color: #a6a6a6;
}

.handwalk-progress-first {
    background-image: url("../Images/handwalk-first.png");
}

.handwalk-progress-last {
    background-image: url("../Images/handwalk-last.png");
}

.handwalk-progress-active {
    color: #499949;
    font-weight: bold;
    background-image: url("../Images/handwalk-active.png");
}

.handwalk-progress-undone {
    background-image: url("../Images/handwalk-undone.png");
}

.handwalk-progress-done {
    background-image: url("../Images/handwalk-done.png");
}

.hide-jsproxy {
    position: absolute;
    top: -999px;
    left: -999px;
}

.order-row-overriden, .order-row-overriden td, .order-row-overriden a {
    color: gray !important;
    text-decoration: line-through;
}

input.disabled {
    opacity: 0.2;
}

.text-disabled {
    opacity: 0.2;
}

.btn-info.has-popover {
    border-radius: 25px;
    cursor: help;
}

.has-popover {
    cursor: pointer;
}

p.subtle {
    opacity: 0.4;
}

.chleby-login {
    text-align: center;
}

.orderoverride-total {
    font-size: 20px;
    font-weight: bold;
}

.printonly {
    display: none;
}

.printonly-col {
    display: none;
}

.inactive, .secondary-info {
    color: #c6c6c6;
}

.text-negative {
    color: #FF4444;
}

.text-positive {
    color: #99CC00;
}

.calendar-title {
    width: 120px;
    text-align: center;
    display: inline-block;
}

button:disabled {
    opacity: 0.2 !important;
}

html {
    /*overflow: -moz-scrollbars-vertical;
	overflow-y: scroll; /* scroll always visible to prevent layout jumping */
    /* disabled, bo przy m�drych responsywnych modalach dostajemy 2 scrollbary */
    height: 100%;
}

body {
    background-color: #fff; /*#f6f6f6;*/
    padding-top: 100px; /* top menus, tight spacing:80px */
    width: 100%;
    /* width: unset; */
}

.body {
    margin-top: 10px;
    padding-bottom: 60px; /* 27px + 20 for bottom static footer*/
}

body > .header {
    margin-top: 10px;
    color: #000;
}

.nomargin {
    margin: 0 0 0 0;
}

.nopadding {
    padding: 0 0 0 0;
}

.pl20 {
    padding-left: 20px;
    display: inline-block;
}

/*------------------------------------*\
	$FUKKEN FIXES and hacks too
\*------------------------------------*/

/* for sake of fitting three digits, and not breaking anything... */
@media screen {
    .simpledist-made {
        width: 3em !important;
        /* These two, below, do not change anything, really.
			But I am to figure out how to make it look right,
			by changing these two. Right now they override
			the values to themselves, so yeah. 

			What's the problem? Amounts in Made column are
			like a millimeter above the numbers in the column
			to their left. How no one ever reported this? IDK
		*/
        margin-top: -3px !important;
        margin-bottom: 10px !important;
    }
}

.dataTables_scrollBody {
    position: relative;
}

/*fukken ie fixes - remove IE9+ clear input button*/
input::-ms-clear {
    display: none;
}

/* fullaclendar hide default buttons */
.fc-button, .fc-button-inner {
    border: 0px none !important;
}

th input, th select {
    width: 96%;
    margin-left: -2px !important;
}

.select2-results li {
    line-height: 12px;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap;
}

.select2-choice {
    text-align: left !important;
}

#cartcontainer.sticky-active > div {
    padding-top: 100px;
}

.navbar-inverse .nav > li > a {
    color: #fff;
}

.max-width-none {
    max-width: none !important;
}

/*------------------------------------*\
	$PERMISSIONS
\*------------------------------------*/

.permissions-write {
    /*background-color: rgb(210, 245, 176);*/
}

.permissions-read {
    /*background-color: rgb(252, 189, 189);*/
}

.permissions-hide {
}

/*------------------------------------*\
	$HELPBUBLE/SYSTEMHELP
\*------------------------------------*/

.textarea-helpeditor {
    width: 100%;
    height: 300px;
}

.systemhelp-contact {
    margin-top: 10px;
}

/*------------------------------------*\
	$BODY > HEADER
\*------------------------------------*/

.header h1 {
    font-size: 18px;
    display: inline-block;
}

.header p {
    font-size: 14px;
    display: inline-block;
}

/*------------------------------------*\
	$FILTERS
\*------------------------------------*/

.filter-release {
    width: 15px;
    padding: 5px 0px 0px 0px;
    vertical-align: middle;
    float: right;
    margin-bottom: -999px;
    z-index: 999;
    position: relative;
    text-decoration: none !important;
}

.text_filter.search_init {
    background: url("../Images/magnifying-glass.png") no-repeat right;
    background-color: #FFF !important;
    /*color: #0088cc;*/
    color: #499949;
}

.text_filter {
    background: none;
}

/*------------------------------------*\
	$TABLES
\*------------------------------------*/

#customer-contact-list {
    margin-bottom: 300px;
}

.grey-table {
    opacity: 0.4;
    color: #333;
}

    .grey-table:hover {
        opacity: 0.9;
    }

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
    background-color: #ffffa6;
}

.no-hover td.uib-day,
.no-hover th.uib-day {
    background-color: #fff !important;
}

table .actions select {
    width: 14px;
}

.table-header th {
    position: relative;
}

    .table-header th .secondary-header {
        position: absolute;
        top: -12px;
        right: 0px;
    }

.table .control:hover {
    cursor: pointer;
}

.table .actions {
    padding: 2px 5px !important;
    border-right: none !important;
    white-space: nowrap;
    width: 12px;
}

    .table .actions.wide {
        width: 92px;
    }

.table .price {
    width: 30px;
}

.table .deliverynote {
    font-size: 12px;
    line-height: 14px;
}

.table {
    table-layout: auto;
    width: 100%;
    border-collapse: collapse;
}

    .table.table-fixed {
        table-layout: fixed !important;
    }

.table-tr-hr {
    border-top: 1px #ddd solid;
}

td .chleby-collapse {
    display: block;
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal; /*ie ie ie */
    width: 100%;
}

    td .chleby-collapse:hover {
        overflow: visible;
        white-space: normal;
        position: relative;
    }


td .list-nocollapse {
    position: relative
}


td .inner {
    position: relative;
    vertical-align: top;
}

.table.table-fixed td {
    vertical-align: top !important;
    word-wrap: break-word;
}


.table-condensed th, .table-condensed td {
    padding: 2px 5px;
}

.table-condensed caption {
    padding: 0px;
}

.table-ultra-condensed td {
    line-height: 10px;
}

table * {
    zoom: 1;
}

.delete-context {
    display: none;
}

.property-missing {
    font-style: italic;
    color: #c6c6c6;
    font-weight: normal;
    text-transform: initial;
}

.table-container.w600 {
    width: 600px;
    margin: auto;
}

.table-container.w650 {
    width: 650px;
    margin: auto;
}

.table-container.w700 {
    width: 700px;
    margin: auto;
}

.table-container.w800 {
    width: 800px;
    margin: auto;
}

td.w200, th.w200 {
    width: 200px !important;
}

.table-container {
    background-color: #fff;
    border: 1px solid #ddd;
    margin-bottom: 18px;
}

    .table-container.no-borders {
        border: 0px none;
    }

    .table-container table {
        padding: 10px;
    }

.dataTables_filter {
    padding: 10px;
}

.dataTables_info {
    margin-top: 10px;
    padding-left: 10px;
}

.dataTables_paginate {
    padding: 10px;
    padding-bottom: 5px;
}

.dataTables_length {
    padding: 10px;
}

/*datatables bg sort markers*/

table.table thead .sorting_desc,
table.table thead .sorting_asc,
table.table thead .sorting {
    background-position: right center;
    padding-right: 18px;
}


.table th {
    vertical-align: middle;
    font-weight: normal;
    color: #b6b6b6;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 0px;
    border-right: 0px;
}

    .table th:last-child {
        border-right: none 0px;
    }


.table.no-borders td {
    border: none;
}

.table td, .table thead th {
    vertical-align: middle;
}

td.right, th.right, input.right {
    text-align: right;
}

input.right {
    /*box-sizing: border-box;*/
}

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

td.center, th.center, input.center {
    text-align: center;
}

td.total, th.total {
    font-weight: bold;
}

td.grandtotal {
    font-size: 20px;
}

td.total, th.total {
    color: #666 !important;
}

tr.add td {
    padding-top: 15px;
    padding-bottom: 10px;
}

table tr.no-border td, table tr.no-border th {
    border: none;
}

table tr.separate td {
    padding-top: 10px;
    padding-bottom: 10px;
}

caption {
    padding: 10px 10px;
    line-height: 30px;
    font-family: Verdana, sans-serif;
    text-align: left;
    font-size: 22px;
    font-weight: normal;
    min-height: 28px;
    vertical-align: middle;
    border-bottom: 0px solid #ddd;
}

.table-actions {
    float: right;
    margin-right: 0px;
}

    .table-actions a {
        margin-left: 4px;
    }

table input[type="text"], select {
    margin: 0px;
}

.row-grid {
    margin-bottom: 18px;
}

/*colorpicker*/

div.colorPicker-picker {
    height: 16px;
    width: 16px;
    padding: 0 !important;
    border: 1px solid #ccc;
    background: url(arrow.gif) no-repeat top right;
    cursor: pointer;
    line-height: 16px;
}

div.colorPicker-palette {
    width: 110px;
    position: absolute;
    border: 1px solid #598FEF;
    background-color: #EFEFEF;
    padding: 2px;
    z-index: 9999;
}

div.colorPicker_hexWrap {
    width: 100%;
    float: left;
}

    div.colorPicker_hexWrap label {
        font-size: 95%;
        color: #2F2F2F;
        margin: 5px 2px;
        width: 25%;
    }

    div.colorPicker_hexWrap input {
        margin: 5px 2px;
        padding: 0;
        font-size: 95%;
        border: 1px solid #000;
        width: 65%;
    }

div.colorPicker-swatch {
    height: 12px;
    width: 12px;
    border: 1px solid #000;
    margin: 2px;
    float: left;
    cursor: pointer;
    line-height: 12px;
}


/* sortables */

.sortable {
    list-style-type: none;
    margin-left: 0;
}

    .sortable .drag-handle {
        cursor: ns-resize;
    }

    .sortable .control-label {
        /*color:#33B5E5;*/
        color: #b6b6b6;
        padding-right: 10px;
    }


    .sortable li {
        display: block;
        background: #fff;
    }

        .sortable li .controls {
            margin-left: 140px;
        }



        .sortable li .control-label:hover {
            cursor: ns-resize;
            color: #33B5E5;
        }

/* forms */

.form-horizontal .help-inline {
    min-height: 20px;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 0px;
}


.chleby-simplelist-form {
    padding-bottom: 20px;
}

.chleby-simplelist {
    padding-top: 15px;
}

.chleby-simplelist-add {
    padding: 5px 0 15px 0;
    display: inline-block;
}

input.dirty, textarea.dirty, .dirty ~ span {
    border-color: blue;
    color: blue;
}

form {
    /* margin-bottom: 0px; */
}

tr input[type="checkbox"] {
    margin-top: -2px;
}

td.batch-checkbox-container, th.batch-checkbox-container {
    vertical-align: middle;
    text-align: center;
    width: 10px;
    /*padding: 0 10px 0 15px;*/
}

tr.batch-actions {
    background-color: #fff;
    position: relative;
    margin-bottom: -80px;
}

.fieldset-content {
    margin: 0 20px;
}

.radio {
    cursor: pointer !important;
}

legend {
    border-bottom: 0px;
    width: 100%;
    background-color: #fff;
    margin-bottom: 5px;
}

.radio:hover {
    color: #33B5E5;
}

.field-validation-error {
    display: block;
    margin-top: 5px;
    color: #FF4444;
}

.input-validation-error {
    display: block;
    border: 1px #FF4444 solid !important;
}

.validation {
    color: red;
    font-size: 12px;
    font-weight: bold;
}

.chleby-form, .form-actions {
    margin-bottom: 0px;
}

.form-actions {
    background: none;
}

.form-horizontal .control-group {
    margin: 5px;
    margin-top: 0px;
}



.form-horizontal .control-label.control-label-320 {
    width: 320px !important;
}

.form-horizontal .controls.controls-320 {
    margin-left: 340px;
}

.form-horizontal .control-label.control-label-200 {
    width: 200px !important;
}

.form-horizontal .controls.controls-200 {
    margin-left: 220px;
}

.form-horizontal .control-label.control-label-220 {
    width: 220px !important;
}

.form-horizontal .controls.controls-220 {
    margin-left: 240px;
}
/*form addons*/
.add-on.no-bg {
    background: none !important;
    border: none !important;
}

.add-on-bold {
    font-weight: bold !important;
}

.input-prepend .input-add-on-no-bg {
    border-radius: initial;
}

/*inputs*/

.input-bold {
    font-weight: bold !important;
}

/* buttons */
.btn {
    min-width: 45px !important;
    position: relative; /* fukken ie9 fix */
    text-transform: initial;
    font-weight: normal;
}

    .btn.btn-handwalk {
    }

input.btn {
    min-width: 45px !important;
}

.btn-icon {
    min-width: 0 !important;
    width: auto !important;
}

button.btn {
    min-width: 45px !important;
}

    button.btn.btn-icon {
        min-width: 0px !important;
    }

.btn-group + .btn-group {
    margin-left: 0px;
}

.btn-subtle {
    text-decoration: none;
    margin-right: 5px;
    font-size: 14px;
    display: inline-block;
    color: #0088cc;
    background: none;
    border: 0px none;
    cursor: pointer;
}

/*Faint color of icon*/
.btn-subtle-faint {
    color: #bbb;
}

.btn-subtle:hover {
    text-decoration: none;
    text-decoration: underline;
}

.btn-subtle.btn-manual {
    padding: 5px 3px 5px 3px;
    font-size: 16px;
    color: #000;
}

.btn-subtle.delete {
    color: #999;
}

    .btn-subtle.delete:hover {
        color: #000;
    }

.btn-amber {
    color: #333;
    background-color: #FFCC00;
    background-image: linear-gradient(to bottom, #FFCC00, #FFC200 );
    background-repeat: repeat-x;
    border-color: #FFCC00 #FFC200 #FFC200;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

    .btn-amber:hover {
        color: #333;
        background-color: #FFCC00;
    }
/* alerts */
.alert:first-of-type {
    margin-top: 15px;
}

.btn-trhover {
    opacity: 0.1;
}

tr:hover .btn-trhover {
    opacity: 1;
}

tr:hover .btn-trhover-disabled {
    opacity: 0.1 !important;
}

/*
==================================================================
	GLOBAL STYLES END
*/

/*
	MAIN NAVIGATION
================================================================== 
==================================================================
*/
.scrollable-menu {
    height: auto;
    max-height: 315px;
    overflow-x: hidden;
}

.nav-secondary .header {
    font-size: 22px;
    font-weight: bold;
    position: relative;
    top: 7px;
    padding: 0;
    margin: 0;
    margin-top: -7px;
    display: inline-block;
    margin-right: 8px;
}


.nav-secondary .commandBarText {
    font-size: 14px;
    position: relative;
    top: 5px;
    padding: 0;
    margin: 0;
    margin-top: -7px;
    display: inline-block;
    padding-left: 12px;
}

.nav-secondary .header.with-input {
    top: 8px;
}

.nav-secondary .input {
    margin-left: 16px !important;
    margin-bottom: 0 !important;
}

.hovermenu {
    background-color: #000;
}

.chleby-dropdown {
    float: left;
    margin: 0px;
    padding: 0px;
    margin-left: 0px;
    margin-right: -999px;
    display: none;
    background-color: #fff;
    padding: 0px 0px 0px 10px;
}

.dropdown-menu {
    /* margin-top: -5px; */
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}

.navbar-inverse .navbar-inner {
    background-color: #5f626a;
    background-image: none;
    border: 0px none;
}

.active .chleby-dropdown {
    display: inline-block;
}

.chleby-dropdown li {
    xdisplay: inline-block;
    margin-right: 15px;
}

    .chleby-dropdown li.active a {
        color: #46ff46 !important;
        text-decoration: underline;
    }

.navbar-inverse .chleby-dropdown li a {
    color: #fff;
}

.chleby-dropdown li a {
    color: #777;
}

.dropdown-menu li.active > a {
    color: #fff;
}

.nav-tabs li div {
    margin: 0px 2px 0px 0px;
    position: relative;
    z-index: 666;
    padding: 0px 10px 10px 0px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.nav-tabs li.active div {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #fff;
}

.nav-tabs li div label {
    margin: 0px 10px 5px 10px;
}

.navbar .nav > li > a {
    padding: 0 7px;
    line-height: 40px;
    text-transform: uppercase;
}

.navbar .nav > li.menu-separator {
    xborder-left: 1px solid #ddd;
    height: 100%;
    margin: 7px 0;
    line-height: 25px;
    width: 0px;
    overflow: hidden;
}

.navbar .nav > li:hover > a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-decoration: underline;
}

.navbar .nav > li {
    /*border-right: 1px solid #ffffff;
	border-left: 1px solid #f0f0f0;*/
}

.navbar-inverse .nav > li {
    /* border-right: 1px solid #444444;
	border-left: 1px solid #444444;*/
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav li.dropdown.active > .dropdown-toggle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;
    font-weight: bold;
    text-shadow: none;
    color: #fff;
}

.navbar-inverse .nav-admin > li.active > a, .navbar-inverse .nav-admin > li.active > a:hover {
    font-weight: bold;
    color: #fff;
    /*background-image: url('../Images/arr-inverse.png');*/
}

.navbar-primary-account-email {
    font-size: 10px;
    text-align: center;
    line-height: 8px;
}


/* account btn + logout + admin switcher*/
.navbar-primary-account {
    float: right !important;
}

    .navbar-primary-account li a {
        text-align: center;
    }

.admin-actor {
    width: 200px;
    padding: 7px;
    float: left;
}

.dashboard-link {
    float: left;
    font-size: 24px;
    line-height: 32px;
    padding: 5px 5px;
    text-decoration: none;
    margin-bottom: 5px;
}

    .dashboard-link:hover {
        text-decoration: none;
    }

.navbar-inverse .dashboard-link > a {
    color: #fff;
}

    .navbar-inverse .dashboard-link > a:hover {
        color: whitesmoke;
        text-decoration: none;
    }

.navbar-inverse .dashboard-link.active {
    color: #54a954;
}

    .navbar-inverse .dashboard-link.active:hover {
        color: #65b265;
    }

#admin-actor {
    margin-bottom: 0px;
}

.user-actor {
    padding: 10px 20px 10px 0px;
    font-size: 22px;
    float: left;
    text-transform: uppercase;
}


.user-actor-typeahead {
    padding: 4px;
    float: left;
}

    .user-actor-typeahead input {
        padding: 4px;
        font-size: 14px;
        float: left;
        text-transform: uppercase;
        width: 132px;
        border: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        background: transparent;
        margin: 0 !important;
        margin-top: 3px !important;
        font-weight: bold;
        color: #0088cc;
    }

.lang-es .navbar .user-actor-typeahead input {
    width: 110px;
}

.nav-switcher {
    margin-right: 0px !important;
}

    .nav-switcher > li > a {
        padding: 5px 0 !important;
        font-size: 28px;
        line-height: 32px;
        margin: -1px 4px -6px 0;
        background-color: white !important;
        text-align: center;
        color: #ddd !important;
        width: 50px;
        height: 30px;
    }

        .nav-switcher > li > a.active, .nav-switcher > li > a:hover {
            /*xbackground-color: #33B5E5 !important;
			xcolor: #fff !important;*/
            color: #000 !important;
        }

.navbar-fixed-top, .navbar-fixed-bottom {
    z-index: 990;
}

.navbar-menu {
    height: 40px;
    z-index: 999;
    background-color: #fff;
}

    .navbar-menu .navbar-inner, .navbar-menu .navbar-inner .container, .navbar-menu .navbar-inner .container .row, .navbar-menu .navbar-inner .container .row .span12 {
        height: 40px;
    }


.popover-wrapper form {
    z-index: 1000;
}


.nav-admin > li {
    /*min-width: 50px;*/
    text-align: left;
}

.nav-secondary button + .nav-secondary button {
    margin-left: 4px;
}


.nav-secondary {
    line-height: 30px;
    position: relative;
}

a.brand {
    text-transform: uppercase;
}

.navbar-account {
    border: none;
    box-shadow: none;
    padding: 10px 0;
}

.navbar-secondary {
    margin-top: 40px;
}


.navbar-primary {
    border: none;
    box-shadow: none;
    padding: 10px 0;
    background-color: #fff;
}

.navbar-footer {
    border: none;
    box-shadow: none;
    padding: 10px 0;
    height: 20px;
    background-color: #fff;
}


.navbar-primary-business {
    font-size: 28px;
    margin-top: 10px;
    color: #000;
    font-weight: normal;
    font-family: 'Arial';
    text-shadow: 1px 2px 2px #fff;
}

/*
==================================================================
	MAIN NAVIGATION END
*/

/*
	MODALS
================================================================== 
==================================================================
*/

.modal.fade {
    -webkit-transition: opacity 0.05s linear;
    -moz-transition: opacity 0.05s linear;
    -ms-transition: opacity 0.05s linear;
    -o-transition: opacity 0.05s linear;
    transition: opacity 0.05s linear;
}

.invoices-export-modal-window {
    width: 820px;
    margin-left: -400px;
}

/*�adne inputy z addonami*/
.modal-body .add-on + input[type=text] {
    width: 179px;
}

/*
==================================================================
	MODALS END
*/

/*
	ADDRESSES
================================================================== 
==================================================================
*/

.address-deliverytoken {
    width: 4px;
    display: inline;
    float: left;
    height: 19px;
    margin-top: 2px;
    margin-right: 1px;
}

th.deliverytokens, td.deliverytokens {
    width: 35px;
}

.address-deliverytoken.address-deliverytoken-ok {
    background-color: #99CC00;
}

.address-deliverytoken.address-deliverytoken-nodelivery {
    background-color: #ddd;
}

.chleby-address {
    position: relative;
    float: none;
    margin-left: 15px;
    display: inline-block;
}

    .chleby-address table {
        margin: -1px;
        background-color: #fff;
    }

.chleby-address-note {
    font-size: 10px;
    font-style: italic;
    height: 50px;
}


.address-add {
    padding-top: 150px;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
    line-height: 48px;
    min-height: 273px;
}

    .address-add:hover {
        text-decoration: none;
    }

    .address-add i {
        font-size: 96px;
    }

.chleby-contact {
    position: relative;
    float: none;
    margin-left: 15px;
    display: inline-block;
}

    .chleby-contact table {
        margin: -1px;
        background-color: #fff;
    }

.contact-add {
    padding-top: 150px;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
    line-height: 48px;
    min-height: 273px;
}

    .contact-add:hover {
        text-decoration: none;
    }

    .contact-add i {
        font-size: 96px;
        line-height: normal;
    }

/*
==================================================================
	ADDRESSES END
*/

/*
	ITEMS
================================================================== 
==================================================================
*/


.itemgroup-caption {
    border-bottom: 3px solid;
}

.item-name {
    cursor: pointer;
    width: 250px;
}

.item-name-separate {
    cursor: pointer;
    width: 210px;
}

.item-name-actions-separate {
    cursor: pointer;
    width: 150px;
}

.item-expand-toggle {
    margin-left: 5px;
}

.item-actions {
    width: 82px;
    text-align: center;
    margin: 0px !important;
    padding: 0px !important;
    overflow: hidden;
    white-space: nowrap;
}


.chleby-item-info {
    font-style: italic;
    font-size: 12px;
    line-height: 14px;
    /*margin:10px 0;*/
}

.chleby-attributes {
    font-size: 12px;
    width: 100%;
}

    .chleby-attributes td {
        padding: 0px 2px;
        border: 0px;
    }

.attribute-name {
    width: 100px;
    color: #33B5E5;
    vertical-align: top !important;
}

.chleby-atributes td.right {
    width: 50px;
    font-weight: bold;
}

.item-group-font {
    color: #6f6f6f;
}

.item-group caption {
}

.item-group .item-name {
    padding-left: 0px;
}

.item-name:hover {
    color: #33B5E5;
}

.chleby-live, .chleby-not-live {
    width: 14px !important;
    display: inline-block;
    text-align: center;
}

.chleby-live, .chleby-not-admin-hidden {
    color: #99CC00;
}

.chleby-maybe-live {
    color: #FFBB33;
}



.chleby-not-live, .chleby-admin-hidden {
    color: #FF4444;
}



.updown-arrows {
    float: left;
    width: 20px;
    font-size: 14px;
}

    .updown-arrows .downarrow {
        margin-top: -5px;
    }

.total .totals-text {
    position: relative;
    width: 0px;
    height: 0px;
    overflow: visible;
}

    .total .totals-text * {
        position: absolute;
        right: -110%;
    }
/*
==================================================================
	ITEMS END
*/


/*
	PRICES
================================================================== 
==================================================================
*/

.input-price-container {
    margin: 2px 10px 2px -5px;
}

td.price, th.price {
    width: 60px !important;
}

.input-price {
    width: 40px;
}

.prices-filter {
    float: left;
    padding: 6px 5px 4px 5px;
}

/*
==================================================================
	PRICES END
*/

/*
	ROUND
================================================================== 
==================================================================
*/

.table tr.sort-disabled, .table tr.sort-disabled td {
}

tbody.sortable tr {
    cursor: ns-resize;
}

/*
	ROUND
================================================================== 
==================================================================
*/



.input-mini {
    width: 33px;
}

.input-mini-h {
    height: 15px !important;
    font-size: 14px !important;
    border-radius: 0 !important;
    line-height: 12px !important;
    padding: 0 !important;
    margin-top: -3px !important;
}

.input-simpledate {
    width: 120px;
}

/* ORDERS
================================================================== 
==================================================================
*/

.highlight-edit {
    box-shadow: 0px 0px 5px #33B5E5 !important;
}

.no-highlight-edit {
    box-shadow: none !important;
}

legend.shopping-cart {
    line-height: normal !important;
}

.shopping-cart-actions {
    padding: 10px;
}

tr.errors {
    background-color: red;
}

.order-existingInCart {
    background-color: #d9edf7 !important;
    color: #000 !important;
}

.order-existingInCartAndProduction {
    background-color: #8C001A !important;
    color: #fff !important;
}

.order-nextweek {
    background-color: #000 !important;
    color: #fff !important;
}

    .order-nextweek[disabled] {
        background-color: #eeeeee !important;
        color: #000 !important;
    }



span.black {
    background-color: #000;
    color: #fff;
    font-weight: bold;
}

.order-minimum-order {
    font-size: 10px;
    line-height: 10px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.order-delivery {
    float: right;
    text-align: right;
    padding: 10px 0px;
}

.orderoverride-note {
    margin-left: 31px;
    padding: 10px 0px;
}

    .orderoverride-note textarea {
        height: 60px;
        width: 100%;
    }






#newItemRow {
    position: absolute;
    top: 150px;
    border-top: none;
}

#orderTable {
    margin-top: 150px;
}

#newItemRow td {
    border-top: none;
}

.deadline-box {
    position: fixed;
    pointer-events: none;
    top: 80px;
    left: unset;
    z-index: 11;
    margin-left: 0;
    background-color: #fff;
    font-size: 14px;
    width: 100%;
}

.fixedDivUnderDeadline-box {
    position: -webkit-sticky;
    position: sticky;
    top: 8em;
    background-color: #fff;
    z-index: 10;
}

/*
==================================================================
	ORDERS END
*/

/*
	INVOICES
================================================================== 
==================================================================
*/
.invoice-notes {
    padding: 6px;
    width: 980px;
    resize: none;
}

.invoice-notes-button {
    width: 974px;
}

.invoice-week {
    width: 80px;
    height: 80px;
    float: left;
    font-size: 8pt;
    margin-left: 12px;
    margin-bottom: 12px;
    background-color: #fff;
    border: 1px solid #ddd;
    text-align: center;
    text-decoration: none;
    color: #000;
    padding: 0px;
    padding-top: 0px;
}

    .invoice-week:hover {
        text-decoration: none;
        color: #000;
        background-color: #f9f9f9;
    }

    .invoice-week:first-of-type {
        margin-left: 0px;
    }

.invoice-week-number {
    font-size: 24pt;
    font-weight: bold;
    margin: 3px;
}

.invoice-unpublished-number {
    color: #FF4444;
    line-height: 8pt;
}

/*
	TRADERINVOICES
================================================================== 
==================================================================
*/
td.success.success-paid {
    color: black;
    font-weight: bold;
}

td.success.success-pending {
    color: green;
    font-weight: bold;
}

td.alert.success-overdue {
    color: red;
    font-weight: bold;
}


td.alert.success-due {
    color: #333;
    font-weight: bold;
}


/*
	APPADMIN
================================================================== 
*/

.bug-10 {
    background-color: #fcbdbd;
}

.bug-20 {
    background-color: #e3b7eb;
}

.bug-30 {
    background-color: #ffcd85;
}

.bug-40 {
    background-color: #fff494;
}

.bug-50 {
    background-color: #c2dfff;
}

.bug-80 {
    background-color: #d2f5b0;
}

.bug-90 {
    background-color: #c9ccc4;
}

.bugnote-header {
    font-style: italic;
    text-decoration: underline;
    cursor: pointer;
}

/*------------------------------------*\
	$TOOLTIPS
\*------------------------------------*/

#powerTip {
    position: absolute;
    display: none;
    z-index: 2147483647;
    max-width: 500px;
    white-space: pre-wrap;
}

    #powerTip a {
        color: #33B5E5;
    }

        #powerTip a.btn {
            color: #fff;
        }

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 999999;
}

.inside-tooltip {
    color: #fff;
}

.powertip-small {
    margin-top: 5px;
    font-size: 8pt;
    line-height: 9pt;
}

.permTab_tab.active a {
    background-color: #33b5e5;
    color: white;
}

    .permTab_tab.active a:hover {
        background-color: #87ceeb;
        color: white;
    }

/*------------------------------------*\
	$PRINT STYLES
\*------------------------------------*/

@media print {
    #launcher {
        display: none !important;
    }

    .select2-measure-scrollbar {
        display: none;
    }

    .select2 {
        display: none;
    }

    body, a, select, input, i {
        color: #000 !important; /*black prints faster*/
    }

    .navbar, .noprint, .btn, .updown-arrows, .batch-checkbox-container, .batch-actions, .atlwdg-trigger {
        display: none !important;
    }

    .printonly {
        display: initial;
    }

    .printonly-col {
        display: table-cell;
    }

    td .chleby-collapse {
        overflow: visible;
        white-space: normal;
        position: relative;
        word-wrap: normal; /*ie ie ie */
        width: 100%;
    }




    input, select {
        border-width: thin; /* required for "border-style:none" to work */
        border: none 0px !important;
        border-width: 0px !important;
        color: #000;
        outline: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }


    body {
        padding-top: 0 !important;
    }
}

.popup-edit {
    display: none;
}

.important-select {
    border: 2px solid #F7B50B;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    background-color: yellow;
}

/* QB SETTINGS ITEM ASSISTANT
*/


#tab-overview .number {
    text-align: right;
    font-weight: normal;
}

#tab-overview .heading {
    text-align: left;
    font-weight: bold;
}

#tab-overview table {
    margin-left: 30%;
    width: 40%;
    margin-right: 30%;
}

    #tab-overview table td {
        border: 1px solid #ddd;
        width: 33%;
        padding: .5em;
    }

    #tab-overview table .sub td:first-child {
        padding: .5em;
        padding-left: 2em;
    }

    #tab-overview table tr:first-child td:first-child {
        border-style: none;
    }

.assistant table td {
    vertical-align: middle;
}

    .assistant table td > * {
        width: 100%;
    }

.assistant td {
    line-height: 1cm;
}

.assistant button {
    margin-right: 2em;
}

.assistant .ok {
    background-color: #9ed59e;
}

.assistant .unpaired {
    background-color: #FFEB9D;
}

.assistant .mismatched {
    background-color: #ff9999;
}

.assistant .head-row {
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

    .assistant .head-row:hover {
        background-color: #80a1de;
    }

.assistant td {
    width: 33%;
}

.assistant tbody.collapsed {
    display: none;
}


select {
    color: grey;
}

option {
    color: black;
}

    option[default] {
        display: none;
    }

/*-------------------------------
COLORING TABLE CELLS
-------------------------------*/
.table tbody tr > td.success {
    background-color: #dff0d8 !important;
}



.table tbody tr > td.warning {
    background-color: #fcf8e3 !important;
}

.table tbody tr > td.info {
    background-color: #d9edf7 !important;
}

.table tbody tr > td.error {
    background-color: #f2dede !important;
}

.table-hover tbody tr:hover > td.success {
    background-color: #d0e9c6 !important;
}

.table-hover tbody tr:hover > td.error {
    background-color: #ebcccc !important;
}

.table-hover tbody tr:hover > td.warning {
    background-color: #faf2cc !important;
}

.table-hover tbody tr:hover > td.info {
    background-color: #c4e3f3 !important;
}

.settingsTable th {
    color: black;
}


/*-------------------------------
Inputs
-------------------------------*/
input[type="number"] {
    -moz-appearance: textfield;
}

/*Removes input spinners*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/*-------------------------------
Pairing Items & Customers QBO
-------------------------------*/

span.hoverUnderline:hover {
    cursor: pointer;
    text-decoration: underline;
}


/*-------------------------------
Payments
-------------------------------*/
.table-striped-custom > tbody > tr:nth-child(2n+1) > td, .table-striped-custom > tbody > tr:nth-child(2n+1) > th {
    background-color: #FFFFCC;
}

.table-striped-custom > tbody > tr:nth-child(2n) > td, .table-striped-custom > tbody > tr:nth-child(2n) > th {
    background-color: #CCFFCC;
}

.controls.payments {
    margin-top: 0.3em;
}

.overpaymentLabel {
    margin-left: 2em;
    margin-right: 2em;
    margin-top: 2em;
}

    .overpaymentLabel > input {
        margin-right: 1.5em;
        margin-bottom: 0.4em;
    }

.input-medium-currency {
    width: 122px;
}

.unpairedItemsDiv {
    border: solid thin;
}

.unpairedItemsFooter {
    margin: 0px 0px 0px 0px;
    border-bottom: thin solid;
    padding-top: 10px;
    padding-bottom: 10px;
}

.unpairedItemsHeader * {
    margin-left: 1.5em;
}

ul {
    list-style-type: none;
}

li {
    padding: 1px;
}

input[type="radio"], input[type="checkbox"] {
    margin: 0 0 0 0;
}

.noMargin {
    margin: 0 0 0 0;
}

i.icon-remove:hover {
    color: red;
    cursor: pointer;
}

select.ng-invalid {
    border: 1px solid red;
}


.blue {
    color: #3a87ad;
}

.bg-blue {
    background-color: #c4ecfa;
}

.bg-red {
    background-color: #efb8b8;
}


.yellow {
    background-color: #fcf8e3 !important;
}

input.changed {
    border-color: blue;
}

input.ng-invalid {
    border-color: red !important;
}


/* Common */

/*Table*/

.tbl-td-number {
    text-align: right !important;
}

.tbl-string {
    text-align: left !important;
}



/*Secondary Nav*/
.header-btn {
    min-width: 80px !important;
    margin-left: 8px;
}



/*Common*/
.text-center {
    text-align: center;
}

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

.checkbox {
    cursor: pointer;
}

    .checkbox input[type="checkbox"] {
        margin-top: 4px;
    }

.text-title-case {
    text-transform: capitalize !important;
}

.img-warning {
    background-image: url('../Images/warningSign.png');
    width: 32px;
    height: 34px;
    background-size: 40px;
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 5px;
    display: inline-block;
}


.i-question {
    margin-left: 8px;
    top: 0px;
    cursor: pointer;
    text-decoration: none;
}

.input-number {
    text-align: right !important;
}

.cross-out {
    text-decoration: line-through !important;
}

[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

.ng-hide.ng-hide-animate {
    display: none !important;
}


input[type="text"]:disabled.order-existingInCart {
    background-color: #eeeeee !important;
    color: initial !important;
}

input[type="text"]:disabled.order-existingInCartAndProduction {
    background-color: #eeeeee !important;
    color: initial !important;
}

.img-delivery {
    background-image: url('../Images/truck.png');
    width: 24px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 8px;
}

.img-pickup {
    background-image: url('../Images/box.png');
    width: 24px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 8px;
    background-size: 20px 20px;
}

.modal-icon-delivery {
    width: 24px;
    min-height: 10px;
}

.modal-link-delivery {
    display: block;
    margin-bottom: 12px;
    cursor: pointer;
}

.modal-link-delivery-order {
    display: block;
    margin: 6px 0;
    cursor: pointer;
}

.modal-link-delivery i {
    font-size: 20px;
}

.img-split {
    background-image: url(../Images/split.png);
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 0;
    display: inline-block;
    cursor: pointer;
}

/*ag-grid*/

/*.ag-theme-bootstrap .ag-column-select-panel .ag-column-select-column-group, .ag-theme-bootstrap .ag-column-select-panel .ag-column-select-column {
    clear: both !important;
}

.ag-theme-bootstrap .ag-root {
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
}

.ag-theme-bootstrap .ag-header {
    border-bottom: 1px solid #ddd !important;
}

.ag-theme-bootstrap .ag-header-cell-label .ag-header-cell-text {
    color: #0088cc !important;
}

.ag-theme-bootstrap .ag-row {
    border-bottom: 1px solid #ddd !important;
   
}


.ag-floating-filter-body input {
    border: none !important;
    border: 1px solid #ddd !important;
    box-shadow: none !important;
    border-radius: 4px !important;
    padding: 0 4px !important;
    font-size: 12px !important;
}


.ag-theme-bootstrap .ag-floating-filter-button {
    margin-top: 4px !important;
}

.grid-number  .ag-header-cell-label {
   
    justify-content: flex-end !important;
}

.grid-number  .ag-header-cell-label .ag-header-cell-text {
    margin-right: 10px !important;
}

.ag-cell {

    padding-right: 34px !important;
}

.ag-header-cell-label .ag-icon.ag-icon-filter {
    margin-right:10px !important;
}
.ag-theme-bootstrap .ag-floating-filter-button{
    margin-right:4px;
}

.ag-column-select-label{
    width:80% !important;
}


.ag-filter-filter::-webkit-input-placeholder { /* Chrome/Opera/Safari 
    color: #59b459 !important;
}

.ag-filter-filter::-moz-placeholder { /* Firefox 19+ 
    color: #59b459 !important;
}

.ag-filter-filter:-ms-input-placeholder { /* IE 10+ 
    color: #59b459 !important;
}

.ag-filter-filter :-moz-placeholder { /* Firefox 18-
    color: #59b459 !important;
}

*/

.ag-side-buttons {
    display: block;
}


/* Custom CSS for Popover and Tooltip on Address */
.popoverAddress {
    margin-left: -130px;
    width: 250px !important;
}

.tooltipAddress {
    margin-left: -80px;
}


.audit-emailDisabled {
    color: #ababab;
}

.w150 {
    width: 150px
}

.ag-theme-blue .ag-tool-panel-wrapper .ag-filter-panel {
    color: #222 !important;
}


.content-footer {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 5px;
    /* margin-left: -24px; */
    text-align: center;
}

@media only screen and (max-width: 820px) {

    .login-container-div.container {
        width: auto !important;
    }

    .login-container-div [class*="span"] {
        float: none;
    }

    .login-container-div .offset4 {
        margin-left: 0;
    }

    .login-container-div .span4 {
        width: 100%;
    }

    #loginDiv > div > div {
        width: 60%;
        margin: 0 auto !important;
    }

    .login-container-div .content-footer {
        /* width: 90%; */
        left: 0;
        bottom: 5px;
        margin-left: 0;
        right: 0;
        text-align: center;
        line-height: 3.5vh;
    }

        .login-container-div .content-footer span {
            display: block;
        }
}

@media only screen and (max-width: 767px) {

    .container {
        width: auto !important;
    }

    [class*="span"] {
        /* float: none; */
    }

    .offset4 {
        margin-left: 0;
    }

    .span4 {
        /* width: 100%; */
    }

    #loginDiv > div > div {
        width: 60%;
        margin: 0 auto !important;
    }

    .content-footer {
        /* width: 90%; */
        left: 0;
        bottom: 5px;
        margin-left: 0;
        right: 0;
        text-align: center;
        line-height: 3.5vh;
    }

        .content-footer span {
            display: block;
        }
}




.nav-shortcut {
    margin-right: -12px !important
}



@media only screen and (max-width: 600px) {

    .container {
        width: auto !important;
    }

    .row {
        margin-left: 0;
    }

    [class*="span"] {
        float: none;
        margin-left: 0;
    }


    .offset4, .offset3 {
        margin-left: 0;
    }

    .span4, .span10, .span6, .span12, .span3, .span1, .span2 {
        width: auto;
        padding: 2px 12px !important;
    }

    .navbar-inner .span4,
    .navbar-inner .span10,
    .navbar-inner .span6,
    .navbar-inner .span12 {
        padding: 0 !important;
    }

    #loginDiv > div > div {
        width: 80%;
        margin: 0 auto !important;
    }

    .content-footer {
        /* width: 90%; */
        left: 0;
        bottom: 5px;
        margin-left: 0;
        right: 0;
        text-align: center;
        line-height: 3.5vh;
    }

        .content-footer span {
            display: block;
        }

    .mobileView tr {
        display: block;
        padding: 2px;
        border-bottom: 1px solid #ccc;
    }

    .mobileView th, .mobileView td {
        padding: 2px;
    }

        .mobileView td.actions {
            display: inline;
        }

    .mobileView th, .mobileView td {
        display: block;
        border: none;
        width: 92%;
    }

        .mobileView th div, .mobileView td div,
        .mobileView th span, .mobileView td span {
            word-wrap: break-word !important;
        }

    .mobileView .hide-mobile {
        display: none;
    }

    .container-mobile-view.row {
        margin: 0 !important;
        padding: 8px;
    }

        .container-mobile-view.row th {
            display: none;
        }


    .mobileView td .chleby-collapse {
        position: unset;
    }

    .mobileView-hover tbody tr:hover td,
    .mobileView-hover tbody tr:hover th {
        background-color: unset;
    }

    .mobileView-hover tbody tr:hover {
        background-color: #ffffa6;
    }

    .mobileView th.actions {
        display: none;
    }

    .mobileView th, .mobileView td {
        z-index: 1 !important;
    }

        .mobileView th.sticky-header {
            position: unset;
        }


    .navbar-menu .navbar-inner .container .row .span12 {
        height: 40px;
        width: 100%;
    }

    .navbar .nav.pull-right {
        /* margin-right: 50px !important; */
    }

    .nav-shortcut {
        /* margin-right: 30px !important; */
    }

    .mobileView .span3 {
        width: auto;
    }

    .mobileView [class*="span"] {
        float: none;
    }

    .mobileView td .pull-right {
        float: none;
    }

    .hide-on-mobile {
        display: none !important;
    }

    .navbar-fixed-top.navbar-secondary {
        position: unset;
        margin-top: -40px;
    }

        .navbar-fixed-top.navbar-secondary .span12 {
            width: 100%;
        }

        .navbar-fixed-top.navbar-secondary .pull-right {
            float: none;
        }

    .handwalk-actions, .btn-subtle.btn-manual, .has-popover-manual {
        display: none;
    }

    .header {
        margin: 0 !important;
    }

    .navbar-inner {
        padding: 8px !important;
    }
}




/*menu*/
.sidebar-menu-icon {
    color: #fff;
    cursor: pointer;
}

.sidenav-menu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 30px;
    padding-bottom: 50px;
    border-right: 1px solid rgba(1,1,1,0.2);
}

    .sidenav-menu a {
        padding: 2px 0;
        text-decoration: none;
        display: block;
        transition: 0.3s;
    }

        .sidenav-menu a.top-menu {
            color: #333;
            font-weight: 300;
            font-size: 16px;
        }

        .sidenav-menu a.nolink {
            color: #333;
        }


    .sidenav-menu .closebtn {
        position: absolute;
        top: 4px;
        right: 4px;
        font-size: 36px;
        margin-left: 50px;
    }

.menu-block {
    margin: 0;
    margin-left: 4px;
}

    .menu-block li {
        margin-left: 16px;
    }

    .menu-block:first-child > li {
        margin-left: 0;
    }

@media screen and (max-height: 450px) {
    .sidenav-menu {
        padding-top: 15px;
    }
}


.desktop-flag .cm-flag img {
    height: 16px !important;
}


.mobile-body #button-container #help-button {
    height: 30px !important;
    line-height: 30px !important;
    font-size: 16px !important;
    border-radius: 8px !important;
}

    .mobile-body #button-container #help-button.text > .help-button-contents {
        padding: 0 4px;
    }

    .mobile-body #button-container #help-button.text {
        font-size: 16px !important;
    }

.dropdown-menu li.menu-customer:hover {
    position: relative;
}

.dropdown-menu li .dropdown-menu-main .dropdown-sub-menu-list
{
    display: none;
    visibility: hidden;
}

.dropdown-menu li:hover .dropdown-menu-main .dropdown-sub-menu-list.sub-menu-search,
.dropdown-menu li:hover .dropdown-menu-main .dropdown-sub-menu-list.sub-menu-customer,
.dropdown-menu li:hover .dropdown-menu-main .dropdown-sub-menu-list.sub-menu-customer-addresses {
    display: block;
    visibility: visible;
}

.dropdown-menu li:hover .dropdown-menu-main {
    display: block;
}

.dropdown-menu-main {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 200px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    z-index: 1000;
    border-radius: 4px;
    top: 100%;
    left: 17%;
    border: 1px solid #ddd;
    min-width: 410px;
    /* element .style; */

}

.dropdown-menu li:hover .dropdown-menu-main .dropdown-sub-menu-list.sub-menu-customer-addresses {
    position: fixed;
    background-color: white;
    min-width: 200px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    z-index: 1002;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.dropdown-sub-menu-list .menu-option {
    padding: 0px 0;
    border-bottom: 1px solid #e0e0e0;
    line-height: 20px;
    font-size: 14px;
}

    .dropdown-sub-menu-list .menu-option:hover {
        background-color: #65b265;
        color: #fff !important;
    }

    .dropdown-sub-menu-list .menu-option > a {
        padding: 5px 20px;
        display: block;
        clear: both;
        font-weight: normal;
        line-height: 20px;
        color: #333333;
        white-space: nowrap;
    }

    .dropdown-sub-menu-list .menu-option:hover > a {
        color: #fff !important;
    }

    .dropdown-sub-menu-list .menu-option > a:hover {
        text-decoration: none;
    }