#header {
    height: 100px;
    background: #52AD2D;
}

.topnav_right_container {position: relative;}
.user_link {color: #fff; position: absolute; bottom: 3px; right: 190px;}
.logo_parent {
    margin-top: 10px;
    float: left;
    padding-right: 15px;
}

    .logo_parent .logo img {
        max-height: 80px;
    }

.subheader {
    background: #fff;
}

#content {
    display: block;
    position: relative;
    min-height: 100%;
    width: 100%;
}

.sidebar {
    min-height: calc(100vh - 70px);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #303A45;
    padding: 0;
}

.main {
    position: relative;
    float: right;
    padding-top: 25px;
}


.mainlist > li span {
    padding: 15px 15px 5px;
    display: inline-block;
}

.mainlist .title {
    color: #fff;
    font-weight: bold;
}

.sublist {
    padding-left: 0;
}

    .sublist a {
        color: #547488;
        font-size: 16px;
        padding: 10px 15px 10px 25px;
        display: block;
        border-bottom: 1px solid #262626;
    }

.mainlist > li .sublist a span.glyphicon {
    padding: 5px 15px 5px 0;
}

.sublist a:hover, .sublist a:active, .sublist a:focus {
    text-decoration: none;
    background: #52AD2D;
    color: #fff;
}

.table_container {
    margin-top: 20px;
}

.table-responsive {
    clear: both;
}

.table > thead > tr > th {
    position: relative;
    /*border: 1px solid #808080 !important;*/
    border: 1px solid lightgrey !important;
    border-bottom: none;
    padding: 10px 4px;
    vertical-align: middle;
    width: 7.65138%;
}

    .table > thead > tr > th .normal {
        font-weight: normal;
    }

.table > tbody > tr > td {
    /*border: 1px solid #808080;*/
    border: 1px solid lightgrey;
    padding: 10px 4px;
    vertical-align: middle;
}

.table.v-top > tbody > tr > td, .table.v-top > thead > tr > th {
    vertical-align: top;
}

.glyphicon.glyphicon-triangle-bottom, .glyphicon.glyphicon-triangle-top {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    cursor: pointer;
}

.table.v-top > tbody > tr > td.bg_grey, .table.v-top > thead > tr > th.bg_grey {
    background: #C4C4C4;
}

.table.v-top > tbody > tr > td.bg_blue, .table.v-top > thead > tr > th.bg_blue {
    background: #C9DAF8;
}

.table.v-top > tbody > tr > td.bg_red, .table.v-top > thead > tr > th.bg_red {
    background: #D5A6BD;
}

.pagination {
    margin: 0 0 15px;
}

    .pagination > li > a, .pagination > li > span {
        line-height: 1;
        padding: 0 12px;
    }

.pagination_block .pagination > li > a,
.pagination_block .pagination > li > span,
.pagination_block .pagination > li:last-child > a,
.pagination_block .pagination > li:last-child > span {
    border-left: 1px solid #808080;
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-radius: 0;
}

.pagination_block .pagination > li:first-child > a,
.pagination_block .pagination > li:first-child > span {
    border: none;
    border-radius: 0;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background: none;
    color: #23527c;
}

a.table_link {
    color: #333;
}

.add-price-btn, .edit-price-btn, .delete-price-btn {
    max-width: 180px;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.add-price-btn {
    margin-right: 9px;
    margin-bottom: 25px;
}

.bootstrap-tagsinput {
    margin-bottom: 15px;
}

.main .nav-tabs > li {
    margin-bottom: -2px;
}

    .main .nav-tabs > li a {
        color: #555;
    }

.tab-pane {
    border: 1px solid #ddd;
    padding: 25px 0 5px;
    margin-bottom: 25px;
}

.panel .panel-body {
    padding-bottom: 0;
}

.tab-content .panel .panel-body {padding-bottom: 15px;}
.tab-content .panel .panel-body .form-group.input_large {margin-bottom: 0; padding-bottom: 0;}
#name_list {margin-top: 10px;}

    .panel .panel-body .form-group {
        margin-bottom: 15px;
    }

        .panel .panel-body .form-group label {
            padding-top: 6px;
            font-weight: normal;
        }

    .panel .panel-body table.table > tbody > tr > td {
        border: none;
        padding: 8px;
    }

.field-validation-error {
    color: #ff0000;
}

.pl0 {
    padding-left: 0px;
}

.pl-10 {
    padding-left: 10px !important;
}

.white-color {
    color: #d9edd1;
}

.brown-color {
    color: #714c39;
}

.search-container #inputSearch {
    padding: 6px 10px;
    margin-top: 8px;
    /*background: #ddd;
    border: 1px solid #303A45;*/
    cursor: pointer;
}

.search-container input[type=text] {
    padding: 6px;
    margin-top: 8px;
    font-size: 17px;
    /*border: 1px solid #303A45;*/
}

label.daterangelabel {
    margin-top: 14px;
    text-align: right;
    padding: 0;
}

.form-control.datepicker  {height: 34px;}
#BtnFilterSalesOrders {margin-top: 8px;}

/*.search-container #inputSearch:hover {
    background: #ccc;
}*/

.orders-page-header {margin-top: 18px;}
.orders-page-header .col-xxs-12 {padding-right: 0;}

@media screen and (max-width: 1151px) {
    .stripe-section .title {font-size: 32px;}
    .user_link {
        bottom: -25px;
        right: 25px;
    }
    .logo_parent .logo img {
        max-height: 60px;
    }
}

@media (max-width: 991px) {
    .orders-page-header .col-xxs-12 {padding-right: 15px;}
    .orders-page-header .filter-item {margin-bottom: 20px;}
}

@media screen and (max-width: 600px) {
    .search-container {
        float: none;
    }

    .search-container input[type=text], .search-container #inputSearch {
        float: none;
        display: block;
        text-align: left;
        width: 100%;
        margin: 0;
        padding: 14px;
    }

    .search-container input[type=text] {
        border: 1px solid #ccc;
    }
}

@media (max-width: 767px) {
    #header .title {
        float: left;
        display: block;
        margin-bottom: 0;
    }
    .menu-toggle-wrapper {margin-top: 35px; padding-left: 10px; float: left;}
    .menu-toggle-btn {background: transparent; outline: none; border: none; box-shadow: none; color: #d9edd1; font-size: 23px;}
    .sidebar {left: -100%; z-index: 999; transition: 0.5s ease left;}
    .sidebar.active {left: 0;}
    .table-responsive {border: none;}
    .add_file_area {margin: 8px 0;}
    .user-link-xs-wrapper .user_link {bottom: -20px;}
    label.daterangelabel {text-align: left; padding: 0 15px;}
    .search-container input[type=text], .search-container #inputSearch {margin-top: 8px; padding: 6px;}
}

@media (max-width: 567px) {
    .col-xxs-12 {width: 100%;}
}

@media (max-width: 540px) {
    #header .title {
        font-size: 23px;
        margin-top: 29px;
    }
}

@media (max-width: 430px) {
    #header .title {
        font-size: 15px;
        margin-top: 35px;
    }
}

.outPopUp {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -150px;
}

.notBold {
    font-weight: normal;
}

.tableBorderNormal{
    border: none !important;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.select2-container {
    min-width: 240px;
}