/*
@reference "bootstrap.css";
*/

/* ----------------------------
        BASIC STYLES
------------------------------- */

/*Change your font here */
body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: url(../Images/mybg.png) #fff;
    direction: ltr;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

label {
    margin-bottom: 0;
}

#map {
    min-height: 700px;
}

#editor-map {
    min-height: 400px;
}

#claimsTree {
    overflow: auto;
    height: 400px;
}

.margin-left5 {
    margin-left: 5px;
}
/* ----------------------------
        LOGIN CONTROL
------------------------------- */
#logindisplay2 a.logout:link, #logindisplay2 a.logout:visited, #logindisplay2 a.logout:hover {
    color: #606060;
    text-decoration: underline;
}

#logindisplay2 #link {
    float: right;
}

/* ----------------------------
        ACTION-PANE
------------------------------- */
div.action-pane {
    margin-bottom: 5px;
    min-height: 35px;
}

/* ----------------------------
        FORMS
------------------------------- */

.field-validation-error {
    display: block;
    color: red;
}

.validation-summary-errors {
    color: #ff0000;
    font-weight: bold;
}

    .validation-summary-errors ul {
        list-style: none;
        padding-left: 0;
    }

        .validation-summary-errors ul li {
            margin-left: 0;
        }
/* CUSTOM DIALOGS */
div.facebox-scroll {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 600px; /* set to your required height */
}

#facebox .content ul#tr-list li {
    display: inline-block;
    margin: 0 1px;
    padding: 2px 4px;
    height: 35px;
    border-bottom: 1px dashed #d6d6d6;
    vertical-align: bottom;
}

#facebox .content ul#tr-list > li.even {
    background-color: #eef7dd;
}

#facebox .content ul#tr-list > li:nth-child(-n+4) {
    border: none;
    background-color: #d6d6d6;
    text-align: center;
    font-weight: bold;
}

#facebox .content ul#tr-list > li:nth-child(4n+1), #facebox .content ul#tr-list > li:nth-child(4n) {
    width: 70px;
}

#facebox .content ul#tr-list > li:nth-child(4n+2), #facebox .content ul#tr-list > li:nth-child(4n+3) {
    width: 140px;
}

#facebox .alert {
    margin: -5px 0px 5px;
    border-radius: 5px;
    padding: 20px;
}

/*REPORTS*/
div.report-building-container {
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
    white-space: nowrap;
}

.pointer {
    cursor: pointer;
}

/*-------------------------------------*/
ul.tree li {
    line-height: 2em;
}

    ul.tree li ul {
        margin-left: 1em;
    }

        ul.tree li ul li {
            line-height: normal;
        }

.center {
    text-align: center;
}

#pdf {
    width: 700px;
    height: 600px;
    border: 5px solid #7FBAD1;
}

img.eticket {
    position: relative;
    display: inline;
    float: left;
    margin: 0 5px 0 0;
}


#couriers h4 {
    margin-top: 0;
    padding-top: 1em;
    font-size: 14px;
}

.courier-drop-source {
    margin: 10px 0;
    padding-left: 4px;
    background: #3366CC;
    color: #fff;
    cursor: pointer;
}

tr.flow-row {
    cursor: pointer !important;
}

#selectedStat .progress {
    margin-bottom: 4px !important;
    height: 18px;
    margin-left: 2px;
    margin-right: 2px;
}

#selectedStat .progress-bar {
    color: #3366cc;
}

.chzn-container-single .chzn-search input {
    line-height: normal;
}

#facebox .modal-body {
    margin: -10px;
    padding: 10px 20px;
}

.dropdown-menu {
    font-size: 13px;
    top: auto;
    left: auto;
}

.dropdown-submenu {
    position: relative;
}

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

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #ffffff;
    }

.dropdown-menu > li > label {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
    cursor: pointer;
}

    .dropdown-menu > li > label:hover {
        background-color: #efefef;
    }

.dropdown-submenu > label:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 4px;
    margin-right: -10px;
}

.dropdown-submenu:hover > label:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none !important;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        /*left: -79%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;*/
    }

tr.group td {
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    background-color: #c9c9c9 !important;
}

form.form-condensed .form-group {
    margin-bottom: 5px;
}


/* Global Styles */
.page-header {
    margin: 10px 0;
    padding-bottom: 0;
}

#header {
    display: block;
    height: 49px;
    position: relative;
    margin: 0;
    padding: 0 13px 0 0;
    background-color: #474544;
    z-index: 1002;
}

    #header > div {
        display: inline-block;
        vertical-align: middle;
        height: 49px;
        float: left;
        white-space: nowrap;
    }

        #header > div.open {
            font-weight: 700;
        }

    #header .navbar-brand {
        color: #E4E4E4;
    }

#content {
    padding: 10px 14px;
    position: relative;
    left: 0;
}

footer {
    position: relative;
    bottom: 0;
    height: 45px;
    clear: both;
    padding: 6px 35px;
}

#main {
    display: block;
    margin-left: 220px;
    padding: 0;
    min-height: 500px;
}

#left-panel {
    position: absolute;
    top: 49px;
    left: 0;
    min-height: 800px;
    z-index: 1002;
}

aside {
    width: 220px;
}


aside {
    background: #3a3633;
    background: -webkit-gradient(linear,left top,right top,color-stop(93%,#3a3633),color-stop(100%,#2a2725));
    background: -webkit-linear-gradient(left,#3a3633 93%,#2a2725 100%);
    background: -webkit-gradient(linear,top left,top right,from(#3a3633),to(#2a2725));
    background: linear-gradient(to right,#3a3633 93%,#2a2725 100%);
    border-color: transparent;
}

.navbar-static-side ul li.active > a:before {
    content: "\f0d9";
    font-family: FontAwesome;
    display: block;
    height: 27px;
    line-height: normal;
    width: 27px;
    position: absolute;
    right: -21px;
    font-size: 20px;
    color: #eee;
    top: 8px;
}

.navbar-static-side ul li.active.open > a:before {
    content: none;
}

.navbar-static-side li > a {
    line-height: normal;
    font-size: 14px;
    padding: 10px 10px 10px 11px;
    color: #a8a8a8;
    display: block;
    font-weight: 400;
    text-decoration: none !important;
    position: relative;
}

.navbar-static-side ul {
    width: 100%;
    padding: 40px 28px 25px 0;
    padding: 0;
    margin: 0;
    font-size: 13px;
    list-style: none;
    position: relative;
}

.navbar-static-side > ul span.menu-item-parent {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.navbar-static-side > ul > li > a > i {
    margin-right: 15px;
    width: 10px;
    display: inline-block;
    text-align: center;
    position: relative;
}

.navbar-static-side ul b {
    float: right;
    font-size: 14px;
    margin-top: 1px;
}

.navbar-static-side > ul > li > a:hover,
.navbar-static-side > .open > a,
.navbar-static-side .navbar-nav > .open > a:hover,
.navbar-static-side .navbar-nav > .open > a:focus,
.navbar-static-side .navbar-nav > .open > a,
.navbar-static-side .navbar-nav > .active > a,
.navbar-static-side .navbar-nav > .active > a:hover,
.navbar-static-side .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #fff;
}

.navbar-static-side ul.nav-second-level {
    margin: 0;
    background: rgba(69,69,69,.6);
    padding: 7px 0;
}

    .navbar-static-side ul.nav-second-level li::before {
        content: "";
        display: block;
        position: absolute;
        width: 8px;
        left: 23px;
        margin-top: 18px;
        border-top: 1px solid #7A7A7A;
        z-index: 1;
    }

    .navbar-static-side ul.nav-second-level::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        left: 23px;
        top: 0;
        bottom: 0;
        border-left: 1px solid #7A7A7A;
    }

    .navbar-static-side ul.nav-second-level li a {
        color: #999999;
        padding-left: 42px;
        font-size: 14px;
        font-weight: 400;
        outline: 0;
    }

    .navbar-static-side ul.nav-second-level li.active.white a {
        background-color: rgba(99, 99, 99, .5);
    }

    .navbar-static-side ul.nav-second-level li a:hover {
        background-color: rgba(69,69,69,.8);
        color: #fff;
    }

    .navbar-static-side ul.nav-second-level li.active a,
    .navbar-static-side li.active a {
        background-color: transparent;
        color: #fff;
    }

.minifyme {
    border-bottom: 1px solid #302F2F;
    background: #454545;
    color: #A8A8A8;
    text-align: center;
    padding: 0;
    width: 36px;
    height: 28px;
    display: block;
    position: absolute;
    right: 0px;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    margin-top: 5px;
    font-size: 19px;
    -webkit-transition: all .1s linear 0s;
    transition: all .1s linear 0s;
}

    .minifyme:hover {
        background: #646464;
        color: #E4E4E4;
        width: 39px;
    }

.minified #left-panel {
    width: 45px;
}

.minified #main {
    margin-left: 45px;
}

.minified .minifyme {
    right: 0;
    color: #A8A8A8;
    position: relative;
    width: 100%;
    border-radius: 0;
    margin: 0;
    height: 34px;
    font-size: 23px;
}

    .minified .minifyme .fa:before {
        content: "\f0a9";
    }

.minified #left-panel,
.minified .navbar-static-side > ul > li {
    overflow: visible;
    width: 45px;
}

.minified .navbar-static-side > ul > ul {
    min-height: 40px !important;
    max-height: 180px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #ed1c24 !important;
}

.minified .navbar-static-side > ul > li, .minified nav > ul > li a {
    position: relative;
}

.minified .navbar-static-side ul > li > a {
    padding: 10px 11px;
    display: block;
}

.minified .navbar-static-side > ul > li > a .fa.fa-fw {
    display: block;
    width: auto;
    text-align: center;
    padding: 0;
}

.minified .navbar-static-side > ul > li > a > i {
    text-align: center;
    margin: 0;
    display: block;
}

.minified .navbar-static-side > ul > li.active > a::before {
    content: "\f0d9";
}

.minified .navbar-static-side ul ul li a {
    padding-left: 14px;
}

.minified .navbar-static-side ul ul li li a {
    padding-left: 25px;
}

.minified .navbar-static-side > ul ul li::before,
.minified .navbar-static-side > ul > li > ul::before {
    left: 12px;
}

.minified .navbar-static-side > ul > li > a .menu-item-parent,
.minified .navbar-static-side > ul > li > a > b {
    display: none;
}

.minified .navbar-static-side > ul > li > a > .menu-item-parent {
    display: none;
    position: absolute;
    left: 40px;
    width: 199px;
    height: 38px;
    line-height: 38px;
    background-color: #f5f5f5;
    color: #333;
    z-index: 3;
    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.2);
    box-shadow: 2px 1px 2px 0 rgba(0,0,0,.2);
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #D8D4D4;
    border-bottom: 1px solid #fff;
    padding-left: 12px;
    top: 18px;
}

.minified .navbar-static-side > ul > li > ul {
    display: none !important;
    position: absolute;
    left: 40px;
    width: 200px;
    z-index: 5;
    border: 1px solid #bfbfbf;
    min-height: 180px;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,.2);
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,.2);
    background: #3A3633;
    margin-top: 22px;
}

.minified .navbar-static-side ul > li > ul > li > ul {
    position: relative;
    left: 13px;
    border: 0;
    margin-left: -12px;
    width: 197px;
}

.minified .navbar-static-side > ul > li:hover > a > .menu-item-parent,
.minified .navbar-static-side > ul > li:hover > ul {
    display: block !important;
}

.minified .navbar-static-side > ul > li > ul > li {
    background-color: rgba(69,69,69,.9);
}

    .minified .navbar-static-side > ul > li > ul > li > ul > li {
        background-color: #484B50;
    }

.minified .navbar-static-side > ul > li {
    border-bottom: 1px solid #1A1817;
    border-top: 1px solid #525151;
}

    .minified .navbar-static-side > ul > li > ul::before {
        border-left: 0;
    }

.minified .navbar-static-side > ul ul li::before {
    border: 0;
}

.minified .navbar-static-side > ul > li > ul > li > a,
.minified .navbar-static-side > ul > li > ul > li > ul > li > a {
    padding-top: 7px;
    padding-bottom: 7px;
}

.minified .navbar-static-side > ul > li > ul > li > ul > li a {
    padding-top: 6px;
    padding-bottom: 6px;
}

.minified .navbar-static-side ul ul ul ul li a {
    padding-left: 45px;
}

.minified .navbar-static-side ul ul ul ul ul li a {
    padding-left: 62px;
}

.minified .navbar-static-side ul ul ul ul ul ul li a {
    padding-left: 82px;
}

.hidden-menu #left-panel {
    left: -220px;
    z-index: 1002;
}

.hidden-menu #main {
    margin-left: 10px;
}

.hidden-menu #left-panel:hover {
    left: 0;
}

.hidden-menu .minifyme, .minified #hide-menu {
    display: none;
}

#content, #left-panel {
    -webkit-transition: left .1s ease-out;
    transition: left .1s ease-out;
}

#main {
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
}

select#culture {
    height: 30px;
}

.btn-header.pull-right {
    margin-left: 8px;
}

.btn-header a > span {
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    height: 30px;
    display: inline-block;
}

.btn-header > :first-child > a {
    border-radius: 2px;
    cursor: default !important;
    display: inline-block;
    font-weight: 700;
    height: 30px;
    min-width: 30px;
    padding: 2px;
    text-align: center;
    text-decoration: none !important;
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -webkit-gradient(linear,top left,bottom left,from(#f8f8f8),to(#f1f1f1));
    /* ReSharper disable once InvalidValue */
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
    border: 1px solid #bfbfbf;
    color: #6D6A69;
    font-size: 17px;
    margin: 10px 0 0;
}

    .btn-header > :first-child > a:hover {
        border: 1px solid #bfbfbf;
        color: #222;
        -webkit-transition: all 0s;
        transition: all 0s;
        cursor: pointer;
        -webkit-box-shadow: inset 0 0 4px 1px rgba(0,0,0,.08);
        box-shadow: inset 0 0 4px 1px rgba(0,0,0,.08);
    }

    .btn-header > :first-child > a:active {
        background-color: #e8e8e8;
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#e8e8e8),color-stop(100%,#ededed));
        background-image: -webkit-linear-gradient(top,#e8e8e8 0,#ededed 100%);
        background-image: -webkit-gradient(linear,top left,bottom left,from(#e8e8e8),to(#ededed));
        background-image: linear-gradient(to bottom,#e8e8e8 0,#ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#ededed', GradientType=0);
        -webkit-box-shadow: inset 0 0 3px 1px rgba(0,0,0,.15);
        box-shadow: inset 0 0 3px 1px rgba(0,0,0,.15);
    }

a.button-filter {
    margin-top: 2px;
    line-height: 20px;
    height: 34px;
    font-size: 20px;
    padding-left: 10px;
    width: 40px;
}

.hidden-menu #hide-menu > :first-child > a {
    background-color: #e8e8e8;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#5a5a5a),color-stop(100%,#686868));
    background-image: -webkit-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);
    background-image: -webkit-gradient(linear,top left,bottom left,from(#5a5a5a),to(#686868));
    background-image: -webkit-linear-gradient(top,#5a5a5a 0,#686868 100%);
    background-image: linear-gradient(to bottom,#5a5a5a 0,#686868 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0);
    -webkit-box-shadow: inset 0 0 3px 1px rgba(0,0,0,.15);
    box-shadow: inset 0 0 3px 1px rgba(0,0,0,.15);
    color: #fff;
    border-color: #494949;
}

.login-info {
    display: block;
    font-size: 12px;
    height: 39px;
    text-decoration: none !important;
    color: #a8a8a8;
    margin-top: 12px;
}

    .login-info span {
        font-size: 14px;
        display: inline-block;
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
    }

        .login-info span + i {
            vertical-align: middle;
        }

.locale-selector {
    margin-left: 8px;
    padding-top: 10px;
    width: 90px;
}

@media (min-width:768px) and (max-width:880px) {
    #main {
        margin-left: 0;
    }

    #left-panel {
        left: -220px;
    }

    .no-content-padding {
        margin: 0 -14px !important;
    }

    .inbox-nav-bar.no-content-padding {
        margin-top: -10px !important;
    }

    .minified #left-panel {
        left: 0;
    }

    #hide-menu > :first-child > a, .btn-header a {
        margin-top: 5px !important;
        width: 40px !important;
        height: 39px !important;
        line-height: 38px !important;
    }

    #logo {
        margin-top: 10px;
    }

        #logo img {
            width: 127px;
        }

    .btn-header.transparent a {
        border: 0 !important;
        background: 0 0;
        margin-left: 0;
        width: 25px !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

        .btn-header.transparent a:hover {
            color: #a90329;
        }

    #hide-menu i {
        color: #6D6A69;
        font-size: 121%;
    }

    .hidden-menu #hide-menu i {
        color: #fff;
    }

    #hide-menu i::before {
        content: "\f0c9";
    }

    .hidden-menu #left-panel {
        left: 0;
    }

    .hidden-menu #main {
        position: relative;
        left: 210px;
    }

    .hidden-menu.fixed-ribbon #ribbon {
        left: 220px;
    }

    .fixed-ribbon #ribbon {
        left: 0;
    }

    .header-search > input[type=text] {
        margin-top: 9px;
    }
}

@media (max-width:767px) {
    .profile-pic > img {
        width: 100px;
    }

    .locale-selector {
        margin-left: 8px;
        padding-top: 5px;
        width: 90px;
    }

    select#culture {
        height: 39px;
        width: 100%;
    }

    #main {
        margin-left: 0;
    }

    #left-panel {
        left: -220px;
    }

    .show-stat-microcharts > div {
        margin-top: 0 !important;
        border-right: 0 !important;
    }

    .show-stat-buttons {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #content, #ribbon {
        padding-left: 5px;
        padding-right: 5px;
    }

    #header {
        padding-right: 5px;
    }

    .no-content-padding {
        margin: 0 -5px !important;
    }

    .inbox-nav-bar.no-content-padding {
        margin-top: -10px !important;
    }

    .minified #left-panel {
        left: 0;
    }

    .btn-header.transparent a {
        border: 0 !important;
        background: 0 0;
        margin-left: 0;
        width: 25px !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

        .btn-header.transparent a:hover {
            color: #a90329;
        }

    #hide-menu > :first-child > a, .btn-header a {
        margin-top: 5px !important;
        width: 40px !important;
        height: 39px !important;
        line-height: 38px !important;
    }

    #hide-menu > :first-child > a {
        width: 50px !important;
    }

    #logo {
        margin-top: 10px;
        display: none;
    }

        #logo img {
            width: 127px;
        }

    #hide-menu i {
        color: #6D6A69;
        font-size: 121%;
    }

    .hidden-menu #hide-menu i {
        color: #fff;
    }

    #hide-menu i::before {
        content: "\f0c9";
    }

    .hidden-menu #left-panel {
        left: 0;
    }

    .hidden-menu #main {
        position: relative;
        left: 210px;
    }

    .hidden-menu.fixed-ribbon #ribbon {
        left: 220px;
    }

    .fixed-ribbon #ribbon {
        left: 0;
    }

    .fixed-navigation #left-panel {
        position: absolute !important;
    }

    .fixed-ribbon #content {
        padding-top: 52px;
    }

    .header-search {
        display: none;
    }

    #search-mobile {
        display: block;
    }

    .search-mobile .header-search {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        height: 49px;
        background: #333;
        padding: 0 2px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        left: 0;
    }

        .search-mobile .header-search > input[type=text] {
            margin-top: 2px;
            height: 45px;
            border-color: #333;
            padding-right: 75px;
        }

        .search-mobile .header-search > button {
            height: 29px;
            line-height: 29px;
            background: #DDD;
            right: 44px;
        }

    .search-mobile #search-mobile {
        display: none;
    }

    .search-mobile #cancel-search-js {
        display: block;
    }

    #project-context {
        display: none;
    }
}


.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}


/* Buttons */

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

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

    .btn-primary.btn-outline:hover,
    .btn-success.btn-outline:hover,
    .btn-info.btn-outline:hover,
    .btn-warning.btn-outline:hover,
    .btn-danger.btn-outline:hover {
        color: #fff;
    }

/* Login Page */

.login-panel {
    margin-top: 25%;
}
/* DataTables Overrides */

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: transparent;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}


.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee !important;
}

.show-grid {
    margin: 15px 0;
}

/*.form-group label {
  font-weight: normal;
}*/

.table > thead > tr > th {
    vertical-align: top;
}

.table > tbody > tr > td {
    font-size: 0.9em;
}
/*@media (max-width:1396px) {*/
.table-responsive {
    overflow-x: auto;
    padding-right: 10px;
    min-height: 400px;
}

    .table-responsive.large-menu {
        padding-bottom: 2px;
        min-height: 670px;
    }
/*}*/

.tab-content > .tab-pane {
    padding-top: 10px;
}

.dataTables_filter input[type=text].has-value,
.form-control.has-value,
select.form-control + .chosen-container-multi.has-value .chosen-choices,
select.form-control + .chosen-container.chosen-container-single.has-value .chosen-single {
    border-color: #f0ad4e;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(240, 173, 78);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(240, 173, 78);
}

select.form-control + .chosen-container-multi .chosen-choices {
    padding: 4px !important;
}

.form-group > label.middle {
    vertical-align: middle;
    width: 155px;
    height: 34px;
    line-height: 34px;
}

[rel="tooltip"] {
    color: #333333;
    border-bottom: 1px dashed #333333;
}

    [rel="tooltip"]:hover {
        color: #333333;
        border-bottom: none;
        text-decoration: none;
    }

    [rel="tooltip"][data-ajax="true"],
    [rel="tooltip"][target] {
        color: #428bca;
        border-bottom: 1px dashed #428bca;
    }

        [rel="tooltip"][data-ajax="true"]:hover,
        [rel="tooltip"][target]:hover {
            color: #428bca;
            border-bottom: none;
            text-decoration: none;
        }

.glyphicon[rel="tooltip"] {
    text-decoration: none;
    border-bottom: none;
}

.well.well-filter {
    padding-bottom: 10px;
}

#left-filter {
    position: absolute;
    top: 75px;
    left: 10px;
    min-height: 660px;
    width: 270px;
    -webkit-transition: left .1s ease-out;
    transition: left .1s ease-out;
}

    #left-filter.sellorder {
        min-height: 600px;
    }

#left-filter-table {
    margin-left: 270px;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
}

#content.hide-filter #left-filter .filter-roll {
    display: none;
}

#content.hide-filter #left-filter {
    width: 62px;
    padding: 10px;
}

#content.hide-filter #left-filter-table {
    margin-left: 55px;
}

div#TownId_chosen {
    width: 50% !important;
}

.dropdown-menu.dropups {
    bottom: 100%;
    top: auto !important;
}

.dropdown-menu > li > div {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
    cursor: pointer;
}

ul.tickets-view {
    list-style: none;
    -webkit-padding-start: 10px;
    -webkit-padding-end: 20px;
    max-height: 300px;
}

ul > div.list-body {
}

li.list-row {
    list-style: none;
    display: -webkit-box;
    margin: 5px 10px 5px 10px;
    padding: 5px 10px 5px 10px;
}

    li.list-row.done {
        background-color: #5cb85c;
    }

    li.list-row.error {
        background-color: #d9534f;
    }

.glyphicon.eticket_allow {
    background: url("../Images/eticket.png") no-repeat;
    width: 15px;
    background-size: contain;
    height: 15px;
    top: 2px;
}

a.button.modalbox {
    background-color: burlywood;
    color: white;
    padding: 7px;
    border-radius: 5px;
    position: relative;
    top: 3px;
}

/* custom inclusion of right, left and below tabs */

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

    .tabs-below > .nav-tabs > li {
        margin-top: -1px;
        margin-bottom: 0;
    }

        .tabs-below > .nav-tabs > li > a {
            -webkit-border-radius: 0 0 4px 4px;
            -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
        }

            .tabs-below > .nav-tabs > li > a:hover,
            .tabs-below > .nav-tabs > li > a:focus {
                border-top-color: #ddd;
                border-bottom-color: transparent;
            }

    .tabs-below > .nav-tabs > .active > a,
    .tabs-below > .nav-tabs > .active > a:hover,
    .tabs-below > .nav-tabs > .active > a:focus {
        border-color: transparent #ddd #ddd #ddd;
    }

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

    .tabs-left > .nav-tabs > li > a,
    .tabs-right > .nav-tabs > li > a {
        min-width: 74px;
        margin-right: 0;
        margin-bottom: 3px;
    }

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

    .tabs-left > .nav-tabs > li > a {
        margin-right: -1px;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
    }

        .tabs-left > .nav-tabs > li > a:hover,
        .tabs-left > .nav-tabs > li > a:focus {
            border-color: #eeeeee #dddddd #eeeeee #eeeeee;
        }

    .tabs-left > .nav-tabs .active > a,
    .tabs-left > .nav-tabs .active > a:hover,
    .tabs-left > .nav-tabs .active > a:focus {
        border-color: #ddd transparent #ddd #ddd;
        *border-right-color: #ffffff;
    }

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

    .tabs-right > .nav-tabs > li > a {
        margin-left: -1px;
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
    }

        .tabs-right > .nav-tabs > li > a:hover,
        .tabs-right > .nav-tabs > li > a:focus {
            border-color: #eeeeee #eeeeee #eeeeee #dddddd;
        }

    .tabs-right > .nav-tabs .active > a,
    .tabs-right > .nav-tabs .active > a:hover,
    .tabs-right > .nav-tabs .active > a:focus {
        border-color: #ddd #ddd #ddd transparent;
        *border-left-color: #ffffff;
    }


#scroller {
    position: fixed;
    /** позиция кнопки scroll to top **/
    bottom: 20px;
    left: 60px;
    /** картинка кнопки наверх**/
    background: transparent url(../Images/to-top-button.png) no-repeat center;
    background-size: cover;
    width: 50px;
    height: 50px;
    cursor: pointer;
    /** скрываем кнопку в начале **/
    display: none;
    opacity: 0.4;
    z-index: 1003;
}

    #scroller:hover {
        opacity: 0.8;
    }

ul.srv_condition {
    list-style: none;
    display: inline-flex;
    padding-left: 0px;
    margin-top: 2px;
}

    ul.srv_condition > li {
        padding: 2px 10px;
        position: relative;
        margin-top: 6px;
        vertical-align: middle;
    }

.chosen-single .placeholder {
    color: #888888;
}

@media (max-width: 992px) {
    .max500 {
        display: inline-table;
        padding-top: 20px;
    }
}

@media (min-width: 992px) {
    .max500 {
        max-width: 500px;
    }
}

.properties {
    border: #adadad 1px solid;
    border-radius: 10px;
}

.mce-colorbutton-grid td > div {
    width: 16px;
    height: 16px;
}

.margin-left-10 {
    margin-left: 10px;
}

a#createActionTime {
    margin-top: 5px;
    height: 34px;
    width: 39px;
    padding-left: 9px;
    font-size: 20px;
    top: 0;
}


/* bootstrap tables activated elements*/

.table tbody tr.activated:hover td, .table tbody tr.activated:hover th {
    background-color: #9595fa !important;
}

.table tbody tr.activated td, .table tbody tr.activated th {
    background-color: #a5a5fa;
    color: white;
}


#content.hide-filter .form-group > button {
    margin-top: 5px;
}

#content.hide-filter a#add_sell_button {
    width: 100%;
    white-space: nowrap; /* Запрещаем перенос строк */
    overflow: hidden; /* Обрезаем все, что не помещается в область */
    text-overflow: ellipsis; /* Добавляем многоточие */
    margin-top: 5px;
}


/* Return rules */
ul.conditions {
    margin-bottom: auto;
}


    ul.conditions li {
        margin-right: 5px;
        line-height: 40px;
    }

    ul.conditions .button {
        line-height: 20px;
    }

    .margin-top-3 {
        margin-top: 3px;
    }

    .font_20_monospace_bold {
        font-family: monospace;
        font-weight: 700;
        font-size: 20px;
    }

    .padding_0 {
        padding: 0;
    }