body {
    background-color: #eee;
}

.sidebar {
    /* position: fixed; */
    position: sticky;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 48px 0 0;
}

.sidebar .nav-link {
    font-weight: 600;
    color: #606060;
}

.adminpanel {
    margin-bottom: 20px;
}

.header {

    padding: 20px;
    background-color: white;
    height: 80px;

}

.header_logo {

    margin-left: -15px;
    float: left;

}

.dashboard_header {
    font-size: 42px;
    font-weight: bold;
    text-align: center;
    color: #40d6ff;
}

.menu {
    
    padding-left: 0;
    margin-bottom: 30px;
    list-style: none;
    border-bottom: 2px solid #dfdfdf;
    box-sizing: content-box;
}

.menu > li {
    box-sizing: content-box;
    display: inline-block;
    margin: 0 40px -1px 0;
    cursor: pointer;
    
    padding: 15px 0 10px;
    font-size: 20px;
    font-weight: 700;
    color: #a6a6a6;
    line-height: 24px;
}

.header-li {
    margin: 0 0 15px 20px;
    box-sizing: content-box;
    display: inline-block;
    cursor: pointer;

    padding: 6px 12px;
    font-size: 20px;
    font-weight: 700;
    color: #a6a6a6;
    line-height: 24px;

}

.dropdown-menu > li > span {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
}

.active {
    color: #40d6ff !important;
    border-bottom: 2px solid #40d6ff;
}

.page-header {
    border-bottom: 1px solid #eee;
    margin: 0px 0 20px;
    padding-bottom: 9px;

    font-size: 36px;
    font-weight: 700;
    color: #606060;
}

.servername {
    margin-bottom: 10px;
}

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

.inline-text-field {
    width: 50%;
    display: inline;
    float: right;
}

.whitebox {
    background-color: white;
    padding: 100px;
}

.whitebox-shadow {
    box-shadow: 8px 15px 60px rgba(0,0,0,0.45);
}

.whitebox-small {
    padding: 60px;
}

.whitebox-narrow {
    padding: 20px 60px 20px 60px;
}

.whitebox-small > h4 {
    font-size: 20px;
    color: #606060;
    font-weight: 700;
}

.h1-blue {
    margin: 0px auto 0px auto;
}

.page-name {
    width: 88px;
    height: 14px;

    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #606060;
}

.site-name {

    height: 12px;
    font-size: 16px;
    font-weight: 700;
    color: #606060;

}

.project-name {
    color: gray;
    font-size: 12px;
    display: inline;
}

.pressly-badge {
    font-weight: normal;
}

.input-box {
    height: 41px;
    border-radius: 5px;
    background-color: #eaeaea;
    border: solid 1px #d2dce0;
}

.btn-style {
    border-radius: 3px;
    padding: 10px;
}

.info-box {
    margin-top: 20px;
    margin-bottom: 20px;
    height: 19px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #606060;
}

.info-box > h4 {
    display: inline-block;
}

.info-success > h4 {
    color: #4cae4c;
}

.info-alert > h4 {
    color: #ed5757;
}

.info-alert > h4 ::before { 
    content: '<span aria-hidden="true" class="glyphicon glyphicon-warning-sign info-alert"></span> ';
}

.savebox-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.savebox-processing {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.savebox-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.pressly-modal {
    
    border-radius: 0px;

}

.sliding-container {
    position: relative;
    width: 700px;
    height: 600px;
    overflow: hidden;
}

.sliding-view {
    position: absolute;
    top: 0px;
    left: 50px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.5s ease-in-out; /** Firefox **/
    -o-transition: all 0.5s ease-in-out; /** Opera **/
}


/*
*   General button styles
 */
.btn-smaller {
    padding-top: 4px;
    padding-bottom: 4px;
}


/*
* SELECT BUTTON
*/
.btn-select {
    background-color: #00e7b5;
    color: #ffffff;
}
.btn-select:focus,
.btn-select.focus {
    background-color: #00e7b5;
    color: #ffffff;
}
.btn-select:hover {
  color: #fff;
  background-color: #00b38c;
}
.btn-select:active,
.btn-select.active,
.open > .dropdown-toggle.btn-select {
  color: #fff;
  background-color: #00b38c;
  border-color: #fff;
}
.btn-select:active:hover,
.btn-select.active:hover,
.open > .dropdown-toggle.btn-select:hover,
.btn-select:active:focus,
.btn-select.active:focus,
.open > .dropdown-toggle.btn-select:focus,
.btn-select:active.focus,
.btn-select.active.focus,
.open > .dropdown-toggle.btn-select.focus {
  color: #fff;
  background-color: #00b38c;
  border-color: #00b38c;
}
.btn-select:active,
.btn-select.active,
.open > .dropdown-toggle.btn-select {
  background-image: none;
}
.btn-select.disabled:hover,
.btn-select[disabled]:hover,
fieldset[disabled] .btn-select:hover,
.btn-select.disabled:focus,
.btn-select[disabled]:focus,
fieldset[disabled] .btn-select:focus,
.btn-select.disabled.focus,
.btn-select[disabled].focus,
fieldset[disabled] .btn-select.focus {
  background-color: #00b38c;
  border-color: #00b38c;
}
.btn-select .badge {
  color: #d9534f;
  background-color: #fff;
}

/*
*   Add button
*/
.btn-add {
    background-color: #40d6ff;
    color: #ffffff;
}
.btn-add:focus,
.btn-add.focus {
    background-color: #40d6ff;
    color: #ffffff;
}
.btn-add:hover {
  color: #fff;
  background-color: #00b4e6;
}
.btn-add:active,
.btn-add.active,
.open > .dropdown-toggle.btn-add {
  color: #fff;
  background-color: #00b4e6;
  border-color: #00b4e6;
}
.btn-add:active:hover,
.btn-add.active:hover,
.open > .dropdown-toggle.btn-add:hover,
.btn-add:active:focus,
.btn-add.active:focus,
.open > .dropdown-toggle.btn-add:focus,
.btn-add:active.focus,
.btn-add.active.focus,
.open > .dropdown-toggle.btn-add.focus {
  color: #fff;
  background-color: #00b4e6;
  border-color: #00b4e6;
}
.btn-add:active,
.btn-add.active,
.open > .dropdown-toggle.btn-add {
  background-image: none;
}
.btn-add.disabled:hover,
.btn-add[disabled]:hover,
fieldset[disabled] .btn-add:hover,
.btn-add.disabled:focus,
.btn-add[disabled]:focus,
fieldset[disabled] .btn-add:focus,
.btn-add.disabled.focus,
.btn-add[disabled].focus,
fieldset[disabled] .btn-add.focus {
  background-color: #00b4e6;
  border-color: #00b4e6;
}
.btn-add .badge {
  color: #00b4e6;
  background-color: #fff;
}

/*
* DELETE BUTTON
*/
.btn-delete {
    background-color: #f7f7f7;
    color: #dd7272;
    border: solid 2px #dd7272;
}

.btn-delete:focus,
.btn-delete.focus {
    background-color: #f7f7f7;
    color: #dd7272;
    border: solid 2px #dd7272;
}
.btn-delete:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-delete:active,
.btn-delete.active,
.open > .dropdown-toggle.btn-delete {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-delete:active:hover,
.btn-delete.active:hover,
.open > .dropdown-toggle.btn-delete:hover,
.btn-delete:active:focus,
.btn-delete.active:focus,
.open > .dropdown-toggle.btn-delete:focus,
.btn-delete:active.focus,
.btn-delete.active.focus,
.open > .dropdown-toggle.btn-delete.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-delete:active,
.btn-delete.active,
.open > .dropdown-toggle.btn-delete {
  background-image: none;
}
.btn-delete.disabled:hover,
.btn-delete[disabled]:hover,
fieldset[disabled] .btn-delete:hover,
.btn-delete.disabled:focus,
.btn-delete[disabled]:focus,
fieldset[disabled] .btn-delete:focus,
.btn-delete.disabled.focus,
.btn-delete[disabled].focus,
fieldset[disabled] .btn-delete.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-delete .badge {
  color: #d9534f;
  background-color: #fff;
}


.svg-tip {
    position: absolute;
    z-index: 99999;
    padding: 10px;
    font-size: 12px;
    color: #bbb;
    text-align: center;
    background: rgba(0,0,0,0.8);
    border-radius: 3px;
    white-space: nowrap;
}

.svg-tip::after {
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 5px;
    height: 5px;
    box-sizing: border-box;
    margin: 0 0 0 -5px;
    content: " ";
    border: 5px solid transparent;
    border-top-color: rgba(0,0,0,0.8);
}