a:hover {
    text-decoration: none !important;
}

/*#region Buttons*/
.btn {
    text-transform: none !important;
    border-radius: 50px !important;
    font-size: 20px !important;
    text-align: center !important;
}

.btn.usoft-btn-transparent {
    background: transparent;
    border: none !important;
    box-shadow: none;
    color: #ED8000 !important;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
}

.btn.btn-create-fixed {
    position: fixed;
    border-radius: 50% !important;
    width: 50px;
    height: 50px;
    background-image: url(icons/edit_pen.svg);
    background-repeat: no-repeat;
    background-size: 70px !important;
    background-position-y: 35%;
    background-position-x: 50%;
    opacity: .95;
}

.btn.btn-create-fixed.right-bott {
    bottom: 50px;
    right: 50px;
}

.btn.usoft-btn-transparent.btn-img.comments {
    font-size: 16px !important;
    background-size: 20px 20px !important;
    background-position-x: 15px !important;
    background-position-y: 50% !important;
}

.btn.usoft-btn-transparent.btn-img {
    background-repeat: no-repeat !important;
    background-size: 25px 25px !important;
    background-position-x: 4% !important;
    background-position-y: 10px !important;
}

.btn.usoft-btn-transparent.btn-img.arrow-down {
    background-image: url('icons/arrow_down_orange.svg') !important;
}

.btn.usoft-btn-transparent.arrow-up {
    background-image: url('icons/arrow_up_orange.svg') !important;
}

.btn-img {
    background-size: 12% !important;
    background-position-x: 10px !important;
    background-position-y: 50% !important;
    background-repeat: no-repeat !important;
    padding-left: 40px;
}

.hide-body-scroll {
    overflow: hidden !important;
    margin-right: 10px;
}

.btn.usoft-btn-orange {
    background: #ED8000;
    box-shadow: 0px 4px 4px rgba(144, 78, 0, 0.15);
    color: #FFFFFF;
    width: auto;
    height: 45px;
    padding-right: 15px;
    min-width: 200px;
}

.btn.usoft-btn-orange:hover {
    background: #FF8A00;
}

.btn.usoft-btn-orange:active {
    box-shadow: inset 0px 4px 4px rgba(144, 78, 0, 0.2);
}

.btn.usoft-btn-dark {
    background: #363A3F;
    box-shadow: 0px 4px 4px rgba(54, 58, 63, 0.15);
    color: #FFFFFF;
    width: 173px;
    height: 45px;
}

.btn.usoft-btn-dark:hover {
    background: #4F7CA3;
}

.btn.usoft-btn-dark:active {
    box-shadow: inset 0px 4px 4px rgba(54, 58, 63, 0.2);
}

.btn.usoft-btn-bord-orange {
    border: 2px solid #ED8000;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(237, 128, 0, 0.15);
    color: #ED8000;
}

.btn.usoft-btn-bord-dark {
    border: 2px solid #363A3F;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(237, 128, 0, 0.15);
    color: #363A3F;
    width: 233px;
    height: 36px;
    font-size: 18px !important;
    background-size: 10% !important;
    line-height: normal;
}

.btn.usoft-btn-bord-dark:hover {
    background: #363A3F;
    color: #ffffff;
}

.usoft-btn-bord-dark.btn-img.stage.remove {
    background-image: url('icons/remove.svg');
}

.usoft-btn-bord-dark.btn-img.stage.remove:hover {
    background-image: url('icons/remove_after.svg');
}


.btn.usoft-btn-bord-orange:hover {
    background: #ED8000;
    border: 2px solid #ED8000;
    box-shadow: 0px 4px 4px rgba(237, 128, 0, 0.15);
    color: #ffffff
}

.btn.usoft-btn-bord-orange:active {
    box-shadow: inset 0px 4px 4px rgba(153, 83, 0, 0.2);
}

.usoft-btn-bord-orange.btn-img.stage {
    width: 233px;
    height: 36px;
    font-size: 18px !important;
    background-size: 10% !important;
    line-height: normal;
}

.usoft-btn-bord-orange.btn-img.stage.add {
    background-image: url('icons/add_orange.svg');
}

.usoft-btn-bord-orange.btn-img.arrow-orange {
    background-image: url('icons/arrow_down_orange.svg');
}

.text-black {
    color: #363A3F !important;
}

.search-img {
    background-image: url('icons/search_icon.svg');
}

.usoft-btn-bord-orange.btn-img.stage:hover {
    background-image: url('icons/add_white.svg');
}

.usoft-workflow-active {
    width: 233px;
    height: 38px;
    border-radius: 50px;
    box-sizing: border-box;
    text-transform: none !important;
    font-size: 20px !important;
    background-size: 12%;
    background-position-x: 5%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    padding-left: 40px;
    line-height: 38px;
}

.usoft-subject-type-includedInRating {
    width: 270px;
    height: 38px;
    line-height: 34px;
    border-radius: 50px;
    box-sizing: border-box;
    text-transform: none !important;
    font-size: 20px !important;
    background-size: 20px;
    background-position-x: 3%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    padding-left: 60px;
}

.usoft-workflow-active.on {
    border: 2px solid #ED8000;
    box-shadow: 0px 4px 4px rgba(237, 128, 0, 0.15);
    color: #ED8000;
    background-image: url('icons/active.svg');
    background-size: 10%;
}

.usoft-workflow-active.off {
    border: 2px solid #C0C0C0;
    box-shadow: 0px 4px 4px rgba(85, 85, 85, 0.1);
    color: #C0C0C0;
    background-image: url('icons/not_active.svg');
    background-size: 10%;
}

.usoft-subject-type-includedInRating.on {
    border: 2px solid #ED8000;
    box-shadow: 0px 4px 4px rgba(237, 128, 0, 0.15);
    color: #ED8000;
    background-image: url('icons/included_in_rating.svg');
}

.usoft-subject-type-includedInRating.off {
    border: 2px solid #C0C0C0;
    box-shadow: 0px 4px 4px rgba(85, 85, 85, 0.1);
    color: #C0C0C0;
    background-image: url('icons/ellipse.svg');
}

.btn.usoft-btn-gray {
    background: #C0C0C0;
    box-shadow: 0px 4px 4px rgba(54, 58, 63, 0.1);
}

.btn.usoft-btn-gray:hover {
    background: #363A3F;
}

.btn.usoft-btn-gray:active {
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.2);
}


.btn.usoft-btn-tostep {
    border: 2px solid #363A3F;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(144, 78, 0, 0.15);
    color: #363A3F;
    width: 165px;
    height: 40px;
    line-height: 20px;
}

.btn.usoft-btn-tostep:hover {
    color: #ffffff;
    background-color: black;
}

.educationalUnitHierarchy {}

.folder-icon {
    vertical-align: top;
    padding-top: 5px;
    margin-right: 5px;
    padding-left: 10px;
}

.btn.usoft-folder {
    border: 1px solid #363A3F;
    box-sizing: border-box;
    box-shadow: none;
    margin: 7px;
}

.btn.usoft-folder:hover {
    border: 2px solid #4F7CA3;
    margin: 6px;
}

.btn.usoft-folder:active {
    background: #4F7CA3;
    box-shadow: inset 0px 4px 4px rgba(54, 58, 63, 0.2);
}

.btn.usoft-btn-orange.add.btn-img {
    width: auto;
    height: 44px;
    background-image: url('icons/add_white.svg');
    background-size: 25px !important;
}

.btn.usoft-selected {
    background: #4F7CA3;
    color: white;
}

.btn.usoft-selected:hover {
    background: #3C607F;
}

.btn.usoft-selected:active {
    background: #363A3F;
}

.btn.usoft-selected.btn-img {
    background-image: url('icons/replace_x.svg');
    background-size: 8% !important;
    background-position-x: 98% !important;
    text-align: left !important;
}

/*#endregion Buttons*/

/* Fixed Button Menu*/
.fixed-button-menu {
    position: fixed;
    bottom: 0rem;
    right: 0rem;
    z-index: 1000;
    width: 100%;
    background-color: #fff;
    box-shadow: 5px 0px 5px rgba(5, 33, 57, 0.15);
    padding: 0.6rem;
    padding-right: 2rem;
    margin:0 !important;
}
.fixed-button-menu-background {
    width: 100%;
    background-color: #fff;
    box-shadow: 5px 0px 5px rgba(5, 33, 57, 0.15);
    padding: 0.6rem;
    padding-right: 2rem;
    margin: 0 !important;
    visibility: hidden;
}

/*#region InputTypes*/
textarea {
    width: 408px;
    height: 180px;
    background: #E2E2E2;
    box-shadow: inset 0px 2px 5px rgba(104, 104, 104, 0.2);
    border-radius: 20px;
    outline: none;
    padding: 20px;
}


input[type="text"],
input[type=date],
input[type=datetime],
input[type=number],
input[type=password],
input[type=button],
input[type=email],
input[type=search] {
    padding: 0 10px;
    background: #E2E2E2;
    background-position-x: 98%;
    box-shadow: inset 0px 2px 5px rgba(104, 104, 104, 0.2);
    border-radius: 20px;
    border: none;
    outline: none;
    text-indent: 3%;
    width: 408px;
    height: 37px;
}

.usoft-search,
.usoft-server-search {
    width: 400px;
    height: 30px;
    background-image: url('icons/search.svg') !important;
    background-size: 18px !important;
    background-position-x: 98%;
    background-position-y: 50% !important;
    background-repeat: no-repeat !important;
}

.usoft-div-dark.field-type.search {
    background-image: url(/css/icons/search-white.svg);
    cursor: pointer;
    background-size: 23px;
}

.usoft-server-search.usoft-div-grey{
    background-image: none!important;
}
/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

input[type=search]::-ms-reveal {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}


/* The container */
.usoft-chbx {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px;
}

.usoft-chbx input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    /*position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #363A3F;
    box-sizing: border-box;
    border-radius: 2px;*/
    width: 40px;
    height: 40px;
    background: url('/css/icons/radio_button.svg') 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem;
    display: inline-block;
}

/* On mouse-over, add a grey background color */
.usoft-chbx:hover input~.checkmark {
    background-color: #E2E2E2;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.usoft-chbx input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.usoft-chbx .checkmark:after {
    left: 6px;
    top: 3px;
    width: 7px;
    height: 10px;
    border: solid black;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*Select*/
.browser-default.custom-select {
    background: #363A3F;
    border-radius: 20px;
    background-image: url('icons/select_arrow.svg');
    background-position-x: 96%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 4%;
    color: #FFFFFF;
    cursor: pointer;
    width: 408px;
    height: 37px;
    position: relative;
    padding-left: 20px;
}

.browser-default.custom-select:focus {
    box-shadow: 0 0 1px 1px rgba(79, 124, 163, 0.8);
    outline: none
}


/*#region InputTypes*/

/*#region Text*/
.text {
    color: #363A3F !important;
}

h1[class="size-42px"] {
    font-size: 42px !important;
    color: #363A3F !important;
}

h1[class="size-36px"] {
    font-size: 36px !important;
    color: #363A3F !important;
}

h2 {
    font-size: 24px !important;
    color: #363A3F !important;
}

h3 {
    font-size: 20px !important;
    color: #363A3F !important;
}

h4 {
    font-size: 18px !important;
    color: #363A3F !important;
}

h5 {
    font-size: 16px !important;
    color: #363A3F !important;
}

/*#endregion Text*/

/*#endregion Text*/

.usoft-padding-35px {
    margin-top: 35px;
}

/*For DropDown*/
.dropdown-content {
    background: #E2E2E2;
    border-radius: 5px;
    display: none;
    position: absolute;
    background-color: #363A3F;
    color: #FFFFFF;
    width: 160px;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 99999;
}

.dropdown-content a {
    color: #FFFFFF;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    z-index: 99999 !important;
}

.dropdown-content a:hover {
    background-color: #4F7CA3;
    color: #FFFFFF;
}

.dropdown-content button {
    color: #FFFFFF;
    background-color: #363A3F;
    padding: 12px 16px;
    text-decoration: none;
    font-size: 16px;
    display: block;
    width: 160px;
    height: 48px;
    border: none;
    text-align: left;
}

.dropdown-content button:hover {
    background-color: #4F7CA3;
    color: #FFFFFF;
}

.show-dropdown {
    display: block;
}

/* CONTEXT MENU */
.context-menu:hover,
.student-context-menu:hover,
.context-menu-users:hover,
.context-menu-educational_units:hover {
    cursor: pointer;
    background-image: url('icons/context-menu-hover.svg');
}

.filter-icon {
    cursor: pointer;
}

div.usoft-div-bord-orange {
    height: 32px;
    border-radius: 50px;
    font-size: 20px;
    text-align: center;
    border: 2px solid #ED8000;
    box-shadow: 0px 4px 4px rgba(237, 128, 0, 0.15);
    color: #ED8000;
    margin: 0 20px;
}

div.usoft-div-bord-gray {
    height: 32px;
    border-radius: 50px;
    font-size: 20px;
    text-align: center;
    border: 2px solid #c0c0c0;
    color: #c0c0c0;
    margin: 0 20px;
}

/*#region ViewStage*/
.usoft-btn-combined {
    border-radius: 50px;
    background: #363A3F;
    box-shadow: 0px 4px 4px rgba(54, 58, 63, 0.1);
    padding: 0;
    height: 40px;
    width: 433px;
}

.usoft-btn-combined .item {
    font-size: 18px;
    color: #FFFFFF !important;
    text-decoration: none;
    cursor: default !important;
    line-height: 40px;
    border-radius: 50px;
    background: #363A3F !important;
}

.usoft-btn-combined .item.active {
    border-radius: 50px;
    background: #363A3F !important;
    box-shadow: 2px 0px 4px rgba(79, 124, 163, 0.25);
    margin-right: 2px;
}

.usoft-btn-combined.done {
    background: #E2E2E2;
    box-shadow: 2px 0px 4px rgba(54, 58, 63, 0.1);
}

.usoft-btn-combined.done .item {
    background: #E2E2E2 !important;
    color: #8E8E8E !important;
}


.usoft-btn-combined.done .item.active {
    background: #E2E2E2;
    box-shadow: 2px 0px 4px rgba(144, 144, 144, 0.25);
}

.usoft-btn-combined.current {
    background: #4F7CA3;
}

.usoft-btn-combined.current .item {
    background: #4F7CA3 !important;
}

.usoft-btn-combined.current .item.active {
    background: #4F7CA3;
    box-shadow: 2px 0px 4px rgba(27, 61, 90, 0.25);
}


.usoft-btn-combined.bord-orange {
    height: 32px;
    width: 300px;
    background: #FFFFFF;
    border: 2px solid #ED8000;
}

.usoft-btn-combined.bord-orange .item {
    background: #FFFFFF !important;
    color: #ED8000 !important;
    line-height: 32px;
}

.usoft-btn-combined.bord-orange .item.active {
    background: #FFFFFF;
    border: 2px solid #ED8000;
    box-shadow: 2px 0px 4px rgba(27, 61, 90, 0.25);
}




/*#endregion ViewStage*/

.usoft-active-stage {
    width: 80px;
    height: 36px;
    color: #ED8000;
    background: #FFFFFF;
    border: 2px solid #ED8000;
    box-sizing: border-box;
    box-shadow: 2px 0px 4px rgba(125, 68, 0, 0.25);
    border-radius: 50px;
    font-size: 18px;
    text-align: center;
    line-height: 33px;
}

.usoft-file {
    max-width: 220px;
    min-width: 220px;
    height: 180px;
    background-position: center !important;
    background: #E7E7E7;
    box-shadow: 5px 2px 6px 5px rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    font-size: 20px;
    color: #FFFFFF;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    border: 1px solid #80808054;
    border-top: 0.5px solid rgba(128, 128, 128, 0.33) !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*cursor: pointer;*/
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.usoft-file.creation {
    background-size: 70% !important;
}

.usoft-file.zip,
.usoft-file.rar {
    background: url('icons/zip_icon.svg');
    background-size: 70% !important;
}

.usoft-file.pdf {
    background: url('icons/zip_icon.svg');
    background-size: 62% !important;
}

.usoft-file.docx {
    background: url('icons/docx_icon.svg');
    background-size: 60% !important;
}

.usoft-file.xlsx {
    background: url('icons/xlsx_icon.svg');
    background-size: 70% !important;
}

.usoft-file:hover {
    box-shadow: none;
}

.usoft-file-hover {
    border-radius: 10px;
    margin-top: -41px !important;
    width: inherit;
    height: inherit;
    background: linear-gradient(rgba(5, 33, 57, 0.5), rgba(5, 33, 57, 0.5));
    /*padding: 70px 0;*/
    cursor: default;
    display:flex;
}

.usoft-file-hover .file-name{
    margin: auto;
    white-space: pre-wrap;
    text-align: center;
    max-height: 90px;
    overflow: hidden;
    line-break: anywhere;
}

.video-icon-div {
    border-radius: 10px;
    margin-top: -41px !important;
    padding-top: 127px;
    max-width: 220px;
    height: 180px;
    cursor: default;
    background-position: center;
    background-size: 100px;
    background-repeat: no-repeat;
    opacity: 0.90;
    text-align: center;
    background-image: url("icons/video_icon.svg");
    z-index: 2;
}

.video-icon-div:hover {
    background-color: rgba(5, 33, 57, 0.6);
    background-image: url("icons/video_icon.svg");
    background-position: center;
    background-size: 100px;
    background-repeat: no-repeat;
    opacity: 1;
}

.usoft-pnl {
    position: fixed;
    left: 0;
    padding-left: 20%;
    right: 0;
    background-color: white !important;
    overflow: hidden !important;
    z-index: 9998;
    box-shadow: 0px -4px 20px rgba(79, 124, 163, 0.1);
}

.usoft-pnl.bottom {
    bottom: 0px;
    height: 70px;
}

.usoft-pnl-content {
    margin-top: 20px;
    margin-bottom: 20px;
}

.dxreView::-webkit-scrollbar {
    width: 5px !important;
}

.context-menu.account {
    background-image: none !important;
}

/*#region SubjectFeed*/

div .feed-container {
    background: #FFFFFF;
    border: 1px solid #F3F3F3;
    box-sizing: border-box;
    box-shadow: 0px 5px 17px rgba(54, 58, 63, 0.03);
    border-radius: 13px;
    min-height: 250px;
    position: relative;
    overflow: hidden;
}

.feed-head-text {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #363A3F;
}

div .feed-material-text {
    position: relative;
    bottom: 5px;
    color: #4F7CA3;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 36px;
}

.feed-material-arrow {
    cursor: pointer;
}

.feed-material-content {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 36px;
    /* or 200% */
    color: #363A3F;
}

div .feed-description {
    word-break: break-word;
    /*white-space: pre-line;*/
    overflow-y: hidden !important;
}

.feed-description-text {
    min-height: 140px;
    overflow-y: hidden !important;
}

.feed-description-text img {
    max-width: 100%;
}

/*.rotated {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); // IE 9 
    -moz-transform: rotate(180deg); // Firefox 
    -webkit-transform: rotate(180deg); // Safari and Chrome 
    -o-transform: rotate(180deg); // Opera 
}*/
/*#endregion*/
/*#region DateTime_Picker*/
.wdp .wdp-container .wdp-header {
    background: #4F7CA3 !important;
}

.wdp .wdp-container .wdp-header svg {
    fill: #FFFFFF !important;
}

.wdp .wdp-container {
    font-family: Futura Bk BT !important;
}

.wdp .wdp-container .wdp-date-container ul li.wdp-active:before {
    background: #4F7CA3 !important;
}

.wdp .wdp-container .wdp-hour-container .wdp-hour-el-container input {
    background: #4F7CA3 !important;
}

.wdp.wdp-active {
    z-index: 9999;
}

.usoft-datepicker {
    height: 32px;
    background: #ffffff;
    box-shadow: none;
    width: 40px;
    -webkit-appearance: none;
    background-image: url('/css/icons/date_icon.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0px 4px 4px rgba(237, 128, 0, 0.15);
}

.date-button {
    border: none;
    border-radius: 50%;
    height: 2.3rem !important;
    width: 2.3rem !important;
    background-image: url(/css/icons/date_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem;
    box-shadow: none;
    margin-top: 0px;
    cursor: pointer;
}

.date-button:hover {
    background-color: #e2e2e2 !important;
}

.date-button:active {
    background-color: #C0C0C0 !important;
}

/*#endregion*/

.readmore-js-toggle,
.readmore-js-section {
    display: block !important;
}

/* RADIO BUTTONS */

.input-hidden {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.radio-buttons-container input[type=radio] {
    transform: scale(6);
    margin-right: 40px;
    margin-top: -10px !important;
}

input[type=radio]+label>.radio-image {
    width: 40px;
    height: 40px;
    background: url('/css/icons/radio_button.svg') 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem;
    display: inline-block;
}

input[type=radio]:checked+label>.radio-image {
    background: url('/css/icons/radio_button_checked.svg') 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2rem;
}

.radio-image.default {
    cursor: pointer;
}

input[type=radio]+label>.radio-image.disabled {
    width: 40px !important;
    height: 40px !important;
    background: url('/css/icons/radio_button_disabled_checked.svg') 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1.5rem !important;
    display: inline-block !important;
}

input[type=radio]+label>.radio-image.wrong {
    width: 40px !important;
    height: 40px !important;
    background: url('/css/icons/radio_button_wrong.svg') 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 2rem !important;
    display: inline-block !important;
}

input[type=radio]+label>.radio-image.wrong-unselected {
    width: 40px !important;
    height: 40px !important;
    background: url('/css/icons/radio_button_wrong_unselected.svg') 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1.5rem !important;
    display: inline-block !important;
}

input[type=radio]+label>.radio-image.correct {
    width: 40px !important;
    height: 40px !important;
    background: url('/css/icons/check_mark.svg') 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1.5rem !important;
    display: inline-block !important;
}

.radio-text {
    font-size: 20px;
    padding-left: 0px !important;
    padding-top: 4px;
}

.checkbox-image.default+.radio-text span,
.radio-image.default+.radio-text span {
    cursor: pointer !important;
}

/* CHECKBOX */

.radio-buttons-container input[type=checkbox] {
    transform: scale(6);
    margin-right: 40px;
    margin-top: -10px !important;
}

input[type=checkbox]+label>.checkbox-image {
    width: 40px;
    height: 40px;
    background: url('/css/icons/checkbox.svg') 100%;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 1.5rem;
    display: inline-block;
}

input[type=checkbox]:checked+label>.checkbox-image {
    background: url('/css/icons/checkbox_checked.svg') 100%;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 1.5rem;
}

/*input[type=checkbox] + label > .checkbox-image.disabled {
    width: 40px !important;
    height: 40px !important;
    background: url('/css/icons/radio_button_disabled_checked.svg') 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1.5rem !important;
    display: inline-block !important;
}*/

input[type=checkbox]+label>.checkbox-image.correct {
    width: 40px !important;
    height: 40px !important;
    background: url('/css/icons/checkbox_correct.svg') 100% !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
    background-size: 1.5rem !important;
    display: inline-block !important;
}


input[type=checkbox]+label>.checkbox-image.wrong {
    width: 40px !important;
    height: 40px !important;
    background: url('/css/icons/checkbox_wrong.svg') 100% !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
    background-size: 1.5rem !important;
    display: inline-block !important;
}

.checkbox-image.default {
    cursor: pointer !important;
}


/*input[type=checkbox] + label > .checkbox-image.wrong-unselected {
    width: 40px !important;
    height: 40px !important;
    background: url('/css/icons/radio_button_wrong_unselected.svg') 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1.5rem !important;
    display: inline-block !important;
}*/

/* */
@media screen and (min-width: 1108px) {

    #inner_eu_container,
    #subject-container,
    #objects-container,
    #users-container,
    #docTemplate-container,
    #docRequest-container {
        padding-left: 8rem !important;
    }
}

@media screen and (min-width: 1650px) {

    #inner_eu_container,
    #objects-container,
    #docTemplate-container,
    #docRequest-container {
        padding-left: 14.5rem !important;
    }
}

@media screen and (min-width: 1850px) {

    #users-container,
    #inner_eu_container,
    #subject-container,
    #docTemplate-container,
    #docRequest-container {
        padding-left: 15.5rem !important;
    }
}

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

    #inner_eu_container,
    #subject-container,
    #objects-container,
    #docTemplate-container{
        padding-left: 5rem !important;
    }

    #docRequest-container{
        padding-left: 1rem !important;
    }
}

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

    #CreateFeedItem,
    #subject-container,
    #objects-container,
    #docTemplate-container{
        padding-left: 8rem;
    }

    #docRequest-container {
        padding-left:2rem !important;
    }
}

@media screen and (max-width:1300px) and (min-height:1250px) {

    #CreateFeedItem,
    #subject-container,
    #objects-container,
    #docTemplate-container {
        padding-left: 6rem;
    }

    #docRequest-container{
        padding-left: 4rem !important;
    }
}

@media screen and (max-width: 1120px){
    #docRequest-container {
        padding-left: 1rem !important;
    }
}


.required-field-mark {
    color: red;
}

.like {
    background-image: url('icons/like.svg');
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    background-position-y: 50% !important;
    background-color: transparent;
    box-sizing: border-box;
    text-decoration: none;
    line-height: 50px;
    border: none;
    width: 50px;
    cursor: pointer;
    text-indent: 30px;
    font-size: 18px;
    height: 50px;
}

.like.liked {
    background-image: url('icons/liked.svg');
}

.ideas-description {
    word-break: break-all;
    white-space: pre-line;
    font-style: normal;
    margin-top: -65px;
    font-weight: normal;
    font-size: 18px;
    line-height: 36px;
    color: #363A3F;
    min-height: 200px;
}

div.idea-container {
    background: #FFFFFF;
    border: 1px solid #F3F3F3;
    box-sizing: border-box;
    box-shadow: 0px 5px 17px rgba(54, 58, 63, 0.03);
    border-radius: 13px;
    min-height: 200px;
    position: relative;
    /*overflow: hidden;*/
}

.bottom-line {
    border-bottom: 3px solid rgba(237, 128, 0, 0.8);
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
    color: #ED8000;
    font-size: 18px;
    opacity: .85;
}

div .idea-material-text {
    color: #4F7CA3;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 46px;
    position: relative;
    top: 0px;
}

input[type="text"].comment-input {
    color: #8E8E8E;
    border: none;
    background: #FFFFFF;
    box-shadow: none;
    font-size: 16px;
    text-indent: unset;
    padding: unset;
    padding-top: 10px;
    height: auto !important;
    border-radius: unset !important;
    width: 100%;
    border-bottom: 1px solid #8E8E8E;
}

textarea.comment-input {
    color: #8E8E8E;
    border: none;
    background: inherit;
    box-shadow: none;
    font-size: 16px;
    text-indent: unset;
    padding: unset;
    padding-top: 10px;
    border-radius: unset !important;
    height: 20px;
    width: 100%;
    overflow: visible;
    border-bottom: 1px solid #8E8E8E;
    resize: vertical;
}

.btn.usoft-btn-orange.add-comment {
    font-size: 18px !important;
    height: unset;
}

.btn.usoft-btn-transparent.cancel-comment {
    color: #8E8E8E !important;
    font-size: 18px !important;
}

div.comment-text {
    white-space: pre-line;
    margin-top: -20px;
    line-break: anywhere;
}

.comment-view {
    border-bottom: 3px solid rgba(54, 58, 63, 0.05);
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
}

.insert-comments {
    padding-right: 30px;
    padding-left: 15px;
    max-height: 430px;
    overflow-y: auto;
}

.insert-comments::-webkit-scrollbar {
    width: 3px !important;
}

.created-message {
    background-image: url(/css/icons/done_orange.svg);
}

a.link-btn {
    text-transform: none !important;
    display: inline-block;
    border-radius: 5px !important;
    /*border-radius: 25px !important;*/
    font-size: 20px !important;
    text-align: center !important;
    background: #ED8000;
    box-shadow: 0px 4px 4px rgba(144, 78, 0, 0.15);
    color: #FFFFFF;
    width: auto;
    height: 45px;
    line-height: 35px;
    padding: 5px 10px;
    /*min-width: 170px;*/
}

a.link-btn:hover {
    background: #FF8A00;
    text-decoration: none;
}

a.link-btn label {
    margin-bottom: 0px !important;
    padding: 2px !important;
}

a.link-btn img {
    margin-bottom: 3px !important;
}

a.link-btn>label:hover {
    cursor: pointer !important;
}

a.link-btn:active {
    box-shadow: inset 0px 4px 4px rgba(144, 78, 0, 0.2);
}

.card-header {
    background: #363A3F;
    height: 65px;
    cursor: pointer;
}

.card-header.show {
    box-shadow: 0px 4px 4px rgba(89, 89, 89, 0.25);
}

.card-header[aria-expanded="true"] {
    background-color: rgb(237, 128, 0);
}

.card {
    border: none;
    border-radius: 5px;
    box-shadow: none;
    border-radius: unset;
}

.card-header:first-child {
    border-radius: 5px;
}

.card-body {
    background: transparent !important;
    border: none !important;
}

.select-color {
    box-sizing: border-box;
    height: 2em;
    width: 2em;
    border-radius: .15em;
    display: block;
    background-color: #ED8000;
    cursor: pointer;
}

.color-input {
    height: inherit !important;
    width: inherit !important;
    opacity: 0 !important;
}

.color-input:hover {
    cursor: pointer !important;
}

.img-upload {
    width: inherit;
    height: 20vw;
    background: url('icons/download.svg');
    background-repeat: no-repeat;
    background-size: 50% !important;
    border: dashed;
    background-position-x: 50%;
    background-position-y: 50%;
    display: inline-block;
    cursor: pointer;
    border-radius: 20px 0px 20px 0;
}

.img-upload.cover {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.popover-header {
    font-size: 16px !important;
    text-align: center;
}

.img-upload.dragenter {
    border: dashed;
    background: #C0C0C0;
    border-radius: unset;
}

.usoft-tooltip {
    background-image: url('/css/icons/group_checkbox_info.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: 50%;
    --balloon-font-size: 14px;
    --balloon-color: #363A3F;
    z-index: 1001;
}

.scroll-top {
    position: absolute;
    top: 560px;
    left: 340px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ED8000;
    background-image: url("/css/icons/scroll_top_icon.svg");
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 1px;
    background-size: 60px;
    opacity: 0.95;
    cursor: pointer;
    z-index: 1;
    display: none;
}

.hidden {
    visibility: hidden !important;
}

.invalid-message {
    color: red;
    visibility: hidden;
    width: 100%;
    margin-top: .25rem;
}

.usoft-padding-25 {
    margin-top: 25px;
}

.ms-login {
    background-image: url('/css/icons/ms-logo.svg');
    background-repeat: no-repeat;
    background-size: 110%;
    background-position-x: 50%;
    background-position-y: 50%;
    border-radius: 50%;
    width: 35px;
    height: 35px;
}

.ms-login.not-bound {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
}

.ms-login.not-bound:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -moz-filter: grayscale(0%);
}

.btn.remove-btn {
    border: none;
    border-radius: 50%;
    height: 40px !important;
    width: 40px !important;
    background-image: url(/css/icons/delete_icon_black_2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    box-shadow: none;
    margin-top: 0px;
}

.btn.remove-btn.small-black {
    height: 30px !important;
    width: 30px !important;
    background-size: 25px;
    /*background-position: center;*/
    background-position-x: 59%;
    background-position-y: 49.75%;
    background-image: url(/css/icons/delete-icon_white.svg);
    background-color: #363A3F !important;
}

.btn.remove-btn.small-black:hover {
    background-color: black !important;
}

.btn.remove-btn.bin {
    background-image: url(/css/icons/bin.svg);
    background-size: 25px;
}

.btn.remove-btn.bin.white {
    background-image: url(/css/icons/bin_white.svg);
    background-color: #363A3F !important;
}

.btn.remove-btn:hover {
    background-color: #e2e2e2 !important;
}

.btn.remove-btn.bin.white:hover {
    background-color: black !important;
}

.btn.remove-btn:hover {
    background-color: #e2e2e2;
}

.btn.edit-btn {
    border: none;
    border-radius: 50%;
    height: 40px !important;
    width: 40px !important;
    background-image: url(/css/icons/delete_icon_black_2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    box-shadow: none;
    margin-top: 0px;
}

.outline-off {
    outline: none !important;
}

.outline-off:active {
    outline: none !important;
}

.outline-off:focus {
    outline: none !important;
}

.outline-off:hover {
    outline: none !important;
}

.usoft-btn-link {
    background: transparent;
    border: none !important;
    box-shadow: none;
    background-size: 30px 30px;
    background-position-x: 5% !important;
    background-repeat: no-repeat !important;
    background-position-y: 50% !important;
    text-indent: 40px;
    line-height: 42px;
    color: #363A3F !important;
    white-space: nowrap;
    font-size: 20px !important;
    display: inline-block;
    padding-right: 15px;
}

.usoft-btn-link.teams {
    background-image: url('/css/icons/teams_original_icon.svg') !important;
}

.usoft-btn-link.word {
    background-image: url('/css/icons/icon_word.svg') !important;
}

.education-units-childs {
    overflow-y: auto;
    max-height: 320px;
}

.education-units-childs::-webkit-scrollbar {
    width: 5px !important;
}

label.active {
    background-color: #ffffff !important;
}

.info-div {
    border: 1px solid #F3F3F3;
    box-sizing: border-box;
    box-shadow: 0px 5px 17px rgba(54, 58, 63, 0.03);
    border-radius: 15px;
    position: relative;
}


.test-file-input {
    height: 50px;
    background: #eb8000;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    border: 2px dashed #eb8000;
    border-radius: 3px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.test-file-input.black-border {
    border: 2px dashed #363A3F;
}


.add-question-block-btn {
    cursor: pointer;
    background-color: #e7e7e7;
    border: 2px dashed #363A3F;
    color: #363A3F !important;
    border-radius: 5px;
}

.add-question-block-btn:hover {
    border: 2px dashed #ED8000;
}

.usoft-alert-close {
    height: 100%;
    width: 35px;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    background-image: url(/css/icons/close_fat_black.svg);
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: 0;
}

.usoft-alert-close:hover {
    background-image: url(/css/icons/close_fat_black.svg) !important;
}

.usoft-alert-close:focus {
    outline: none !important;
    border: none !important;
}

.usoft-alert-close:active {
    outline: none !important;
    border: none !important;
    background-image: url(/css/icons/close_fat_black.svg) !important;
}

.usoft-alert-close.white-icon {
    background-image: url(/css/icons/close_white.svg);
}

.usoft-alert {
    min-height: 50px !important;
    line-height: 30px !important;
    padding: 10px 2rem !important;
    font-size: 1.15rem;
    word-break: break-all;
}

.usoft-alert.alert-dismissible {
    padding-right: 4rem !important;
}

.alert-orange {
    color: #363A3F;
    background-color: #ED8000;
}

.alert-usoft-warning {
    background-color: #fbe6cc;
    color: #ed8000;
    border: 1px solid #ed80008a;
}

.alert-usoft-warning .usoft-alert-close {
    background-image: url(/css/icons/close_fat_orange.svg);
}


.btn.remove-image {
    position: absolute;
    top: -10px;
    right: -15px;
    display: none;
}

.point-error {
    width: 400px;
    color: red;
    font-size: 20px;
}

.notification-option{
    cursor: pointer;
    background-repeat: no-repeat !important;
    max-height: 30px;
    background-position:center;
}

.notification-option.mail{
    background-image: url('/css/icons/email.svg');
    background-size:30px;
}

.notification-option.site{
    background-image: url('/css/icons/notification_icons/default_notification_icon.svg');
    background-size: 30px;
}

.notification-option.mail.active-opt{
    background-image: url('/css/icons/email_orange.svg');
}

.notification-option.site.active-opt{
    background-image: url('/css/icons/notification_icons/default_notification_icon_orange.svg');
}

/* Progress bar */
.progress-bar-percentage {
    font-size: 20px;
    font-weight: bold;
    width: 100%;
}

.progress-bar-wrapper {
    margin-top: 10px;
    width: 100%;
    height: 8px;
    background-color: #E7E7E7;
    border-radius: 4px;
    position: relative;
}

.progress-bar {
    height: 8px;
    background-color: #4F7CA3;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
}

.progress-bar-percentage {
    color: #363A3F;
    padding: 0 10px;
}
/*------------------------*/

.cursor-default {
    cursor: default !important;
}

.default.cursor-default {
    cursor: default !important;
}

.default.cursor-no-drop {
    cursor: no-drop !important;
}

/* Circle button */
.btn.usoft-circle-btn {
    border: none;
    border-radius: 50%;
    height: 40px !important;
    width: 40px !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    box-shadow: none;
    margin-top: 0px;
}

.btn.usoft-circle-btn.white-circle.copy-link {
    background-size: 25px;
    background-image: url(/css/icons/link_icon.svg)
}

.btn.usoft-circle-btn.white-circle:hover {
    background-color: #e2e2e2 !important;
}

.btn.usoft-circle-btn.copy-link.vote-link {
    position: absolute;
    right: 20px;
    top: 20px;
}

.btn.usoft-btn-white {
    border: none;
    border-radius: 20px;
    height: 40px !important;
    line-height: 20px;
    background-repeat: no-repeat;
    box-shadow: none;
    padding-left: 20px;
    padding-right: 45px;
    border: 2px solid black;
}

.btn.usoft-btn-white.copy-link {
    background-position: 93%;
    background-size: 25px;
    background-image: url(/css/icons/link_icon.svg)
}

.btn.usoft-btn-white:hover {
    background-color: #e2e2e2 !important;
}

.btn.usoft-btn-white.copy-link.vote-link {
    position: absolute;
    right: 20px;
    top: 20px;
}

/*Prompt Modal*/
.prompt-modal .modal-content {
    width: 440pt;
    text-align: center;
}

.prompt-modal .modal-header {
    font-weight: bold;
    font-size: 24px;
}

.prompt-modal .modal-body {
    font-size: 20px;
    word-break: break-word;
}

.prompt-modal .modal-body {
    padding-left: 3rem !important;
    padding-right: 2.5rem !important;
}