.row, .row-fix {

    min-height: 50px;

    display: flex;

    width: 100%;

    padding-top: 5px;

    padding-bottom: 5px;

}



.col-1, .col-fix-1 {

    width: 8.33%;

}



.col-2, .col-fix-2 {

    width: 16.66%;

}



.col-3, .col-fix-3 {

    width: 25%;

}



.col-4, .col-fix-4 {

    width: 33.33%;

}



.col-5, .col-fix-5 {

    width: 41.66%;

}



.col-6, .col-fix-6 {

    width: 50%;

}



.col-7, .col-fix-7 {

    width: 58.33%;

}



.col-8, .col-fix-8 {

    width: 66.66%;

}



.col-9, .col-fix-9 {

    width: 75%;

}



.col-10, .col-fix-10 {

    width: 83.33%;

}



.col-11, .col-fix-11 {

    width: 75%;

}



.col-12, .col-fix-12 {

    width: 100%;

}



.col-center {

    margin-left: auto;

    margin-right: auto;

}



@media screen and (max-width: 767px) {

    .row {

        display: block;

    }



    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {

        width: initial;

    }

}



.session {

    padding: 50px 0;

    width: 100%;

    max-width: 100%;

}



.content {

    padding-left: 5%;

    padding-right: 5%;

}



.pt-1 {

    padding-top: 10px !important;

}



.pb-1 {

    padding-bottom: 10px !important;

}



.pt-2 {

    padding-top: 20px !important;

}



.pb-2 {

    padding-bottom: 20px !important;

}



.pt-3 {

    padding-top: 30px !important;

}



.pb-3 {

    padding-bottom: 30px !important;

}



.pt-4 {

    padding-top: 40px !important;

}



.pb-4 {

    padding-bottom: 40px !important;

}



.pt-5 {

    padding-top: 50px !important;

}



.pb-5 {

    padding-bottom: 50px !important;

}



.pl-1 {

    padding-left: 10px !important;

}



.pr-1 {

    padding-right: 10px !important;

}



.pl-2 {

    padding-left: 20px !important;

}



.pr-2 {

    padding-right: 20px !important;

}



.pl-3 {

    padding-left: 30px !important;

}



.pr-3 {

    padding-right: 30px !important;

}



.pl-4 {

    padding-left: 40px !important;

}



.pr-4 {

    padding-right: 40px !important;

}



.pl-5 {

    padding-left: 50px !important;

}



.pr-5 {

    padding-right: 50px !important;

}



.mr-1 {

    margin-right: 10px;

}



.mr-2 {

    margin-right: 20px;

}



.mr-3 {

    margin-right: 30px;

}



.mr-4 {

    margin-right: 40px;

}



.mr-5 {

    margin-right: 50px;

}



.mt-minus-1 {

    margin-top: -10px;

}



.mt-minus-2 {

    margin-top: -20px;

}



.mt-minus-3 {

    margin-top: -30px;

}



.mt-minus-4 {

    margin-top: -40px;

}



.mt-minus-5 {

    margin-top: -50px;

}



.mb-minus-1 {

    margin-bottom: -10px;

}



.mb-minus-2 {

    margin-bottom: -20px;

}



.mb-minus-3 {

    margin-bottom: -30px;

}



.mb-minus-4 {

    margin-bottom: -40px;

}



.mb-minus-5 {

    margin-bottom: -50px;

}



.padding-5 {

    padding: 5px;

}



.padding-10 {

    padding: 10px;

}



.padding-15 {

    padding: 15px;

}



.padding-20 {

    padding: 20px;

}



.text-center {

    text-align: center;

}



.text-left {

    text-align: left;

}



.text-right {

    text-align: right;

}



.form-group {

}



.form-label {

    display: block;

    font-weight: 600;

    margin-bottom: 4px;

}



.form-control {

    display: block;

    width: 100%;

    padding: .375rem;

    -moz-padding-start: calc(0.75rem - 3px);

    font-size: 0.8rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    border: 1px solid #ced4da;

    border-radius: .25rem;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    margin-top: 6px;

}



    .form-control:focus {

        color: #495057;

        background-color: #fff;

        border-color: #80bdff;

        outline: 0;

        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);

    }



.form-control-radio label {

    position: relative;

    top: -2px;

    left: 2px;

}



.form-group .col-1,

.form-group .col-2,

.form-group .col-3,

.form-group .col-4,

.form-group .col-5,

.form-group .col-6,

.form-group .col-7,

.form-group .col-8,

.form-group .col-9,

.form-group .col-10,

.form-group .col-11,

.form-group .col-12 {

    padding-left: 10px;

    padding-right: 10px;

}





@media screen and (max-width: 767px) {

    .row {

        display: block !important;

    }



    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {

        width: 100% !important;

    }



    .form-group .col-1,

    .form-group .col-2,

    .form-group .col-3,

    .form-group .col-4,

    .form-group .col-5,

    .form-group .col-6,

    .form-group .col-7,

    .form-group .col-8,

    .form-group .col-9,

    .form-group .col-10,

    .form-group .col-11,

    .form-group .col-12 {

        padding-left: 0px;

        padding-right: 10px;

    }



    .form-control {

        display: block;

        width: 100%;

        padding: 0px;

    }

}