﻿
/*\\\\\\\\\\\ MOD STYLE\\\\\\\\\\\\\\\\\*/

.error-border {
    border: 1px solid #f00 !important;
}

.error-message {
    color: #ff0000;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}



.p0 {
    padding: 0;
}

.plrb {
    padding: 20px;
}

.pb40 {
    padding-bottom: 40px !important;
}

.m0 {
    margin: 0;
}

.m-auto {
    margin: 0 auto;
}

.mtb15 {margin-top: 15px;margin-bottom: 15px;}

.mlrb10 {margin: 0 10px 10px;}

.mlr30 {
    margin: 0 30px;
}

.m-0-0-15 {
    margin: 0 0 15px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mb0 {
    margin-bottom: 0px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mr50 {
    margin-right: 50px;
}





.t-center {
    text-align: center;
}

.t-left {
    text-align: left;
}

@media all and (max-width:992px) {
    .t-left {
        text-align: center
    }

    .w300, .w350, .w400, .w450 {
        width: 100%;
    }
}

.t-red {
    color: red;
}

.flex-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

@media all and (max-width:992px) {
    .flex-column {
        width: 100%;
        margin: unset;
    }
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

@media all and (max-width:992px) {
    .flex-wrap {
        justify-content: center;
    }
}

.flex-wrap-left {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

@media all and (max-width:768px) {

    .flex-wrap-left {
        justify-content: center;
    }
}

.flex-row {
    flex-direction: row;
}

.flex-col {
    flex-direction: column;
}

.fx-wrap {
    flex-wrap: wrap;
}

.fx-nowrap {
    flex-wrap: nowrap;
}

.fx-js {
    justify-content: flex-start;
}

.fx-jc {
    justify-content: center;
}

.fx-je {
    justify-content: flex-end;
}

.fx-jsb {
    justify-content: space-between;
}

.fx-jsa {
    justify-content: space-around;
}


.fx-is {
    align-items: flex-start;
}

.fx-ic {
    align-items: center;
}

.fx-ie {
    align-items: flex-end;
}

@media all and (max-width:992px) {
    .fx-is, .fx-ie {
        align-items: center;
    }
}



/* растягивается по контенту */
.fx-f1 {
    flex: 1 1 0%;
}
/* растягивается */
.fx-fa {
    flex: 1 1 auto;
}

@media all and (max-width:992px) {
    .fx-f1, .fx-fa {
        flex: 1 1 100%;
        max-width: 100%;
        padding: 0;
    }
}

.fx-fn {
    flex: none;
}


/*//// WIDTH //////////////*/

.w100 {
    width: 100%;
}

.wa {
    width: auto;
}


.w40 {
    width: 40px;
}

.w130 {
    width: 130px;
}

.w155 {
    width: 155px;
}

.w170 {
    width: 170px;
}

.w190 {
    width: 190px;
}

.w200 {
    width: 200px;
}

.w250 {
    width: 250px;
}

.w300 {
    width: 300px;
}

.w350 {
    width: 350px;
}

.w400 {
    width: 400px;
}

.w450 {
    width: 450px;
}
