.container2{
    position: relative;
    font-size: 0;
}

.row2{
    text-align: center;
    position: relative;
}

.col2-sidebar, .col2-content {
    display: inline-block;
    position: relative;
    min-height: 1px;
    vertical-align: top;
    margin: 0;
}

.col2-sidebar {width: 90%;}
.col2-content {width: 90%;}

@media (min-width: 768px) {
    .col2-sidebar {width: 250px; margin-right: 12px;}
    .col2-content:not(.no_sidebar) {width: 450px;}
    .col2-content.no_sidebar {width: 712px;}
}
@media (min-width: 992px) {
    .col2-sidebar {width: 250px;}
    .col2-content:not(.no_sidebar) {width: 650px;}
    .col2-content.no_sidebar {width: 900px;}
}

@media (min-width: 1200px) {
    .col2-sidebar {width: 250px;}
    .col2-content:not(.no_sidebar) {width: 750px;}
    .col2-content.no_sidebar {width: 1000px;}
}
/* =========================================================================================== */
.table2 {
    width: 100%;
    color: #4f4f4f;
    line-height: 20px;
    font-size: 16px;
}

.table2>thead>tr>th{
    padding: 7px;
    font-weight: normal;
    color: #0065b8;
}

.table2>tbody>tr>td{
    padding: 7px;
    border-top: 1px solid #ddd;
    vertical-align: top;
    font-weight: normal;
}

.table2>tbody>tr:nth-child(odd){
    background-color: #f3f3f3;
}

/* =========================================================================================== */
.block2 {
    text-align: left;
    margin: 5px 1px 5px 1px;
    padding: 0;

    font-size: 0;

    overflow: hidden;
    display: block;
    position: relative;

    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 0;
    /*box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;*/
    /*box-shadow: 2px 2px 7px 0 rgb(201, 201, 201), -1px -1px 3px 0 rgb(221, 221, 221);*/
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}

.block2:not(:last-child){
    margin: 5px 1px 15px 1px;
}

a.block2 {cursor: pointer;}
a.block2:hover {background-color: #fafafa; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); text-decoration: none;}
/* --------------------------------------- */
.background_block2 {
    background-color: #eee;
}
/* --------------------------------------- */
.block2_title {
    color: #545454;
    line-height: 25px;
    font-size: 23px;
    font-weight: bold;
    text-decoration: none;

    display: block;
    margin: 8px;
    cursor: text;
}

a.block2_title, a>.block2_title, .block2_title>a {color: #4275d1; cursor: pointer; text-decoration: none;}
a.block2_title:hover, a>.block2_title:hover, .block2_title>a:hover {color: #4f93ff; text-decoration: none;}
a.block2_title:active, a>.block2_title:active, .block2_title>a:active {color: #5b7dff; text-decoration: none;}

.block2_title>span {color: #4e78a1;}
.block2_title>img{
    height: 23px;
    margin: 1px 5px 1px 0;
    vertical-align: top;
}

/* --------------------------------------- */
.block2_content {
    color: #4f4f4f;
    line-height: 22px;
    font-size: 17px;
    text-decoration: none;
    word-wrap: break-word;
    word-break: break-word;
    display: block;
    margin: 8px;
    cursor: text;
}
/* =========================================================================================== */
.group2{
    border: 1px solid #a7d1ea;
    padding: 5px;
    box-shadow: 0 0 10px 1px rgba(0, 98, 200, 0.19);
}

.group2.info{
    border: 1px solid #ea744b;
    box-shadow: 0 0 10px 1px rgba(200, 87, 33, 0.41);
}

.group2.info2{
    border: 1px solid #ead15d;
    box-shadow: 0 0 10px 1px rgba(200, 158, 45, 0.41);
}

.group2.info3{
    border: 1px solid #01b22d;
    box-shadow: 0 0 10px 1px rgba(5, 200, 32, 0.41);
}

/* --------------------------------------- */
.input2 {
    resize: none;
    text-align: left;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    padding: 5px;
    width: 100%;
    color: #939393;
    min-height: 33px;/*line-height+padding*/
    margin: 0;

    vertical-align:top;

    background: none;
    border-radius: 3px;

    border: 1px solid #efefef;
    border-bottom: 2px solid #d9d9d9;

    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.input2:hover {
    border-bottom: 2px solid #93baf7;
}

.input2:focus {
    outline: none;
    box-shadow: none;
    border-bottom: 2px solid #55a6f7;
    color: #6e6e6e;
}

.input2:not(:first-child){margin-top: 5px;}

/* --------------------------------------- */
/*.label2:before {
    content: "";
    margin-left: 7px;
}*/
.label2 {
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 15px;
    color: #656565;
    display: block;

    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.label2:hover{color: #1c73f7;}
.label2:active{color: #5b7dff;}

.label2.horizontal {
    display: inline;
}

.label2>* {vertical-align: bottom;}
.label2>input[type=checkbox], .label2>input[type=radio] {height: 15px;}
.label2>.information {color: #61a6c6;}
/* --------------------------------------- */
.error2 {
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    color: #ec562b;
}

/* --------------------------------------- */
.btn2{
    color: #333;
    font-weight: normal;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    min-height: 21px;
    text-decoration: none;
    word-break: normal;

    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;

    padding: 4px 10px;
    margin: 0;
    display: inline-block;

    cursor: pointer;
}
.btn2:focus {color: #333; background-color: #e6e6e6; border-color: #8c8c8c; text-decoration: none;}
.btn2:hover {color: #333; background-color: #e6e6e6; border-color: #adadad; text-decoration: none;}

.btn2_primary{ color: #fff; background-color: #3993d7; border-color: #3579b8; }
.btn2_primary:focus{ color: #fff; background-color: #286090; border-color: #122b40; }
.btn2_primary:hover { color: #fff; background-color: #398bcf; border-color: #3268a3; }