.footer {
    background-color: #e6faff !important;
}
.book-box {
    position: absolute !important;
    bottom: 0;
}

.tab-element .dd-handle {
    color: #000;
    background: #fff;
    border-radius: 5px;
    padding: 8px 15px;
    height: auto;
    border: 2px solid #0055a3;
}

.group-element .dd-handle{
    color: #000;
    background: #fff;
    border-radius: 5px;
    padding: 8px 15px;
    height: auto;
    border: 1px solid #0055a3;
}


.item-element .dd-handle{
    color: #fff;
    background: #0055a3;
    border-radius: 5px;
    padding: 8px 15px;
    height: auto;
    border: 1px solid #0055a3;
}

.dd-item > button {
    color: #000;
}

.btn-box {
   float: right;
   cursor: pointer;
}

.clear {
    clear: both;
}

.element_list_box {
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #f0f0f0;
    border-radius: 10px;
    margin-bottom: 5px;
}

.element_checkbox {
    margin-left: 25px;
}

.clear {
    clear: both;
}

.limit_box {
    display: block;
    clear: both;
}

#restore_admin_button, #add_admin_button {
    margin-top: 15px;
}

.email-list .unread {
    font-weight: 800;
}

.group_box {
    margin-bottom: 15px;
}

.group_name {
    font-weight: bold;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    background-color: #f9f9f9;
}

.question_box {
    margin-left: 25px;
    margin-bottom: 25px;
    padding: 25px 15px 15px 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

label {
    font-weight: 500;
}

hr {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}

.label_box {
    font-weight: 500;
    color: #000;
}

.question_desc {
    margin-bottom: 10px;
}

.text_limit {
    text-align: right;
    margin-top: 10px;
    font-style: italic;
}

.btn-form-box {
    text-align: right;
}

.elem_box {
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 15px;
}

.add_element_box {
    text-align: right;
    margin-bottom: 15px;
}

.question_subgroup {
    margin-top: 15px;
}

.headerTr td{
    font-weight: 500;
    color: #000;
    background-color: #f9f9f9;
}

.headerTrColor {
    font-weight: 500;
    color: #fff;
    background-color: #0055a3 ;
}

.transparent_td {
    background-color: #fff;
}

.picker__select--year {
    width: auto;
}

.picker__select--month {
    width: auto;
}

.display_elem {
    display: none;
}

.margin-top {
    margin-top: 5px;
    float: right;
}

.clear-div {
    clear: both;
}

.margin-left {
    margin-left: 5px;
}

.select2-container {
    margin-bottom: 10px;
}

#toast-container > div {
    max-width: 600px;
}

.elem_box_new_0 {
    display: none;
}

.hidden_element {
    display: none;
}

.btn-edit {
    cursor: pointer;
}

.del_button {
    margin-bottom: 5px;
    float: right;
}

.form-register-label {
    font-weight: 300;
    line-height: 1.2rem;
    font-size: 0.8rem;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 100px;
  background-color: white;
  padding: 10px 10px 0px 10px;
  border-bottom: 3px solid #dee2e6;
  width: 75%;
  z-index: 100;
  
}

.odlAppsTable th {
    font-size: 12px !important;
}

.odlAppsTable td {
    font-size: 11px !important;
}

#dataTableBuilder {
    width: 100% !important;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.karuzel {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .9 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .karuzel {
    display: block;
}

.chatbox .msg_cotainer_send .msg_time_send, .chatbox .msg_cotainer .msg_time {
    font-size: 9px;
}

.chatbox .mBody {
    font-size: 13px;
}

.buttons_div {
    text-align: right;
    margin-bottom: 15px;
}

.notessheet th {
    font-size: 12px !important;
}

.notessheet td {
    font-size: 11px !important;
}

.card-title {
    text-transform: none;
}