@import url('https://fonts.googleapis.com/css2?family=Rowdies&display=swap');

.g-recaptcha                                                                              /*размер рекапчи*/
 {
   transform:scale(1);
   transform-origin:0 0;
   padding-top:10px;
  }

BODY
 {
   background: #edf2f9;
   padding:0;
   margin:0;
   min-width:904px;                                                                       /*минимальная ширина сайта - не дает съезжать елементам при уменьшении ширины страницы*/
   font-family: calibri;
   color: #656565;
  }

.theme
 {
    border: 3px solid white;
    width:20px;
    height:20px;
  }

.dark  {background-color:#DDCCA6;}
.light {background-color:#edf2f9;}

table
 {
   margin: 0px;
   padding:0px;
   border-spacing: 0px;
   empty-cells: hide;
  }

TD
 {
   text-align:center;
   line-height:0.75;
  }

  th {

  text-align: center;
  }

h1 span {color:#576778;}                                                                  /* заголовки */

span                                                                                      /* данный тег используем для обозначения названий полей input */
 {
  color: #576778;
  cursor:default;                                                                         /* запрет на выделение текста */

  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
  }

.td
 {
   padding: 2px ;
   text-align: center;
   background: rgb(226, 226, 226);
   transition: all 0.5s linear;
   empty-cells:show;
   border-collapse: collapse;
  }

A {text-decoration: none;}                                                                /* Убирает подчеркивание для ссылок */
A:visited {color: #2a5886;}
A:hover {color: #3871E0;}

H1
 {
   font: tahoma;
   font-family: "Open Sans",sans-serif;
   font-size: 20px;
   Padding : 10px;
   color:#34495E;
  }

/*********************************** Логотип ********************************************/

#logo
{
    font-family:"Rowdies" ;
    font-size: 30px;
    font-weight: 400;
    color:#3076e2;
    padding-bottom:12px;
}

#logo:hover
{
    color:#2865c0;
}

/**************************** Логотипы мессенджеров**************************************/

.mess_logo
{
   margin:0 7px;
   transition: 0.5s;
}

.mess_logo:hover
{
   transform:scale(1.2);
   transition: 0.5s;

}

/********************************** Поля ввода ******************************************/

input[type="text"],
input[type="password"],
textarea,
select
{
    /*background:white;*/
    border:1px solid #d8e2ef;
    border-radius: 0.25rem;
    color:#6884a5;
}

 input[type="text"]:focus,
 input[type="password"]:focus,
 textarea:focus,
 select:focus
{
    outline: 1px solid #c6daf7;
}

/***************************************************************************************** КНОПКИ ****************************************************************************************************/

/******************************* Кнопки-картинки ****************************************/
a.del_button
 {                                                                                        /*кнопка удаления проекта*/
   background: url(/img/interface/button/button_delete.png);
   display: block;                                                                        /* Рисунок как блочный элемент */
   width: 10px;                                                                           /* Ширина рисунка в пикселах */
   height: 10px;                                                                          /* Высота рисунка */
  }

a.del_button:hover
 {
   background: url(/img/interface/button/button_delete_hover.png);
  }

a.load_project                                                                            /*кнопка загрузки проекта*/
 {
   background: url(/img/interface/button/load_project.svg) no-repeat center;
   display: block;                                                                        /* Рисунок как блочный элемент */
   width: 37px;                                                                           /* Ширина рисунка в пикселах */
   height: 17px;                                                                          /* Высота рисунка */
  }

a.load_project:hover
 {
   background: url(/img/interface/button/load_project_hover.svg) no-repeat center;
  }

a.load_project_archive                                                                    /*кнопка загрузки архивной копии проекта*/
 {
   background: url(/img/interface/button/archive.svg);
   display: block;                                                                        /* Рисунок как блочный элемент */
   width: 16px;                                                                           /* Ширина рисунка в пикселах */
   height: 16px;                                                                          /* Высота рисунка */
  }

a.load_project_archive:hover
 {
   background: url(/img/interface/button/archive-fill.svg);
  }

.refreshButton
{
   vertical-align:middle;
  }

.refreshButton:hover
 {
   cursor:pointer;
  }

/******************************* Кнопки большие *****************************************/

.button
 {                                                                                        /*зеленая кнопка*/
   font-weight: 700;
   color: white!important;
   text-decoration: none;
   padding: .4em 1em calc(.4em + 3px);
   border-radius: 9px;
   border: 0;
   background: #3076e2;
   /*box-shadow: 0 -3px rgb(53,167,110) inset;*/
   transition: 0.2s;
   height:33px;
   cursor:pointer;
  }


.buttonDisabled
  {
   submit:disabled;
   font-weight: 700;
   color: white;
   text-decoration: none;
   padding: .4em 1em calc(.4em + 3px);
   border-radius: 3px;
   background: rgb(220,220,220);
   //box-shadow: 0 -3px "#DCDCDC" inset;
   transition: 0.2s;
   height:33px;

  }

.button:hover { background: #2865c0; }

.button:active
 {
   background: rgb(33,147,90);
   box-shadow: 0 3px rgb(33,147,90) inset;
  }

.buttonSmall                                                                              /*зеленая кнопка*/
 {
   font-weight: 700;
   height:30;
   color: white!important;
   text-decoration: none;
   padding: 6px;
   border:0;
   border-radius: 9px;
   background: #3076e2;
   /*box-shadow: 0 -3px rgb(53,167,110) inset;*/
   transition: 0.2s;
   padding-left:5px;
   padding-right:5px;
   cursor:pointer;
  }

.buttonSmall:hover { background: #2865c0; }

.buttonSmall:active
 {
   background: rgb(33,147,90);
   box-shadow: 0 3px rgb(33,147,90) inset;
  }

/*********************************Кнопка входа со стрелкой*******************************/

 .button_login_small
 {
   background: url(/img/interface/button/login.svg) no-repeat center;;
   width: 27px;                                                                           /* Ширина рисунка в пикселах */
   height: 27px;                                                                          /* Высота рисунка */
   vertical-align:middle;
   background-size:100% 100%;
   cursor:pointer;
 }

  .button_login_small:hover
 {
   background: url(/img/interface/button/login_hover.svg) no-repeat center;;
   width: 27px;                                                                           /* Ширина рисунка в пикселах */
   height: 27px;                                                                          /* Высота рисунка */
   vertical-align:middle;
   background-size:100% 100%;
   cursor:pointer;
 }

/***************************************************************************************** ИНПУТЫ ****************************************************************************************************/

.input_400 {width:400px;}
.input_200 {width:200px;}
.input_150 {width:150px;}
.input_100 {width:100px;}
.input_50  {width:50px; text-align:center;}
.input_39  {width:39px; text-align:center;}
.input_35  {width:35px; text-align:center;}
.input_basic  {width:65px; text-align:center;}
.input_basic_s{width:54px; text-align:center;}

input, select
 {
   margin:2px;
   height:20px;
   border-radius:4px;
   border-width: 1px;
  }

.FromFile
{
    display: block;
    width: 100%;
    height: 29px;
    padding: 1px 1px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

//[readonly] {background-color: #FFFA94;}                                                 /*отображает фон поля цветом, если нельзя его изменять*/
[readonly] {background-color: #F7F7F7;border: 1px solid #767676;}                         /*отображает фон поля цветом, если нельзя его изменять*/

/***************************************************************************************** ОПОВЕЩЕНИЯ ************************************************************************************************/

.alertHeader
{
    position: fixed;
    width: 100vw;
    padding: 10px  5px;
    margin-bottom: 1px;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    cursor: help;
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
    text-align:center;
    z-index: 1000;
}

.warningHeader
{
    position: fixed;
    width: 100vw;
    padding: 10px  5px;
    margin-bottom: 1px;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    background-color: #fff3cd;
    border-color: #ffecb5;
    text-align:center;
    z-index: 1000;
}

.warningHeader span {color: #664d03!important;}

.alertHeaderMarginBottom
{
     height: 35px;
     width: 100wv;
     position: relative;
 }

.alert-message
{
  text-align:center;
  height:20px;
  padding: 5px  5px;
  margin-bottom: 1px;
  border: 1px solid transparent;
  cursor: help;
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}

/******************************* Основные сообщения *************************************/

.alertMessage
{
    position: relative;
    width:620px;
    padding: 15px  15px;
    margin-top: 10px;
    margin-bottom: 1px;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    cursor: default;
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
    line-height:120%;
}

.warningMessage
{
    position: relative;
    margin:0 auto;
    width:620px;
    padding: 15px  15px;
    margin-top: 10px;
    margin-bottom: 1px;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    cursor: default;
    color: #664d03;
    font-size:16px;
    background-color: #fff3cd;
    border-color: #ffecb5;
    line-height:120%;
    text-align: center;

}

.successMessage
{
    position: relative;
    width:620px;
    padding: 15px  15px;
    margin-top: 10px;
    margin-bottom: 1px;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    cursor: default;
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
    line-height:120%;
}

/***************************************************************************************** HEADER ****************************************************************************************************/

.header
 {
   display:flex;
   justify-content: space-between;
   align-items:center;
   height:100px;
   width:900px;
   padding:0;
   margin:0;
   top:0;
   //border-bottom: 1px solid #E6997C;
  }

.header a
   {
     color: #2a5886;
     text-decoration: none;
    }

.header a:visited
   {
     color:#2a5886;
    }

.header a:link
   {
     color: #2a5886;
    }

.header a:hover
   {
     color:#3871E0;
    }

.header img,                                                                              /*выравниваем логотип и форму входа относительно меню*/
.header form
   {
        padding-bottom:4px;
    }

/******************************* Меню хеадера *******************************************/

#menu li div {
    border-style: solid;
    border-color: #e3e3e3;
    border-width: 0 0 1px 0 ;
    border-style: silver;
}

#menu ul
 {
   left:-25px;                                                                            /*сдвигает всплывающее меню влево*/
   border: 1px solid #d9d9d9;
   border-radius:5px;
   display: none;
   background-color: #fff;                                                                /*цвет выпадающего меню*/
   position: absolute;
   top: 100%;
   z-index: 100;                                                                          /*чтоб меню было всегда сверху*/
  }

#menu li:hover ul { display: block; }

#menu, #menu ul
 {
   margin: 0;
   padding: 0;
   list-style-type: none;
  }

#menu
 {
   height: 30px;
   //background-color: #9BCC37;                                                           /*основной цвет меню*/
   padding-left: 0px;
   min-width: 470px;
   font-family:Arial;
  }

#menu li
 {
   float: left;
   position: relative;
   height: 100%;
  }

#menu li a
 {
   display: block;
   padding: 5px;
   margin: 0 10px;
   color:#2a5886;
   text-align: center;
  }

#menu > li > a:hover
{
    color:#3871E0;
}

#menu > li > ul > li
  {
      width: 170px;
  }

#menu ul li { float: none; }
//#menu li:hover { background-color: #77BA04; }                                           /*цвет меню при наведении мышью*/
#menu ul li:hover { background-color: #eee; border-radius:5px; }

/******************************* Иконки хеадера *****************************************/

.info-icon25
   {
     width:25px;
     height:25px;
     cursor:pointer;
    }

#account-icon            {background: url('/img/icons/person-circle.svg') center no-repeat;           background-size: 100% 100%; }

/***************************************************************************************** FOOTER ****************************************************************************************************/

.footer
 {
   background: url(/img/interface/footer-49.jpg) no-repeat;
     -moz-background-size: 100%; /* Firefox 3.6+ */
     -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
     -o-background-size: 100%; /* Opera 9.6+ */
     background-size: 100% ;  /* Современные браузеры */
   //background: #7E7D7D;
   padding:0;
   margin:0;
   width: 100%;
  }

.footer span    { color:#fff!important;}
.footer a       { color:#fff!important;}
.footer a:hover { color:#ccc!important;}

.Site                                                                                     /*тоже учавствует в опускании футера до низа экрана*/
 {
   display: flex;
   min-height: 100vh;
   flex-direction: column;
  }

 .filling                                                                                 /*растягивает див, опуская footer до низа экрана*/
 {
   flex: 1;
  }


/***************************************************************************************** КАЛЬКУЛЯТОР ***********************************************************************************************/

.calculator
{
    display:none;
    min-height:50px;
    min-width:300px;
    margin:30px;
    padding:15px;
    position:fixed;
    right:10%;                                                                            /*расположение калькулятора относительно правой  стороны браузера*/
    top:212px;                                                                            /*расположение калькулятора относительно верхней стороны браузера*/

}

@media (max-width:1900px){.calculator {right:10%;}}
@media (max-width:1800px){.calculator {right:5%;}}
@media (max-width:1700px){.calculator {right:2%;}}
@media (max-width:1600px){.calculator {right:1%;}}
@media (max-width:1500px){.calculator {right:-20px;}}

@media (max-height:700px){.calculator {top:20%;}}
@media (max-height:600px){.calculator {top:10%;}}
@media (max-height:500px){.calculator {top:0%;}}

/***************************************************************************************** СЕКЦИИ ****************************************************************************************************/

main
   {
     font-family: "Calibri";
     font-size: 20px;
     color: #444;
     font-weight: 400;
     line-height: 1
    }

section
{

}

section > div
   {
     width:900px;
     margin: 0 auto;
    }


/******************** БЛОК НАСТРОЕК и ПОДДЕРЖКИ(С ASIDE) ********************************/

.center-block                                                                             /* блок типа container bootstrap */
   {
     width:900px;
     margin: 0 auto;
     margin-bottom:20px;                                                                  /* стили для кнопок - создать новый проект и открыть последний проект. Надо бы переделать. Так же влияет на меню*/
     text-align:left;
    }

.center-block > a.button                                                                  /* кнопка - ссылка */
   {
     margin-left: 5px;

    }

.center-block > main
   {
     padding-left:20px;
     margin:0 auto;
    }

.d-row
   {
     display: flex;
     align-items:flex-start;
    }

aside
{
    padding: 20px;
    transform: translateX(-10px);
}

aside div
   {
     padding: 5px 0;
    }

aside p
   {
     font-weight:700;
     color:#444;
    }

aside div a:hover
   {
       color: #3871E0;
    }

aside div a
   {
     font-size: 20px;
     font-weight: 700;
     color: #444;
    }

.main-inside
   {
     width: 700px;
     border-radius: 10px;
     box-sizing: border-box;                                                               /*что бы padding не увеличивал размер дива*/
     padding: 25px;
     text-align: center;
     margin-bottom: 25px;
    }

.div-line {
    border-style: solid;
    border-color: #888;
    border-width: 0 0 1px 0 ;
    border-style: silver;
}

/********************************* ПРИВЕТСТВИЕ ******************************************/

#main-page
{
  padding-top: 100px;
  padding-bottom: 100px;
  text-align:left;
  margin-bottom: 30px;
  background:url('/img/interface/fone-1-1.png')  no-repeat center top;
  background-attachment: relative;
  background-position: center center;
  background-size: 100% 100%;
}

.main-page-name
{
   font-size:54px;
   font-weight:500;
}

.main-page-info
{
   font-size:30px;
}

/**************** С нами расчет категорий происходит проще и быстрее ********************/

.info
{
   /* width:900px;*/
    box-sizing: border-box;                                                               /*что бы padding не увеличивал размер дива*/
    background-color:#f9fafd;
    box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
    border-radius: 22px;
    font-size: 20px;
}

.pad100
{
   padding:50px 100px;
}

.info p
{
    text-align: justify;
}

/******************************* Сервис Категориум **************************************/

.info2
   {
     padding:100px 0;
    }

.info-div
   {
     display: flex;
     justify-content: center;
     align-items: center;
    }

.info-text
   {
     padding:0 20px;
     width: 400px;
     display: flex;
     align-items: center;
     text-align:left;
    }

.info-text2
   {
     padding:0 20px;
     width: 480px;
     display: flex;
     align-items: center;
     text-align:left;
    }

/********************************* ПРЕИМУЩЕСТВА *****************************************/

#preim
{
   padding: 50px 0;

}

#preim > .info-div > div
{
    width: 275px;
    padding: 0 10px;
}

#preim > .info-div > div > p
{
    text-align: center;
}

/************************** ОПЛАТИВ ПОДПИСКУ - 5 ПУНКТОВ ********************************/
.big-number
   {
     font-size: 70px;
     font-family: Arial, Helvetica, sans-serif;
     color: #3076e2;
    }

/**************************** СТОИМОСТЬ ПОДПИСКИ ****************************************/

.info3
   {
     padding:100px 0;
     background: #fafafa;
    }

.price
   {
     border: 1px solid silver;
     border-radius:25px;
     padding-top: 20px;
     transition: all 0.3s ease-in-out;
     cursor: pointer;
     width:195px;
     height: 230px;
     margin: 12px;
    }

.price:hover {
  transform: translateY(-20px) ;
  -webkit-box-shadow: 16px 14px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 16px 14px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 16px 14px 8px 0px rgba(34, 60, 80, 0.2);

}

.price > p
  {
   line-height: 28px;
   margin-top:25px;
   margin-bottom: 25px;
  }

.cancelPrice
   {
     text-decoration: line-through;
    }

/************************* СЛАЙДЕР (отзывы) *********************************************/

.slider {
    position:relative;
}

.slick-track {
     display: flex;                                                                       /* чтоб лента располагалась горизонтально */
}

.slick-list  {
     overflow: hidden;                                                                    /* прячет все неактивные слайды */
}

.slick-arrow {                                                                            /* кнопки */
     position: absolute;
     top: 50%;                                                                            /* смещение стрелок в центр */
     z-index: 10;
     font-size: 0;
     width:50px;
     height:40px;
     cursor: pointer;
}

.slick-arrow.slick-prev {                                                                 /* левая стрелка */
     left: 0;
     background: url('/libs/slick/slide-left.svg') 0 0 / 40% no-repeat;
}

.slick-arrow.slick-next {                                                                 /* правая стрелка */
     right: 0;
     background: url('/libs/slick/slide-right.svg') 0 0 / 40% no-repeat;
}

.slick-arrow.slick-prev:hover {                                                           /* левая стрелка */
     left: 0;
     background: url('/libs/slick/slide-left-hover.svg') 0 0 / 40% no-repeat;
}

.slick-arrow.slick-next:hover {                                                           /* правая стрелка */
     right: 0;
     background: url('/libs/slick/slide-right-hover.svg') 0 0 / 40% no-repeat;
}

/******************************** С НАМИ СДЕЛАНО ****************************************/

#with-us
{
    padding:75px 0;
}

#with-us > div
{
    /*border-radius: 100%;*/
}

#with-us p
{
     text-align:center;
     font-size: 70px;
     margin:20px auto;
     font-family: Arial, Helvetica, sans-serif;
     color: #3076e2;
}

/******************************** ПОПРОБУЙТЕ И ВЫ ***************************************/

#lets-go
   {
     padding: 120px 0;
    }

#btn-go-work {
  animation:  3s btnscale ease-in-out infinite;
}

@keyframes btnscale {
  0% {
		transform: scale3d(1, 1, 1);
	}
	50% {
		transform: scale3d(1.2, 1.2, 1.2);
	}
	100% {
		transform: scale3d(1, 1, 1);
	}
}

/************************************ ИКОНКИ ********************************************/

.info-icon
   {
     width:30px;
     height:30px;
     cursor:pointer;
     transition:all 0.2s ease-in-out;
    }

.cash
   {
     width:40px;
     height:40px;
     background: url('/img/icons/cash-coin.svg') center no-repeat;
     background-size: 100% 100%;
     padding-top: 20px;
    }

#list-check              {background: url('/img/icons/list-check.svg') center no-repeat;              background-size: 100% 100%;}
#bi-file                 {background: url('/img/icons/file-earmark-word.svg') center no-repeat;       background-size: 100% 100%;}
#bi-globe                {background: url('/img/icons/globe.svg') center no-repeat;                   background-size: 100% 100%;}
#bi-pc                   {background: url('/img/icons/pc-display-horizontal.svg') center no-repeat;   background-size: 100% 100%;}
#bi-server               {background: url('/img/icons/server.svg') center no-repeat;                  background-size: 100% 100%;}
#bi-calculator           {background: url('/img/icons/calculator.svg') center no-repeat;              background-size: 100% 100%;}

#list-check:hover        {background: url('/img/icons/list-check-h.svg') center no-repeat;            background-size: 100% 100%;}
#bi-file:hover           {background: url('/img/icons/file-earmark-word-h.svg') center no-repeat;     background-size: 100% 100%;}
#bi-globe:hover          {background: url('/img/icons/globe-h.svg') center no-repeat;                 background-size: 100% 100%;}
#bi-pc:hover             {background: url('/img/icons/pc-display-horizontal-h.svg') center no-repeat; background-size: 100% 100%;}
#bi-server:hover         {background: url('/img/icons/server-h.svg') center no-repeat;                background-size: 100% 100%;}
#bi-calculator:hover     {background: url('/img/icons/calculator-h.svg') center no-repeat;            background-size: 100% 100%;}

#bi-cash                 {background: url('/img/icons/cash-coin.svg') center no-repeat;               background-size: 100% 100%;}
#bi-person-hearts        {background: url('/img/icons/person-heart.svg') center no-repeat;            background-size: 100% 100%;}
#bi-graph-up             {background: url('/img/icons/graph-up-arrow.svg') center no-repeat;          background-size: 100% 100%;}

#bi-cash:hover           {background: url('/img/icons/cash-coin-h.svg') center no-repeat;             background-size: 100% 100%; }
#bi-person-hearts:hover  {background: url('/img/icons/person-heart-h.svg') center no-repeat;          background-size: 100% 100%;}
#bi-graph-up:hover       {background: url('/img/icons/graph-up-arrow-h.svg') center no-repeat;        background-size: 100% 100%;}

/***************************************************************************************** ПРОЧИЕ ДИВЫ ***********************************************************************************************/

#responds
 {
   margin: 0px;
   padding: 0px;
   list-style: none;
  }

#responds li {list-style: none;}

.gas {line-height:0.75;}

.DopParameters{background: 000000; width:13px;}

.ShowDopParametersButton
 {
   background: url(/img/interface/button/dop_show.png) no-repeat center;
   background-size: contain;
   height: 13px;
   border:0px;
   cursor:pointer;
  }

.HideDopParametersButton
 {
   background: url(/img/interface/button/dop_hide.png) no-repeat center;
   background-size: contain;
   height: 13px;
   border:0px;
   cursor:pointer;
  }

.NameInput
 {
   text-align: center;
  }

.NameInputPadded
 {
   border-left: 0px dotted #E2CD9D;
   border-right: 0px dotted #E2CD9D;
  }

.dop {border:1px double black; font-size:14px;}
.padded-left{border-left: 1px dotted black;}
.padded{border-left: 1px dotted black; border-right: 1px dotted black;}

.newProjectInput
 {
   width: 250px;
   margin: 10px;
   color: #34495E;
   font-family: "Open Sans",sans-serif;
   font-size: 15px;
   padding: 2px 5px;
   height: 30px;
   text-indent: 6px;
   border-radius: 6px;
   box-shadow: none;
   text-align: center;
   font: tahoma;
  }

.newProjectInput300
 {
   width: 300px;
   margin: 10px;
   color: #34495E;
   font-family: "Open Sans",sans-serif;
   font-size: 15px;
   padding: 2px 5px;
   height: 30px;
   text-indent: 6px;
   border-radius: 6px;
   box-shadow: none;
   text-align: center;
   font: tahoma;
  }

.newProjectInput400
 {
   width: 400px;
   margin: 10px;
   color: #34495E;
   font-family: "Open Sans",sans-serif;
   font-size: 15px;
   padding: 2px 5px;
   height: 30px;
   text-indent: 6px;
   border-radius: 6px;
   box-shadow: none;
   text-align: center;
   font: tahoma;
  }

.headerInput
 {
   width: 170px;
   margin: 10px;
   color: black;
   font-family: "Open Sans",sans-serif;
   font-size: 15px;
   padding: 2px 5px;
   height: 30px;
   text-indent: 6px;
   box-shadow: none;
   text-align: left;
   font: tahoma;
   border-radius:0!important;
   border-style:solid!important;
   border-width: 0 0 1px 0!important;
   border-color:black!important;
   background: #edf2f9!important;
   outline:none!important;

  }

.calcInput
 {
   width: 70px;
   margin: 10px 0;
   color: #34495E;
   font-family: "Open Sans",sans-serif;
   font-size: 13px;
   padding: 2px 5px;
   height: 30px;
   text-indent: 6px;
   border-radius: 6px;
   box-shadow: none;
   text-align: center;
   font: tahoma;
  }

.supportMessage
 {
   width: 522px;
   height: 200px;
   margin: 10px;
   color: #34495E;
   font-family: "Open Sans",sans-serif;
   font-size: 15px;
   padding: 2px 5px;
   text-indent: 6px;
   border-radius: 6px;
   box-shadow: none;
   text-align: left;
   font: tahoma;
   resize: none; /* Запрещаем изменять размер */
  }

.newProjectText
 {
   font: tahoma;
   font-family: "Open Sans",sans-serif;
   font-size: 15px;
   text-align:right;
   padding: 2px 5px;
  }

 #promo_ok {
    text-align:left;
    display:none;
 }

/*************************************** Помещение **************************************/

.room
{
    box-sizing: border-box;                                                               /*что бы padding не увеличивал размер дива*/
    background:#f9fafd;
    box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    margin-bottom: 20px;
    padding-top: 10px;
}

.room > fieldset
{
    width: 700px;
    border-radius: 7px;
    border: 0px solid silver;
    margin-bottom:-20px;
}

/******************************** Доп поля материалов ***********************************/
.akb_row                                                                                  /*сделано на будущее, чтоб с уменьшением страницы можно было поменять расположение элементов со строки на столбец*/
{
  display:flex;
  flex-direction: row;
}

.d-row-include
{
    height:26px;
    font-size:14px;
    line-height:26px;
}

.width-265 {width:265px;}
.width-35  {width:35px;}

.text-left   {text-align:left;}
.text-right  {text-align:right;}
.text-center {text-align:center;}

/***************************************************************************************** ТАБЛИЦЫ ***************************************************************************************************/

/******************************* Таблица вентустановок **********************************/

.table_vk
 {
   width:655px;
   border-collapse: collapse;
   text-align: left;
  }

.table_vk td
 {
   border: 1px solid #e3eef7;
   padding: 1px 10px;
   height: 25px;
  }

.table_vk th
 {
   background: #e3eef7;
   border: 1px solid #e3eef7;
   padding: 1px 10px;
   height: 25px;
  }

.vk_dop
  {
    font-size:initial;                                                                    //уменьшаем размер шрифта
    text-align:left;
    margin-left:5px;
  }

/******************************* Таблица подписок ***************************************/

.table_subscr
 {
   background: #fff;
   border-collapse: collapse;
   width:900px;
   /*Скругление углов таблицы*/
   border-radius:10px;
   overflow:hidden;
  }

.table_subscr th
 {
   background-color: #a7b6f142;
   border: 1px solid #d8e2ef;
   padding: 10px 15px;
  }

.table_subscr tr th span
{
    color:#444!important;
  }

.table_subscr tr td span
{
    color:black!important;
  }

.table_subscr th:after
 {
   content: "";
   display: block;
   left: 0;
   top: 25%;
   height: 25%;
   width: 100%;
   background: linear-gradient(rgba(255, 255, 255, 0), rgba(255,255,255,.08));
  }

.table_subscr tr:nth-child(odd) {background: #f9fafe;}

/*
.table_subscr th:first-child
 {
   border-left: 1px solid #777777;
   border-bottom:  1px solid #777777;
   box-shadow: inset 1px 1px 0 #999999, inset 0 -1px 0 #999999;
  }

.table_subscr th:last-child
 {
   border-right: 1px solid #777777;
   border-bottom:  1px solid #777777;
   box-shadow: inset -1px 1px 0 #999999, inset 0 -1px 0 #999999;
  }
*/
.table_subscr td
 {
   border: 1px solid #e3eef7;
   padding: 10px 15px;
   height: 45px;
  }

/******************************* Таблица списка проектов ********************************/

.table_project_list
 {
   //background: #f5ffff;
   background: #fff;
   border-collapse: collapse;
   text-align: left;
   /*Скругление углов таблицы*/
   border-radius:10px;
   overflow:hidden;
  }

.table_project_list th
 {
   color: #444;                                                                           /* цвет текста первой строки таблицы */
   background-color: #a7b6f142;
   border: 1px solid #d8e2ef;
   padding: 10px 15px;
   padding: 10px 1px;
  }

.table_project_list tr th span
 {
   color: #444!important;                                                                 /* цвет текста первой строки таблицы */
  }

.table_project_list tr td span
{
    color:black!important;
  }

.table_project_list tr:nth-child(odd) {background: #f9fafe;}
/*
.table_project_list th:after
 {
   content: "";
   display: block;
   left: 0;
   top: 25%;
   height: 25%;
   width: 100%;
   background: linear-gradient(rgba(255, 255, 255, 0), rgba(255,255,255,.08));
  }

.table_project_list th:first-child
 {
   border-left:   1px solid #777777;
   border-bottom: 1px solid #777777;
   box-shadow: inset 1px 1px 0 #999999, inset 0 -1px 0 #999999;
  }

.table_project_list th:last-child
 {
   border-right:  1px solid #777777;
   border-bottom: 1px solid #777777;
   box-shadow: inset -1px 1px 0 #999999, inset 0 -1px 0 #999999;
  }
*/
.table_project_list td
 {
   border: 1px solid #e3eef7;
   padding: 10px 15px;
   height: 34px;
  }

 .table_project_list tr:not(:first-child):hover {background: #ececec; color: black;}
 .table_subscr       tr:not(:first-child):hover {background: #ececec; color: #fff;}

/******************** Названия проектов в таблице загрузки ******************************/

.projectNameInTable a {color:black;}
.projectNameInTable a:hover {color:#3871E0;}

/*********************** ХЗ для чего это и зачем это здесь ******************************/

ul, form, button
 {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
  }

/************************** Значки сортировки таблицы ***********************************/

div.ascdesc
 {
   position: relative;
   margin:0px;
   padding:0px;
  }
div.asc
 {
   position: absolute;
   top: 3px; /* Положение от нижнего края */
   left: 1px; /* Положение от правого края */
   line-height: 1px;
   margin:0px;
   padding:0px;
   font-size: 8pt;
  }

div.desc
 {
   position: absolute;
   bottom: 3px; /* Положение от нижнего края */
   left: 1px; /* Положение от правого края */
   line-height: 1px;
   font-size: 8pt;
  }

a.ascdesc:link {color: white; text-decoration: none; }
a.ascdesc:visited {color: white; text-decoration: none; }
a.ascdesc:active {color: #555555; text-decoration: none; }
a.ascdesc:hover { color: yellow;text-decoration: none; }


/**************** Кнопки загрузки, удаления проекта и архива проекта ********************/

.hoverBiggerSize       {transition:all 0.3s ease; text-align:center!important;}
.hoverBiggerSize:hover {transform:scale(1.3);
}

/***************************************************************************************** ПОТЕРЯННОЕ ************************************************************************************************/

.TopLeftRadius {border-top-left-radius: 5px;}
.TopRightRadius{border-top-right-radius: 5px;}
.BottomLeftRadius {border-bottom-left-radius: 10px;}
.BottomRightRadius {border-bottom-right-radius: 10px;}

.BottomRadius
 {
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
   border-bottom: 4px solid rgba(197, 155, 60, 0.5);
  }

.Radius
 {
   border: 1px solid #d8e2ef;
   border-radius:5px;
   padding:0 auto;
   margin:5px auto;
  }

  .UpButton
 {
   background: url(/img/interface/button/button_up.png) no-repeat center;
   background-size: contain;
   height: 13px;
   border:0px;
  }

.DownButton
 {
   background: url(/img/interface/button/button_down.png) no-repeat center;
   background-size: contain;
   height: 13px;
   border: 0px;
  }

.DownButtonDust {position:relative; left:20px;}
.DownButtonGas  {position:relative; left:20px;}
.UpButtonDust   {position:relative; left:33px;}
.UpButtonGas    {position:relative; left:20px;}

.category_build_dop_field {display:none}