/*body {
	font-family: var(--primary-font);
	background-color: #eee;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-size: 13px;
}*/


* {
	margin: 0;
    padding: 0;
    outline: none;
}
*, *:after, *:before :focus{
	box-sizing: border-box;
	outline: none;
}
a, a:link, a:focus, a:hover {
	outline: none;
	cursor: pointer;
	text-decoration:none !important;
}

a:hover {
    text-decoration: none;
}

.outline {
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
    margin: 0;
    padding: 0;
}

.logo-img {
    position: relative;
    top: 8px;
    left: 8px;
}

header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 20;
    background: #ffffff;
    color: #333;
}

ul.nav .navbar-nav {
    padding: 21px 8px 0;
}

.profile ul {
    margin-top: 0;
}

.pd14 {
    padding: 14px 0;
}

footer {
    height: 33px;
    padding: 8px 0 5px;
    clear: both;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    font-weight: 300;
}

.nav .nav-tabs {
    padding-top: 25px;
    border-bottom: 1px solid #d7d7d7;
}

.nav .nav-tabs li {
    font-size: 16px;
    color: #00a3e0;
}

.nav .nav-tabs li div {
    border: none;
}

.nav .nav-tabs li.active {
    border-bottom: 2px solid #00a3e0;
}

.nav.nav-tabs li.active div {
    color: var(--primary-col);
}

.nav .nav-tabs li.active div:hover {
    color: #9e9e9e;
    background-color: #ffffff;
}

.nav .nav-tabs li.uib-tab>div {
    color: #9e9e9e;
}

.nav .nav-tabs li .uib-tab .active>div {
    color: #00a3e0;
}

.nav .nav-tabs li.uib-tab>div:hover {
    background-color: #ffffff;
}

.nav,
.pagination,
.carousel,
.panel-title a {
    cursor: pointer;
}

.showMachines {
    font-size: 24px;
    color: var(--primary-col);
}

.showMachines:hover,
.showMachines:focus,
.showMachines:active {
    color: var(--primary-col);
}

.nxtra-form-group input {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    margin-top: 0;
    height: 24px;
}

.nxtra-form-group,
.form-control:focus {
    border-color: none;
    box-shadow: none;
    border-color: var(--primary-col);
}

.nxtra-form-group label {
    margin-bottom: 0;
}

.nxtra-form-group select {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 24px;
    margin-top: 0;
}

.form-group.nxtra-form-group input,
.form-group.nxtra-form-group label {
    display: block;
    width: 100%;
}

.form-group .nxtra-form-group select {
    background-color: #ffffff;
}

.open>.dropdown-toggle .btn-primary:hover,
.open>.dropdown-toggle .btn-primary:focus {
    background-color: transparent;
    border-color: #9e9e9e;
}

.nxtra-login-form {
    height: auto;
    max-width: 800px;
    margin: 50px auto 0;
    padding: 20px 25px;
}

.login-form-head {
    padding-bottom: 0;
    font-size: 14px;
    color: #181818;
    margin-bottom: 20px;
    font-weight: bold;
    font-family: var(--primary-font);
}

.forget {
    margin-bottom: 10px;
}

.forget-email {
    position: relative;
    top: 10px;
}

input#email {
    padding-right: 35px;
    padding-left: 0;
}

input#password {
    padding-right: 35px;
    padding-left: 0;
}

.nxtra-form-input form label {
    color: #9e9e9e;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
    align: left;
}

.nxtra-form-input form input {
    padding: 0 12px;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #9e9e9e;
    box-shadow: none;
    border-radius: 0;
    text-align: left;
}

.nxtra-form-input,
.form-control:focus {
    box-shadow: none;
    border-color: #9e9e9e;
}

.nxtra-form-input button {
    background-color: var(--primary-col);
    font-size: 14px;
    border: 1px solid var(--primary-col);
    border-radius: 4px;
    transition: all 0.2s;
    outline: none;
    box-shadow: none;
    color: #ffffff;
    width: 40%;
    margin-top: 15px;
}

.nxtra-form-input button:hover,
.nxtra-form-input button:focus,
.nxtra-form-input button:active {
    background-color: #ffffff;
    color: var(--primary-col);
    outline: 0;
    box-shadow: none;
    border: 1px solid var(--primary-col);
}

.forgot-link {
    text-align: center;
    padding-top: 25px;
}

.forgot-link a {
    color: #190dc8;
    font-size: 17px;
    font-weight: 400;
}

.account-signup {
    text-align: left;
    color: #333;
    font-weight: 400;
    margin-top: 5px;
}

.account-signup a {
    color: var(--primary-col);
    cursor: pointer;
}


/*setup password css start here*/

.set-msg {
    text-align: center;
    font-weight: 400;
    font-size: 17px;
    padding: 10px;
    color: #4caf50;
}

.form-container {
    background-color: #ffffff;
    margin-top: 30px;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 3px 0;
    min-height: 540px;
    padding: 0 15px;
}

.navbar .navbar-default .navbar-fixed-top {
    box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.15);
    background: #ffffff;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0 8px;
    min-height: 64px;
}

header .navbar-brand {
    height: 100%;
    padding: 0px;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    line-height: 20px;
    padding-left: 0;
}

.res-pad-top {
    padding-top: 64px;
}

.form-ico {
    position: absolute;
    text-align: right;
    right: 0;
    font-size: 24px;
    top: 22px;
    color: #616161;
}

.form-group {
    position: relative;
}

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

.bs-form-container {
    background-color: #ffffff;
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.15);
    /*margin: auto;*/
    /*text-align: left;*/
    /*max-width: 650px;*/
    /*height: auto;*/
}

.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    width: 160px;
}

.logbox {
    margin-top: 40px !important;
}

.loxboxleft {
    margin-top: 0px !important;
    border-right: 1px solid #ccc;
    height: 270px;
}

.modal-header.cstmmodal-header {
    border-bottom-style: none;
    padding: 0;
    min-height: 0;
    height: 0;
}

.modal-body.cstmmodal-body {
    padding: 20px;
    width: 100%;
    text-align: center;
    /*max-height: 450px;*/
    /*overflow-y: auto;*/
}

.sel_ec {
    text-align: center;
    padding: 10em 0;
    background-color: #fff;
}

.vpc_back {
    background-color: #fff;
    padding-top: 23px;
    overflow: hidden;
    padding-bottom: 7px;
}

.overflow {
    overflow: hidden;
}


/*.vmmdlcls {
	position: fixed;
    top: -60%;
}*/

.modal-footer.cstmmodal-footer {
    border-top-style: none;
    padding: 0;
}

.vm-actions-btn button {
    margin-top: 20px;
    margin-left: 10px;
}

.vm-actions-btn button:first-child {
    margin-left: 0;
}

button.black_btn,
button.black_btn:hover,
button.black_btn:focus,
button.black_btn:active {
    transition: all 0.2s;
    margin-right: 10px;
    outline: 0 !important;
    border: 1px solid var(--primary-col);
    background-color: var(--primary-col);
    border-radius: 2px;
    font-size: 14px;
    color: white;
}

button.white_btn,
button.white_btn:focus,
button.white_btn:hover,
button.white_btn:active,
button.white_btn.active {
    background-color: #ffffff;
    border-radius: 2px;
    font-size: 14px;
    color: var(--primary-col);
    border: 1px solid var(--primary-col);
    outline: 0;
    box-shadow: none;
}

.edit-vm-name {
    margin-top: 15px;
}

input.edit-vm {
    border-radius: 0;
    height: 38px;
}

.vmmdlcls .modal-dialog {
    max-width: 420px;
    margin-top: 0;
    position: absolute;
    top: calc(50% - 130px);
    right: 0;
    left: 0;
    margin: 0 auto;
}

.volumemdlcls .modal-dialog {
    max-width: 460px;
    margin-top: 0;
    position: absolute;
    top: calc(50% - 130px);
    right: 0;
    left: 0;
    margin: 0 auto;
}

[data-toggle="buttons"]>.btn>input[type="radio"],
[data-toggle="buttons"]>.btn>input[type="checkbox"] {
    clip: rect(1px 10px 1px 1px)
}

.iso-options {
    padding-top: 15px;
}

.attach-iso-body .primary-heading {
    text-align: left;
    display: block;
}

.attach-iso-body .vm-actions-btn {
    text-align: left;
}

.iso-options label {
    width: 100%;
    display: inline-block;
    border-radius: 0;
    margin-left: 0 !important;
    text-align: left;
    border: 0;
    border-bottom: 1px solid #D7D7D7;
}

.iso-options label:first-child {
    border-top: 1px solid #D7D7D7;
}

.iso-options label:hover {
    background-color: #ffffff;
    border-color: #d7d7d7;
}

.iso-options label:active {
    background-color: #ffffff;
    border-color: #d7d7d7;
    box-shadow: none;
}

.iso-options label.active,
.iso-options label.active:hover {
    background-color: #CCE5FF;
    border: 0;
    color: var(--primary-col);
    box-shadow: none;
    font-weight: 600;
}

.modal-footer.billplan-footer {
    border-top-style: none;
    padding: 0;
}

.modal-header.billplan-header {
    border-bottom-style: none;
    padding: 0;
}

span.cross-modal {
    float: right;
    font-size: 20px;
    position: absolute;
    line-height: 28px;
    top: 5px;
    right: 5px;
    color: #d7d7d7;
    z-index: 1000;
}

.substemplate .modal-dialog {
    max-width: 570px;
    margin-top: 0;
    position: absolute;
    top: calc(50% - 130px);
    right: 0;
    left: 0;
    margin: 0 auto;
}

.modal-body.billplan-body {
    padding: 0;
    padding-top: 15px;
    width: 100%;
}

span.labels {
    font-size: 12px;
    color: #9e9e9e;
    font-weight: 300;
}

.modal-header.cstmmodal-header {
    border-bottom-style: none;
    padding: 0;
    min-height: 0;
    height: 0;
}

.modal-body.cstmmodal-body {
    padding: 20px;
    width: 100%;
    text-align: center;
}

.modal-footer.cstmmodal-footer {
    border-top-style: none;
    padding: 0;
}

.vm-actions-btn button {
    margin-top: 20px;
    margin-left: 10px;
}

.vm-actions-btn button:first-child {
    margin-left: 0;
}

button.white_btn,
button.white_btn:focus,
button.white_btn:hover,
button.white_btn:active,
button.white_btn.active {
    background-color: #ffffff;
    border-radius: 2px;
    font-size: 14px;
    color: var(--primary-col);
    border: 1px solid var(--primary-col);
    outline: 0;
    box-shadow: none;
}

h1.primary-heading {
    display: inline-block;
    font-size: 20px;
    display: inline-block;
    text-align: center !important;
    width: 100%;
}

.loginbox {
    /*height:350px;*/
    /*margin-top:70px;*/
}

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

.rechrge-container {
    padding-top: 4px;
    top: 64px;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 100;
}

.rechrge-content {
    margin: 0 auto;
    text-align: center;
}

.recharge_alert i {
    font-size: 18px;
    padding-right: 16px;
    vertical-align: middle;
}

.recharge_alert {
    max-width: 700px;
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
}

.recharge_alert span {
    padding: 12px 15px;
    display: inline-block;
    background: #fb8381;
    margin-right: 1px;
}

.recharge_alert.sucess span {
    padding: 12px 15px;
    display: inline-block;
    background: #81C683;
    margin-right: 1px;
}

.rechrge-content.ng-hide-add {
    animation: 0.5s fadeOutUp ease;
    transition: all 0.2s
}

.rechrge-content.ng-hide-remove {
    animation: 0.5s fadeInDown ease;
    transition: all 0.2s;
}


/*---- for blank page ----*/

.mobile-verification {
    background-color: #ffffff;
    margin-top: 30px;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 3px 0;
    min-height: 460px;
    padding: 0 15px;
}

.blank-page-container {
    max-width: 530px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}

.blank-page-container .main-hed-forms {
    padding-bottom: 0;
    text-align: center;
    font-size: 24px;
    color: #181818;
    font-weight: 500;
}

.blank-page-container .main-hed-forms.small {
    font-size: 17px;
    margin-top: 10px;
}

.blank-page-container .main-hed-forms.small a {
    color: var(--primary-col);
}

.main-hed-forms.small {
    font-size: 17px;
}

.bshelp {
    width: 245px;
    height: 150px;
    font-size: 12px;
    color: #888;
    padding: 5px;
}

.bshelp2 {
    width: 210px;
    height: 100px;
    font-size: 12px;
    color: #888;
    padding: 0 15px;
    line-height: 24px;
    height: auto;
}

.bssla {
    padding: 60px 5px;
    text-align: justify;
}

.base-footer {
    display: none !important;
    width: 100%;
    height: 25px;
    background-color: #dcdcdc;
    font-size: 11px;
    padding-top: 5px;
    text-align: right;
    padding-right: 15px;
    position: fixed;
    bottom: 0 !important;
    background-color: #D2D2D2;
}

.apply-btn .form-group.schema-form-submit,
.add-data .form-group.schema-form-submit {
    display: inline-block;
}

#runbook h1 {
    font-size: 24px;
    padding: 20px 0 10px 0;
    text-decoration: underline;
}

#tncc {
    top: 0 !important;
    height: 400px !important;
}

.tncbox {
    float: right;
    margin-right: 0;
    position: fixed;
    bottom: 40px;
    top: 0 !important;
    height: 400px;
    width: 80% !important;
}

.tncclose {
    height: 40px;
    width: 40px;
    position: sticky !important;
    font-size: 20px !important;
    float: right;
}

.tncbox img {
    max-width: 40px;
}

.resendverificationtitlespaceheading {
    padding-bottom: 10px
}

.rzslider .rz-bar.rz-selection {
    background: var(--primary-col) !important;
}

.rzslider .rz-ticks .rz-tick {
    height: 0;
    width: 0
}

.rzslider .rz-pointer {
    top: -10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    z-index: 3;
    width: 22px;
    height: 22px;
    cursor: pointer;
    background-color: #fff !important;
    border-radius: 10px;
}

.rzslider .rz-pointer::after {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    border-radius: 9px !important;
}

.rzslider .rz-pointer::after {
    background: var(--primary-col) !important;
}

.rzslider .rz-pointer:hover::after {
    background: #ffcc33 !important;
}

.rzslider .rz-pointer.rz-active:after {
    background-color: var(--primary-col) !important;
}

.rzslider .rz-bubble {
    bottom: 0;
    top: 16px;
    font-size: 12px
}

.rzslider {
    margin: 7px 0 15px 0 !important;
}

.space35 {
    margin-top: 35px
}

.ram-slider {
    width: 40%;
    float: left;
    padding-left: 20px
}

.cpu-slider {
    width: 40%;
    float: left
}

.hidecheckbox {
    display: none !important
}

.switch input:checked+.slider {
    background-color: var(--primary-col) !important
}

.invoice-text {
    font-size: 10px !important
}

.bold-invoice-text {
    font-size: 10px !important;
    font-weight: 600 !important;
}

.invoice-text-heading {
    font-weight: bold;
    font-size: 13px
}

.vmhostnormalplan {
    width: 100%;
    float: left;
}

.vmhostcurrentplan {
    width: 48%;
    float: left
}

.vmhostnewplan {
    width: 48%;
    float: left;
}

.vmbboxcost {
    font-weight: bold;
    font-size: 14px
}

.vmbboxcostcurrent {
    font-weight: bold;
    font-size: 14px
}

.planspaceadjust {
    margin-bottom: 60px;
    padding-bottom: 20px
}

.nxtra-form-group label {
    color: #9e9e9e;
    font-family: var(--primary-font);
    font-size: 12px;
    font-weight: 400;
}

.nxtra-update div {
    color: #333333;
    font-size: 20px;
}

.tick-icon a {
    color: #00a3e0;
    font-size: 28px;
    padding-right: 30px;
}

.close-icon a {
    color: #d7d7d7;
    font-size: 24px;
}

.edit-rule {
    padding-bottom: 10px;
}

.edit-rule+.row {
    padding-top: 10px;
}

.nxtra-form-section {
    padding-top: 20px;
    padding-bottom: 20px;
}

.nxtra-form-section .row {
    margin-right: -20px;
    margin-left: -20px;
}

.nxtra-form-section .edit-rule .row {
    margin-right: -15px;
    margin-left: -15px;
}

.nxtra-form-section select {
    background-image: url(../images/dropdownarrow.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    font-size: 14px;
    background-color: #ffffff;
    height: 28px;
}

.nxtra-form-section .nxtra-form-group input {
    height: 28px;
    font-size: 14px;
    padding: 0;
    color: #333;
}

.nxtra-form-row {
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 10px;
    min-height: 50px;
}

.zone-value {
    margin-top: 5px;
}

.cross-zone {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 15px;
    padding-top: 15px;
}

.nxtra-ip div {
    color: #00a3e0;
    font-size: 24px;
}

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

.-side-link div {
    display: inline-block;
    padding-right: 30px;
}

.-side-link div a {
    color: var(--primary-col);
    font-size: 12px;
}

.-side-link-pic {
    position: relative;
}

.edit-delet-pop {
    background-color: #ffffff;
    width: 185px;
    border-radius: 5px;
    padding: 20px;
    margin: 0;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 3px;
    right: 54px;
}

.edit-delet-pop::after {
    background-image: url("../images/dropdownarrow.png");
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    content: " ";
    position: absolute;
    bottom: 61px;
    right: -36px;
}

.-side-link div ul li {
    list-style: none;
    text-align: left;
    padding-left: 20px;
    padding-top: 10px;
}

.-side-link div ul li a {
    color: #9e9e9e;
}

.-side-link div ul li a span {
    padding-right: 15px;
}

.zone-value span {
    font-size: 12px;
    color: #9e9e9e;
}

.zone-value div {
    color: #333333;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.-more-value {
    padding-top: 30px;
}

.-more-value a {
    color: var(--primary-col);
    font-size: 12px;
}


/*--top-breadcrumbs css start here--*/

.top-breadcrumbs a {
    color: var(--primary-col);
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    font-family: var(--primary-font);
}

.top-breadcrumbs a:last-child {
    color: #9E9E9E;
    cursor: default;
}

.top-breadcrumbs span {
    font-size: 13px;
    color: #9e9e9e;
}

.bottom-breadcrumbs {
    color: #181818;
    font-size: 24px;
    font-weight: 400;
    font-family: var(--primary-font);
    margin-top: 10px;
    margin-bottom: 8px;
}

.buy-ip,
.buy-ip a {
    float: right;
    font-size: 12px;
    color: var(--primary-col);
    margin-right: 20px;
    line-height: 40px;
}

.buy-ip {
    clear: both;
}

.buy-ip a {
    margin-right: 0;
}

.buy-ip i {
    color: #616161;
    padding-right: 5px;
}

.glyphicon {
    display: none !important;
}


/*side nav bar css start here*/

.sidebar-menu {
    background-color: #181818;
    width: 220px;
    height: 100%;
    padding-top: 0;
}

.sidebar-menu>li>a:hover,
.sidebar-menu>li>a:focus,
.sidebar-menu>li>a:active {
    background-color: transparent;
}

.sidebar-title {
    color: #9e9e9e;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.3s;
}

span.active {
    color: #ffffff;
}

ul.sidebar-menu>li>a {
    padding: 0;
}

ul.sidebar-menu>li {
    min-height: 48px;
    line-height: 48px;
}

.side-icon i {
    position: relative;
    top: 0;
    font-size: 17px;
}

.side-icon i {
    color: #9e9e9e;
    margin-right: 10px;
    position: relative;
    top: 3px;
    font-size: 17px;
    vertical-align: text-top;
}

ul.sidebar-menu>li:hover .sidebar-title {
    color: #ffffff;
}

ul.sidebar-menu>li:first-child:hover .sidebar-title {
    color: #9e9e9e;
}

ul.sidebar-menu>li:hover .side-icon i {
    color: #ffffff;
}


/*ul.sidebar-menu > li:hover {
   background-color: var(--primary-col); }*/

ul.sidebar-menu>li:first-child:hover {
    background-color: transparent;
}

ul.sidebar-menu>li.active a {
    background-color: var(--primary-col);
}

ul.sidebar-menu>li.active .sub-manu-accor a {
    background-color: transparent;
}

ul.sidebar-menu>li.active .panel-heading {
    background-color: var(--primary-col);
}

ul.sidebar-menu>li:hover .left-nav-dropdown .panel-group .panel-title i.pull-right {
    color: #ffffff;
}

ul.sidebar-menu>li.active .side-icon i {
    color: #ffffff;
}

ul.sidebar-menu>li.active .sidebar-title {
    color: #ffffff;
}


/*drop down menu css start here*/

.sidebar-menu>li>ul {
    clear: both;
    display: none;
    height: auto;
    width: 296px;
}

.sidebar-menu>li>ul>li>a {
    padding: 0 52px 0 55px;
    line-height: 36px;
    text-decoration: none;
    font-family: var(--primary-font);
    color: #9e9e9e;
    font-size: 13px;
}

.sub-nav>li>a:hover,
.sub-nav>li>a:focus {
    background-color: transparent;
}


/* Adjustments */

.sidebar-title .gateway {
    display: block;
    padding-left: 38px;
}

.nxtra-form-section .row:last-child .form-group {
    margin-bottom: 0;
}

.cross-zone .row {
    margin-top: 10px;
}

.cross-zone .row:first-child {
    margin-top: 0;
}

.global-heading {
    margin-left: 40px;
    line-height: 49px;
    padding-top: 3px;
    color: var(--primary-col);
    z-index: 1039 !important;
}

.global-heading_img {
    display: inline-block;
    color: #616161;
    position: relative;
    top: 3px;
    font-size: 24px;
}

.global-heading_name {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    margin-left: 5px;
    color: #00a3e0;
}

.global-heading_name a {
    color: var(--primary-col);
    text-decoration: none;
}

.subscription_container {
    width: 100%;
    background-color: #eee;
}

button.black_btn,
button.black_btn:hover,
button.black_btn:focus,
button.black_btn:active {
    transition: all 0.2s;
    margin-right: 10px;
    outline: 0 !important;
    border: 1px solid var(--primary-col);
    background-color: var(--primary-col);
    border-radius: 2px;
    font-size: 14px;
    color: #ffffff;
}

.primary_btn {
    transition: all 0.2s;
    outline: 0 !important;
    border: 1px solid #fc4242;
    background-color: #fc4242;
    border-radius: 2px;
    font-size: 14px;
    color: #ffffff;
    /*padding: 3px 13px 7px 10px;*/
}

input.black_btn,
input.black_btn:hover,
input.black_btn:focus,
input.black_btn:active {
    transition: all 0.2s;
    outline: 0 !important;
    border: 1px solid var(--primary-col);
    background-color: var(--primary-col);
    border-radius: 2px;
    font-size: 14px;
    color: #ffffff;
}

button.white_btn,
button.black_btn {
    padding: 6px 20px;
}

button.black_btn:hover {
    background-color: #ffffff;
    color: var(--primary-col);
    outline: none;
    box-shadow: none;
}

.primary_btn:hover {
    background-color: #ffffff;
    color: #fc4242;
    box-shadow: none;
}

.subscription_content,
.wallet_content {
    width: 100%;
    background-color: #ffffff;
    box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
}

h1.primary-heading {
    font-size: 20px;
    display: inline-block;
    color: #333333;
}

h2.secondary-heading {
    font-size: 20px;
    display: inline-block;
    line-height: 28px;
    margin-top: 1em;
}

.subscription-table {
    font-size: 14px;
    color: #333333;
    padding: 15px 20px;
    border-style: none;
    margin-bottom: 0;
}

.subscription-table tr td {
    /*white-space: nowrap;*/
    padding-left: 0 !important;
    border-top: none;
    max-width: 200px;
}

.subscription-table tr {
    border-bottom: 1px solid #ddd;
}

.subscription-column:hover {
    background-color: #f6f6f6;
    cursor: pointer;
}

.subscription-column-active {
    background-color: #f6f6f6;
    cursor: pointer;
}

span.sorticon {
    position: relative;
    background: url("../images/sorticon.png");
    top: 4px;
    left: 6px;
    padding: 0 10px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 30% 22%;
    width: 8px;
    opacity: 0.5;
    /*display: inline-block;*/
}

.modal-footer.billplan-footer {
    border-top-style: none;
    padding: 0;
}

.modal-header.billplan-header {
    border-bottom-style: none;
    padding: 0;
}

span.cross-modal {
    float: right;
    font-size: 20px;
    position: absolute;
    line-height: 28px;
    top: 5px;
    right: 5px;
    color: #d7d7d7;
    z-index: 1000;
}

.substemplate .modal-dialog {
    max-width: 570px;
    margin-top: 0;
    position: absolute;
    top: calc(50% - 130px);
    right: 0;
    left: 0;
    margin: 0 auto;
}

.modal-body .billplan-body {
    padding: 0;
    padding-top: 15px;
    width: 100%;
}

span.labels {
    font-size: 12px;
    color: #9e9e9e;
    font-weight: 300;
}

.substemplate p {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 0;
    line-height: 28px;
}

.billplan-row {
    margin-bottom: 20px;
    padding: 0;
}

.billplan-row:last-child {
    margin-bottom: 0;
}

.substemplate .modal-content {
    border-radius: 2px;
    padding: 20px;
}

span.bhighlight {
    color: var(--primary-col);
}

span.renew-yr {
    font-weight: 600;
}


/* Wallet */

span.paymnt-md {
    font-weight: 600;
}

.add-wallet-container,
.redeem-container {
    padding: 15px 20px;
    width: 100%;
    max-width: 700px;
}

.add-wallet-container p,
.redeem-container p {
    font-size: 14px;
    color: #333333;
}

.add-data {
    max-width: 500px;
    width: 100%;
}

.add-data button {
    border: 1px solid var(--primary-col);
    background-color: var(--primary-col);
    transition: all 0.2s;
    border-radius: 4px;
    margin-top: 15px;
}

.add-data input {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    box-shadow: none;
    padding: 0;
}

.wallet-table {
    padding: 15px 20px;
    font-size: 14px;
    color: #333333;
    width: 100%;
    margin-bottom: 0;
}

.wallet-table tr td {
    white-space: nowrap;
}

.wallet-table {
    border-style: none;
}


/* Transaction History */

.transaction_outer {
    background-color: #eee;
    width: 100%;
}

.transaction_container {
    width: 100%;
    background-color: #ffffff;
    box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    padding-bottom: 15px;
}

.wallet_container {
    width: 100%;
    background-color: #eee;
}

.transdropdown,
.trans-pagi {
    margin-top: 20px;
}

.transdropdown .dropdown>a {
    position: relative;
    padding-left: 20px;
}

.transdropdown .form-group {
    margin-bottom: 0;
}

.transdropdown .form-group {
    padding-top: 20px;
}

.viewbot.dropdown-toggle {
    display: block;
    width: 310px;
}

.viewbot {
    position: absolute;
    right: 10px;
    bottom: 7px;
    color: #333333;
}

.green-strip {
    background-color: #ccffcc;
}

.vmmdlcls .modal-content {
    border-radius: 2px;
}

.vm_storyboard,
.volume_container {
    display: table;
    border-collapse: collapse;
    width: 100%;
}

.vm_actions {
    display: table-row;
}

.actions-container {
    display: table-cell;
    border: 1px solid #797979;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    width: 33%;
    background-color: #f2f2f2;
}

.bold-text {
    font-weight: 600;
    font-size: 11px;
}

.actions-strip {
    padding: 10px;
}

.stop-circle {
    border: 3px solid #ff0000;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    float: right;
}

.vmhost-stop p {
    margin-bottom: 0;
}

.vmhost-stop {
    width: 200px;
    margin: 20px 0;
    border: 1px solid #797979;
    padding: 10px;
}

.red-strip {
    background-color: #ff6666;
}

.white-txt {
    color: #ffffff;
}

.modal-header.cstmmodal-header {
    border-bottom-style: none;
    padding: 0;
    min-height: 0;
    height: 0;
}

.modal-body .cstmmodal-body {
    padding: 10px 20px;
    width: 100%;
    text-align: center;
    max-height: 450px;
    overflow-y: auto;
    line-height: 25px;
}

.modal-footer.cstmmodal-footer {
    border-top-style: none;
    padding: 0;
}

.vm-actions-btn button {
    margin-top: 20px;
    margin-left: 10px;
}

.vm-actions-btn button:first-child {
    margin-left: 0;
}

button.white_btn,
button.white_btn:focus,
button.white_btn:hover,
button.white_btn:active,
button.white_btn.active {
    background-color: #ffffff;
    border-radius: 2px;
    font-size: 14px;
    color: var(--primary-col);
    border: 1px solid var(--primary-col);
    outline: 0;
    box-shadow: none;
}

.edit-vm-name {
    margin-top: 15px;
}

input.edit-vm {
    border-radius: 0;
    height: 38px;
}

.vmmdlcls .modal-dialog {
    max-width: 420px;
    margin-top: 0;
    position: absolute;
    top: calc(50% - 130px);
    right: 0;
    left: 0;
    margin: 0 auto;
}

.volumemdlcls .modal-dialog {
    max-width: 460px;
    margin-top: 0;
    position: absolute;
    top: calc(50% - 130px);
    right: 0;
    left: 0;
    margin: 0 auto;
}

[data-toggle="buttons"]>.btn>input[type="radio"],
[data-toggle="buttons"]>.btn>input[type="checkbox"] {
    clip: rect(1px 10px 1px 1px);
}

.iso-options {
    padding-top: 15px;
}

.attach-iso-body .primary-heading {
    text-align: left;
    display: block;
}

.attach-iso-body .vm-actions-btn {
    text-align: left;
}

.iso-options label {
    width: 100%;
    display: inline-block;
    border-radius: 0;
    margin-left: 0 !important;
    text-align: left;
    border: 0;
    border-bottom: 1px solid #D7D7D7;
}

.iso-options label:first-child {
    border-top: 1px solid #D7D7D7;
}

.iso-options label:hover {
    background-color: #ffffff;
    border-color: #d7d7d7;
}

.iso-options label:active {
    background-color: #ffffff;
    border-color: #d7d7d7;
    box-shadow: none;
}

.iso-options label.active,
.iso-options label.active:hover {
    background-color: #CCE5FF;
    border: 0;
    color: var(--primary-col);
    box-shadow: none;
    font-weight: 600;
}

.vm-actions-rebooting {
    width: 100%;
    display: block;
    margin: 20px 0;
}

.progess-count {
    margin-bottom: 10px;
}

.progress.rebooting-progress-bar {
    height: 10px;
}

.progress-bar.rebooting-progress {
    background-color: #00cc00;
}

input.edit-password {
    float: left;
    border-radius: 0;
    height: 38px;
    margin-top: 10px;
}

.vm-actions-btn {
    width: 100%;
}

.volumemdlcls .modal-content {
    border: 4px solid #797979;
    border-radius: 0;
}

.copy-template {
    margin-top: 20px;
}

.copy-template select {
    background-image: url(../images/dropdownarrow.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    font-size: 14px;
    background-color: #ffffff;
    height: 34px;
    box-shadow: none;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    margin-top: 0;
    padding: 0 10px;
}

.recurring-container {
    margin-top: 20px;
}

.recurring-snapshot,
.create-temp {
    margin-top: 15px;
    margin-bottom: 0;
    width: 100%;
}

.recurring-snapshot label,
.create-temp label {
    color: #9e9e9e;
    font-weight: 400;
    float: left;
    width: 100%;
    text-align: left;
}

.recurring-snapshot select,
.create-temp select {
    background-image: url(../images/dropdownarrow.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    font-size: 14px;
    background-color: #ffffff;
    height: 34px;
    box-shadow: none;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    margin-top: 0;
    padding: 0 10px;
}

input.snapshot-time {
    float: left;
    border-radius: 0;
    height: 38px;
    width: 40%;
}

span.rtime {
    float: left;
    padding: 10px;
    color: #9e9e9e;
    font-size: 14px;
}

input.temp-input {
    float: left;
    border-radius: 0;
    height: 38px;
}

.create-temp-checks label {
    color: #9e9e9e;
    font-size: 14px;
    font-weight: 400;
    float: left;
    margin: 10px 0;
    padding-right: 20px;
}

.create-temp-checks input[type="checkbox"] {
    margin-right: 5px;
}

.shop_container {
    width: 100%;
    margin-top: 20px;
}

.shop-item {
    margin-bottom: 10px;
}

.select-zone-container {
    max-width: 350px;
    border: 4px solid #797979;
    padding: 10px;
}

.select-zone {
    margin-top: 20px;
}

.shop-select select {
    background-image: url(../images/dropdownarrow.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    font-size: 14px;
    background-color: #ffffff;
    height: 34px;
    box-shadow: none;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    margin-top: 0;
    padding: 0 10px;
}

.shop-select {
    margin: 0;
}

a.buy-zone {
    font-size: 28px;
    margin-top: 10px;
    display: inline-block;
}

a.buy-zone:hover {
    text-decoration: none;
}

.verify-email {
    font-size: 14px;
    color: #333333;
}

.new-user label {
    color: #9e9e9e;
    font-size: 12px;
    font-weight: 400;
    float: left;
    width: 100%;
    text-align: left;
}

input.newuser-input {
    float: left;
    border-radius: 0;
    height: 38px;
    width: 65%;
}

span.adduser-info {
    float: left;
    padding: 10px;
    color: #9e9e9e;
    font-size: 14px;
}

.new-user {
    margin-top: 15px;
    margin-bottom: 0;
    width: 100%;
}

.billing_container {
    width: 100%;
    background-color: #eee;
}

.billing_content {
    width: 100%;
    background-color: #ffffff;
    margin: 10px 0;
    box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
}

span.billing-unbilled {
    color: var(--primary-col);
}

span.billing-billed {
    color: green;
}

.billing-table {
    font-size: 14px;
    color: #333333;
    padding: 15px 20px;
    border-style: none;
    margin-bottom: 0;
}

.billing-table tr td {
    white-space: nowrap;
    padding-left: 0 !important;
}

.billing-side-loop {
    position: fixed;
    width: 160px;
    padding: 15px 20px;
}

.billing-table-container {
    float: right;
    width: calc(100% - 160px);
    padding-left: 35px;
    padding: 15px 20px;
}

.billing-table-container .billing-table {
    padding: 0;
}

.billing-loop {
    font-size: 14px;
    color: #333333;
}

.billing-loop ul {
    list-style: none;
}

.billing-loop ul.billing-level1 ul.billing-level2 {
    padding-left: 25px;
}

.billing-loop ul.billing-level1 ul.billing-level2 ul.billing-level3 {
    padding-left: 25px;
}

.billing-loop ul li {
    padding: 5px 0;
}


/* End of Billing Nxtra Page */


/* Invoice Page */

.body-section.full-width {
    width: 100%;
    margin-left: 0;
}

img.invoice-logo {
    float: right;
    margin-top: -10px;
}

h1.primary-heading.invoice-heading {
    width: calc(100% - 100px);
    margin: 0 auto;
    text-align: center;
}

.invoice-top {
    margin-top: 20px;
}

.invoice-content {
    width: 100%;
    background-color: #ffffff;
    margin: 10px 0;
    box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
}

.invoice-container {
    width: 100%;
    background-color: #eee;
}

.invoice-outer {
    padding: 15px 20px;
}

.invoice-outer table {
    width: 100%;
}

.invoice-outer2 {
    padding: 15px 20px;
}

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

.invoice-outer table tr td {
    border: 1px solid #797979;
    padding: 5px;
}

.unbilled-outer {
    padding: 15px 20px;
}

.unbilled-outer table {
    width: 100%;
}


/*.unbilled-outer table tr td {
	border: 1px solid #797979;
	padding: 5px;
}*/

.table-inner-heading {
    font-size: 17px;
    color: #333333;
    font-weight: 600;
    line-height: 34px;
}

.summary-table {
    margin: 10px 0;
}

.invoice-terms {
    list-style: none;
    font-size: 14px;
    line-height: 26px;
    color: #333333;
}

.invoice-outer p {
    list-style: none;
    font-size: 14px;
    line-height: 26px;
    color: #333333;
    margin: 0;
}

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

.table-credentials {
    width: 40%;
}

.invoice-outer2 table tr td {
    list-style: none;
    font-size: 14px;
    line-height: 26px;
    color: #333333;
}

.apply-btn .btn[disabled].payment-btn-k {
    background-color: #cecece;
    color: #000;
    border: 1px solid #cecece;
    opacity: 1;
}

.apply-btn input[type="button"].payment-btn-k {
    background-color: var(--primary-col);
    color: #ffffff;
    outline: none;
    box-shadow: none;
}

.apply-btn input[type="button"].payment-btn-k:active,
.apply-btn input[type="button"].payment-btn-k:hover,
.apply-btn input[type="button"].payment-btn-k:focus {
    background-color: #ffffff;
    color: var(--primary-col);
    outline: none;
    box-shadow: none;
    border: 1px solid var(--primary-col);
}

.header-help-div {
    margin-right: 35px;
    float: right;
}

.header-help-div>ul.dropdown-menu-primary {
    left: initial;
    right: 0;
}

.add-rules-component {
    /*height: 100%;*/
    /*background-color: #ffffff;*/
    overflow: hidden;
    padding-bottom: 20px;
}

.add-rules-component .side-fixed-component {
    width: 219px;
    float: left;
    background-color: #ffffff;
    box-shadow: 2px -1px 5px rgba(0, 0, 0, 0.2);
    display: table;
}

.add-rules-component .side-fixed-component .add-list-btn {
    background-color: #ffffff;
    color: var(--primary-col);
    border: none;
    padding: 5px 15px;
    height: 40px;
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 15px;
}

.add-rules-component .side-fixed-component .add-list-btn img {
    margin-top: -2px;
}

.add-rules-component .scroll-container a {
    display: block;
    cursor: pointer;
    padding: 15px 10px 15px 20px;
    color: #ffffff;
    margin-bottom: 0;
    background-color: #ffffff;
    color: #333;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
    height: 64px;
    padding-left: 15px;
    position: relative;
    border-left: 3px solid transparent;
    display: table-cell;
    width: 219px;
    vertical-align: middle;
}

.add-rules-component .scroll-container a span {
    display: block;
    font-size: 13px;
    margin-top: 2px;
    color: #616161;
}

.add-rules-component .scroll-container a:hover {
    text-decoration: none;
}

.add-rules-component .scroll-container a.active {
    background-color: #CCE5FF;
    color: var(--primary-col);
    font-weight: 700;
    border-left: 3px solid var(--primary-col);
}

.add-rules-component .scroll-container a.active span {
    color: var(--primary-col);
    margin-top: 2px;
    font-weight: 400;
}

.add-rules-component .content-view {
    float: right;
    width: calc(100% - 220px);
    box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
}

.add-rules-component .content-view .add-rule-btn {
    background-color: #ffffff;
    color: var(--primary-col);
    font-size: 12px;
    border: none;
    padding: 5px 15px;
    height: 32px;
}

.add-rules-component .content-view .add-rule-btn i {
    font-size: 18px;
    vertical-align: sub;
}

.add-rules-component .content-view .add-rule-btn img {
    margin-top: -2px;
}

.add-rules-component .content-view .attach-list-to {
    line-height: 32px;
    color: var(--primary-col);
    font-size: 12px;
    margin-top: 4px;
}

.add-rules-component .content-view .total-rules {
    line-height: 44px;
    font-size: 20px;
    margin-bottom: 0;
}

.add-rules-component .content-view .total-rules .ttl {
    font-size: 20px;
    color: #333333;
}

.ttl {
    font-size: 20px;
    color: #333333;
}

.ticket-view {
    float: right;
    width: 100%;
    box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
}

.ticket-view .add-rule-btn {
    background-color: #ffffff;
    color: var(--primary-col);
    font-size: 12px;
    border: none;
    padding: 5px 15px;
    height: 32px;
}

.ticket-view .add-rule-btn i {
    font-size: 18px;
    vertical-align: sub;
}

.ticket-view .add-rule-btn img {
    margin-top: -2px;
}

.ticket-view .attach-list-to {
    line-height: 32px;
    color: var(--primary-col);
    font-size: 12px;
    margin-top: 4px;
}

.ticket-view .total-rules {
    line-height: 44px;
    font-size: 20px;
    margin-bottom: 0;
}

.ticket-view .total-rules .ttl {
    font-size: 20px;
    color: #333333;
}

.add-rules-component .add-rules-component {
    padding-top: 10px;
    position: relative;
}

.add-rules-component .add-rules-component .side-fixed-component {
    position: relative;
    box-shadow: none;
    width: 168px;
}

.add-rules-component .add-rules-component .side-fixed-component img {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    width: 12px;
    right: 6px;
}

.add-rules-component .add-rules-component .rules-list {
    box-shadow: none;
    margin-bottom: 0;
    padding-right: 0;
}

.add-rules-component .add-rules-component .content-view {
    box-shadow: none;
    padding-top: 0;
    border-left: 1px solid #d7d7d7;
    padding-left: 15px;
    width: calc(100% - 168px);
}

.add-rules-component .add-rules-component .content-view .cross-zone {
    padding-top: 0;
}

.ticket-view {
    box-shadow: none;
    padding-top: 0;
    border-left: 1px solid #d7d7d7;
    padding-left: 0;
    width: 100%;
}

.ticket-view .cross-zone {
    padding-top: 0;
}

#main {
    display: inline-block;
    width: 100%;
}

.page-sidebar {
    position: fixed;
    z-index: 1004;
    left: 0;
    top: 56px;
    bottom: 0;
    width: 235px;
    color: #333;
}

.page-sidebar:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #ffffff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}

.base {
    background: #ffffff;
    min-height: 100%;
    overflow: hidden;
    width: 100%;
    padding: 25px 20px 10px 20px;
    height: 600px;
}

.page-title {
    font-size: 24px;
    color: #666;
    font-weight: 300;
    margin: 0;
}

.page-title small {
    color: #888;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
}

.carddv {
    padding: 0 15px;
}

.white-bg {
    background: #ffffff;
    border-radius: 4px;
    width: 100%;
    padding: 8px;
    height: auto;
    overflow: hidden;
}

.heading {
    font-weight: 300;
    font-size: 16px;
    color: #333;
    padding: 6px 0;
    border-bottom: 1px solid #f0f0f0;
}

.white-bg .pagination {
    margin: 0;
}

.lnght35 {
    line-height: 35px;
    font-size: 13px;
}

.white-bg input[type="checkbox"] {
    margin-right: 10px;
    margin-top: -2px;
    vertical-align: middle;
    margin-left: 6px;
}

.white-bg .table {
    margin-top: 20px;
}

.white-bg .table th {
    font-size: 12px;
    color: #9e9e9e;
    font-weight: 400;
}

.white-bg .table th input[type="checkbox"] {
    margin: 0;
}

.table>thead>tr>th {
    border-bottom: 1px solid #ddd;
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
    background: #ffffff;
}

.table-striped>tbody>tr:nth-of-type(2n+1) a {
    color: #333;
}

.table-striped>tbody>tr:nth-of-type(2n+1) a:hover {
    text-decoration: none;
}

.table-striped>tbody>tr:nth-of-type(2n+1):hover {
    background: #f0f0f0;
    cursor: pointer;
}

.searchfilter,
.searchfilter .form-group {
    position: relative;
}

.searchfilter .form-group a.searchbut {
    position: absolute;
    background: #333;
    color: #ffffff;
    width: 34px;
    height: 34px;
    right: 0;
    text-align: center;
    line-height: 34px;
    top: 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.searchfilterdv {
    position: absolute;
    top: 34px;
    width: 488px;
    height: 425px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    z-index: 999;
    padding: 10px;
    display: none;
}

.searchfilterdv label {
    font-size: 14px;
    font-weight: 400;
    width: 100%;
}

.coupounval .form-control {
    width: 48%;
    display: inline-block;
}

.searchfilterdv a {
    background: #333;
    color: #ffffff;
    width: 55px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
}

.searchbot {
    position: absolute;
    right: 42px;
    top: 7px;
    color: #333;
}

.searchbot i {
    font-size: 12px;
}

header .navbar-brand {
    height: 100%;
    padding: 0px;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    line-height: 20px;
    padding-left: 0;
}

header a.sidemenu {
    margin-right: 15px;
    color: #333;
    line-height: 50px;
    display: none;
}

header .toplink a {
    font-size: 16px;
    color: #333;
    line-height: 56px;
    padding: 0 10px;
}

.accounttxt {
    font-size: 14px;
    font-weight: 500;
    margin-top: 6px;
}

.accounttxt span {
    width: 100%;
    font-size: 12px;
    color: #9e9e9e;
    display: block;
}

.page-sidebar ul {
    margin: 0;
    padding: 20px 0 0;
    list-style: none;
    position: absolute;
    width: 100%;
}

.page-sidebar ul li a {
    width: 100%;
    display: block;
    height: 40px;
    line-height: 30px;
    color: #333;
    padding: 5px 30px;
}

.page-sidebar ul li a:hover {
    background: #f0f0f0;
    width: 100%;
    display: block;
    text-decoration: none;
}

.pre-scrollable {
    overflow-y: hidden;
}

.top-navi a {
    font-size: 16px;
    color: #333;
    line-height: 56px;
    padding: 0 10px;
}

.wallet-balance {
    float: right;
    text-align: right;
}

.wallet-balance {
    margin-right: 10px;
}

.wallet-balance .wallet-icon {
    display: inline-block;
    line-height: 34px;
    margin-right: 5px;
    color: #616161;
    font-size: 24px;
    z-index: 20;
    position: relative;
}

.wallet-balance .wallet-amount {
    float: right;
    line-height: 36px;
    z-index: 30;
    position: relative;
}

.wallet-balance .wallet-amount span {
    font-size: 13px;
    color: #9e9e9e;
}

.wallet-balance .wallet-amount span:last-child {
    font-size: 14px;
    color: #9e9e9e;
}

.wallet-heading {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.wallet-content {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.notif-icon {
    float: right;
    margin-right: 40px;
    margin-left: 20px;
    margin-top: 8px;
    height: 30px;
    position: relative;
    line-height: 64px;
}

.notif-icon img {
    width: 100%;
}

.notif-icon .notif-icon-container {
    width: 26px;
}

.notif-icon .notif-count {
    background-color: var(--primary-col);
    font-size: 13px;
    position: absolute;
    font-weight: 400;
    padding: 1px 4px;
    border-radius: 3px;
    color: #ffffff;
    line-height: 14px;
    height: 16px;
    top: 10px;
    right: -2px;
}

.wallet-balance ul {
    list-style: none;
}

.notif-icon .notif-icon-container i {
    color: #616161;
    font-size: 24px;
}

img {
    max-width: 100%;
}

.notification {
    float: right;
    width: 60px;
    text-align: center;
}

.profile {
    float: right;
    margin-right: 25px;
    text-align: right;
}

.profile span {
    width: 100%;
    font-size: 12px;
    color: #9e9e9e;
}

.right-header {
    padding-top: 16px;
    line-height: 16px;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 8px;
}

.left-header {
    padding-left: 0;
    padding-right: 0;
}

.profile-img img {
    border-radius: 50%;
    width: 40px;
}

.profile-img {
    float: right;
}

.profile ul.navbar-right {
    padding: 0;
}

.profile ul>li.user>a {
    padding: 0;
    line-height: 32px;
}

.profile-info span i {
    font-size: 14px;
    color: #616161;
    padding-left: 15px;
    vertical-align: sub;
}

.profile-info i {
    font-size: 24px;
    color: #616161;
    padding-left: 5px;
    padding-right: 6px;
    vertical-align: sub;
}

.profile-info {
    font-size: 14px;
    font-weight: 500;
    color: #9e9e9e;
    text-align: left;
}

.user-section {
    float: right;
}

.user-section2 {
    float: right;
}

ul.navbar-right>li>a:focus,
ul.navbar-right>li>a:hover,
ul.navbar-right>li.open>a {
    background: none;
}

span.notify-text {
    position: relative;
    border: 1px solid #FF0000;
    padding: 0 4px;
    color: #ffffff;
    background-color: #FF0000;
    right: 10px;
    font-size: 12px;
    vertical-align: super;
    top: -5px;
}

.notification i {
    font-size: 20px;
    line-height: 24px;
    margin-top: 14px;
}

a.user-roll {
    font-weight: 600;
}

.logo-section {}


/*width: 100%;*/

.logo-section:hover .main-drop {
    display: block;
}

.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus {
    background: none;
    font-weight: 600;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background: none;
}

header.navbar.navbar-default {
    box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.15);
    background: #ffffff;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0 8px;
    min-height: 64px;
}

.pad0 {
    padding: 0;
}

button.navbar-toggle {
    margin-right: 0;
    margin-top: 18px;
}


/* Nav bar CSS Ends Here */


/*body {
font-family: var(--primary-font);
}*/

.confir-head p {
    font-size: 40px;
    font-weight: 400;
    color: #333;
    font-family: var(--primary-font);
}

.email-212 {
    padding-bottom: 20px;
}

.email-212 p {
    font-size: 14px;
    font-weight: 400;
    color: #999;
    font-family: var(--primary-font);
    line-height: 2;
}

.email-232 a {
    font-family: var(--primary-font);
    color: #0000FF;
    font-size: 18px;
    text-decoration: none;
}

.cloud-btn button {
    width: 307px;
    height: 55px;
    border-radius: 0;
    background-color: #0099FF;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}


/*user registration css start here*/

.user-registns {
    padding: 20px;
    width: 478px;
    text-align: left;
}

.user-registns form .form-group .form-control {
    border-radius: 0;
    height: 50px;
}

.continue-bttn {
    float: right;
    padding-right: 10px;
}

.continue-bttn p {
    float: left;
    padding: 15px;
    font-size: 16px;
}

.continue-bttn p a {
    color: #0099FF;
    text-decoration: underline;
}

.continue-bttn button {
    float: right;
    width: 120px;
    height: 55px;
    border-radius: 0;
    background-color: #0099FF;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}


/*network detail css start here*/

.net-234 {
    font-size: 40px;
    font-weight: 400;
    color: #333;
}

.network-form .form-horizontal .control-label {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
}

.network-form .form-horizontal div.form-group .form-control {
    border-radius: 0;
    width: 310px;
    height: 35px;
}

.form-done button {
    width: 190px;
    background-color: #000;
    color: #ffffff;
}


/*units pages css start here*/

.units {
    font-size: 40px;
    font-weight: 400;
    color: #333;
}

.unit-656 {
    font-size: 14px;
    font-weight: 400;
    color: #999;
}

.unit-form {
    width: 530px;
    text-align: center;
}

.unit-form form .form-group .form-control {
    width: 440px;
    height: 50px;
    border-radius: 0;
}


/* BASIC STYLINGS
============================================================================= */

pre {
    margin-bottom: 20px;
}

#status-buttons a:hover {
    text-decoration: none;
}

#status-buttons span {
    background: #080808;
    display: block;
    height: 30px;
    margin: 0 auto 10px;
    padding-top: 5px;
    width: 30px;
    border-radius: 50%;
}


/* active buttons */

#status-buttons a.active span {
    background: #00BC8C;
}

#signup-form {
    position: relative;
    min-height: 300px;
    overflow: hidden;
    padding-top: 20px;
}

.filled-form-data {
    position: absolute;
    top: 0;
    width: 100%;
    padding-top: 15px;
    height: 50px;
    overflow-x: scroll;
    overflow: hidden;
}

a:focus {
    text-decoration: none;
}

.top-order-steps a {
    background-color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    width: 196px;
    color: #333;
    height: 50px;
    line-height: 50px;
    position: relative;
    border: 1px solid #666;
    display: inline-block;
    text-transform: uppercase;
    margin-right: -5px;
    text-align: center;
    padding-left: 20px;
}

.top-order-steps a.active {
    background-color: #666;
    font-weight: 700;
    color: #ffffff;
}

.top-order-steps a:nth-child(2) {
    z-index: 5;
}

.top-order-steps a:first-child {
    z-index: 10;
    padding-left: 0;
}

.top-order-steps a:after,
.top-order-steps a:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.top-order-steps a:after {
    border-color: rgba(102, 102, 102, 0);
    border-left-color: #ffffff;
    border-width: 24px;
    margin-top: -24px;
}

.top-order-steps a:before {
    border-color: rgba(102, 102, 102, 0);
    border-left-color: #666666;
    border-width: 25px;
    margin-top: -25px;
}

.top-order-steps a.active:after {
    border-color: rgba(102, 102, 102, 0);
    border-left-color: #666666;
    border-width: 24px;
    margin-top: -24px;
}

.top-order-steps a.active:before {
    border-color: rgba(102, 102, 102, 0);
    border-left-color: #666666;
    border-width: 25px;
    margin-top: -25px;
}

.labels-select input[type="radio"] {
    display: none;
}

.labels-select label {
    border: 1px solid #eee;
    font-weight: 400;
    border-radius: 4px;
    transition: all 0.3s;
}

.labels-select label p {
    padding: 10px 20px;
    /*transition: all 0.3s;*/
}

.labels-select label p:first-child {
    font-size: 24px;
    text-align: left;
    height: 60px;
    background-color: #fbfbfb;
    margin-bottom: 0
}

.labels-select label p:last-child {
    color: #666;
    padding-top: 20px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    min-height: 230px;
}

.labels-select input[type="radio"]:checked+label,
.labels-select input[type="radio"]+label:hover,
.labels-select input[type="radio"]:checked+label p:first-child,
.labels-select input[type="radio"]+label:hover p:first-child {
    border-color: var(--primary-col);
}

.labels-select input[type="radio"]:checked+label p:first-child,
.labels-select input[type="radio"]+label:hover p:first-child {
    background-color: var(--primary-col);
    color: #ffffff;
    font-weight: 600;
}

.know-more-bottom {
    font-size: 13px;
    text-align: center;
    color: #00f;
    display: block;
    margin-top: 20px;
}

.main-hed-forms {
    font-size: 40px;
    padding-bottom: 20px;
}

.accords-item {
    border-bottom: 1px solid #666;
    cursor: pointer;
}

.accords-item p {
    display: inline-block;
}

.accords-item p:first-child {
    color: #666;
    font-size: 13px;
    /*margin-right: 5px;*/
}

.accords-item p:last-child {
    color: #333;
    font-size: 16px;
}

.From-Accor .panel-default {
    border-color: transparent;
}

.From-Accor .panel-default>.panel-heading {
    background-color: transparent;
}

.From-Accor .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top: none;
}

.network-form .form-group {
    margin-bottom: 25px;
}

#faqpage .panel-open .panel-heading {
    background-color: var(--primary-col);
    color: #ffffff;
}

#faqpage .panel-open .panel-body {
    border-left: 1px solid var(--primary-col);
    border-right: 1px solid var(--primary-col);
    border-bottom: 1px solid var(--primary-col);
}

.dash-side-menu .slimScrollDiv {
    min-height: 590px !important;
}

.dash-side-menu {
    width: 220px;
    position: fixed;
    height: 100%;
    z-index: 1029;
    min-height: 585px !important;
}

.dash-side-menu a {
    transition: color 0.3s;
}

.dash-side-menu a:hover {
    color: var(--primary-col);
}

.body-section {
    padding-top: 20px;
}

.global-heading_name .dropdown-menu-primary,
.dropdown-menu {
    z-index: 1051;
}

.dash-side-menu .nav>li>a {
    padding-left: 15px;
}

.left-nav-dropdown a .pull-right {
    color: #333;
}

.left-nav-dropdown .panel-group {
    margin-bottom: 0;
    min-height: 48px;
}

.left-nav-dropdown .panel-group .panel-title {
    line-height: 26px;
}

.left-nav-dropdown .panel-group .panel-title i.pull-right {
    color: #9e9e9e;
    font-size: 16px;
    position: absolute;
    right: 5px;
    top: 18px;
}

.left-nav-dropdown .panel-default {
    border: 0;
    box-shadow: none;
    background-color: transparent;
    min-height: 48px;
}

.left-nav-dropdown .panel-default a:hover {
    text-decoration: none;
}

.left-nav-dropdown .panel-heading {
    background-color: transparent;
    border: none;
    padding-left: 0;
    height: 48px;
    padding-left: 15px;
}

.left-nav-dropdown .panel-body {
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0;
}

.left-nav-dropdown .panel-body a {
    display: block;
    padding: 0 15px;
    padding-right: 0;
    line-height: 32px;
}

.left-nav-dropdown .panel-group .panel-heading+.panel-collapse>.panel-body {
    border: 0;
}

.sub-manu-accor a {
    transition: color 0.3s;
    color: #ffffff;
}

.sub-manu-accor a:hover {
    color: #9e9e9e;
}

.rules-list {
    background-color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
}

.edit-rule {
    padding-bottom: 0;
    padding-top: 0;
}

.side-link {
    text-align: right;
    line-height: 39px;
}

.side-link div {
    display: inline-block;
    padding-left: 20px;
}

.side-link div a {
    color: var(--primary-col);
    font-size: 15px;
}

.nxtra-form-section.add-rule-form {
    padding: 0;
}

.cross-zone.normal-state {
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--primary-col);
}

.cross-zone .data-container {
    margin-left: -5px;
    margin-right: -5px;
}

.cross-zone {
    position: relative;
}

.cross-zone .row {
    margin-left: -20px;
    margin-right: -20px;
}

.cross-zone .data-container {
    width: calc(100% - 50px);
    float: left;
}

.cross-zone .option-container {
    width: 50px;
    float: right;
    position: relative;
    padding-top: 10px;
}

.cross-zone .option-container .option-icon {
    width: 42px;
    height: 42px;
    border-left: 1px solid #9E9E9e;
    border-bottom: 1px solid #9e9e9e;
    position: absolute;
    top: -10px;
    right: -10px;
    cursor: pointer;
}

.cross-zone .option-container .option-icon img {
    padding-left: 8px;
    padding-top: 10px;
}

.content-view {
    position: relative;
}

.body-section-container {
    background-color: transparent;
    border-radius: 2px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}

.option-container .btn-group .btn-primary {
    background-color: #ffffff;
    border: none;
    box-shadow: none;
    border-radius: 0;
    border-top: none;
    top: -10px;
    border-right: none;
    right: -13px;
}

.option-container .btn-group .options {
    position: relative;
    margin-left: -190px;
    margin-top: -10px;
    border-radius: 6px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    border: 1px solid #ccc;
    padding: 10px;
}

.option-container .btn-group .options:after {
    left: 100%;
    top: 0;
    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: 9px;
}

.option-container .btn-group .options:before {
    left: 100%;
    top: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(158, 158, 158, 0);
    border-left-color: rgba(0, 0, 0, 0.25);
    border-width: 9px;
    margin-top: 8px;
}

.option-container .btn-group .options li {
    font-size: 15px;
}

.option-container .btn-group .options li span {
    font-size: 17px;
    margin-right: 15px;
}

.add-rules-component .scroll-container .vm-list-item {
    line-height: 20px;
    padding-left: 10px;
    word-wrap: break-word;
    padding-right: 36px;
}

.add-rules-component .scroll-container .vm-list-item img {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    width: 12px;
    right: 20px;
}

.vm-list-menu {
    float: right;
}

.vm-list-menu .dropdown-toggle {
    padding-right: 0;
}

.vm-list-menu.open .dropdown-toggle {
    box-shadow: none;
}

.vm-list-menu.open .dropdown-toggle:active {
    box-shadow: none !important;
}

.vm-list-menu.open .dropdown-toggle.active {
    box-shadow: none !important;
}

.vm-list-menu .btn {
    background-color: #ffffff;
    font-size: 24px;
    color: var(--primary-col);
}

.vm-list-menu .btn.active {
    box-shadow: none;
}

.vm-list-menu .btn:active {
    box-shadow: none;
}

.vm-list-menu .options {
    width: 300px;
    right: 0;
    left: -253px;
    top: 42px;
    position: absolute;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    border: none;
    padding: 10px 15px;
}

.vm-list-menu .options li {
    width: 50%;
    float: left;
}

.vm-list-menu .options li a {
    font-size: 12px;
    padding: 4px 5px;
}

.vm-list-menu .options li a span {
    font-size: 20px;
    color: #616161;
    margin-right: 5px;
    vertical-align: middle;
}

.vm-list-menu .options li a span:last-child {
    font-size: 12px;
}

.vm-list-menu .options:after,
.vm-list-menu .options:before {
    bottom: 100%;
    left: 100%;
    top: 0;
    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: 9px;
}

.vm-list-menu .options:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -32px;
    top: initial;
}

.vm-list-menu .options:before {
    border-color: rgba(97, 97, 97, 0);
    border-bottom-color: #616161;
    border-width: 10px;
    margin-left: -32px;
    top: -29px;
}

.vpc-list {
    float: right;
}

.vpc-list .dropdown-toggle {
    padding-right: 0;
}

.vpc-list.open .dropdown-toggle {
    box-shadow: none;
}

.vpc-list.open .dropdown-toggle:active {
    box-shadow: none !important;
}

.vpc-list.open .dropdown-toggle.active {
    box-shadow: none !important;
}

.vpc-list .btn {
    background-color: #ffffff;
    font-size: 24px;
    color: var(--primary-col);
}

.vpc-list .btn.active {
    box-shadow: none;
}

.vpc-list .btn:active {
    box-shadow: none;
}

.vpc-list .options {
    width: 300px;
    right: 0;
    left: -253px;
    top: 42px;
    position: absolute;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    border: none;
    padding: 10px 15px;
}

.vpc-list-menu .options li(1) {
    width: 60%;
    float: left;
}

.vpc-list-menu .options li(2) {
    width: 40%;
    float: left;
}

.vpc-list .options li {
    float: left;
}

.vpc-list .options li a {
    font-size: 12px;
    padding: 4px 5px;
}

.vpc-list .options li a span {
    font-size: 20px;
    color: #616161;
    margin-right: 5px;
    vertical-align: middle;
}

.vpc-list .options li a span:last-child {
    font-size: 12px;
}

.vpc-list .options:after,
.vpc-list .options:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    left: 100%;
    top: 0;
    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: 9px;
}

.vpc-list .options:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -32px;
    top: initial;
}

.vpc-list .options:before {
    border-color: rgba(97, 97, 97, 0);
    border-bottom-color: #616161;
    border-width: 10px;
    margin-left: -32px;
    top: -29px;
}

.zone-value {
    margin-top: 15px;
}

.cross-zone .row {
    margin-top: 0;
}

.usage-label {
    font-size: 12px;
    color: #9e9e9e;
    margin-bottom: 5px;
    margin-top: 5px;
}

.usage-label+.progress {
    height: 10px;
    border-radius: 5px;
    margin-bottom: 5px;
    box-shadow: none;
    background-color: #f5f5f5;
}

.usage-amount {
    font-size: 14px;
    color: #333;
}

.usage-amount span:last-child {
    font-weight: 600;
}

.usage-progress .usage .progress .progress-bar {
    background-color: #f277c6;
}

.usage-progress .usage:first-child .progress .progress-bar {
    background-color: #ea7600;
}

.usage-progress .usage:last-child .progress .progress-bar {
    background-color: #e4002b;
}

.cross-zone.normal-state:last-child {
    border-bottom: 2px solid var(--primary-col);
}

.close-icon .close-on-mob {
    margin-right: 14px;
    vertical-align: middle;
    color: #9e9e9e;
}

.top-arrow-user-drop:before,
.top-arrow-user-drop:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    left: 100%;
    top: 0;
    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: 9px;
}

.top-arrow-user-drop:before {
    border-color: rgba(97, 97, 97, 0);
    border-bottom-color: #616161;
    border-width: 10px;
    margin-left: -32px;
    top: -29px;
}

.top-arrow-user-drop:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -32px;
    top: initial;
}

.edit-vm-name .nxtra-form-group {
    text-align: left;
}

.edit-vm-name .nxtra-form-group label {
    text-align: left;
}

.edit-vm-name .nxtra-form-group input {
    height: 28px;
    font-size: 14px;
    padding-left: 0;
    color: #333;
}

.cross-zone .acl-options {
    padding-top: 0;
}

.mobile-verification {
    background-color: #ffffff;
    margin-top: 30px;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 3px 0;
    min-height: 500px;
    padding: 0 15px
}

.mobile-verification label {
    float: left;
    margin-bottom: 0
}

.mobile-verification input {
    padding-top: 0;
    padding-bottom: 0
}

.mobile-verification select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.mobile-verification .initial-form-container {
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px
}

.mobile-verification .initial-form-container .main-hed-forms {
    padding-bottom: 0;
    text-align: center;
    font-size: 24px;
    color: #181818
}

.mobile-verification .initial-form-container .main-hed-forms p {
    margin-bottom: 5px
}

.mobile-verification .initial-form-container .main-hed-forms.large {
    font-size: 32px
}

.mobile-verification .initial-form-container .note {
    margin-bottom: 30px;
    text-align: center
}

.mobile-verification .initial-form-container .note a {
    color: var(--primary-col)
}

.mobile-verification .initial-form-container .material-form {
    position: relative
}

.mobile-verification .initial-form-container .material-form .form-ico {
    position: absolute;
    text-align: right;
    right: 0;
    font-size: 24px;
    top: 15px;
    color: #616161
}

.mobile-verification .initial-form-container.large {
    max-width: 560px;
}

.mobile-verification .user-registns form .form-group .form-control {
    height: 30px
}

.mobile-verification .help-block {
    text-align: left;
    color: var(--primary-col);
    font-size: 12px;
}

.mobile-verification .form-done-btn input[type="submit"],
.mobile-verification .form-done-btn button {
    width: 100%;
    padding: 6px 20px;
    font-size: 17px
}

.mobile-verification .form-done-btn button {
    background-color: var(--primary-col);
    font-size: 14px;
    border: 1px solid var(--primary-col);
    border-radius: 4px;
    transition: all 0.2s;
    outline: none;
    box-shadow: none;
    color: #fff
}

.mobile-verification .form-done-btn button:hover,
.mobile-verification .form-done-btn button:active,
.mobile-verification .form-done-btn button:focus {
    background-color: #ffffff;
    color: var(--primary-col);
    outline: none;
    box-shadow: none;
    border: 1px solid var(--primary-col)
}

.mobile-verification .accept-terms span {
    font-size: 12px;
    color: #181818
}

.mobile-verification .accept-terms .helpvalue a {
    color: var(--primary-col);
    font-size: 12px;
}

.mobile-verification .form-control-feedback {
    display: none
}

.mobile-verification .resend-link {
    font-size: 12px;
    color: var(--primary-col);
    text-align: center;
    display: block;
    /* margin-top: 40px */
}

.mobile-verification .thum-ico {
    text-align: center;
    font-size: 60px
}

.mobile-verification .thum-ico img {
    width: 80px
}

.rules-list .nav-tabs>li>a.active {
    background-color: red;
}


/* Additional code for ASF */

.in-container-tab-tag .nav-tabs>li>a {
    color: #9e9e9e;
    border: 1px solid transparent;
}

.in-container-tab-tag .nav-tabs>li>a:hover,
.in-container-tab-tag .nav-tabs>li>a:active,
.in-container-tab-tag .nav-tabs>li>a:focus {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    background-color: #ffffff;
}

.in-container-tab-tag .nav-tabs>li>a.active {
    color: #00a3e0;
    background-color: red;
}

.in-container-tab-tag .nav-tabs>li.active a {
    color: #00a3e0;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

.usage-progress .yellow.usage:last-child .progress .progress-bar {
    background-color: #ea7600;
}

.usage-progress .purpel.usage:last-child .progress .progress-bar {
    background-color: #f277c6;
}

.add-rule-btn:focus,
.add-rule-btn:active,
.add-rule-btn.active {
    outline: none !important;
    box-shadow: none;
}

.schema-form-section .add-rule-btn {
    margin-top: -7px;
}

p.clearfix {
    margin-bottom: 0;
}

.buy-ip {
    cursor: pointer;
}

.more-less-container.open .show-more {
    display: none;
}

.more-less-container.open .show-less {
    display: inline-block;
    margin-top: 10px;
}

.more-less-container.open .changeHeight {
    height: auto;
}

.more-less-container .show-more {
    display: inline-block;
}

.more-less-container .show-less {
    display: none;
}

.more-less-container .changeHeight {
    height: 130px;
    overflow: hidden;
}

.more-less-container .text-center .form-group {
    margin-bottom: 0;
}

.nxtra-form-section.add-rule-form.col-xs-12 {
    padding-left: 15px;
    padding-right: 15px;
}

.nxtra-form-section.add-rule-form.col-xs-12 .edit-rule {
    border-top: 2px solid var(--primary-col);
    padding-top: 15px;
}

.nxtra-form-section.add-rule-form.col-xs-12 .add-rule-btn {
    float: left !important;
    margin-top: 25px;
}

.no-margin .form-group.schema-form-submit {
    margin-bottom: 0;
    margin-top: 10px;
}

.iso-options input {
    display: none;
}

.iso-options .iso-label {
    font-weight: 400;
    padding: 8px 5px;
    margin-bottom: 0;
    cursor: pointer;
    transition: all 0.2s;
}

.iso-options input[type="radio"]:checked+.iso-label {
    color: var(--primary-col);
    font-weight: 600;
    background-color: #CCE5FF;
}

button.form-done-btn {
    background-color: var(--primary-col);
    font-size: 14px;
    border: 1px solid var(--primary-col);
    border-radius: 4px;
    transition: all 0.2s;
    outline: none;
    box-shadow: none;
    color: #ffffff;
}

button.form-done-btn:hover,
button.form-done-btn:focus,
button.form-done-btn:active {
    background-color: #ffffff;
    color: var(--primary-col);
    outline: none;
    box-shadow: none;
    border: 1px solid var(--primary-col);
}

.inline-block-btns .schema-form-submit {
    display: inline-block;
}

.nxtra-form-group select {
    padding: 0;
}

.add-rule-btn.cancel {
    color: #616161 !important;
}

.adj-cancel-add-btn .add-rule-btn {
    margin-top: 25px;
}

.adj-cancel-add-btn .add-rule-btn.no-margin {
    margin-top: 0;
}

.m-t-15 {
    margin-top: 10px;
}

.del-user {
    color: var(--primary-col);
}

.del-user:hover,
.del-user:focus,
.del-user:active {
    color: var(--primary-col);
    text-decoration: none;
}

.vm-list-menu .options.dynamic-options {
    top: 20px;
    left: 20px;
    width: 170px;
    position: absolute;
}

.vm-list-menu .options.dynamic-options li {
    width: 100%;
}

.vm-list-menu .options.dynamic-options:before {
    margin-left: 0;
}

.vm-list-menu .options.dynamic-options:after {
    margin-left: 0;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: var(--primary-col);
    border-color: var(--primary-col);
    font-weight: 400;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: var(--primary-col);
    font-weight: 400;
}

.fs24 {
    font-size: 24px !important;
}

.vm-actions-btn .form-group.schema-form-submit {
    display: inline-block;
}

.vm-actions-btn .form-group.schema-form-submit .white_btn {
    margin-left: 10px;
}

.cstmmodal-body select {
    background-image: url(../images/dropdownarrow.png);
    background-repeat: no-repeat;
    background-position: 100% center;
}

.checkbox.schema-form-checkbox input[type="checkbox"] {
    /*    margin-top: -5px;*/
    height: auto;
}

.rule-list-btns .btn-group.vm-list-menu .btn {
    margin-top: 5px;
}

.rule-list-btns .btn-group.vm-list-menu .options {
    left: -265px;
}

.siteTosite-container {
    padding: 20px;
    background-color: #ffffff;
}

.sec-heading {
    font-size: 20px;
    font-weight: 400;
}

.table tbody {
    border-bottom: 1px solid #ddd;
}

.schema-form-helpvalue li {
    background-color: transparent;
    color: transparent;
}

.buy_more_link a,
.schema-form-section a {
    color: var(--primary-col);
}

.donut-center-text {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
}

.donut-center-text span {
    font-weight: 400;
    font-size: 16px;
    margin-left: 5px;
}

.big-tick-ico {
    font-size: 38px;
}

.gowithcustome {
    background-color: var(--primary-col);
    color: #ffffff;
    padding: 10px;
    border: 1px solid var(--primary-col);
    display: block;
    transition: all 0.2s;
    width: 100%
}

.gowithcustome:hover,
.gowithcustome:focus,
.gowithcustome:active {
    background-color: var(--primary-col)
}

.total-billable-accor .billable-txt {
    color: #9e9e9e;
    font-size: 12px;
    margin-bottom: 5px
}

.total-billable-accor .panel-group {
    min-height: 52px
}

.total-billable-accor .billable-amt .pull-left {
    font-size: 14px;
    color: #181818
}

.total-billable-accor .billable-amt .pull-right {
    font-size: 12px;
    color: var(--primary-col);
    cursor: pointer
}

.total-billable-accor .panel-default>.panel-heading {
    background-color: #ffffff;
    border-color: #fff
}

.total-billable-accor .panel-default {
    border-color: #fff
}

.total-billable-accor .panel-heading {
    border-bottom: 0
}

.total-billable-accor .panel-heading.panel-open {
    border-bottom: 0 !important
}

.total-billable-accor .panel-body {
    border-top: 0 !important;
    width: 100%
}

.total-billable-accor .panel-collapse {
    width: 100%
}

.total-billable-accor .panel {
    box-shadow: none
}

.total-billable-accor .total-billable .billable-item:last-child {
    font-weight: 400
}

.total-billable .billable-item {
    line-height: 35px;
}

.total-billable .billable-item .pull-right span:first-child,
.total-billable .billable-item .pull-right span:last-child {
    font-size: 12px;
    color: #9e9e9e
}

.total-billable .billable-item .pull-right .total-amt,
.total-billable .billable-item .pull-right .unit-price,
.total-billable .billable-item .pull-right .total-last {
    display: inline-block
}

.total-billable .billable-item .pull-right .total-amt {
    margin-right: 10px
}

.total-billable .billable-item .pull-right .unit-price {
    margin-right: 20px
}

.total-billable .billable-item p {
    margin-bottom: 0
}

.total-billable .billable-item:last-child {
    font-weight: 600
}

.stepsboxlast {
    width: 24px;
    background-image: url(../images/light-arrow.png);
    height: 54px;
}

.stepsboxdark {
    width: 24px;
    background-image: url(../images/dark-arrow.png);
    height: 54px;
}

.stepsboxinactive {}

.step-tabs .nav.nav-tabs {
    padding-top: 0;
    background-color: #181818;
    height: 56px
}

.step-tabs .nav.nav-tabs div {
    background-color: transparent
}

.step-tabs .nav.nav-tabs div:hover {
    background-color: transparent
}

.step-tabs .nav.nav-tabs li {
    padding: 0 20px;
    height: 55px;
    width: 222px;
    text-align: center
}

.step-tabs .nav.nav-tabs li div {
    line-height: 54px;
    padding: 0;
    background-color: transparent;
    font-size: 15px;
    text-transform: capitalize
}

.step-tabs .step-num {
    transition: color 0.2s;
    border: 2px solid #9e9e9e;
    border-radius: 20px;
    width: 26px;
    height: 26px;
    text-align: center;
    color: #9e9e9e;
    display: inline-block;
    line-height: 21px;
    margin-top: 14px;
    margin-right: 10px
}

.step-tabs .step-ico {
    font-size: 22px;
    vertical-align: sub
}

.step-tabs .nav.nav-tabs li.uib-tab>div:hover {
    background-color: transparent
}

.step-tabs {
    background-color: #181818;
    height: 56px
}

.step-tabs .step {
    width: 222px;
    float: left;
    text-align: center
}

.step-tabs .step .step-num {
    transition: color 0.2s;
    border: 2px solid #9e9e9e;
    border-radius: 20px;
    width: 26px;
    height: 26px;
    text-align: center;
    color: #9e9e9e;
    display: inline-block;
    line-height: 22px;
    margin-top: 14px;
    margin-right: 10px;
    transition: all 0.2s
}

.step-tabs .step .step-ico {
    font-size: 22px;
    vertical-align: sub
}

.step-tabs .step a {
    text-transform: capitalize;
    color: #9e9e9e;
    border-bottom: 3px solid transparent;
    display: block;
    line-height: 56px;
    transition: all 0.2s;
    letter-spacing: 1px;
    font-size: 15px;
    height: 56px
}

.step-tabs .step a.active {
    border-bottom: 3px solid var(--primary-col);
    color: #ffffff;
    font-weight: 600
}

.step-tabs .step a.active .step-num {
    color: #ffffff;
    border-color: #ffffff;
    font-weight: 400
}

.step-tabs .step a:hover,
.step-tabs .step a:active {
    text-decoration: none
}

.step-tabs p {
    margin-bottom: 0
}

.step-tabs .total-amt {
    background-color: var(--primary-col);
    color: #ffffff;
    line-height: 55px;
    height: 56px;
    padding: 0 20px;
    font-size: 18px;
    cursor: pointer
}

.step-tabs .total-amt span {
    font-size: 18px;
    vertical-align: middle
}

.relative {
    position: relative
}

.cart-values {
    padding: 5px 20px;
    width: 100%;
    display: none;
    background-color: #ffffff;
    z-index: 50;
    opacity: 0;
    transition: all 0.3s;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.cart-values:after {
    bottom: 100%;
    right: 64px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 9px;
    margin-left: -9px
}

.cart-values.open {
    display: block;
    position: absolute;
    background-color: #ffffff;
    z-index: 20;
    opacity: 1
}

.confir-head p {
    font-size: 40px;
    font-weight: 400;
    color: #333
}

.email-212 {
    padding-bottom: 20px
}

.email-212 p {
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 2
}

.email-232 a {
    color: #0000FF;
    font-size: 18px;
    text-decoration: none
}

.glyphicon {
    display: none
}

.billable div {
    color: #000;
    font-size: 20px;
    border-bottom: 1px solid #9E9E9E
}

.billable div span {
    font-size: 14px
}

.total-bill {
    color: #999;
    font-size: 14px
}

.cloud-btn button {
    width: 307px;
    height: 55px;
    border-radius: 0;
    background-color: #0099FF;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400
}


/*.promo-code {
font-size: 20px;
color: #999;
font-weight: 400
}*/

.continue-bttn {
    float: right;
    padding-right: 10px
}

.continue-bttn p {
    float: left;
    padding: 15px;
    font-size: 16px
}

.continue-bttn p a {
    color: #0099FF;
    text-decoration: underline
}

.continue-bttn button {
    float: right;
    width: 120px;
    height: 55px;
    border-radius: 0;
    background-color: #0099FF;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400
}

.paymt-form {
    padding: 0;
    margin-top: 20px
}

.pay-bttn button:first-child {
    background-color: #333;
    color: #fff
}

.pay-bttn button {
    border-style: none
}

.paymt-input {
    padding: 0
}

.paymt-form .form-group .form-control {
    border-radius: 0;
    margin-bottom: 8px;
    margin-left: 0
}

.paymt-proceed button {
    width: 100%;
    background-color: #333;
    height: 35px;
    color: #fff
}

.payment-done {
    background-color: #ccffcc;
    padding: 30px;
    margin-top: 20px;
    font-size: 28px
}

.add-payment {
    margin-top: 20px
}

.apply-btn button {
    /*background-color: #333;*/
    color: #ffffff;
    /*width: 50%;*/
}

.promo-codes form label {
    padding: 0;
    text-align: left
}

.code-12 {
    padding: 0
}

.prom-code {
    padding: 0
}

.code-12 input.form-control {
    border-radius: 0
}

.code-12 span {
    color: #FF2B2B
}

.net-234 {
    font-size: 40px;
    font-weight: 400;
    color: #333;
    position: relative
}

.network-form .form-horizontal .control-label {
    text-align: left;
    font-size: 14px;
    font-weight: bold
}

.net-question i {
    width: 40px;
    height: 40px;
    color: #000;
    background-color: #ffffff;
    border: 1px solid #9e9e9e;
    border-radius: 30px;
    text-align: center;
    font-size: 18px;
    padding-top: 9px;
    position: absolute;
    top: 9px;
    left: 350px
}

.network-detail form .form-group input {
    border-radius: 0
}

.network-detail form .form-group select {
    border-radius: 0
}

.form-done button {
    width: 400px;
    background-color: #000;
    color: #fff
}

.unit-form2 div button {
    background-color: var(--primary-col);
    color: #ffffff;
    width: 100%;
    height: 50px;
    margin-top: 20px;
    border: 1px solid var(--primary-col) !important;
    transition: all 0.3s
}

.unit-form2 div button:hover,
.unit-form2 div button:active,
.unit-form2 div button:focus {
    background-color: #ffffff;
    color: var(--primary-col)
}

.unit-form2 div div {
    color: #181818;
    font-size: 12px;
    font-weight: 400
}

.unit-form2 div div a {
    color: var(--primary-col)
}


/*.plans {
border-left: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 20px
}*/

.vpc-classes {
    padding: 0
}

.selected-plan {
    display: none;
    cursor: pointer;
}

.plan-data {
    text-align: center;
    border-bottom: 1px solid #eee;
    padding: 10px
}

.plan-data {
    height: 68px
}

.plan-data .schema-form-section {
    color: #181818
}

.plan-data .schema-form-section label {
    font-weight: 700;
    margin-bottom: 0
}

.plan-data .light-info .control-label {
    font-size: 14px;
    font-weight: 400;
    color: #9e9e9e
}

.plan-data .light-info .form-group {
    line-height: 12px
}

.plan-details {
    text-align: center;
    color: #616161;
    font-size: 13px;
    padding: 15px
}

.plan-details label {
    font-weight: 400
}

.plan-data div:first-child {
    color: #333333;
    font-weight: 700;
    font-size: 20px
}

.plan-data div:nth-child(2) {
    color: #999;
    font-size: 15px;
    font-weight: 400
}

.plan-offers {
    text-align: center;
    position: relative;
    cursor: pointer;
    transition: all 0.2s;
}

.plan-offers label {
    width: 100%;
    margin-bottom: 0;
    background-color: #ffffe7;
    height: 78px
}

.selected-plan:checked+label,
.plan-offers:hover .selected-plan+label {
    background-color: var(--primary-col)
}

.plan-offers .selected-plan+label {
    cursor: pointer;
    transition: all 0.2s;
}

.tick-icon {
    position: absolute;
    position: absolute;
    right: 20px;
    top: 12px;
    font-size: 40px
}

.plans-value {
    padding: 15px;
    border-bottom: 1px solid #eee
}

.plans-value div span {
    font-weight: 400
}


/*.plans.last {
border-right: 1px solid #eee
}*/

.plans-value div:first-child {
    color: #181818;
    font-weight: 700;
    font-size: 12px
}

.plans-value div:nth-child(2) {
    color: #9e9e9e;
    font-size: 14px;
    font-weight: 400
}

.selected-plan:checked+.plans-value div:nth-child(2),
.plan-offers:hover .selected-plan+.plans-value div:nth-child(2) {
    color: #fff
}

.selected-plan:checked+.plans-value div:first-child,
.plan-offers:hover .selected-plan+.plan-value div:first-child {
    color: #fff
}

.selected-plan:checked+.plans-value div,
.plan-offers:hover .selected-plan+.plans-value div {
    color: #fff
}

.bandwidth {
    font-size: 17px;
    font-weight: 400;
    color: #000
}

.tick-icon {
    display: none
}

.selected-plan:checked+label .tick-icon,
.plan-offers:hover .selected-plan+label .tick-icon {
    display: inline-block
}

.question-tooltip {
    width: 50px;
    height: 50px;
    color: #000;
    background-color: #ffffff;
    top: 20px;
    border-radius: 30px;
    border: 1px solid #9E9E9E;
    position: absolute;
    left: -23px;
    padding-top: 10px
}

.data-mb {
    font-size: 22px;
    font-weight: 700
}

.data-mb div {
    color: #999;
    font-size: 14px;
    font-weight: 400
}

.select-city {
    border: 1px solid #797979;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 6px;
    text-align: center;
    color: #333;
    display: block;
    font-weight: 400;
    font-size: 24px
}

.select-platform {
    border: 1px solid #b3b3b3;
    border-radius: 6px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 400
}

.select-platform div {
    font-size: 20px;
    font-weight: 700
}

.select-platform p {
    font-size: 14px;
    color: #666
}

.select-template {
    border: 1px solid #b3b3b3;
    border-radius: 6px;
    text-align: center;
    margin-bottom: 10px;
    padding: 15px;
    color: #333;
    font-size: 24px;
    font-weight: 700
}

.compute-section {
    border: 1px solid #eee;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer
}

.feature-section {
    border: 1px solid #eee;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer;
}

.feature-23:hover {
    background-color: var(--primary-col);
    color: #ffffff;
}

.feature-section.selected,
.feature-section:hover {
    border: 1px solid var(--primary-col)
}

.feature-section.selected .feature-23,
.feature-section:hover .feature-23 {
    background-color: var(--primary-col);
    color: #fff
}

.selected .feature-23 del,
.feature-section:hover .feature-23 del {
    color: #fff
}

.selected .feature-23.cut-price span,
.feature-section:hover .feature-23.cut-price span {
    color: #fff
}

.feature-23 {
    border-bottom: 1px solid #eee;
    font-size: 12px;
    font-weight: 700;
    min-height: 64px;
    padding-top: 10px;
    text-align: left;
    background-color: #ffcc33;
    color: #181818;
    transition: all 0.2s;
    padding-left: 15px;
}

.feature-23 sup {
    font-weight: 300
}

.feature-23 span {
    font-size: 14px;
    font-weight: 300
}

.feature-23.cut-price span {
    display: block;
    line-height: 30px;
    font-size: 20px;
    font-weight: 400;
    color: #181818
}

.feature-23.cut-price span span {
    display: inline-block;
    font-weight: 300;
    font-size: 18px
}

.selected-compute {
    display: none;
}

.feature-23 del {
    color: #9e9e9e;
    font-weight: 400;
    padding-right: 2px;
    font-size: 14px;
    line-height: 10px;
    display: block;
    padding-top: 3px
}

.selected .feature-23 del {
    color: #ffffff;
}

.computer-feature {
    font-size: 12px;
    font-weight: 400;
    color: #9e9e9e;
    padding: 10px 15px 0 15px;
}

.computer-feature div {
    line-height: 20px
}

.computer-feature span {
    font-size: 12px;
    font-weight: 400;
    color: #9e9e9e
}

.feature-customiz {
    border: 1px solid #eee;
    border-radius: 2px;
    height: 202px;
    text-align: center;
    line-height: 202px;
    font-size: 16px;
    font-weight: 400;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15)
}

.computer-feature-price {
    font-size: 14px;
    font-weight: bold;
    color: #181818;
    padding: 0 15px 10px 15px;
    line-height: 24px;
}

.computer-feature-price span {
    font-size: 12px;
    font-weight: 400;
    color: #181818;
    line-height: 24px;
}

.selected-compute+label {
    width: 100%;
}

.shop-wrap {
    margin: 0 auto;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
}

.feature-23 sup {
    font-weight: 400;
}

.feature-23 span {
    font-size: 17px;
    font-weight: 400;
}

.save-10 {
    background-color: #673aB7;
    margin-left: 12px;
    text-align: center;
    padding-top: 16px;
    position: absolute;
    top: -5px;
    right: 10px;
    height: 26px;
    line-height: 26px;
    border-radius: 2px;
    padding: 0 10px
}

.save-10 div {
    color: #ffffff;
    font-size: 13px;
    font-weight: 400
}

.save-10 div span {
    font-size: 22px;
    font-weight: 700
}

.gowithcustome {
    background-color: #444;
    color: #ffffff;
    padding: 10px;
    display: block;
    transition: all 0.2s;
    width: 100%;
    border: 0;
}

.gowithcustome:hover {
    background-color: var(--primary-col);
}

.accodianheading {
    background-color: #E6E6E6;
    border: 1px solid #CCC;
    border-radius: 5px;
}

.shop {
    margin-bottom: 25px;
}

.shop .total-rules {
    line-height: 44px;
    font-size: 20px;
    margin-bottom: 0;
    font-size: 20px;
    color: #333;
}

.shop .add-rule-btn {
    background-color: transparent;
    color: var(--primary-col);
    font-size: 12px;
    border: none;
    padding: 5px 15px;
    height: 32px;
}

.shop .attach-list-to {
    line-height: 32px;
    color: var(--primary-col);
    font-size: 12px;
}

.shop-same-config {
    height: 200px;
    line-height: 200px;
    font-size: 20px;
}

.shop-same-config.small {
    height: 64px;
    line-height: 64px;
}

.acl-options .dropdown-toggle {
    float: right;
}

.acl-options .dropdown-menu {
    float: right;
}

.option-container.acl-options .btn-group .options {
    position: absolute;
    margin-left: -10px;
    margin-top: 0;
}

.option-container.acl-options .btn-group .options:before {
    border-color: rgba(97, 97, 97, 0);
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-width: 10px;
    margin-left: -32px;
    top: -29px;
}

.option-container.acl-options .btn-group .options:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -32px;
    top: initial;
}

.acl-options .vm-list-menu .options li a span:last-child {
    font-size: 20px;
    color: #616161;
    margin-right: 5px;
    vertical-align: middle;
}

.add-rule-form .col-xs-6.col-sm-3.nxtra-form-row {
    min-height: 58px;
}

.rule-list-btns .add-rule-btn.pull-right.mdi-check,
.rule-list-btns .add-rule-btn.pull-right.mdi-close {
    font-size: 22px;
}

.none-editable .row.m-t-15 {
    display: none;
}

.row.m-t-15 {
    -webkit-animation: fadeInDown 0.3s both ease;
    -moz-animation: fadeInDown 0.3s both ease;
    animation: fadeInDown 0.3s both ease;
}

.nxtra-form-section .nxtra-form-group .form-control[disabled],
.nxtra-form-section .nxtra-form-group input[disabled] {
    border-bottom: 0;
    background-color: #ffffff;
    cursor: auto;
    background-image: none;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
}

.nxtra-form-section .nxtra-form-group input[type="number"].form-control[disabled] {
    -moz-appearance: textfield;
}

.form-control[disabled]::-webkit-inner-spin-button,
.form-control[disabled]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.acl-rule-animation {
    transition: all 0.5s;
}

.addEditRule.ng-hide-add {
    animation: 0.5s fadeOutUp ease;
    transition: all 0.2s
}

.addEditRule.ng-hide-remove {
    animation: 0.5s fadeInDown ease;
    transition: all 0.2s
}

.add-rules-component .add-rules-component .scroll-container a {
    /*max-width: 168px;*/
    word-wrap: break-word;
}

.add-rules-component .add-rules-component .scroll-container a span {
    margin-top: 2px;
}

.edit-vm-name .nxtra-form-group.feedback-input textarea {
    height: 90px;
    border: 0;
    max-width: 100%;
    min-width: 100%;
    box-shadow: none;
    font-size: 14px;
    padding-left: 0;
    color: #333;
    transitions: all 0.3s;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
}

.edit-vm-name .nxtra-form-group.feedback-input textarea:focus {
    border-color: var(--primary-col)
}

.reset-input textarea {
    height: 30px !important;
    border: 0;
    max-width: 100%;
    min-width: 100%;
    box-shadow: none;
    font-size: 14px;
    padding-left: 0;
    color: #333;
    transitions: all 0.3s;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
}

.reset-input textarea:focus {
    border-color: var(--primary-col)
}

.modal-body .form-group+.vm-actions-btn button {
    margin-top: 10px;
}

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

.timeInput select {
    width: auto;
    min-width: 50px;
    padding-right: 10px;
}

.hour-time {
    width: 41% !important;
}

.min-time {
    width: 41% !important;
    margin-left: 17%;
}

.addTopSpace {
    padding-top: 10px;
}

.vm-list-item .edit-item i {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -6px;
    font-size: 15px;
    color: greenyellow;
}

.vm-list-item .ticket-items i {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -6px;
    font-size: 15px;
    color: #616161;
}

.vm-list-item .edit-item i.mdi-lock {
    color: black;
}


/* Shop page */

.shop .panel {
    border: none;
    box-shadow: none;
}

.shop .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: none;
}

.shop .panel-default>.panel-heading {
    background-color: #ffffff;
    cursor: pointer;
}

.shop .panel-heading {
    padding: 0;
}

.shop .panel-body {
    padding: 0;
    padding-top: 10px;
}

.buy-ip.shopFilters span {
    float: right;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 20px;
}

.buy-ip.shopFilters a.bold {
    font-weight: 700;
}

.serviceActive-note {
    color: #444;
    font-size: 14px;
    margin-top: 12px;
}

.form-group.nxtra-form-group label.ticketRadio {
    width: initial;
    display: inline-block;
    float: left;
    margin-bottom: 20px;
}

.form-group.nxtra-form-group label.ticketRadio:first-child {
    margin-right: 30px;
}

.form-group.nxtra-form-group label.ticketRadio:nth-child(3) {
    margin-left: 10px;
}


/*.ticketRadio input[type="radio"]{
   height: auto;
   width: 20px;
   float: left;
   margin-top: 1px;
}*/

.mobile-verification.ticket {
    padding-top: 15px;
}

.ticket .primary-heading+.edit-vm-name {
    margin-bottom: 10px;
}

.bspopup {
    padding: 5px 20px 5px 20px;
    color: #000000;
    background: #ddd;
    font-size: 12px;
    text-align: left;
    display: none;
    position: relative;
    border-radius: 3px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    text-decoration: none;
    line-height: 15px;
    float: right;
    margin-left: 20px;
}

.btnfile {
    text-decoration: none !important;
}

.myheight {
    height: 550px !important;
}

.chighlight {
    font-weight: 500;
    color: #4caf50;
}

.nomargindiv {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.nomargindivsep {
    border-bottom: .5px solid #f3f3f3 !important;
}

.nomargindiv span {
    font-size: 13px;
    color: #9e9e9e;
}

.nomargindiv p {
    font-size: 13px !important;
}

.notesticket {
    background-color: #ffffcc;
    border-left: 0 !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.notesticket span {
    font-size: 13px !important;
    color: #333333;
    font-weight: bold;
}

.dnslabel {
    color: #9e9e9e;
    font-family: var(--primary-font);
    font-size: 12px;
    font-weight: 400;
}

.toppad {
    padding-top: 20px;
    margin-top: 1em;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 12px;
}

::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 12px;
}

:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 12px;
}

:-moz-placeholder {
    /* Firefox 18- */
    font-size: 12px;
}

.mdi a {
    color: #fff !important;
}

.dashboard_topsection .slimScrollDiv {
    overflow: visible !important;
}

.dash-side-menu .slimScrollDiv {
    overflow: visible !important;
    min-height: 585px;
}

.wallet-icon a {
    color: #333 !important;
}

.nav .sidebar-menu {
    overflow: hidden
}

.new-sidebar ul {
    overflow: visible !important;
}

.slimScrollDiv .sidebar-menu {
    min-height: 585px;
}

.dashboard_topsection .slimScrollDiv {
    overflow: visible !important;
}

.dashboard_topsection .slimScrollDiv {
    height: 250px !important;
}

.dashboard_topsection .recent-activity-section {
    box-shadow: 0 !important;
    border-radius: 0 !important;
}

.dash-side-menu .slimScrollDiv {
    overflow: visible !important;
}

.dashboard_topsection2 .slimScrollDiv {
    overflow: visible !important;
}

.dashboard_topsection2 {
    background-color: #ffffff;
    margin-top: 15px;
    height: 578px !important;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.25);
}

.myactiveplan {
    text-decoration: underline !important;
}

.rzslider .rz-bar.rz-selection {
    background: var(--primary-col) !important;
}

.rzslider .rz-bubble {
    bottom: 0;
    top: 16px;
}

.boxnewleft {
    width: 48%;
    float: left;
}

.boxnewright {
    width: 48%;
    float: left;
    padding-left: 10px;
}

.form-group.nxtra-form-group select {
    width: 100%;
}

.boxnewleft label {}

.spacetop15 {}

.spacetop15less {}


/* Overriding the defaults for bootstrap */

.nxtra-form-groups {
    text-align: left;
}

.nxtra-form-groups input {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    margin-top: 0;
    height: 24px;
}

.nxtra-form-groups,
.form-controls:focus {
    border-color: none;
    box-shadow: none;
    border-color: var(--primary-col);
}

.nxtra-form-groups label {
    margin-bottom: 0;
}

.nxtra-form-groups select {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 24px;
    margin-top: 0;
}

.form-groups.nxtra-form-groups input,
.form-groups.nxtra-form-groups label {
    display: block;
    width: 100%;
}

.form-groups.nxtra-form-groups select {
    background-color: #ffffff;
}

.nxtra-form-groups label {
    color: #9e9e9e;
    font-family: var(--primary-font);
    font-size: 12px;
    font-weight: 400;
}

.nxtra-form-sections {
    padding-top: 20px;
    padding-bottom: 20px;
}

.nxtra-form-sections select {
    background-image: url(../images/dropdownarrow.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    font-size: 14px;
    background-color: #ffffff;
    height: 28px;
}

.nxtra-form-sections .nxtra-form-group input {
    height: 28px;
    font-size: 14px;
    padding: 0;
    color: #333;
}

.newTabWidth {
    width: 140px;
}

.newTabWidth1 {
    width: 140px;
}

.tab_same {
    font-size: 12px;
    outline: none;
    box-shadow: none;
    border: 1px solid var(--primary-col);
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.tabLeft {
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
}

.tabRight {
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
}

.newTabButLeftactive,
.newTabButLeftactive:hover,
.newTabButLeftinactive:hover {
    background-color: var(--primary-col);
    color: #ffffff;
    cursor: pointer;
}

.newTabButLeftinactive {
    background-color: #eeeeee;
    color: #333333;
}

.newTabButRightactive,
.newTabButRightactive:hover,
.newTabButRightinactive:hover {
    background-color: var(--primary-col);
    color: #ffffff;
    cursor: pointer;
}

.newTabButRightinactive {
    background-color: #eeeeee;
    color: #333333;
}

.basicTabButLeftactive,
.basicTabButLeftactive:hover,
.basicTabButLeftinactive:hover {
    background-color: var(--primary-col);
    color: #ffffff;
}

.basicTabButLeftinactive {
    background-color: #eeeeee;
    color: #333333;
}

.advTabButRightactive,
.advTabButRightactive:hover,
.advTabButRightinactive:hover {
    font-size: 12px;
    color: #ffffff;
}

.advTabButRightinactive {
    background-color: #eeeeee;
    color: #333333;
}

.onboardWidth {
    width: 123px;
}


/*.cloudWidth {
	width: 
}*/

.selecttierlabel {
    height: 25px;
    margin-top: 4px;
    color: #000 !important;
}

.vpc .vm-list-menu .options li:nth-child(1) {
    width: 70% !important;
}

.vpc .vm-list-menu .options li:nth-child(2) {
    width: 30% !important;
}

.selectlabel {
    color: #333333 !important;
}

.darkfont {
    color: #333333 !important;
}

.paddingtop10 {
    padding-top: 10px;
}

.disableplan {
    color: var(--primary-col);
    font-size: 11px;
}

.aligncenter {
    text-align: center;
}

.monhourboxplace {
    width: 280px;
    margin-left: 30px;
}

.vmtax {
    font-size: 13px;
}

.boxnewright .btn {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid grey !important;
    background-color: #ffffff;
    border-radius: 0;
    text-align: left;
}

.primary-heading-vmbox {
    font-size: 20px;
    display: inline-block;
    text-align: center !important;
    direction: block;
    width: 100%;
}

.f-heading {
    color: #999999;
    font-size: 14px;
}

.s-heading {
    color: #666666;
    border-bottom: 1px solid #C8C8C8;
    padding-bottom: 20px;
}

.templates-tabs>li>a {
    border: none;
}

.templates-tabs>li>a {
    color: #000;
}

.templates-tabs>li.active {
    border-bottom: 2px solid #0000FF;
}

.templates-tabs>li>a:hover,
.templates-tabs>li>a:focus {
    background-color: #fff;
}

.templates-tabs>li.active>a,
.templates-tabs>li.active>a:hover,
.templates-tabs>li.active>a:focus {
    color: #0000FF;
    border: none;
}

.thankes-msg {
    background-color: #CCFFCC;
    text-align: center;
    margin-top: 20px;
}

.done-msg {
    background-color: #CCFFCC;
    text-align: center;
    color: #000;
    font-size: 28px;
    font-weight: 700;
}

.taking-cloud {
    color: #999999;
    font-size: 24px;
    margin-top: 40px;
    text-align: center;
    font-weight: 700;
}

.vpc-categories {
    text-align: center;
    font-size: 28px;
}

.vpc-categories .vpc-header {
    margin-bottom: 0;
    height: 68px;
    line-height: 68px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 24px;
}

.vpc-categories .vpc-header.gold {
    background-color: #ffcc66;
}

.vpc-categories .vpc-header.platinum {
    background-color: #ff9933;
}

.vpc-categories .vpc-header.diamond {
    background-color: #ea7600;
}

.vpc-categories .vpc-header label {
    font-weight: 600;
}

.vpc-categories .schema-form-section .form-group {
    margin-bottom: 0;
}

.vpc-categories .form-group {
    margin-bottom: 0;
}

.vpc-categories .help-block {
    margin: 0;
}

.note {
    font-size: 12px;
    color: #333;
    margin-top: 1em;
}

.material-form {
    margin-bottom: 20px;
}

.material-form .form-group label {
    color: #9e9e9e;
    font-size: 12px;
    font-weight: 400;
}

.material-form .form-group input {
    height: 28px;
    font-size: 14px;
    padding-left: 0;
    color: #181818;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    margin-top: 0;
    border-radius: 0;
}

.material-form .form-group input:focus {
    border-bottom: 1px solid var(--primary-col)
}

.material-form .form-group select {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    padding-left: 0;
}

.form-done-btn input[type="submit"] {
    background-color: var(--primary-col);
    font-size: 14px;
    border: 1px solid var(--primary-col);
    border-radius: 4px;
    transition: all 0.2s;
    outline: none;
    box-shadow: none;
    padding: 5px 20px;
}

.form-done-btn input[type="submit"]:hover,
.form-done-btn input[type="submit"]:active,
.form-done-btn input[type="submit"]:focus {
    background-color: #ffffff;
    color: var(--primary-col);
    outline: none;
    box-shadow: none;
    border: 1px solid var(--primary-col);
}

.generalSelection .radio input {
    display: none;
}

.generalSelection .button input {
    display: none;
}

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

.circle-tick {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 2px solid #ffffff;
    margin-right: 10px;
    border-radius: 20px;
    text-align: center;
    line-height: 28px;
}

.circle-tick span {
    font-size: 22px;
}

.code-accepted {
    background-color: #80C783;
    padding: 10px 15px;
    color: #ffffff;
    width: auto;
    margin-top: -20px;
    line-height: 24px;
    display: inline-block;
    cursor: pointer;
}

.col-sm-12+.form-group {
    margin-bottom: 0
}

.payment-input .payment-btn .apply-btn button.proceed-to-pay {
    width: auto;
    padding: 10px 40px;
}

.payment-input.full-width .payment-btn .apply-btn {
    padding-top: 30px;
    margin-top: 30px;
    text-align: center;
    /*   border-top: 1px solid #eee*/
}

.payment-input.full-width {
    max-width: 100%;
    margin-top: 20px
}

.select-cloud-os {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
}

.select-cloud-os label {
    margin-bottom: 0;
    cursor: pointer;
}

.select-cloud-os label p:first-child {
    color: #181818;
}

.select-cloud-os .cloud-os-ico {
    font-size: 28px;
    color: #616161;
}

.select-cloud-os input[type="radio"]:checked+label .cloud-os-ico,
.select-cloud-os input[type="radio"]+label:hover .cloud-os-ico {
    color: #fff;
}

.form-container {
    background-color: #ffffff;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33)
}

.selected-compute {
    display: none
}

.selected-compute+label {
    width: 100%
}

.custome-range {
    margin-bottom: 20px
}

.custome-range h4 {
    font-size: 24px;
    color: #181818
}

.nav,
.pagination,
.carousel,
.panel-title a {
    cursor: pointer
}

.generalSelection .radio label {
    display: block;
    text-align: center;
    border: 1px solid #eee;
    line-height: 66px;
    border-radius: 2px;
    padding-left: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.generalSelection .button label {
    display: block;
    text-align: center;
    border: 1px solid #eee;
    line-height: 66px;
    border-radius: 2px;
    padding-left: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15)
}

.generalSelection.zone.selected label {
    background-color: var(--primary-col)
}

.green-area,
.red-area {
    background-color: #81C683;
    min-height: 80px;
    text-align: center;
    padding: 0 15px;
}

.red-area {
    background-color: #ffffff;
    border-bottom: 2px solid var(--primary-col);
}

.green-area .tick-within-circle,
.red-area .tick-within-circle {
    margin-top: 20px;
    border: 5px solid #ffffff;
    height: 65px;
    width: 65px;
    line-height: 45px;
    border-radius: 50%;
    font-size: 54px;
    color: #ffffff;
    text-align: center;
    display: inline-block
}

.red-area .tick-within-circle {
    border: 2px solid var(--primary-col);
}

.green-area .main-hed-forms,
.red-area .main-hed-forms {
    padding-bottom: 30px;
    padding-top: 0;
    color: #ffffff;
    font-size: 21px;
}

.red-area .main-hed-forms {
    color: var(--primary-col);
}

.green-area .main-hed-forms p {
    margin-bottom: 0;
}

.red-area .main-hed-forms p {
    color: #333;
}

.green-area.red-area .tick-within-circle span {
    color: var(--primary-col);
    line-height: 75px;
}

.green-area .main-hed-forms.large {
    font-size: 40px;
    font-weight: 700;
    padding-top: 10px;
    margin-bottom: 0;
    padding-bottom: 0
}

.mobile-verification.nopad {
    padding: 0;
}

.green-area+.user-registns button {
    width: auto;
}

.green-area+.user-registns {
    text-align: center;
    margin-top: 30px;
}

.cloud-above-txt {
    font-size: 32px;
    color: #181818;
    padding: 0 15px
}

.green-cloud {
    display: block
}

.green-cloud i {
    font-size: 150px;
}

.green-cloud i:first-child {
    position: absolute;
    color: #4CB050;
    z-index: 10;
    width: auto;
    overflow: hidden;
}

.green-cloud.error i:first-child {
    color: #ddd;
}

.green-cloud i:last-child {
    color: #f5f5f5;
    z-index: 5
}

.payment-input {
    max-width: 600px
}

.payment-input .payment-field {
    width: 100%;
    margin-right: 20px;
    float: left;
}

.payment-input .payment-btn {
    float: left;
}

.payment-input .payment-btn .form-group {
    margin-bottom: 0;
}

.payment-input .payment-btn .apply-btn button {
    width: 100%;
    border: 1px solid var(--primary-col);
    background-color: var(--primary-col);
    transition: all 0.2s;
    border-radius: 4px;
}

.apply-btn input[type="submit"],
.form-done-btn button {
    border: 1px solid var(--primary-col);
    background-color: var(--primary-col);
    transition: all 0.2s;
    border-radius: 4px;
    color: #fff;
}

.apply-btn input[type="submit"]:active,
.apply-btn input[type="submit"]:hover,
.apply-btn input[type="submit"]:focus,
.form-done-btn button:active,
.form-done-btn button:hover,
.form-done-btn button:focus {
    background-color: #ffffff;
    color: var(--primary-col);
    outline: none;
    box-shadow: none
}

.payment-input .payment-btn .apply-btn button:active,
.payment-input .payment-btn .apply-btn button:hover,
.payment-input .payment-btn .apply-btn button:focus {
    background-color: #ffffff;
    color: var(--primary-col);
    outline: none;
    box-shadow: none;
}

input[type=range] {
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%
}

input[type=range]:focus {
    outline: none
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
    background: var(--primary-col);
    border-radius: 25px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border: 0 solid #000101;
}

input[type=range]::-webkit-slider-thumb {
    box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
    border: 0 solid #000000;
    height: 22px;
    width: 22px;
    border-radius: 15px;
    background: var(--primary-col);
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -9px;
    border: 2px solid #ffffff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: var(--primary-col)
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
    background: var(--primary-col);
    border-radius: 25px;
    border: 0 solid #000101
}

input[type=range]::-moz-range-thumb {
    box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
    border: 0 solid #000000;
    height: 22px;
    width: 22px;
    border-radius: 15px;
    background: var(--primary-col);
    cursor: pointer;
    border: 2px solid #ffffff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25)
}

input[type=range]::-ms-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    border-width: 39px 0;
    color: transparent
}

input[type=range]::-ms-fill-lower {
    background: var(--primary-col);
    border: 0 solid #000101;
    border-radius: 50px;
    box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
}

input[type=range]::-ms-fill-upper {
    background: var(--primary-col);
    border: 0 solid #000101;
    border-radius: 50px;
    box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
}

input[type=range]::-ms-thumb {
    box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
    border: 0 solid #000000;
    height: 22px;
    width: 22px;
    border-radius: 15px;
    background: var(--primary-col);
    cursor: pointer;
    margin-top: -3px;
    border: 2px solid #ffffff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

input[type=range]:focus::-ms-fill-lower {
    background: var(--primary-col)
}

input[type=range]:focus::-ms-fill-upper {
    background: var(--primary-col)
}

.schema-form-select select {
    /*    -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;*/
}

.tAndCPopup {}

.tAndCPopup .modal-content {
    border-radius: 2px;
}

.tAndCPopup a {
    color: var(--primary-col);
}

.tAndCPopup .primary-heading {
    margin-bottom: 20px;
}

.tAndCContainer {
    height: 300px;
    overflow: hidden;
    overflow-y: scroll;
    text-align: left;
    margin-top: 10px;
}

.tAndCContainer ul>li {
    padding: 5px 0;
}

.tAndCContainer ul>li ul {
    padding: 5px 15px;
}

.tAndCContainer ul>li ul li {
    font-size: 12px;
    list-style-type: none;
}

.virtual-form .labels-select label p:last-child {
    min-height: 90px;
}

.step.disabledStep {
    pointer-events: none;
}

.account-signin.margin-top-20 {
    text-align: center;
    font-size: 12px;
}

.account-signin.margin-top-20 a,
a#tnc1 {
    color: var(--primary-col);
    font-size: 12px;
}

.field-policy {
    margin-top: -15px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #9e9e9e;
}

.schema-form-radios.generalSelection-enabled .radio label {
    transition: all 0.2s;
}

.schema-form-radios.generalSelection-enabled .button label {
    transition: all 0.2s;
}

.schema-form-radios.generalSelection-enabled .radio label:hover {
    background-color: var(--primary-col);
    color: #ffffff;
}

.schema-form-radios.generalSelection-enabled .button label:hover {
    background-color: var(--primary-col);
    color: #ffffff;
}

.generalSelection-disabled :hover {
    cursor: not-allowed;
}

.dashboard-try-agian-btn {
    text-align: center;
    margin-top: 20px;
}

.dashboard-try-agian-btn button {
    min-width: 160px;
    margin-top: 20px;
    padding: 12px !important;
}

.dashboard-try-agian-btn button:first-child {
    margin-right: 20px;
}

#filenav {
    position: relative;
    top: 50%;
    margin-top: -15px;
    background: #f0f0f0;
    padding: 5px;
}

.bspopup {
    /*width:400px !important;*/
    max-width: 500px !important;
    padding: 5px 20px 5px 20px;
    color: #000000;
    background: #ddd;
    font-size: 12px;
    text-align: left;
    display: none;
    position: relative;
    border-radius: 3px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    text-decoration: none;
    line-height: 15px;
    float: right;
    margin-left: 20px;
}

.btnfile {
    text-decoration: none !important;
}

.bspopup1 {
    /*width:400px !important;*/
    max-width: 400px !important;
    padding: 5px 20px 5px 20px;
    color: #000000;
    background: #ddd;
    font-size: 12px;
    text-align: left;
    display: none;
    position: relative;
    border-radius: 3px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    text-decoration: none;
    line-height: 15px;
    float: right;
    margin-left: 20px;
}

.bsfaq {
    font-family: var(--primary-font);
    padding: 5px 20px;
    color: #777;
    font-size: 15px;
    background-color: #eee;
    color: #444;
    cursor: pointer;
    width: 100%;
    transition: 0.4s;
}

.bsfaq:hover {
    font-size: 15px;
    background-color: #B2AEAE;
}

.vmsg {
    color: red;
}

.cloudselect-box li {
    list-style: none;
}

.cstmmodal-body label {
    border: 0 !important;
    border-radius: 0 important;
}

.schema-form-section-new label {
    border-top: 5px solid #f89b1e !important
}

.schema-form-section-new label:hover {
    border-top: 5px solid var(--primary-col) !important
}

.coupontopspace {
    margin-top: 15px;
    margin-left: 15px;
}

.billheadright {
    width: 70%;
    padding-left: 30px;
    line-height: normal;
}

.billheadrighttaxamount {
    width: 30%;
    text-align: right;
    line-height: normal;
}

.reset-input textarea {
    height: 30px !important;
    border: 0;
    max-width: 100%;
    min-width: 100%;
    box-shadow: none;
    font-size: 14px;
    padding-left: 0;
    color: #333;
    transitions: all 0.3s;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
}

.reset-input textarea:focus {
    border-color: var(--primary-col)
}


/* Overriding the defaults for bootstrap */

.nxtra-form-group input {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    margin-top: 0;
    height: 24px;
}

.nxtra-form-group,
.form-control:focus {
    border-color: none;
    box-shadow: none;
    border-color: var(--primary-col);
}

.nxtra-form-group label {
    margin-bottom: 0;
}

.nxtra-form-group select {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 24px;
    margin-top: 0;
}

.form-group.nxtra-form-group input,
.form-group.nxtra-form-group label {
    display: block;
    width: 100%;
}

.form-group.nxtra-form-group select {
    background-color: #ffffff;
}

.open>.dropdown-toggle.btn-primary:hover,
.open>.dropdown-toggle.btn-primary:focus {
    background-color: transparent;
    border-color: #9e9e9e;
}

.onoffswitch {
    position: relative;
    width: 120px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: white;
    font-family: var(--primary-font);
    font-weight: bold;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "Monthly";
    padding-left: 10px;
    background-color: #34A7C1;
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "Hourly";
    padding-right: 10px;
    background-color: #EEEEEE;
    color: #999999;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
    width: 18px;
    margin: 6px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 56px;
    border: 2px solid #999999;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0;
}

.cstmmodal-body label {
    border: 0 !important;
    border-radius: 0 important;
}

.schema-form-section-new label {
    border-top: 5px solid #f89b1e !important
}

.schema-form-section-new label:hover {
    border-top: 5px solid var(--primary-col) !important
}

.newnetowrkspacingtop {
    padding-top: 20px
}

.spacing-os-icon {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.spacing-os {
    margin-right: 10px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    border-top: 5px solid #f89b1e;
    padding: 10px 20px;
}

.spacing-os:hover {
    margin-right: 10px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    border-top: 5px solid var(--primary-col);
    padding: 10px 20px;
}

.feature-24 {
    /*border-bottom: 1px solid #eee;*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    background-color: var(--secondary-col);
    color: #181818;
    padding: 10px;
    transition: all 0.2s
}

.feature-24 sup {
    font-weight: 300
}

.feature-24 span {
    font-size: 12px;
    font-weight: 300
}

.feature-24.cut-price span {
    display: block;
    line-height: 24px;
    font-size: 12px;
    font-weight: 400;
    color: #181818
}

.feature-24.cut-price span span {
    display: inline-block;
    font-weight: 300;
    font-size: 12px
}

.feature-24 del {
    color: #9e9e9e;
    font-weight: 400;
    padding-right: 2px;
    font-size: 12px;
    line-height: 10px;
    display: block;
    padding-top: 3px
}

.feature-section-new {
    border: 1px solid #eee;
    border-radius: 5px;
    /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);*/
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    width: 160px;
}

.computer-feature-new {
    font-size: 12px;
    font-weight: 400;
    padding: 10px;
}

.plans .computer-feature-new {
    font-size: 12px;
    font-weight: 400;
    padding: 10px;
    cursor: pointer;
    transition: all 0.2s;
    /*background-color: #ffcc33;*/
}

.plans .computer-feature-new:hover {
    background-color: var(--primary-col);
}

.new-active-column .plans .computer-feature-new {
    background-color: var(--red-col);
    color: var(--white-col);
}

.computer-feature-new div {
    line-height: 16px
}

.computer-feature-new span {
    font-size: 12px;
    font-weight: 400;
    color: #787676;
}

.new-active-column .plans .computer-feature-new .data_transfer {
    color: var(--white-col);
}

.generalSelection-new .radio label {
    display: block;
    text-align: center;
    border: 1px solid #eee;
    line-height: 20px;
    border-radius: 5px;
    padding-left: 0;
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 5px;
    /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);*/
    min-height: 35px;
}

.generalSelection-new input[type="checkbox"],
input[type="radio"] {
    visibility: hidden
}

.generalSelection-new .button label {
    display: block;
    text-align: center;
    border: 1px solid #eee;
    line-height: 24px;
    border-radius: 2px;
    padding-left: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15)
}

.computer-feature-price-new {
    font-size: 12px;
    font-weight: bold;
    color: #181818;
    padding: 10px;
    border-top: 1px solid #eee;
    line-height: 23px;
}

.computer-feature-price-new span {
    font-size: 12px;
    font-weight: 400;
    color: #181818;
    line-height: 24px;
}

.generalSelection-new.zone.selected label {
    background-color: var(--primary-col)
}

.schema-form-radios.generalSelection-new-enabled .radio label {
    transition: all 0.2s;
}

.schema-form-radios.generalSelection-new-enabled .button label {
    transition: all 0.2s;
}

.schema-form-radios.generalSelection-new-enabled .radio label:hover {
    background-color: var(--primary-col);
    color: #ffffff;
}

.schema-form-radios.generalSelection-new-enabled .button label:hover {
    background-color: var(--primary-col);
    color: #ffffff;
}

.generalSelection-new-disabled :hover {
    cursor: not-allowed;
}

.main-hed-forms-new {
    font-size: 2rem;
    padding-bottom: 20px;
    font-weight: 400;
    padding-top: 20px
}

.os_select {
    height: 74px;
    padding: 13px;
    /*background-color: var(--white-col);*/
}

.new-active-column .os_select {
    background-color: var(--primary-col);
}

.new-active-column .os_text {
    color: var(--white-col);
}


/* Dropdown Button */

.dropbtn {
    background-color: #ffffff;
    color: #000;
    /*padding: 6px;*/
    border: none;
    cursor: pointer;
    border: 1px solid #eee;
    border-radius: 5px;
}


/* The container <div> - needed to position the dropdown content */

.dropdown {
    position: relative;
    display: inline-block;
}


/* Dropdown Content (Hidden by Default) */

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    /*min-width: 160px;*/
    font-size: 12px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1030;
    margin-top: 30px;
    margin-left: 0;
}


/* Links inside the dropdown */

.dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;
    padding: 10px 15px;
}


/* Change color of dropdown links on hover */

.dropdown-content a:hover {
    background-color: #f1f1f1;
    text-decoration: none;
}


/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {
    display: block;
}


/* Change the background color of the dropdown button when the dropdown content is shown */

.dropdown:hover .dropbtn {
    background-color: #eeeeee;
}

.vpc-categories-new {
    text-align: center;
    font-size: 13px;
    border: 1px solid #eee;
    border-radius: 5px;
    /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);*/
}

.vpc-categories-new .vpc-header {
    margin-bottom: 0;
    min-height: 24px;
    line-height: 30px;
    color: var(--black-col);
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 6px;
}

.new-active-column .vpc-categories-new .vpc-header {
    background-color: var(--primary-col);
}

.new-active-column .plan-offers-new .selected-plan+label {
    background-color: #f0f0f0;
}

.vpc-categories-new .vpc-header.gold {
    background-color: #ffcc66
}

.vpc-categories-new .vpc-header.platinum {
    background-color: #ff9933
}

.vpc-categories-new .vpc-header.diamond {
    background-color: #ea7600
}

.vpc-categories-new .vpc-header label {
    font-weight: 600
}

.vpc-categories-new .schema-form-section .form-group {
    margin-bottom: 0
}

.vpc-categories-new .form-group {
    margin-bottom: 0
}

.vpc-categories-new .help-block {
    margin: 0
}

.plan-offers-new {
    text-align: center;
    position: relative;
    cursor: pointer;
    transition: all 0.2s;
    border-top: 1px solid #eee;
}

.plan-offers-new label {
    /*width: 100%;*/
    margin-bottom: 0;
    /*background-color: #ffffe7;*/
}


/*.selected-plan:checked+label, .plan-offers-new:hover .selected-plan+label {
background-color: var(--primary-col)
}*/


/*.plan-offers-new .selected-plan+label {
cursor: pointer;
transition: all 0.2s;	
background-color: #ffcc33;
}*/

.newcolumn20 {
    width: 160px;
    float: left;
    margin-right: 10px;
    margin-left: 10px
}

.newcolumn200 {
    width: 180px;
    margin-right: 0;
    margin-left: 0;
}

.new-active-column .generalSelection-new-enabled {
    background-color: var(--red-col);
    color: var(--white-col);
    border-radius: 5px;
}

.new-active-column .generalSelection-new-enabled label {
    border: 1px solid var(--primary-col);
}

.new-active-column .spacing-os-icon {
    background-color: #f0f0f0;
    color: #0F0F0F;
}

.new-active-column .feature-section-new {
    background-color: #f0f0f0;
    border: 1px solid var(--primary-col);
}

.new-active-column .feature-section-new span {
    color: #000;
}

.new-active-column .feature-24 {
    background-color: var(--primary-col);
    color: #ffffff;
}

.feature-24:hover {
    background-color: var(--tertiary-col);
    color: #ffffff;
}

.new-active-column .dropbtn {
    border: 1px solid var(--primary-col);
}

.new-payment-input-field {
    width: 100px;
    float: left;
    margin-left: 10px;
    margin-top: 0;
}

.promo-code {
    width: 145px;
    float: left;
}

.apply-coupon {
    /*width:115px;*/
    background-color: #ffcc33;
    font-size: 12px;
    opacity: 0.75;
    padding: 7px 12px;
}

.applybuttonnew {
    padding-top: 10px;
    text-align: center;
    clear: both;
}

.selectversion {
    width: 100%;
    text-align: center;
    border-top: 1px solid #eee;
    font-size: 12px;
    padding: 10px;
}

.selectversion select {
    width: 165px;
}

.new-active-column .vpc-categories-new {
    background-color: #f0f0f0;
    color: #0A0A0A;
    border: 1px solid var(--primary-col)
}

.networkpaymentcontainer {
    width: 23%;
    position: fixed;
    right: 0;
    margin: 0 auto;
    margin-right: 20px;
    /*text-align:center;*/
}

.networkpaymentcontainer.sticky {
    position: fixed;
    top: 72px;
}

.full-width {
    width: 100%;
}

.networkpaymentcontainerinner {
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 2px;
    background-color: #f3f3f3;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    /*text-align: center;*/
    margin-top: 10px;
    margin-bottom: 10px;
    /*height:415px;*/
    font-size: 12px;
}

.networkpaymentcontainerinner hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.networkpaymentcontainerinner .total-billable .billable-item {
    line-height: 30px;
    clear: both;
}

.onboard-cart {
    font-size: 2rem;
    font-weight: 400;
}

.new-billheadright {
    width: 70%;
    padding-left: 0px;
    line-height: normal;
    text-align: left
}

.tooltips {
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
}

.tooltips .tooltiptext {
    visibility: hidden;
    width: 300px;
    text-align: left;
    left: 10px;
    top: 20px;
    background-color: rgba(56, 56, 56, .9);
    color: #ffffff;
    padding: 5px;
    border: 1px solid #eee;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltips:hover .tooltiptext {
    visibility: visible;
}

.pd4 {
    padding: 4px 0;
}

.dashboard_loader {
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    /* border: 1px solid #ffffff; */
    opacity: 1;
    z-index: 9999;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    left: 0%;
    top: 0%;
    border-radius: 3px;
    padding: 20% 10px 5px 20px;
    font-size: 14px;
    color: #ffffff;
    -webkit-box-shadow: 0 0 5px 0 #969696;
    -moz-box-shadow: 0 0 5px 0 #969696;
    box-shadow: 0 0 15px 0 #969696;
}

.dashboard_loader1 {
    position: absolute;
    /* background: rgba(0, 0, 0, 0.6); */
    /* border: 1px solid #ffffff; */
    opacity: 1;
    z-index: 9999;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    left: 0%;
    top: 0%;
    border-radius: 3px;
    padding: 20% 10px 5px 20px;
    font-size: 14px;
    color: #ffffff;
    -webkit-box-shadow: 0 0 5px 0 #969696;
    -moz-box-shadow: 0 0 5px 0 #969696;
    box-shadow: 0 0 15px 0 #969696;
}

.dashboard_loader:after,
.dashboard_loader:before {
    right: 100%;
    top: 16%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.dashboard_loading_btns {
    margin: 10px;
    text-align: right;
}

.resendverificationtitlespaceheading {
    padding-bottom: 10px
}

.onbordingoption {
    height: 100px;
    width: 200px;
    background-color: #f5f5f5;
    color: #000;
}

.onbordingoption a:hover {
    background-color: var(--primary-col) !important;
    color: #f5f5f5;
}

.rzslider .rz-bar.rz-selection {
    background: var(--primary-col) !important;
}

.space35 {
    margin-top: 30px
}

.spacetop10 {
    margin-top: 10px
}

.m-t-15 {
    padding-left: 0;
}

.m-t-15 div.form-group .form-control {
    border-radius: 0;
    width: 251px;
    color: #000;
}

.otp-btn button {
    width: 251px;
    height: 38px;
    border-radius: 0;
    background-color: #0099FF;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}

.otp-password,
.otp-password p {
    padding-left: 0;
}

.otp-password p {
    font-size: 16px;
}

.otp-password a {
    color: #0000FF;
    font-size: 18px;
}

.mobile-verification {
    padding-left: 15px;
}

.mobile-verification.configuration,
.mobile-verification.service-activated,
.mobile-verification.ticket {
    margin-top: 0;
}

.mobile-verification.configuration .main-hed-forms {
    margin-top: 20px;
}

.mobile-verification.configuration .blank-page-container {
    max-width: inherit;
}


/* Service activated */

.mobile-verification.service-activated .blank-page-container {
    max-width: inherit;
}

.mobile-verification.service-activated .main-hed-forms {
    text-align: left;
    padding-left: 20px;
}

.dashboard-container {
    width: 100%;
    float: left;
    background-color: #eee;
    margin-bottom: 25px;
    /*margin-top: -20px;*/
}

.dashboard_usagec,
.dashboard_fixedc,
.dashboard_subs {
    width: 32%;
    background-color: #ffffff;
    box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    float: left;
    margin: 0 4px;
    padding: 10px;
}

.dashboard_subs {
    border-left: 4px solid #f3d54e;
    margin-left: 0;
}

.dashboard_fixedc {
    border-left: 4px solid #f277c6;
}

.dashboard_usagec {
    border-left: 4px solid #00a3e0;
    margin-right: 0;
}

.dashboard_alert {
    background-color: #ffffff;
    box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    float: left;
    width: 100%;
    border-left: 4px solid #e4002b;
    height: 85px;
}

.alert-text span {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 42px;
    float: left;
}

.alert-text {
    width: calc(100% - 85px);
    max-width: 100%;
    float: left;
    padding: 10px;
    font-size: 14px;
    color: #333333;
}

.alert-text a {
    display: block;
    text-decoration: none;
}

.notify-count {
    background-color: var(--primary-col);
    font-size: 13px;
    position: absolute;
    font-weight: 400;
    padding: 1px 4px;
    border-radius: 3px;
    color: #ffffff;
    line-height: 14px;
    height: 16px;
    top: 25px;
    right: 27px;
}

.dashboard_info i {
    font-size: 22px;
    color: #616161;
}

.alert-bell i {
    color: #616161;
}

.dashboard_tabshead {
    font-size: 12px;
    color: #333333;
    line-height: 24px;
}

.dashboard_info {
    width: 100%;
    float: left;
    margin-top: 8px;
    font-size: 24px;
    font-weight: 700;
    color: #333333;
    padding-bottom: 0;
}

span.subset_font {
    font-size: 16px;
    color: #333333;
    font-weight: 400;
}

span.light_font {
    color: #9e9e9e;
}

.dashboard_info sup {
    font-weight: 400;
}

.dashboard-mainheading {
    font-size: 20px;
    color: #333333;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 11px;
    float: left;
}

.dashboard-mainheading1 {
    font-size: 20px;
    color: #333333;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
}

.recent-activity-section {
    background-color: #ffffff;
    padding: 10px;
    height: 557px !important;
    padding-bottom: 20px;
    width: 100% !important;
    float: left;
}

.recent-activity-section ul {
    list-style-type: none;
    width: 100%;
    float: left;
}

li.rcnt-activity_list {
    border-bottom: 1px solid #eee;
    padding: 12px 0;
}

.ractivity_user {
    font-size: 12px;
    color: #9e9e9e;
}

.ractivity_user span {
    color: #333333;
}

.ractivity_plan {
    font-size: 14px;
    color: #333333;
    font-weight: 700;
}

.ractivity_plan span {
    font-weight: 400;
}

.dashboard_content_new {
    float: left;
    width: 32%;
    margin: 15px 10px 0;
    /* min-height: 295px; */
    background-color: #ffffff;
    box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    padding: 10px;
}

.mh187 {
    min-height: 187px;
}

.mh313 {
    min-height: 313px;
}

span.buy_more_link i {
    color: #616161;
    padding-right: 5px;
}

span.buy_more_link {
    float: right;
    font-size: 12px;
    color: var(--primary-col);
}

.vms_content {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.vms_stopped {
    display: inline-block;
    background-color: #CCE5FF;
    padding: 20px;
    font-size: 12px;
    color: #636363;
    margin: 0 2%;
    width: 45%;
}

.vms_stopped_new {
    display: inline-block;
    padding: 5px;
    font-size: 12px;
    text-align: center;
    color: #333333;
    margin: 0;
    width: 50%;
}

.vms_stopped span {
    font-size: 28px;
    display: block;
    font-weight: 700;
    color: var(--primary-col);
}

.vms_starting {
    display: inline-block;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    color: #333333;
    margin: 0;
    width: 50%;
}

.vms_starting span {
    font-size: 28px;
    display: block;
    font-weight: 700;
    text-align: center;
    color: var(--primary-col);
}

.vms_stopping {
    display: inline-block;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    color: #333333;
    margin: 0 2%;
    width: 45%;
}

.vms_stopping span {
    font-size: 28px;
    display: block;
    font-weight: 700;
    text-align: center;
    color: var(--primary-col);
}

.vms_error {
    display: inline-block;
    background-color: #ffff99;
    padding: 10px;
    font-size: 14px;
    color: #ff3333;
    margin: 0 2%;
    width: 45%;
}

.vms_error span {
    font-size: 32px;
    display: block;
    font-weight: 700;
    text-align: center;
    color: #ff3333;
}

.vms_running_new {
    display: inline-block;
    padding: 10px;
    font-size: 12px;
    color: #333333;
    margin: 0;
    width: 50%;
}

.vms_running {
    display: inline-block;
    padding: 20px;
    font-size: 12px;
    color: #333333;
    margin: 0;
    width: 45%;
    background-color: #effcf0;
}

.vms_content a:hover {
    underline: none
}

.sepertatorlineright {
    border-right: 1px solid #ccc;
}

.dashboardsmallbox {
    background-color: #e1e6e2;
    border-radius: 2px;
    padding: 5px
}

.vms_running span {
    font-size: 28px;
    text-align: center;
    display: block;
    font-weight: 700;
    color: #4caf50;
}

.transfer-range_section {
    margin: 25px 8px;
}

.transfer-range {
    font-size: 14px;
    color: #333333;
    margin-bottom: 10px;
}

.transfer-range span {
    font-weight: 700;
}

.volumes_content {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.volumes_full {
    display: inline-block;
    background-color: #CCE5FF;
    padding: 20px;
    font-size: 12px;
    color: #333333;
    margin: 0 2%;
    width: 45%;
}

.volumes_full span {
    font-size: 32px;
    display: block;
    font-weight: 700;
    color: var(--primary-col);
}

.volumes_attached {
    display: inline-block;
    background-color: #effcf0;
    padding: 20px;
    font-size: 12px;
    color: #333333;
    margin: 0 2%;
    width: 45%;
}

.volumes_attached span {
    font-size: 32px;
    display: block;
    font-weight: 700;
    color: #4caf50;
}

.volumes_allocated {
    display: inline-block;
    background-color: #effcf0;
    padding: 20px;
    font-size: 12px;
    color: #333333;
    margin: 0 2%;
    width: 45%;
}

.volumes_allocated span {
    font-size: 32px;
    display: block;
    font-weight: 700;
    color: #4caf50;
}

.volumes_mounted {
    display: inline-block;
    background-color: #effcf0;
    padding: 20px;
    font-size: 12px;
    color: #333333;
    margin: 0 2%;
    width: 45%;
}

.volumes_mounted span {
    font-size: 32px;
    display: block;
    font-weight: 700;
    color: #4caf50;
}

.volumes_ready {
    display: inline-block;
    background-color: #effcf0;
    padding: 20px;
    font-size: 12px;
    color: #333333;
    margin: 0 2%;
    width: 45%;
}

.volumes_ready span {
    font-size: 32px;
    display: block;
    font-weight: 700;
    color: #4caf50;
}

.volumes_unmounted {
    display: inline-block;
    background-color: #effcf0;
    padding: 20px;
    font-size: 12px;
    color: #333333;
    margin: 0 2%;
    width: 45%;
}

.volumes_unmounted span {
    font-size: 32px;
    display: block;
    font-weight: 700;
    color: #4caf50;
}

.volumes_info {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 12px;
    color: #333333;
    font-weight: 400;
    margin: 15px 8px;
}

.volumes_info span {
    font-size: 36px;
    font-weight: 700;
    display: block;
}

.storage_images {
    padding: 10px 0;
    width: 100%;
    margin-bottom: 10px;
    display: block;
    float: left;
}

.temp_section {
    font-size: 12px;
    color: #616161;
    display: inline-block;
    line-height: 16px;
    margin-left: 15px;
}

.temp_section span {
    width: 13px;
    height: 13px;
    background-color: #673ab7;
    border-radius: 2px;
    float: left;
    margin-right: 6px;
}

.snaps_section {
    font-size: 12px;
    color: #616161;
    display: inline-block;
    line-height: 16px;
    margin-left: 15px;
}

.snaps_section span {
    width: 13px;
    height: 13px;
    background-color: #00a3e0;
    border-radius: 2px;
    float: left;
    margin-right: 6px;
}

.dashboard_icons {
    padding: 11px;
    margin-bottom: 20px;
    float: left;
}

.dashboard_icons>div {
    text-align: center;
}

.dashboard_icons span {
    font-size: 12px;
    color: var(--primary-col);
    display: block;
    padding: 9px 0;
    text-align: center;
    font-weight: 400;
}

.dashboard_icons i {
    font-size: 36px;
    color: #616161;
}

.storeimg1 {
    float: left;
}

.storeimg2 {
    float: right;
}

.dashboard_overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1031;
    position: fixed;
}

.dashboard_overlay1 {
    z-index: 1031;
}

.dashboard_tooltip {
    position: absolute;
    background: #ffffff;
    border: 1px solid #ffffff;
    z-index: 999;
    width: 240px;
    transition: all 0.3s;
    left: 185px;
    top: 73px;
    border-radius: 3px;
    padding: 15px 10px 5px 20px;
    font-size: 14px;
    color: #333;
    -webkit-box-shadow: 0 0 5px 0 #969696;
    -moz-box-shadow: 0 0 5px 0 #969696;
    box-shadow: 0 0 5px 0 #969696;
}

.dashboard_tooltip:after,
.dashboard_tooltip:before {
    right: 100%;
    top: 16%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.dashboard_tooltip:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 10px;
    margin-top: -10px;
}

.dashboard_tooltip:before {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 10px;
    margin-top: -10px;
}

.dashboard_btns {
    margin: 10px;
    text-align: right;
}

.dashboard_loader {
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid #ffffff;
    opacity: 1;
    z-index: 9999;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    left: 0%;
    top: 0%;
    border-radius: 3px;
    padding: 20% 10px 5px 20px;
    font-size: 14px;
    color: #ffffff;
    -webkit-box-shadow: 0 0 5px 0 #969696;
    -moz-box-shadow: 0 0 5px 0 #969696;
    box-shadow: 0 0 15px 0 #969696;
}

.dashboard_loader1 {
    z-index: 9999;
}

.dashboard_loader:after,
.dashboard_loader:before {
    /* right: 100%;
    top: 16%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; */
}


/*.dashboard_loader:after {
 border-color: rgba(255, 255, 255, 0);
 border-right-color: #ffffff;
 border-width: 10px;
 margin-top: -10px; }*/


/*.dashboard_loader:before {
 border-color: rgba(255, 255, 255, 0);
 border-right-color: #ffffff;
 border-width: 10px;
 margin-top: -10px; }*/

.dashboard_loading_btns {
    margin: 10px;
    text-align: right;
}

.next-btn i {
    font-size: 16px;
}

.cancel-btn {
    color: var(--primary-col);
    text-decoration: none;
}

.cancel-btn:hover {
    color: var(--primary-col);
    text-decoration: none;
}

.cancel-btn i {
    color: #616161;
}

.next-btn {
    background: var(--primary-col);
    padding: 3px 9px 3px 2px;
    color: #ffffff;
    border-radius: 4px;
    border: 1px solid var(--primary-col);
    text-decoration: none;
    margin-right: 18px;
    transition: all 0.2s;
}

.next-btn:hover,
.next-btn:focus {
    background: #ffffff;
    color: var(--primary-col);
    text-decoration: none;
}


/* Start Notify Dropdown */

ul.notify-drops:after {
    position: absolute;
    top: -7px;
    right: 10px;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ffffff;
    border-left: 7px solid transparent;
    content: '';
    border-bottom-color: #f7f8fa;
}

ul.notify-drops:before {
    position: absolute;
    top: -8px;
    right: 9px;
    display: inline-block !important;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #efefef;
    border-left: 8px solid transparent;
    content: '';
}

ul.notify-drops {
    right: 0;
    top: 15px;
    left: inherit;
    width: 400px;
    padding: 0;
    margin-top: 20px;
    background-color: #ffffff;
    border: 1px solid #eee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 3px 0;
}

ul.notify-drops li.external {
    background: #f7f8fa;
    display: block;
    overflow: hidden;
    padding: 15px 15px;
    letter-spacing: 0.5px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

ul.notify-drops li.external h3 {
    margin: 0;
    padding: 0;
    float: left;
    font-size: 13px;
    display: inline-block;
    color: #6f949c;
}

ul.notify-drops li.external a {
    color: #5b9bd1;
    display: inline-block;
    padding: 0;
    background: none;
    clear: inherit;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    right: 10px;
    border: 0;
    margin-top: -2px;
}

ul#notification-list {
    padding-right: 0 !important;
    padding-left: 0;
    list-style: none;
}

ul#notification-list li a {
    font-family: var(--primary-font);
    border-bottom: 1px solid #EFF2F6 !important;
    color: #222;
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 20px;
    white-space: normal;
    font-size: 11px;
    padding: 14px 15px 16px;
    text-shadow: none;
    text-decoration: none;
}

ul#notification-list li a span.time {
    float: right;
    max-width: 145px;
    font-size: 11px;
    font-weight: 400;
    opacity: 0.7;
    filter: alpha(opacity=70);
    text-align: right;
    padding: 1px 5px;
    background: #f1f1f1;
}

ul#notification-list .mdi-alert-circle {
    color: var(--primary-col) !important;
}

ul#notification-list .mdi-alert-outline {
    color: #ffb400 !important;
}

ul#notification-list .mdi-information-outline {
    color: #1801a8 !important;
}

ul#notification-list .mdi-checkbox-marked-circle {
    color: #18a801 !important;
}

.badge {
    background-color: var(--primary-col) !important;
    margin-left: -18px;
    color: #ffffff;
}

.pagination {
    /*margin: 0;*/
    margin-top: 10px;
}

.setmargin {
    margin-top: 20px;
}


/* End Notify Dropdown */


/* End of Dashboard Page */


/* Media Queries */

.vpc-container {
    background: #ffffff;
    padding-bottom: 2em;
}

.vpc-wrap {
    /*width: 80%;*/
    margin: 0 24px;
    /*background-image: url("../images/vpcbg.png");*/
    background-repeat: no-repeat;
    background-position: 0 150px;
    padding-top: 50px;
    padding: 0 0;
    position: relative;
    display: grid;
}

.dashboard_topsection .slimScrollDiv {
    overflow: visible !important;
}

.add_vpn {
    background-color: var(--primary-col);
    color: #fff;
    border: 1px solid var(--primary-col);
    transition: all 0.2s;
    margin-right: 4em;
    /*margin-top: 1em;*/
}

.add_vpn:hover {
    background-color: #fff;
    color: var(--primary-col);
    border: 1px solid var(--primary-col);
}

.add-net {
    padding: 0;
    padding: 34px 49px;
    padding-bottom: 25px;
}

.add-net-vpc {
    padding: 0 0;
    padding-bottom: 12px;
    background-color: #eee;
}


/*.add-net a {
color: var(--primary-col);
	font-size: 12px;
}*/

.add-net a i {
    /*color: #636363;*/
    font-size: 22px;
    position: relative;
    top: 3px;
}

.p-gateway {
    height: 115px;
    margin: 0 auto;
    border: 1px solid #c6c6c6;
    border-radius: 65px;
    padding: 14px 30px;
    background-color: #ffffff;
    /*position: relative;*/
    /*left: 75px;*/
}

.p-gateway .color-dot {
    float: right;
    padding-top: 5px;
    padding-right: 10px;
}

.p-gateway .color-dot div {
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 8px;
    border-radius: 10px;
}

.p-gateway .color-dot div:first-child {
    background-color: #39ff14;
}

.p-gateway .color-dot div:nth-child(2) {
    background-color: #39ff14;
}

.p-gateway .color-dot div:nth-child(3) {
    background-color: #fffc00;
}

.gateway-info {
    display: inline-block;
    width: 100%;
}

.gateway-info a {
    float: left;
    width: 80px;
}

.gateway-info .vm-list-menu a {
    width: 100%;
}

.gateway-info .vm-list-menu {
    margin-top: 20px;
}

.gateway-info .vm-list-menu .options {
    left: -265px;
}

.vpc-specific {
    left: -333px !important;
    width: 368px !important;
}

.gateway-info>a>i {
    font-size: 50px;
}

.gateway-info>div {
    float: left;
    width: calc(100% - 100px);
    padding-left: 35px;
}

.gateway-info>span {
    float: right;
    width: 20px;
    line-height: 60px;
}

.gateway-info>span>a>i {
    text-align: right;
    color: var(--primary-col);
    font-size: 20px;
}

.ip-links span {
    float: left;
    width: 25%;
    border-right: 1px solid #d7d7d7;
    padding: 10px;
    display: inline-block;
    text-align: center;
}

.ip-links span:last-child {
    border-right: none;
}

.ip-links span div a {
    display: inline-block;
    width: 100%;
}

.ip-links span div {
    font-size: 24px;
    font-weight: 400;
}

.ip-links span div a {
    color: var(--primary-col);
    text-decoration: none;
}

.ip-links span {
    font-size: 12px;
}

.ip-links span:hover {
    background-color: #f6f7f8;
}

.mum_vpc {
    border: 1px solid #cecece;
    padding: 0px 0px;
    border-top: none;
    border-radius: 60px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #f6f7f8;
}

.ip-links1 {
    padding: 2% 0;
}

.ip-links1 span {
    font-size: 15px;
    border-right: 1px solid #d7d7d7;
    padding: 10px;
    display: inline-block;
    text-align: center;
}

.ip-links1 span:last-child {
    border-right: none;
}

.ip-links1 span div a {
    color: #fc4242;
    text-decoration: none;
}

.net-specifition {
    position: relative;
    /*left: 17px;*/
    margin-top: 48px;
    width: 100%;
    display: inline-block;
}

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

.all_vpc {
    position: relative;
    top: 38px;
}

.net-n {
    width: 100%;
    display: inline-block;
    background-color: #ea7600;
    border-radius: 2px;
    color: #ffffff;
    float: left;
    padding: 10px;
}

.net-n div:first-child {
    width: 50px;
    float: left;
    font-size: 20px;
    margin-top: -1px;
}

.net-n div:first-child span img {
    padding-top: 8px;
}

.net-n div:last-child {
    width: 50px;
    float: right;
}

.net-n div:nth-child(2) {
    width: calc(100% - 100px);
    float: left;
    margin-left: 20px;
    font-size: 16px;
    line-height: 22px;
}

.net-n div:nth-child(2) span {
    display: block;
    text-align: left;
    word-wrap: break-word;
}


/*Latest*/

.blank_icon {
    text-align: center;
    /*position: relative;*/
    transform: translateY(150%);
    font-size: 3em;
    cursor: pointer;
}

.blank_height {
    min-height: 315px;
    border: 1px solid #d7d7d7;
    display: inline-block;
    background: #fff;
    /*padding: 7px;*/
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
}

.netwrk .vm-list-menu {
    position: absolute;
    right: 0;
    top: 3px;
}

.netwrk .vm-list-menu .options {
    width: 205px;
    right: 0;
    left: -170px;
    padding: 0;
}

.netwrk .vm-list-menu .options li {
    width: 100%;
}

.netwrk .vm-list-menu .btn {
    background-color: transparent;
    color: #ffffff;
}

.s-dot-icon .vm-list-menu {
    display: none;
}

.vm-list-menu .btn {
    padding: 0 0;
}

.net-wrap:hover .vm-list-menu {
    display: block;
}

.net-s .vm-list-menu .btn {
    font-size: 18px;
}

.nxt-form label {
    color: #9e9e9e;
    font-family: var(--primary-font);
    font-size: 12px;
    font-weight: 400;
}

.nxt-form select {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    margin-top: 0;
    padding: 0;
}

.net-s {
    border: 1px solid #d7d7d7;
    display: inline-block;
    padding: 6% 0;
    border-radius: 2px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
    width: 100%;
    background-color: #ffffff;
    max-height: 170px;
}

.net-s .net-s-top {
    float: left;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #d7d7d7;
    padding: 15px 0;
    text-align: center;
}

.net-s .net-s-top1 {
    margin-top: -18px;
}


/*.net-s .net-s-top2 {
	position: relative;
	top: 6px;
}*/

.net-s-top>div span:first-child {
    cursor: pointer;
}

.net-s .net-s-top:last-child {
    border-bottom: none;
    position: relative;
    top: 6px;
}

.net-s-top>div {
    float: left;
    border-right: 1px solid #d7d7d7;
    padding: 2px;
    width: 50%;
    position: relative;
}

.net-s-top>div:last-child {
    border-right: none;
}

.net-s-top>div>span {
    display: block;
}

.net-s-top div span:first-child {
    font-size: 13px;
}

.net-s-top div span:nth-child(2) {
    color: #616161;
    font-size: 13px;
}

.net-s-top>div.v-machines {
    width: 100%;
    text-align: center;
}


/*.net-s-top > div  span.s-dot-icon a
{
   position: absolute;
   bottom: 53px;
  text-decoration: none;
  right: 10px;
}
.net-s-top > div  span.s-dot-icon a i
{
   color: var(--primary-col);
   font-size: 20px;
   display: none;
}
.net-s:hover span.s-dot-icon a i
{
   display: block;
}*/

.net-s-top .vm-list-menu {
    position: absolute;
    top: -8px;
    right: 5px;
}

.net-s-top .vm-list-menu .options {
    width: 205px;
    right: 0;
    top: 32px;
    left: -173px;
    padding: 0;
    background-color: #ffffff;
}

.net-s-top .vm-list-menu .options li {
    width: 100%;
    float: left;
}

.name-n {
    float: left;
    padding: 8px;
}

.net-name-n {
    float: right;
}

.pos6 {
    position: relative;
    top: 6px;
}

.a-static {
    color: var(--primary-col);
    text-decoration: none;
}

.a-static:hover {
    color: var(--primary-col);
    text-decoration: none;
}

.net-wrap {
    margin-bottom: 30px;
}


/*modal css*/

.addnetwrk {
    display: inline-block;
    width: 100%;
}

.modal-content {
    border-radius: 0;
}

.select-box {
    width: 16px;
    height: 16px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #616161;
    position: relative;
    display: inline-block;
}

.select-box input[type="checkbox"] {
    width: 16px;
    height: 16px;
    position: relative;
    display: none;
}

.select-box input[type="checkbox"]+label {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.select-box input[type="checkbox"]+label i {
    display: none;
    position: absolute;
    right: -1px;
    top: -1px;
    font-size: 14px;
}

.select-box input[type="checkbox"]:checked+label i {
    display: inline-block;
    background-color: #ffffff;
    color: #616161;
    border: 1px solid #616161;
}


/*use-management strt here*/

.admin-section {
    border-bottom: 2px solid var(--primary-col);
    padding-bottom: 35px;
    padding-top: 20px;
}

.m-dot {
    text-align: right;
}

.m-dot i {
    color: var(--primary-col);
    font-size: 20px;
}

.admin-wrap .m-admin span:first-child {
    font-size: 20px;
    color: #181818;
}

.admin-wrap .m-admin>span:last-child {
    font-size: 14px;
    color: #9E9E9E;
}

.m-dot-icon .btn-group>.btn,
.btn-group-vertical>.btn {
    top: 0;
}

.m-dot-icon .vm-list-menu .options {
    top: 41px;
    width: 100%;
    left: -126px;
}

.m-dot-icon .vm-list-menu .options li {
    width: 100%;
    display: inline-block;
}

.m-dot-icon .vm-list-menu .options li span i {
    color: #616161;
}

.user-mail {
    margin: 0;
    padding-left: 15px;
    padding-top: 15px;
    display: inline-block;
    width: 100%;
}

.user-mail label {
    font-size: 12px;
    color: #9E9E9E;
    font-weight: 400;
}

.master-admin {
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.a-admin {
    /*border-top: 1px solid #eee;*/
    padding: 15px;
}

.a-admin span:first-child {
    color: #333;
    font-size: 14px;
    font-weight: 700;
}

.a-admin>span:last-child {
    color: #333;
    font-size: 14px;
}

.sucess-mg {
    background-color: #81c784;
    padding: 10px;
    position: relative;
    bottom: 20px;
    text-align: center;
}

.sucess-mg>span:first-child {
    padding: 5px;
    border-radius: 50%;
    border: 2px solid #ffffff;
}

.sucess-mg span i {
    color: #ffffff;
    font-size: 18px;
}

.sucess-mg .succes {
    color: #ffffff;
    font-size: 14px;
}

.succes span {
    font-weight: 700;
    font-size: 14px;
}

.admin-btn {
    content: "";
    vertical-align: middle;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid var(--primary-col);
    margin-right: 10px;
}

.admin-btn span {
    content: "";
    padding: 6px;
    vertical-align: middle;
    background: #ffffff;
    border-radius: 50%;
    display: inline-block;
    margin: 5px;
}

.admin-red-butn:checked+label .admin-btn span {
    background-color: var(--primary-col);
}

.admin-red-butn:checked+label {
    cursor: pointer;
}

.admin-red-butn {
    display: none;
}

.master-admin .a-admin:last-child {
    /*border-bottom: 1px solid #eee;*/
}

.wrong-mg {
    color: var(--primary-col);
}


/*all zone css start here--*/

.left-zone {
    padding-left: 0;
}

.zone-section {
    box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    margin-bottom: 20px;
}

.a-zone {
    margin: 0;
    background: #ffffff;
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.z-name {
    font-size: 20px;
    color: #181818;
    padding: 0;
    padding-left: 5px;
}

.m-setting {
    text-align: right;
    padding-right: 0;
}

.m-setting a {
    font-size: 12px;
    color: var(--primary-col);
    padding-right: 15px;
}

.m-setting i {
    color: #616161;
    padding-right: 10px;
}

.subscription-wrap {
    background: #ffffff;
    margin: 0;
}

.subscription-wrap>div {
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.subscription-wrap:last-child div {
    border-bottom: none;
}

.sub-zone {
    padding-left: 15px;
    padding-right: 10px;
    min-height: 27px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.zone-new {
    color: #9e9e9e;
    font-size: 16px;
    font-weight: 400;
    padding-top: 12px;
    float: left;
}


/*.dashboard_info {
float: left;
}
*/

.data-gb {
    float: right;
    width: 130px;
    height: 19px;
    background-color: #ffffff;
    margin-top: 10px;
}

.data-gb span:first-child {
    float: right;
    background: #00a3e0;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    float: left;
    display: inline-block;
    padding: 1px 20px;
}

.zone-new span:first-child {
    background: #ff0000;
    padding: 1px 6px;
    color: #ffffff;
    border-radius: 2px;
    font-size: 12px;
    margin-right: 10px;
}


/*
.data-gb span:last-child{
   background-color: #000;
   width: 40%;
   float: right;
   }
*/

.dashboard_info .pull-right {
    font-size: 24px;
    color: #ff0000;
}

.dashboard_info .pull-right span {
    color: #ff0000;
    font-size: 16px;
    font-weight: 400;
}

.bg-zone-color {
    background: #f9f9f9;
}


/*sweety mam*/


/* Start of Dashboard Page */

.dashboard-container {
    width: 100%;
    float: left;
    background-color: #eee;
}

.dashboard_usagec,
.dashboard_fixedc,
.dashboard_subs {
    background-color: #ffffff;
    border-radius: 2px;
    float: left;
    margin: 0 4px;
    padding: 10px;
}

.dashboard_subs {
    margin-left: 0;
}

.dashboard_alert {
    background-color: #ffffff;
    box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    float: left;
    width: 100%;
    border-left: 4px solid #e4002b;
    min-height: 93px;
}

.alert-text span {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 42px;
    float: left;
}

.alert-text {
    width: calc(100% - 85px);
    max-width: 100%;
    float: left;
    padding: 10px;
    font-size: 12px;
    color: #333;
}

.alert-text a {
    display: block;
    text-decoration: none;
}

.alert-bell {
    position: relative;
    font-size: 26px;
    height: 85px;
    width: 85px;
    float: right;
    text-align: center;
    line-height: 85px;
    border-left: 1px solid #eee;
}


/*.notify-count {
background-color: var(--primary-col);
font-size: 13px;
position: absolute;
font-weight: 400;
padding: 1px 4px;
border-radius: 3px;
color: #ffffff;
line-height: 14px;
height: 16px;
top: 25px;
right: 27px;
}
.dashboard_info i {
font-size: 22px;
color: #9e9e9e;
}
.alert-bell i {
color: #616161;
}*/


/*.dashboard_tabshead {
font-size: 16px;
color: #333;
line-height: 24px;
}*/


/*.dashboard_info {
width: 100%;
float: left;
margin-top: 6px;
padding-bottom: 10px;
font-size: 24px;
font-weight: 700;
color: #333;
}*/


/*span.subset_font {
font-size: 16px;
color: #333;
font-weight: 400;
}
span.light_font {
color: #9e9e9e;
}
.dashboard_info sup {
font-weight: 400;
}*/

li.rcnt-activity_list {
    border-bottom: 1px solid #eee;
    padding: 12px 0;
}

.ractivity_user {
    font-size: 12px;
    color: #9e9e9e;
}

.ractivity_user span {
    color: #333;
}

.ractivity_plan {
    font-size: 14px;
    color: #333;
    font-weight: 700;
}

.ractivity_plan span {
    font-weight: 400;
}

.dashboard_content_new.nm {
    margin-left: 0;
}

span.buy_more_link i {
    color: #616161;
    padding-right: 5px;
}

span.buy_more_link {
    float: right;
    font-size: 12px;
    color: var(--primary-col);
}

.header-help-div {
    margin-right: 35px;
    float: right;
}

.header-help-div>ul.dropdown-menu-primary {
    left: initial;
    right: 0;
}

.transdropdown input {
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
}

.trans-dropdown {
    width: 100%;
}

.trans-dropdown li:first-child {
    padding-left: 12px;
}

.trans-dropdown li {
    padding: 0 2px 10px;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    padding-left: 30px;
}

.transdaterange {
    display: inline-block;
}

.transdaterange input {
    width: 40%;
    margin-right: 20px;
}

.trans-pagi li a {
    color: #333333;
}

.trans-dropdown li i {
    font-weight: 600;
}

.tooltip.cstm-tooltip .tooltip-inner {
    background-color: #ffff99;
    color: #333333;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.tooltip.cstm-tooltip .tooltip-arrow {
    display: none;
}

.tooltips {
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
}

.tooltips .tooltiptext {
    visibility: hidden;
    width: 300px;
    text-align: left;
    left: 10px;
    top: 20px;
    background-color: rgba(56, 56, 56, .9);
    color: #ffffff;
    padding: 5px;
    border: 1px solid #eee;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltips:hover .tooltiptext {
    visibility: visible;
}

.green-strip {
    background-color: #ccffcc;
}

.grey-strip {
    background-color: #f5f5f5;
}


/* VM Actions Storyboard*/

.vmmdlcls .modal-content {
    border-radius: 2px;
}

.vm_storyboard,
.volume_container {
    display: table;
    border-collapse: collapse;
    width: 100%;
}

.vm_actions {
    display: table-row;
}

.registration-page {
    background-color: #ffffff;
    margin-top: 30px;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 3px 0;
    min-height: 560px;
    padding: 0 15px
}

.registration-page label {
    margin-bottom: 0
}

.registration-page input {
    padding-top: 0;
    padding-bottom: 0
}

.registration-page select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.registration-page .initial-form-container {
    max-width: 470px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}

.registration-page .initial-form-container .main-hed-forms {
    padding-bottom: 0;
    text-align: center;
    font-size: 24px;
    color: #181818;
}

.registration-page .initial-form-container .main-hed-forms p {
    margin-bottom: 5px
}

.registration-page .initial-form-container .main-hed-forms.large {
    font-size: 32px
}

.registration-page .initial-form-container .note {
    margin-bottom: 30px;
    text-align: center
}

.registration-page .initial-form-container .note a {
    color: var(--primary-col)
}

.registration-page .initial-form-container .material-form {
    position: relative
}

.registration-page .initial-form-container .material-form .form-ico {
    position: absolute;
    text-align: right;
    right: 0;
    font-size: 24px;
    top: 15px;
    color: #616161
}

.registration-page .initial-form-container.large {
    max-width: 560px
}

.registration-page .user-registns form .form-group .form-control {
    height: 30px
}

.registration-page .help-block {
    text-align: left;
    color: var(--primary-col);
    font-size: 12px
}

.registration-page .form-done-btn input[type="submit"],
.registration-page .form-done-btn button {
    width: 100%;
    padding: 6px 20px;
    font-size: 17px
}

.registration-page .form-done-btn button {
    background-color: var(--primary-col);
    font-size: 14px;
    border: 1px solid var(--primary-col);
    border-radius: 4px;
    transition: all 0.2s;
    outline: none;
    box-shadow: none;
    color: #fff
}

.registration-page .form-done-btn button:hover,
.registration-page .form-done-btn button:active,
.registration-page .form-done-btn button:focus {
    background-color: #ffffff;
    color: var(--primary-col);
    outline: none;
    box-shadow: none;
    border: 1px solid var(--primary-col)
}

.registration-page .accept-terms span {
    font-size: 12px;
    color: #181818
}

.registration-page .accept-terms .helpvalue a {
    color: var(--primary-col);
    font-size: 12px
}

.registration-page .form-control-feedback {
    display: none
}

.registration-page .resend-link {
    font-size: 12px;
    color: var(--primary-col);
    text-align: center;
    display: block;
    margin-top: 40px
}

.registration-page .thum-ico {
    text-align: center;
    font-size: 60px
}

.registration-page .thum-ico img {
    width: 80px
}

.registration-page .input-group-addon {
    background-color: #ffffff;
    border-bottom: 1px solid #9e9e9e;
    border-top: 0 solid #ffffff;
    border-left: 0 solid #ffffff;
    border-right: 0 solid #ffffff;
    border-radius: 0 !important;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
}

.registration-page .input-group-addon>.active>a,
.dropdown-menu>.active>a:focus {
    background-color: #ffffff;
    border-bottom: 0 solid red;
    border-top: 0 solid #ffffff;
    border-left: 0 solid #ffffff;
    border-right: 0 solid #ffffff;
    border-radius: 0 !important;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
}

.registration-page .dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background-color: #9e9e9e !important;
    width: 100%;
}

.registration-page .dropdown-menu {
    width: 100%
}

.smallfont12 {
    font-size: 12px !important;
}

.smallfont13 {
    font-size: 13px;
}

.smallfont14 {
    font-size: 14px;
}

.smallfont15 {
    font-size: 15px;
}

.smallfont16 {
    font-size: 16px;
}

.smallfontheading {
    color: #9e9e9e;
    padding-bottom: 5px;
    border-bottom: .5px solid #CCC;
}

.smallfontdescription {
    padding: 10px 0;
    border-bottom: .5px solid #CCC;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.smallfont14bold {
    font-size: 14px;
    padding: 10px 0;
    border-bottom: .5px solid #CCC;
    font-weight: bold;
}

.space30 {
    margin-top: 30px
}

.disabledlink {
    cursor: not-allowed;
    pointer-events: none;
    color: #e5e5e5 !important;
}

.col66 {
    width: 66%;
    float: left;
}

.width100 {
    width: 100%;
}

.disabledlink span {
    color: #dcdcdc !important;
}

.modal-body select {
    width: 100%
}

@media screen and (max-width: 480px) {
    .global-heading {
        display: block;
        /*width: 0%;*/
        padding-top: 5px;
        padding-bottom: 10px;
    }
    .wallet-balance {
        /*position: absolute;
   top: 20px;
   right: 15px;*/
    }
    .wallet-balance .wallet-amount {
        position: absolute;
        right: -12px
    }
    .res-pad-top {
        padding-top: 64px;
    }
}

@media screen and (min-width: 481px) {
    .res-pad-top {
        padding-top: 67px;
    }
}

@media screen and (max-width: 1028px) {
    .body-section {
        width: 100%;
        margin-left: 0;
        padding-left: 15px;
        padding-right: 15px
    }
    .dash-side-menu {
        transition: all 0.3s;
        z-index: 1050;
        background-color: #ffffff;
        top: 75px !important;
        padding-top: 0;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
        left: 0;
    }
    .dash-side-menu.side-nav-open {
        left: -235px
    }
    .new-global-heading.side-nav-open {
        left: -235px;
    }
    .show-on-mobile-close {
        display: block
    }
    .show-on-mobile-close .close-icon {
        text-align: right;
        font-size: 22px;
        color: #333;
        transition: color 0.3s
    }
    .show-on-mobile-close .close-icon:active {
        color: #00a3e0
    }
    .ham-icon {
        font-size: 28px;
        color: #333;
        margin-top: 12px;
        margin-right: 10px;
        transition: all 0.3s
    }
    .ham-icon:active {
        color: #00a3e0
    }
    .logo-section .navbar-brand {
        width: auto;
        margin-left: 0 !important
    }
    .container {
        width: 100%
    }
}

@media screen and (min-width: 1029px) {
    .body-section {
        width: calc(100% - 220px);
        margin-left: 220px;
        padding-left: 20px;
        padding-right: 20px
    }
    .dash-side-menu {
        padding-top: 0;
        top: 69px;
    }
    .container {
        width: 100%
    }
    .ham-icon {
        display: none
    }
    .show-on-mobile-close {
        display: none !important
    }
}

@media (min-width: 1028px) {
    .container {
        width: 100%
    }
}

@media all and (max-width: 420px) {
    input.newuser-input {
        width: 100%
    }
}

@media (min-width: 768px) {
    .modal-content {
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.25)
    }
}

@media screen and (max-width: 480px) {
    .global-heading {
        display: block;
        /*width: 100%;*/
        padding-top: 5px;
        padding-bottom: 10px;
    }
    .wallet-balance {
        /*position: absolute;
   top: 20px;
   right: 15px;*/
    }
    .wallet-balance .wallet-amount {
        position: absolute;
        right: -12px
    }
    .res-pad-top {
        padding-top: 64px
    }
}

@media screen and (min-width: 481px) {
    .res-pad-top {
        padding-top: 67px;
    }
}

@media screen and (max-width: 1028px) {
    .body-section {
        width: 100%;
        margin-left: 0;
        padding-left: 15px;
        padding-right: 15px
    }
    .dash-side-menu {
        transition: all 0.3s;
        z-index: 1050;
        background-color: #ffffff;
        top: 75px !important;
        padding-top: 0;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
        left: 0;
    }
    .dash-side-menu.side-nav-open {
        left: -235px
    }
    .new-global-heading.side-nav-open {
        left: -235px;
    }
    .show-on-mobile-close {
        display: block
    }
    .show-on-mobile-close .close-icon {
        text-align: right;
        font-size: 22px;
        color: #333;
        transition: color 0.3s
    }
    .show-on-mobile-close .close-icon:active {
        color: #00a3e0
    }
    .ham-icon {
        font-size: 28px;
        color: #333;
        margin-top: 12px;
        margin-right: 10px;
        transition: all 0.3s
    }
    .ham-icon:active {
        color: #00a3e0
    }
    .logo-section .navbar-brand {
        width: auto;
        margin-left: 0 !important
    }
    .container {
        width: 100%
    }
}

@media screen and (min-width: 1029px) {
    .body-section {
        width: calc(100% - 220px);
        margin-left: 220px;
        padding-left: 20px;
        padding-right: 20px
    }
    .dash-side-menu {
        padding-top: 0;
        top: 69px;
    }
    .container {
        width: 100%
    }
    .ham-icon {
        display: none
    }
    .show-on-mobile-close {
        display: none !important
    }
}

@media (min-width: 1028px) {
    .container {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .rule-list-btns .add-rule-btn {
        float: left !important;
        margin-top: -2px
    }
    .rule-list-btns .add-rule-btn:first-child {
        float: right !important;
        margin-top: 0
    }
    .in-container-tab-tag {
        padding-left: 15px;
        padding-right: 15px
    }
    .in-container-tab-tag .add-rule-btn {
        float: left !important;
        margin-top: 25px;
        padding-left: 0;
    }
    .add-rules-component {
        height: 100%;
        background-color: #ffffff;
    }
    .add-rules-component .side-fixed-component {
        width: 219px;
        float: left;
        background-color: #ffffff;
        box-shadow: 2px -1px 5px rgba(0, 0, 0, 0.2);
        display: table;
    }
    .add-rules-component .side-fixed-component .add-list-btn {
        background-color: #ffffff;
        color: var(--primary-col);
        border: none;
        padding: 5px 15px;
        height: 40px;
        width: 100%;
        border-bottom: 1px solid #d7d7d7;
        margin-bottom: 15px;
    }
    .add-rules-component .side-fixed-component .add-list-btn img {
        margin-top: -2px;
    }
    .add-rules-component .scroll-container a {
        display: block;
        cursor: pointer;
        padding: 15px 10px 15px 20px;
        color: #ffffff;
        margin-bottom: 0;
        background-color: #ffffff;
        color: #333;
        border-bottom: 1px solid #d7d7d7;
        border-radius: 0;
        font-size: 14px;
        font-weight: 400;
        height: 64px;
        padding-left: 15px;
        position: relative;
        border-left: 3px solid transparent;
        display: table-cell;
        width: 219px;
        vertical-align: middle;
    }
    .add-rules-component .scroll-container a span {
        display: block;
        font-size: 13px;
        margin-top: 2px;
        color: #616161;
    }
    .add-rules-component .scroll-container a:hover {
        text-decoration: none;
    }
    .add-rules-component .scroll-container a.active {
        background-color: #CCE5FF;
        color: var(--primary-col);
        font-weight: 700;
        border-left: 3px solid var(--primary-col);
    }
    .add-rules-component .scroll-container a.active span {
        color: var(--primary-col);
        margin-top: 2px;
        font-weight: 400;
    }
    .add-rules-component .content-view {
        float: right;
        width: calc(100% - 220px);
        box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.25);
        background-color: #ffffff;
    }
    .add-rules-component .content-view .add-rule-btn {
        background-color: #ffffff;
        color: var(--primary-col);
        font-size: 12px;
        border: none;
        padding: 5px 15px;
        height: 32px;
    }
    .add-rules-component .content-view .add-rule-btn i {
        font-size: 18px;
        vertical-align: sub;
    }
    .add-rules-component .content-view .add-rule-btn img {
        margin-top: -2px;
    }
    .add-rules-component .content-view .attach-list-to {
        line-height: 32px;
        color: var(--primary-col);
        font-size: 12px;
        margin-top: 4px;
    }
    .add-rules-component .content-view .total-rules {
        line-height: 44px;
        font-size: 20px;
        margin-bottom: 0;
    }
    .add-rules-component .content-view .total-rules .ttl {
        font-size: 20px;
        color: #333333;
    }
    .add-rules-component .add-rules-component {
        padding-top: 10px;
        position: relative;
    }
    .add-rules-component .add-rules-component .side-fixed-component {
        position: relative;
        box-shadow: none;
        width: 168px;
    }
    .add-rules-component .add-rules-component .side-fixed-component img {
        position: absolute;
        top: 50%;
        margin-top: -6px;
        width: 12px;
        right: 6px;
    }
    .add-rules-component .add-rules-component .rules-list {
        box-shadow: none;
        margin-bottom: 0;
        padding-right: 0;
    }
    .add-rules-component .add-rules-component .content-view {
        box-shadow: none;
        padding-top: 0;
        border-left: 1px solid #d7d7d7;
        padding-left: 15px;
        width: calc(100% - 168px);
    }
    .add-rules-component .add-rules-component .content-view .cross-zone {
        padding-top: 0;
    }
    .ticket-view {
        float: right;
        width: 100%;
        box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.25);
        background-color: #ffffff;
    }
    .ticket-view .add-rule-btn {
        background-color: #ffffff;
        color: var(--primary-col);
        font-size: 12px;
        border: none;
        padding: 5px 15px;
        height: 32px;
    }
    .ticket-view .add-rule-btn i {
        font-size: 18px;
        vertical-align: sub;
    }
    .ticket-view .add-rule-btn img {
        margin-top: -2px;
    }
    .ticket-view .attach-list-to {
        line-height: 32px;
        color: var(--primary-col);
        font-size: 12px;
        margin-top: 4px;
    }
    .ticket-view .total-rules {
        line-height: 44px;
        font-size: 20px;
        margin-bottom: 0;
    }
    .ticket-view .total-rules .ttl {
        font-size: 20px;
        color: #333333;
    }
    .ticket-view {
        box-shadow: none;
        padding-top: 0;
        border-left: 1px solid #d7d7d7;
        padding-left: 0;
        width: 100%;
    }
    .ticket-view .cross-zone {
        padding-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .rule-list-btns .add-rule-btn {
        float: left !important;
        margin-top: -2px
    }
    .rule-list-btns .add-rule-btn:first-child {
        float: right !important;
        margin-top: 0
    }
    .in-container-tab-tag {
        padding-left: 15px;
        padding-right: 15px
    }
    .in-container-tab-tag .add-rule-btn {
        float: left !important;
        margin-top: 25px;
        padding-left: 0;
    }
    .add-rules-component .add-rules-component .add-rule-btn {
        float: right !important
    }
    .navbar-nav .open .dropdown-menu.header-profile-dd {
        position: absolute;
        top: 100%;
        right: 0;
        left: initial;
        z-index: 1000;
        background-color: #ffffff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    }
}

@media screen and (min-width: 768px) {
    .in-container-tab-tag {
        padding-left: 30px;
        padding-right: 30px
    }
    .in-container-tab-tag .add-tags-container .add-rule-btn {
        float: left !important;
        margin-top: 25px;
        padding-left: 0
    }
}

@media (max-width: 860px) {
    .add-rules-component {
        position: relative;
        overflow: hidden
    }
    .add-rules-component .side-fixed-component {
        width: 100%;
        position: relative !important
    }
    .add-rules-component .side-fixed-component a {
        z-index: 30;
        width: 100%;
        display: block
    }
    .add-rules-component .side-fixed-component.overlay-content-first {
        z-index: 10;
        position: absolute !important
    }
    .add-rules-component .content-view {
        background-color: #ffffff;
        transition: all 0.3s;
        width: 100%;
        padding-left: 0;
        z-index: 40;
        left: 100%;
        position: absolute
    }
    .add-rules-component .content-view .rules-list {
        padding-top: 10px
    }
    .add-rules-component .content-view.list-open {
        left: 0;
        position: relative
    }
    .add-rules-component .content-view .go-back-list {
        display: inline-block;
        font-size: 30px;
        padding-right: 15px;
        cursor: pointer;
        transition: all 0.3s;
        position: absolute
    }
    .add-rules-component .content-view .go-back-list:active {
        color: var(--primary-col)
    }
    .ticket-view .rules-list {
        padding-top: 10px;
    }
    .ticket-view.list-open {
        left: 0;
        position: relative;
    }
    .ticket-view .go-back-list {
        display: inline-block;
        font-size: 30px;
        padding-right: 15px;
        cursor: pointer;
        transition: all 0.3s;
        position: absolute;
    }
    .ticket-view .go-back-list:active {
        color: var(--primary-col);
    }
    .user-section,
    .notif-icon {
        display: none;
    }
    .user-section2,
    .notif-icon {}
    .notif-icon {
        display: none
    }
    .left-header {
        display: block;
        float: left;
        /*width: 100%*/
    }
    .left-header .navbar-header {
        display: inline-block;
        float: left
    }
    .right-header {
        display: inline-block;
        float: right
    }
    .wallet-balance {
        margin-right: 0;
    }
    .wallet-amount {
        display: none;
    }
    .wallet-amount span:last-child {
        margin-left: -60px;
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 15px;
        height: 10px;
        padding: 0;
    }
    .wallet-amount span:last-child {
        font-size: 15px !important;
        color: #181818
    }
    .global-heading {
        margin-left: 30px
    }
    .global-heading .global-heading_name {
        font-size: 14px
    }
    .global-heading .global-heading_img {
        margin-right: 5px;
        width: 20px
    }
    .global-heading .global-heading_img img {
        width: 100%
    }
    .content-view .total-rules .ttl {
        padding-left: 40px
    }
    #IP-addr,
    #lists-scroll-area {
        overflow: visible;
        height: inherit !important
    }
    .dashboard-container {
        margin-top: 0px;
    }
}

@media (min-width: 861px) {
    .content-view {
        padding-top: 10px
    }
    .content-view .go-back-list {
        display: none
    }
    .ticket-view {
        padding-top: 10px;
    }
    .ticket-view .go-back-list {
        display: none;
    }
    #content-scroll-main,
    #lists-scroll-area {
        overflow: scroll;
        overflow-x: hidden
    }
    .add-rules-component .add-rules-component #content-scroll-main,
    .add-rules-component .add-rules-component #lists-scroll-area {
        overflow: visible;
        overflow-x: visible
    }
    body {
        margin: 0;
        padding: 0
    }
}

@media (max-width: 1200px) {
    .add-rules-component .add-rules-component {
        overflow: hidden
    }
    .add-rules-component .add-rules-component .side-fixed-component {
        width: 100%;
        box-shadow: none
    }
    .add-rules-component .add-rules-component .side-fixed-component a {
        z-index: 30;
        width: 100%;
        display: block;
        height: auto;
    }
    .add-rules-component .add-rules-component .side-fixed-component.overlay-content {
        z-index: 10;
        position: absolute !important
    }
    .add-rules-component .add-rules-component .content-view {
        left: 100%;
        box-shadow: none;
        background-color: #ffffff;
        transition: all 0.3s;
        width: 100%;
        padding-left: 0;
        z-index: 40;
        border-left: 0;
        position: absolute
    }
    .add-rules-component .add-rules-component .content-view.nested-list-open {
        left: 0;
        position: relative
    }
    .add-rules-component .add-rules-component .content-view .go-back-nested-list {
        display: inline-block;
        font-size: 30px;
        padding-right: 15px;
        cursor: pointer;
        transition: all 0.3s;
        position: absolute;
        top: -5px
    }
    .add-rules-component .add-rules-component .content-view .go-back-nested-list:active {
        color: var(--primary-col)
    }
    .add-rules-component .add-rules-component .content-view .rules-list {
        box-shadow: none
    }
    .scroll-container .dis-table-row {
        display: block
    }
    .ticket-view {
        left: 100%;
        box-shadow: none;
        background-color: #ffffff;
        transition: all 0.3s;
        width: 100%;
        padding-left: 0;
        z-index: 40;
        border-left: 0;
        position: absolute;
    }
    .ticket-view.nested-list-open {
        left: 0;
        position: relative;
    }
    .ticket-view .go-back-nested-list {
        display: inline-block;
        font-size: 30px;
        padding-right: 15px;
        cursor: pointer;
        transition: all 0.3s;
        position: absolute;
        top: -5px;
    }
    .ticket-view .go-back-nested-list:active {
        color: var(--primary-col);
    }
    .ticket-view .rules-list {
        box-shadow: none;
    }
    .scroll-container .dis-table-row {
        display: block;
    }
}

@media (max-width: 1204px) {
    .new-payment-input-field {
        margin-top: 10px;
    }
    .promo-code {
        width: 100%;
    }
}

@media (min-width: 1201px) {
    .content-view .go-back-nested-list {
        display: none;
    }
    .ticket-view .go-back-nested-list {
        display: none;
    }
    .dis-table-row {
        display: table-row;
    }
    .add-rules-component .add-rules-component .side-fixed-component a {
        max-width: 168px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .logo-section {
        float: initial;
    }
    .profile-info>span:nth-child(2) {
        display: none;
    }
    .profile-info span i {
        padding-left: 0;
    }
    .profile {
        margin-right: 0;
    }
    .wallet-balance {
        /*float: initial;*/
    }
    .global-heading {
        /*line-height: 0;*/
        /*margin-left: 0;*/
    }
    .logo-section .navbar-brand {
        /*width: 50%;*/
    }
    .header-help-div {
        margin-right: 0;
        float: none;
        display: inline-block;
        width: 100%;
        text-align: right;
    }
    .form-container {
        margin-top: 56px;
    }
    #signup-form #form-views {
        padding: 0 0;
    }
}

@media (max-width: 1023px) {
    .dashboard_content_new.nm-sm {
        margin-left: 0;
    }
}

@media screen and (min-width: 631px) {
    .select-computer .custome-sliders {
        width: calc(100% - 240px);
        float: left;
        padding-left: 15px;
        padding-right: 45px
    }
    .select-computer .compute-section {
        width: 240px;
        float: right
    }
}

@media screen and (max-width: 630px) {
    .select-computer .custome-sliders {
        width: 100%;
        padding-left: 15px;
        padding-right: 30px
    }
    .select-computer .compute-section {
        width: 100%
    }
}

@media screen and (max-width: 860px) {
    .step-tabs .step {
        width: 180px
    }
    .step-tabs .step .step-num {
        display: none
    }
}

@media screen and (max-width: 750px) {
    .step-tabs .step {
        width: 154px
    }
    .step-tabs .step a {
        line-height: 20px;
        padding-top: 8px
    }
    .step-tabs .step span:last-child {
        display: block;
        font-size: 13px
    }
    .step-tabs .total-amt {
        line-height: 20px;
        padding: 0 10px;
        padding-top: 8px;
        text-align: center
    }
    .step-tabs .total-amt span:last-child {
        display: block;
        font-size: 13px
    }
}

@media screen and (max-width: 680px) {
    .step-tabs .step {
        width: auto
    }
    .step-tabs .step a {
        line-height: 20px;
        padding-top: 8px;
        min-width: 70px
    }
    .step-tabs .step a .step-ico {
        margin-top: 10px;
        display: inline-block
    }
    .step-tabs .step a.active {
        width: 150px
    }
    .step-tabs .step a.active span:last-child {
        display: block
    }
    .step-tabs .step a.active .step-ico {
        display: initial
    }
    .step-tabs .step span:last-child {
        display: none
    }
}

@media screen and (max-width: 500px) {
    .step-tabs .step {
        width: auto
    }
    .step-tabs .step a {
        min-width: 50px
    }
    .step-tabs .step a.active {
        width: 120px
    }
}

@media (min-width: 320px) and (max-width: 644px) {
    .pagination {
        float: left !important;
    }
}

@media (min-width: 320px) and (max-width: 397px) {
    .onboardWidth {
        width: auto;
    }
}

@media (min-width: 320px) and (max-width: 443px) {
    .cloudWidth {
        width: 114px;
    }
    .cloudWidth1 {
        width: auto;
    }
}

@media (min-width: 320px) and (max-width: 360px) {
    .newTabWidth {
        width: 100px;
    }
    /*	.basicTabButLeftactive, .basicTabButLeftactive:hover, .basicTabButLeftinactive:hover {
background-color: var(--primary-col);
	font-size: 12px;
color: #ffffff;
outline: none;
box-shadow: none;
border: 1px solid var(--primary-col);
padding:5px;
border-top-left-radius: 2em;
border-bottom-left-radius: 2em;
width:100px;
text-align:center;
cursor:pointer;
}
.basicTabButLeftinactive {
background-color: #eeeeee;
	font-size: 12px;
color: #333333;
outline: none;
box-shadow: none;
border: 1px solid var(--primary-col);
padding:5px;
border-top-left-radius: 2em;
border-bottom-left-radius: 2em;
width:100px;
text-align:center;
cursor:pointer;
}
.advTabButRightactive, .advTabButRightactive:hover, .advTabButRightinactive:hover {
background-color: var(--primary-col);
	font-size: 12px;
color: #ffffff;
outline: none;
box-shadow: none;
border: 1px solid var(--primary-col);
padding:5px;
border-top-right-radius: 2em;
border-bottom-right-radius: 2em;
width:100px;
text-align:center;
cursor:pointer;
}
.advTabButRightinactive {
background-color: #eeeeee;
	font-size: 12px;
color: #333333;
outline: none;
box-shadow: none;
border: 1px solid var(--primary-col);
padding:5px;
border-top-right-radius: 2em;
border-bottom-right-radius: 2em;
width:100px;
text-align:center;
cursor:pointer;
}*/
}

@media screen and (max-width: 750px) {
    .cart-values:after {
        right: 34px
    }
}

@media (min-width: 1170px) {
    .add-rules-component .content-view .add-rule-btn.mdi-chevron-left {
        font-size: 22px !important;
    }
}

@media (min-width: 1200px) {
    .add-rule-btn.pull-left.mdi.mdi-chevron-left {
        display: none;
    }
}

@media (max-width: 1200px) {
    .add-rule-btn.pull-left.mdi.mdi-chevron-left {
        font-size: 28px;
        text-align: left;
        margin-left: -20px;
        margin-top: -10px;
    }
}

@media (min-width: 1170px) and (max-width: 1200px) {
    .net-s-top>div {
        padding: 6px;
    }
}

@media (min-width: 1029px) and (max-width: 1170px) {
    .ip-links span {
        padding: 6px;
    }
    .gateway-info>div {
        padding-left: 0;
    }
    .net-n div:last-child {
        font-size: 15px;
        padding-top: 6px;
    }
    .net-n div:first-child {
        line-height: 50px;
    }
    .net-s-top div span:first-child {
        font-size: 14px;
    }
    .net-s-top>div {
        padding: 2px;
    }
    .net-s {
        padding: 3px;
    }
    .net-s .net-s-top {
        padding: 8px;
    }
    .net-s-top>div span.s-dot-icon a {
        bottom: 24px;
    }
    .net-n div:nth-child(2) span {
        font-size: 16px;
    }
    .net-n div:first-child span img {
        padding-top: 0;
        width: 25px;
        height: 25px;
    }
    .sub-zone {
        padding-left: 4px;
    }
    .sub-zone .dashboard_info {
        font-size: 16px;
    }
    .sub-zone .dashboard_info .pull-right span {
        font-size: 12px;
    }
    .sub-zone .dashboard_info .pull-right {
        font-size: 16px;
    }
    .data-gb {
        width: 100px;
    }
    .zone-new {
        padding-top: 0;
    }
    .z-name {
        padding-left: 0;
    }
}

@media (min-width: 320px) and (max-width: 991px) {
    .net-wrap {
        max-width: 400px;
        float: none;
        /*margin: 0 auto;*/
    }
    /*.blank_icon {
	margin-top: 1em;
}*/
    .net-wrap {
        /*margin: 0 auto;*/
        /*background-image: url("../images/vpcbg3.png");*/
        background-repeat: repeat-y;
        background-position: center 100px;
        /*margin-top: -4px;*/
        /*padding-top: 69px;*/
        background-color: #ffffff;
    }
    .vpc-wrap {
        background-image: none;
    }
    .vpc_set {
        border: 1px solid #616161;
        padding: 0px 0px;
        border-radius: 60px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        background: #f6f7f8;
    }
    .net-specifition {
        top: 4px;
    }
    .gateway-info>div {
        padding-left: 0;
    }
    .ip-links span {
        padding: 2px;
    }
    .netwrk .btn-group>.btn,
    .btn-group-vertical>.btn {
        top: 75px;
    }
    .netwrk .vm-list-menu .options {
        top: 115px;
    }
}

@media (min-width: 767px) and (max-width: 1000px) {
    .sub-zone {
        padding-left: 4px;
    }
    .sub-zone .dashboard_info {
        font-size: 16px;
    }
    .sub-zone .dashboard_info .pull-right span {
        font-size: 12px;
    }
    .sub-zone .dashboard_info .pull-right {
        font-size: 16px;
    }
    .data-gb {
        width: 85px;
        margin-top: 0;
    }
    .data-gb span:first-child {
        padding: 1px 6px;
    }
    .zone-new {
        padding-top: 0;
    }
    .z-name {
        padding-left: 0;
    }
    .zone-new {
        font-size: 13px;
    }
    .sub-zone span.subset_font {
        font-size: 14px;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .gateway-info a {
        width: 50px;
    }
    .gateway-info a img {
        width: 50px;
    }
    .ip-links span div {
        font-size: 18px;
    }
    .vpc-wrap {
        /*width: 100%;*/
        /*display: inline-block;*/
    }
    .net-specifition {
        margin: 0;
    }
    .p-gateway {
        /*left: 70px;*/
        /*padding: 0 10px;*/
    }
    .vpc-wrap {
        /*left: -70px;*/
    }
    .body-section {
        padding: 5px;
    }
    .gateway-info>div {
        width: calc(100% - 70px);
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .p-gateway {
        height: auto;
    }
    .ip-links span {
        width: 100%;
        border-right: none;
        margin-bottom: 10px;
    }
    .p-gateway .color-dot {
        font-size: 12px;
    }
}

@media all and (max-width: 420px) {
    input.newuser-input {
        width: 100%;
    }
    .storage_images>div {
        width: 45%;
        text-align: center;
    }
}

@media (min-width: 768px) {
    .modal-content {
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    }
}

@media (min-width: 640px) and (max-width: 1028px) {}

@media (max-width: 639px) {
    span.sorticon {
        left: 0;
    }
    .dashboard_usagec,
    .dashboard_fixedc,
    .dashboard_subs {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }
    .dashboard_content {
        width: 100%;
    }
    .dashboard-mainheading {
        width: calc(100% - 80px);
        max-width: 100%;
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .dashboard_topsection {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    .dashboard_usagec,
    .dashboard_fixedc,
    .dashboard_subs {
        margin: 0 1%;
    }
    .dashboard_usagec {
        float: right;
        margin-right: 0;
    }
    .dashboard_subs {
        margin-left: 0;
    }
    .dashboard_alert {
        margin-top: 10px;
    }
    .notify-count {
        top: 34px;
    }
    .dashboard_content {
        width: 49%;
    }
    .dashboard_content:nth-child(even) {
        margin-right: 0;
    }
}

@media (max-width:720px) {
    .bspopup {
        max-width: 200px !important;
    }
    .bspopup1 {
        max-width: 200px !important;
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
}

@media (max-width:720px) {
    .logbox {
        margin-top: 0px !important;
    }
    .loxboxleft {
        margin-top: 0px !important;
        border-bottom: 1px solid #ccc;
        height: 100px;
        width: 300px;
        margin: 0 auto;
        border-right: 0px solid #ccc;
    }
    .displayed {
        width: 100px;
        padding-top: 10px;
    }
}

@media (max-width:720px) {
    .loginbox {
        height: 400px !important;
        margin-top: 0px !important;
    }
    .login-form-head {
        text-align: center;
        padding-top: 10px;
    }
    .noleftpadding {
        padding-left: 15px !important;
    }
}

@media (max-width:720px) {
    .bs1 {
        margin-top: 0px !important;
        float: right;
        margin-right: 0 !important;
        clear: all;
    }
    .bs2 {
        margin-top: 0px !important;
        float: right;
        margin-right: 0 !important;
        clear: all;
    }
    .bs3 {
        margin-top: 0px !important;
        float: right;
        margin-right: 0 !important;
        clear: all;
    }
    .bs3 {
        margin-top: 0px !important;
        float: right;
        margin-right: 0 !important;
        clear: all;
        top: 36px;
    }
    .bswallet {
        width: 160px;
        height: 30px;
        float: right;
        z-index: 100000;
        top: 0px;
        margin-right: 0 !important;
    }
    .bscloud {
        float: right !important;
        position: fixed !important;
        margin-right: 0 !important;
        right: -15px !important;
        width: 120px !important;
        height: 30px !important;
        margin-top: 15px !important;
        top: 15px !important;
    }
    .bshelpred {
        display: none
    }
}


/*PROGRESS CLASSES*/

.progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 13px;
    margin-bottom: 10px;
}

.progress::-moz-progress-bar {
    background: #9ecb43;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
    border-radius: 2px;
}

.progress::-moz-progress-value {
    background-color: #9ecb43;
    border-radius: 2px;
}

.progress::-webkit-progress-bar {
    background: #e1e2e3;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
    border-radius: 2px;
}

.progress::-webkit-progress-value {
    background-color: #9ecb43;
    border-radius: 2px;
}

.progress_red::-moz-progress-bar {
    background: #9ecb43;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
    border-radius: 2px;
}

.progress_red::-moz-progress-value {
    background-color: #e74c3c;
    border-radius: 3px;
}

.progress_red {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
}

.progress_red::-webkit-progress-bar {
    background: #e74c3c;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
    border-radius: 2px;
}

.progress_red::-webkit-progress-value {
    background-color: #9ecb43;
    border-radius: 3px;
}


/*PROGRESS END*/


/*added for DT Quota*/

.quota_section_quota {
    font-size: 12px;
    color: #000000;
    display: inline-block;
    line-height: 16px;
    padding: 0;
    /*margin-left: 15px;*/
}

.quota_section_quota span {
    width: 13px;
    height: 13px;
    background-color: #e1e2e3;
    border-radius: 2px;
    float: left;
    margin-right: 6px;
}

.quota_section_usage {
    font-size: 12px;
    color: #000000;
    display: inline-block;
    line-height: 16px;
    padding: 0;
    /*margin-left: 15px; */
}

.quota_section_usage span {
    width: 13px;
    height: 13px;
    background-color: #9ecb43;
    border-radius: 2px;
    float: left;
    margin-right: 6px;
}

.quota_section_overusage {
    font-size: 12px;
    color: #000000;
    display: inline-block;
    line-height: 16px;
    padding: 0;
    /*margin-left: 15px; */
}

.quota_section_overusage span {
    width: 13px;
    height: 13px;
    background-color: #e74c3c;
    border-radius: 2px;
    float: left;
    margin-right: 6px;
}

.site_site {
    padding: 27px !important;
}

.no_data {
    height: 209px;
    transform: translateY(45%);
}

.main-hed-forms p {
    font-size: 21px;
    font-weight: bold;
}

.transfer-range_section_baas {
    margin: 8px 8px;
}

.transfer-range_section_baas2 {
    margin: 68px 8px;
}

/* .transfer-range_section .progress {
    background-color: #ff0000;
    border-style: none;
    border-radius: 0;
}

.transfer-range_section .progress .progress-bar {
    background-color: #00a3e0;
} */

.activity-set {
    border-bottom: 1px solid #eee;
    padding: 3px 0;
}

.activity-pd {
    padding: 6px 0;
}

.fw100 {
    font-weight: 100;
}

.fw200 {
    font-weight: 200;
}