/**
 * custom.css: Custom styles and overrides
 *
 * @package WEBSELF Datacenter
 */

/* Global */

b, optgroup, strong {

    font-weight: 600 !important;

}

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

.is-team .admin {
    display: none;
}

.blurred {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

.blurred:hover {
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    -ms-filter: none;
    filter: none;
}

.debug {
    position: fixed;
    bottom: 70px;
    right: 70px;
    font-size: 20px;
    z-index: 99999;
}


/* User Top Menu */

.dropdown-user li.role {

    border-bottom: solid 1px #e7ecf1;

}

.dropdown-user li.role:hover a {

    background: transparent;

}


/* Disabled/Coming Soon page */

.page-content.disabled {

    position: relative;

}

.page-content.disabled:after {

    font-family: "Simple-Line-Icons";
    content: "\e08e";
    text-align: center;
    font-size: 200px;
    padding-top: 100px;

    position: absolute;
    top: 100px;
    left: 0;
    background: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
    z-index: 9994;

}


/* Sidebar */

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .page-lock,
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .page-admin {
    display: none !important;
}

.page-sidebar .page-sidebar-menu li > a > .page-lock::before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .page-lock::before {
    float: right;
    width: 20px;
    line-height: 20px;
    text-align: center;
    display: inline !important;
    font-size: 12px;
    font-family: "Simple-Line-Icons";
    height: auto;
    content: "\e08e";
    font-weight: 300;
    text-shadow: none;
    position: absolute;
    top: 8px;
    right: 14px;
}

.page-sidebar .page-sidebar-menu li > a > .page-admin::before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .page-admin::before {
    float: right;
    width: 20px;
    line-height: 20px;
    text-align: center;
    display: inline !important;
    font-size: 12px;
    font-family: "Simple-Line-Icons";
    height: auto;
    content: "\e01c";
    font-weight: 300;
    text-shadow: none;
    position: absolute;
    top: 8px;
    right: 14px;
}


/* DataTables */

.is-team .buttons-print,
.is-team .buttons-copy,
.is-team .buttons-pdf,
.is-team .buttons-excel,
.is-team .buttons-csv {

    display: none;

}

.buttons-print span:before {

    font-family: "Simple-Line-Icons";
    content: "\e02e";
    margin-right: 5px;

}

.buttons-copy span:before {

    font-family: "Simple-Line-Icons";
    content: "\e080";
    margin-right: 5px;

}

.buttons-pdf span:before {

    font-family: "Simple-Line-Icons";
    content: "\e085";
    margin-right: 5px;

}

.buttons-excel span:before {

    font-family: "Simple-Line-Icons";
    content: "\e02d";
    margin-right: 5px;

}
.buttons-csv span:before{

    font-family: "Simple-Line-Icons";
    content: "\e083";
    margin-right: 5px;

}
.buttons-collection span:before {

    font-family: "Simple-Line-Icons";
    content: "\e087";
    margin-right: 5px;

}

.badge {

    font-size: 10px !important;
    line-height: 18px !important;
    padding: 0 5.5px;
    cursor: pointer;

}

.domain-icons span {

    display: inline-block;
    margin-left: 10px;

}

.btn-icon-only {

    width: 27px !important;
    height: 27px !important;
    line-height: 14px !important;

}

.btn-icon-only i {
    margin: 0 !important;
}

.btn-icon-only.details i {

    color: #5e738b;

}

.btn-icon-only.cpanel i {

     color: #E87E04;

}

.btn-icon-only.provider i {

    color: #e7505a;

}

.btn-icon-only.domain i {

    color: #8775a7;

}

.m-heading-1 p {

    line-height: 30px;

}


/* Modals */

.modal .container .modal-dialog {

  width: inherit;

}

.modal .container .modal-dialog-small {

    width: 600px;
    margin: 120px auto;

}

.modal-backdrop.in {
    opacity: .9;
    filter: alpha(opacity=90);
}


/* Dropdown Menus */

.dropdown-submenu.sub-left ul.dropdown-menu {

    width: 200px;
    left: -200px;
    box-shadow: -5px 5px rgba(102,102,102,.1);
    -moz-box-shadow: -5px 5px rgba(102,102,102,.1);
    -webkit-box-shadow: -5px 5px rgba(102,102,102,.1);
    -ms-box-shadow: -5px 5px rgba(102,102,102,.1);
    -o-box-shadow: -5px 5px rgba(102,102,102,.1);

}

.dropdown-submenu.sub-left > a:after {

    content: "\f104";

}


/* MISC */

.caption-heading {

    margin: 10px 0;

}

.scroll-to-top {

    text-align: left;
    bottom: 40px;
    left: 20px;
    right: unset;
    border: solid 1px rgba(255,255,255,0.5);
    padding: 5px 6px;

}

.scroll-to-top i {

    color: #fff;

}

.input-error {

    display: inline;

}

.transfer-arrow {

    text-align: center;
    line-height: 34px;
    font-size: 18px;

}

.legend {

    display: inline-block;
    padding: 5px 10px;
    margin-right: 10px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
}

.list-cli {

    color: #fff !important;
    background: #3faba4 !important;

}

.list-host {

    color: #fff !important;
    background: #4c87b9 !important;

}

.list-main {

    color: #fff !important;
    background: #8877a9 !important;

}

.list-other {

    color: #fff !important;
    background: #d05454 !important;

}

.list-un {

    color: #fff !important;
    background: #525e64 !important;

}


#transfer-server-card .dropdown-menu > li:hover > a {

    background-color: #222 !important;

}

#transfer-server-card .dropdown-menu > li.active > a,
#transfer-server-card .dropdown-menu > li.selected > a {

    font-weight: bold;
    text-transform: uppercase !important;
    letter-spacing: 1px;


}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
    padding: 0 6px !important;
    font-size: 9px !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {

    min-width: 500px !important;
    width: 500px !important;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .time {

    max-width: 100px !important;

}

input.hidden-input {

    background: none;
    border: none;
    width: 230px;
    font-weight: bold;

}

/* Package Builder */

.builder-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;

    display: flex;
    justify-content: center;
    align-items: center;

    opacity: 0;
    visibility: hidden;
}

#builder-form .form-group {
    padding: 0 20px !important;
}

#package-container {
    width: 100%;
    margin-bottom: 10px;
}

.pack-name {
    font-size: 20px !important;
    font-weight: 500;
    display: inline-block;
    padding: 5px 10px;
    background-color: #fff;
    border-radius: 20px !important;
    text-transform: uppercase;
}

.pack-WEB {
    color: #2A43AD;
}

.pack-SEO {
    color: #6C0303;
}

.pack-ADS {
    color: #007709;
}

.pack-ADV {
    color: #880593;
}

.pack-DIGITAL {
    color: #A77166;
}

.pack-LEAD {
    color: #939393;
}

.pack-BOOST {
    color: #C7A100;
}

.item-small ul > .mt-list-item {
    padding: 10px 0 !important;
}

.note.note-warning {
    background-color: rgba(250,234,169, 0.3) !important;
}