.rs-center {
    background-image:url("/images/pattern/pattern1.png");
    background-position: 50% 50%;
    /*background-size: 50px 50px;*/
    background-repeat: repeat;
}

.rs-center-header {
    /*border-bottom: 1px #0066B2 solid;*/
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 10px 150px;
    padding: 30px 0 0 0;
}

.rs-columns {
    width: 100%;
}


.rs-column-left {
    float: left;
    margin: 0 1% 0 9%;
    width: 70%;
}

.rs-column-right {
    float: right;
    width: 20%;
}

.rs-column-right-header {
    color: #999999;
    font-size: 16px;
    margin-bottom: 20px;
}

.rs-resourse-type {
    color: #333333;
    font-size: 14px;
    margin-bottom: 20px;
}

.rs-resourse-type span {
    border: 0px #00a9ec solid;
    border-radius: 50px;
    padding: 3px 10px;
}

.rs-resourse-type--active {
    color: #00a9ec;
    font-size: 14px;
    margin-bottom: 20px;
}

.rs-resourse-type--active span {
    border: 1px #00a9ec solid;
    border-radius: 50px;
    padding: 3px 10px;
}

.rs-resourse-list {
    background-color: #FFFFFF;
    float: left;
    padding: 2% 1% 2% 1%;
    margin: 2%;
    width: 27%;
    box-shadow: 0px 0px 15px -5px #bbb;
}

.rs-resourse__content {
    height: 200px;
}

.rs-resourse-list__header {
    color: #333333;
    font-size: 18px;
    /*margin-bottom: 10px;*/
    padding: 5% 0% 5% 5%;
}

.rs-resourse-list__type {
    color: #333333;
    font-size: 14px;
    font-style: italic;
    /*margin-bottom: 10px;*/
    padding: 5% 0% 5% 5%;
}

.rs-resourse-list__description {
    color: #999999;
    font-size: 14px;
    /*margin-bottom: 10px;*/
    padding: 5% 0% 5% 5%;
}

.rs-resourse-list__bottom {
    /*position: absolute;
    bottom: 0;*/
    border-top: 1px #CCCCCC solid;
    color: #333333;
    font-size: 14px;
    padding: 20px 10px;
    height: 40px;
}

.rs-resourse-list__link {
    float: left;
    width: 70%;
    color: #00a9ec;
    font-size: 14px;
    text-align: left;
    
    word-wrap: break-word;
    word-break: break-all;
    hyphens: auto;
}

.rs-resourse-list__link a {
    color: #00a9ec;
    text-decoration: none;
}

.rs-resourse-list__comment{
    float: left;
    width: 8%;
    color: #333333;
    font-size: 14px;
    text-align: left;
    
    background-image:url("/images/icon/comment.png");
    background-size: 15px;
    background-position: 0% 50%;
    /*background-size: 50px 50px;*/
    background-repeat: no-repeat;
    padding-left: 7%;
}

.rs-resourse-list__rating {
    float: left;
    width: 8%;
    color: #333333;
    font-size: 14px;
    text-align: left;
    
    background-image:url("/script/vendors/st/images/rating/active.png");
    background-size: 15px;
    background-position: 0% 50%;
    /*background-size: 50px 50px;*/
    background-repeat: no-repeat;
    padding-left: 7%;
}



.rs-qn {
    padding:0 9% 0 9%;
    width:82%;
}

.rs-qn-item {
    background-color: #FFFFFF;
    font-size: 20px;
    padding: 10px 0 10px 0;
    margin-top: 20px;
}

.rs-qn-header {
    font-size: 20px;
    padding: 10px 0 10px 20px;
}


.rs-qn-field {
    /*margin-top: 10px;*/
    width: 100%;
}

.rs-qn-field__text > .rs-qn-label {
    color: #6F6F6F;
    font-size: 14px;
    margin:5px 0 0 20px;
    text-align:left;
}

.rs-qn-field__text > .rs-qn-field {
    padding: 0 1% 0 1%;
    text-align:left;
}

.rs-qn-text {
    border: 1px #DFDFDF solid;
    height: 25px;
    width: 400px;
    margin:5px 0 0 20px;
}

.rs-qn-field__checkbox > .rs-qn-label {
    color: #6F6F6F;
    font-size: 14px;
    float: right;
    padding:5px 1% 0 1%;
    text-align:left;
    width: 91%;
}

.rs-qn-field__checkbox > .rs-qn-field {
    float: left;
    padding: 0 1% 0 1%;
    text-align:right;
    width: 5%;
}

.rs-qn-checkbox {
    border: 1px rgb(200, 200, 200) solid;
    height: 25px;
    width: 400px;
}

.rs-qn-radiogroup {
    border: 1px #000000 dashed;
    border-radius: 10px;
    margin-top: 10px;
}

.rs-qn-field__radio > .rs-qn-label {
    float: right;
    padding:5px 1% 0 1%;
    text-align:left;
    width: 78%;
}

.rs-qn-field__radio > .rs-qn-field {
    float: left;
    padding: 0 1% 0 14%;
    text-align:right;
    width: 5%;
}

.rs-qn-radio {
    border: 1px rgb(200, 200, 200) solid;
    height: 25px;
    width: 10px;
}

.rs-qn-field__dropdown > .rs-qn-label {
    color: #6F6F6F;
    font-size: 14px;
    margin:5px 0 0 20px;
    text-align:left;
}

.rs-qn-field__dropdown > .rs-qn-field {
    padding: 0 1% 0 1%;
    text-align:left;
}

.rs-qn-dropdown {
    border: 1px #DFDFDF solid;
    height: 25px;
    width: 400px;
    margin:5px 0 0 20px;
}




/*.rs-qn-item__button > .rs-qn-label {
    float: left;
    padding:5px 1% 0 1%;
    text-align:right;
    width: 18%;
}*/

.rs-qn-field__button > .rs-qn-field {
    /*float: right;*/
    padding: 0 25% 0 15%;
    text-align:left;
    width: 30%;
}

.rs-qn-button {
    background-color: #49d97f;
    color: #FFFFFF;
    font-weight: 700;
    border: 0px rgb(200, 200, 200) solid;
    height: 25px;
    width: 400px;
}

.b-questionary {
    background-color: #EFEFEF;
    border-radius: 20px;
    display: none;
    padding: 10px 0 10px 0;
    margin: 20px 0 20px 0;
}

.b-questionary-header {
    background-color: #CFCFCF;
    margin: 20px 0 10px 0;
    padding: 10px;
}
