html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}
.mainpart{
    background-color: #fff;
}
.navbar-inverse {
    background-color: #1e7a12;
    background-image: -webkit-linear-gradient(top,#1e7a12 0,#1e7a12 100%);
    background-image: -o-linear-gradient(top,#1e7a12 0,#1e7a12 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#1e7a12),to(#1e7a12));
    background-image: linear-gradient(to bottom,#1e7a12 0,#1e7a12 100%);
}
.navbar-inverse .navbar-nav>li>a {
    color: #ddd;
}
.navbar-inverse .navbar-brand{
    color: #ddd;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    max-width: 156px;

}

.navbar-brand u,.navbar-brand b {
    color:#222;
    background-color: #eee;
    font-style: normal;
    margin:0 !important;
    font-weight: bold;
    padding:4px 0;
    text-decoration: none;
}
.navbar-brand b { color:#008000}

.region {
    position: relative;
    float: left;
    height: 50px;
    padding: 15px 15px 15px 0;
    font-size: 14px;
    line-height: 20px;}
.region>a{
    color: white;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    max-width: 185px;
}
.region .caret{
    position:absolute;
    right:2px;
    top:22px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #1e7a12;
    color:#eee;
}

.containermain {
    padding: 60px 15px 0;
}

#map {
    left:0;right:0;top:50px;bottom:60px;position:absolute;width:100%;
    padding:0;
}



.footer p {
    line-height: 60px;
    padding: 0 16px;
    margin: 0;
    font-size: 14px;
    color:#ddd;
}

.navbar i {
    width: 1em;
    margin-right: 0.5em;
    text-align: center;
}

.mylist:nth-child(odd) {
    background-color: #f0f0f0
}

.mylist .btn{
    margin-top:16px;
}

.dotted {
    border-bottom: 1px dotted #444;
    margin-bottom:8px;
}

.dotted:last-child {
    border-bottom: none;
}

@media (max-width: 769px) {
    .tzag {
        font-weight: bold;
    }
}

/***
Dashboard container
***/

#dashboard {
    overflow: hidden;
}

/***
Dashboard stats
***/
.dashboard-stat {
    margin-bottom: 25px;
}

.portlet .dashboard-stat:last-child {
    margin-bottom: 0;
}

.dashboard-stat:before,
.dashboard-stat:after {
    display: table;
    line-height: 0;
    content: "";
}

.dashboard-stat:after {
    clear: both;
}

.dashboard-stat .visual {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 15px;
    margin-bottom: 10px;
}

.dashboard-stat .visual i {
    font-size: 65px;
    line-height: 65px;
    color: #fff;
}

.dashboard-stat .visual {
    font-size: 35px;
    line-height: 35px;
}
.dashboard-stat .visual-small{
    font-size:12px;
    line-height: 16px;
    color:white;
}
.dashboard-stat .visual-medium{
    font-size:18px;
    line-height: 24px;
    color:white;
}


@media (min-width: 992px) and (max-width: 1024px) {

    .dashboard-stat .visual i {
        font-size: 28px;
        line-height: 28px;
    }

}

.dashboard-stat .details {
    position: absolute;
    right: 15px;
    padding-right: 10px;
}

.dashboard-stat .details .number {
    padding-top: 15px;
    text-align: right;
    font-size: 34px;
    line-height: 34px;
    letter-spacing: -1px;
    margin-bottom: 5px;
    font-weight: 300;
    color: #fff;
}

.dashboard-stat .details .desc {
    text-align: right;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 300;
    color: #fff;
}

.dashboard-stat .more {
    clear: both;
    display: block;
    padding: 5px 10px 5px 10px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    color: #fff;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.dashboard-stat .more:hover {
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity=100);
}

.dashboard-stat .more > i {
    display: inline-block;
    margin-top: 1px;
    float: right;
}

.dashboard-stat.blue {
    background-color: #27a9e3;
}

.dashboard-stat.blue .more {
    background-color: #208dbe;
}

.dashboard-stat.gray {
    background-color: #ccc;
}

.dashboard-stat.gray .more {
    background-color: #aaa;
}

.dashboard-stat.red {
    background-color: #e7191b;
}

.dashboard-stat.red .more {
    background-color: #bc0d0e;
}

.dashboard-stat.yellow {
    background-color: #ffb848;
}

.dashboard-stat.yellow .more {
    background-color: #cb871b;
}

.dashboard-stat.purple {
    background-color: #852b99;
}

.dashboard-stat.purple .more {
    background-color: #6e1881;
}
.dashboard-stat.green {
    background-color: #28b779;
}

.dashboard-stat.green .more {
    background-color: #10a062;
}

/***
таблицы
***/

.td1bold tr>td:first-child{font-weight: bold;}
table td:last-child .btn {margin:0 0 4px 0;}
/***
Переписки
***/

.tgmes {
    background-color: #eeeeee;
    border-radius: 5px 5px 0 5px;
    padding: 8px 8px 16px 8px;
    position: relative;
    margin-bottom: 16px;
}
.tgmes::after {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    right: -8px;
    bottom: 0px;
    border-left: 4px solid #eeeeee;
    border-top: 4px solid #ffffff;
    border-bottom: 4px solid #eeeeee;
    border-right: 4px solid #ffffff;
}
.tgmes time{color: #222c;display:block; font-size:10px}

.tgmes2 {
    background-color: #1e7a12;
    color:#fff;
    border-radius: 5px 5px 5px 0;
    padding: 8px 8px 16px 8px;
    position: relative;
    margin-bottom: 16px;
}
.tgmes2::after {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    left: -8px;
    bottom: 0px;
    border-left: 4px solid #ffffff;
    border-top: 4px solid #ffffff;
    border-bottom: 4px solid #1e7a12;
    border-right: 4px solid #1e7a12;
}
.tgmes2 time{color: #ccc;display:block;font-size:10px;margin-bottom:-10px}

/***
подсказки
***/
#select_code_firm {
    background-color: #fff;
    width:70vw;
    max-width: 300px;
    min-height: 80px;
    position: absolute;
    top: 32px;
    display: none;
    border: 1px solid #ccc;
    z-index: 1000;
}

#select_code_firm ul {
    list-style: none;
    margin: 0;
    padding:0;
}

#select_code_firm ul li {
    margin: 0;
    padding: 8px;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
    font-size: 14px;
}

#select_code_firm ul li a {
    display: block;
    margin: 0;
    text-transform: uppercase;
}

@media screen and (max-height:420px) and (orientation:landscape) {
    .navbar-fixed-top{
        position: absolute;
    }
}

.price{white-space: nowrap;display:inline-block;}
.price .rub {font-weight:bold;margin-right:4px}
.price .kop {font-size:0.75em;vertical-align: super;border-bottom:1px solid #222;margin-left:4px}
.number-spinner {max-width:100px;margin:0 auto;}
.number-spinner input {text-align: center}

#personal_info_for_client p {padding:8px;border:1px solid #f0f0f0;border-radius:0px 4px 4px 4px;background-color: #fffcef}
.plashka a{display:block;border:1px solid #1e7a12;border-radius: 8px; padding: 8px;margin: 0 0 8px 0;color: #036524;background-color: #e7eedf;
}
.plashka2 a{display:block;border:1px solid #f17d00;border-radius: 8px; padding: 8px;margin: 0 0 8px 0;color: #af5800; background-color: #ffdd9a
}
.plashka3 a{display:block;border:1px solid #208dbe;border-radius: 8px; padding: 8px;margin: 0 0 8px 0;color: #1b435f; background-color: #d4f7ff
}

.plashka4 a{display:block;border:1px solid #888;border-radius: 8px; padding: 8px;margin: 0 0 8px 0;color: #444; background-color: #eee
}


.informer {
    color:#ddd;
    display:inline-block;
    height: 50px;
    padding: 15px 10px;
    font-size: 18px;
    line-height: 20px;
    position: relative;
}
.informer:hover{color:#fff}
.informer .badge{
    position:absolute;
    left:0px;
    top:8px
}
.badge-red {
    background-color: #b94a48;
}
a:hover .badge-red {
    background-color: #d81815;
}

td.day1{background-color: #036524;color:#fff}
td.day2{background-color: #cfeed0}

td.day1p{background-color: #216c90;color:#fff}
td.day1p a {color:#fff}
td.day2p{background-color: #b9e5ee
}

#dashboard a:hover{
    text-decoration: none !important;
}
#dashboard a:hover .more{
    opacity: 1;
}