.estimate-room-params-container {}

.estimate-room-params-container .main-data {}

.estimate-room-params-container .main-data:after {
    display: block;
    clear: both;
    content: '';
}

.estimate-room-params {}

.estimate-room-params .main-info {
    margin-bottom: 20px;
}

.estimate-room-params .door-list {
    width: 610px;
    float: left;
}

.estimate-room-params .window-list {
    width: 610px;
    float: right;
}


.estimate-result {}

.estimate-result .estimate-main-info {
    margin-bottom: 20px;
}

.estimate-result .work-list {
    margin-bottom: 20px;
}

.estimate-update {
    border-radius: 3px;
}

.estitmate-paymen {
    float: left;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #E0F0F3;
    border-bottom: 2px solid #D1E8ED;
    padding: 13px 8px 8px 13px;
    margin: 16px 6px 0px 6px;
    max-width: 260px;
}

.estimate-update .main-info {
    margin-bottom: 20px;
}
.estimate-work-list-selector { }
.estimate-work-list-selector:after {
    display: block;
    content: '';
    clear: both;
}
.estimate-work-list-selector .work-category-type-list-container {
    height: 48px;
    margin-bottom: 20px;
	background: #fff;
	border:1px solid #9ACFB7;
    list-style: none;
}
.estimate-work-list-selector .work-category-type-list.float {
    position: fixed;
    top: 0;
    width: 1180px;
}
.estimate-work-list-selector .work-category-type-list {
    padding: 0 10px;
    border-radius: 4px;
}
.estimate-work-list-selector .work-category-list-container {
    float: left;
    width: 250px;
}
.estimate-work-list-selector .work-category-list {}

.estimate-work-list-selector .work-category-list.float {
    position: fixed;
    top: 68px;
    width: 250px;
}

.estimate-work-list-selector .work-list-container {
    margin-left: 270px;
}

.estimate-work-list-selector .work-category {
    margin: 0 -10px;
    display: none;
    padding: 5px 10px;
}

.estimate-work-list-selector .work-category.active {
	color:#9ACFB7;
}

.estimate-work-list-selector .work-category.visible {
    display: block;
    cursor: pointer;
	font-size: 13px;
}

.estimate-work-list-selector .work {
    display: none;
}

.estimate-work-list-selector .work.visible {
    display: block;
}

.estimate-work-list-selector .work-price {}

.estimate-work-list-selector .work-price-editor,
.room-param-list .room-size-editor {
    display: none;
}

.estimate-work-list-selector .work-price-editor-confirm,
.room-param-list .room-size-editor-confirm{
    display: none;
}

.estimate-work-list-selector .work-price-value,
.room-param-list .room-size-value
{
    border: 1px solid #9ACFB7;
    padding: 2px;
    width: 40px;
    background: #F4F4F4;
    cursor: pointer;    
}

.adverts {
    margin-top: 1px;
}

.copir {
    float: right;
	width:100px;
}

.more {
    margin: 10px 5px;
}

.more > a {
    padding: 5px 5px;
    border: double #1d9791 thin;
    color: #fff;
    background-color: #1caf9a;
    font-size: 11px;
}

.more > a:hover {
    padding: 5px 5px;
    border: double #119380 thin;
    background-color: #17a08c;
    text-decoration: none;
}

.cardexecutive {
    display: block;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #E0F0F3;
    border-bottom: 2px solid #D1E8ED;
    padding: 13px 8px 8px 13px;
    margin: 0px 6px 0px 6px;
    cursor: pointer;
    min-height: 80px;
    max-width: 265px;
    float: right;
}

.cardexecutive .pro {
    width: 37px;
    height: 37px;
    position: relative;
    background: url(../images/icon_pro_mini.png);
    right: -10px;
    top: -15px;
    float: right;
}

.cardexecutive .name {
    float: right;
    width: 160px;
    height: 50px;
}

.cardexecutive .name a {
    font-weight: bold;
    text-transform: uppercase;
    color: #17a08c;
}

.cardexecutive .verif {
    clear: both;
    color: #0E9948;
    font-size: 11px;
    font-weight: bold;
    background: url(../images/verif_micro.png) left center no-repeat;
    padding: 3px 0 3px 20px;
    margin-top: 6px;
}

.cardexecutive img {
    max-width: 45px;
    max-height: 45px;
    border-radius: 3px;
    float: left;
}

.cardexecutive .text {
    clear: both;
    font-size: 11px;
    padding-top: 8px;
}

.estimate-teams {}

.estimate-teams:after {
    display: block;
    clear: both;
    content: '';
}

.estimate-teams .estimate-team {
    display: block;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #E0F0F3;
    border-bottom: 2px solid #D1E8ED;
    padding: 13px 8px 8px 13px;
    min-height: 80px;
    margin-bottom: 20px;
}

.estimate-teams .estimate-team:after {
    display: block;
    clear: both;
    content: '';
}

.estimate-teams .estimate-team-logo {
    float: left;
    width: 150px;
}

.estimate-teams .estimate-team-logo img {
    width: 120px;
    height: 120px;
}

.estimate-teams .estimate-team-main {
    margin-right: 150px;
}


/* Я исполнитель */

.estimate-team-update {}

.estimate-team-update:after {
    display: block;
    content: "";
    clear: both;
}

.estimate-team-update .team-custom-info {
    float: left;
    width: 200px;
}

.estimate-team-update .team-avatar {
    border: 1px solid #ddd;
    background: #fff;
    padding: 4px;
    margin: 0 0 20px 0;
    text-align: center;
}

.estimate-team-update .team-avatar img {
    vertical-align: bottom;
    max-width: 190px;
}

.estimate-team-update .team-name {
    color: #333;
    font-size: 32px;
    line-height: 40px;
    padding: 0 0 5px 0;
}

.estimate-team-update .team-location .fa {
    padding: 0 10px 0 0;
    line-height: 21px;
}

.estimate-team-update .team-phones {
    padding: 0 0 10px 0;
}

.estimate-team-update .team-phones .fa {
    padding: 0 10px 0 0;
    line-height: 21px;
}

.estimate-team-update .team-content {
    margin-left: 200px;
    padding: 0 0 0 20px;
}

.estimate-team-update .team-custom-info-header {
    color: #333;
    margin: 0 0 5px 0;
}

.estimate-team-update .team-description {
    margin: 0 0 20px 0;
}


.estimate-team-update .social-link {}

.estimate-team-update .social-link .fa {
    line-height: 21px;
    padding: 0 10px 0 0;
}

.estimate-team-update .team-address {
    margin: 0 0 5px 0;
}

/* Профиль исполнителя */

.estimate-team {}

.estimate-team:after {
    display: block;
    content: "";
    clear: both;
}

.estimate-team .team-custom-info {
    float: left;
    width: 200px;
}

.estimate-team .team-avatar {
    border: 1px solid #ddd;
    background: #fff;
    padding: 4px;
    margin: 0 0 20px 0;
    text-align: center;
}

.estimate-team .team-avatar img {
    vertical-align: bottom;
    max-width: 190px;
}

.estimate-team .team-name {
    color: #333;
    font-size: 32px;
    line-height: 40px;
    padding: 0 0 5px 0;
}

.estimate-team .team-location .fa {
    padding: 0 10px 0 0;
    line-height: 21px;
}

.estimate-team .team-phones {
    padding: 0 0 10px 0;
}

.estimate-team .team-phones .fa {
    padding: 0 10px 0 0;
    line-height: 21px;
}

.estimate-team .team-content {
    margin-left: 200px;
    padding: 0 0 0 20px;
}

.estimate-team .team-custom-info-header {
    color: #333;
    margin: 0 0 5px 0;
}

.estimate-team .team-description {
    margin: 0 0 20px 0;
}

.estimate-team .team-address {
    margin: 0 0 5px 0;
}

.estimate-team .team-nav-tabs {
    overflow: hidden;
    margin-bottom: 20px;
}

.estimate-team .portfolio-tab,
.estimate-team .prices-tab,
.estimate-team .photos-tab{
    float: left;
    width: calc(100% / 3);
}

.estimate-team .portfolio-tab a,
.estimate-team .prices-tab a,
.estimate-team .photos-tab a{
    display: block;
    background: #d8dbde;
    color: #636e7b;
    text-align: center;
    padding: 14px 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

.estimate-team .portfolio-tab a {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.estimate-team .prices-tab a {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.estimate-team .photos-tab a {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.estimate-team .portfolio-tab.active a,
.estimate-team .prices-tab.active a,
.estimate-team .photos-tab.active a {
    background: #fcfcfc;
}

.estimate-team .portfolio-tab { }

.estimate-team .prices-tab { }

.estimate-team .photos-tab { }

.estimate-team .portfolio-tab-content,
.estimate-team .prices-tab-content,
.estimate-team .photos-tab-content {
    background: #fcfcfc;
    padding: 20px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.team-update-photo{
    /*width: 300px;*/
    float: left;
    padding:20px;
}
.team-update-content{
    display: inline-block;
    width: calc(100% - 300px);
}

/* Портфолио исполнителя */

.team-portfolio { }

/* Общие классы */

.estimate-tabs {
    background: #d8dbde;
    border-radius: 3px 3px 0 0;
    padding: 0 10px;
}

.estimate-tabs:after {
    clear: both;
    display: block;
    content: '';
}

.estimate-tabs .estimate-tab {
    float: left;
}

.estimate-tabs .estimate-tab a,
.estimate-tabs .estimate-tab span {
    display: block;
    padding: 14px 20px;
    color: rgb(85, 85, 85);
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

.estimate-tabs .estimate-tab.active a,
.estimate-tabs .estimate-tab.active span {
    background-color: rgb(252, 252, 252);
    color: rgb(85, 85, 85);
}

.estimate-tab-content {
    background-color: rgb(252, 252, 252);
    padding: 15px;
    border-radius: 0 0 3px 3px;
}

.estimate-price-list-editor {}

.estimate-price-list-editor .price {
    border-bottom: 1px solid #eee;
    padding: 5px 0 5px 0;
}

.estimate-price-list-editor .price .work-name {
    display: inline-block;
    width: 500px;
}

/*****/

.estimate-price-list {
    margin-bottom: 20px;
    overflow: hidden;
}

.estimate-price-list .type-list-container {
    margin-bottom: 20px;
}

.estimate-price-list .type-list {
    background: #d8dbde;
    padding: 0 10px;
    border-radius: 4px;
    overflow: hidden;
}

.estimate-price-list .type-item {
    float: left;
}

.estimate-price-list .type-item a {
    display: block;
    padding: 14px 20px;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;    
}

.estimate-price-list .type-item.active a {
    display: block;
    background-color: #fff;
}

.estimate-price-list .price-list-main {
    display: block;
    content: '';
    clear: both;
}

.estimate-price-list .category-list-container {
    float: left;
    width: 250px;
}

.estimate-price-list .category-list {
    border-radius: 3px;
    background: #fcfcfc;
    padding: 10px 0;
}

.estimate-price-list .category-item {}

.estimate-price-list .category-item a {
    display: block;
    line-height: 21px;
    color: #636e7b;
    padding: 5px 10px;
    text-decoration: none;
}

.estimate-price-list .category-item.active a {
    background: #d8dbde;
}

.estimate-price-list .work-list-container {
    margin-left: 270px;
}

.estimate-price-list .work-list {
    border-radius: 3px;
    background: #fcfcfc;
}

.estimate-price-list .work-item {
    padding: 5px;
    border-bottom: #d8dbde 1px solid;
}

.estimate-price-list .work-item .price {
    float: right;
   /*  width: 90px;*/
}

.estimate-team-price-list .type-item.has-item-list a {
/*    text-decoration: underline;*/
}

.estimate-team-price-list .category-item.has-item-list a {
    color: #0a0;
}

.estimate-price-list .tooltip.left > span {
    left: 0px;
}

.estimate-price-list .tooltip.left:after {
    left: 3.1em;
}

#estimate-share {
    padding: 20px 0 0 0;
}

.estimate-save-form {
    display: block;
    margin: 0 -5px;
}

.estimate-save-form.with-number { }

.estimate-save-form:after {
    display: block;
    clear: both;
    content: '';
}


.portfolio-tab-my{
    float: left;
    margin: 10px;
    padding: 10px;
    border: 1px solid #17a08c;
    font-size: 14px;
    color: #17a08c;
	cursor:pointer;
}

.portfolio-tabs-my{
    display: inline-block;
}

.portfolio-tabs-my > .active{
    color: #fff;
    background-color: #17a08c;
}

.portfolio-tab-my:not(.active):hover {
    color: #333;
    text-decoration: none;
    background: #f9f9f9;
}

.portfolio-list-photo > .portfolio-item-photo {
    display: inline-block;
    text-align:center;
}
.portfolio-item-photo {
    width: calc((100% - 30px) / 5);
}

.portfolio-item-photo img{
    width: 90%;
    height: auto;
    display: block;
}

.nav-tabs .item {
    float: left;
}
.nav-tabs .item.active a {
    color: #9ACFB7;
}
.nav-tabs .item a {
    display: inline-block;
    padding: 12px 20px;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
}
.nav-tabs .right {
    float: right;
	margin-top:-18px;
}
.panel {
	background: #fff;
	border:1px solid #9ACFB7;
}
.panel-content {
    padding: 10px;
}
.work-group {
    /* float: left; */
    padding: 5px 0px 2px 0px;
}
.work-group span input{
	border: 1px solid #9ACFB7;
	text-align:center;
	padding:2px;
	width:40px;
	background: #F4F4F4;
}
.work-help {
        float: left;
    /* width: 14px; */
    height: 6px;
    padding: 2px 8px 0px 2px;
}
.work-help img {
    float: left;
    width: 20px;
    height: 20px;
}
.work-info {
    display: inline-block; /* Строчно-блочный элемент */
    position: relative; /* Относительное позиционирование */
   }
.work-info:hover::after {
    content: attr(data-title); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    left: 20%; top: 30%; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: #fff; /* Полупрозрачный цвет фона */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 11px; /* Размер текста подсказки */
    padding: 5px; /* Поля */
    border:  solid #17a08c; /* Параметры рамки */
	width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    /* ширина подсказки может быть не более содержимого */
    max-width: 800px;
    /* ширина подсказки может быть не более 20em */
    max-height: 65px;
    /* необязательное ограничение по высоте подсказки, 1vh — это 1% от ширины окна */
   }