.pointer{
    cursor: pointer;
}
.inline{
    display: inline;
}
.input-sm{
    padding: 5px 10px !important;
}
.padding-15{
    padding: 15px;
}
.font-normal{
    font-weight: normal !important;
}
.breadcrumb li.active{
    font-weight: bold;
}
.ibox dd{
    padding: 5px 0;
}
.ibox dt{
    padding: 5px 0;
}
.width-60{
    width: 60px !important;
}
.width-80{
    width: 80px !important;
}
.ui-autocomplete{
    max-height: 300px; 
    overflow-y: scroll; 
    overflow-x: hidden;
}
.table-condensed td{
    padding: 5px !important;
}
.table-hover td{
    cursor: pointer;
}
.form-group-none-margin .form-group {
    margin-bottom: 0;
}



.contract-search button{
    margin-left: 15px;
}
.contract-search button[aria-expanded="true"]:after{
    content: '\f106';
    font-family: FontAwesome;
}
.contract-search button[aria-expanded="false"]:after{
    content: '\f107';
    font-family: FontAwesome;
}
.contract-search label{
    font-weight: normal;
}
.contract-search .collapse{
    float: left;
    width: 100%;
}
.contract-search .form-group .small-padding{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.contract-search .form-group .small-addon{
    padding: 0 0 0 3px;
    border: 0;
}
.contract-search .form-group .small-addon input{
    width: 60px !important;
}



.contract-gridview tr{
    cursor: pointer;
}



.contract-tariff-fl-form .form-group .small-addon {
    padding: 0 0 0 3px;
    border: 0;
}
.contract-tariff-fl-form .form-group .small-addon input {
    width: 60px !important;
}
.contract-tariff-fl-form .errors{
    padding: 15px;
}
.contract-tariff-fl-form .compares-block{
    margin: 20px 0;
    padding: 10px;
}



.contract-change-goods-form .caption{
    padding: 5px 0;
    text-transform: uppercase;
}
.contract-change-goods-form .width-price{
    width: 80px;
}
.contract-change-goods-form .table-good-group th, 
.contract-change-goods-form .table-good-group td{
    padding: 4px 10px;
    line-height: 2;
}
.contract-change-goods-form .table-good-group th b{
    text-transform: uppercase;
}
.contract-change-goods-form .errors{
    padding: 20px;
}
.contract-change-goods-form .small-addon {
    padding: 0 0 0 3px;
    border: 0;
}
.modal-change-goods-add .title{
    padding-bottom: 10px;
    font-weight: bold;
}
.ui-autocomplete{
    z-index: 10000;
}


.autocomplete-suggestions{
    border-top: 1px solid #ccc !important;
    width: auto !important;
}

/*** Создание и обновление договоров ***/

.select-item-from-list {
    background: #eee;
}

.select-item-from-list:hover {
    background: #ccc;
}

.select-item-from-list a {
    display: block;
}

.select-item-from-list a:hover {
    text-decoration: underline;
}

.change-user-address {
    margin-top: 23px;
}

.contract-update-response {
    margin-top: 20px;
    text-align: center;
    font-size: 24px;
}

.title-edit-contract {
    display: inline-block;
    font-size: 10pt;
    text-decoration: underline;
    margin-left: 20px;
}

/***  ***/

.top-search-contract {
    position: relative;
    float: left;
    min-width: 85%;
}

.top-search-contract .wait {
    visibility: hidden;
    font-size: 8pt;
}

.top-search-contract .navbar-form-custom {
    float: left;
    width: 100%;
    height: 50px;
    padding: 0;
    display: inline-table;
}

.top-search-contract .navbar-form-custom .form-control {
    padding-left: 0;
}

.contracts-list {
    position: absolute;
    top: 50px;
    left: 20px;
    width: 100%;
    z-index: 999;
}

.contracts-list ul li {
    background: #f3f3f4;
}

.extended-search {
    position: relative;
    z-index: 1;
    padding: 0 0 10px 20px;
}

.ext-search-form {
    display: none;
    margin-top: 20px;
}

.view-operation-details {
    cursor: pointer;
}

.invoice-modal {
    width: 1100px;
}

.first-row-in-report-table {
    background-color: #dff0d8 !important;
}

.last-row-in-report-table {
    background-color: #d9edf7 !important;
}

.contacts-table td {
    cursor: pointer;
}

.gray-bg .navbar-header {
    float: none;
}

.gray-bg .navbar-header .table {
    margin-bottom: 0;
}

.top-navigation .navbar-header{
    float: left;
}

h2 a {
    text-decoration: underline !important;
}

.add-comment .wait {
    display: inline-block;
    margin-top: 10px;
}

.social-comment .media-body span {
    color: #333;
    font-size: 10pt;
}

.panel-title {
    font-size: 14px;
    font-weight: 600;
}

.lead-statuses-in-view {

}

.lead-statuses-in-view td {
    vertical-align: top;
    padding-right: 20px;
}

.lead-statuses-in-view .list-group {
    display: none;
    position: absolute;
    min-width: 150px;
    background-color: #fff;
}

.change-lead-status {
    text-decoration: underline;
}

.existing-contracts {
    position: relative;
}

.existing-contracts .table {
    margin-bottom: 0;
}

.existing-contracts .c-close {
    position: absolute;
    right: 0;
    top: 0;
    color: red;
}

.existing-contracts .table td {
    width: 50%;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.edit-employee {
    cursor: pointer;
}

.diag-content {
    padding: 10px 0;
}

.diag-full-view {
    font-size: 90%;
    font-weight: normal;
    text-decoration: underline;
}


.simple-header{
    padding-bottom: 20px;
}
.simple-top-bar{
    float: right;
    margin: 10px 0;
}
.simple-box{
    padding-top: 30px;
}
.simple-box .title{
    text-align: right;
    font-weight: bold;
}
@media (max-width: 479px) {
    .simple-box .title{
        text-align: left;
    }
}
@media (min-width: 480px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }
}
.simple-box h2{
    padding-bottom: 20px;
    /* border-bottom: 1px solid #e7eaec; */
}
.relative{
    position: relative !important;
}
.padding-bottom-80{
    padding-bottom: 80px !important;
}
#modalCommutator .port{
    margin-right: 10px;
    margin-bottom: 10px;
}

.problem-with-comments {
    font-weight: bold;
}

.comment-item {
    margin-bottom: 10px;
}

/*** Для страницы проблем ***/
.clickable {cursor: pointer;}
.problem-info     {width: 90px;  font-family: 'Open Sans';  font-size: 10px;  padding: 2px 5px;  text-shadow: none;  color: #fff;  border-radius: 5px;  background-color: #aaa;}
.problem-warning  {width: 90px;  font-family: 'Open Sans';  font-size: 10px;  padding: 2px 5px;  text-shadow: none;  color: #fff;  border-radius: 5px;  background-color: #69f;}
.problem-medium   {width: 90px;  font-family: 'Open Sans';  font-size: 10px;  padding: 2px 5px;  text-shadow: none;  color: #fff;  border-radius: 5px;  background-color: #cc0;}
.problem-high     {width: 90px;  font-family: 'Open Sans';  font-size: 10px;  padding: 2px 5px;  text-shadow: none;  color: #fff;  border-radius: 5px;  background-color: #e84;}
.problem-critical {width: 90px;  font-family: 'Open Sans';  font-size: 10px;  padding: 2px 5px;  text-shadow: none;  color: #fff;  border-radius: 5px;  background-color: #f44;}
.problem-solved   {width: 90px;  font-family: 'Open Sans';  font-size: 10px;  padding: 2px 5px;  text-shadow: none;  color: #fff;  border-radius: 5px;  background-color: #2d8;}
.problem-open:nth-child(2n)     td{background: #ffe0e0;}
.problem-open:nth-child(2n+1)   td{background: #ffe8e8;}
.problem-closed:nth-child(2n)   td{background: #e0ffe0;}
.problem-closed:nth-child(2n+1) td{background: #e8ffe8;}
.problem-stack-open    {border: solid 4px #c88; outline: solid 1px #fff;}
.problem-stack-close   {border: solid 4px #8c8; outline: solid 1px #fff;}

/*** Этот элемент прописан напрямую с странице, тут не хочет работать ***/
.problem-stack tr:{
    background: #fff !important;
    font-style: italic;
}

/*** Для устройств ***/

.device-model-row {
    cursor: pointer;
}

.device-cost-row, .device-subrent-cost-row {
    cursor: pointer;
}

.ud-registry-row {
    cursor: pointer;
}

.ud-history-row {
    cursor: pointer;
}

.user-device-registry-form {
    margin-top: 20px;
    margin-bottom: 20px;
}

.device-model-form {
    margin-top: 20px;
    margin-bottom: 20px;
}

/******/

.loyal-info-wrapper {
    max-height: 500px;
    overflow-y: auto;
}

@media only screen and (max-width: 1204px){
    .body-small {
        overflow-x: scroll;
    }

    #wrapper {
        overflow-x: scroll;
    }
}



.contract-view-panel .akk-block{
    margin-bottom: 5px;
    border: 1px solid transparent;
    border-color: #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.contract-view-panel .akk-header{
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    border-bottom: 0;
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.contract-view-panel .akk-header h4{
    margin: 0;
    cursor: pointer;
}
.contract-view-panel .akk-header h4:hover{
    text-decoration: underline;
}
.contract-view-panel .akk-body{
    border-top: 1px solid #ddd;
    padding: 15px;
}