/*******************************************/
/* FRAMEWORK */
/*******************************************/
body {
    padding-bottom: 70px;
}

h1 { font-size: 26px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }

#header {
    margin-top: 10px;
    margin-bottom: 10px;
}

.logo {
    cursor: pointer;
}


label {
    margin-top: 5px;
    margin-bottom: 5px;
}

#overlay {
    /*background-color: #cfcfcf;*/
    display: none;
    opacity: 0.8;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;

    white-space: nowrap;
    text-align: center;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

    #overlay img {
        vertical-align: middle;
        max-height: 60px;
        max-width: 60px;
    }


@media screen and (max-height: 768px) {
    #footer {
        display: none !important;
    }
    body {
        padding-bottom: 10px;
    }
    .navbar {
        margin-bottom: 10px;
    }
}

/*******************************************/
/* NAVBAR */
/*******************************************/
/* Fix for height in navigation in mobile view */
.navbar-collapse {
    max-height: inherit;
}

/* Background color of navigation bar */
.navbar-default {
    background-color: #dfeffc;
    border-color: #a6c9e2;
}

/* Color of hovering menu items */
.navbar-default .navbar-nav > .open > a,
.navbar-default a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #d0e5f5 !important;
}


/*******************************************/
/* GENERAL */
/*******************************************/
.border-top {
    border-top: 2px solid #F3F3EE;
}

.border-bottom-s {
    border-bottom: 1px solid #F3F3EE;
}

.border-bottom-m {
    border-bottom: 2px solid #F3F3EE;
}

.border-top-m {
    border-top: 2px solid #F3F3EE;
}

.small-message {
    padding: 0 10px;
    height: 14px;
    float: left;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 10px;
    font-weight: bolder;
}

.pointer {
    cursor: pointer;
}

.panel-heading a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: grey;
}

.panel-heading a.collapsed:after {
    content: "\e080";
}

.collapse.in {
    height: auto;  /* this style already exists in bootstrap.css */
    overflow: visible;  /* this one doesn't. Add it! */
}


/*******************************************/
/* NEWS */
/*******************************************/
.news-new {
    background-color: #40CE5E;
}

.news-customer-unique {
    background-color: #00C3FF;
}

.news-user-unique {
    background-color: #FFA100;
}



/*******************************************/
/* TABLE */
/*******************************************/
.ui-jqgrid .ui-th-left {
    text-align: left !important;
}

.ui-jqgrid .ui-th-center {
    /*text-align: center !important;*/
}

.ui-jqgrid .ui-th-right {
    /*text-align: right !important;*/
}

.ui-jqgrid .ui-pg-input {
    height: 18px;
}

.ui-jqdialog .searchFilter select,
.ui-jqdialog .searchFilter input {
    margin-left: 20px;
}

.ui-jqdialog .searchFilter {
    padding: 20px 0;
}



/*******************************************/
/* CUST_ORDER.NEW */
/*******************************************/
.selectize-control.articles .selectize-input > div .p_item_no {
	opacity: 0.8;
}
.selectize-control.articles .selectize-input > div .p_item_no + .p_description  {
	/*margin-left: 100px;*/
}
.selectize-control.articles .selectize-input > div .p_item_no:before {
	content: '';
}
.selectize-control.articles .selectize-input > div .p_item_no:after {
	content: '';
}
.selectize-dropdown.articles .selectize-dropdown-content .caption {
	display: block;
	opacity: 0.8;
}
.date-available {
    font-weight: bold;
}

/*******************************************/
/* CUST_ORDER.NEW */
/*******************************************/
#article_get_article_column_info {
    font-style: italic;
}



/*******************************************/
/* HELPERS */
/*******************************************/
.w-25{width: 25px;}
.w-50{width: 50px;}
.w-75{width: 75px;}
.w-100{width: 100px;}
.w-125{width: 125px;}
.w-150{width: 150px;}
.w-175{width: 175px;}
.w-200{width: 200px;}
.w-225{width: 225px;}
.w-250{width: 250px;}
.w-275{width: 275px;}
.w-300{width: 300px;}
.w-325{width: 325px;}
.w-350{width: 350px;}
.w-375{width: 375px;}
.w-400{width: 400px;}

.pn{padding: 0}
.ps{padding: 5px}
.pm{padding: 10px}
.pl{padding: 20px}
.mn{margin: 0}
.ms{margin: 5px}
.mm{margin: 10px}
.ml{margin: 20px}
.pts{padding-top:5px}
.ptm{padding-top:10px}
.ptl{padding-top:20px}
.prs{padding-right:5px}
.prm{padding-right:10px}
.prl{padding-right:20px}
.pbs{padding-bottom:5px}
.pbm{padding-bottom:10px}
.pbl{padding-bottom:20px}
.pls{padding-left:5px}
.plm{padding-left:10px}
.pll{padding-left:20px}
.mtxs{margin-top:2px}
.mts{margin-top:5px}
.mtm{margin-top:10px}
.mtl{margin-top:20px}
.mrxs{margin-right:2px}
.mrs{margin-right:5px}
.mrm{margin-right:10px}
.mrl{margin-right:20px}
.mbxs{margin-bottom:2px}
.mbs{margin-bottom:5px}
.mbm{margin-bottom:10px}
.mbl{margin-bottom:20px}
.mlxs{margin-left:2px}
.mls{margin-left:5px}
.mlm{margin-left:10px}
.mll{margin-left:20px}/* Spacing */
.bold{font-weight: bold;}
.nonbold{font-weight: normal;}
.font-24{font-size: 24px;}
.font-22{font-size: 22px;}
.font-20{font-size: 20px;}
.font-18{font-size: 18px;}
.font-16{font-size: 16px;}
.font-14{font-size: 14px;}
.font-12{font-size: 12px;}
.font-10{font-size: 10px;}
.white{color: #FFFFFF;}
.black{color:#000000;}
.seo-hide{text-indent: -9999px;}/* fonts */
.rounded-corners-3 {-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
.rounded-corners-5 {-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
.rounded-top-corners-3{-moz-border-radius-topright: 3px;-webkit-border-top-right-radius: 3px;-khtml-border-top-right-radius: 3px;border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-webkit-border-top-left-radius: 3px;-khtml-border-top-left-radius: 3px;border-top-left-radius: 3px;}
.rounded-top-corners-5{-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;-khtml-border-top-right-radius: 5px;border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;-khtml-border-top-left-radius: 5px;border-top-left-radius: 5px;}
.rounded-bottom-corners-3{-moz-border-radius-bottomright: 3px;-webkit-border-bottom-right-radius: 3px;-khtml-border-bottom-right-radius: 3px;border-bottom-right-radius: 3px;-moz-border-radius-bottomleft: 3px;-webkit-border-bottom-left-radius: 3px;-khtml-border-bottom-left-radius: 3px;border-bottom-left-radius: 3px;}
.rounded-bottom-corners-5{-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;-khtml-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;-khtml-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;} /* rounded corners */
ul.vertical-tabs{margin: 0;padding-left: 0;list-style: none;}
ul.vertical-tabs li{float: left;} /* vertical tabs */

label.checkbox input {
    margin-right: 10px;
}