/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification 
for details on configuring this project to bundle and minify static web assets. */
/*@import "~/lib/bootstrap/dist/css/bootstrap.css";*/
body {
    padding-top: 0px;
    padding-bottom: 0px;
}

/*div{
    border: 1px solid green;
}*/

.form2 {
    /*height: 53vw;*/
}

.table > tbody > tr > td {
    padding: 0px;
}

.form-control {
    width: 100%;
    /*width: 1vw;*/
    display: inline-block;
}

#Select1, #Select2 {
    width: 100%;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    width: 800px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.body-content {
    width: 100%;
    text-align: center;
}

/*blocks*/

.param {
    /*border: solid 2px red;*/
    /*width: 49%;*/
    height: 1000px; /* 930 */
    width: 50%;
    float: left;
    display: inline-block;
}

.konfig {
    /*border: solid 2px black;*/
    /*width: 49%;*/
    height: 650px; /*800px;*/
    width: 50%;
    display: inline-block;
    margin-top: 470px;
}

.result {
    /*border: solid 2px black;*/
    /*width: 49%;*/
    height: 800px;
    width: 50%;
    display: inline-block;
    margin-top: 470px;
    overflow-y: auto;
    /*white-space: nowrap;*/
}

.load {
    /*border: solid 2px black;*/
    /*width: 49%;*/
    height: 800px;
    width: 50%;
    display: inline-block;
    margin-top: 470px;
    overflow-y: auto;
}


/*blocks*/
.buttons {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 60%;
    /*float: left;*/
    /*margin-left: -10px;*/
    margin-left: 200px;
}

form {
    /*border: solid 2px black;*/ 
}

#form{
    margin-bottom: 10px;
    height: 70%;
}
.generateProjectSubmit {
    float: left;
    margin-left: 10px;
    /*background-color: #ff6933;
    color: white;*/
}

.konfSubmit {
    float: left;
    margin-left: 10px;
    /*background-color: #ff6933;
    color: white;*/
}

.resultSubmit {
    float: left;
    margin-left: 10px;
}

.loadSubmit {
    float: left;
    margin-left: 10px;
}

.type {
    /*border: solid 1px purple;*/
    height: auto;
    width: 50%;
    text-align: left;
    margin-left: 210px;
}

.koef {
    /*border: solid 1px purple;*/ 
    height: auto;
    width: 60%;
    text-align: left;
    margin-top: 10px;
    margin-left: 210px;
}

.group {
    /*border: solid 1px purple;*/ 
    height: auto;
    width: 60%;
    text-align: left;
    margin-top: 10px;
    margin-left: 210px;
}

#c_label{
    margin-left: 120px;
}

#Select2 {
    margin-left: 0px;
    margin-right: 50px;
    width: 40%;
}

.temp {
    /*border: solid 1px purple;*/ 
    height: auto;
    width: 60%;
    text-align: left;
    margin-top: 10px;
    margin-left: 210px;
}
/*table*/
.tnum{
    width: 50px;
}
.tuchastok {
    width: 100%;
}
.tdiam {
    /*width: 80px;*/
}
.tdlin {
    width: 100%;
}
.tnach {
    width: 100%;
}
.tkon {
    width: 100%;
}
.tvys {
    width: 100%;
}
.tsmech {
    width: 100%;
}


.tnumber {
    width: 100%;
}
.tnachet {
    width: 100%;
}
.tkonet {
    width: 100%;
}
.tsmeschdop {
    width: 100%;
}
.tsmeschmax {
    width: 100%;
}

.tet{
    width: 100%;
}
/*table*/

.statline {
    border: 1px solid green;
    width: 61%;
    /*float: left;*/
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 200px;
}

#stat {
    border: 1px solid red;
    width: 76%;
    float: right;
}

.tableresult1 {
    margin-bottom: 20px;
    width: 100%;
}

/*.tableresult2 {
    display: inline-block;
    width: 45%;
    margin-right: 30px;
}

.tableresult3 {
    display: inline-block;
    width: 45%;
    margin-left: 30px;
}*/

.tablabel {
    width: 100%;
    height: 3%;
    /*border: 1px solid black;*/
    text-align: left;
}

.tablabelload1 {
    width: 48%;
    height: 3%;
    text-align: left;
    /*border: 1px solid black;*/
    display: inline-block;
    margin-right: 1%;
}

.tablabelload2 {
    width: 48%;
    height: 3%;
    text-align: left;
    /*border: 1px solid black;*/
    display: inline-block;
    margin-left: 1%;
}

.projectPip {
    /*border: 1px solid red;*/
    width: 200px;
    height: 800px;
    /*float: right;*/
    margin-top: -745px; /*-705px;*/
    margin-right: 10px;
}

.hrp {
    display: block;
    height: 1px;
    border: 0px solid black;
    padding: 0;
    width: 100px;
    background-color: rebeccapurple;
    margin-left: 50px;
    /*margin-top: -100px;*/
}

.hrpv {
    /*display: block;*/
    border: 1px solid black;
    padding: 0;
    width: 1px;
    height: 790px;
    background-color: blue;
    position: absolute;
    margin-left: 100px;
    margin-top: -10px;
}

.ruler{
    width: 40px;
    height: 10px;
}

/*div {
    border: 1px solid black;
}*/

.imgHard {
    width: 10px;
    height: 10px;
    position: absolute;
    margin-left: 46px;
    margin-top: -3px;
}

.imgSoft {
    width: 10px;
    height: 10px;
    position: absolute;
    margin-left: 46px;
    /*margin-top: -20px;*/
}

.add{
    /*border: 1px solid black;*/
    width: 200px;
    height: 30px;
    margin-top: -50px;
    position: absolute;
}

/*.tableload1 {
    display: inline-block;
    width: 48%;
    margin-right: 10px;
}

.tableload2 {
    display: inline-block;
    width: 48%;
    margin-left: 10px;
}
*/
.checkSubmits{
    margin-top: 10px;
    width: 100%;
    text-align: left;
}

.checkBox {
    display: inline-block;
}

.saveSubmit {
    float: left;
    margin-left: 10px;
}

.helpButton {
    float: left;
    margin-left: 10px;
    border: 1px solid #ccc;
    color: white;
}

@keyframes glowing {
    0% {
        background-color: #ff6933;
        /*box-shadow: 0 0 2px #074673;*/
    }

    50% {
        background-color: #ff8f66;
        /*box-shadow: 0 0 9px #0e87de;*/
    }

    100% {
        background-color: #ff6933;
        /*box-shadow: 0 0 2px #094d7d;*/
    }
}

.helpButton {
    animation: glowing 1500ms infinite;
}

/*.openSubmit {
    float: left;
    margin-left: 10px;
}
*/
.optimizeSubmit {
    float: left;
    margin-left: 10px;
}

.checkBoxSave{
    width: 10px;
    height: 10px;
    float: left;
    display: none;
}

.checkBoxAuto {
    width: 1vw;
    height: 1vw;
    margin-left: -9% !important;
    margin-top: 0.6% !important;
    position: absolute;
    display: none;
}

.checkBoxCheck {
    display: none;
}

.checkBoxOptimize {
    width: 10px;
    height: 10px;
    float: left;
    display: none;
}

.fileButton {
    float: left;
    margin-left: 10px;
    font-size: 17px;
    height: 10%;
}

#textBox15 {
    width: 20%;
}

.products {
    height: 6vw;
    padding-bottom: 1%;
}

.breadcrumbs {
    padding-bottom: 0%;
}

.title--h2 {
    line-height: 3rem !important; /*4*/
    font-size: 1.9em;
}

.konfig_input_label {
    display: inline-block;
    width: 30%;
    margin-bottom: 0%;
    margin-top: 1%;
}

.header_param {
    width: 760px;
}

.floorsNumberLabel {
    display: inline-block;
    width: 85%;
    margin-bottom: 0%;
    margin-top: 1%;
}

.messageForUsers {
    margin-top: -3.3vw;
    margin-bottom: 1vw;
    padding-left: 3vw;
    padding-right: 3vw;
    /* margin: 1rem; */
    /* border: 1px solid red; */
    /* height: 9vw; */
    /* width: 43vw; */
    font-size: 1vw;
    /* line-height: 1.1vw; */
    text-align: justify;
    color: rgb(112, 112, 124);
}

@media screen and (max-width: 1400px) {
    .projectPip {
        /*border: 1px solid red;*/
        width: 200px;
        height: 800px;
        margin-top: -735px; /*-700px;*/
        margin-right: 10px;
    }
}

@media screen and (max-width: 1000px) {
    .param {
        /*border: solid 2px red;*/
        /*width: 49%;*/
        height: 880px;
        width: 100%;
        /*float: left;*/
        display: inline-block;
        font-size: 0.7em;
        /*overflow-x: auto;
        white-space: nowrap;*/
    }

    .konfig {
        /*border: solid 2px black;*/
        /*width: 49%;*/
        margin-top: 11vw;
        height: 700px;
        width: 100%;
        display: inline-block;
        font-size: 10px;
        overflow-x: auto;
        white-space: nowrap;
    }

    .result {
        /*border: solid 2px black;*/
        /*width: 49%;*/
        margin-top: 11vw;
        height: 700px;
        width: 100%;
        display: inline-block;
        font-size: 10px;
        overflow-x: auto;
        white-space: nowrap;
    }

    .load {
        /*border: solid 2px black;*/
        /*width: 49%;*/
        margin-top: 11vw;
        height: 700px;
        width: 100%;
        display: inline-block;
        font-size: 10px;
        overflow-x: auto;
        white-space: nowrap;
    }

    .table > tbody > tr > td {
        padding: 0px;
        font-size: 10px;
    }

    h5 {
        font-size: 10px;
    }

    input {
        font-size: 10px;
        margin: 0px;
        display: inline-block;
    }
    .input-group .form-control:not(:first-child):not(:last-child) {
        font-size: 0.9em;
        width: 50%;
    }
    .input-group .form-control:first-child {
        font-size: 0.9em;
    }
    label {
        display: inline-block;
    }

    select {
        margin: 0px;
    }

    #Select2 {
        margin-right: 0px;
    }
    .projectPip {
        margin-right: -30px;
        margin-top: -530px;
    }
    .checkBoxAuto {
        position: static;
    }

}

@media screen and (max-width: 500px) {
    .projectPip {
        margin-top: -217vw;
        /*margin-left: 56vw;*/
        position: absolute;
        z-index: 6;
        width: 39vw;
    }
    .tableload1 {
        display: contents;
        width: 48%;
        margin-right: 10px;
    }
    #c_label {
        margin-left: 0;
    }
    #textBox15{
        width: 80%;
    }
    .products{
        height: 77vw;
    }
    .form2 {
        height: 100%;
    }
    /*.tableresult2 {
        display: inline-block;
        width: 50vw;
        margin-right: 4%;
        float: left;
    }
    .tableresult3 {
        display: inline-block;
        width: 85vw;
        margin-left: 4%;
    }*/
    .header_param {
        width: 350px; /*не видно при отладке*/
    }
    .type {
        margin-left: 180px;
    }
    .koef {
        margin-left: 180px;
        width: 55%;
    }
    .group {
        margin-left: 180px;
        width: 55%;
    }
    .temp {
        margin-left: 180px;
        width: 55%;
    }
    .statline {
        margin-left: 180px;
        width: 55%;
    }
    .buttons {
        display: block;
        margin-left: 168px;
        width: 56%;
    }
    .buttons > input, .helpButton{
        width: 100% !important;
        font-size: 105%;
    }
    .param{
        height: 940px;
    }
    .param input {
        width: 80%;
    }
    .body-content {
        width: 95%; /*не видно при отладке*/
    }
    .title--h2 {
        line-height: 2.4rem !important;
    }
    .checkSubmits {
        width: 480px;
    }
    .floorsNumberLabel {
        width: 35%;
    }
    .wrapper {
        margin-right: -5%;
    }
    .konfig{
        width: 105%;
    }
    .messageForUsers {
        font-size: 3vw;
        line-height: 3.5vw;
        margin-top: 18vw;
        margin-bottom: 4vw;
    }

    .konfig {
        height: auto;
        overflow-x: auto;
    }

    .result {
        height: auto;
        overflow-x: auto;
    }

    .load {
        height: auto;
        overflow-x: auto;
    }

}

    /*div{
    border: 1px solid black;
}

h5 {
    border: 1px solid black;
}
*/