/*
    Turhost Web Development
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');


.well-label {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    color: #8896A0;
}


/*Bootstrap 4 container padding clear*/

.container {
    padding: 0px;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .extended-dropdown-menu
{
    min-width: 204px;
}

.float-none {
    float: none;
}

.text-center {
    text-align: center;
}

.margin-auto {
    margin: auto;
}

.admin-logged {
    background: #f3565d;
    color: #FFFFFF;
}

.admin-logged .container {
    padding: 10px 20px;
    font-size: 15px;
}

.admin-logged a {
    padding-left: 10px;
    padding-right: 10px;
    background-color: white;
    color: #ee545c;
}

.email-verification {
    background: #DFBA49;
    color: #FFFFFF;
}

.email-verification .container {
    padding: 10px 20px;
    font-size: 15px;
}

.sms-verification {
    background: #F3565D;
    color: #FFFFFF;
}

.sms-verification .container {
    padding: 10px 20px;
    font-size: 15px;
}

.go-back {
    background: #444d58;
}

.go-back .insider {
    font-size: 15px;
    padding: 13px 0;
    text-align: center;
    color: #BCC2CB;
}

.font-dark {
    color: #2f353b!important;
}

.green-icon {
    color: #4cb78b
}

.red-icon {
    color: #de4f4f
}

.helptext {
    color: #000;
    border-bottom: 1px dashed #000;
    cursor: help;
}

.page-logo {
    position: relative;
}

.page-logo .admin {
    position: absolute;
    left: 0;
    bottom: 4px;
}

.status-icon {
    font-size: 15px;
}

.status-icon.fa-check {
    color: #1bbc9b;
}

.status-icon.fa-times {
    color: #d32f2f;
}

.btn-xs {
    font-size: 11px;
    padding: 3px 7px;
}

.btn-default:focus {
    background: #fff;
}

.btn-xs .fa {
    font-size: 11px;
}


/*
.btn-xs .fa {
    font-size: 10px;
    float: left;
    margin: 0 3px 0 0;
}
*/

.feeds li .col1>.cont {
    height: 30px;
}

.feeds li .col1>.cont>.cont-col1>.label {
    padding: 4px 3px 4px 3px;
    margin: 4px 0 0 4px;
}


/* Home Carousel */

#news-carousel .util-wrapper-holder {
    background: #FFFFFF;

    -webkit-border-top-left-radius: 4px !important;
    -webkit-border-top-right-radius: 4px !important;
    -moz-border-radius-topleft: 4px !important;
    -moz-border-radius-topright: 4px !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.util-theme-default .util-pagination {
    background: #FFFFFF;
    margin-top: 0;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.util-carousel .banner {
    position: relative;
}

.util-carousel .banner .text {
    display: block;
    position: absolute;
    left: 0;
    background: rgba(255, 255, 255, 0.85);
    color: #303030;
    padding: 20px;

    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;

    -webkit-transition: width 2s;
    /* Safari */
    -moz-transition: width 2s;
    transition: width 2s;
}

.util-carousel .banner .text h2 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 24px;
    font-weight: bold;
}

.util-carousel .banner:hover .text {
    background: rgba(255, 255, 255, 0.95);
}

.util-carousel .banner .ribbon {
    display: block;
    position: absolute;
    right: -38px;
    top: 29px;
    width: 200px;
    font-size: 17px;
    font-weight: bold;
    padding: 8px 0;
    text-align: center;
    color: #FFFFFF;
    background: #F44336;
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}

.util-carousel .banner .text {
    font-size: 15px;
}

.util-carousel .banner img {
    width: 100%;
}

.disabled {
    cursor: not-allowed !important;
}

.cropword {
    display: inline-block;
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Progress Bar */

.progressbar {
    cursor: default;
    margin-top: 40px;
    margin-bottom: 20px;
}

.progressbar .indicator {
    background: #f9f9f9;
    min-height: 33px;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.progressbar .indicator .percent {
    width: 4%;
    float: left;
    padding: 5px 8px;
    margin: 2px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: right;
    z-index: 1;

    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
    background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;

    -webkit-transition: width 2s;
    /* Safari */
    -moz-transition: width 2s;
    transition: width 2s;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.progressbar .indicator .percent.yellow {
    background-color: #FFC107;
}

.progressbar .indicator .first,
.progressbar .indicator .last {
    position: absolute;
    padding: 2px 5px;
    font-size: 11px;
    /*
    background: #333333;
    color: #FFFFFF;
    */
    color: #a0a3ae;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.progressbar .indicator .first {
    left: 0;
    top: -22px;
}

.progressbar .indicator .last {
    right: 0;
    top: -22px;
}

.progress .progress-indi {
    color: #333333;
    text-align: right;
    position: absolute;
    left: 0;
    top: 0;
    min-width: 90%;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.32);
}

.mail-manager .cropword {
    max-width: 170px;
}

.mail-manager .account-table {
    padding: 5px 10px;
    border: 1px solid rgba(147, 163, 181, 0.2);
    border-radius: 4px;
    margin-bottom: 20px;
}

.mail-manager .activate-form td {
    border: none;
}

.mail-manager .account-table {
    position: relative;
    margin-bottom: 40px;
}

.mail-manager .account-table table {
    margin-bottom: 5px;
    margin-top: 10px;
}

.mail-manager .domain-name {
    font-weight: 500;
    padding: 6px 8px;
    color: #93a3b5;
    border-radius: 4px;
    border: 1px solid rgb(233, 237, 240);
    background: rgb(233, 237, 240);
    font-size: 13px;
    position: absolute;
    top: -16px;
    left: 12px;
}

.mail-manager .domain-name:hover {
    background: #93a3b5;
    border-color: #93a3b5;
    color: #fff;
}

.ms-container {
    width: 100% !important;
}

ul.members,
ul.mails {

    margin: 0;

    padding-left: 20px;

    line-height: 1.8em;
}

.wraptext {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.help-block.mini {
    font-size: 12px;
    font-weight: 500;
}


/* Announcements */

.ann-link .desc {
    display: none;
}

.shortword {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shortword.show {
    overflow: auto !important;
    white-space: normal !important;
    word-wrap: break-word !important;
}

.note {
    padding: 20px;
}

.note h4.block {
    padding-bottom: 6px;
    padding-top: 0;
    margin-bottom: 0;
}

.note.note-info {
    /* background-color: #f5f8fd; */
    background-color: #f9fafd;
    border-color: #8bb4e7;
    color: #6d6d6d;
}

.textright {
    text-align: right;
}

.textleft {
    text-align: left;
}

.textcenter {
    text-align: center;
}

.textcenter img {
    margin: 0 auto;
}

.alignright {
    float: right;
}


/* Top Garanti */

.top-garanti {
    float: right;
    margin-top: 2px;
    cursor: default;
}

.top-garanti img {
    float: left;
    margin: 1px 2px 0 0;
}

.top-garanti .greenbar {
    float: right;
    color: #FFFFFF;
    background: #0B7E01;
    padding: 3px 5px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.top-garanti .greenbar .desktop,
.top-garanti .greenbar .mobile {
    display: none;
}

.top-garanti .number {
    float: right;
    background: #80be35;
    color: #FFFFFF;
    padding: 3px 10px;
    font-size: 18px;
    text-align: center;
    margin: -4px 0 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.top-garanti .help {
    float: right;
    width: 22px;
    height: 22px;
    font-size: 15px;
    margin-left: 7px;
    color: #FFFFFF;
    background: #27978D;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.top-garanti .help .line {
    display: block;
    width: 20px;
    height: 2px;
    background: #27978D;
    margin: -10px 0 0 -18px;
}

#colorbox .portlet {
    margin-bottom: 0;
}

#colorbox .form-actions {
    padding-bottom: 0;
}

#colorbox .desc {
    margin-bottom: 23px;
}

#colorbox .portlet.light {
    padding: 0 10px;
    padding-bottom: 15px;
}

.create-well {
    margin-top: 20px;
    margin-bottom: 10px;
    background: #f6f9fb;
    /* background: #f9f9f9; */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /* margin-bottom: 20px; */
    /* border: 1px solid #F2F5F8; */
}

.create-well .title {
    /* border-bottom: 1px solid #ededed; */
    border-bottom: 1px solid #e8edf0;
    margin-bottom: 20px;
    padding: 12px 12px 12px 15px;
}

.create-well .desc {
    padding: 0 20px;
}

.create-well .form-actions {
    margin-top: 10px;
    border-color: #e8edf0 !important;
    /* border-top: 1px solid #F2F5F8 !important; */
}

h4.subtitle {
    margin-bottom: 4px;
}


/* .details-container */

.details-container,
.editing-container {
    display: none;
    padding: 10px;
    background: url("/panel/assets/themes/default/global/img/inset-shadow.png") 0 -3px repeat-x;
    border: 1px solid #EEEEEE;
    border-top: 0 none !important;
    margin-bottom: 20px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.editing-container {
    position: relative;
    padding-top: 35px;
    padding-bottom: 15px;
}

.details-container>.table,
.editing-container>.table {
    margin-bottom: 0 !important;
}

.details-container td.title,
.editing-container td.title {
    font-weight: 300;
    color: #616161;
}

.editing-container .checkboxes {
    padding: 5px 0 25px 30px;
}

.editing-container .checkboxes label {
    min-width: 240px;
    margin-bottom: 9px;
    display: inline-block;
}

.editing-container .form-body {
    padding: 0 10px 20px 10px;
}

.editing-container .form-actions {
    padding-top: 15px;
    border-top: 1px solid #EEEEEE;
}

.editing-container .title {
    font-size: 15px;
    font-weight: normal;
    /* color: #0577bb; */
    color: #5b9bd1;
    padding-bottom: 10px;
    padding-left: 8px;
    margin-bottom: 20px;
    margin-top: 0;
    border-bottom: 1px solid #EEEEEE;
}

.editing-container .title-desc {
    background: rgba(245, 245, 245, 0.50);
    margin: 0 10px 13px 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

tr.editing-area>td {
    background: #FFFFFF;
    padding-top: 0!important;
}


/*** Manager Tabs ***/


/* temp */

.accordion-toggle {
    text-decoration: none !important;
}


/* //temp */

.manager-tab {
    border-right: 1px solid #EEEEEE;
}

.manager-tab ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.manager-tab ul li a {
    display: block;
    position: relative;
    padding: 10px 0 10px 10px;
    color: #666666;
    border-bottom: 1px solid #EEEEEE;
    border-left: 4px solid #fbfbfb;
}

.manager-tab ul li a .fa-angle-right,
.manager-tab ul li button .fa-angle-right {
    float: right;
    margin-right: 4px;
    /* display: none; */
}

.manager-tab ul li a:hover,
.manager-tab ul li a:active,
.manager-tab ul li a:focus {
    text-decoration: none;
}

.manager-tab ul li a:hover {
    background: #fdfdfd;
}

.manager-tab ul li.active a .fa-angle-right,
.manager-tab ul li a:hover .fa-angle-right,
.manager-tab ul li.active button .fa-angle-right,
.manager-tab ul li button:hover .fa-angle-right {
    margin-right: 1px;
}

.manager-tab ul li.active a {
    color: #000;
    background: #fdfdfd;
    border-left: 4px solid #F3565D;
}


/*
.manager-tab ul li:first-child a {
    border-top: 1px solid #F2F5F8;
}
*/

.manager-tab ul li .sub-menu li:first-child a {
    border-top: none;
}

.manager-tab ul li.dropdown {
    position: relative;
}

.manager-tab li.dropdown ul.menu {
    display: none;
    position: absolute;
    min-width: 200px;
    background: #FFFFFF;
    border-right: 1px solid #EEEEEE;
    z-index: 999999;
}

.manager-tab li.dropdown ul.menu li a {
    border-left: 1px solid #EEEEEE;
}

.manager-tab li.dropdown ul.menu li.active a {
    color: #000;
    background: #fdfdfd;
    border-left: 4px solid #F3565D;
}

.manager-tab-content {
    padding: 0;
    position: relative;
}

.manager-tab-content>.portlet.light {
    min-height: 585px;
}

.manager-tab-content .tab-title {
    margin-bottom: 30px;
}

.manager-tab-content .tab-title h3 {
    margin-top: 0;
}

.manager-tab-content .portlet.light {
    border: 1px solid #EEEEEE;
}


/*
.manager-tab-content .portlet.light .nav-tabs>li.active>a {
    border: 1px solid #EEEEEE;
    border-bottom-color: transparent;
}

.manager-tab-content .portlet.light .tabbable-custom > .tab-content {
    border-color: #EEEEEE;
}
*/

.tabbable-line .util-item li.active,
.tabbable-line>.nav-tabs>li.active {
    border-bottom: 4px solid #69a3d5;
}

.tabbable-line>.nav-tabs>li.open,
.tabbable-line>.nav-tabs>li:hover {
    border-bottom: 4px solid #cbe4fa;
}

.tabbable-line>.nav-tabs>li.active:hover {
    border-bottom: 4px solid #69a3d5;
}

.tabbable-line.green-meadow>.nav-tabs>li.active {
    border-bottom: 4px solid #45b6af;
}

.tabbable-line.green-meadow>.nav-tabs>li.open,
.tabbable-line.green-meadow>.nav-tabs>li:hover {
    border-bottom: 4px solid #afdcd9;
}

.tabbable-line>.nav-tabs>li a,
.tabbable-line>.nav-tabs>li a:hover,
.tabbable-line>.nav-tabs>li a:active {
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.tabbable-line>.tab-content {
    padding-top: 30px;
}

.portlet.light .desc {
    margin-bottom: 20px;
    line-height: 1.6em;
}

.portlet.light .desc .help {
    position: relative;
    background: #f6f9fb;
    padding: 10px;
    margin: 20px 0;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.portlet.light .desc .help h4 {
    font-size: 14px;
    /* font-weight: bold; */
    margin: 4px 0 6px 13px;
    /* color: #4893c6; */
}

.portlet.light .desc .help .bg {
    position: absolute;
    right: 4px;
    top: 26px;
}

.portlet.light .desc .help .bg .fa {
    font-size: 115px;
    color: #e2ebf4;
}

.portlet.light .desc .help ul {
    margin-bottom: 0;
    padding-left: 10px;
    list-style: none;
    position: relative;
    z-index: 5;
}

.portlet.light .desc .help ul li a,
a.help {
    cursor: help;
    color: #333333;
}

.portlet.light .desc .help ul li a:hover,
a.help:hover {
    text-decoration: none;
    border-bottom: 1px dashed #333333;
}

.portlet {
    position: relative;
}

.portlet.light .infoline {
    margin-bottom: 20px;
    background: #fafcfd;
    border: 1px solid #f7f7f7;
    padding: 15px;
    cursor: default;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
}

.portlet.light .infoline:hover {
    background: #fbfdfe;
    border-color: #efefef;
}

.portlet.light .infoline h4 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 14px;
    /* font-weight: bold; */
}

.portlet.light .portlet-body {
    position: relative
}

.portlet.light .portlet-body .portlet-body-overlay {
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    z-index: 2;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 4px;
}

.portlet.light .portlet-body .portlet-body-overlay .portlet-modalbox {
    width: 550px;
    margin: 0 auto;
    padding: 40px;
    background: rgba(250, 250, 250, 0.9);
    box-shadow: 2px 3px 5px -2px rgba(0, 0, 0, 0.34);
}

.portlet.light .portlet-body .portlet-body-overlay .portlet-modalbox {
    line-height: 1.8em;
}

.portlet.light .portlet-body .portlet-body-overlay .portlet-modalbox .mini-info {
    font-size: 11px;
    color: #929292;
}

.manager-tab-content .portlet.light .portlet-title {
    background: #FFFFFF;
    z-index: 999;
}

.manager-tab-content .portlet.light .portlet-title .domain-select {
    width: 350px;
    margin-right: 15px;
}

.manager-tab-content .portlet.light .portlet-title .domain-select .form-group {
    margin-bottom: 0;
}

.manager-tab-content .loader {
    /* width: 855px; */
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 99999;
    cursor: wait;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.manager-tab-content .loader .bg {
    position: relative;
    /* width: 200px; */
    /* margin: 0 auto; */
    /* padding-top: 70px; */
    /* padding-bottom: 30px; */
}

.manager-tab-content .loader .text {
    position: absolute;
    width: 200px;
    padding: 3px 0 8px 0;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(228, 228, 228, 0.6);
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.manager-tab-content .loader .text img {
    float: left;
    width: 32px;
    margin: 6px 10px 0 11px;
}

.manager-tab-content .loader .text h3 {
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 5px;
    border-bottom: 0 none;
    font-size: 17px;
    font-weight: normal;
}

.manager-tab-content .loader .text p {
    color: #b5b5b5;
    margin-bottom: 0;
}

.manager-tab-content .portlet.light {
    border: none;
}

.manager-sidebar {
    /* width: 285px; */
    padding-right: 20px;
    padding-left: 0;
}

.manager-sidebar-portlet {
    float: left;
    padding: 20px 0 0 0 !important;
    width: 100%;
}

.manager-sidebar .dashboard-stat {
    margin-bottom: 0;
    margin-top: -28px;
    -webkit-border-radius: 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius: 0;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.manager-sidebar .dashboard-stat .details .number {
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    padding-top: 0;
    margin-top: 21px;
    max-width: 230px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.manager-sidebar .dashboard-stat .details .desc {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6) !important;
    max-width: 250px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.manager-sidebar .dashboard-stat.yellow-mail {
    background-color: #ecb81d;
}

.manager-sidebar .dashboard-stat.yellow-mail .more {
    background-color: #dca90a;
}

.manager-sidebar .dashboard-stat.yellow .visual>i {
    opacity: 0.16;
}

.manager-title {
    text-align: center;
    padding: 0 20px;
    float: left;
    width: 100%;
}

.manager-title span.value {
    color: #6e8097;
}

.manager-title-image {
    width: 45px;
}

.manager-title-name {
    color: #5a7391;
    font-size: 20px;
    font-weight: 300;
    text-align: left;
    margin-bottom: 15px;
    width: 100%;
    float: left;
}

.manager-title .packet-icon {
    text-align: center;
}

.manager-title-name .packet-name {
    width: 180px;
    padding-left: 15px;
    font-size: 18px;
    margin-top: -5px;
}

.manager-title-info {
    color: #93a3b5;
    font-size: 13px;
    float: left;
    width: 100%;
}

.manager-buttons {
    text-align: center;
    margin-top: 18px;
}

.manager-buttons .btn {
    margin-right: 5px;
}

.manager-buttons .btn:last-child {
    margin-right: 0;
}

.manager-buttons button {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    padding: 6px 15px;
}

.manager-menu {
    margin-top: 15px;
    padding-bottom: 20px;
    border-right: none;
    float: left;
    width: 100%;
}

.manager-menu ul {
    border-bottom: 1px solid #F2F5F8;
}

.manager-menu ul li {
    border-bottom: none;
}

.manager-menu ul li:last-child a {
    border-bottom: none;
}

.manager-menu ul li a,
.manager-menu ul li button {
    color: #93a3b5;
    /* font-size: 16px; */
    font-weight: 400;
    /* border-bottom: 1px solid #F2F5F8; */
    border-bottom: 0 none;
}

.manager-menu ul li button {
    text-align: inherit;
    display: block;
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #EEEEEE;
    border: none;
    border-left: 4px solid #fbfbfb;
    width: 100%;
    background: #FFFFFF;
}

.manager-menu ul li.active {
    border-left: 6px solid #5b9bd1 !important
}

.manager-menu.green-meadow ul li.active {
    border-left: 6px solid #18af90 !important
}

.manager-menu.blue-steel ul li.active {
    border-left: 6px solid #4B77BE !important
}

.manager-menu.yellow ul li.active {
    border-left: 6px solid #ffc413 !important
}

.manager-menu.purple ul li.active {
    border-left: 6px solid #865899 !important
}

.manager-menu ul li.active ul li {
    border: none !important
}

.manager-menu ul li a i,
.manager-menu ul li button i {
    margin-right: 8px;
    font-size: 16px;
}

.manager-menu ul li a:hover,
.manager-menu ul li button:hover {
    background-color: #fafcfd;
    color: #5b9bd1;
}

.manager-menu.green-meadow ul li a:hover,
.manager-menu.green-meadow ul li button:hover {
    background-color: rgba(246, 251, 249, 0.6);
    color: #82baaf;
}

.manager-menu.blue-steel ul li a:hover,
.manager-menu.blue-steel ul li button:hover {
    background-color: rgba(75, 119, 190, 0.05);
    color: #4B77BE;
}

.manager-menu.yellow ul li a:hover,
.manager-menu.yellow ul li button:hover {
    background-color: #fffdf7;
    color: #e9b71b;
}

.manager-menu.purple ul li a:hover,
.manager-menu.purple ul li button:hover {
    background-color: rgba(249, 246, 251, 0.47);
    color: #865899;
}

.manager-menu ul li.active a,
.manager-menu ul li.active button {
    color: #5b9bd1;
    background-color: #f6f9fb;
    margin-left: -2px;
    border-left: none;
}

.manager-menu.green-meadow ul li.active a,
.manager-menu.green-meadow ul li.active button {
    background-color: #f6fbf9;
    color: #18af90;
}

.manager-menu.blue-steel ul li.active a,
.manager-menu.blue-steel ul li.active button {
    background-color: rgba(75, 119, 190, 0.06);
    color: #4B77BE;
}

.manager-menu.yellow ul li.active a,
.manager-menu.yellow ul li.active button {
    background-color: #fbfaf6;
    color: #e9b71b;
}

.manager-menu.purple ul li.active a,
.manager-menu.purple ul li.active button {
    background-color: #f9f6fb;
    color: #865899;
}

.manager-tab ul li a.disabled,
.manager-tab ul li:hover a.disabled {
    color: #ccd3dc !important;
    /* background: #F8F8F8; */
    background: none s;
    cursor: not-allowed;
}

.manager-tab ul li button[disabled],
.manager-tab ul li:hover button[disabled] {
    color: #ccd3dc !important;
    /* background: #F8F8F8; */
    background: none !important;
    cursor: not-allowed;
}

.manager-tab ul li a.disabled .fa-angle-right {
    margin-right: 4px;
}

.manager-menu ul li ul.sub-menu {
    display: none;
    border-bottom: 0 none;
}

.manager-menu ul li ul.sub-menu li a,
.manager-menu ul li.active ul.sub-menu li a {
    color: #93a3b5;
    background-color: #fafafb;
    border-left: 4px solid #f6f9fb;
    padding: 7px 0 7px 10px;
    border-bottom: none;
}

.manager-menu ul li ul.sub-menu li a:hover,
.manager-menu ul li ul.sub-menu li.active a {
    background: #f4f4f4;
    border-left-color: #f4f4f4;
}

.comingsoon {
    position: relative;
}

.page-header .navbar-nav .comingsoon .soon {
    margin-right: 3px;
}

.manager-menu .comingsoon .badge-primary {
    background-color: #8bc34a;
}

.manager-menu .comingsoon .soon {
    position: absolute;
    right: 8px;
    top: 10px;
    z-index: 99;
}


/* Colorbox Loading */

#cboxContent {
    width: 900px;
    position: relative;
}

#cboxContent .loader {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    background: rgba(255, 255, 255, 0.9);
    z-index: 9999999;
}

#cboxContent .loader .bg {
    padding-top: 150px;
}

#cboxContent .loader .bg h3 {
    margin: 5px 0 2px 0;
}

.table .btn {
    margin-right: 2px;
}

.table.top-text>tbody>tr>td {
    vertical-align: top;
}

.table.borderless td,
.table.borderless th {
    border: none;
}

.table.table-light>thead>tr>th {
    color: #666666;
}


/*** Datatable ***/

.dataTables_filter,
.dataTables_paginate {
    text-align: right;
}

.dataTables_paginate ul {
    float: right;
}

.dataTables_info {
    padding-top: 15px;
}

.dataTables_length select,
.dataTables_filter .form-control {
    font-size: 13px;
}

.table-scrollable {
    border: 0 none;
    overflow-x: inherit;
    overflow-y: inherit;
}

.table-light th {
    outline: none;
}

.table-light td a {
    color: #333333;
}

th.sorting:hover,
th.sorting_asc:hover,
th.sorting_desc:hover {
    color: #000000 !important;
}


/* Winged Table */

.table-winged th.blank {
    background: none;
    border-left: 0 !important;
    border-top: 0 !important;
}

.table-winged th {
    background: #ededed;
    color: #919191 !important;
}

.table-winged td {
    color: #333 !important;
}

.table-winged th,
.table-winged td {
    padding: 15px !important;
    border: 1px solid #ededed !important;
}

.table-winged.table-winged-first-row-dark tbody tr td:first-child {
    background: #ededed;
    color: #72777d !important;
}

.table-winged.table-winged-first-row-dark tbody tr td:first-child strong {
    color: #444 !important;
}

.table-winged tfoot tr td {
    background: #ededed;
    text-align: right;
    font-weight: bold;
    color: #8896A0;
    border: 1px solid #ffffff !important;
}

.table-winged tfoot tr td:last-child {
    border-right: 1px solid #ededed !important;
}

.table-winged tfoot .blank {
    border-left: 0 !important;
    border-bottom: 0 !important;
    border-top: 0 !important;
    background: none !important;
}

.table-winged.upgrade-table {
    border-left: 1px solid #ededed !important;
}

.table-winged.upgrade-table td {
    padding: 10px 15px !important;
}

.table-winged.upgrade-table.table-winged-first-row-dark tr td:first-child {
    background: #f8f9f9;
    border-left: 0 !important;
    border-top: 0 !important;
}

.table-dropdown {
    position: relative;
    float: left;
    width: 100%;
}

.table-dropdown .table-container {
    border: 1px solid #999;
    padding: 2px;
    width: 100%;
    float: left;
    top: -2px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top: 0;
    position: absolute;
    top: 28px;
    background: #fff;
    z-index: 20;
    display: none;
}

.table-dropdown .table-container table {
    margin-bottom: 0;
}

.table-dropdown .selected-values {
    border: 1px solid #e5e5e5;
    float: left;
    width: 100%;
    padding: 7px 10px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

.table-dropdown.opened .selected-values,
.table-dropdown.focused .selected-values {
    border: 1px solid #999;
}

.table-dropdown.opened .selected-values .values div {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.table-dropdown.opened .table-container {
    display: block;
}

.table-dropdown tbody tr {
    cursor: pointer;
}

.table-dropdown tbody tr.selected {
    background: #ecf1f3
}

.table-dropdown tbody tr:not(.selected):hover {
    background: #F8F8F8
}

.table-dropdown .values .value {
    float: left;
    margin-right: 10px
}

.table-dropdown.disabled .selected-values {
    background-color: #f4f4f4;
}

.table-dropdown .selected-values .arrow {
    background-image: none;
    background-color: #fff;
    filter: none;
    border-left: 1px solid #e5e5e5;
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 4px 4px 0;
}

.table-dropdown.disabled .selected-values .arrow {
    background-color: #f4f4f4;
}

.table-dropdown .selected-values .arrow b {
    background: url('../img/select2.png') no-repeat 0 1px;
    display: block;
    width: 100%;
    height: 100%;
    background-position: 0 1px;
}

.table-dropdown.opened .selected-values .arrow b {
    background-position: -18px 1px;
}

.table-dropdown.opened .selected-values .arrow,
.table-dropdown.focu .selected-values .arrow {
    border-left: none;
}

table form.form-post {
    display: inline-block;
    margin-right: 1px;
}


/* Table no-result  */

.no-result {
    text-align: center;
}

.no-result h4 {
    padding: 10px;
    line-height: 30px
}

.no-result h4 a {
    font-weight: 700
}


/*** Notifications ***/

.slimScrollDiv {
    height: inherit !important;
    max-height: 250px;
    min-height: 78px;
}

.slimScrollDiv .scroller {
    height: inherit !important;
    max-height: 250px;
}


/*** Compose Form ***/

.inbox-compose-attachment {
    background: #F8F8F8;
    padding: 0;
}

.inbox-compose-attachment input,
.inbox-compose-attachment input:active,
.inbox-compose-attachment input:focus {
    outline: none;
}

.inbox-compose-attachment .btn {
    padding: 4px 8px;
    font-size: 11px;
}

.inbox-compose-attachment .btn .fa {
    font-size: inherit;
    line-height: normal;
}

.filerow {
    padding: 10px;
}

.filerow .btn {
    float: right;
}

.filerow:nth-child(even) {
    background: #FFFFFF;
}

.filerow .add-file {
    display: none;
    width: 85px;
}

.filerow .remove-file {
    display: inline-block;
    width: 85px;
}

.filerow:first-child .add-file {
    display: inline-block;
}

.filerow:first-child .remove-file {
    display: none;
}

.fileinput,
.fileattrs {
    float: left;
}

.fileattrs {
    padding-left: 10px;
    /* color: #6E6E6E; */
    color: #46B5E5;
}


/*** Turtab ***/

.turtab {
    border: 1px solid #EEEEEE;
    margin-bottom: 10px;
}

.turtab .tabs-left.nav-tabs {
    border-right: 0 none;
    margin-bottom: 0;
}

.turtab .nav>li>a {
    padding: 15px 17px;
    color: #697882;
}

.turtab .nav-tabs>li,
.turtab .nav-tabs>li>a,
.turtab .nav-pills>li>a,
.turtab .tabs-left.nav-tabs>li>a:hover,
.turtab .tabs-left.nav-tabs>li>a:focus,
.turtab .tabs-left.nav-tabs>li.active>a,
.turtab .tabs-left.nav-tabs>li.active>a:hover>li.active>a:focus {
    border: 0 none;
    margin: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.turtab .tabs-left.nav-tabs>li {
    background: #F8F8F8;
    border-bottom: 1px solid #EEEEEE;
}

.turtab .tabs-left.nav-tabs>li:last-child {
    border-bottom: 0 none;
}

.turtab .nav-tabs>li>a,
.turtab .nav-pills>li>a,
.turtab .tabs-left.nav-tabs>li>a:hover,
.turtab .tabs-left.nav-tabs>li>a:focus {
    border-left: 4px solid #EEEEEE;
}

.turtab .tabs-left.nav-tabs>li.active>a,
.turtab .tabs-left.nav-tabs>li.active>a:hover>li.active>a:focus {
    color: #555555;
    border-left: 4px solid #F3565D;
    background: #FFFFFF;
}

.turtab .tabs-left.nav-tabs>li.active>a .fa,
.turtab .tabs-left.nav-tabs>li.active>a:hover>li.active>a:focus .fa {
    color: #F3565D;
}

.turtab .col-md-3,
.turtab .col-md-9 {
    padding: 0;
}

.turtab .tabs-left.nav-tabs>li.menu-title {
    color: #BCC2CB;
    font-size: 14px;
    background: #444d58;
    border-bottom: 0 none;
    padding: 15px 20px;
}

.turtab .content-title {
    color: #f1f1f1;
    font-size: 14px;
    background: #4E5966;
    padding: 15px 20px;
}

.turtab .content-details {
    padding: 20px;
}


/*** Loader ***/

.turloader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 99999999999;
}

.turloader .inset {
    position: relative;
}

.turloader .inset .spinner {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    background: transparent;
    text-align: center;
    /*
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,0.40);
    -moz-box-shadow: 0 1px 8px 0 rgba(0,0,0,0.40);
    box-shadow: 0 1px 8px 0 rgba(0,0,0,0.40);
    */
}

.turloader .inset .spinner img {
    /* margin-top: 17px; */
    width: 85px;
    height: 85px;
}


/*** Ajax Modal ***/

#ajax-modal .note-editor {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#ajax-modal .inbox-compose-attachment {
    border: 1px solid #a9a9a9;
    border-top: 0 none;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}


/*** Inputs ***/

.input-clear {
    position: relative;
}

.input-clear.input-medium .cleartext {
    position: absolute;
    right: 8px;
    top: 7px;
    color: #cfcfcf;
}

.input-clear.input-medium .cleartext:hover {
    color: #333333;
}

.left-select {
    position: relative;
}

.left-select .left-item {
    position: absolute;
    left: 3px;
    top: 4px;
    /* width: 45px; */
    font-size: 14px;
    text-align: center;
}

.left-select input {
    padding-left: 100px;
}

.left-select .select2-container,
.left-select .select2-choice,
.left-select .select2-dropdown-open {
    border: 0 !important;
    background: #FFFFFF !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}


/* Steps */

.step-container {
    margin-bottom: 20px;
}

.step-container .steps {
    padding-top: 20px;
    padding-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
}

.step-container .step {
    position: relative;
    font-size: 14px;
    height: 56px;
    cursor: default;
    background: #F5F5F5;
    margin-bottom: 1px;
    padding: 18px 10px 15px 58px;
}

.step-container .step:hover {
    background: #e8e8e8;
}

.step-container .step.active {
    background: #32c5d2;
    color: #FFFFFF;
}

.step-container .col-md-3,
.step-container .col-md-4 {
    padding-right: 2px;
    padding-left: 2px;
}

.step-container .step .number {
    position: absolute;
    left: 9px;
    top: 8px;
    width: 40px;
    height: 40px;
    font-size: 27px;
    color: #d8d8d8;
    text-align: center;
    background: #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.step-container .step.active .number {
    color: #32c5d2;
}

.step-container .step-body {
    display: none;
}

.step-container .step-body.active {
    display: block;
}

.step-container .well {
    background: #F5F5F5;
    margin-bottom: 30px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.step-container .alert {
    margin-bottom: 30px;
}

.step-container .selected-user,
.step-container .selected-domain {
    display: none;
}

#transfer-timer .hours {
    display: none;
}

#pwdinput {
    width: 100%;
    max-width: 100% !important;
    height: 42px;
    text-align: center;
    font-size: 20px;
    border: 2px solid rgb(238, 238, 238);
    overflow: hidden;
    margin: 0;
    background: rgb(249, 249, 249);
}


/* Internal Transfer */

.unpaid-warning {
    color: #FF9233;
    font-size: 16px;
    margin-left: 3px;
}

.internal-transfer .step-1 .dataTables_filter {
    padding-right: 6px;
}

.internal-transfer .step-1 .dataTables_filter .form-control,
.internal-transfer .step-1 .dataTables_filter label {
    width: 100% !important;
}

.internal-transfer .item-wrapper {
    margin: 30px 0;
}

.internal-transfer .item-wrapper:first-child {
    margin-top: 0;
}


/* Global Search */

.global-search-wrapper {
    padding: 12px 0 10px 0 !important;
}

.global-search-wrapper .global-search {
    border: 0 none !important;
    height: auto !important;
    padding: 8px 15px;
}

.global-search-wrapper .global-search:focus {
    border-color: #b6bbc0;
}

.global-search-wrapper .loaderimg {
    position: absolute;
    right: 9px;
    top: 9px;
    width: 18px;
    z-index: 999;
}

.global-search-wrapper .empty-message {
    padding: 3px 12px;
}

.tt-suggestion {
    position: relative;
}

.tt-suggestion .media.disabled {
    opacity: .35;
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
}

.suggestion-group-name {
    font-size: 12px;
}

.suggestion-domain {
    font-size: 13px;
}

.suggestion-name {
    font-size: 15px;
    font-weight: 500
}

.suggestion-dayleft {
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.suggestion-ticket-label {
    background: #B4BFC8;
    margin-bottom: 3px;
}


/* Box */

.well {
    background: #F5F5F5;
    margin-bottom: 10px;
}

.well .title {
    font-weight: bold;
    margin: 1px 3px 7px;
}

.well h1.block,
.well h2.block,
.well h3.block,
.well h4.block,
.well h5.block,
.well h6.block {
    padding-top: 0;
    margin-top: 0;
}

.well .sub-info {
    margin-top: 8px;
    font-size: 11px;
    line-height: 1.3em;
    color: #8D8D8D;
}

.app-logo {
    text-align: center;
}

.app-logo img {
    width: 40px;
}

.app-setup {
    text-align: right;
}


/* Modal Form Details*/

.modal-tab .tab-pane {
    padding: 15px;
}

.modal-form-title {
    padding: 0 0 10px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #EEEEEE;
}

.modal-form-title .right-text {
    float: right;
    text-align: right;
    padding-top: 15px;
}

.modal-form-title h4 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 5px;
}

.radio-selector,
.input-checker {
    color: #b3b3b3;
    cursor: pointer;
}

.radio-selector:hover,
.input-checker:hover {
    color: #333333;
    border-color: #2980b9;
}


/*
.modal-form-body {
    min-height: 300px;
}
*/

.modal-form-bottom {
    border-top: 1px solid #EEEEEE;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-top: 30px;
}

.modal-tab .form-group.no-tr,
.modal-tab .form-group.kurumsal {
    display: none;
}

.modal-tab .form-group {
    margin-bottom: 10px;
}

.modal-tab .input-group .input-group-addon {
    color: #FFFFFF;
    border-color: #2980b9;
    background: #2980b9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.modal-tab .input-group .input-group-addon>i {
    color: #FFFFFF;
}

.modal-tab .form-horizontal .control-label {
    text-align: left;
}

.modal-tab .form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.modal-tab .form-control:focus {
    border-color: #2980b9;
}


/*.control-label {
    font-weight: 700;
}*/

.input-group,
.input-group.text-select-group {
    width: 100%;
}

.input-group.text-select-group input[type="text"].form-control {
    width: 50%;
    border-right: 0;
}

.input-group.text-select-group select.form-control {
    width: 50%;
}

.input-group.text-select-group.large-control select.form-control {
    width: 65%;
}

.input-group.text-select-group.large-control input[type="text"].form-control {
    width: 35%;
}

.input-group.text-select-group .static-char {
    width: 38px;
    position: absolute;
    left: 50%;
    top: 0;
    text-align: center;
    margin-left: -38px;
    z-index: 5;
    background: #f6f6f6;
    height: 100%;
    font-size: 17px;
    line-height: 32px;
    color: #bbbbbb;
    border: 1px solid #e5e5e5;
    border-right: 0;
}

table tbody tr td .input-group-btn:first-child>.btn,
table tbody tr td .input-group-btn:first-child>.btn-group {
    margin-right: -2px
}

table tbody tr td .input-group-btn:last-child>.btn,
table tbody tr td .input-group-btn:last-child>.btn-group {
    margin-left: -2px
}


/* Support */

.ticket-link {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 150px;
    display: block;
}

.file-row {
    margin-bottom: 6px;
}

.file-add .fa,
.file-remove .fa {
    font-size: 20px;
    margin-top: 10px;
}

.file-remove {
    color: #e7505a;
}


/* Stats */

.live-graph .label-name .legendColorBox {
    width: 11px;
    height: 11px;
    margin-left: 5px;
    background: #d12610;
    overflow: hidden;
}


/* Aff Banners */

.aff-banner {
    margin: 0 auto;
    margin-bottom: 50px;
    max-width: 728px;
}

.aff-banner .img {
    margin-bottom: 10px;
}

.aff-banner .img img {
    width: 100%;
}


/* How it works */

.howitworks {
    position: relative;
    padding-left: 50px;
}

.howitworks h3 {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: bold;
}

.howitworks .number {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    background: #EEEEEE;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.howitworks .number span {
    display: block;
    padding-top: 5px;
}

.after-buttons {
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 15px;
    border-top: 1px solid #EEEEEE;
}


/* Show Hide Password - Generate Password */

.showhide-password,
.generate-password {
    width: 135px;
}

.showhide-password.mini,
.generate-password.mini {
    width: 100px;
}

.showhide-password span.hide {
    display: none;
}

.showhide-password.showed span.hide {
    display: block !important;
}

.showhide-password.showed span.show {
    display: none !important;
}

.showhide-password-content * {
    float: left;
}

.showhide-password-content span.password {
    min-width: 80px;
    display: block;
}

.showhide-password-value {
    min-width: 45px;
}


/* Password Strength */

.password-base {
    display: none;
    position: absolute;
    font-size: 12px;
    line-height: 1.8em;
    z-index: 9999;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.3);
    color: #2c2c2c;
}

.form-group.focused .password-base,
.input-group.focused .password-base {
    display: block;
}

.password-base .password-content {
    width: 270px;
    padding: 15px;
}

.password-base h3 {
    margin-top: 0;
}

.pwdspecs {
    margin-top: 10px;
    padding: 5px;
}

.pwdspecs li {
    list-style: none;
}

.pwdspecs i {
    color: #dddddd;
}

.backuprange-container .input-group-addon {
    background: #fff;
}

.backuprange-container .input-group-addon:hover {
    background: #f8f8f8 !important;
}


/* Quick DNS */

.quickdns-desc {
    border-bottom: 1px solid #a8c6d6;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 11px;
}


/* Input Add-Remove */

.input-add-remove .add,
.input-add-remove .remove {
    margin: 1px 0 0 -20px;
    text-align: center;
    padding: 5px 0 0 0;
    width: 30px;
    height: 30px;
}


/* Button Label */

label.label-button {
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    /* padding: 7px 6px 5px 7px; */
    padding: 8px 8px 8px 8px;
    margin-top: 0;
    margin-bottom: 0;
    /* background: #F8F8F8; */
    border: 1px solid #E5E5E5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

label.label-button:hover {
    border-color: #bbbbbb;
}

label.label-button .icheckbox_flat {
    margin-top: -2px;
}

label.label-button .icheckbox_square-blue {
    margin-right: 3px;
}

label.label-button.form-control-static {
    padding-bottom: 7px;
}

.plesk-backup label.check-label {
    padding-left: 30px;
    position: relative;
}

.plesk-backup label.check-label div[class*='icheckbox_'] {
    position: absolute;
    left: 0;
}

div[class*='icheckbox_'],
div[class*='iradio_'] {
    margin-right: 5px;
}

label.label-button span.prices {
    float: right;
}

h3.section-title {
    color: #404040;
    font-size: 15px;
    padding-bottom: 10px;
    margin-top: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #EEEEEE;
}

.textcomplete-dropdown {
    z-index: 9999999 !important;
}

.has-unpaid-invioce {
    color: #777777!important;
    display: block;
    padding-left: 28px;
    text-align: left;
    position: relative;
}

.has-unpaid-invioce .unpaid-warning {
    position: absolute;
    left: 0;
    top: 10px;
}


/* tiptip Tooltip */

.tooltipster-base {
    z-index: 999999999 !important
}


/* Password Tip */

#password-tooltip {
    display: none;
    position: fixed;
    background: #FFFFFF;
    min-width: 215px;
    padding: 20px 25px;
    z-index: 9999999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.3);
}

#password-tooltip.right:after {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #FFFFFF;
    border-width: 8px;
    margin-top: -8px;
}

#password-tooltip.left:after {
    left: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #FFFFFF;
    border-width: 8px;
    margin-top: -8px;
}

#password-tooltip.top:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #FFFFFF;
    border-width: 8px;
    margin-left: -8px;
}

#password-tooltip ul {
    margin: 0;
    padding: 0;
}

#password-tooltip ul li {
    list-style: none;
    color: #a6a6a6;
    ;
    font-size: 12px;
    line-height: 1.8em;
    text-transform: inherit !important;
}

#password-tooltip ul li.active {
    color: #333333;
}

#password-tooltip ul li .fa {
    font-size: 12px;
}

#password-tooltip ul li .fa-circle {
    color: #d6d6d6;
}

#password-tooltip ul li.active .fa-circle {
    color: #00cc66;
}

.password.pwdtip {
    background-color: rgba(243, 86, 93, 0.07);
}

.password.pwdtip.pwdtipok {
    background-color: rgba(68, 182, 91, 0.09);
}


/* Progress Bar */

.progress .progress-bar.usage {
    background: #85d911;
    background: -moz-linear-gradient(left, #85d911 0%, #fee700 47%, #ffb600 70%, #ff4505 100%);
    background: -webkit-linear-gradient(left, #85d911 0%, #fee700 47%, #ffb600 70%, #ff4505 100%);
    background: linear-gradient(to right, #85d911 0%, #fee700 47%, #ffb600 70%, #ff4505 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85d911', endColorstr='#ff4505', GradientType=1);
}


/* Shopping Cart */

.shopping-cart-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.shopping-cart-menu ul li .fa-angle-right {
    float: right;
    display: none;
}

.shopping-cart-menu ul li a {
    display: block;
    padding: 10px 0 10px 10px;
    color: #666666;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*
    border-bottom: 1px solid #EEEEEE;
    border-left: 4px solid #fbfbfb;
    */
}

.shopping-cart-menu ul li a:hover {
    background-color: #fafcfd;
    color: #5b9bd1;
}

.shopping-cart-menu ul li.active a {
    color: #5b9bd1;
    margin-left: -3px;
    border-left: 3px solid #5b9bd1;
    background-color: #f6f9fb;
}

.shopping-cart-menu ul li.active a .fa-angle-right,
.shopping-cart-menu ul li a:hover .fa-angle-right {
    display: inline-block;
}

.shop-product-list .portlet.light .portlet-body {
    padding: 15px 10px;
}

.shop-product-list .shop-item h3 {
    margin-top: 0;
}

.shop-product-list .shop-item h3 a {
    text-decoration: none;
    color: #e66a6a;
    ;
}


/* Treeview */

.treeview .tree {
    background: url(/panel/assets/themes/default/global/img/tree.png) 4px 15px repeat-y;
    height: 28px;
}

.treeview:last-child .tree {
    background-position: 4px -103px;
    background-repeat: no-repeat;
}

.total-table {
    margin-top: 30px;
    font-size: 14px;
}

.total-table td {
    color: #333333 !important;
    padding: 10px !important;
}

.total-table tr td:nth-child(2) {
    text-align: right;
}

.total-table tr.total td {
    font-weight: bold;
    font-size: 20px;
}


/* Price & Currency Changer */

.prices .price-tl {
    display: none;
}

.currency-main-menu {
    float: right;
    margin-top: 11px;
}

.currency-main-menu a {
    min-width: 65px;
    text-align: center;
    padding: 5px 6px;
    color: #BCC2CB;
    /* border: 1px solid #6e7782; */
    text-decoration: none;
}

.currency-main-menu a:hover {
    color: #FFFFFF;
}

.currency-main-menu a .fa-angle-down {
    float: right;
    margin-top: 2px;
}

.currency-changer a {
    display: none;
}

.currency-changer a.active {
    display: inline-block;
}

.currency-modal a.active {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    padding: 4px 15px;
    font-size: 12px;
}


/* jconfirm */

.jconfirm .currency-btn {
    position: absolute;
    right: 15px;
    top: 15px;
}

.jconfirm .jconfirm-box div.title-c .title .red {
    color: #f3565d;
}


/* Bottom Info */

.bottom-info {
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #EEEEEE;
    color: #9EACB4;
    background: #FFFFFF;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: -15px;
}


/* Popover */

.popover {
    /* box-shzdow:0px 10px 8px 2px rgba(102, 102, 102, 0.1); */
    border: 0 none;
    font-family: inherit;
    font-size: 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 9999;
}

.popover.top>.arrow {
    border-top-color: #fff !important;
}

.popover.bottom>.arrow {
    border-bottom-color: #fff !important;
}

.popover.left>.arrow {
    border-left-color: #fff !important;
}

.popover.right>.arrow {
    border-right-color: #fff !important;
}

.popover-content {
    padding: 15px 20px 20px 20px;
}

.popover-content ul {
    list-style: none;
    padding: 10px;
}

.popover-content ul li {
    padding-bottom: 3px;
}

.popover-content ul li span.badge {
    margin-right: 3px;
}


/* Dashboard */

.tab-badge {
    background-color: #f36a5a;

    margin-left: 3px;
}

.dashboard-tab-content .heading .fa {
    font-size: 24px;
    opacity: .4;
    color: #93A2A9;
}

.dashboard-tab-content #account .domain-name {
    padding-right: 5px;
}

.dashboard-tab-content #additional-option .select2-chosen {
    font-size: 12px;
}

#invoice table tr td {
    transition: .3s background ease;
}


/* Store: Cart Widget */

.cart-widget {
    position: relative;
}

.cart-widget .portlet {
    background: #FDFDFD !important;
}

.cart-widget .cart-body {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    padding: 5px 15px;
    margin-bottom: 18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.cart-widget .cart-body.empty {
    background: none;
    border: 0 none;
    padding: 0;
}

.cart-widget .loader {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
}

.cart-widget .loader .icon {
    text-align: center;
    color: #9a9a9a;
}

.cart-widget .loader .icon img {
    width: 40px;
}

.cart-widget .cart-empty {
    /* margin-right: -10px; */
    margin-bottom: 18px;
    min-height: 193px;
    /* background: #FDFDFD; */
    background: #FFFFFF;
    border: 2px dashed #EEEEEE;
}

.cart-widget .cart-empty .desc {
    padding: 43px 20px;
    text-align: center;
}

.cart-widget .cart-empty h3 {
    margin-top: 0;
    font-size: 18px;
}

.cart-widget .cart-body .cart-empty {
    display: none;
}

.cart-widget .cart-body.empty .cart-empty {
    display: block;
}

.cart-widget .waiting-drop,
.cart-widget .waiting-drop .cart-empty {
    background: #fffeee;
}

.cart-widget .hover-drop,
.cart-widget .hover-drop .cart-empty {
    background: #f5ffe9;
}

.cart-widget .hover-drop .cart-empty {
    border-color: #afb9a9;
}

.cart-widget .cart-empty .drop-here-text,
.cart-widget .hover-drop .cart-empty .empty-text {
    display: none;
}

.cart-widget .hover-drop .cart-empty .drop-here-text {
    display: block;
}

.cart-widget ul.cartlist {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cart-widget ul li.domain {
    position: relative;
    padding: 10px 0;
    color: #9EACB4;
    border-top: 1px dotted #e1e1e1;
}

.cart-widget ul li.domain:first-child {
    border-top: 0 none;
}

.cart-widget ul li.domain .remove-domain {
    position: absolute;
    right: 0;
    top: 10px;
    padding: 2px 4px 2px 3px;
}

.cart-widget ul li.domain .remove-domain .fa {
    color: #8b8b8b;
}

.cart-widget ul li h4 {
    color: #333333;
    font-size: 16px;
    line-height: 1.4em;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0;
}

.cart-widget ul li .price {
    text-align: right;
    font-size: 14px;
    color: #333333;
}

.cart-widget ul li .price a:hover {
    color: #E26A6A;
}

.cart-widget .action-button {
    padding-bottom: 8px;
}

.cart-widget .action-button .btn {
    width: 100%;
}


/*
.cart-widget .actions .action-button:first-child {
    padding-right: 6px;
}

.cart-widget .actions .action-button:last-child {
    padding-left: 6px;
}
*/

.cart-widget .cart-total {
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

.cart-widget .cart-total .price {
    text-align: right;
    color: #2AA713;
}


/* Select 3 */

.select3 {
    cursor: pointer;
    position: relative;
    border: 1px solid #E5E5E5;
    min-height: 38px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.select3.active,
.select3:hover {
    border-color: #BBBBBB;
}

.select3.active {
    -webkit-border-radius: 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius: 0;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.select3 .arrow {
    position: absolute;
    right: 8px;
    top: 9px;
}

.select3 .arrow .fa-caret-up,
.select3.active .arrow .fa-caret-down {
    display: none;
}

.select3.active .arrow .fa-caret-up {
    display: block;
}

.select3 .dropdown {
    display: none;
    position: absolute;
    left: -1px;
    top: 100%;
    background: #FFFFFF;
    border: 1px solid #BBBBBB;
    border-top: 0 none;
    z-index: 9999999;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.select3 table tr td {
    padding: 8px;
    font-size: 14px;
}

.select3 table tr td:first-child {
    padding-left: 15px;
}

.select3 table tr td.right-desc {
    width: 110px;
    height: 35px;
    padding: 8px 24px 8px 0;
    text-align: right;
    border-left: 1px solid #E5E5E5;
    font-size: 14px;
    vertical-align: top;
}

.select3 .dropdown table tr td.right-desc {
    width: 111px;
}

.select3 .dropdown table tr:hover td {
    background-color: #EEEEEE;
}


/*
.select3 .dropdown table tr:nth-child(odd) td {
    background-color: #ccc;
}
*/

.select3 .dropdown table tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}

.select3 .dropdown table tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}

.select3 .loadtext {
    color: #b3b3b3;
}

.select3 .loadimg {
    text-align: center;
    padding-left: 18px;
}

.select3 .loadimg img {
    width: 20px;
}


/* Log Tables */

#log-table td.status .badge,
#log-table td.status .badge:empty {
    display: block !important;
    float: left;
    width: 12px;
    height: 12px;
    margin: 3px 6px 0 0;
}

#log-table tr.log-details>td {
    background: #FFFFFF;
    padding-top: 0;
}

#log-table .details-table {
    display: none;
}

.tagsinput {
    width: 100% !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px;
}

.tagsinput .add-tag-input {
    width: 100%;
}

div.tagsinput span.tag {
    /* background: rgb(44, 191, 210) !important; */
    background: #5C9BD1 !important;
    color: #fff !important;
    border: none !important;
}

div.tagsinput span.tag a {
    color: #fff !important;
}

div.tagsinput input {
    width: 100% !important;
}

#confirmation-error {
    display: none;
    font-size: 13px;
    line-height: 1.3em;
    color: #F44336;
    margin-top: 4px;
}

.ms-container .ms-optgroup-label {
    color: #333333 !important;
    font-weight: bold;
}

.portlet .disabled-portlet {
    position: absolute;
    left: 3px;
    top: 2px;
    text-align: center;
    background: rgba(255, 255, 255, 0.75);
    z-index: 999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

ul.nav.nav-pills.type-filter li a {
    font-size: 12px;
    padding: 7px 12px;
    border-radius: 4px;
}


/* Datepicker */

.ui-widget-header {
    background: #F8F8F8 !important;
    border-color: #eaeaea;
}

.ui-datepicker .ui-datepicker-header {
    padding: 5px 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #eaeaea;
    background: #f8f8f8;
    font-weight: normal;
    color: #555555;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 5px;
}

.ui-widget-content {
    border: 1px solid #dfdfdf;
}

.ui-widget-content .ui-state-hover {
    background: #FFFFFF !important;
}

.ui-widget-content .ui-state-active {
    background: #2980b9 !important;
    color: #FFFFFF !important;
    border-color: #2980b9 !important;
}

.ui-datepicker .ui-datepicker-title select {
    font-weight: normal;
    font-size: 14px;
    padding: 2px 5px;
    border: 1px solid #EAEAEA;
    outline: none !important;
    margin: 0 2px;
}


/* Store Coupons */

.store-promotions {
    margin-top: 20px;
    margin-bottom: 25px;
}

.store-promotions .title {
    margin: 0 0 15px 0;
    font-size: 18px;
}

.store-promotions .title .fa {
    font-size: 18px;
    color: #FFC107;
}

.store-promotions .title .badge {
    margin-top: -3px;
    background: #3698dc;
}

.store-promotions .body .promotion-outer {
    position: relative;
}

.store-promotions .body .promotion-outer .details {
    display: none;
    position: absolute;
    top: 89px;
    left: 0;
    z-index: 999;
    border: 1px solid #EEEEEE;
    width: 300px;
    padding: 20px;
    background: #FFFFFF;
    -webkit-border-radius: 4px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 4px;
    -moz-border-radius-topleft: 0;
    border-radius: 4px;
    border-top-left-radius: 0;
}

.store-promotions .body .promotion-outer:hover .details {
    display: block;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
}

.store-promotions .body .promotion-outer.passive .details {
    color: #969696;
}

.store-promotions .body .promotion-outer .white {
    display: none;
    position: absolute;
    top: 83px;
    left: 1px;
    background: #ffffff;
    /* width: 148px; */
    width: 198px;
    height: 10px;
    z-index: 9999;
}

.store-promotions .body .promotion-outer:hover .white {
    display: block;
}

.store-promotions .body .promotion-outer:hover .details h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 18px;
    margin-top: 0;
    /*
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
    */
}

.store-promotions .body .promotion {
    display: block;
    position: relative;
    /* width: 150px; */
    height: 100px;
    margin-bottom: 10px;
    text-align: center;
    cursor: default;
    overflow: hidden;
    border: 1px solid #EEEEEE;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
    */
}

.store-promotions .body .promotion-outer:hover .promotion {
    height: 90px;
    margin-bottom: 20px;
    -webkit-border-bottom-right-radius: 1px;
    -webkit-border-bottom-left-radius: 1px;
    -moz-border-radius-bottomright: 1px;
    -moz-border-radius-bottomleft: 1px;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;

    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
}

.store-promotions .body .promotion .badge {
    position: absolute;
    right: -20px;
    top: 9px;
    padding: 6px 0;
    height: auto;
    line-height: 5px !important;
    color: #FFFFFF;
    font-size: 9px !important;
    background: #a2a2a2;
    width: 80px;
    text-align: center;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.store-promotions .body .promotion .badge.blue {
    background: #3598DC;
}

.store-promotions .body .promotion .badge.green {
    background: #64cd76;
}

.store-promotions .body .promotion .desc {
    display: block;
    width: 100%;
    height: 100px;
    background: #FFFFFF;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.store-promotions .body .promotion .desc .text {
    display: block;
    padding: 20px 10px 0 10px;
}

.store-promotions .body .promotion-outer.passive .desc .text {
    color: #969696;
}

.store-promotions .body .promotion-outer:hover .desc {
    margin-top: -100px;
}

.store-promotions .body .promotion .use {
    display: block;
    padding-top: 15px;
    width: 100%;
}


/* Newgen Checkbox */

.newgen-checkbox {
    margin-bottom: 0;
}

.newgen-checkbox:hover {
    color: #333333;
}

.newgen-checkbox .cbox {
    cursor: pointer;
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #e1ded9;
    background: #FFFFFF;
    margin-top: 0;
}

.newgen-checkbox .cbox input {
    display: none !important;
}

.newgen-checkbox:hover .cbox,
.newgen-checkbox .cbox:hover {
    border-color: #3598DC;
}

.newgen-checkbox .cbox.checked {
    background: #3598DC;
    border-color: #3598DC;
    margin-top: 0;
}

.newgen-checkbox .cbox.checked:hover {
    background: #2386CA;
    border-color: #2386CA;
}

.newgen-checkbox .cbox.disabled {
    background: #bdbdbd !important;
    border-color: #bdbdbd !important;
}

.newgen-checkbox .cbox.checked:after {
    /* content: "✓"; */
    font-family: "FontAwesome";
    content: "\f00c";
    display: inline-block;
    color: #FFFFFF;
    font-size: inherit;
    margin: 0 0 0 2px;
}

.newgen-checkbox .cbox.checked:after {
    margin: 0 0 0 2px;
}


/* Newgen Checkbox */

.newgen-radio {
    margin-bottom: 5px;
}

.newgen-radio:hover {
    color: #333333;
}

.newgen-radio .rad {
    cursor: pointer;
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #e1ded9;
    background: #FFFFFF;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.newgen-radio .rad input {
    display: none !important;
}

.newgen-radio:hover .rad,
.newgen-radio .rad:hover {
    border-color: #3598DC;
}

.newgen-radio .rad.checked {
    background: #3598DC;
    border-color: #3598DC;
    margin-top: 0;
}

.newgen-radio .rad.checked:hover {
    background: #2386CA;
    border-color: #2386CA;
}

.newgen-radio .rad.disabled {
    background: #bdbdbd !important;
    border-color: #bdbdbd !important;
}

.newgen-radio .rad.checked:after {
    font-family: "FontAwesome";
    content: "\f111";
    display: block;
    width: 14px;
    height: 14px;
    color: #2386ca;
    font-size: 8px;
    background: #FFFFFF;
    padding: 2px 0 0 1px;
    margin: 2px 0 0 2px !important;
    text-align: center;
    border-radius: 50%;
}

.newgen-radio .rad.checked:after {
    margin: 0 0 0 2px;
}

tr.permstr .perms-list .newgen-checkbox .cbox {
    margin-right: 9px;
}


/* Newgen Dropdown */

.newgen-ddown {
    position: relative;
}

.newgen-ddown .current-item {
    cursor: pointer;
    padding: 4px 5px 3px 8px;
    /* min-width: 70px;*/
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    white-space: nowrap;
}

.newgen-ddown.active .current-item {
    -webkit-box-shadow: 2px 2px 1px 0 rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 2px 2px 1px 0 rgba(50, 50, 50, 0.2);
    box-shadow: 2px 2px 1px 0 rgba(50, 50, 50, 0.2);
}

.newgen-ddown .current-item .fa {
    float: right;
    line-height: 1.5em;
}

.newgen-ddown:hover .current-item {
    background: #FFFFFF;
    border-color: #e1e3e6;
}

.newgen-ddown.active .current-item {
    background: #F8F8F8;
    border-color: #f8f8f8;
}

.newgen-ddown .options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 280px;
    width: 100%;
    background: #F8F8F8;
    z-index: 99999;
    -webkit-box-shadow: 2px 2px 1px 0 rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 2px 2px 1px 0 rgba(50, 50, 50, 0.2);
    box-shadow: 2px 2px 1px 0 rgba(50, 50, 50, 0.2);
}

.newgen-ddown .options ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.newgen-ddown .options ul li {
    text-align: center;
    cursor: pointer;
    padding: 4px 8px;
}

.newgen-ddown .options ul li:hover {
    background: #E9E9E9;
}

.newgen-ddown.active .options {
    display: block;
}

.newgen-ddown .options table tr th {
    padding: 9px 10px;
    border: 0 none;
    font-size: 13px;
    text-align: right;
    background: #F8F8F8;
    color: #2C3E50;
    font-weight: bold;
    border-bottom: 1px solid #E8E8E8;
}

.newgen-ddown .options table tr td {
    height: auto;
    cursor: pointer;
    padding: 7px 10px !important;
    text-align: right;
    border: 0 none;
    font-size: 13px;
    background: #FFFFFF;
}

.newgen-ddown .options table tr:hover td {
    background: #F0F3F7;
}

.newgen-ddown .options table tr td:nth-child(1) {
    text-align: left;
}

.newgen-ddown .options table tfoot tr td,
.newgen-ddown .options table tfoot tr:hover td {
    border-top: 1px solid #E8E8E8;
    font-size: 11px;
    padding: 7px 10px;
    cursor: default;
    color: #A5A5A5;
    text-align: right !important;
    background: #F8F8F8;
}

.user-rating {
    display: none;
    background: #F8F8F8;
    color: #505050;
    padding: 10px 10px;
    margin-top: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


/* Canlı Destek v2 */

.widget-chat {
    background: rgba(0, 0, 0, 0.7);
}

#widget-layout form {
    padding: 20px 30px 10px 30px !important;
}


#myModal input[type=button],
#myModal input[type=submit],
#widget-layout #form-start-chat input[type=submit],
#widget-layout .btn-default,
#widget-layout .btn {
    -webkit-box-shadow: 2px 6px 8px 0 rgba(0, 0, 0, 0.50) !important;
    -moz-box-shadow: 2px 6px 8px 0 rgba(0, 0, 0, 0.50) !important;
    box-shadow: 2px 6px 8px 0 rgba(0, 0, 0, 0.50) !important
}


.credit-coupon .todo-tasklist-item {
    cursor: default !important;
    position: relative;
}

.credit-coupon .todo-tasklist-item-title .fa {
    color: #FFC107;
}

.credit-coupon .todo-tasklist-item .discount {
    position: absolute;
    right: 7px;
    top: 8px;
}


/*
.table-responsive {
    border: 0 none !important;
}
*/

.dataTables_wrapper .dataTables_filter .form-control {
    /* width: 150px !important; */
    width: 125px !important;
}

#billing-table_wrapper .table .textright {
    justify-content: flex-end;
}

.portlet.light>.portlet-title>.actions {
    display: block;
    width: 100%;
}

.portlet.light>.portlet-title>.actions .fullscreen {
    float: right;
}

.page-head {
    background: #576575 !important;
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.open>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li.open>a:hover,
.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a:hover,
.page-header .page-header-menu .hor-menu .navbar-nav>li.current>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li.current>a:hover {
    color: #f1f1f1 ;
    background: #4E5966;
}

.page-header .page-header-menu {
    background: #444d58;
}

.page-header .nav.navbar-nav .dropdown-menu.md-width {
    min-width: 225px !important;
}

.page-header .nav.navbar-nav .dropdown-menu.lg-width {
    min-width: 300px !important;
}

.tt-dropdown-menu {
    margin-top: -2px;
    overflow: hidden;
}

.page-header .page-header-top .top-menu {
    float: right;
    display: block;
    /* margin: -60px 40px 0 0; */
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>.username {
    display: inline-block;
    max-width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Top Feedback */

.open-top-feedback {
    position: fixed;
    font-size: 15px;
    color: #FFFFFF;
    background-color: #f44336;
    cursor: pointer;
    z-index: 999;
    -webkit-box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.17);
    -moz-box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.17);
    box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.17);
}

.open-top-feedback:hover {
    background: #ff5722;
}

.live-help-click {
    z-index: 999;
    -webkit-box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.17);
    -moz-box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.17);
    box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.17);
}

.top-feedback {
    display: none;
    background: #e9f0fa;
    -webkit-box-shadow: inset 3px -4px 3px -2px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: inset 3px -4px 3px -2px rgba(0, 0, 0, 0.10);
    box-shadow: inset 3px -4px 3px -2px rgba(0, 0, 0, 0.10);
}

.top-feedback .insider {
    position: relative;
    padding: 20px 0;
    overflow: hidden;
    text-align: center;
    background: #FFFFFF;
    margin: 20px 0;
    border-radius: 3px;

    /*
    -webkit-box-shadow:  3px -4px 3px -2px rgba(0, 0, 0, 0.10);
    -moz-box-shadow:  3px -4px 3px -2px rgba(0, 0, 0, 0.10);
    box-shadow:  3px -4px 3px -2px rgba(0, 0, 0, 0.10);
    */
}

.top-feedback .insider h1 {
    margin: 5px 0 8px 0;
    font-size: 24px;
    font-weight: 700;
    color: #2386ca;
}

.top-feedback .insider h2 {
    font-size: 17px;
    margin-top: 0;
}

.top-feedback .insider .pagination {
    margin: 20px 0;
}

.top-feedback .insider .pagination>li {
    display: inline-block;
    margin-left: 8px;
    font-weight: bold;
    font-size: 14px;
}

.top-feedback .insider .pagination>li.text {
    display: none;
    font-weight: normal;
    font-size: 13px;
    vertical-align: top;
    padding-top: 9px;
}

.top-feedback .insider .pagination>li a {
    color: #313131;
    width: 40px;
    border: 0 none;
    padding: 8px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.top-feedback .insider .pagination>li a.active,
.top-feedback .insider .pagination>li:hover a {
    color: #FFFFFF;
    background: #313131;
}

.top-feedback .insider p a {
    color: #0e99fe;
}

.top-feedback .insider .beta {
    display: none;
    position: absolute;
    left: -54px;
    top: 62px;
    width: 320px;
    padding: 8px 0;
    font-size: 22px;
    text-align: center;
    color: #FFFFFF;
    background: #003581;
    -ms-transform: rotate(-54deg);
    -webkit-transform: rotate(-54deg);
    transform: rotate(-54deg);
}

.top-feedback .insider .close {
    display: inline-block;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 15px;
    color: #C1CCD1;
}

.top-feedback .insider .feedback-form {
    padding: 10px 40px;
    text-align: left;
}

.top-feedback .insider .feedback-form ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.top-feedback .insider .feedback-form .table td {
    border: 0 none !important;
}

.top-feedback .insider .feedback-form textarea {
    height: 85px;
    max-height: 85px;
    max-width: 880px;
    padding: 15px 20px;
    border: 2px solid #d6d6d6;
}

.top-feedback .close-top-feedback {
    position: absolute;
    right: 11px;
    top: 9px;
    color: #b5b5b5;
}

.top-feedback .close-top-feedback .fa {
    font-size: 16px;
}

#top-feedback-colorbox {
    padding: 20px 10px 0 10px;
}

.show-top-feedback {
    position: absolute;
    right: 21px;
    top: 0;
    font-size: 12px;
    text-decoration: none !important;
    background: #003581;
    color: #FFFFFF;
    padding: 5px 8px 6px 15px !important;
    line-height: 10px !important;
    -webkit-box-shadow: 2px 1px 2px 1px rgba(50, 50, 50, 0.17);
    -moz-box-shadow: 2px 1px 2px 1px rgba(50, 50, 50, 0.17);
    box-shadow: 2px 1px 2px 1px rgba(50, 50, 50, 0.17);
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.show-top-feedback:hover {
    color: #FFFFFF !important;
    background: #0d4ba4 !important;
}

.show-top-feedback .fa-angle-up,
.show-top-feedback.active .fa-angle-down {
    display: none;
}

.show-top-feedback.active .fa-angle-up {
    display: inline-block;
}

.invoice-preview-container {
    position: relative;
    min-width: 120px;
}

.invoice-preview-container .invoice-preview-tip {
    display: none;
    position: absolute;
    left: -5px;
    bottom: 120%;
    background: #FFFFFF;
    padding: 10px;
    min-width: 150px;
    z-index: 9999;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 1px 4px rgba(51, 51, 51, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(51, 51, 51, 0.25);
    box-shadow: 0 1px 4px rgba(51, 51, 51, 0.25);
}

.invoice-preview-container .invoice-preview-tip:after,
.invoice-preview-container .invoice-preview-tip:before {
    top: 100%;
    left: 50px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.invoice-preview-container .invoice-preview-tip:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}

.invoice-preview-container .invoice-preview-tip:before {
    border-color: rgba(220, 220, 220, 0);
    border-top-color: #dcdcdc;
    border-width: 11px;
    margin-left: -11px;
}

.invoice-preview-container .invoice-preview-tip.bottom {
    bottom: auto;
    top: 160%;
}

.invoice-preview-container .invoice-preview-tip.bottom:after,
.invoice-preview-container .invoice-preview-tip.bottom:before {
    top: -20px;
    left: 50px;
    -ms-transform: rotate(-180deg);
    /* IE 9 */
    -webkit-transform: rotate(-180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-180deg);
}

.invoice-preview-container .invoice-preview-tip.bottom:before {
    top: -22px;
}

.invoice-preview-container .invoice-preview-tip ul.content {
    margin: 0 0 0 16px;
    padding: 0;
}

.invoice-preview-container .invoice-preview-tip ul.content li {
    padding-left: 0;
}

.invoice-preview-container .invoice-preview-tip img {
    width: 12px;
    margin-top: -3px;
}

.invoice-preview-container .invoice-preview-tip h3 {
    display: none;
    font-size: 17px;
    color: #444444;
    margin: 0 0 5px 0;
}

.invoice-preview-container.active .invoice-preview-tip h3 {
    display: block;
}

.invoice-preview-container.active .invoice-preview-tip .loading {
    display: none;
}


/* News Ticker */

.page-header .page-header-top .news-ticker {
    position: relative;
    float: left;
}

.page-header .page-header-top .news-ticker .news {
    padding: 6px 5px;
}

.page-header .page-header-top .news-ticker .news .fa {
    color: #03a9f4;
}

.page-header .page-header-top .news-ticker .news .date {
    color: #9e9e9e;
}

.page-header .page-header-top .news-ticker .util-theme-default .util-prev,
.page-header .page-header-top .news-ticker .util-theme-default .util-next {
    position: absolute;
    top: 0;
    background: none;
    color: #c9d2d7;
}

.page-header .page-header-top .news-ticker .util-theme-default .util-prev:hover,
.page-header .page-header-top .news-ticker .util-theme-default .util-next:hover {
    color: #aab9bf;
}

.bank-info p {
    font-size: 14px;
}

.order-type-selector {
    display: inline-block;
    float: left;
    width: 180px;
    height: 30px;
    padding-top: 3px;
    margin-right: 10px;
}


/* Hidden TR */

tr.permstr,
tr.actiontr {
    display: none;
}

tr.permstr .perms-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

tr.permstr .perms-list li {
    width: 228px;
    float: left;
    margin: 0 3px 3px 0;
}

tr.permstr .select-all .fa {
    color: #5e5e5e;
}

.transfer-manager-table td {
    vertical-align: top !important;
}


/* General Margin, Padding, Display etc. classes */

.m10 {
    margin: 10px !important;
}

.m20 {
    margin: 20px !important;
}

.m30 {
    margin: 30px !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.dn {
    display: none !important;
}

.db {
    display: block !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pl0 {
    padding-left: 0 !important;
}

.brtr0 {
    border-top-right-radius: 0 !important
}

.brbr0 {
    border-bottom-right-radius: 0 !important
}


/* Top Padder */

.top-padder {
    background: #576575;
    height: 46px;
    display: none;
}

.page-header .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle {
    background: none !important;
}

.scroll-to-top {
    bottom: 30px;
    right: 100px;
}

/*==========  Mobile First Method  ==========*/


/* Custom, iPhone Retina */

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

    .portlet.light>.portlet-title>.actions {
        display: block;
        width: 100%;
    }
}

@media only screen and (max-width: 740px) {
    /*  Responsive table styles */
    /* Plesk panel tables */
    #invoice .tabletolist .cf:last-child>.row_data {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    #invoice .tabletolist .cf:last-child>.row_data>a {
        width: 47%;
        line-height: 24px;
    }

    #invoice .tabletolist .cf:last-child>.row_data {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    #invoice .tabletolist .cf {
        margin-bottom: 15px;
    }

    #upgrade .tabletolist .cf:first-child>.row_data {
        text-align: right;
    }

    #upgrade .tabletolist .cf:last-child>.row_data {
        text-align: center;
        width: 100%;
        max-width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #upgrade .tabletolist .cf:last-child>.row_data>a {
        width: 100%;
        max-width: 100%;
        line-height: 22px;
    }

    #email-domains-table .tabletolist .cf:last-child>.row_data {
        text-align: center;
        width: 100%;
        max-width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #email-domains-table .tabletolist .cf:last-child>.row_data>a {
        width: 100%;
        max-width: 100%;
        line-height: 26px;
    }

    #invoice .tabletolist .cf:last-child>.row_data {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    /*Plesk Acoounts */
    /*
        .accounts-table .tabletolist .cf:first-child>.row_data
        {
            float: none;
            width: 100%;

        }

        .accounts-table .tabletolist li
        {
            float: none;
            width: 100%;
            margin-top: 16px;

        }
        .accounts-table .tabletolist .cf:first-child>.row_headers
        {
            margin-bottom: 5px;
        }

        .accounts-table .tabletolist .cf:first-child>.row_data>span
        {
            width: 100%
        }

        .accounts-table .tabletolist .cf:nth-child(4)>.row_headers
        {
            display: none;
        }

        .accounts-table .tabletolist .cf:nth-child(4)>.row_data
        {
            width: 100%;
            float:none;
        }

        .accounts-table .tabletolist .cf:nth-child(4)>.row_data>a
        {
            width: 100%;
            float: none;
        }

        .accounts-table .tabletolist .cf:nth-child(4)>.row_data>a
        {
            margin-top: 10px;
            line-height: 26px;
            margin-left: 0px;
        }

        .accounts-table .tabletolist .cf:nth-child(4)>.row_data>a:nth-child(2)
        {
            float: left;
            width: 68%;
        }

        .accounts-table .tabletolist .cf:nth-child(4)>.row_data>a:nth-child(3)
        {
            float: right;
            width: 31%
        }

        */
}

@media only screen and (min-width: 320px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .tabbable-line>.nav-tabs {
        display: block;
    }

    .tabbable-line>.nav-tabs li {
        border-bottom: 1px solid rgb(238, 238, 238);
        width: 100%;
    }

    .tabbable-line>.nav-tabs .active .fa-chevron-circle-right {
        display: none;
    }

    .user-info-circle {
        position: absolute !important;
        left: 15px;
    }
    /* Top Padder */
    .top-padder {
        display: block;
    }

    #tcw.fixed {
        position: absolute !important;
    }

    /* Util Carousel */
    .util-theme-default .util-pagination {
        padding: 3px 0 0 0;
    }

    /* Garanti Top */
    .top-garanti .greenbar .mobile {
        display: block;
        min-width: 140px;
    }

    /* Top Menu */
    .page-header .page-header-top .top-menu {
        float: none;
        background: #eff3f8;
        margin: 0 -15px 0 -15px;
        border-top: 1px solid #e3e3e3;
    }

    .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>img {
        margin-top: -1px;
        height: 30px;
    }

    /* Breadcrumb */
    .breadcrumb {
        background: #FFFFFF;
        float: none;
        padding: 10px 20px;
        margin: 0 -15px 10px -15px;
        border-radius: 0;
    }

    /* Top Ticker */
    .page-header .page-header-top .news-ticker {
        width: 87%;
        margin: 7px 0 10px 20px;
    }

    .page-header .page-header-top .news-ticker .util-theme-default .util-prev,
    .page-header .page-header-top .news-ticker .util-theme-default .util-next {
        top: 10px;
    }

    .page-header .page-header-top .news-ticker .util-theme-default .util-prev {
        left: -40px;
    }

    .page-header .page-header-top .news-ticker .util-theme-default .util-next {
        right: -40px;
    }

    .page-header .page-header-top .news-ticker .util-theme-default .util-prev .fa,
    .page-header .page-header-top .news-ticker .util-theme-default .util-next .fa {
        font-size: 45px;
    }

    .page-footer {
        margin-bottom: 30px;
    }

    .table-responsive {
        overflow-x: auto;
    }

    .btn-theme-panel {
        display: none;
    }

    .manager-tab li.dropdown ul.menu {
        width: 100%;
        top: 100%;
        left: 0;
        margin-top: -1px;
    }

    .manager-sidebar {
        padding-right: 0 !important;
    }

    .manager-title-name .packet-name {
        text-align: center;
        padding-top: 15px;
        width: 100% !important;
    }

    .manager-title .packet-icon img {
        width: 60px;
    }

    .open-tab {
        cursor: pointer!important;
    }

    /* Domain Whois Page */
    #whois-results .item-period {
        margin-top: 13px;
        padding-right: 5px;
        padding-left: 5px;
    }

    #whois-results .item-period button {
        text-align: center;
    }

    #whois-results>ul>li .wait {
        width: 100%;
        margin-top: 20px;
    }

    /* Top Carousel */
    .util-carousel .banner .text {
        width: 70%;
        bottom: 13px;
    }

    /* Footer */
    .footer-info {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    /* Feedback Button */
    .open-top-feedback {
        position: fixed;
        bottom: 0;
        left: 0;
        font-size: 13px;
        height: 33px;
        padding: 0;
        text-align: center;
        width: 50%;
        background: #3598dc;
        line-height: 2.4em;
        z-index: 999;
    }

    .live-help-click {
        position: fixed;
        right: 0;
        bottom: 0;
        width: 50%;
        height: 33px;
        text-align: center;
        background: #76b51b;
        font-size: 13px;
        line-height: 2.4em;
    }

    .live-help-click a {
        display: block;
        color: #FFFFFF;
        text-decoration: none;
    }

    /* Live Help */
    #lhc_status_container {
        display: none !important;
    }
}


/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {

    .user-info-circle {
        position: relative !important;
        left: 15px;
    }
    .page-header .page-header-top .news-ticker {
        width: 92%;
        margin: -3px 0 22px 26px;
    }
}


/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {
    .tabbable-line>.nav-tabs {
        display: flex;
    }

    .tabbable-line>.nav-tabs li {
        border-bottom: none;
    }

    .tabbable-line>.nav-tabs li {
        width: inherit;
    }


    /* Util Carousel */
    .util-theme-default .util-pagination {
        padding: 9px 0 5px 0;
    }

    .store-promotions .body .promotion-outer {
        width: 200px;
        float: left;
        margin-right: 10px;
    }

    /* Garanti No */
    .top-garanti .greenbar .mobile {
        display: none;
    }

    .top-garanti .greenbar .desktop {
        display: block;
        min-width: 245px;
    }

    .page-header .page-header-top .news-ticker {
        width: 95%;
        margin: -5px 0 15px 20px;
    }

    .page-header .page-header-top .news-ticker .util-theme-default .util-prev,
    .page-header .page-header-top .news-ticker .util-theme-default .util-next {
        top: 0;
    }

    .page-header .page-header-top .news-ticker .util-theme-default .util-prev {
        left: -30px;
    }

    .page-header .page-header-top .news-ticker .util-theme-default .util-next {
        right: -30px;
    }

    .page-header .page-header-top .news-ticker .util-theme-default .util-prev .fa,
    .page-header .page-header-top .news-ticker .util-theme-default .util-next .fa {
        font-size: 25px;
    }

    .dataTables_wrapper .dataTables_filter .form-control {
        width: 180px !important;
    }

    .portlet.light>.portlet-title>.actions {
        display: inline-block;
        width: auto;
    }

    .top-feedback .insider .pagination>li.text {
        display: inline-block;
    }

    .page-footer {
        margin-bottom: 0;
    }

    .manager-tab li.dropdown ul.menu {
        width: 200px;
        top: 0;
        left: 100%;
        /* margin-left: -1px; */
    }

    .manager-sidebar {
        padding-right: 20px !important;
    }

    /* Domain Whois Page */
    #whois-results .item-period {
        margin-top: 0;
        padding-right: inherit;
        padding-left: inherit;
    }

    #whois-results .item-period button {
        width: 100px;
        padding-left: 6px;
    }

    #whois-results>ul>li .wait {
        width: 95%;
        margin-top: 0;
    }

    /* Footer */
    /*
    .footer-info {
        float: right;
    }
    */

    /* Live Help */
    #lhc_status_container {
        display: block !important;
    }

    .live-help-click {
        display: none;
    }

    .bottom-info {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        background: none;
    }


    /* Helper Classes */
    .sm-up-hidden {
        display: none !important;
    }
}


/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {

    /* Top Padder */
    .top-padder {
        display: none;
    }

    #tcw.fixed {
        position: fixed !important;
    }

    /* Top Menu */
    .page-header .page-header-top .top-menu {
        float: right;
        background: transparent;
        margin: 13px 0 0;
        border-top: 0 none;
    }

    .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>img {
        margin-top: -1px;
        height: 30px;
    }

    /* Breadcrumb */
    .breadcrumb {
        background: none;
        float: left;
        padding: 5px 5px 10px 10px;
        margin: 0;
    }

    /* Feedback Button */
    .open-top-feedback {
        top: 330px;
        right: -53px;
        left: auto;
        bottom: auto;
        line-height: 21px;
        font-size: 14px;
        padding: 6px 10px;
        z-index: 999;
        background-color: #f44336;
        width: 140px;
        letter-spacing: 1px;

        -ms-transform: rotate(-90deg);
        /* IE 9 */
        -webkit-transform: rotate(-90deg);
        /* Chrome, Safari, Opera */
        transform: rotate(-90deg);
    }

    .page-header .page-header-top .news-ticker {
        width: 900px;
        margin: -10px 0 10px 20px;
    }

    .top-feedback .insider .beta {
        display: block;
    }

    .page-header .page-header-top .top-menu {
        margin: 13px 0 0;
    }

    .breadcrumb {
        margin-top: 0;
    }

    .btn-theme-panel {
        margin-top: 18px;
        display: block;
    }

    .manager-title-name .packet-name {
        text-align: center;
        padding-top: 20px;
        width: 100% !important;
    }

    .table-responsive {
        overflow-x: hidden;
    }

    /* Domain Whois Page */
    #whois-results>ul>li .wait {
        width: 94%;
    }

    /* Top Carousel */
    .util-carousel .banner .text {
        width: 50%;
        bottom: 25px;
    }

    /* Total Table */
    .total-table td {
        text-align: right;
    }
}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {

    .page-header .page-header-top .news-ticker {
        width: 600px;
        margin: 22px 0 0 20px;
    }

    .show-top-feedback {
        right: -120px;
        padding: 8px 12px 10px 15px !important;
    }

    .manager-title-name .packet-name {
        text-align: left;
        padding-top: 0;
        width: 180px !important;
    }

    .manager-title .packet-icon img {
        width: 42px;
    }

    /* Domain Whois Page */
    #whois-results>ul>li .wait {
        width: 275px;
    }
}


/* Hide TCW */

#tcw {
    display: none !important;
}

@media only screen and (max-width: 1200px) {
    .manager-sidebar
    {
        padding-right: 0px !important;
    }
    .manager-sidebar .table-scrollable {
        overflow-y: scroll;
    }

    .table-scrollable {
        overflow-x: scroll;
    }

    }
    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0px;
    }

@media only screen and (max-width:992px) {
    .page-header-menu
    {
        padding-top: 5px !important;
        overflow-y: auto;
        padding-bottom: 50px !important;
    }
    .page-header .page-header-menu .hor-menu
    {
        border-top: 1px solid #F0F0F0;
        margin-top:30px;
        padding-top: 15px;
    }

    .page-header .page-header-menu .fa-times
    {
        font-size: 21px;
        cursor: pointer;
        color:#6666667a;
    }

    .page-header .page-header-menu  .hor-menu .navbar-nav .open:not(.active)>a
    {
        background-color:#ffffff !important;
        border-left: 5px solid #45B6AF;
        color: #45B6AF !important;
    }

    .page-header .page-header-menu  .hor-menu .navbar-nav  .open:not(.active)>a>i
    {
        color: #45B6AF !important;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > .open:hover > a
    {
        color: #666;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav .open>a>i
    {
        color:#f1f1f1;;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav .open>a
    {
        color:#f1f1f1 ;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > .open:hover > a
    {
        color: #45B6AF;
    }
    .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a
    {
        color:#666;
    }
    .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i
    {
        color:#666;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > .open:hover > a > i
    {
        color: #45B6AF;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav .active>a
    {
        background-color: #4db3a4 !important;
    }

    .page-header-menu
    {
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100% !important;
        z-index: 100;
        position: fixed;
        background-color: #ffffff !important;
    }
}

@media only screen and (max-width:767px) {
    .portlet .disabled-portlet {
        width: 100%;
    }
    .manager-sidebar {
        padding-right: 0px !important;
    }

    .table-scrollable {
        overflow-y: scroll;
    }

    #billing-table_wrapper #billing-table_filter>label {
        width: 100% !important;
    }

    #billing-table_wrapper #billing-table_filter>label>input {
        width: 100% !important;
        margin-left: 0px !important;
    }

    #billing-table_wrapper .dataTables_length {
        display: none !important;
    }

    #domain-table_wrapper #domain-table_filter>label {
        width: 100% !important;
    }

    #domain-table_wrapper #domain-table_filter>label>input {
        width: 100% !important;
        margin-left: 0px !important;
    }

    #domain-table_wrapper .dataTables_length {
        display: none !important;
    }

    #service-table_wrapper #service-table_filter>label {
        width: 100% !important;
    }

    #service-table_wrapper #service-table_filter>label>input {
        width: 100% !important;
        margin-left: 0px !important;
    }

    #service-table_wrapper .dataTables_length {
        display: none !important;
    }


    #ticket-table_wrapper #ticket-table_filter>label {
        width: 100% !important;
    }

    #ticket-table_wrapper #ticket-table_filter>label>input {
        width: 100% !important;
        margin-left: 0px !important;
    }

    #ticket-table_wrapper .dataTables_length {
        display: none !important;
    }


    .dataTables_info {
        text-align: center;
    }

    .dataTables_paginate {
        width: 100%;
    }

    .dataTables_paginate>.pagination {
        float: none;
        width: 100%;
    }

    li.paginate_button.previous {
        display: inline;
        float: left;
    }

    li.paginate_button.next {
        display: inline;
        float: right;
    }

    li.paginate_button {
        display: none;
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: 20px;
    }

    /*IOS Autofocus fix */
    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"] {
        font-size: 16px !important;
    }
}

@media only screen and (max-width: 425px) {
    .w-sm-100 {
        width: 100% !important;
    }
}