#loader {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    visibility: visible;
    position: fixed;
    height: 100vh;
    width: 100%;
    background: #fff;
    z-index: 90000;
}

#loader.fadeOut {
    opacity: 0;
    visibility: hidden;
}

.spinner {
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
    0% { -webkit-transform: scale(0) }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 100% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
          opacity: 0;
      }
}

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.row_id {width: 3%;}
.row_device_id {width: 6%;}
.row_actions {width: 22%;}
.row_device_actions {width: 8%;}
.row_agent_profiles_actions {width: 8%;}
.row_web_tunnel_actions {width: 25%;}
.row_devices_label_count {width: 6%;}

.btn-add{
    color: white;
    background-color: #007bff;
    border-color: #007bff;
}

.help-box {
    display: inline-block;
    box-sizing: border-box;
    color: #25b9d7;
    background-color: #dff5f9;
    height: 16px;
    height: 1rem;
    width: 16px;
    width: 1rem;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    vertical-align: middle;
    text-align: center;
    border: 2px solid #25b9d7;
    cursor: pointer;
    padding: 0;
    margin: 0 5px 2px;
}

.help-box::after {
    content: "?";
}
*, ::after, ::before {
    box-sizing: border-box;
}

.green{
    color: #4caf50;
}

.red{
    color: #f44336;
}

.yellow{
    color: #ffeb3b;
}

.tail-select-container .select-handle{
    background-color: #0069d9
}

.circle{
    width: 70px;
    height: 70px;
    //margin-top: 20px;
    /*margin-left: 40px;*/
    border-radius: 50%;
    position:relative;
    /*background-color: green;*/
    display: table;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 10px;

    /*box-shadow:
    /*0 0 20px #111 inset,
    0 0 10px lime;*/

    box-shadow:  0 0 10px  grey ;
    -moz-box-shadow: 0 0 10px  grey;
    -webkit-box-shadow: 0 0 10px  grey;
    -o-box-shadow: 0 0 10px  grey;

}

.circle-header{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow:  0 0 10px  grey ;
    -moz-box-shadow: 0 0 10px  grey;
    -webkit-box-shadow: 0 0 10px  grey;
    -o-box-shadow: 0 0 10px  grey;

}

.W {background-color: #ffeb3b; color: #0a2239;}
.G {background-color: #4caf50; color: white;}
.B {background-color: #f44336; color: white;}
.grey {background-color: gainsboro; color: black;}

.Global {width: 90px;
    height: 90px;
}

.small.grey{
    box-shadow: none;
}

.small {
    width: 28px;
    height: 28px;
    margin-top: 5px;
    margin-bottom: 10px;

    box-shadow:  0 0 5px  grey ;
    -moz-box-shadow: 0 0 5px  grey;
    -webkit-box-shadow: 0 0 5px  grey;
    -o-box-shadow: 0 0 5px  grey;
}

.circle.small .caption{
    font-size: 10px;
}

.circle .caption{

    font-size: 20px;
    /*color: white;*/
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}

.alert-form-control {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: .25rem;
    color: #495057;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    height: calc(1.5em + .75rem + 2px);
    line-height: 1.5;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    width: 100%;
}

/* fix selectobx filter in header */
table.dataTable>thead>tr>td:not(.sorting_disabled),
table.dataTable>thead>tr>th:not(.sorting_disabled) {
    padding-right:0px;
}

.table td,
.table th {
    padding:.55rem;
}