/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 17.08.2015., 10.04.16
    Author     : Marko
*/

*::-webkit-scrollbar {
    width: 15px;
}

*::-webkit-scrollbar-thumb {
    background: #f4f4f4;
    border-radius: 10px;
    border: 4px solid #293846;
}

*::-webkit-scrollbar-track {
    background-color: #293846;
}

.form_group_login_password {
    position: relative;
}

.form_group_login_password .login_show_password,
.create_user_show_password {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translate(-5px, -45%);
    cursor: pointer;
}

.login_page_special_link.active {
    border: none !important;
    background: none !important;
}

.login_page_special_link.active>a {
    color: #999c9e !important;
}

.create_user_show_password {
    right: 15px;
    transform: translate(-10px, -45%);
}

#toggle_pwd,
#toggle_pwd_create_user {
    font-size: 16px;
}

#toggle_pwd::before,
#toggle_pwd_create_user::before {
    color: #1a2035;
}

.remember_me_container {
    display: flex;
    justify-content: center;
}

.remember_me_container .remember_me_label {
    display: flex;
    align-items: center;
}

.mt-10 {
    margin-top: 10px;
}

#pwd_strength_wrap {
    border: 1px solid #D5CEC8;
    display: none;
    padding: 10px;
    position: absolute;
    right: -60%;
    top: 0;
    background: #fff;
    border-radius: 5px;
    width: max-content;
}

#pwd_strength_wrap:before,
#pwd_strength_wrap:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
    /* arrow size */
}

#pwd_strength_wrap:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0.1);
    border-top: 7px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: -18px;
    position: absolute;
    top: 10px;
}

#pwd_strength_wrap:after {
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid #fff;
    border-top: 6px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: -16px;
    position: absolute;
    top: 11px;
}

#pswd_info ul {
    list-style-type: none;
    margin: 5px 0 0;
    padding: 0;
}

#pswd_info ul li {
    padding: 0;
}

#pswd_info ul li:before {
    content: "-";
    padding: 0 5px;
}

#pswd_info ul li.valid {
    background-position: left -42px;
    color: green;
}

#passwordStrength {
    display: block;
    height: 5px;
    margin-bottom: 10px;
    transition: all 0.4s ease;
}

#passwordDescription {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 600;
}

.strength0 {
    background: none;
    /* too short */
    width: 0px;
}

.strength1 {
    background: none repeat scroll 0 0 #FF4545;
    /* weak */
    width: 25%;
}

.strength2 {
    background: none repeat scroll 0 0 #FFC824;
    /* good */
    width: 50%;
}

.strength3 {
    background: none repeat scroll 0 0 #6699CC;
    /* strong */
    width: 75%;
}

.strength4 {
    background: none repeat scroll 0 0 #008000;
    /* best */
    width: 100%;
}

.navbar-static-side {
    position: fixed;
    overflow-y: scroll;
    height: 100vh;
}

#time_since_device_registration {
    text-align: center;
}

body.mini-navbar .navbar-static-side {
    width: 80px;
}

.checkbox label {
    display: flex;
    align-items: center;
}

.dataTables_length {
    margin-top: 10px;
}

.dataTables_length label {
    display: flex;
    align-items: center;
    gap: 5px;
}

div.dataTables_wrapper div.dataTables_length select {
    padding: 0;
    width: max-content;
}

.select2-container--default .select2-selection--single {
    height: 34px !important;
    border-radius: 0 !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px !important;
}

.root_cause_of_problem_add_new_problem {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 15px;
}

.root_cause_of_problem_add_new_problem button {
    margin-bottom: 0 !important;
}

.visible {
    display: block !important;
}

.horizontal_line_for_root_problem_solving {
    border: 1px solid firebrick;
}

.middle-box h1 {
    font-size: 120px;
}

.table .btn {
    margin-bottom: 0;
}

.dd-item button.nested-remove,
.dd-item a.nested-remove {
    margin: 5px;
}

.dd-list {
    display: block !important;
}

.ibox {
    box-shadow: 3px 3px 5px rgb(0 0 0 / 10%);
}

.ibox-title-warning {
    border-color: #f8ac59;
}

.ibox-title-danger {
    border-color: #ed5565;
}

.ibox-title-info {
    border-color: #1c84c6;
}

.ibox-title-success {
    border-color: #1ab394;
}

/*.nav > li > a.active {
  border-left: 4px solid #19aa8d;
  background: #293846;
}*/

select#select-parameter {
    min-width: 300px
}

.form-inline>.form-group {
    vertical-align: top;
}

.margin-right-5 {
    margin-right: 5px
}

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

.legend-custom {
    float: right;
    margin-right: 5px
}

.legend-square {
    width: 15px;
    height: 15px;
    float: left;
}

.spinner-custom {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;
}

select.select-icon {
    min-width: 200px;
}

.dd-nodrag {
    display: block;
    margin: 5px 0;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    border: 1px solid #e7eaec;
    background: #f5f5f5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
}


ol.sortable,
ol.sortable ol {
    margin: 0 0 0 25px;
    padding: 0;
    list-style-type: none;
}

ol.sortable {
    margin: 1em 0;
}

.sortable li {
    margin: 5px 0 0 0;
    padding: 0;
}

.sortable li div {
    display: flex;
    align-items: center;
    vertical-align: middle;
    margin: 0;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    border: 1px solid #e7eaec;
    background: #f5f5f5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.sortable li div:hover {
    background: #f0f0f0;
    cursor: pointer;
    font-weight: bold;
}

.sortable li div div {
    width: 60px;
    float: right;
    text-align: right;
    border: 0;
    background: transparent;
    margin-top: -6px;
}

.sortable li div div img {
    cursor: pointer;
}

.sortable .file div:before {
    font-family: FontAwesome;
    content: '\f016';
    margin-right: 5px;
}

.disclose {
    cursor: pointer;
    width: 10px;
    display: none;
    margin-right: 10px;
}

.sortable li.mjs-nestedSortable-collapsed>ol {
    display: none;
}

.sortable li.mjs-nestedSortable-branch>div>.disclose {
    display: inline-block;
}

.sortable li.mjs-nestedSortable-collapsed>div>.disclose>span:before {
    color: #ebba16;
    font-family: FontAwesome;
    content: '\f07b';
}

.sortable li.mjs-nestedSortable-expanded>div>.disclose>span:before {
    color: #ebba16;
    font-family: FontAwesome;
    content: '\f07c';
}

i.fa-check-circle {
    color: #008000;
}

i.fa-times-circle {
    color: #FF0000;
}

.warning-light {
    -webkit-animation: argh-my-eyes 1s infinite;
    -moz-animation: argh-my-eyes 1s infinite;
    animation: argh-my-eyes 1s infinite;
}

@-webkit-keyframes argh-my-eyes {
    0% {
        background-color: #fff;
    }

    49% {
        background-color: #fff;
    }

    50% {
        background-color: #ff0000;
    }

    99% {
        background-color: #ff0000;
    }

    100% {
        background-color: #fff;
    }
}

@-moz-keyframes argh-my-eyes {
    0% {
        background-color: #fff;
    }

    49% {
        background-color: #fff;
    }

    50% {
        background-color: #ff0000;
    }

    99% {
        background-color: #ff0000;
    }

    100% {
        background-color: #fff;
    }
}

@keyframes argh-my-eyes {
    0% {
        background-color: #fff;
    }

    49% {
        background-color: #fff;
    }

    50% {
        background-color: #ff0000;
    }

    99% {
        background-color: #ff0000;
    }

    100% {
        background-color: #fff;
    }
}

.required:after {
    color: #e32;
    content: ' *';
    display: inline;
}


.ticket_heading {
    color: #a7b1c2 !important;
    background-color: #2f4050 !important;
    border-color: #ddd !important;
}

.ticket_heading .ibox h2 {
    font-weight: 600;
}

.ticket_underline {
    border-bottom: 0.5px solid slategrey;
    padding-bottom: 10px;
}

.ticket_aboveline {
    border-top: 0.5px solid slategrey !important;
    padding-top: 10px !important;
}

.ticket_show_h4 {
    font-weight: 400;
    font-size: 13px;
}

.ticket_show_font {
    font-size: 14px;
}

.ticket_show_font_highlight {
    color: #007b85 !important;
    ;
}

.ticket_show_font_highlight:hover {
    color: #006670 !important;
}

.ticket_show_font_highlight:active {
    color: #006670 !important;
}


div.pager {
    text-align: right;
    margin: 1em 0;

}

div.pager span {

    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 1.8;
    text-align: center;
    cursor: pointer;
    border: 1px solid #DDDDDD;
    background: #FFFFFF;
    color: #2f4050;
    margin-right: 0.5em;
}

div.pager span.active {
    background: #f4f4f4;
}

div.pager span:hover {
    background: #f2f2f2;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #676a6c !important;
}

.option_placeholder {
    color: #676a6c !important;
    font-size: 13px;
}

#fileList>div>label>span:last-child {
    color: red;
    display: inline-block;
    margin-left: 7px;
    cursor: pointer;
}

#fileList input[type=file] {
    display: none;
}

#fileList>div:last-child>label {
    display: inline-block;
    width: 30px;
    height: 28px;
    font: 25px/22px Tahoma;
    color: #1ab394;
    text-align: center;
    border: 1px solid #1ab394;
    border-radius: 0%;
}

.price_per_device_unit {
    padding: 5px 0;
}

.cloud_billing_pdf {
    background: #F0F0F0;
    color: #707070;
}

.date_container {
    display: flex;
    flex-direction: row;
    margin: 5px 0;
}

.date_container button {
    margin: 0 10px;
}

.date_container input {
    width: 75px;
    margin: 0 330px 0 80px;
}

.date_container label {
    margin: auto;
}

.cloud_billing_ol_devices {
    overflow: auto;
    max-height: 230px;
}

td input.selectCheckbox {
    margin: auto;
}

#billing_check_all {
    margin: 0 0 0 5px;
}

.quarterly_date_btn.active {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #fff;
}

.quarterly_date_btn.invalid_btn {
    border: 1px solid red !important;
}

.confirmation_container {
    display: flex;
    flex-direction: row;
    margin: 50px 0 0 0;
}

.confirmation_container input {
    margin: 0 8px 0 45px
}

.confirmation_container label {
    margin: auto;
}

input.input_invalid {
    border: 1px solid red !important;
}

.table_message {
    width: 100% !important;
}

.tr_message {
    display: flex;
    border-top: 1px solid #8080802b;
    margin-top: 20px;
    padding-top: 10px;
    margin-bottom: 20px;
}

.td_message_time {
    flex: 0 0 15%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    font-size: 13px;
    line-height: 18px;
}


.td_message_text {
    flex: 0 0 85%;
}

.td_message_text .msg_text {
    white-space: pre-wrap;
    font-size: 13px;
    line-height: 16px;
}

.msg_header {
    display: flex;
    margin: 10px 10px 10px 0;
}

.msg_header a {
    margin-left: auto;
    color: #ffffff;
}

.msg_header .msg_title {
    font-size: 14px;
    font-weight: 600;
}

.ticket_description {
    white-space: pre-wrap;
    font-size: 13px;
    line-height: 16px;
    margin: 10px 0 20px 0;
    border-bottom: 1px solid #8080802b;
    padding-bottom: 15px;
}

.description_ticket {
    margin: 10px 0;
}

#loader_custom {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 111;
    margin: 0 0 0 -60px;
    font-size: 38px;
}

.imitation_pre_tag {
    white-space: pre-wrap;
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 10px;
    line-height: 15px;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.remove_select_btn {
    background: none;
    border: none;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #e94f4f;
    padding: 5px 10px 5px 10px;
}

.label_footnote {
    font-size: 12px;
    font-style: italic;
    line-height: 15px;
    margin-top: 10px;
    font-weight: 300;
}

.label_footnote label {
    font-weight: 300;
}

/*       DMV Cloud Earthsense     */





.dmv_cloud_earthsense {
    padding-bottom: 20px;
}

.dmv_cloud_earthsense>h1 {
    margin-top: 12px;
}

.dmv_cloud_max_width_wrapper {
    max-width: 506px;
}

.dmv_cloud_earthsense .dmv_cloud_max_width_wrapper .form-group {
    margin-top: 20px;
}

.dmv_cloud_earthsense .dmv_cloud_max_width_wrapper .form-group .form-control {
    font-size: 18px;
    font-weight: 400;
    color: #676A6C;
    line-height: 24px;
    height: 46px;
}

.form-control::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #676A6C;
    opacity: 1;
    /* Firefox */
}

.form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #676A6C;
}

.form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #676A6C;
}

.dmv_cloud_authentication {
    border-top: 1px solid #e7eaec;
    padding-top: 10px;
    padding-bottom: 20px;
}

.dmv_cloud_flex_container {
    display: flex;
}

.dmv_cloud_authentication .dmv_cloud_max_width_wrapper .dmv_cloud_flex_container .form-group {
    margin: 0 20px 0 0;
    flex: 1;
}

.dmv_cloud_authentication .dmv_cloud_max_width_wrapper .dmv_cloud_flex_container .form-group:last-child {
    margin-right: 0px;
}

.dmv_cloud_workgroups {
    border-top: 1px solid #e7eaec;
    padding-top: 10px;
}


.dmv_cloud_threshold_header {
    border-bottom: 1px solid #E7EAEC;
    display: flex;
    width: 100%;
}

.dmv_cloud_threshold {
    background-color: #ffffff;
    border-top: 3px solid #E7EAEC;
    margin-top: 15px;
}

.dmv_cloud_workgroups>.dmv_cloud_thresholds>.dmv_cloud_threshold>.dmv_cloud_flex_container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dmv_cloud_threshold_header_inputs {
    display: flex;
    margin-top: 15px;
}

.dmv_cloud_threshold_header_inputs .form-group {
    display: flex;
    margin: 0 0 15px 15px;
    align-items: center;
}

.dmv_cloud_threshold_header_inputs .form-group .control-label {
    margin-right: 15px;
    display: block;
    white-space: nowrap;
}

.dmv_cloud_threshold_header_buttons {
    margin: 0 18px 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dmv_cloud_threshold_header_buttons .btn {
    padding: 0 12px;
    width: 88px;
    box-sizing: border-box;
    height: 30px;
    text-align: center;
}

.dmv_cloud_threshold_header_buttons .btn:first-child {
    margin-right: 10px;
}

.dmv_cloud_threshold_header_buttons .btn i {
    margin-right: 9px;
    width: 12px;
    height: 14px;
}

.dmv_cloud_workgroups .btn.btn-primary {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 20px;
    color: #ffffff;
}

.dmv_cloud_workgroups .btn.btn-primary>i {
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0;
}

.dmv_cloud_threshold_content {
    margin: 20px 17px 0 17px;
    display: flex;
    border: 1px solid #E7EAEC;
}

.dmv_cloud_threshold_selectors {
    padding: 0 20px 20px 20px;
    white-space: nowrap;
    border-right: 1px solid #E7EAEC;
}

.source_selectors {
    flex: 40;
}

.condition_selectors {
    flex: 40;
}

.output_selectors {
    flex: 12;
}

.dmv_cloud_threshold_selectors .dmv_cloud_flex_container {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 14px;
}

.dmv_cloud_threshold_selectors .dmv_cloud_flex_container label {
    text-transform: uppercase;
}

.dmv_cloud_selector_wrapper {
    display: block;
    margin-right: 20px;
}

.dmv_cloud_selector_wrapper select {
    text-align: left;
    padding: 0;
    display: block;
    height: 34px;
}

.dmv_cloud_selector_wrapper label {
    display: block;
}

.dmv_cloud_selector_flex_wrapper {
    display: flex;
}

.dmv_cloud_selector_wrapper.width_20 {
    flex: 1;
}

.dmv_cloud_selector_wrapper.width_40 {
    flex: 2;
}


.dmv_cloud_threshold_selectors.output_selectors .dmv_cloud_selector_wrapper {
    flex: 1;
    white-space: nowrap;
    box-sizing: border-box;
}

.dmv_cloud_selector_wrapper:last-child {
    margin: 0;
}

.dmv_cloud_active_wrapper {
    padding: 30px 20px;
    flex: 0 0 126px;
}

.dmv_cloud_active_wrapper .dmv_cloud_flex_container button {
    display: block;
}

.dmv_cloud_active_wrapper .dmv_cloud_flex_container button:first-child {
    margin-right: 10px;
}

.dmv_cloud_flex_container.new_threshold {
    display: flex;
    align-items: center;
    justify-content: center;
}

.add_new_threshold {
    margin-bottom: 20px;
    color: #676A6C;
    padding: 4px 10px;
}

.add_new_threshold i {
    margin-right: 8px;
}

.add_new_threshold_content {
    margin: 20px 0;
    color: #676A6C;
}

.add_new_threshold_content i {
    margin-right: 8px;
}

.dmv_cloud_active_wrapper {
    text-align: center;
}

.dmv_cloud_active_wrapper .dmv_cloud_active {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dmv_cloud_active_wrapper .dmv_cloud_active span {
    margin-right: 5px;
}

.dmv_cloud_active_wrapper .dmv_cloud_active .dmv_cloud_active_circle_wrapper {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #E7EAEC;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.dmv_cloud_active_wrapper .dmv_cloud_active .dmv_cloud_active_circle {
    border: 1px solid #1AB394;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background-color: #1AB394;
    box-sizing: border-box;
}


@media screen and (max-width: 1199px) {
    .dmv_cloud_threshold_content {
        display: block;
        position: relative;
        padding: 52px 0 0 0;
    }

    .dmv_cloud_threshold_selectors {
        border: none;
        border-bottom: 1px solid #E7EAEC;
    }

    .dmv_cloud_threshold_selectors:first-child {
        border-top: 1px solid #E7EAEC;
    }

    .dmv_cloud_threshold_selectors.output_selectors {
        border-bottom: 0;
    }

    .dmv_cloud_active_wrapper {
        padding: 0;
    }

    .dmv_cloud_active_wrapper .dmv_cloud_flex_container {
        position: absolute;
        top: 10px;
        right: 85px;
    }

    .dmv_cloud_active_wrapper .dmv_cloud_active {
        position: absolute;
        top: 17px;
        right: 10px;
    }

}

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

    .dmv_cloud_threshold_header {
        position: relative;
    }

    .dmv_cloud_threshold_header_inputs {
        margin: 61px 0 0 0;
        display: flex;
        width: 100%;
        padding: 0 17px;
    }

    .dmv_cloud_threshold_header_inputs .form-group {
        flex: 1;
    }

    .dmv_cloud_threshold_header_inputs .form-group:first-child {
        margin-left: 0;
    }

    .dmv_cloud_threshold_header_buttons {
        position: absolute;
        top: 17px;
        right: 17px;
        margin: 0;
    }
}

@media screen and (max-width: 439px) {
    .dmv_cloud_threshold_selectors .dmv_cloud_selector_flex_wrapper {
        display: block;
    }

    .dmv_cloud_selector_wrapper {
        margin-right: 0;
        margin-bottom: 10px;
    }


    .dmv_cloud_threshold_header_inputs {
        display: block;
    }

    .dmv_cloud_threshold_header_inputs .form-group:last-child {
        margin-left: 0;
    }
}




/*------------------------------------- E-mail Subscriptions ------------------------------ */






/* input {
    cursor: pointer;
} */

.email_subscriptions_wrapper {
    font-family: 'Open sans', sans-serif;
    color: #676A6C;
    display: flex;
}

.email_subscription_headlines h1 {
    font-size: 30px;
    font-weight: 300;
    line-height: 41px;
    margin: 12px 0 15px 0;
}

.email_subscription_headlines h3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 0 29px 0;
}

.email_subscriptions_folders_wrapper {
    width: 397px;
    height: calc(100vh - 300px);
    border-right: 1px solid #D5D5D5;
    overflow: auto;
}

.email_subscriptions_all_folders {
    list-style: none;
    padding: 0;
}

.email_subscriptions_folder_container {
    position: relative;
    padding-left: 10px;
    display: none;
    margin-left: -7px;
}

.email_subscriptions_folder_container .folder_arrow {
    position: absolute;
    width: 5px;
    height: 20px;
    top: 0;
    left: 0;
    border-bottom: 1px solid #D5D5D5;
    border-left: 1px solid #D5D5D5;
}

.email_subscriptions_containing_folders {
    margin-left: 15px;
    list-style: none;
    padding: 0;
}

.email_subscriptions_containing_folders.active>.email_subscriptions_folder_container {
    display: block;
}

.second_layer {
    padding-left: 15px;
}

.third_layer {
    padding-left: 15px
}


.email_subscriptions_folder {
    background-color: #FFFFFF;
    border: 1px solid #E4E4E4;
    border-radius: 3px;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 20px 10px 13px;
    margin-bottom: 10px;
    cursor: pointer;
    display: inline-block;
}

.email_subscriptions_folder i {
    width: 19px;
    height: 14px;
    margin-right: 10px;
}

.email_subscriptions_folder img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

.email_subscriptions_checkbox_wrapper {
    margin-left: 15px;
}

.email_subscriptions_offline_notification {
    margin-bottom: 30px;
}

.email_subscriptions_offline_notification h3 {
    font-size: 13px;
    line-height: 18px;
    font-weight: 800;
    margin: 0 0 6px 0;
}

.email_subscriptions_other_notifications {
    margin-bottom: 20px;
}

.email_subscriptions_other_notifications h3 {
    font-size: 13px;
    line-height: 18px;
    font-weight: 800;
    margin: 0 0 6px 0;
}

.other_notifications_checkbox_wrapper {
    display: flex;
    align-items: center;

}

.other_notifications_checkbox {
    margin-right: 13px;

}

.other_notifications_checkbox i {
    margin-right: 6px;
}

.other_notifications_checkbox input {
    width: 13px;
    height: 13px;
    margin-right: 8px;
    box-sizing: border-box;
}



.circle {
    color: #ED5565;
}

.triangle {
    color: #F8AC59;
}

.bell {
    color: #1AB394;
}

.email_subscription_button_card {
    width: 500px;
    padding: 10px 0;
    font-size: 14px;
}

.email_subscription_button_card input {
    margin: 0 8px 0 2px;
    width: 13px;
    height: 13px;
}

.email_subscriptions_checkbox_card {
    width: 500px;
    padding: 10px;
    background-color: #FFFFFF;
    margin-bottom: 10px;
    border: 1px solid #D5D5D5;
    font-size: 14px;
}

.email_subscriptions_checkbox_card input {
    margin: 0 8px 0 2px;
    width: 13px;
    height: 13px;
}

.email_subscriptions_checkbox_card_notifications_wrapper.active .email_subscription_checkbox_card_notification {
    display: flex;
}

.email_subscription_checkbox_card_notification {
    margin-top: 10px;
    align-items: center;
    margin-bottom: 5px;
    display: none;
}


.email_subscription_checkbox_card_notification span {
    font-size: 12px;
    color: #AAAAAA;
    margin-left: 5px;
}

.email_subscription_checkbox_card_notification i {
    margin-right: 7.5px;
}

.email_subscription_checkbox_card_notification input {
    margin: 0 7px 0 0;
}

.email_subscription_checkbox_card_notification .circle {
    margin-left: 1px;

}

.email_subscription_checkbox_card_notification .bell {
    margin-left: 3px;
}

.selected_item {
    background-color: #18a689;
    border-color: #18a689;
    color: #fff;
}

.email_subscription_button_card .reset_settings {
    background-color: #FFFFFF;
    border: 1px solid #E4E4E4;
    border-radius: 3px;
    padding: 7px 12px;
}

.flash-message.email_subscriptions_wrapper_flash_message {
    margin-top: 30px;
}


/*----------------------------------- API Tokens ------------------------------------ */
.user_api_tokens_wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 5px 0 5px;
    font-family: 'Open sans', sans-serif;
}

#api_token_select_table,
.api_tokens_table_api_name-select select {
    width: fit-content !important;
    padding: 0 5px;
}

.api_tokens_actions_btns {
    display: flex;
    gap: 5px;
    align-items: center;
}

#api_token_api {
    padding: 0 20px 0 5px !important;
}

.api_tokens_description h2 {
    margin: 0 0 15px 0;
    font-size: 30px;
    font-weight: 300;
    line-height: 41px;
}

.api_tokens_description p {
    font-size: 14px;
    font-family: 'Open sans', sans-serif;
    width: 50%;
    font-weight: 400;
}

#search_api_tokens_table {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid #e5e6e7;
    padding: 6px 12px;
    transition: #B3E6DB .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    outline: none;
}

.active_tokens_wrapper {
    background-color: #fff;
    position: relative;
}

.active_tokens_wrapper h4 {
    padding: 15px 0 15px 15px;
    margin: 0;
    border-bottom: 1px solid #E7EAEC;
    line-height: 22px;
    font-size: 16px;
    font-weight: 600;
    color: #676A6C;
}

.active_tokens_table_wrapper {
    padding: 7px 15px 12px 15px;
}

.active_tokens_table_wrapper>p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #676A6C;
}

.active_tokens_table_wrapper table tr th {
    border-bottom: 1px solid #E7EAEC;
}

.active_tokens_table_wrapper table tr td {
    font-size: 14px;
    line-height: 19px;
    padding: 15px 8px;
}

#deviceparameters-table tr td {
    word-break: break-word;
}

.api_token_wrapper {
    margin-top: 20px;
}

.create_new_token_wrapper h3 {
    font-size: 24px;
    line-height: 33px;
    margin: 30px 0 20px 0;
    font-weight: 300;
}

.create_new_token {
    display: flex;
    gap: 20px;
}

.api_token_name h4 {
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}

/* .api_token_name input {
    width: 246px;
    margin-right: 20px;
} */

.api_token_select h4 {
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}

/* .api_token_select select {
    width: 249px;
    margin-right: 20px;
} */

.create_new_token_button {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    /* width: 164px; */
    /* height: 30px; */
    margin-top: 33px;
}

.create_new_token_button i {
    margin-right: 8px;
    font-size: 16px;
}

.copy_token_to_clipboard,
.hide_api_token,
.show_api_token,
.recreate_api_token {
    cursor: pointer;
}

.show_api_token,
.hide_api_token {
    color: #d79800;
}

.copy_token_to_clipboard {
    color: #24629d;
}

.recreate_api_token {
    color: #1AB394;
}

td.api_tokens_table_token {
    display: grid;
    grid-template-columns: 0.5fr 0.05fr 0.05fr 0.05fr;
    align-items: center;
}

/*----------------------------------- Device Types ------------------------------------ */
.ibox-title h5 {
    font-size: 16px;
}

.scrollbar_custom {
    scrollbar-width: thin;
    scrollbar-color: #a7a7a7 #e1e1e1;
    margin-right: -10px;
}

.device_type_main {
    margin: 0 20px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
}

.device_type_main .ibox {
    margin: 0;
    display: flex;
    flex-direction: column;
}

.device_type_main .ibox-content {
    padding: 15px;
}

.device_type_main .ibox-content table {
    padding: 0;
    padding: 0;
}

.device_type_main select {
    border: 1px solid #D5D5D5;
    border-radius: 0;
    height: 30px;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    padding: 0 0 0 8px;
    width: 100%;
}

.device_type_main .ibox.no_flex {
    display: block;
}

.device_type_main .select2-container--default .select2-selection--single {
    border: 1px solid #D5D5D5 !important;
    border-radius: 0;
    height: 30px;
}

.device_type_main .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    padding: 8px 0 8px 8px;
}

.device_type_main .device_type_input {
    height: 30px;
    border: 1px solid #97E7D5;
    padding: 12px 8px;
    width: 100%;
}

.device_type_textarea {
    width: 100%;
    resize: none;
    padding: 8px 12px;
}

.device_type_main .btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.device_type_main .radio_wrapper {
    display: flex;
    flex-direction: column;
}

.device_type_main .radio_element {
    margin-top: 10px;
}

.device_type_main .radio_element input {
    margin-right: 10px;
}

.device_type_main .radio_element span {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
}

.device_type_main .table.table-hover th {
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
}

.device_type_subtitle {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    color: #676A6C;
    margin-bottom: 5px;
}

.device_type_row {
    display: flex;
    margin-bottom: 30px;
}

.device_type_row .device_type_column {
    flex: 1;
    margin-left: 30px;
}

.device_type_row .device_type_column:first-child {
    margin-left: 0;
}

.device_type_main .header_section {
    margin: 20px 0;
    display: flex;
}

.device_type_main .header_section .title_element {
    flex: 1;
}

.device_type_main .header_section h1 {
    margin: 0;
}

.device_type_main .header_section .buttons_element {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: end;
}

.device_type_main .buttons_element .btn {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    text-align: center;
    padding: 6px;
    width: 155px;
    margin-right: 15px;
}

.buttons_element i {
    margin-right: 5px;
}

.buttons_element .reset_device_type {
    background-color: #ffffff;
    color: #233646;
}

.buttons_element .apply_all_devices {
    margin: 0 5px 0 0;
    width: 14px;
    height: 14px;
}

.buttons_element span {
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}

.parameters_section .parameters_table_element {
    flex: 0 0 70%;
    margin-right: 30px;
}

.device_type_main .parameters_table tr td {
    vertical-align: middle;
}

.parameters_section .virtual_parameter_element {
    flex: 0 0 28%;
}

.virtual_parameter_element .device_type_card:first-child {
    margin-top: 0;
}

.virtual_parameter_element .device_type_card {
    margin-top: 25px;
}

.device_type_card.buttons_card {
    align-items: center;
    justify-content: end;
    display: flex;
    margin-bottom: 20px;
}

.virtual_parameter_element .btn {
    padding: 8px 30px;
}

.table_description_section.ibox {
    margin-bottom: 30px;
}

.device_type_row .set_of_inputs {
    display: flex;
}

.device_type_row .set_of_inputs .one_input {
    flex: 1;
}

.device_type_row .ibox-content {
    flex: 1;
}

.device_section .device_icon {
    width: 32px;
    height: 32px;
}

.device_section .devices_table td {
    vertical-align: middle;
}

.device_section .devices_table th {
    padding: 0 0 10px 0;
}

.device_type_main .table .btn {
    font-size: 12px;
    margin-right: 5px;
}

#deviceMap {
    margin-left: 30px;
    margin-bottom: 10px;
    border: 2px solid lightgrey;
}

.device_type_column .device_type_card {
    margin-top: 25px;
}

.device_type_column .device_type_card:first-child {
    margin-top: 0;
}

.device_section .set_of_inputs input:first-child {
    margin-right: 8px;
}

.device_section .set_of_inputs input:last-child {
    margin-left: 8px;
}

.device_td_new_device {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.device_td_new_device .delete_device {
    margin-left: 10px;
}

.advanced_settings_title {
    margin: 0 0 20px 0;
}

.advanced_setting_section .set_of_inputs .one_input:first-child {
    margin-right: 20px;
}

.advanced_setting_section .radio_wrapper {
    margin-bottom: 20px;
}

.icon_element .image_column {
    flex: 0 0 35%;
}

.icon_element img {
    width: 100%;
    max-width: 180px;
    max-height: 180px;
    min-height: 180px;
    height: 100%;
    background: #e7eaec;
}

.icon_element .other_column {
    flex: 0 0 63%;
    margin-left: 15px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.table_icon_element .table_row {
    display: flex;
    border-bottom: 1px solid #E7EAEC;
    padding: 15px 0;
}

.table_icon_element .table_row {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.table_icon_element .table_row .table_label {
    flex: 1;
    justify-content: flex-start;
    display: flex;
    align-items: center;
    color: #AAAAAA;
}

.table_icon_element .table_row .table_value {
    flex: 1;
    justify-content: flex-end;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.radar_threshold_section {
    position: relative;
}

.radar_threshold_section .radar_threshold_footer {
    position: absolute;
    bottom: 0;
    margin-bottom: 30px;
    width: 100%;
    padding-right: 30px;
}

.radar_threshold_radio {
    border-bottom: 1px solid #E7EAEC;
    padding-top: 10px;
}

.radar_threshold_radio:first-child {
    padding-top: 0;
}

.radar_threshold_radio .device_type_subtitle {
    font-weight: 600;
}

.radar_threshold_radio_wrapper {
    max-height: 350px;
    overflow-y: auto;
    padding: 0 10px 0 0;
    margin-bottom: 140px;
}

.squared_radio_wrapper {
    display: flex;
}

.squared_radio_wrapper input {
    display: none;
}

.squared_radio_wrapper .radio_title {
    flex: 1;
    border: 1px solid #CCCCCC;
    padding: 10px 15px;
    margin-bottom: 10px;
    margin-top: 5px;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    color: #CCCCCC;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.squared_radio_wrapper .radio_title.first {
    border-right: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.squared_radio_wrapper .radio_title.last {
    border-left: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.radio_title.active {
    background-color: #5DBCD2;
    border: 1px solid #5DBCD2;
    color: #ffffff;
}

.radio_title:hover {
    color: #676A6C;
}

.radio_title.active:hover {
    color: #ffffff;
}

.radar_threshold_description .description {
    font-size: 12px;
    font-style: italic;
    line-height: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}

.radar_threshold_description {
    padding-bottom: 5px;
    border-bottom: 1px solid #E7EAEC;
}

.radar_threshold_buttons {
    display: flex;
}

.radar_threshold_buttons .btn {
    flex: 1;
    margin-top: 10px;
}

.radar_threshold_buttons .btn:first-child {
    margin-right: 25px;
}

.no_radar_description h2 {
    white-space: pre-wrap;
    line-height: 30px;
}

.other_settings_section .device_type_card {
    margin: 25px 0;
    padding-bottom: 25px;
    border-bottom: 1px solid #E7EAEC;
}

.other_settings_section .device_type_card:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin: 25px 0 0 0;
}

.other_settings_section .maximal_letter_spacing_row {
    display: flex;
    align-items: center;
}

.other_settings_section .maximal_letter_spacing_row .radio_column {
    flex: 0 0 25%;
    margin-right: 15px;
}

.other_settings_section .maximal_letter_spacing_row .input_column {
    flex: 0 0 70%;
}

.rooftop_mechanism.device_type_row {
    align-items: center;
}

.rooftop_mechanism .device_type_subtitle {
    margin: 0;
}

.rooftop_mechanism.device_type_row .device_type_column {
    margin: 0;
}

.other_settings_section .device_type_card .technique_select {
    margin-top: 10px;
}

.error_layout_section .error_layout_element {
    margin: 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #E7EAEC;
}

.error_layout_section .error_layout_element:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.error_layout_section .error_layout_element:first-child {
    margin: 0;
}

.error_layout_card {
    display: flex;
    align-content: center;
}

.error_layout_element .device_type_subtitle {
    margin-bottom: 15px;
}

.error_layout_card .information {
    flex: 0 0 60%;
    display: flex;
    align-items: center;
}

.error_layout_card .buttons {
    flex: 0 0 40%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.error_layout_card .information i {
    font-size: 25px;
    margin-right: 10px;
}

.error_layout_card .information .fa-check {
    color: #1ab394;
}

.error_layout_card .information .fa-times {
    color: #ed5565;
    ;
}

.error_label {
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
}

.error_layout_card .buttons .btn {
    font-size: 12px;
    font-weight: 500;
    padding: 2px 8px;
}

.error_layout_card .buttons .btn-danger {
    margin-left: 10px;
}

.connection_type .connection_type_card {
    margin-bottom: 15px;
}

.connection_type .connection_type_card .device_type_subtitle {
    margin-bottom: 10px;
}

#layout_modal .modal-body {
    padding: 15px 15px 0 15px;
}

#layout_modal .modal-content {
    width: calc(100vh - 100px);
}

#layout_modal .header_section {
    margin-bottom: 20px;
    text-align: center;
}

.layouts_table .preview_td {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    width: calc(100vh - 300px);
}

#layout_modal .layouts_table td {
    vertical-align: middle;
}

.layouts_table .layout_image {
    min-width: 40px;
    min-height: 40px;
    margin-right: 10px;
    max-height: 40px;
    max-width: 40px;
}

.layouts_table .select_button {
    width: 25px;
    height: 25px;
}

.icon_background {
    background: #e7eaec;
}

/* --------------------------------------- Scada Backgrounds edit--------------------------------------------------*/

.scada_background_wrapper .text_align_left {
    text-align: left;
}

.scada_background_wrapper h3 {
    margin-bottom: 30px;
    margin-top: 15px;
}

.scada_background_input_wrapper {
    margin-bottom: 10px;

}

.add_device_button {
    margin-left: 15px;
}

input[type="checkbox"] {
    margin-top: 0;
}

.form-horizontal .checkbox_padding {
    padding-top: 7px;
}

.form-horizontal textarea {
    resize: vertical;
}

input[type="checkbox"].new_service_ticket {
    margin-top: 0;
}

.service_planer_btn_group {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

/* ------------------------------------------------------------------------- */

.ticket_edit_page .form-group:after {
    clear: both;
    display: block;
    content: '';
}

.technical_support_report_section {
    display: flex !important;
    gap: 15px;
}

.ticket_edit_page .ibox-title svg,
.technical_support_report_page .ibox-title svg,
.technical_support_view_page .ibox-title svg {
    margin-right: 15px;
    margin-top: -3px;
    float: left;
}

.ibox-title.ibox-title-success.negative_margin_top {
    margin: -15px;
}

.ibox-content.negative_side_margins {
    margin: 0 -15px;
}

.technical_support_view_page .form-group:after {
    content: "";
    display: block;
    clear: both;
}

.technical_support_report_section i {
    margin-right: 15px;
}

.technical_support_view_page .form-control[disabled],
.technical_support_view_page fieldset[disabled] .form-control {
    cursor: default;
}

.issue_description_vertical_resize {
    resize: vertical;
}

.technical_support_view_page fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
    cursor: default;
}

.technical_support_view_page .ticket_show_h4 {
    word-wrap: break-word;
}

.technical_support_edit_page .ibox .col-md-4 {
    text-align: right;
}

.technical_support_view_page .ibox .col-md-4 {
    text-align: right;
}

.technical_support_view_page .td_message_text,
.technical_support_edit_page .td_message_text {
    word-wrap: anywhere;
}

.technical_support_view_page .ticket_description,
.technical_support_edit_page .ticket_description {
    word-wrap: break-word;
}

.technical_support_edit_page .technical_support_edit_page_title,
.technical_support_view_page .technical_support_view_page_title {
    word-wrap: break-word;
}

.technical_support_edit_page .ibox-title.ibox-title-success.negative_margin_top {
    margin-top: -16px;
}

.technical_support_view_page .panel-body .col-md-4 {
    text-align: right;
}

.technical_support_view_page .ibox-title.ibox-title-success.negative_margin_top {
    margin-top: -16px;
}

.form-vertical:after {
    display: block;
    content: '';
    clear: both;
}

.service_ticket_sections {
    padding-left: 20px;
}

.technical_support_ticket_update .col-md-4 {
    text-align: right;
}

.button_and_term_wrapper {
    display: flex;
    align-items: center;
}

.button_and_term_wrapper .term_of_use {
    flex: 1;
    text-align: right;
}

.support_ticket_button_wrapper_right {
    display: flex;
    justify-content: right;
}

.offer_accepted_button {
    margin-bottom: 15px;
}

.measure_group {
    padding: 0 15px;
}

.delete_measure_row {
    margin-right: -10px;
}

.add_new_cause {
    display: block;
}

.add_new_cause i {
    margin-right: 5px;
}

.delete_cause_button_container {
    position: absolute;
    right: 50px;
}

.delete_cause {
    display: block;
}

.delete_cause i {
    margin-right: 5px;
}

.root_cause_of_problem_add_new_problem button,
.delete_measure_row,
.add_new_measure,
.delete_cause,
.start_service_procedure_button {
    padding: 6px 10px;
}

.service_section_alignment {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.start_rn_button-container {
    display: flex;
    justify-content: end;
}

.start_service_procedure_button {
    margin-top: -5px;
}

.customer_support_filter_group {
    display: flex;
    flex-direction: row;
    justify-content: start;
    padding: 0;
}

.customer_support_filter_group div {
    padding-left: 0;
}

.navbar-static-top .navbar-top-links {
    display: flex;
    align-items: center;
}

.dropdown_info_icon_text {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.dropdown_info_icon_text i {
    font-size: 18px;
    margin-right: 5px;
}

.dropdown_info_section {
    padding: 5px 10px 0;
    color: #8b92a9;
}

.dropdown_info_section_title {
    font-weight: 400;
    color: #888;
    font-size: 13px;
    margin: 10px 0 10px;
    cursor: pointer;
}

.dropdown_inside_dropdown .dropdown_info_section_title {
    margin-bottom: 15px;
}

/* .dropdown_info_section_container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    opacity: 0;
    position: absolute;
    bottom: 0;
    transition: all 0.5s;
} */

/* .dropdown_info_section_container_nav {
    top: 45px;
    right: 20px;
    bottom: unset;
    transition: all 0.5s;
    visibility: hidden;
} */

/* .dropdown_info_section_container.dropdown_active {
    height: 95px;
    opacity: 1;
    position: unset;
    transition: all 0.5s;
} */

/* .dropdown_info_section_container_nav.dropdown_active_nav {
    opacity: 1;
    height: 115px;
    background: #fff;
    position: absolute !important;
    padding: 1px 10px 8px;
    border-radius: 5px;
    box-shadow: 2px 2px 5px;
    visibility: initial;
    gap: 10px;
    transition: all 0.5s;
} */

#side-menu .nav-header {
    padding: 25px 20px;
}

.align_elements_center {
    display: flex;
    justify-content: center;
}

.dropdown.navbar_main_dropdown_menu {
    padding: 15px 20px;
}

.add_flex_to_info_section {
    display: flex !important;
}

.add_height_to_submenu {
    height: 86px;
}

ul.dropdown_info_section_container {
    display: none;
    align-items: flex-end;
    justify-content: space-between;
    width: max-content;
    gap: 5px;
    padding: 5px 10px;
    top: 85px;
    box-shadow: none;
}

.navbar_main_dropdown_menu button.dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    background: transparent;
}

.navbar_main_dropdown_menu button.dropdown-toggle i {
    font-size: 22px;
}

ul.main_dropdown_menu {
    width: 210px;
    top: 55px;
    right: 20px !important;
}

ul.dropdown-menu.main_dropdown_menu li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 5px 10px;
}

ul.dropdown-menu.main_dropdown_menu li a i {
    font-size: 18px;
}

.dropdown_info_section_container .dropdown_info_section_version_title p,
.dropdown_info_section_container .dropdown_info_section_version_number p {
    font-size: 10px;
    margin-bottom: 5px;
}

.dropdown_info_section_dmv_logo a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0 !important;
    padding: 0 !important;
}

.dropdown_info_section_dmv_logo img {
    width: 50px;
}

.dropdown_info_section_dmv_logo a p {
    font-size: 10px;
    color: #8b92a9;
    margin-bottom: 5px;
}

.dropdown_info_section_dmv_logo:hover a p {
    color: #000;
}

.hide_on_view {
    display: none;
}

.divider {
    margin: 0 !important;
}

p#no_search_result_msg {
    margin: 20px 0;
    font-size: 20px;
    text-align: center;
}

.custom_spinner_for_groups_search {
    scale: 0.5;
    position: absolute;
    right: 30px;
    top: 139px;
}

.sk-spinner-wave.sk-spinner {
    width: max-content !important;
}

.clear_search_input_value {
    position: absolute;
    top: 7px;
    right: 20px;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
    background-color: #afafaf;
    color: #fff;
    border-radius: 50%;
    padding: 0px 7px 3px;
    text-transform: lowercase;
}

.device_group_search_input_value,
.cfg_upper_search_input_value,
.sw_upper_search_input_value,
.type_search_input_value {
    right: 40px;
}

.clear_search_input_value:hover {
    /* scale: 0.9; */
    background: #fff;
    color: #afafaf;
    border: 1px solid #afafaf;
}

#devices-table_filter+.checkbox {
    display: inline-block;
}

.cloud_icon_data_table_cloumn {
    display: flex;
    align-items: center;
    gap: 5px;
}

.cloud_icon_data_table_cloumn span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.device-cloud-status-offline {
    background-color: #3C435B;
    border: 1px solid #8B92A9;
}

.device-cloud-status-online {
    background-color: #288C6C;
    border: 1px solid transparent;
}

#devices-table_filter+.checkbox .search-input-checkbox,
#devices-table_filter+.checkbox .search-input-checkbox-cloud {
    visibility: hidden;
}

#devices-table_filter+.checkbox>label {
    position: relative;
    cursor: pointer;
    padding-left: 25px;
}

#devices-table_filter+.checkbox>label::after {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    left: 3px;
    border-radius: 3px;
    border: 1px solid;
}

#devices-table_filter+.checkbox>input[type="checkbox"]:checked+label::before {
    content: "✓";
    position: absolute;
    left: 6px;
    font-size: 13px;
    font-weight: 900;
    color: #000;
    z-index: 1;
}

.flex_align_items_center {
    display: flex;
    align-items: center;
}

.flex_align_items_center label,
.flex_align_items_center h4 {
    margin: 0;
}

.disable_resize_horizontal {
    resize: vertical;
}

/* Workgroups */

.width-fit-content {
    width: fit-content;
}

.width-half {
    width: 50%;
}

.font-w-100 {
    font-weight: 100;
}

.overflow-y-auto {
    overflow-y: auto;
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

/* .fields-wrapper {
    display: grid;
    gap: 25px;
    grid-template-columns: repeat(4, 1fr);
}    */

.fields-wrapper>* {
    width: 100%;
}

.actions-buttons-container {
    display: flex;
    gap: 5px;
    align-items: center;
    width: 160px;
}

.map-div {
    margin: 10px 0;
    border: 2px solid lightgrey;
    height: 100%;
    width: 100%;
}

.gap-25 {
    gap: 25px;
}

.width-33-percent {
    width: calc(100% / 3);
}

.width-66-percent {
    width: calc(100% / 3 * 2);
}

.wg-coordinates-message {
    margin: 20px 0;
}

.unset-min-height {
    min-height: 100vh !important;
}

.select2-disabled, .select2-disabled + .select2 {
    pointer-events: none !important;
    filter: brightness(90%);
    opacity: 70%;
}

.opacity-70 {
    opacity: 70%;
}

.coordinates-input {
    margin: 0px 0px 10px 0px;
    width: 80%;
  }

.device-group-map
{
  width: 508px; 
  height: 200px; 
  padding-right: 0px;
}

.coordinates_wrapper
{
  display: flex; 
  flex-direction: row;
}

.set_of_inputs
{
    display: flex;
    flex-direction: column;
}

.alert-box {
    margin-top: 25px;
    background-color: #dff0d8; 
    border-color:#d6e9c6;
    border-radius: 5px;
    padding: 15px;
    color: #3c763d;
    font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    display: inline-block;
    width: 100%;
}

.flex-2
{
    flex:2;
}

.search-by-eta {
    width: auto;
}

.group-status {
    display:flex; 
    flex-direction: row; 
    justify-content: space-between;
    margin-top: 6px;
}

.search-by-status {
    width: 500px;
}

.search-wrapper {
    margin-bottom: 15px;
}