/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 10, 2017, 11:54:08 PM
    Author     : binoykumar
*/
body {
    overflow-x: hidden;
}

.i-logo img {
    height: 60px;
}

.custom-breadcrumb {
    background: none;
}

.breadcrumb-row {
    border-bottom: 1px solid #d7d7d7;
}

.table-head .table-cell .sort {
    color        : #0079b9;
    cursor       : pointer;
    font-size    : 18px;
    font-weight  : bold;
    border-bottom: none;
}

.table-head .table-cell .normal {
    font-size    : 18px;
    font-weight  : bold;
    border-bottom: none;
}

.sentiment-container {
    background-color: #f8f8f8;
    border          : 0px solid #ccc;
    display         : inline-block;
    height          : 8px;
    margin-top      : -4px;
    width           : 100%;
    margin-left     : 0px;
    top             : -8px;
    position        : relative;
    right           : 0;
    border-radius   : 10px;
}

.sentiment {
    /* IE10+ */
    background-image: -ms-linear-gradient(left, #283D45 0%, #5CEEBD 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(left, #283D45 0%, #5CEEBD 100%);
    /* Opera */
    background-image: -o-linear-gradient(left, #283D45 0%, #5CEEBD 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #283D45), color-stop(100, #5CEEBD));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(left, #283D45 0%, #5CEEBD 100%);
    /* W3C Markup */
    background-image   : linear-gradient(to right, #283D45 0%, #5CEEBD 100%);
    filter             : progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=1);
    border-bottom-color: #91ba4d;
    border-left-color  : #91ba4d;
    border-right-color : #aed56b;
    border-top-color   : #91ba4d;
    border-width       : 1px;
    visibility         : visible;
    height             : 8px;
    float              : left;
}

.rest-sentiment {
    background                : rgba(76, 76, 76, 1);
    background                : -moz-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
    background                : -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76, 76, 76, 1)), color-stop(12%, rgba(89, 89, 89, 1)), color-stop(25%, rgba(102, 102, 102, 1)), color-stop(39%, rgba(71, 71, 71, 1)), color-stop(50%, rgba(44, 44, 44, 1)), color-stop(51%, rgba(0, 0, 0, 1)), color-stop(60%, rgba(17, 17, 17, 1)), color-stop(76%, rgba(43, 43, 43, 1)), color-stop(91%, rgba(28, 28, 28, 1)), color-stop(100%, rgba(19, 19, 19, 1)));
    background                : -webkit-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
    background                : -o-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
    background                : -ms-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
    background                : linear-gradient(to bottom, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
    filter                    : progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
    visibility                : visible;
    height                    : 8px;
    float                     : left;
    border-top-right-radius   : 10px;
    border-bottom-right-radius: 10px;
}

.sentiment-text {
    width         : 100%;
    text-align    : left;
    padding-bottom: 10px;
}

.price-value {
    border-width      : 1px 1px 1px 1px;
    border-radius     : 2px;
    font-size         : 14px;
    background-color  : #f8f8f8;
    font-weight       : bold;
    white-space       : nowrap;
    font-size         : 16px;
    text-align        : right;
    border-color      : #ececec;
    border-style      : solid;
    padding           : 7px;
    color             : #2c2c2c;
    line-height       : 22px;
    cursor            : pointer;
    -webkit-transition: background-color .5s;
    transition        : background-color .5s;
    width             : 60%;
    height            : 42px;
}

.wl-cs-style {
    color: #fff;
}

.data-row {
    background   : #fff;
    border-bottom: 1px solid #d7d7d7;
}

.data-row td a {
    text-decoration: none;
}

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

.padding-left-50 {
    padding-left: 50px !important;
}

.wl-dd-style {
    width: 220px;
}

.table-head .table-cell .small {
    font-size    : 14px;
    border-bottom: none;
}

.table-head .table-cell .medium {
    font-size    : 14px;
    font-weight  : bold;
    border-bottom: none;
}

.icon-box {
    height         : 34px;
    position       : relative;
    box-shadow     : inset 0 1px 1px 0 rgba(200, 200, 200, 0.4), 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    color          : #0079b9;
    outline        : none;
    border         : solid 0 transparent;
    border-radius  : 2px;
    box-sizing     : border-box;
    cursor         : pointer;
    display        : inline-block;
    font-size      : 14px;
    font-weight    : bold;
    line-height    : 20px;
    padding        : 8px 5px;
    text-align     : center;
    text-decoration: none;
    text-transform : uppercase;
    vertical-align : middle;
    text-overflow  : ellipsis;
    overflow       : visible;
    background     : #FF9800;
}

.border-right-1px {
    border-right: 1px solid #ccc;
}

.big-box {
    width : 60px;
    height: 42px;
}

.mini-box {
    width: 30px;
}

.price-value-misc {
    border-width      : 1px 1px 1px 1px;
    border-radius     : 2px;
    font-size         : 14px;
    background-color  : #f8f8f8;
    font-weight       : bold;
    white-space       : nowrap;
    font-size         : 16px;
    text-align        : right;
    border-color      : #ececec;
    border-style      : solid;
    color             : #2c2c2c;
    line-height       : 22px;
    cursor            : pointer;
    -webkit-transition: background-color .5s;
    transition        : background-color .5s;
    width             : 80%;
    height            : 36px;
    line-height       : 36px;
    padding-right     : 6px !important;
}

.price-value-single {
    transition               : background-color .5s;
    background-color         : #707487;
    border-color             : #4a4e5b;
    border-style             : solid;
    color                    : #fff;
    font-weight              : bold;
    text-transform           : uppercase;
    border-top-left-radius   : 2px;
    border-bottom-left-radius: 2px;
    line-height              : 36px;
    height                   : 36px;
    text-align               : center;
    width                    : 32px;
    font-size                : 18px;
    /* border-width          : 1px 0 1px 1px; */
    left                     : -1px;
}

.small-text {
    font-size: 10px;
}

#menu-content a {
    text-decoration: none;
    color          : #fff;
    font-size      : 13px;
}

.modal-header .close {
    margin-top  : 10px;
    margin-right: 10px;
}

.execution-start-info {
    color         : #777;
    font-size     : 16px;
    font-weight   : bold;
    text-transform: uppercase;
    padding       : 15px;
    text-align    : center;
}

.init-table-row {
    height          : 60px;
    background-color: #fff;
    cursor          : pointer;
    border-bottom   : 1px solid #ededed;
    box-sizing      : border-box;
    box-shadow      : 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    font-family     : 'num', 'Open Sans', ariel, sans-serif;
    font-size       : 16px;
    font-weight     : bold;
}

.card-plus-content {
    background-color: #1b1f2b;
    border          : none;
    border-radius   : 0;
    color           : #4c4c4c;
    display         : block;
    /* height       : 60px; */
    padding         : 15px 0;
    font-weight     : bold;
    text-align      : center;
    /* text-shadow  : 0 1px 1px #ffffff; */
    text-transform  : uppercase;
    vertical-align  : middle;
    width           : auto;
    min-height      : 0;
    /* box-shadow   : 0 1px 1px 0 rgba(0,0,0,0.15); */
    word-break      : break-word;
    margin          : 0px;
}

.init-table-row td {
    padding: 0px !important;
}

.card-plus-content:hover {
    color: #1b1f2b;
}

.row.i-search-result {
    background-color: #0d0f1b;
    cursor          : pointer;
    border-bottom   : 1px solid #1b1f2b;
    padding         : 5px;
}

.row.i-search-result .coin-img {
    float: left;
}

.row.i-search-result .coin-name {
    float  : left;
    padding: 5px 12px;
    color  : white;
}

.modal-footer {
    border-top: 1px solid #0d0f1b;
}

.row.i-search-result .coin-action {
    text-align: right;
}

.row.i-search-result .coin-action i {
    padding-top: 0px;
    margin-top : 6px;
}

.row.i-search-result .coin-action i.fa-check {
    color: #fff;
}

#newWatchlistDetailsModal .modal-body {
    padding: 0px;
}

#newWatchlistDetailsModal .modal-body .row {
    margin-right: 0px;
    margin-left : 0px;
}

.row.i-search-result:hover {
    background: #111522;
    color     : #fff;
}

.header_type_2 {
    position          : relative;
    height            : 60px;
    text-align        : left;
    background-color  : rgba(250, 250, 250, 0.95);
    box-shadow        : 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    transition        : left .2s ease-out;
    -webkit-transition: left .2s ease-out;
    z-index           : 2;
    border            : 0;
    box-sizing        : border-box;
    font-family       : 'num', 'Open Sans', ariel, sans-serif;
}

.header_type_2 .header_title_container {
    display       : inline-block;
    vertical-align: middle;
    height        : 60px;
}

.header_type_2 .header_title {
    display       : inline-block;
    font-size     : 22px;
    color         : #0079b9;
    vertical-align: middle;
    min-width     : 120px;
    padding-top   : 15px;
}

.header_type_2 .header_type_2_icon_container {
    vertical-align: middle;
    padding       : 15px;
    display       : inline-block;
    height        : 60px;
    color         : #0079b9;
    cursor        : pointer;
}

.header_type_2 .header_type_2_icon_container.active {
    border-bottom: solid 1px #0079b9;
}

.header_type_2 .header_type_2_icon_container:hover {
    color: #0992DC;
}

.big-icon {
    font-size: 25px;
}

.superbig-icon {
    font-size: 305px;
}

.right {
    float: right;
}

.left {
    float: left;
}

.border-right {
    border-right: 1px solid #e5e5e5;
}

.border-left {
    border-left: 1px solid #e5e5e5;
}

.empty-order-container {
    padding       : 20px 20px 50px;
    text-align    : center;
    display       : inline-block;
    max-width     : 1000px;
    width         : calc(100% - 7px);
    vertical-align: middle;
}

.empty-order-container img {
    height: 100%;
    width : 40%;
}

.empty-order-container .w-portfolio-table-empty-title {
    font-size     : 30px;
    font-weight   : bold;
    letter-spacing: -0.25px;
    line-height   : 1;
    margin        : 10px 0;
}

.link {
    color      : #0079b9;
    cursor     : pointer;
    border     : 0;
    box-sizing : border-box;
    font-family: 'num', 'Open Sans', ariel, sans-serif;
}

i.portfolio-empty-icon {
    padding-top: 125px;
    color      : #ccc;
}

.empty-order-container .portfolio-empty-title {
    font-size     : 30px;
    font-weight   : bold;
    letter-spacing: -0.25px;
    line-height   : 1;
    margin        : 10px 0;
    color         : #777;
}

.empty-order-container .empty-state-info {
    color     : #777;
    text-align: center;
    font-size : 16px;
}

.history-hat-icon {
    display       : inline-block;
    height        : 50px;
    vertical-align: middle;
    width         : 50px;
}

.table-hat-cell {
    display       : inline-block;
    vertical-align: middle;
    margin        : 0 -4px 0 0;
    padding       : 0 10px;
}

.table-hat-cell .user-info {
    margin-left   : 5px;
    letter-spacing: 0.2px;
    white-space   : nowrap;
    text-overflow : ellipsis;
    overflow      : hidden;
    vertical-align: middle;
    display       : inline-block;
    color         : #2c2c2c;
}

.history-hat-icon .avatar {
    width : 100%;
    height: 100%
}

p.history-hat-date {
    margin: 0px;
}

p.history-hat-date .history-hat-date-label {
    display  : inline-block;
    min-width: 50px;
}

p.history-hat-date .history-hat-date-value {}

.direct .history-hat-date-label {
    color         : #777;
    font-size     : 12px;
    overflow      : hidden;
    text-overflow : ellipsis;
    text-transform: uppercase;
    white-space   : nowrap;
    width         : 100%;
    border        : 0;
    box-sizing    : border-box;
    font-family   : 'num', 'Open Sans', ariel, sans-serif;
}

.direct .history-hat-date-value {
    white-space  : nowrap;
    text-overflow: ellipsis;
}

ul.portfolio-ul li a span {
    color: #09c;
}

ul.portfolio-ul li a span:hover {
    color: #fff;
}

.custom-button {
    background-color: #3F9ADB;
    box-shadow      : 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    border          : 1px solid #3F9ADB;
    box-sizing      : border-box;
    color           : #fff;
    padding         : 17px;
    cursor          : pointer;
    border-radius   : 4px;
    box-sizing      : border-box;
    display         : inline-block;
    font-size       : 24px;
    height          : 55px;
    line-height     : 22px;
    padding         : 5px 10px;
    text-align      : center;
    text-decoration : none;
    min-width       : 270px;
    text-decoration : none;
}

.portfolio-btn {
    font-size       : 24px;
    background-color: #3f9ADB
}

.portfolio-btn:hover {
    font-size       : 24px;
    background-color: #3f9ACC
}

#switchPortfolioModal .modal-body p {
    color      : #777;
    padding    : 90px 0 10px 20px;
    display    : inline-block;
    width      : 300px;
    padding    : 60px 0 0 0px;
    font-size  : 16px;
    border     : 0;
    box-sizing : border-box;
    font-family: 'num', 'Open Sans', ariel, sans-serif;
}

#switchPortfolioModal .modal-body .content {
    padding   : 0 0 20px;
    overflow-x: hidden;
    overflow-y: auto;
}

#switchPortfolioModal .modal-body .content .left-icon {
    background-size: auto;
}

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

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

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

.edge-corner {
    border-radius: 0px;
}

.inputdefault {
    margin-bottom: 10px;
    border-radius: 2px;
}

.custom_models .modal-body {
    background: none;
}

.watchlist-icon {
    display          : inline-block;
    height           : 170px;
    width            : 200px;
    background-size  : 161px 178px;
    margin           : 50px 0 0 5px;
    vertical-align   : top;
    background-image : url(https://etoro-cdn.etorostatic.com/web-client/img/createlist.png);
    background-repeat: no-repeat;
}

#tradeMarketModal .modal-header .btn,
#tradeMarketPortfolioModal .modal-header .btn,
#tmm_modal .modal-header .btn {
    display      : inline-block;
    border-radius: 0px;
}

.content-box {
    min-height: 595px;
}

/*Temp css */
.enable_bell {
    color: #0079b9;
}

.btn-adm {
    text-align      : center;
    padding         : 5px 31px !important;
    font-size       : 14px;
    background-color: #f7921a;
    border          : 1px solid #26282E;
    color           : #fff !important;
    box-shadow      : none;
    /* width        : 85%; */
    border-radius   : 29px !important;
}

/***************************
Css for Cannabis > My plants
*******************************/
.fd-name {
    color     : #fff;
    font-size : 16px;
    margin-top: 18px;
}

p.plant-desc {
    margin     : 0 20px 10px 20px;
    font-size  : 14px;
    line-height: 23px;
    color      : rgba(255, 255, 255, .6);
    text-align : justify;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

/*changes*/
/*real Estate*/
#real_estate .modal-header {
    border    : none;
    background: #1b1f2b;
    padding   : 20px 0;
}

#real_estate .modal-title {
    background-color: #10121f;
    display         : inline-block;
    width           : 300px;
    padding         : 10px 0;
    border-radius   : 30px;
    font-weight     : bold;
}

#real_estate .modal-dialog {
    width: 650px;
}

#real_estate .modal-title img {
    padding-right: 10px;
}

.appertment-box {
    width : 320px;
    margin: auto;
}

.appertment-box img {
    float: left;
}

.appartment-info {
    float      : left;
    margin-left: 15px;
}

#real_estate h3 {
    font-size : 18px;
    margin-top: 0;
}

#real_estate h5 {
    color: #fff;
}

.appartment-price {
    color      : #fff;
    font-size  : 20px;
    font-weight: bold;
}

.appartment-review ul {
    display    : inline-block;
    margin-left: 10px;
}

.appartment-review ul>li {
    width        : 10px;
    height       : 10px;
    background   : #1b1f2b;
    border-radius: 50%;
    display      : inline-block;
    margin       : 0 3px;
}

.appartment-review ul>li.active {
    background: #f7931b;
}

#real_estate .modal-body {
    background: #10121f;
}

.real_est_val {
    display : inline-block;
    position: relative;
    border  : 1px solid #1b1f2b;
}

.real_est_val img {
    position: absolute;
    top     : 5px;
    left    : 43px;
    width   : 14px;
}

.real_est_val>div {
    float      : left;
    width      : 36px;
    background : #1b1f2b;
    height     : 28px;
    text-align : center;
    line-height: 28px;
    color      : #fff;
}

.real_est_val input[type="text"] {
    background  : transparent;
    border      : none;
    padding-left: 25px;
    color       : #fff;
    height      : 28px;
}

.real_est_val:nth-child(1) {
    margin-right: 10px;
}

#accordion .panel-body {
    background-color: #10121F;
    border          : none;
}

#accordion table {
    width: 100%;
}

#accordion .panel-body tbody tr {
    border: none;
}

#accordion .panel-body tbody tr td {
    text-align: left;
    padding   : 5px 0;
    font-size : 16px;
}

#accordion .panel-body tbody tr td:first-child,
#real_estate h3,
.appartment-review {
    color: #747577;
}

div#accordion .panel.panel-default {
    border: none;
}

#real_estate .panel-default>.panel-heading {
    color         : #fff;
    text-transform: capitalize;
    background    : rgba(19, 21, 34, 1);
    background    : -moz-linear-gradient(left, rgba(19, 21, 34, 1) 0%, rgba(23, 27, 39, 1) 41%, rgba(25, 29, 41, 1) 61%, rgba(18, 20, 33, 1) 100%);
    background    : -webkit-gradient(left top, right top, color-stop(0%, rgba(19, 21, 34, 1)), color-stop(41%, rgba(23, 27, 39, 1)), color-stop(61%, rgba(25, 29, 41, 1)), color-stop(100%, rgba(18, 20, 33, 1)));
    background    : -webkit-linear-gradient(left, rgba(19, 21, 34, 1) 0%, rgba(23, 27, 39, 1) 41%, rgba(25, 29, 41, 1) 61%, rgba(18, 20, 33, 1) 100%);
    background    : -o-linear-gradient(left, rgba(19, 21, 34, 1) 0%, rgba(23, 27, 39, 1) 41%, rgba(25, 29, 41, 1) 61%, rgba(18, 20, 33, 1) 100%);
    background    : -ms-linear-gradient(left, rgba(19, 21, 34, 1) 0%, rgba(23, 27, 39, 1) 41%, rgba(25, 29, 41, 1) 61%, rgba(18, 20, 33, 1) 100%);
    background    : linear-gradient(to right, rgba(19, 21, 34, 1) 0%, rgba(23, 27, 39, 1) 41%, rgba(25, 29, 41, 1) 61%, rgba(18, 20, 33, 1) 100%);
    filter        : progid:DXImageTransform.Microsoft.gradient(startColorstr='#131522', endColorstr='#121421', GradientType=1);
}

.wrapper.center-block {
    margin-top: 30px;
}

#real_estate .panel-default>.panel-heading a {
    width   : 100%;
    display : block;
    position: relative;
}

#real_estate .panel-default>.panel-heading a:after {
    content   : '';
    width     : 30px;
    height    : 25px;
    position  : absolute;
    right     : 0;
    transition: all .5s;
    background: url(../images/real-estate-arrow.png) no-repeat;
}

#real_estate .panel-default>.panel-heading a.collapsed:after {
    background: url(../images/real-estate-arrow-down.png) no-repeat;
}

i.fa.fa-pagelines {
    font-size: 25px;
}

#menu-content i.fa.fa-pagelines+span {
    margin-left: 21px;
}

@media screen and (max-width:1500px) and (min-width:1024px) {
    .plant-box h3 {
        font-size: 13px;
        height   : 32px;
    }

    .plant-table {
        padding: 10px 5px;
    }

    span.plant-time {
        width    : 50px;
        font-size: 13px;
    }

    .plant-box .cmn-btn {

        width: 70px;
    }

    .plant-table h6 span {
        margin-right: 15px;
        width       : auto;
    }

    .plant-table span.price-box {
        font-size: 14px;
    }

    .plant-box {
        width  : calc(20% - 20px);
        padding: 0 10px;
    }
}

@media screen and (max-width:1199px) {
    .my-wrap {
        width: 57%;
    }

    .percpective table td {
        padding  : 10px 20px;
        font-size: 12px;
    }

    .raibow_set,
    ul.seed-process {
        width: 90%;
    }

    ul.cir_box li>img {
        width: 50%;
    }

    .cir_box li {
        width : 50px;
        height: 50px;
    }

    .offer-pop {
        width  : 300px;
        padding: 5px;
    }

    .offer-pop p {
        max-width: 100%;
    }

    .cir_box li:first-child {
        bottom: -270px;
        left  : -24px;
    }

    .cir_box li:nth-child(2) {
        bottom: -155px;
        left  : 0px;
    }

    .cir_box li:nth-child(4) {
        bottom: -155px;
        right : -127px;
    }

    .cir_box li:last-child {
        bottom: -271px;
        right : -155px;
    }

    .cir_box li:nth-child(3) {
        bottom: -112px;
        left  : 64px;
    }

    .cir_box li .cmn-btn {
        left: -15px;
    }
}

@media screen and (max-width:1150px) and (min-width:1024px) {
    .cir_box li:first-child {
        bottom: -270px;
        left  : -39px;
    }

    .cir_box li:nth-child(2) {
        bottom: -155px;
        left  : -15px;
    }

    .cir_box li:nth-child(4) {
        bottom: -155px;
        right : -109px;
    }

    .cir_box li:last-child {
        bottom: -271px;
        right : -138px;
    }

    .cir_box li:nth-child(3) {
        bottom: -112px;
        left  : 49px;
    }

    .cir_box li .cmn-btn {
        left: -15px;
    }

    .plant-box {
        width  : calc(20% - 10px);
        padding: 0 5px;
    }

    .plant-table {
        padding: 10px 0px;
    }
}

@media screen and (max-width:1023px) {
    ul.profit-bal {
        padding: 20px 0;
    }

    ul.profit-bal>li,
    .top-text,
    .fnt-lrge {
        font-size: 16px;
    }

    .cir_box li:nth-child(3) {
        left: 100px;
    }

    .cir_box li:nth-child(2) {
        left: 40px;
    }

    .cir_box li:first-child {
        left: 9px;
    }

    .cir_box li:nth-child(4) {
        right: -170px;
    }

    .cir_box li:last-child {
        right: -196px;
    }
}

@media screen and (max-width:1023px) and (min-width:768px) {
    .plant-box {
        width  : calc(25% - 20px);
        padding: 0 10px;
    }

    .plant-box h3 {
        font-size : 10px;
        text-align: center;
        height    : 24px;
    }

    .plant-table {
        padding: 10px 2px;
    }

    percpective table td {
        padding: 10px 15px;
    }

    .my-wrap {
        width: 52%;
    }
}

@media screen and (max-width:767px) {
    .plant-info .total_price.pull-right {
        float: none !important;
    }

    .search_set .frm_bx {
        max-width: 305px;
    }

    .cannabis_pge select.srch_sttus {
        margin-bottom: 15px;
    }

    .hidden-big {
        display: inline-block !important;
    }

    ul.seed-process>li span.circle-imgz {
        display: inline-block;
    }

    .chart-wrap {
        display: none;
    }

    .my-wrap {
        perspective: none;
        width      : 83%;
        position   : relative;
    }

    .percpective {
        transform  : rotateX(0deg);
        perspective: none;
        overflow-x : auto;
        max-width  : 99%;
    }

    ul.seed-process>li {
        width : 100%;
        margin: 0 0 15px;
        float : none;
    }

    .percpective:after {
        display: none;
    }

    ul.seed-process .cmn-btn {
        margin-left   : 10px;
        text-align    : center;
        vertical-align: baseline;
        position      : relative;
        top           : -15px;
    }

    ul.seed-process .cmn-btn img {
        vertical-align: sub;
    }

    .right-offers {
        float        : none;
        margin-right : 0;
        text-align   : center;
        margin-bottom: 10px;
    }

    .right-offers a.view-plants {
        display: inline-block;
    }

    .owner-offers {
        display: inline-block;
    }

    .owl-wrapper {
        width : 250px;
        margin: 40px auto 30px auto;
    }

    .sold-out {
        top: 6px;
    }

    span.field-img>img,
    .sold-out>img {
        height: 21px;
    }

    span.field-img {
        right: 0;
    }

    .offer-pop {
        right: 0;
        top  : 42px;
    }

    .offer-pop:before {
        border-left  : 10px solid transparent;
        border-right : 10px solid transparent;
        border-bottom: 10px solid #fff;
        border-top   : none;
        top          : -10px;
        right        : 7%;
    }

    .field-arrows.left-arrow {
        left: -25px;
    }

    .field-arrows.right-arrow {
        right: -25px;
    }

    .plant-box {
        width     : 50%;
        margin    : auto;
        box-sizing: border-box;
        float     : none;
    }

    .img-wrap {
        height: auto;
    }

    ul.profit-bal>li:first-child {
        margin-right: 0;
    }

    ul.profit-bal>li {
        display: block;
    }
}

@media screen and (max-width:500px) {
    .plant-box {
        width: 80%;
    }
}

@media screen and (max-height:760px) {

    /*For Mozilla*/
    @-moz-document url-prefix() {
        .content-scroll {
            max-height: 78vh;
        }
    }
}

.clr-green {
    color: #56ba64;
}

.clr-orange {
    color: #ee6e3b;
}

.clr-yellow {
    color: #f4a01c;
}

.clr-green {
    color: #abdb25;
}

.clr-green-dark {
    color: #56ba64 !important;
}

.clr-blue {
    color: #53b3dd;
}

.clr-purple {
    color: #ad4ef8;
}

.clr-red {
    color: #ee4a4a;
}

.clr-black {
    color: #000 !important;
}

.clr-white {
    color: #fff !important;
}

.bg-orange {
    background-color: #ee6e3b !important;
}

.bg-yellow {
    background-color: #f4a01c !important;
}

.bg-green {
    background-color: #abdb25 !important;
}

.bg-green-dark {
    background-color: #56ba64 !important;
}

.bg-blue {
    background-color: #53b3dd !important;
}

.bg-purple {
    background-color: #ad4ef8 !important;
}

.bg-white {
    background-color: #fff !important;
}

.fw-b {
    font-weight: bold !important;
}

.top-text {
    text-align : center;
    font-size  : 22px;
    color      : #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding    : 20px 0;
}

.cmn-btn {
    font-size     : 13px;
    color         : #fff;
    background    : #56ba64;
    padding       : 4px 8px;
    border-radius : 25px;
    display       : inline-block;
    min-width     : 100px;
    width         : auto;
    font-family   : 'Open Sans', sans-serif;
    vertical-align: bottom;
}

.top-text .cmn-btn {
    margin-left: 7px;
}

.spacer-line {
    height          : 15px;
    background-color: #1a1f2b;
}

ul.profit-bal {
    text-align: center;
    color     : #fff;
    padding   : 50px 0;
}

ul.profit-bal>li {
    display    : inline;
    font-size  : 25px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}

ul.profit-bal>li:first-child {
    margin-right: 50px;
}

.plant-growth {
    position: relative;
    margin  : 0 20px;
}

.plant-growth .field-arrows.left-arrow {
    left: -10px;
}

.plant-growth .field-arrows {
    top: 175px;
}

.plant-growth .field-arrows.right-arrow {
    right: -10px;
}

.plant-box {
    width     : calc(20% - 30px);
    padding   : 0 15px;
    float     : left;
    color     : #000;
    box-sizing: content-box;
}

.plant-box h3 {
    font-size : 16px;
    text-align: center;
    height    : 38px;
}

.plant-box h3 img {
    padding-right : 5px;
    display       : inline-block;
    vertical-align: middle;
}

.plant-table {
    padding   : 10px 15px;
    border    : 1px solid #000;
    min-height: 210px;
    position  : relative;
    background-color: #fbf3f4;
    border-radius: 20px;
}

.plant-table h6 span {
    float        : right;
    padding-right: 7px;
}

.plant-slots {
    min-height     : 142px;
    max-height     : 142px;
    overflow-y     : scroll;
    padding-right  : 7px;
    scrollbar-color: #424c62 transparent;
    scrollbar-width: thin;
    overflow-x     : hidden;

}

.field-set h6 {
    margin: 0px 0 3px;
}

.field-set {
    border-bottom: 1px solid #262f43;
    margin-bottom: 5px;
}

.field-set:last-child {
    border: none;
}

.plant-growth ::-webkit-scrollbar {
    width        : 3px;
    border-radius: 5px;
}

.plant-growth ::-webkit-scrollbar-track {
    background: transparent;
}

.plant-growth ::-webkit-scrollbar-thumb {
    background: #424c62;
}

.plant-growth ::-webkit-scrollbar {
    background: transparent;
}

span.plant-time {
    float     : right;
    font-size : 16px;
    margin-top: 4px;
}

.fnt-lrge {
    font-size: 20px;
}

.plant-table sub {
    font-size: 12px;
    bottom   : 0;
}

.plant-table h5 {
    border-top : 1px dotted #fff;
    padding-top: 15px;
    font-size  : 13px;
}

.plant-table span.price-box {
    float    : right;
    font-size: 16px;
}

.plant-box .cmn-btn {
    text-align    : center;
    text-transform: uppercase;
    margin        : 20px auto;
    /display      : block;
}

.plant-box .cmn-btn img {
    vertical-align: text-top;
    padding-right : 5px;
}

.img-wrap {
    height         : 240px;
    display        : flex;
    align-items    : flex-end;
    justify-content: center;
}


/* @Change because last sell button of my plant page come in left side rather than in the center of the box
.plant-box:last-child .cmn-btn {
    display: inline-block;
    padding: 6px 6px;
}
*/
.cmn-btn:hover {
    color: #fff;
}

.cmn-popup {
    position  : fixed;
    top       : 0;
    left      : 0;
    right     : 0;
    bottom    : 0;
    width     : 100%;
    background: rgba(0, 0, 0, 0.55);
    z-index   : 1000;
}

.cmn-popup .pop-details {
    width    : 80%;
    max-width: 590px;
    /* Changed from 560px to 590px on 28-04-2019 */
    position     : absolute;
    top          : 50%;
    left         : 50%;
    transform    : translate(-50%, -50%);
    background   : #c4e9ff;
    border       : 1px solid #fff;
    border-radius: 30px;
    color        : #fff;
}

.plant-name {
    width        : 67px;
    height       : 67px;
    border       : 2px solid #fff;
    border-radius: 50%;
    margin       : -34px auto 0 auto;
    color        : #fff;
    text-align   : center;
    line-height  : 56px;
    font-size    : 23px;
}

.plant-name sub {
    bottom   : 0;
    font-size: 12px;
}

.pop-details h3 {
    font-size  : 18px;
    text-align : center;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.pop-details h4 {
    font-size  : 16px;
    text-align : center;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding    : 10px 0;
}

ul.stock-qty {
    text-align: center;
}

ul.stock-qty>li {
    font-size  : 14px;
    display    : inline-block;
    margin     : 0 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.plant-info {
    background-color: #1a1f2b;
    border-radius   : 0 0 30px 30px;
    padding         : 20px 10px;
}

.plant-info h6,
.seeding-details {
    font-size     : 16px;
    color         : #555a71;
    text-align    : center;
    padding-bottom: 10px;
}

.plant-info ul li span {
    font-size  : 16px;
    color      : #555a71;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.plant-info ul li {
    font-weight  : 300;
    font-family  : 'Roboto', sans-serif;
    margin-bottom: 7px;
}

a.buy-btn {
    width           : 100%;
    background-color: #ee6e3b;
    display         : block;
    clear           : both;
    text-align      : center;
    color           : #fff !important;
    padding         : 15px 0;
    font-size       : 16px;
    border-radius   : 0 0 30px 30px;
    margin-top      : -20px;
}

.total_price span {
    border     : 1px solid #fff;
    padding    : 1px 7px;
    font-weight: bold;
}

.total_qty input {
    background: transparent;
    border    : 1px solid #fff;
    width     : 60px;
    padding   : 0px 0px 0px 8px;
    margin    : 0 10px;
}

.total_qty a {
    color          : #fff;
    text-decoration: underline;
}

.total_price,
.total_qty {
    padding    : 20px 0 10px 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

a.close-btn {
    background   : #0d101b;
    width        : 130px;
    padding      : 10px 0;
    display      : block;
    text-align   : center;
    margin       : 30px auto 0 auto;
    color        : #fff !important;
    border-radius: 25px;
    font-size    : 15px;
}

.plant-info p.text-center {
    font-size  : 15px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    line-height: 23px;
}

.plant-info table {
    width: 100%;
}

.plant-info table td {
    text-align: left;
    padding   : 10px 3px;
}

.plant-info table span.plus-icon {
    border : 1px solid #32394c;
    padding: 0 5px;
}

.plant-info table input[type="number"] {
    border      : 1px solid #fff;
    background  : transparent;
    width       : 65px;
    padding-left: 5px;
    margin-left : 5px;
}

.plant-info table .tot-price {
    border     : 1px solid;
    padding    : 1px 5px;
    margin-left: 5px;
}

.plant-info table tr:last-child .tot-price {
    margin-left: 10px;
}

.arrows-don {
    position  : absolute;
    right     : 9px;
    bottom    : 50px;
    color     : #424c62;
    opacity   : 0;
    transition: all .5s;
}

/*cannabis*/
.cannabis_pge .menu_wallet {
    margin-right: 29%;
}

.tab_menu_center li span:before {
    content       : '';
    display       : inline-block;
    width         : 19px;
    height        : 18px;
    vertical-align: middle;
    margin-right  : 15px;
}

.tab_menu_center li span {
    color         : #3d404a;
    font-size     : 14px;
    text-transform: capitalize;
    font-family   : 'num', 'Open Sans', ariel, sans-serif;
    font-weight   : 300;
}

.tab_menu_center li span:before {
    content       : '';
    display       : inline-block;
    width         : 19px;
    height        : 18px;
    vertical-align: middle;
    margin-right  : 15px;
}

.tab_menu_center .current span.dash:before {
    background: url(../images/pie_graph_active.png) no-repeat;
}

.tab_menu_center .current span.plnts:before {
    background: url(../images/plnt_active.png) no-repeat;
}

.tab_menu_center .current span.sellitem:before {
    background: url(../images/bar_graph_active.png) no-repeat;
}

.tab_menu_center span.dash:before {
    background: url(../images/pie_graph.png) no-repeat;
}

.tab_menu_center li span.plnts:before {
    background: url(../images/plnt.png) no-repeat;
}

.tab_menu_center li span.sellitem:before {
    background: url(../images/bar_graph.png) no-repeat;
}

.tab_menu_center .current span {
    color: #fff !important;
}

.flter_icon span {
    background    : url(../images/filter.png) no-repeat;
    width         : 16px;
    height        : 14px;
    margin-right  : 9px;
    display       : inline-block;
    vertical-align: middle;
}

.stus_col img {
    max-height: 28px;
    max-width : 22px;
}

td.stus_col span {
    display       : table;
    text-transform: uppercase;
}

.cannabis_pge #trade-market-content tr td {
    padding: 15px 15px 0px 25px;
}

.cannabis_pge #trade-market-content tr td:first-child {
    padding: 20px 0px 8px 30px !important;
}

tr.data-row.border_bottom td {
    padding-bottom: 16px !important;
}

.blu_col {
    color: #53b3dd;
}

.blu_back {
    background: #53b3dd;
}

.gr_col {
    color: #abdb25;
}

.gr_back {
    background: #abdb25;
}

.cannabis_pge #trade-market-content tr input[type="number"] {
    max-width    : 75px;
    height       : 34px;
    padding      : 0px;
    font-size    : 14px;
    color        : #fff;
    font-weight  : lighter;
    background   : transparent;
    border       : 1px solid #fff;
    border-radius: 5px;
    padding      : 0 10px;
    margin-left  : 15px;
}

.cannabis_pge #trade-market-content tr input[type="text"] {
    max-width    : 75px;
    height       : 34px;
    padding      : 0px;
    font-size    : 14px;
    color        : #fff;
    font-weight  : bold;
    background   : transparent;
    border       : 1px solid #fff;
    border-radius: 5px;
    padding      : 0 10px;
    margin-left  : 15px;
    text-align   : center;
}

.cannabis_pge tr.data-row {
    border-color: transparent !important;
}

.cannabis_pget r.data-row.border_bottom {
    border-color: #2c2c2c8a !important;
}

td.buy_bt a {
    width        : 95px;
    height       : 32px;
    font-size    : 13px;
    color        : #fff;
    display      : block;
    line-height  : 32px;
    border-radius: 25px;
}

.cannabis_pge .enable-before-table {
    position: static;
    width   : 100%;
}

.cannabis_pge select.srch_sttus {
    max-width          : 190px;
    font-size          : 14px;
    color              : #000;
    height             : 35px;
    padding-left       : 40px;
    margin-right       : 40px;
    border-color       : #32394c;
    background         : url(../images/aar_slct.png) no-repeat;
    background-position: 95% center;
    text-transform     : uppercase;
    -webkit-appearance : none;
}

.search_set {
    padding: 28px 0px 35px 0px;
}

.search_set .selectize-control {
    width         : 190px;
    display       : inline-block;
    margin-right  : 15px;
    text-transform: uppercase;
}

.search_set .frm_bx {
    max-width  : 650px;
    width      : 100%;
    margin     : 0 auto;
    display    : block;
    color      : #fff;
    font-size  : 16px;
    font-weight: 300;
    position   : relative;
}

.search_set .selectize-input.items.has-options.full.has-items {
    padding-left: 32px;
}

.search_set .frm_bx span {
    margin-right: 15px;
}

.search_set span.stus_img {
    position: absolute;
    left    : 77px;
    top     : 3px;
    z-index : 5;
}

.search_set input[type="number"] {
    max-width    : 80px;
    background   : transparent;
    border       : 1px solid #32394c;
    height       : 34px;
    padding      : 0 10px;
    border-radius: 5px;
    margin-right : 20px;
}

.search_set input[type="submit"] {
    width        : 103px;
    height       : 35px;
    background   : #32394c;
    border       : none;
    border-radius: 5px;
    font-size    : 14px;
}

.cannabis_pge tr.data-row.border_bottom {
    border-color: #2c2c2c8a !important;
}

/*cannabis*/
/*dashboard*/

h2.head_title {
    text-align   : center;
    color        : #fff;
    font-size    : 22.32px;
    margin-bottom: 0px;
}

h2.head_title a {
    background   : #56ba64;
    color        : #fff;
    font-size    : 13px;
    padding      : 10px 15px;
    border-radius: 20px;
    width        : 100%;
    max-width    : 110px;
    display      : inline-block;
    margin-left  : 14px;
}

.chart-wrap {
    position   : relative;
    overflow   : hidden;
    padding-top: 120px;
}

.chart-skills {
    position: relative;
    width   : 700px;
    height  : 350px;
    margin  : auto;
}

.chart-skills li>.grey-block {
    display      : inline-block;
    width        : 80px;
    height       : 80px;
    background   : #253046;
    border-radius: 50%;
    text-align   : center;
    line-height  : 80px;
    position     : absolute;
    z-index      : 50;
    left         : -139px;
    top          : 80px;
}

.chart-skills li:nth-child(1)>.grey-block {
    transform: rotate(-36deg);
}

.chart-skills li:nth-child(2)>.grey-block {
    transform: rotate(-72deg);
}

.chart-skills li:nth-child(3)>.grey-block {
    transform: rotate(-108deg);
}

.chart-skills li:nth-child(4)>.grey-block {
    transform: rotate(-144deg);
}

.chart-skills li:nth-child(5)>.grey-block {
    transform: rotate(-180deg);
}

.chart-skills li.active .grey-block {
    box-shadow: 0px 0px 0px 3px #fff;
}

.chart-skills li.active:nth-child(1) {
    border-color: #ee6f3c;
}

.chart-skills li.active:nth-child(1)>.grey-block {
    background: #ee6f3c;
}

.chart-skills li.active:nth-child(2) {
    border-color: #f4a01c;
}

.chart-skills li.active:nth-child(2)>.grey-block {
    background: #f4a01c;
}

.chart-skills li.active:nth-child(3) {
    border-color: #abdb25;
}

.chart-skills li.active:nth-child(3)>.grey-block {
    background: #abdb25;
}

.chart-skills li.active:nth-child(4) {
    border-color: #53b3dd;
}

.chart-skills li.active:nth-child(4)>.grey-block {
    background: #53b3dd;
}

.chart-skills li.active:nth-child(5) {
    border-color: #ad4ef8;
}

.chart-skills li.active:nth-child(5)>.grey-block {
    background: #ad4ef8;
}

.chart-skills::before,
.chart-skills::after {
    position: absolute;
}

.chart-skills li {
    position                  : absolute;
    top                       : 100%;
    left                      : 0;
    width                     : inherit;
    height                    : inherit;
    border                    : 45px solid #253046;
    border-top                : none;
    border-bottom-left-radius : 350px;
    border-bottom-right-radius: 350px;
    transform-origin          : 50% 0;
    transform-style           : preserve-3d;
    backface-visibility       : hidden;
}

.chart-skills li:nth-child(1) {
    z-index  : 5;
    transform: rotate(36deg);
}

.chart-skills li:nth-child(2) {
    z-index  : 4;
    transform: rotate(72deg);
}

.chart-skills li:nth-child(3) {
    z-index  : 3;
    transform: rotate(108deg);
}

.chart-skills li:nth-child(4) {
    z-index  : 2;
    transform: rotate(144deg);
}

.chart-skills li:nth-child(5) {
    z-index  : 1;
    transform: rotate(180deg);
}

.chart-skills li:after {
    content   : '';
    width     : 46px;
    height    : 3px;
    background: #0e121d;
    position  : absolute;
    top       : -3px;
    left      : -46px;
    z-index   : 10;
}

.chart-skills li:before {
    content   : '';
    width     : 15px;
    height    : 3px;
    background: #fff;
    position  : absolute;
    top       : 100px;
    left      : -50px;
    transform : rotate(-18deg);
}

ul.seed-process {
    max-width  : 925px;
    margin     : 0 auto;
    color      : #fff;
    border-top : 1px solid #fff;
    padding-top: 30px;
}

ul.seed-process>li {
    width : 18%;
    float : left;
    margin: 0 1%;
}

ul.seed-process>li span {
    display: block;
}

.plant-count {
    position      : absolute;
    bottom        : 20%;
    left          : 0;
    right         : 0;
    text-align    : center;
    color         : #fff;
    text-transform: uppercase;
}

.plant-count h6 {
    font-size: 40px;
    margin   : 0;
}

.plant-count h6 sub {
    bottom   : 0;
    font-size: 17px;
}

.my-wrap {
    perspective       : 100px;
    perspective-origin: bottom;
    width             : 63%;
    margin            : auto;
}

.percpective {
    background : rgba(78, 137, 0, 1);
    background : -moz-linear-gradient(left, rgba(78, 137, 0, 1) 0%, rgba(122, 215, 15, 1) 51%, rgba(112, 195, 11, 1) 71%, rgba(78, 137, 0, 1) 100%);
    background : -webkit-gradient(left top, right top, color-stop(0%, rgba(78, 137, 0, 1)), color-stop(51%, rgba(122, 215, 15, 1)), color-stop(71%, rgba(112, 195, 11, 1)), color-stop(100%, rgba(78, 137, 0, 1)));
    background : -webkit-linear-gradient(left, rgba(78, 137, 0, 1) 0%, rgba(122, 215, 15, 1) 51%, rgba(112, 195, 11, 1) 71%, rgba(78, 137, 0, 1) 100%);
    background : -o-linear-gradient(left, rgba(78, 137, 0, 1) 0%, rgba(122, 215, 15, 1) 51%, rgba(112, 195, 11, 1) 71%, rgba(78, 137, 0, 1) 100%);
    background : -ms-linear-gradient(left, rgba(78, 137, 0, 1) 0%, rgba(122, 215, 15, 1) 51%, rgba(112, 195, 11, 1) 71%, rgba(78, 137, 0, 1) 100%);
    background : linear-gradient(to right, rgba(78, 137, 0, 1) 0%, rgba(122, 215, 15, 1) 51%, rgba(112, 195, 11, 1) 71%, rgba(78, 137, 0, 1) 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e8900', endColorstr='#4e8900', GradientType=1);
    transform  : rotateX(7deg);
    perspective: 100px;
    position   : relative;
}

.percpective:after {
    content   : '';
    width     : 98%;
    height    : 25px;
    background: rgba(93, 56, 0, 1);
    background: -moz-linear-gradient(left, rgba(93, 56, 0, 1) 0%, rgba(109, 60, 0, 1) 30%, rgba(120, 62, 0, 1) 65%, rgba(137, 66, 0, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(93, 56, 0, 1)), color-stop(30%, rgba(109, 60, 0, 1)), color-stop(65%, rgba(120, 62, 0, 1)), color-stop(100%, rgba(137, 66, 0, 1)));
    background: -webkit-linear-gradient(left, rgba(93, 56, 0, 1) 0%, rgba(109, 60, 0, 1) 30%, rgba(120, 62, 0, 1) 65%, rgba(137, 66, 0, 1) 100%);
    background: -o-linear-gradient(left, rgba(93, 56, 0, 1) 0%, rgba(109, 60, 0, 1) 30%, rgba(120, 62, 0, 1) 65%, rgba(137, 66, 0, 1) 100%);
    background: -ms-linear-gradient(left, rgba(93, 56, 0, 1) 0%, rgba(109, 60, 0, 1) 30%, rgba(120, 62, 0, 1) 65%, rgba(137, 66, 0, 1) 100%);
    background: linear-gradient(to right, rgba(93, 56, 0, 1) 0%, rgba(109, 60, 0, 1) 30%, rgba(120, 62, 0, 1) 65%, rgba(137, 66, 0, 1) 100%);
    filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d3800', endColorstr='#894200', GradientType=1);
    position  : absolute;
    bottom    : -22px;
    left      : 7px;
    right     : 0;
    transform : rotateX(-10deg);
}

.percpective table {
    width          : 100%;
    border-collapse: collapse;
}

.percpective table td {
    text-align: center;
    border    : 1px solid #fff;
    color     : #fff;
    padding   : 15px 25px;
    font-size : 18px;
    position  : relative;
    cursor    : pointer;
}

.sold-out {
    position: absolute;
    top     : -37px;
    left    : -16px;
}

.percpective table td sub {
    vertical-align: unset;
}

.percpective table td.sold-item {
    background-color: #284613;
}

.percpective table td:not(.sold-item):hover,
.percpective table td.active {
    background-color: #f7921a;
}

.percpective table td:not(.sold-item):hover span.field-progress,
.percpective table td.active span.field-progress {
    opacity: 0;
}

span.field-element,
span.sold-out {
    -webkit-transform: rotateX(-7deg);
    -moz-transform   : rotateX(-7deg);
    transform        : rotateX(-7deg);
    display          : block;
    z-index          : 10;
}

span.field-img {
    position         : absolute;
    right            : 8px;
    top              : 10px;
    -webkit-transform: rotateX(-7deg);
    -moz-transform   : rotateX(-7deg);
    transform        : rotateX(-7deg);
    display          : block;
    z-index          : 5;
}

span.field-progress {
    position  : absolute;
    top       : 0;
    left      : 0;
    height    : 100%;
    background: #284613;
    z-index   : 2;
}

span.field-img>img,
.sold-out>img {
    margin               : 0;
    width                : auto;
    height               : auto;
    -webkit-border-radius: 0;
    -moz-border-radius   : 0;
    border-radius        : 0;
}

span.field-element {
    position  : relative;
    text-align: center;
}

.content-scroll {
    max-height     : 82vh;
    overflow-y     : auto;
    padding-bottom : 58px;
    scrollbar-color: #424c62 transparent;
    scrollbar-width: thin;
}

.cir_box li .cmn-btn {
    position  : absolute;
    top       : -39px;
    left      : 6px;
    width     : 75px;
    text-align: center;
    padding   : 2px 0;
}

.cir_box li .cmn-btn img {
    vertical-align: sub;
    padding-right : 5px;
}

.right-offers {
    float       : right;
    margin-right: 30px;
}

.right-offers .view-plants:before {
    background     : url(../images/large-plant.png) no-repeat;
    content        : '';
    width          : 27px;
    height         : 57px;
    display        : inline-block;
    background-size: 100% 100%;
    vertical-align : middle;
    margin-right   : 10px;
}

.owner-offers a.ownwer-img:before {
    background     : url(../images/owner-avatar.png) no-repeat;
    content        : '';
    width          : 28px;
    height         : 37px;
    display        : inline-block;
    background-size: 100% 100%;
    vertical-align : middle;
    margin-right   : 10px;
}

.owner-offers {
    margin-top: 20px;
    position  : relative;
}

.offer-pop {
    position         : absolute;
    background       : #fff;
    width            : 400px;
    right            : 113%;
    top              : -16px;
    z-index          : 1000;
    text-align       : center;
    padding          : 10px 10px;
    -webkit-transform: scale(0);
    -moz-transform   : scale(0);
    transform        : scale(0);
    transform-origin : right top;
    transition       : all .5s;
}

.owner-offers:hover .offer-pop {
    transform: scale(1);
}

.offer-pop p {
    max-width    : 80%;
    margin       : auto;
    line-height  : 25px;
    margin-bottom: 20px;
}

.offer-pop h4 {
    color: #56ba64;
}

.offer-pop:before {
    content      : '';
    width        : 0px;
    height       : 0px;
    border-top   : 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left  : 20px solid #ffffff;
    position     : absolute;
    right        : -19px;
}

.offer-pop .carousel-control.right,
.carousel-control.left {
    background-image: none;
    top             : 50%;
    bottom          : auto;
    width           : 20px;
    color           : #253046;
}

.right-offers .ownwer-img,
.view-plants {
    color          : #fff;
    text-decoration: underline;
}

.owner-offers>span {
    color           : #fff;
    background-color: red;
    border-radius   : 50%;
    width           : 20px;
    height          : 20px;
    display         : inline-block;
    text-align      : center;
    margin-left     : 5px;
}

.owl-wrapper {
    margin: 40px auto;
}

.owl-carousel .owl-nav {
    display: block !important;
}

.owl-carousel .owl-nav.no--nav {
    display: none !important;
}

/*changes*/
.table-data {
    scrollbar-color: #424c62 transparent;
    scrollbar-width: thin;
}

.row.footer-right.footer-pop+.row.footer-right {
    z-index: 10 !important;
}

.list_box {
    max-width    : 325px;
    margin       : 0 auto;
    padding      : 18px 20px 1px 20px;
    background   : #0d101b;
    border-radius: 15px;
}

.list_box span.clr-green-dark {
    float: right;
}

.list_box li {
    padding      : 4px 0px;
    border-bottom: 1px dotted #2a533799;
}

.list_box li:last-child {
    border: none;
}

ul.centr_txtinfo {
    text-align: center;
}

.br_col {
    color: #b37623;
}

.shw_fix {
    visibility: visible !important;
}

tr.sell_byunits td {
    padding: 3px 3px;
}

input.can-inp {
    background : transparent;
    border     : 1px solid #fff;
    margin-left: 5px;
    padding    : 1px 5px;
    width      : 80px;
    /* Changed from 60px to 80px on 28-04-2019 */
    color: #fff;
}

input.can-inp::placeholder {
    color: #fff !important;
}

.field-arrows {
    position : absolute;
    top      : 50%;
    transform: rotateX(0deg);
    cursor   : pointer;
}

.field-arrows.left-arrow {
    left: -50px;
}

.field-arrows.right-arrow {
    right: -50px;
}

.plant-box .get-style {
    display: inline-block;
    width  : auto;
    padding: 6px 9px;
}

.plant-box .get-profit {
    display: inline-block;
}

.number-input input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance   : textfield;
    appearance        : textfield;
}

.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.number-input {
    display : inline-block;
    position: relative;
    width   : 80px;
}

.number-input .plus {
    position: absolute;
    right   : 15px;
    top     : -3px;
    color   : #fff;
}

.number-input .minus {
    position: absolute;
    right   : 15px;
    bottom  : -4px;
    color   : #fff;
}

.sell_table .number-input .plus {
    right: 0px;
    top  : 5px;
}

.sell_table .number-input .minus {
    bottom: 1px;
    right : 0px;
}

.hidden-big {
    display: none !important;
}

.field-name {
    color    : #fff;
    font-size: 16px;
}

.selected_item span.plus-icon {
    background: #f4a01c;
}

ul.sell-table>li {
    color    : #fff;
    display  : inline-block;
    font-size: 14px;
    margin   : 0 20px;
}

ul.sell-table>li span.clr-yellow {
    font-size: 14px;
    color    : #f4a01c;
}

ul.sell-table>li span.tot-price {
    border     : 1px solid;
    padding    : 1px 5px;
    margin-left: 7px;
    color      : #fff;
    font-size  : 14px;
}

.sell-tab-itms ul>li {
    display: inline-block;
    margin : 0 10px;
    /* Changed from 0 20px to 0 10px on 14-04-2019 */
}

.sell-tab-itms {
    margin: 0px 0 0 39px;
}

.sell-tab-itms>ul {
    margin-bottom: 10px;
}

.sell-tab-itms ul>li:first-child {
    margin-left: 39px;
}

.sell-tab-itms input.quantity {
    border      : 1px solid #fff;
    background  : transparent;
    width       : 65px;
    padding-left: 5px;
    margin-left : 5px;
}

span.plus-icon.opt_one {
    background: #fff;
    padding   : 0 3px;
    width     : 16px;
    display   : inherit;
    text-align: center;
}

.sell-tab-itms ul>li:last-child {
    margin-left: 5px;
}

ul.sell-table>li:first-child {
    width: 16px;
}

ul.sell-table>li:last-child {
    display: inline;
}

span.plus-icon.opt_one.active {
    background: #f4a01c;
    color     : #fff;
}

/*changes*/

@media screen and (max-width:1500px) and (min-width:1024px) {
    .plant-box h3 {
        font-size: 13px;
        height   : 32px;
    }

    .plant-table {
        padding: 10px 5px;
    }

    span.plant-time {
        width    : 50px;
        font-size: 13px;
    }

    .plant-box .cmn-btn {

        width: 70px;
    }

    .plant-table h6 span {
        margin-right: 15px;
        width       : auto;
    }
}

@media screen and (max-width:1199px) {
    .my-wrap {
        width: 57%;
    }

    .percpective table td {
        padding  : 10px 20px;
        font-size: 12px;
    }

    .raibow_set,
    ul.seed-process {
        width: 90%;
    }

    ul.cir_box li>img {
        width: 50%;
    }

    .cir_box li {
        width : 50px;
        height: 50px;
    }

    .offer-pop {
        width  : 300px;
        padding: 5px;
    }

    .offer-pop p {
        max-width: 100%;
    }

    .cir_box li:first-child {
        bottom: -270px;
        left  : -24px;
    }

    .cir_box li:nth-child(2) {
        bottom: -155px;
        left  : 0px;
    }

    .cir_box li:nth-child(4) {
        bottom: -155px;
        right : -127px;
    }

    .cir_box li:last-child {
        bottom: -271px;
        right : -155px;
    }

    .cir_box li:nth-child(3) {
        bottom: -112px;
        left  : 64px;
    }

    .cir_box li .cmn-btn {
        left: -15px;
    }
}

@media screen and (max-width:1150px) and (min-width:1024px) {
    .cir_box li:first-child {
        bottom: -270px;
        left  : -39px;
    }

    .cir_box li:nth-child(2) {
        bottom: -155px;
        left  : -15px;
    }

    .cir_box li:nth-child(4) {
        bottom: -155px;
        right : -109px;
    }

    .cir_box li:last-child {
        bottom: -271px;
        right : -138px;
    }

    .cir_box li:nth-child(3) {
        bottom: -112px;
        left  : 49px;
    }

    .cir_box li .cmn-btn {
        left: -15px;
    }

    .plant-box {
        width  : calc(20% - 10px);
        padding: 0 5px;
    }

    .plant-table {
        padding: 10px 0px;
    }
}

@media screen and (max-width:1023px) {
    ul.profit-bal {
        padding: 20px 0;
    }

    ul.profit-bal>li,
    .top-text,
    .fnt-lrge {
        font-size: 16px;
    }

    .cir_box li:nth-child(3) {
        left: 100px;
    }

    .cir_box li:nth-child(2) {
        left: 40px;
    }

    .cir_box li:first-child {
        left: 9px;
    }

    .cir_box li:nth-child(4) {
        right: -170px;
    }

    .cir_box li:last-child {
        right: -196px;
    }
}

@media screen and (max-width:1023px) and (min-width:768px) {
    .plant-box {
        width  : calc(25% - 20px);
        padding: 0 10px;
    }

    .plant-box h3 {
        font-size : 10px;
        text-align: center;
        height    : 24px;
    }

    .plant-table {
        padding: 10px 2px;
    }

    percpective table td {
        padding: 10px 15px;
    }

    .my-wrap {
        width: 52%;
    }
}

@media screen and (max-width:767px) {
    .plant-info .total_price.pull-right {
        float: none !important;
    }

    .search_set .frm_bx {
        max-width: 305px;
    }

    .cannabis_pge select.srch_sttus {
        margin-bottom: 15px;
    }

    .hidden-big {
        display: inline-block !important;
    }

    ul.seed-process>li span.circle-imgz {
        display: inline-block;
    }

    .chart-wrap {
        display: none;
    }

    .my-wrap {
        perspective: none;
        width      : 83%;
        position   : relative;
    }

    .percpective {
        transform  : rotateX(0deg);
        perspective: none;
        overflow-x : auto;
        max-width  : 99%;
    }

    ul.seed-process>li {
        width : 100%;
        margin: 0 0 15px;
        float : none;
    }

    .percpective:after {
        display: none;
    }

    ul.seed-process .cmn-btn {
        margin-left   : 10px;
        text-align    : center;
        vertical-align: baseline;
        position      : relative;
        top           : -15px;
    }

    ul.seed-process .cmn-btn img {
        vertical-align: sub;
    }

    .right-offers {
        float        : none;
        margin-right : 0;
        text-align   : center;
        margin-bottom: 10px;
    }

    .right-offers a.view-plants {
        display: inline-block;
    }

    .owner-offers {
        display: inline-block;
    }

    .owl-wrapper {
        width : 250px;
        margin: 40px auto 30px auto;
    }

    .sold-out {
        top: 6px;
    }

    span.field-img>img,
    .sold-out>img {
        height: 21px;
    }

    span.field-img {
        right: 0;
    }

    .offer-pop {
        right: 0;
        top  : 42px;
    }

    .offer-pop:before {
        border-left  : 10px solid transparent;
        border-right : 10px solid transparent;
        border-bottom: 10px solid #fff;
        border-top   : none;
        top          : -10px;
        right        : 7%;
    }

    .field-arrows.left-arrow {
        left: -25px;
    }

    .field-arrows.right-arrow {
        right: -25px;
    }

    .plant-box {
        width     : 50%;
        margin    : auto;
        box-sizing: border-box;
        float     : none;
    }

    .img-wrap {
        height: auto;
    }
}

@media screen and (max-width:500px) {
    .plant-box {
        width: 80%;
    }
}

@media screen and (max-height:760px) {
    @-moz-document url-prefix() {
        .content-scroll {
            max-height: 78vh;
        }
    }
}

.fd-name {
    color    : #fff;
    font-size: 16px;
}

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

.temp-sell-btn {
    height    : 29.49px;
    background: none;
}

.match_my_deal_clr {
    background-color: #abdb25 !important;
}

.seeding-popup-text {
    margin     : 0 20px 10px 20px;
    font-size  : 14px;
    line-height: 23px;
    color      : rgba(255, 255, 255, .6);
    text-align : justify;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.table.seeding-details-popup-table>tbody>tr>td {
    padding   : 5px 0px;
    text-align: left;
}

.table.seeding-details-popup-table {
    height     : 50px;
    width      : 250px;
    margin-left: 180px;
}

h4.right-side-header {
    text-align   : right;
    margin       : 0px 20px 0px 0px;
    padding-right: 10px;
}

.profit-padding {
    padding-top  : 0px;
    padding-right: 0px !important;
    margin-right : 12px !important;
}

h4.left-side-header-price {
    text-align  : left;
    margin      : 0px 0px 0px 20px;
    padding-left: 10px;
}

.stock-qty.left-side-header {
    text-align  : left;
    margin-left : 15px;
    padding-left: 10px;
    margin-top  : 10px;
}

.left-side-header-column {
    padding-right: 0px;
    width        : 60%;
}

.right-side-header-column {
    padding-left : 10px;
    width        : 35%;
    padding-right: 0px;
}

.header2_buy_cannabis {
    width : 100%;
    margin: 0px auto;
}

.header2_buy_cannabis_col1 {
    padding-left: 30px;
}

.header2_buy_cannabis_col2 {
    padding-right: 30px;
}

.cannabis-buy-heading1 {
    text-align   : left !important;
    margin-bottom: 0px;
    margin-top   : 10px;
}

.cannabis-buy-heading2 {
    text-align: left !important;
    margin-top: 0px;
}

.cannabis-buy-heading1-value {
    text-align   : right !important;
    margin-bottom: 0px;
    margin-top   : 10px;
}

.cannabis-buy-heading2-value {
    text-align: right !important;
    margin-top: 0px;
}

#sell-btn_setting {
    color: grey;
}

#sell-btn_close .ion-android-close {
    color: grey;
}

#sell-btn_close :hover {
    color: #f7921a;
}

#sell-btn_setting :hover {
    color: #f7921a;
}

.cann-header-2 ul .inline-b {
    padding-right: 1px !important;
    padding-left : 1px !important;
}

/* START OF MY PARKING */
.header_2.my-parking-header2-lower-border {
    min-height: 9px;
}

.my-parking-header2 {
    font-size     : 20px;
    letter-spacing: 1px;
    line-height   : 18px;
    color         : #ffffff;
    font-family   : "Roboto";
    font-weight   : 300;
    padding       : 15px 0px;
}

.my-parking-header a {
    padding: 0px;
    color  : #fff;
}

.my-parking-header {
    color: #fff;
}

.logo-text {
    margin-top : 12px;
    margin-left: 10px;
}

.plant-box.my-parking-box-layout {
    min-width: calc(20% - 30px);
    width    : auto;
}

@media screen and (max-width: 1150px) and (min-width: 1024px) {
    .plant-box.my-parking-box-layout {
        padding: 0 5px;
    }
}

.parking-box-head-text {
    font-size    : 12px;
    color        : #000;
    padding-right: 0px;
    padding-left : 0px;
    text-align   : center;
}

.parking-area-name {
    font-size: 20px;
}

.my-parking-box,
.my-ehpad-box {
    margin-top: 30px;
}

.row.text-center.my-parking-text-logo {
    margin-top   : 10px;
    margin-bottom: 30px;
}

.my-parking-logo {
    padding-right: 14px;
    max-width    : 50px;
    margin-left  : 25px;
}

.parking-box-head {
    border-bottom : 1px solid #262f43;
    padding-bottom: 5px;
    margin-right  : 0px;
    margin-left   : 0px;
}

.parking-box-area1 {
    border-bottom: 1px solid #262f43;
    margin-right : 0px;
    margin-left  : 0px;
}

.parking-box-area2 {
    margin-right: 0px;
    margin-left : 0px;
}

.my-parking-row-padding {
    padding-right: 0px;
    padding-left : 0px;
}

.my-parking-row-padding.top-margin {
    margin-top: 5px;
}

.clr-motorbike {
    color: #ff7676;
}

.bg-motorbike {
    background-color: #ff7676;
}

.clr-urban {
    color: #00a0de;
}

.bg-urban {
    background-color: #00a0de;
}

.clr-sedan {
    color: #63bd6e;
}

.bg-sedan {
    background-color: #63bd6e;
}

.clr-suv {
    color: #58c0c4;
}

.bg-suv {
    background-color: #58c0c4;
}

.clr-parking-box {
    color: #dc4a8b;
}

.bg-people-carrier {
    background-color: #dc4a8b;
}

.clr-utility {
    color: #8c6cab;
}

.bg-utility {
    background-color: #8c6cab;
}

.clr-electricity-car {
    color: #ec9e49;
}

.bg-electricity-car {
    background-color: #ec9e49;
}

.clr-vip-car {
    color: #f0c23b;
}

.bg-vip-car {
    background-color: #f0c23b;
}

.my-parking-area-row {
    padding-left: 20px;
}

h3.myparking-area-name {
    text-align   : left;
    margin-bottom: 0px;
}

.my-parking-awaiting-payment {
    color         : red;
    font-size     : 13px;
    letter-spacing: 0.06em;
}

.tab_menu_center li span.my-parking:before {
    background-image: url(assets/images/my-parking-grey.png);
    height          : 25px;
    width           : 20px;
}

.tab_menu_center .current span.my-parking:before {
    background-image: url(assets/images/my-parking-green.png);
}

.tab_menu_center li span.gift:before {
    background-image: url(assets/images/gift-grey.png);
    height          : 26px;
    width           : 24px;
}

.tab_menu_center .current span.gift:before {
    background-image: url(assets/images/gift-green.png);
}

.tab_menu_center .current span.parking-dash:before {
    background: url(../images/parking_dash_active.png) no-repeat !important;
}

.tab_menu_center span.parking-dash:before {
    background: url(../images/pie_graph.png) no-repeat;
}

/* END OF MY PARKING */

/* START OF PARKING */
.middle-barrier-parking-bottom-slot {
    border-top: 10px solid #28314a;
}

.middle-barrier-parking-upper-slot {
    border-bottom: 10px solid #28314a;
}

.parking-dashboard-reserve-slot {
    pointer-events: none;
    background    : rgba(255, 255, 255, 0.7);
}

.parking-dashboard-reserve-slot-2 {
    background: rgba(255, 127, 80, 0.7);
    opacity   : 0.9;
}

.parking-dashboard-reserve-slot p,
.parking-dashboard-reserve-slot-car,
.parking-dashboard-reserve-slot-2 p {
    opacity: 0.5;
}

.down-wall-1 {
    border-radius: 0px 0px 12px 12px;
    border       : 1px solid #253046;
    width        : 30px;
    height       : 63px;
}

.rcorners2-up {
    border-radius: 12px 12px 0px 0px;
    border       : 1px solid #253046;
    width        : 30px;
    height       : 48px;
}

.rcorners5 {
    border-radius: 0px;
    border       : 1px solid #253046;
    width        : 35px;
    height       : 48px;
    padding-top  : 23px;
}

.rcorners6 {
    border-radius: 0px;
    border       : 1px solid #253046;
    width        : 25px;
    height       : 48px;
    padding-top  : 23px;
}

.rcorners4 {
    border-radius   : 0px 0px 12px 12px;
    border          : 1px solid #253046;
    width           : 8px;
    height          : 48px;
    background-color: #253046;
}

.rcorners3 {
    width     : 40px;
    height    : 64px;
    padding   : 3px 2px 2px;
    border-top: 1px solid #253046;
    cursor    : pointer;
}

.bg-clr-B11 {
    width     : 40px;
    height    : 38px;
    padding   : 3px 2px 2px;
    background: rgba(255, 255, 255, 0.7);
    position  : absolute;
    z-index   : 2;
    margin-top: -1px;
}

.single-border {
    border: 1px solid #253046;
    width : 100%;
}

.text-clr {
    color: white;
}

.car-parking-slot {
    height     : 58px;
    width      : 36px;
    padding-top: 5px;
    cursor     : pointer;
}

.over-lay-div-border {
    z-index         : 2;
    position        : absolute;
    background-color: #111523;
    height          : 27px;
    margin-left     : -2px;
    margin-top      : -18px;
    border          : 2px solid #253046;
    margin-left     : -3px;
    border-left     : none;
}

@media (min-width:1400px) {
    .over-lay-div-border {
        width: 47px;
    }

    .over-lay-div-border.C-slot {
        width: 48px;
    }
}

@media (max-width:1399px) and (min-width:1350px) {
    .over-lay-div-border {
        width: 46px;
    }

    .over-lay-div-border.C-slot {
        width: 42px;
    }
}

@media (max-width:1349px) and (min-width:1340px) {
    .over-lay-div-border {
        width: 47px;
    }

    .over-lay-div-border.C-slot {
        width: 42px;
    }
}

@media (max-width:1339px) and (min-width:1101px) {
    .over-lay-div-border.B-slot {
        width: 45px;
    }

    .over-lay-div-border.C-slot {
        width: 40px;
    }
}

@media (max-width:1100px) {
    .over-lay-div-border.C-slot {
        width: 36px;
    }

    .over-lay-div-border.B-slot {
        width: 40px;
    }
}

.parking-F-slot {
    margin-left: -2.5px;
    width      : 82px;
    height     : 22px;
    display    : flex;
    border-left: 2px solid #253046;
    cursor     : pointer;
}

.parking-F-border-bottom {
    margin-left     : -2.5px;
    background-color: #253046;
    width           : 78px;
    height          : 4px;
    border          : 2px solid #253046;
    border-radius   : 0px 20px 20px 0px;
}

.border-style {
    border-top   : none;
    border-radius: 0px 0px 10px 10px;
}

.parking-D-slot {
    border-top: none;
}

.table>tbody>.table_description>td {
    padding       : 10px 15px 10px 15px;
    text-align    : justify;
    width         : 20%;
    vertical-align: top !important;
}

.over-lay-div-circle {
    z-index         : 2;
    position        : absolute;
    background-color: #253046;
    width           : 16px;
    height          : 10px;
    margin-left     : -4px;
    margin-top      : 42px;
    border          : 1px solid black;
    border-radius   : 12px 12px 12px 12px;
}

.parking-B-partition {
    border: 1px solid #253046;
    width : 40px;
}

.parking-side-partition {
    height          : 48px;
    width           : 8px;
    background-color: #253046;
}

.parking-side-partition.lower-part {
    border-radius: 0px 0px 12px 12px;
}

.parking-side-partition.upper-part {
    border-radius: 12px 12px 0px 0px;
}

.parking-side-partition-middle-border {
    border: 1px solid black;
    width : 8px;
}

.parking-side-partition-middle-border-clr {
    border: 1px solid #253046;
    width : 8px;
}

.vehicle-parking-middle-border {
    border: 1px solid #253046;
    width : 40px;
}

.vehicle-price {
    margin-bottom: 10px;
}

.table>tbody>tr>td.table_head {
    padding   : 0px 10px 10px;
    text-align: center;
}

.table.border-styling {
    border-style: hidden;
}

.padding-E-slot {
    padding-top: 10px;
}

.utility-icon {
    background-image: url(assets/images/car_icons/utility-icon.png);
    height          : 13px;
    width           : 27px;
    margin          : 0 auto;
    margin-top      : 14px;
}

.parking-box-icon {
    background-image: url(assets/images/car_icons/parking-box-icon.png);
    height          : 13px;
    width           : 27px;
    margin          : 0 auto;
    margin-top      : 14px;
}

.motorbike-icon {
    background-image: url(assets/images/car_icons/motorbike-icon.png);
    height          : 15px;
    width           : 27px;
    margin          : auto;
}

.text-padding-F-slot {
    padding-left: 15px;
}

.vip-car-icon {
    background-image: url(assets/images/car_icons/vip-car-icon.png);
    height          : 21px;
    width           : 24px;
    margin          : 0 auto;
}

.vip-car-icon1 {
    background-image: url(assets/images/car_icons/vip-car-icon1.png);
    height          : 18px;
    width           : 21px;
    margin          : 0 auto;
}

.electricity-car-icon {
    width           : 19px;
    height          : 30px;
    position        : absolute;
    margin-top      : -15px;
    margin-left     : 3px;
    background-image: url(assets/images/car_icons/electricity-car-icon.png);
}

.sedan-icon {
    background-image: url(assets/images/car_icons/sedan-icon.png);
    height          : 10px;
    width           : 29px;
    margin          : 0 auto;
}

.sedan-icon-down {
    margin-top: 5px;
}

.sedan-icon-up {
    margin-bottom: 5px;
}

.suv-icon {
    background-image: url(assets/images/car_icons/suv-icon.png);
    height          : 12px;
    width           : 29px;
    margin          : 0 auto;
}

.suv-icon-down {
    margin-top: -4px;
}

.suv-icon-up {
    margin-bottom: 4px;
}

.urban-icon {
    background-image: url(assets/images/car_icons/urban-icon.png);
    height          : 13px;
    width           : 22px;
    margin          : 0 auto;
}

.urban-down-slot {
    padding-top: 0px;
}

.urban-icon-up {
    margin-top: -3px !important;
}

.B-slot-padding {
    padding-top: 12px !important;
}

.electricity-car-logo {
    background-image: url(assets/images/car_icons/electricity-car-logo.png);
    height          : 43px;
    min-width       : 43px;
}

.urban-logo {
    background-image: url(assets/images/car_icons/urban-logo.png);
    height          : 43px;
    min-width       : 43px;
}

.motorbike-logo {
    background-image: url(assets/images/car_icons/motorbike-logo.png);
    height          : 43px;
    min-width       : 43px;
}

.parking-box-logo {
    background-image: url(assets/images/car_icons/parking-box-logo.png);
    height          : 43px;
    min-width       : 43px;
}

.sedan-logo {
    background-image: url(assets/images/car_icons/sedan-logo.png);
    height          : 43px;
    min-width       : 43px;
}

.suv-logo {
    background-image: url(assets/images/car_icons/suv-logo.png);
    height          : 43px;
    min-width       : 43px;
}

.vip-car-logo {
    background-image: url(assets/images/car_icons/vip-car-logo.png);
    height          : 43px;
    min-width       : 43px;
}

.utility-logo {
    background-image: url(assets/images/car_icons/utility-logo.png);
    height          : 43px;
    min-width       : 43px;
}

.last-slot-C {
    height       : 48px;
    width        : 25px;
    padding-top  : 5px;
    border-radius: 10px;
    margin-left  : 15px;
}

.last-slot-B-lower-part {
    width      : 41px;
    height     : 64px;
    border     : 2px solid #253046;
    border-top : none;
    position   : absolute;
    z-index    : 1;
    margin-left: -44px;
    margin-top : -58px;
}

.parking-dashboard-top {
    color      : #a6a6a6;
    padding    : 20px;
    padding-top: 30px;
}

.parking-dashboard-top h1 {
    font-size: 18px;
}

.parking-dashboard-head-text {
    font-size: 20px;
}

.parking-dashboard-A-B-col {
    padding: 50px 10px 10px 75px;
}

.parking-dashboard-A-row {
    padding        : 10px 0px 90px 40px;
    height         : 48px;
    display        : flex;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

@media (min-width:4502px) {
    .parking-B-row {
        padding: 10px 0px 10px 38%;
    }

    .parking-C-col {
        padding: 10px 10px 90px 37%;
    }

    .parking-tab ul.parking-tab-content {
        margin-left: 42%;
    }

    .cannabis-tab ul.cannabis-tab-content {
        margin-left: 37%;
    }
}

@media (max-width:4501px) and (min-width:2802px) {
    .parking-B-row {
        padding: 10px 0px 10px 35%;
    }

    .parking-C-col {
        padding: 10px 10px 90px 33%;
    }

    .parking-tab ul.parking-tab-content {
        margin-left: 40%;
    }

    .cannabis-tab ul.cannabis-tab-content {
        margin-left: 36%;
    }
}

@media (max-width:2801px) and (min-width:2102px) {
    .parking-B-row {
        padding: 10px 0px 10px 28%;
    }

    .parking-C-col {
        padding: 10px 10px 90px 24%;
    }

    .parking-tab ul.parking-tab-content {
        margin-left: 38%;
    }

    .cannabis-tab ul.cannabis-tab-content {
        margin-left: 32%;
    }
}

@media (max-width:2101px) and (min-width:1902px) {
    .parking-B-row {
        padding: 10px 0px 10px 19%;
    }

    .parking-C-col {
        padding: 10px 10px 90px 16%;
    }

    .parking-tab ul.parking-tab-content {
        margin-left: 34%;
    }

    .cannabis-tab ul.cannabis-tab-content {
        margin-left: 27%;
    }
}

@media (max-width:1901px) and (min-width:1802px) {
    .parking-B-row {
        padding: 10px 0px 10px 15%;
    }

    .parking-C-col {
        padding: 10px 10px 90px 12%;
    }

    .parking-tab ul.parking-tab-content {
        margin-left: 33%;
    }

    .plant-table.my-parking-box {
        width: 331px;
    }

    .plant-table.my-ehpad-box {
        width: 451px;
    }

    .cannabis-tab ul.cannabis-tab-content {
        margin-left: 25%;
    }
}

@media (max-width:1801px) and (min-width:1702px) {
    .parking-B-row {
        padding: 10px 0px 10px 14%;
    }

    .parking-C-col {
        padding: 10px 10px 90px 9%;
    }

    .parking-tab ul.parking-tab-content {
        margin-left: 31%;
    }

    .plant-table.my-parking-box {
        width: 308px;
    }

    .plant-table.my-ehpad-box {
        width: 402px;
    }

    .plant-box.my-ehpad-box-layout {
        padding: 0 22px;
    }

    .cannabis-tab ul.cannabis-tab-content {
        margin-left: 21.5%;
    }
}

@media (max-width:1701px) and (min-width:1502px) {
    .parking-B-row {
        padding: 10px 0px 10px 12%;
    }

    .parking-C-col {
        padding: 10px 10px 90px 60px;
    }

    .parking-tab ul.parking-tab-content {
        margin-left: 30%;
    }

    .plant-table.my-parking-box {
        width: 269px;
    }

    .plant-table.my-ehpad-box {
        width: 369px;
    }

    .cannabis-tab ul.cannabis-tab-content {
        margin-left: 20%;
    }
}

@media (max-width:1501px) and (min-width:1301px) {
    .parking-B-row {
        padding: 10px 0px 10px 10%;
    }

    .parking-C-col {
        padding: 10px 10px 90px 60px;
    }

    .parking-tab ul.parking-tab-content {
        margin-left: 26%;
    }

    .plant-table.my-parking-box {
        width: 327px;
    }

    .plant-table.my-ehpad-box {
        width: 328px;
    }

    .cannabis-tab ul.cannabis-tab-content {
        margin-left: 15%;
    }
}

@media (min-width:1301px) {
    .parking-dashboard-A-row {
        padding: 10px 0px 90px 40px;
    }

    .mid-div {
        width: 51px;
    }

    .mid-div-C {
        min-width: 47px;
    }

    .ellipse-icon,
    .ellipse-icon-B {
        margin-left: -3px;
    }
}

@media (max-width:1300px) {
    .parking-dashboard-A-row {
        padding: 10px 0px 90px 0px;
    }

    .parking-B-row {
        margin         : 10px -20px 10px 0px;
        align-items    : center;
        justify-content: center;
    }

    .parking-C-col {
        padding: 10px 10px 90px 60px;
    }

    .parking-tab ul.parking-tab-content {
        margin-left: 25%;
    }

    .cannabis-tab ul.cannabis-tab-content {
        margin-left: 8%;
    }
}

@media (max-width:1300px) and (min-width:1101px) {
    .plant-table.my-parking-box {
        width: 293px;
    }

    .plant-table.my-ehpad-box {
        width: 423px;
    }

    .plant-box.my-ehpad-box-layout {
        padding: 0 22px;
    }
}

@media (max-width:1100px) and (min-width:1001px) {
    .plant-table.my-parking-box {
        width: 272px;
    }

    .plant-table.my-ehpad-box {
        width: 372px;
    }

    .plant-box.my-ehpad-box-layout {
        padding: 0 22px;
    }
}

@media (max-width:1000px) and (min-width:901px) {

    .plant-table.my-parking-box,
    .plant-table.my-ehpad-box {
        width: 267px;
    }
}

@media (max-width:900px) and (min-width:701px) {

    .plant-table.my-parking-box,
    .plant-table.my-ehpad-box {
        width: 346px;
    }
}

.parking-dashboard-B-row {
    padding    : 40px 0px 10px 40px;
    margin-left: 20px;
    display    : flex;
}

.parking-dashboard-F-col {
    padding: 43px 0px 0px 0px;
    display: flex;
}

.parking-dashboard-right-col {
    height: 300px;
}

.parking-dashboard-right-col2 {
    height : 100%;
    padding: 20px 10px 10px 0px;
}

.parking-dashboard-D-row {
    height : 30%;
    padding: 25px 15px 10px 10px;
    display: flex;
}

.parking-dashboard-E-row {
    padding: 60px 10px 10px 50px;
}

.parking-dashboard-C-row {
    margin-left: 20px;
}

.parking-dashboard-C-col {
    padding: 50px 10px 20px 100px;
    display: flex;
}

.rev-generated-para {
    size         : 3px;
    padding      : 10px 0px 0px 90px;
    margin-bottom: 30px;
}

.parking-dashboard-bottom-table {
    margin-top   : 40px;
    margin-bottom: 10px;
}

.parking-dashboard-bottom-table-col {
    padding: 10px 50px 0px 50px;
}

.slot-curve {
    width: 45px;
}

.parking-dashboard-side-part {
    height          : 38px;
    width           : 0px;
    background-color: #253046;
    margin-bottom   : 10px;
}

.parking-dashboard-F-slot-part {
    border          : 1px solid #253046;
    width           : 2.5px;
    height          : 205px;
    background-color: #253046;
}

.slot-E-end-part {
    border       : 2px solid #253046;
    border-bottom: none;
    height       : 62px;
}

.slot-E-end-down-part {
    border    : 2px solid #253046;
    border-top: none;
}

.C-slot-mid-end {
    border: 0px solid #253046;
    width : 40px;
}

.parking-curve-bottom-part {
    width      : 35px;
    border     : 2px solid #253046;
    border-top : none;
    position   : absolute;
    z-index    : 1;
    margin-left: -34px;
    margin-top : -48px;
}

.parking-dashboard-table-head {
    justify-content: center;
    display        : flex;
}

.parking-B-slot-partition {
    max-width: 8px;
}

.parking-B-slot {
    max-width: 40px;
}

.parking-C {
    border-bottom: 1px solid #253046;
    margin-top   : 4px;
    cursor       : pointer;
}

.parking-C-urban {
    display: inline-block;
}

.parking-C-bottom-slot {
    display: inline-block;
    cursor : pointer;
}

.parking-side-partition.lower-part {
    display: inline-block;
}

.parking-C-end-part {
    display: inline-block;
}

.parking-C-end-bottom-part {
    display: inline-block;
}

.parking-C-row {
    align-items    : center;
    justify-content: center;
}

.parking-upper-lower-div {
    display: flex;
}

.parking-dash-B-right-side {
    border-top : 1px solid #253046;
    margin-left: -5px;
}

@media (min-width:1201px) {
    .parking-dash-B-right-side {
        width: 36px;
    }

    .last-slot-C.last-slot-upper-B {
        width: 24px;
    }

    .parking-dashboard-bottom-table-col {
        padding-bottom: 10px;
    }
}

@media (max-width:1200px) and (min-width:791px) {
    .parking-dash-B-right-side {
        width: 40px;
    }

    .parking-dashboard-bottom-table-col {
        padding-bottom: 30px;
    }
}

@media (max-width:790px) and (min-width:691px) {
    .parking-dash-B-right-side {
        width: 50px;
    }

    .parking-dashboard-bottom-table-col {
        padding-bottom: 30px;
    }
}

@media (max-width:690px) {
    .parking-dash-B-right-side {
        width: 43px;
    }

    .parking-dashboard-bottom-table-col {
        padding-bottom: 60px;
    }
}

.parking-dash-C-right-side {
    border-top : 1px solid #253046;
    margin-left: -5px;
}

@media (min-width:1410px) {
    .parking-dash-C-right-side {
        width: 37px;
    }
}

@media (max-width:1409px) and (min-width:1301px) {
    .parking-dash-C-right-side {
        width      : 36px;
        margin-left: -11px;
    }

    .last-slot-C {
        width: 16px;
    }

    .last-slot-C.last-slot-upper-B {
        width: 18px;
    }

    .parking-dash-B-right-side {
        width      : 36px;
        margin-left: -11px;
    }

    .parking-slot-curve.curve-B {
        margin-left    : -66px;
        background-size: 92% 100%;
    }
}

@media (max-width:1300px) and (min-width:1100px) {
    .parking-dash-C-right-side {
        width      : 36px;
        margin-left: -12px;
    }

    .parking-slot-curve.curve-B {
        margin-left    : -65px;
        background-size: 90% 100%;
    }

    .parking-slot-curve {
        background-size  : 70% 100%;
        background-repeat: no-repeat;
        margin-left      : -66px;
    }

    .last-slot-C {
        width: 14px;
    }

    .last-slot-C.last-slot-upper-B {
        width: 18px;
    }

    .parking-dash-B-right-side {
        margin-left: -11px;
    }

    .last-slot-B-lower-part {
        width: 36px;
    }

    .electricity-car-icon {
        margin-left: 1px !important;
    }
}

@media (max-width:1101px) and (min-width:791px) {
    .parking-dash-C-right-side {
        width      : 26px;
        margin-left: -15px;
    }

    .last-slot-B-lower-part {
        width: 30px;
    }

    .parking-slot-curve.curve-B {
        background-size  : 82% 100%;
        background-repeat: no-repeat;
        margin-left      : -65px;
    }

    .parking-slot-curve {
        background-size  : 72% 100%;
        background-repeat: no-repeat;
        margin-left      : -65px;
    }

    .last-slot-C {
        width: 0px;
    }

    .last-slot-C.last-slot-upper-B {
        width: 9px;
    }

    .parking-dash-B-right-side {
        width      : 33px;
        margin-left: -14px;
    }

    .electricity-car-icon {
        margin-left: 0px !important;
    }
}

@media (max-width:790px) and (min-width:691px) {
    .parking-dash-C-right-side {
        width: 50px;
    }

    .electricity-car-icon {
        margin-left: 0px !important;
    }
}

@media (max-width:690px) {
    .parking-dash-C-right-side {
        width: 43px;
    }

    .electricity-car-icon {
        margin-left: 0px !important;
    }
}

.B-C-slot-right-part-alignment {
    margin-left: -5px;
}

.slot-B-right-part-alignment {
    margin-top: -48px;
}

.A-part-margin {
    margin-top: 4px;
}

.upper-partition {
    background-image: url(assets/images/car_icons/upper-partition.png);
    height          : 62px;
    width           : 13px;
    background-size : 100% 100%;
}

.down-partition {
    background-image: url(assets/images/car_icons/lower-partition.png);
    height          : 62px;
    width           : 13px;
    background-size : 100% 100%;
}

.down-wall-2 {
    background-image: url(assets/images/car_icons/rect-box-parking.png);
    height          : 63px;
    width           : 46px;
    background-size : 100% 100%;
}

.down-wall-3 {
    background-image: url(assets/images/car_icons/rect-box1-parking.png);
    height          : 63px;
    width           : 30px;
    background-size : 100% 100%;
}

@media (max-width:1102px) and (min-width:998px) {
    .mid-div {
        width: 42px;
    }

    .mid-div-C {
        min-width: 38px;
    }

    .ellipse-icon {
        margin-left: -5px;
    }

    .ellipse-icon-B {
        margin-left: -4px;
    }
}

@media (max-width:1300px) and (min-width:1101px) {
    .mid-div {
        width: 47px;
    }

    .mid-div-C {
        min-width: 38px;
    }

    .ellipse-icon {
        margin-left: -5px;
    }

    .ellipse-icon-B {
        margin-left: -4px;
    }
}

@media (max-width:1430px) and (min-width:1211px) {
    .parking-slot-curve {
        background-size  : 88% 100%;
        background-repeat: no-repeat;
    }

    .last-slot-B-lower-part {
        width: 33px;
    }
}

.ellipse-icon,
.ellipse-icon-B {
    background-image: url(assets/images/car_icons/ellipse.png);
    height          : 13px;
    width           : 19px;
    margin-top      : 55px;
    position        : absolute;
}

.car-parking-slot-urban {
    margin-top: 4px;
}

.top-padding-10px {
    padding-top: 7px;
}

.parking-dashboard-footer-logo {
    height: 43px;
    width : 43px;
}

.text-size-slot {
    font-size: 12px;
}

@media (max-width:997px) {
    .mid-div {
        width: 42px;
    }

    .mid-div-C {
        min-width: 38px;
    }

    .ellipse-icon {
        margin-left: -5px;
    }

    .ellipse-icon-B {
        margin-left: -4px;
    }
}

.mid-div,
.mid-div-C {
    background-image: url(assets/images/car_icons/park.png);
    height          : 27px;
    position        : absolute;
    z-index         : 1;
    margin-left     : -6px;
    margin-top      : -13px;
    background-size : 100% 100%;
}

.parking-slot-curve {
    background-image: url(assets/images/car_icons/curve.png);
    margin-top      : -8px;
    height          : 65px;
    width           : 89px;
}

@media (min-width:1301px) {
    .parking-slot-curve {
        margin-left: -66px;
    }
}

.parking-specific-slot-margin {
    margin-top   : 3px !important;
    margin-bottom: 0px;
}

.C-upper-slot-no {
    margin : 0 0 0px !important;
    padding: 0 0 10px !important;
}

.pg-right-arrow {
    background-image: url(assets/images/arr-right.png);
    height          : 24px;
    width           : 13px;
    cursor          : pointer;
}

.pg-left-arrow {
    background-image: url(assets/images/arr-left.png);
    height          : 24px;
    width           : 13px;
    cursor          : pointer;
}

.over-lay-div-border.C-slot {
    margin-top: -12px;
}

.parking-left-arrow {
    display: inline-flex;
}

.parking-right-arrow {
    display        : inline-flex;
    justify-content: flex-end;
}

.parking-left-arrow p,
.parking-right-arrow p {
    margin-top: 2px;
}

/* END OF PARKING */

/* START OF PARKING BUY POPUP */
.plant-name.buy-icon {
    border: 0px;
}

.buy-urban-icon {
    border          : 0px;
    background-image: url(assets/images/car_icons/buy-motorbike-icon.png);
    height          : 68px;
    width           : 68px;
}

.buy-icon {
    border: 0px;
    height: 68px;
    width : 68px;
}

.buy-text {
    color      : #555a71;
    width      : 191px;
    height     : 168px;
    font-size  : 14px;
    line-height: 25px;
    color      : #555a71;
    font-family: "Roboto";
    font-weight: 300;
    text-align : right;
}

.buy-text-heading {
    font-size  : 15px;
    line-height: 43px;
    color      : #555a71;
    font-family: "Roboto";
    font-weight: 300;
    text-align : right;
}

.buy-popup-footer {
    font-size     : 16px;
    letter-spacing: 1px;
    color         : #ffffff;
    font-family   : "Roboto";
    font-weight   : 300;
    text-align    : right;
}

.cmn-popup .parking-buy-popup-details {
    width    : 50%;
    max-width: 520px;
}

.parking-dashboard-buy-popup {
    margin-left : 15px;
    margin-right: 15px;
}

.theme-primary.parking-buy-timer {
    font-size  : 15px;
    font-weight: bolder;
    color      : #57341f;
}

/*parking buy popup ribon*/
.ribbon {
    width   : 140px;
    height  : 140px;
    overflow: hidden;
    position: absolute;
}

.ribbon::before,
.ribbon::after {
    position: absolute;
    z-index : -1;
    content : '';
    display : block;
    border  : 5px solid;
}

.ribbon span {
    position      : absolute;
    display       : block;
    width         : 225px;
    padding       : 9px 0;
    box-shadow    : 0 5px 10px rgba(0, 0, 0, .1);
    color         : #fff;
    font          : 700 14px/1 'Lato', sans-serif;
    text-shadow   : 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    text-align    : center;
}

.ribbon-top-left {
    top : -10px;
    left: -10px;
}

.ribbon-top-left::before,
.ribbon-top-left::after {
    border-top-color : transparent;
    border-left-color: transparent;
}

.ribbon-top-left::before {
    top  : 0;
    right: 0;
}

.ribbon-top-left::after {
    bottom: 0;
    left  : 0;
}

.ribbon-top-left span {
    right    : -32px;
    top      : 44px;
    transform: rotate(-45deg);
}

/*end of ribon*/
/* END OF PARKING BUY POPUP */

/* START OF PARKING OFFERS */
td.parking_offer_buy_bt a {
    width      : 95px;
    height     : 32px;
    font-size  : 13px;
    color      : #fff;
    display    : inline;
    line-height: 32px;
    padding    : 3px 10px;
}

.parking-offer-action {
    width: 300px;
}

.parking-offer-head {
    margin-top: 9px;
}

.parking-offers-img {
    height        : 20px;
    width         : 15px;
    vertical-align: middle;
    margin        : auto;
}

.order-table-body tr td {
    padding: 5px 0px 5px 0px !important;
}

.table.order-table-body tr {
    width  : 80%;
    padding: 0px 30px 0px 10px;
}

.table.order-table>thead>tr>th {
    padding  : 5px 0px !important;
    min-width: 80px;
    width    : auto;
}

.parking_offer_page #trade-market-content tr td:first-child {
    padding   : 5px 0px 5px 0px !important;
    text-align: center;
}

.offer-up-icon {
    background-image : url(assets/images/up.png);
    background-size  : 100% 100%;
    background-repeat: no-repeat;
}

.offer-down-icon {
    background-image : url(assets/images/down.png);
    background-size  : 100% 100%;
    background-repeat: no-repeat;
}

.parking-offers-value {
    margin-left   : 5px;
    vertical-align: middle;
}

@media (max-width:1120px) and (min-width:992px) {
    .parking-offers-value {
        margin-left: 1px;
    }
}

@media (max-width:991px) and (min-width:869px) {
    .parking-offers-value {
        margin-left: 1px;
    }
}

@media (max-width:868px) {
    .parking-offers-value {
        margin-left: 1px;
    }
}

.parking-offer-area {
    min-width: 84px;
    width    : auto;
}

.parking-offer-expire {
    min-width: 110px;
    width    : auto;
}

.parking-offer-img-td {
    min-width: 90px;
    width    : auto;
}

/* END OF PARKING OFFERS */

/*START OF PARKING HEADER TAB*/
.menu_parking {
    float  : left;
    padding: 11px 15px;
}

/*END OF PARKING HEADER TAB*/
.alert-success.parking-deposite-text {
    background-color: #262d3e;
    border          : 1px solid #3a4257;
    color           : #fff;
    position        : relative !important;
    min-width       : 120%;
    width           : auto;
    font-size       : 18px;
    text-align      : center;
    box-shadow      : 3px 3px 10px #3a4257;
    z-index         : 1;
    padding         : 12px;
    margin-bottom   : 45px;
}

@media (max-width: 1000px) and (min-width: 768px) {
    .alert-success.parking-deposite-text {
        margin-left: 20px;
    }
}

.content-box.deposit_content_box {
    min-height: 0px;
}

/* START OF PARKING TEMPLATE#2 */
.parking-dashboard-border-row {
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.box1-dashboard2 {
    width     : 48px;
    height    : 58px;
    padding   : 3px 2px 2px;
    border-top: 3px solid #fff;
    cursor    : pointer;
}

.down-partition-dashboard2 {
    background-image: url(assets/images/down_partition_dash2.png);
    height          : 60px;
    width           : 4px;
    background-size : 100% 100%;
}

.up-partition-dashboard2 {
    background-image: url(assets/images/up_partition_dash2.png);
    height          : 60px;
    width           : 4px;
    background-size : 100% 100%;
}

.upper-curve-dashboard2 {
    background-image: url(assets/images/upper-curve.png);
    height          : 80px;
    width           : 85px;
    background-size : 100% 100%;
    margin-top      : -2px;
}

.down-curve-dashboard2 {
    background-image: url(assets/images/down-curve.png);
    height          : 57px;
    width           : 63px;
    background-size : 100% 100%;
}

.upper-curve2-dashboard2 {
    height    : 80px;
    width     : 33px;
    margin-top: -2px;
}

.upper-curve2-1-dashboard2 {
    background-image: url(assets/images/upper-curve2-1.png);
    height          : 60px;
    width           : 33px;
    background-size : 100% 100%;
}

.upper-curve2-2-dashboard2 {
    background-image: url(assets/images/upper-curve2-2.png);
    height          : 20px;
    width           : 33px;
    background-size : 100% 100%;
}

.down-curve2-dashboard2 {
    background-image: url(assets/images/down-curve2.png);
    height          : 57px;
    width           : 33px;
    background-size : 100% 100%;
}

.square-box-dashboard2 {
    background-image: url(assets/images/square-box.png);
    height          : 66px;
    width           : 69px;
    background-size : 100% 100%;
    margin-top      : 6px;
}

.square-box2-dashboard2 {
    background-image: url(assets/images/square-box2.png);
    height          : 66px;
    width           : 73px;
    background-size : 100% 100%;
    margin-top      : -8px;
}

.rect-box-dashboard2 {
    background-image: url(assets/images/rect-box.png);
    height          : 66px;
    width           : 61px;
    background-size : 100% 100%;
    margin-top      : 6px;
}

.end-box-dashboard2 {
    background-image: url(assets/images/end-box.png);
    height          : 60px;
    width           : 35px;
    background-size : 100% 100%;
    margin-top      : 1px;
}

.dashboard2-margin {
    margin-top: 2px;
}

.dashboard2-margin2 {
    margin-top: -2px;
}

.up-box1-dashboard2 {
    border-top   : 0px;
    border-bottom: 3px solid #fff;
}

.parking-dashboard2-container {
    position: relative;
}

.border1-style {
    margin-left: 363px;
}

.border2-style {
    transform      : rotate(-55deg);
    position       : absolute;
    width          : 624px;
    justify-content: flex-end;
}

.border3-style {
    transform      : rotate(90deg);
    position       : absolute;
    width          : 620px;
    justify-content: flex-start;
}

.slot-style {
    font-size    : 12px;
    color        : white;
    //padding-top:2px;
    margin-bottom: 2px;
}

.middle-slots1 {
    padding-left : 43%;
    margin-bottom: 0px !important;
    height       : 138px;
}

.middle-slots2 {
    padding-left : 32%;
    margin-bottom: 0px !important;
    height       : 138px;
}

.middle-slots3 {
    padding-left : 24.5%;
    margin-bottom: 0px !important;
    height       : 138px;
}

.extra-div {
    height: 40px;
}

.middle-slots-upper-div {
    padding-left: 30px;
    height      : 78px;
}

.middle-slots-lower-div {
    height: 60px;
}

.parking-left-arrow-2 {
    position  : absolute;
    z-index   : 4;
    margin-top: 230px;
}

.parking-right-arrow-2 {
    position   : absolute;
    z-index    : 4;
    margin-top : 230px;
    margin-left: 96%;
}

.electricity-car-icon-dash2 {
    width           : 9px;
    height          : 14px;
    margin          : auto;
    background-image: url(assets/images/car_icons/electricity-car-icon1.png);
}

.slot-style-up-electricity-car {
    font-size  : 12px;
    color      : white;
    padding-top: 2px;
}

.slot-style-down-electricity-car {
    margin-bottom : 0px;
    padding-top   : 0px;
    font-size     : 12px;
    padding-bottom: 2px;
    color         : #fff;
}

.urban-icon-up-dash2 {
    margin-bottom: 2px;
    margin-top   : 2px !important;
}

.slot-style-up-parking-box {
    margin-bottom: 8px;
    padding-top  : 2px;
}

.border4-style {
    width          : 728px;
    justify-content: flex-end;
}

@media (max-width: 7000px) and (min-width: 6001px) {
    .down-curve2-dashboard2 {
        height: 65px;
    }

    .down-curve-dashboard2 {
        height: 66px;
    }

    .vip-car-icon1 {
        margin-top: -4px;
    }

    .slot-style {
        margin-bottom: -2px;
    }

    .down-partition-dashboard2,
    .up-partition-dashboard2 {
        height: 64px;
    }

    .upper-curve2-1-dashboard2 {
        height: 68px;
    }

    .dashboard2-margin2 {
        margin-top: 1px;
    }

    .box1-dashboard2 {
        height: 65px;
    }

    .dashboard2-margin {
        margin-top: -2px;
    }

    .square-box2-dashboard2,
    .square-box-dashboard2,
    .rect-box-dashboard2 {
        margin-top: 0px;
    }

    .end-box-dashboard2 {
        margin-top: 6px;
    }

    .upper-curve-dashboard2 {
        height    : 86px;
        width     : 90px;
        margin-top: 0px;
    }

    .middle-slots-upper-div {
        padding-left: 24px;
    }

    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 10%;
    }

    .border2-style {
        top : 443px;
        left: 2005px;
    }

    .border3-style {
        right: 1678px;
        top  : 514px;
    }

    .border4-style {
        margin-left: 2355px;
    }

    .extra-div-border4 {
        height: 105px;
    }

    .middle-slots1 {
        padding-left: 49.5%;
    }

    .middle-slots2 {
        padding-left: 46.3%;
    }

    .middle-slots3 {
        padding-left: 44.2%;
    }

    .extra-div {
        height: 32px;
    }
}

@media (max-width: 6000px) and (min-width: 5201px) {
    .arrow-div-height {
        height: 44px;
    }

    .border1-style {
        margin-left: 10%;
    }

    .border2-style {
        top : 471px;
        left: 1695px;
    }

    .border3-style {
        right: 1420px;
        top  : 544px;
    }

    .border4-style {
        margin-left: 46.09%;
    }

    .extra-div-border4 {
        height: 105px;
    }

    .middle-slots1 {
        padding-left: 49.5%;
    }

    .middle-slots2 {
        padding-left: 46%;
    }

    .middle-slots3 {
        padding-left: 43.7%;
    }

    .extra-div {
        height: 34px;
    }
}

@media (max-width: 5200px) and (min-width: 4611px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 10%;
    }

    .border2-style {
        top : 450px;
        left: 1538px;
    }

    .border3-style {
        right: 1295px;
        top  : 520px;
    }

    .border4-style {
        margin-left: 1896px;
    }

    .extra-div-border4 {
        height: 105px;
    }

    .middle-slots1 {
        padding-left: 48%;
    }

    .middle-slots2 {
        padding-left: 43.9%;
    }

    .middle-slots3 {
        padding-left: 41.1%;
    }

    .extra-div {
        height: 32px;
    }
}

@media (max-width: 4610px) and (min-width: 4111px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 10%;
    }

    .border2-style {
        top : 448px;
        left: 1308px;
    }

    .border3-style {
        right: 29.3%;
        top  : 520px;
    }

    .border4-style {
        margin-left: 1663.9px;
    }

    .extra-div-border4 {
        height: 105px;
    }

    .middle-slots1 {
        padding-left: 48%;
    }

    .middle-slots2 {
        padding-left: 43.9%;
    }

    .middle-slots3 {
        padding-left: 41.1%;
    }

    .extra-div {
        height: 32px;
    }
}

@media (max-width: 4110px) and (min-width: 4000px) {
    .down-curve2-dashboard2 {
        height: 65px;
    }

    .down-curve-dashboard2 {
        height: 66px;
    }

    .vip-car-icon1 {
        margin-top: -4px;
    }

    .down-partition-dashboard2,
    .up-partition-dashboard2 {
        height: 64px;
    }

    .upper-curve2-1-dashboard2 {
        height: 68px;
    }

    .dashboard2-margin2 {
        margin-top: 3px;
    }

    .box1-dashboard2 {
        height: 65px;
    }

    .dashboard2-margin {
        margin-top: -2px;
    }

    .square-box2-dashboard2,
    .square-box-dashboard2,
    .rect-box-dashboard2 {
        margin-top: 0px;
    }

    .end-box-dashboard2 {
        margin-top: 6px;
    }

    .upper-curve-dashboard2 {
        height    : 86px;
        width     : 90px;
        margin-top: 0px;
    }

    .middle-slots-upper-div {
        padding-left: 24px;
    }

    .arrow-div-height {
        height: 35.91px;
    }

    .border1-style {
        margin-left: 10%;
    }

    .border2-style {
        top : 450px;
        left: 1079px;
    }

    .border3-style {
        right: 920.5px;
        top  : 522px;
    }

    .border4-style {
        margin-left: 43.1%;
    }

    .extra-div-border4 {
        height: 68px;
    }

    .middle-slots1 {
        padding-left: 47.5%;
    }

    .middle-slots2 {
        padding-left: 42.7%;
    }

    .middle-slots3 {
        padding-left: 39.5%;
    }

    .extra-div {
        height: 45px;
    }
}

@media (max-width: 4000px) and (min-width: 3840px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 8%;
    }

    .border2-style {
        top : 450px;
        left: 932px;
    }

    .border3-style {
        right: 855px;
        top  : 525px;
    }

    .border4-style {
        margin-left: 1286px;
    }

    .extra-div-border4 {
        height: 72px;
    }

    .middle-slots1 {
        padding-left: 45%;
    }

    .middle-slots2 {
        padding-left: 40%;
    }

    .middle-slots3 {
        padding-left: 36.8%;
    }

    .extra-div {
        height: 45px;
    }
}

@media (max-width: 3839px) and (min-width: 3001px) {
    .end-box-dashboard2 {
        margin-top: -1px;
    }

    .square-box-dashboard2 {
        margin-top: 5px;
    }

    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 252px;
    }

    .border2-style {
        top : 449px;
        left: 618px;
    }

    .border3-style {
        right: 539.7px;
        top  : 521px;
    }

    .border4-style {
        margin-left: 972px;
    }

    .extra-div-border4 {
        height: 72px;
    }

    .middle-slots1 {
        padding-left: 44%;
    }

    .middle-slots2 {
        padding-left: 37.8%;
    }

    .middle-slots3 {
        padding-left: 33.7%;
    }

    .extra-div {
        height: 44px;
    }
}

@media (max-width: 3000px) and (min-width: 2802px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 252px;
    }

    .border2-style {
        top : 450px;
        left: 540px;
    }

    .border3-style {
        right: 460px;
        top  : 524px;
    }

    .border4-style {
        margin-left: 894px;
    }

    .extra-div-border4 {
        height: 72px;
    }

    .middle-slots1 {
        padding-left: 44%;
    }

    .middle-slots2 {
        padding-left: 37.8%;
    }

    .middle-slots3 {
        padding-left: 33.7%;
    }

    .extra-div {
        height: 44px;
    }
}

@media (max-width: 2801px) and (min-width: 2561px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 662px;
    }

    .border2-style {
        top : 450px;
        left: 680px;
    }

    .border3-style {
        right: 192px;
        top  : 523px;
    }

    .border4-style {
        margin-left: 46.9%;
    }

    .extra-div-border4 {
        height: 54px;
    }

    .middle-slots1 {
        padding-left: 52%;
    }

    .middle-slots2 {
        padding-left: 45%;
    }

    .middle-slots3 {
        padding-left: 40.2%;
    }

    .extra-div {
        height: 51px;
    }
}

@media (max-width: 2560px) and (min-width: 2402px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 15%;
    }

    .border2-style {
        top : 450px;
        left: 434px;
    }

    .border3-style {
        right: 14.2%;
        top  : 524px;
    }

    .border4-style {
        margin-left: 38.2%;
    }

    .extra-div-border4 {
        height: 52px;
    }

    .middle-slots1 {
        padding-left: 44%;
    }

    .middle-slots2 {
        padding-left: 36.6%;
    }

    .middle-slots3 {
        padding-left: 31.6%;
    }

    .extra-div {
        height: 51px;
    }
}

@media (max-width: 2401px) and (min-width: 2351px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 283px;
    }

    .border2-style {
        top : 450px;
        left: 355px;
    }

    .border3-style {
        right: 245px;
        top  : 523px;
    }

    .border4-style {
        margin-left: 709px;
    }

    .extra-div-border4 {
        height: 54px;
    }

    .middle-slots1 {
        padding-left: 43%;
    }

    .middle-slots2 {
        padding-left: 34.8%;
    }

    .middle-slots3 {
        padding-left: 29.3%;
    }

    .extra-div {
        height: 50px;
    }
}

@media (max-width: 2350px) and (min-width: 2201px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 283px;
    }

    .border2-style {
        top : 450px;
        left: 314px;
    }

    .border3-style {
        right: 205px;
        top  : 522.6px;
    }

    .border4-style {
        margin-left: 36.1%;
    }

    .extra-div-border4 {
        height: 54px;
    }

    .middle-slots1 {
        padding-left: 43%;
    }

    .middle-slots2 {
        padding-left: 34.8%;
    }

    .middle-slots3 {
        padding-left: 29.3%;
    }

    .extra-div {
        height: 50px;
    }
}

@media (max-width: 2200px) and (min-width: 2102px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 283px;
    }

    .border2-style {
        top : 450px;
        left: 245px;
    }

    .border3-style {
        right: 136px;
        top  : 523px;
    }

    .border4-style {
        margin-left: 599px;
    }

    .extra-div-border4 {
        height: 54px;
    }

    .middle-slots1 {
        padding-left: 730px;
    }

    .middle-slots2 {
        padding-left: 580px;
    }

    .middle-slots3 {
        padding-left: 475px;
    }

    .extra-div {
        height: 50px;
    }
}

@media (max-width: 2101px) and (min-width: 2049px) {
    .arrow-div-height {
        height: 31.48px;
    }

    .square-box-dashboard2 {
        margin-top: 5px;
    }

    .rect-box-dashboard2 {
        margin-top: 5px;
    }

    .border1-style {
        margin-left: 494px;
    }

    .border2-style {
        top : 449px;
        left: 317px;
    }

    .border3-style {
        right: -4.3px;
        top  : 523px;
    }

    .border4-style {
        margin-left: 40.85%;
    }

    .extra-div-border4 {
        height: 52px;
    }

    .middle-slots1 {
        padding-left: 47%;
    }

    .middle-slots2 {
        padding-left: 37.5%;
    }

    .middle-slots3 {
        padding-left: 31.5%;
    }

    .extra-div {
        height: 51px;
    }
}

@media (max-width: 2048px) and (min-width: 1951px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 17%;
    }

    .border2-style {
        top : 449px;
        left: 210px;
    }

    .border3-style {
        right: 102px;
        top  : 522.5px;
    }

    .border4-style {
        margin-left: 563px;
    }

    .extra-div-border4 {
        height: 51px;
    }

    .middle-slots1 {
        padding-left: 41%;
    }

    .middle-slots2 {
        padding-left: 31.5%;
    }

    .middle-slots3 {
        padding-left: 25.2%;
    }

    .extra-div {
        height: 51px;
    }
}

@media (max-width: 1950px) and (min-width: 1920px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 259px;
    }

    .border2-style {
        top : 449px;
        left: 147px;
    }

    .border3-style {
        right: 3.8%;
        top  : 523.5px;
    }

    .border4-style {
        margin-left: 32.5%;
    }

    .extra-div-border4 {
        height: 52px;
    }

    .middle-slots1 {
        padding-left: 41%;
    }

    .middle-slots2 {
        padding-left: 31.5%;
    }

    .middle-slots3 {
        padding-left: 25.2%;
    }

    .extra-div {
        height: 51px;
    }
}

@media (max-width: 1919px) and (min-width: 1902px) {
    .border1-style {
        margin-left: 17%;
    }

    .border2-style {
        top : 40.9%;
        left: 12.5%;
    }

    .border3-style {
        right: 6.2%;
        top  : 48.1%;
    }

    .border4-style {
        margin-left: 34.2%;
    }

    .extra-div-border4 {
        height: 52px;
    }

    .middle-slots1 {
        padding-left: 41%;
    }

    .middle-slots2 {
        padding-left: 31.5%;
    }

    .middle-slots3 {
        padding-left: 25.2%;
    }

    .extra-div {
        height: 51px;
    }
}

@media (max-width: 1901px) and (min-width: 1802px) {
    .arrow-div-height {
        height: 32px;
    }

    .square-box-dashboard2 {
        margin-top: 5px;
    }

    .rect-box-dashboard2 {
        margin-top: 5px;
    }

    .border1-style {
        margin-left: 437px;
    }

    .border2-style {
        top : 449px;
        left: 194.4px;
    }

    .border3-style {
        right: -69.8px;
        top  : 522px;
    }

    .border4-style {
        margin-left: 37.75%;
    }

    .extra-div-border4 {
        height: 52px;
    }

    .middle-slots1 {
        padding-left: 45.5%;
    }

    .middle-slots2 {
        padding-left: 35%;
    }

    .middle-slots3 {
        padding-left: 28%;
    }

    .extra-div {
        height: 51px;
    }
}

@media (max-width: 1801px) and (min-width: 1741px) {
    .arrow-div-height {
        height: 30.74px;
    }

    .border1-style {
        margin-left: 408px;
    }

    .border2-style {
        top : 448px;
        left: 149px;
    }

    .border3-style {
        right: -86px;
        top  : 520px;
    }

    .border4-style {
        margin-left: 503px;
    }

    .extra-div-border4 {
        height: 84px;
    }
}

@media (max-width: 1740px) and (min-width: 1707.5px) {
    .arrow-div-height {
        height: 30.74px;
    }

    .border1-style {
        margin-left: 408px;
    }

    .border2-style {
        top : 448px;
        left: 134px;
    }

    .border3-style {
        right: -101px;
        top  : 520px;
    }

    .border4-style {
        margin-left: 35.8%;
    }

    .extra-div-border4 {
        height: 84px;
    }
}

@media (max-width: 1707px) and (min-width: 1702px) {
    .arrow-div-height {
        height: 32px;
    }

    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 408px;
    }

    .border2-style {
        top : 450px;
        left: 134px;
    }

    .border3-style {
        right: -101.2px;
        top  : 523.5px;
    }

    .border4-style {
        margin-left: 488px;
    }

    .extra-div-border4 {
        height: 84px;
    }

    .end-box-dashboard2 {
        margin-top: 0px;
    }
}

@media (max-width: 1701px) and (min-width: 1631px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 330px;
    }

    .border2-style {
        top : 448px;
        left: 85.1px;
    }

    .border3-style {
        right: -74.5px;
        top  : 524px;
    }

    .border4-style {
        margin-left: 437.5px;
    }

    .extra-div-border4 {
        height: 85px;
    }

    .middle-slots1 {
        padding-left: 530px;
    }

    .middle-slots2 {
        padding-left: 380px;
    }

    .middle-slots3 {
        padding-left: 275px;
    }
}

@media (max-width: 1630px) and (min-width: 1591px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 330px;
    }

    .border2-style {
        top : 448px;
        left: 52px;
    }

    .border3-style {
        right: -108px;
        top  : 524px;
    }

    .border4-style {
        margin-left: 406px;
    }

    .extra-div-border4 {
        height: 85px;
    }

    .middle-slots1 {
        padding-left: 510px;
    }

    .middle-slots2 {
        padding-left: 360px;
    }

    .middle-slots3 {
        padding-left: 255px;
    }
}

@media (max-width: 1590px) and (min-width: 1519px) {
    .arrow-div-height {
        height: 32px;
    }

    .border2-style {
        top : 449px;
        left: 42px;
    }

    .border3-style {
        right: -149px;
        top  : 524px;
    }

    .border4-style {
        margin-left: 394px;
    }

    .extra-div-border4 {
        height: 85px;
    }

    .middle-slots2 {
        padding-left: 30%;
    }

    .middle-slots3 {
        padding-left: 21.6%;
    }

    .end-box-dashboard2 {
        margin-top: -.3px;
    }
}

@media (max-width: 1518px) and (min-width: 1502px) {
    .arrow-div-height {
        height: 30.89px;
    }

    .square-box-dashboard2 {
        margin-top: 5px;
    }

    .rect-box-dashboard2 {
        margin-top: 5px;
    }

    .border2-style {
        top : 448px;
        left: 33.2px;
    }

    .border3-style {
        right: -156px;
        top  : 521px;
    }

    .border4-style {
        margin-left: 32%;
    }

    .extra-div-border4 {
        height: 85px;
    }

    .middle-slots2 {
        padding-left: 30%;
    }

    .middle-slots3 {
        padding-left: 21.6%;
    }
}

@media (max-width: 1501px) and (min-width: 1431px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 300px;
    }

    .border2-style {
        top : 449px;
        left: -29px;
    }

    .border3-style {
        right: -157px;
        top  : 524px;
    }

    .border4-style {
        margin-left: 324px;
    }

    .extra-div-border4 {
        height: 83px;
    }

    .middle-slots1 {
        padding-left: 430px;
    }

    .middle-slots2 {
        padding-left: 280px;
    }

    .middle-slots3 {
        padding-left: 178px;
    }
}

@media (max-width: 1430px) and (min-width: 1420px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 300px;
    }

    .border2-style {
        top : 449px;
        left: -37px;
    }

    .border3-style {
        right: -164px;
        top  : 524px;
    }

    .border4-style {
        margin-left: 316px;
    }

    .extra-div-border4 {
        height: 83px;
    }

    .middle-slots1 {
        padding-left: 430px;
    }

    .middle-slots2 {
        padding-left: 280px;
    }

    .middle-slots3 {
        padding-left: 178px;
    }
}

@media (max-width: 1419px) and (min-width: 1399px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 332px;
    }

    .border2-style {
        top : 450px;
        left: -30px;
    }

    .border3-style {
        right: -190px;
        top  : 524px;
    }

    .border4-style {
        margin-left: 324px;
    }

    .extra-div-border4 {
        height: 85px;
    }

    .middle-slots1 {
        padding-left: 40%;
    }

    .middle-slots2 {
        padding-left: 26%;
    }

    .middle-slots3 {
        padding-left: 16.5%;
    }

    .end-box-dashboard2 {
        margin-top: -.4px;
    }
}

@media (max-width: 1398px) and (min-width: 1396px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 332px;
    }

    .border2-style {
        top : 450px;
        left: -32px;
    }

    .border3-style {
        right: -191px;
        top  : 524px;
    }

    .border4-style {
        margin-left: 322px;
    }

    .extra-div-border4 {
        height: 83px;
    }

    .middle-slots1 {
        padding-left: 40%;
    }

    .middle-slots2 {
        padding-left: 26%;
    }

    .middle-slots3 {
        padding-left: 16.5%;
    }

    .end-box-dashboard2 {
        margin-top: -.4px;
    }
}

@media (max-width: 1395px) and (min-width: 1363px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 326px;
    }

    .border2-style {
        top : 450px;
        left: -48px;
    }

    .border3-style {
        right: -200px;
        top  : 524px;
    }

    .border4-style {
        margin-left: 306px;
    }

    .extra-div-border4 {
        height: 83px;
    }

    .middle-slots1 {
        padding-left: 40%;
    }

    .middle-slots2 {
        padding-left: 26%;
    }

    .middle-slots3 {
        padding-left: 16.5%;
    }
}

@media (max-width: 1362px) and (min-width: 1301px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 326px;
    }

    .border2-style {
        top : 450px;
        left: -50px;
    }

    .border3-style {
        right: -203px;
        top  : 524px;
    }

    .border4-style {
        margin-left: 304px;
    }

    .extra-div-border4 {
        height: 85px;
    }

    .middle-slots1 {
        padding-left: 40%;
    }

    .middle-slots2 {
        padding-left: 26%;
    }

    .middle-slots3 {
        padding-left: 16.5%;
    }
}

@media (max-width: 1300px) and (min-width: 1251px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-right: 23px;
    }

    .border2-style {
        top : 449px;
        left: -23px;
    }

    .border3-style {
        right       : -254.5px;
        top         : 524px;
        margin-right: 9px;
    }

    .border4-style {
        margin-left : 277px;
        margin-right: 9px;
    }

    .extra-div-border4 {
        height: 84px;
    }

    .rect-box-dashboard2 {
        background-size  : 95% 100%;
        background-repeat: no-repeat;
        margin-left      : 50px;
        margin-right     : -4px;
    }

    .square-box-dashboard2 {
        background-size  : 85% 100%;
        background-repeat: no-repeat;
        margin-right     : -13px;
    }

    .square-box2-dashboard2 {
        background-size  : 85% 100%;
        background-repeat: no-repeat;
    }

    .middle-slots1 {
        padding-left: 40%;
    }

    .middle-slots2 {
        padding-left: 24.5%;
    }

    .middle-slots3 {
        padding-left: 14%;
    }
}

@media (max-width: 1250px) and (min-width: 1239px) {
    .arrow-div-height {
        height: 31.08px;
    }

    .border1-style {
        margin-right: 23px;
    }

    .border2-style {
        top : 449px;
        left: -23px;
    }

    .border3-style {
        right       : -255px;
        top         : 522px;
        margin-right: 9px;
    }

    .border4-style {
        margin-left : 25.1%;
        margin-right: 9px;
    }

    .extra-div-border4 {
        height: 84px;
    }

    .rect-box-dashboard2 {
        background-size  : 95% 100%;
        background-repeat: no-repeat;
        margin-left      : 50px;
        margin-right     : -4px;
    }

    .square-box-dashboard2 {
        background-size  : 85% 100%;
        background-repeat: no-repeat;
        margin-right     : -13px;
    }

    .square-box2-dashboard2 {
        background-size  : 85% 100%;
        background-repeat: no-repeat;
    }

    .middle-slots1 {
        padding-left: 40%;
    }

    .middle-slots2 {
        padding-left: 24.5%;
    }

    .middle-slots3 {
        padding-left: 14%;
    }
}

@media (max-width: 1238px) and (min-width: 1191px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-right: 23px;
    }

    .border2-style {
        transform: rotate(-50deg);
        top      : 435px;
        left     : -47px;
    }

    .border3-style {
        right       : -255.6px;
        top         : 522px;
        margin-right: 9px;
    }

    .border4-style {
        margin-left : 236.5px;
        margin-right: 9px;
    }

    .extra-div-border4 {
        height: 83px;
    }

    .rect-box-dashboard2 {
        background-size  : 95% 100%;
        background-repeat: no-repeat;
        margin-left      : 50px;
        margin-right     : -4px;
    }

    .square-box-dashboard2 {
        background-size  : 85% 100%;
        background-repeat: no-repeat;
        margin-right     : -13px;
    }

    .square-box2-dashboard2 {
        background-size  : 85% 100%;
        background-repeat: no-repeat;
    }

    .middle-slots1 {
        padding-left: 40%;
    }

    .middle-slots2 {
        padding-left: 24.5%;
    }

    .middle-slots3 {
        padding-left: 14%;
    }
}

@media (max-width: 1190px) and (min-width: 1156px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-right: 30px;
        margin-left : 340px;
    }

    .border2-style {
        top : 450px;
        left: -97px;
    }

    .border3-style {
        right       : -248px;
        top         : 524px;
        margin-right: 9px;
    }

    .border4-style {
        margin-left : 175px;
        margin-right: 9px;
    }

    .extra-div-border4 {
        height: 84px;
    }

    .rect-box-dashboard2 {
        background-size  : 100% 100%;
        background-repeat: no-repeat;
    }

    .square-box-dashboard2 {
        background-size  : 85% 100%;
        background-repeat: no-repeat;
        margin-right     : -13px;
    }

    .square-box2-dashboard2 {
        background-size  : 85% 100%;
        background-repeat: no-repeat;
    }

    .middle-slots1 {
        padding-left: 320px;
    }

    .middle-slots2 {
        padding-left: 170px;
    }

    .middle-slots3 {
        padding-left: 68px;
    }
}

@media (max-width: 1155px) and (min-width: 1101px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-right: 30px;
        margin-left : 340px;
    }

    .border2-style {
        top : 450px;
        left: -97px;
    }

    .border3-style {
        right       : -248px;
        top         : 524px;
        margin-right: 9px;
    }

    .border4-style {
        margin-left : 165.1px;
        margin-right: 9px;
    }

    .extra-div-border4 {
        height: 84px;
    }

    .rect-box-dashboard2 {
        background-size  : 102% 100%;
        background-repeat: no-repeat;
    }

    .square-box-dashboard2 {
        background-size  : 85% 100%;
        background-repeat: no-repeat;
        margin-right     : -13px;
    }

    .square-box2-dashboard2 {
        background-size  : 85% 100%;
        background-repeat: no-repeat;
    }

    .middle-slots1 {
        padding-left: 320px;
    }

    .middle-slots2 {
        padding-left: 170px;
    }

    .middle-slots3 {
        padding-left: 68px;
    }
}

@media (max-width: 1100px) and (min-width: 1081px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 26%;
    }

    .box1-dashboard2 {
        width: 36px;
    }

    .upper-curve-dashboard2 {
        width: 69px;
    }

    .down-curve-dashboard2 {
        margin-left: 3px;
    }

    .down-curve-dashboard2 {
        width: 56px;
    }

    .border2-style {
        top  : 391px;
        left : -7px;
        width: 480px;
    }

    .border3-style {
        right: -147px;
        top  : 452px;
        width: 476px;
    }

    .border4-style {
        margin-left: 30.9%;
        width      : 584px;
    }

    .extra-div-border4 {
        height: 13px;
    }

    .rect-box-dashboard2 {
        background-size  : 100% 100%;
        background-repeat: no-repeat;
        margin-left      : 48px;
    }

    .square-box-dashboard2 {
        background-size  : 80% 100%;
        background-repeat: no-repeat;
        margin-right     : -13px;
    }

    .square-box2-dashboard2 {
        background-size  : 70% 100%;
        background-repeat: no-repeat;
    }

    .middle-slots1 {
        padding-left: 40%;
    }

    .middle-slots2 {
        padding-left: 26%;
    }

    .middle-slots3 {
        padding-left: 17%;
    }

    .extra-div {
        height: 15.7px;
    }
}

@media (max-width: 1080px) and (min-width: 991px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 26%;
    }

    .box1-dashboard2 {
        width: 36px;
    }

    .upper-curve-dashboard2 {
        width: 69px;
    }

    .down-curve-dashboard2 {
        margin-left: 3px;
    }

    .down-curve-dashboard2 {
        width: 56px;
    }

    .border2-style {
        top  : 391px;
        left : 73.4px;
        width: 480px;
    }

    .border3-style {
        right: -99px;
        top  : 452px;
        width: 476px;
    }

    .border4-style {
        margin-left: 346.4px;
        width      : 584px;
    }

    .extra-div-border4 {
        height: 13px;
    }

    .rect-box-dashboard2 {
        background-size  : 100% 100%;
        background-repeat: no-repeat;
        margin-left      : 48px;
    }

    .square-box-dashboard2 {
        background-size  : 80% 100%;
        background-repeat: no-repeat;
        margin-right     : -13px;
    }

    .square-box2-dashboard2 {
        background-size  : 70% 100%;
        background-repeat: no-repeat;
    }

    .middle-slots1 {
        padding-left: 440px;
    }

    .middle-slots2 {
        padding-left: 319px;
    }

    .middle-slots3 {
        padding-left: 240px;
    }

    .extra-div {
        height: 15.7px;
    }
}

@media (max-width: 991px) and (min-width: 900px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 28%;
    }

    .box1-dashboard2 {
        width: 36px;
    }

    .upper-curve-dashboard2 {
        width: 69px;
    }

    .down-curve-dashboard2 {
        margin-left: 3px;
    }

    .down-curve-dashboard2 {
        width: 56px;
    }

    .border2-style {
        top  : 80.5%;
        left : 1.2%;
        width: 480px;
    }

    .border3-style {
        right: -16.53%;
        top  : 94.4%;
        width: 476px;
    }

    .border4-style {
        width      : 584px;
        margin-left: 32.4%;
    }

    .extra-div-border4 {
        height: 14px;
    }

    .rect-box-dashboard2 {
        background-size  : 100% 100%;
        background-repeat: no-repeat;
        margin-left      : 48px;
    }

    .square-box-dashboard2 {
        background-size  : 80% 100%;
        background-repeat: no-repeat;
        margin-right     : -13px;
    }

    .square-box2-dashboard2 {
        background-size  : 70% 100%;
        background-repeat: no-repeat;
    }

    .middle-slots1 {
        padding-left: 42%;
    }

    .middle-slots2 {
        padding-left: 28%;
    }

    .middle-slots3 {
        padding-left: 19%;
    }

    .extra-div {
        height: 16px;
    }
}

@media (max-width: 899px) and (min-width: 791px) {
    .arrow-div-height {
        height: 32px;
    }

    .border1-style {
        margin-left: 28%;
    }

    .box1-dashboard2 {
        width: 36px;
    }

    .upper-curve-dashboard2 {
        width: 69px;
    }

    .down-curve-dashboard2 {
        margin-left: 3px;
    }

    .down-curve-dashboard2 {
        width: 56px;
    }

    .border2-style {
        top  : 391px;
        left : -60px;
        width: 480px;
    }

    .border3-style {
        right: -190px;
        top  : 451px;
        width: 476px;
    }

    .border4-style {
        width      : 584px;
        margin-left: 213.5px;
    }

    .extra-div-border4 {
        height: 12px;
    }

    .rect-box-dashboard2 {
        background-size  : 100% 100%;
        background-repeat: no-repeat;
        margin-left      : 48px;
    }

    .square-box-dashboard2 {
        background-size  : 80% 100%;
        background-repeat: no-repeat;
        margin-right     : -13px;
    }

    .square-box2-dashboard2 {
        background-size  : 70% 100%;
        background-repeat: no-repeat;
    }

    .middle-slots1 {
        padding-left: 278px;
    }

    .middle-slots2 {
        padding-left: 165px;
    }

    .middle-slots3 {
        padding-left: 90px;
    }

    .extra-div {
        height: 16px;
    }
}

@media (max-width: 790px) and (min-width: 554px) {
    .border1-style {
        margin-left: 22%;
    }

    .box1-dashboard2 {
        width: 36px;
    }

    .upper-curve-dashboard2 {
        width: 69px;
    }

    .down-curve-dashboard2 {
        margin-left: 3px;
    }

    .down-curve-dashboard2 {
        width: 56px;
    }

    .border2-style {
        top  : 94%;
        left : -10%;
        width: 480px;
    }

    .border3-style {
        right: -23.7%;
        top  : 110%;
        width: 476px;
    }

    .border4-style {
        margin-right: -3.9%;
        width       : 584px;
        margin-left : 25.75%;
    }

    .extra-div-border4 {
        height: 17px;
    }

    .rect-box-dashboard2 {
        background-size  : 100% 100%;
        background-repeat: no-repeat;
        margin-left      : 80px;
    }

    .square-box-dashboard2 {
        background-size  : 70% 100%;
        background-repeat: no-repeat;
        margin-right     : -13px;
    }

    .square-box2-dashboard2 {
        background-size  : 65% 100%;
        background-repeat: no-repeat;
    }

    .middle-slots1 {
        padding-left: 36%;
    }

    .middle-slots2 {
        padding-left: 20%;
    }

    .middle-slots3 {
        padding-left: 9.5%;
    }

    .extra-div {
        height: 14.5px;
    }

    .parking-right-arrow-2 {
        margin-left      : 96.9%;
        background-size  : 50% 50%;
        background-repeat: no-repeat;
    }

    .parking-left-arrow-2 {
        background-size  : 50% 50%;
        background-repeat: no-repeat;
    }
}

.left-arrow-text {
    padding-left: 18px;
}

.right-arrow-text {
    padding-right: 18px;
}

.tooltip_q.zero-margin {
    margin-left: 0px;
}

.tooltip_text_style {
    font-size: 15px !important;
}

.tooltip_q .tooltiptext.tooltip_text_style {
    z-index: 3;
}

/* END OF PARKING TEMPLATE#2 */

.content-scroll.deposite-pg-height {
    max-height: 90vh;
}

/* START OF EHPAD_DASHBOARD */
.vertical-room {
    background-image: url(assets/images/hotel/ver_room.png);
    height          : 160px;
    width           : 142px;
    background-size : 100% 100%;
    padding-top     : 120px;
    padding-left    : 20px;
    cursor          : pointer;
}

.classic_single {
    background-image : url(assets/images/hotel/classic_single.png);
    height           : 140px;
    width            : 100px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    padding-top      : 98px;
    padding-left     : 14px;
    cursor           : pointer;
    font-size        : 12px;
}

.classic_double {
    background-image : url(assets/images/hotel/Classic_Double.png);
    height           : 140px;
    width            : 150px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    padding-top      : 65px;
    text-align       : end;
    padding-right    : 20px;
    cursor           : pointer;
    font-size        : 12px;
}

.vip_single {
    background-image : url(assets/images/hotel/vip-single.png);
    height           : 140px;
    width            : 100px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    padding-top      : 75px;
    padding-left     : 14px;
    cursor           : pointer;
    font-size        : 12px;
}

.vip_double {
    background-image : url(assets/images/hotel/vip_double.png);
    height           : 140px;
    width            : 150px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    padding-top      : 85px;
    padding-left     : 14px;
    cursor           : pointer;
    font-size        : 12px;
}

.side-border-ehpad {
    background-image : url(assets/images/hotel/side-border1.png);
    background-repeat: no-repeat;
    height           : 170px;
    width            : 4px;
    background-size  : 100% 100%;
}

.side-border1-ehpad {
    background-image : url(assets/images/hotel/side-border11.png);
    background-repeat: no-repeat;
    height           : 4px;
    width            : 170px;
    background-size  : 100% 100%;
    margin-bottom    : 2px;
}

.row1-ehpad {
    background-image : url(assets/images/hotel/row1.png);
    background-repeat: no-repeat;
    height           : 14px;
    width            : 655px;
    background-size  : 100% 100%;
}

.row2-ehpad {
    background-image : url(assets/images/hotel/row11.png);
    background-repeat: no-repeat;
    height           : 544px;
    width            : 14px;
    background-size  : 100% 100%;
}

.living_room1-ehpad {
    background-image : url(assets/images/hotel/living_room2.png);
    height           : 140px;
    width            : 150px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    padding-top      : 28%;
    padding-left     : 20%;
    margin-left      : -1px;
}

.living_room-ehpad {
    background-image : url(assets/images/hotel/living_room.png);
    height           : 140px;
    width            : 100px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    text-align       : center;
    padding-top      : 20px;
}

.laundry-ehpad {
    background-image : url(assets/images/hotel/laundry.png);
    height           : 140px;
    width            : 100px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    text-align       : center;
    padding-top      : 20px;
}

.activity-room {
    background-image : url(assets/images/hotel/activity-room.png);
    height           : 140px;
    width            : 190px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    text-align       : center;
    padding-top      : 35px;
    padding-left     : 20px;
}

.manager-room {
    background-image : url(assets/images/hotel/manager.png);
    height           : 140px;
    width            : 131px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    text-align       : center;
    padding-top      : 20px;
}

.kitchen-room {
    background-image : url(assets/images/hotel/kitchen-new.png);
    height           : 140px;
    width            : 131px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    text-align       : center;
    padding-top      : 20px;
}

.center-part {
    background-image: url(assets/images/hotel/center-part.png);
    height          : 610px;
    width           : 339px;
    background-size : 100% 100%;
}

.greate-room {
    background-image : url(assets/images/hotel/greate-room.png);
    height           : 140px;
    width            : 139px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    text-align       : center;
    padding-top      : 20px;
}

.greate-room1 {
    background-image : url(assets/images/hotel/greate-room.png);
    height           : 140px;
    width            : 172px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    text-align       : center;
    padding-top      : 20px;
}

.office-room {
    background-image : url(assets/images/hotel/office1.png);
    height           : 34px;
    width            : 73px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    text-align       : center;
    padding-top      : 3px;
}

.conferenec-room {
    background-image : url(assets/images/hotel/conference1.png);
    height           : 34px;
    width            : 80px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    text-align       : center;
    padding-top      : 3px;
}

.laundry1-room {
    background-image : url(assets/images/hotel/laundry1.png);
    height           : 40px;
    width            : 109px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    text-align       : center;
    text-align       : center;
    padding-top      : 3px;
}

.salon-room {
    background-image : url(assets/images/hotel/salon.png);
    height           : 34px;
    width            : 73px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    text-align       : center;
    padding-top      : 3px;
}

.kitchen1-room {
    background-image : url(assets/images/hotel/kitchen-new.png);
    height           : 34px;
    width            : 80px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    text-align       : center;
    padding-top      : 3px;
}

.dining-room {
    background-image : url(assets/images/hotel/dining.png);
    height           : 140px;
    width            : 150px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    text-align       : center;
    padding-top      : 20px;
}

.dining-room1 {
    background-image : url(assets/images/hotel/dining3.png);
    height           : 140px;
    width            : 100px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    text-align       : center;
    padding-top      : 20px;
}

.elevator {
    background-image : url(assets/images/hotel/elevator.png);
    height           : 140px;
    width            : 150px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    padding          : 30px 50px;
    position         : absolute;
    z-index          : 4;
    margin-left      : 13px;
    margin-top       : 2px;
    bottom           : 0;
}

.blank_classic_single {
    background-image : url(assets/images/hotel/blank-classic-single.png);
    height           : 140px;
    width            : 100px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    margin-left      : -9px;
}

.ehpad-row1 {
    margin-bottom: 0px !important;
    display      : flex;
}

.rotate-room {
    transform: rotate(180deg);
}

.classic-double-rotate {
    transform  : rotate(90deg);
    margin-left: 24px;
}

.vip-double-rotate {
    transform       : rotate(-90deg);
    transform-origin: top left;
}

.first-vip-margin {
    margin-top: -23px;
}

.rotate-text-ehpad {
    transform: rotate(180deg) !important;
    position : absolute;
}

.middle-left-part {
    margin-right: 5px;
}

.middle-right-part {
    margin-left: 5px;
}

.middle-ehpad {
    display        : flex;
    margin-left    : auto;
    width          : 600px;
    justify-content: flex-end;
    margin-bottom  : 0px !important;
}

.top-left-ehpad {
    margin-bottom  : 0px !important;
    display        : flex;
    justify-content: flex-end;
    width          : 600px;
    margin-left    : auto;
}

.top-left-ehpad-col {
    padding-left : 0px;
    padding-right: 15px;
    width        : 600px;
}

.top-right-ehpad-col {
    justify-content: flex-start;
    width          : 500px;
}

.top-right-ehpad {
    justify-content: flex-start;
    width          : 500px;
}

.top-right-ehpad1 {
    justify-content: flex-start;
    margin-top     : 24px;
    width          : 500px;
}

.classic_double-style1 {
    transform  : rotate(-90deg);
    margin-left: -6px;
}

.dinig-room-style {
    margin-left: -2px;
    margin-top : 2px;
    position   : absolute;
    bottom     : 0;
}

.classic_double-style2 {
    transform: rotate(90deg);
}

.vip-double-col {
    display: flex;
    width  : 208px;
}

.ehpad-courtyard {
    position         : absolute;
    z-index          : 999;
    background-image : url(assets/images/hotel/f-yard1.png);
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    height           : 393px;
    width            : 380px;
    margin-left      : -10px;
    margin-top       : -460px;
}

.ehpad-garden {
    position         : absolute;
    z-index          : 999;
    background-image : url(assets/images/hotel/garden-final1.png);
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    height           : 393px;
    width            : 380px;
    margin-top       : -460px;
}

.garden-text {
    font-size : 20px;
    position  : absolute;
    text-align: center;
    margin-top: -50px;
    width     : 380px;
}

.courtyard-text {
    font-size : 20px;
    position  : absolute;
    text-align: center;
    margin-top: -50px;
    width     : 380px;
}

.ehpad-row2 {
    margin-left : 15px;
    margin-right: 15px;
    display     : flex;
}

@media(min-width: 6001px) {
    .extra-div2.floor-extra-div2 {
        width: 43.5%;
    }

    .extra-div1 {
        width: 37%;
    }

    .extra-div2 {
        width: 45.3%;
    }

    .bottom-left-col {
        margin-left: -15px;
    }

    .vip_double {
        padding-top: 69px;
    }

    .ehpad-courtyard {
        width      : 400px;
        margin-left: 30px;
    }

    .courtyard-text {
        width      : 400px;
        margin-left: 30px;
    }

    .ehpad-garden {
        width      : 400px;
        margin-left: 70px;
    }

    .garden-text {
        width      : 400px;
        margin-left: 70px;
    }

    .middle-left-part {
        height: 702px;
        width : 149px;
    }

    .middle-right-part {
        height: 702px;
        width : 150px;
    }

    .col-double-style {
        height: 873px;
        width : 178px;
    }

    .col-double-style1 {
        height: 874px;
        width : 174px;
    }

    .top-left-ehpad {
        height: 170px;
    }
}

@media(max-width: 6000px) and (min-width: 5401px) {
    .extra-div2.floor-extra-div2 {
        width: 44.2%;
    }

    .extra-div1 {
        width: 37%;
    }

    .extra-div2 {
        width: 45.3%;
    }

    .bottom-left-col {
        margin-left: -15px;
    }

    .vip_double {
        padding-top: 69px;
    }

    .ehpad-courtyard {
        width      : 400px;
        margin-left: 10px;
    }

    .courtyard-text {
        width      : 400px;
        margin-left: 10px;
    }

    .ehpad-garden {
        width      : 400px;
        margin-left: 60px;
    }

    .garden-text {
        width      : 400px;
        margin-left: 60px;
    }

    .middle-left-part {
        height: 702px;
        width : 149px;
    }

    .middle-right-part {
        height: 702px;
        width : 150px;
    }

    .col-double-style {
        height: 873px;
        width : 178px;
    }

    .col-double-style1 {
        height: 874px;
        width : 174px;
    }

    .top-left-ehpad {
        height: 170px;
    }
}

@media(max-width: 5400px) and (min-width: 5000px) {
    .extra-div2.floor-extra-div2 {
        width: 44.6%;
    }

    .extra-div1 {
        width: 37%;
    }

    .extra-div2 {
        width: 45.3%;
    }

    .bottom-left-col {
        margin-left: -15px;
    }

    .vip_double {
        padding-top: 69px;
    }

    .ehpad-courtyard {
        width      : 400px;
        margin-left: 20px;
    }

    .courtyard-text {
        width      : 400px;
        margin-left: 20px;
    }

    .ehpad-garden {
        width      : 400px;
        margin-left: 60px;
    }

    .garden-text {
        width      : 400px;
        margin-left: 60px;
    }

    .middle-left-part {
        height: 702px;
        width : 149px;
    }

    .middle-right-part {
        height: 702px;
        width : 150px;
    }

    .col-double-style {
        height: 873px;
        width : 178px;
    }

    .col-double-style1 {
        height: 874px;
        width : 174px;
    }

    .top-left-ehpad {
        height: 170px;
    }
}

@media(max-width: 4999px) and (min-width: 4301px) {
    .row2-bottom-border {
        width: 184px !important;
    }

    .row2-bottom-border1 {
        margin-left: -2px;
    }

    .extra-div2.floor-extra-div2 {
        width: 41%;
    }

    .vip-double-col.floor-vip-double-col {
        width: 197px;
    }

    .extra-div2 {
        width: 39.6%;
    }

    .ehpad-courtyard {
        width      : 330px;
        margin-left: 5px;
        height     : 353px;
        margin-top : -420px;
    }

    .courtyard-text {
        width      : 330px;
        margin-left: 5px;
    }

    .ehpad-garden {
        width      : 400px;
        margin-left: 10px;
        height     : 353px;
        margin-top : -420px;
    }

    .garden-text {
        width      : 400px;
        margin-left: 10px;
    }

    .middle-left-part {
        height: 702px;
        width : 149px;
    }

    .middle-right-part {
        height: 702px;
        width : 150px;
    }

    .col-double-style {
        height: 873px;
        width : 178px;
    }

    .col-double-style1 {
        height: 874px;
        width : 174px;
    }

    .top-left-ehpad {
        height: 170px;
    }
}

@media(max-width: 4300px) and (min-width: 4001px) {
    .extra-div2.floor-extra-div2 {
        width: 43%;
    }

    .vip-double-col.floor-vip-double-col {
        width: 196px;
    }

    .row2-ehpad.floor-row2-ehpad {
        height: 545px;
    }

    .extra-div2 {
        width: 39.6%;
    }

    .ehpad-courtyard {
        width      : 400px;
        margin-left: 10px;
    }

    .courtyard-text {
        width      : 400px;
        margin-left: 10px;
    }

    .ehpad-garden {
        width      : 400px;
        margin-left: 50px;
    }

    .garden-text {
        width      : 400px;
        margin-left: 50px;
    }

    .middle-left-part {
        height: 702px;
        width : 149px;
    }

    .middle-right-part {
        height: 702px;
        width : 150px;
    }

    .col-double-style {
        height: 872.81px;
        width : 178px;
    }

    .col-double-style1 {
        height: 873.75px;
        width : 174px;
    }

    .top-left-ehpad {
        height: 169.97px;
    }
}

@media(max-width: 4000px) and (min-width: 3500px) {
    .extra-div2.floor-extra-div2 {
        width: 42.5%;
    }

    .vip-double-col.floor-vip-double-col {
        width: 202px;
    }

    .extra-div2 {
        width: 39.6%;
    }

    .ehpad-courtyard {
        width      : 400px;
        margin-left: 20px;
    }

    .courtyard-text {
        width      : 400px;
        margin-left: 20px;
    }

    .ehpad-garden {
        width      : 400px;
        margin-left: 60px;
    }

    .garden-text {
        width      : 400px;
        margin-left: 60px;
    }

    .middle-left-part {
        height: 702px;
        width : 149px;
    }

    .middle-right-part {
        height: 702px;
        width : 150px;
    }

    .col-double-style {
        height: 873px;
        width : 178px;
    }

    .col-double-style1 {
        height: 874px;
        width : 174px;
    }

    .top-left-ehpad {
        height: 170px;
    }
}

@media(max-width: 3499px) and (min-width: 3000px) {
    .row2-bottom-border {
        width: 180px !important;
    }

    .row2-bottom-border1 {
        margin-left: -2px;
    }

    .extra-div2.floor-extra-div2 {
        width: 39%;
    }

    .extra-div2 {
        width: 35%;
    }

    .ehpad-courtyard {
        width      : 400px;
        margin-left: 20px;
    }

    .courtyard-text {
        width      : 400px;
        margin-left: 20px;
    }

    .ehpad-garden {
        width      : 400px;
        margin-left: 60px;
    }

    .garden-text {
        width      : 400px;
        margin-left: 60px;
    }

    .middle-left-part {
        height: 702px;
        width : 149px;
    }

    .middle-right-part {
        height: 702px;
        width : 150px;
    }

    .col-double-style {
        height: 873px;
        width : 178px;
    }

    .col-double-style1 {
        height: 874px;
        width : 174px;
    }

    .top-left-ehpad {
        height: 170px;
    }
}

@media(max-width: 2999px) and (min-width: 2701px) {
    .extra-div2.floor-extra-div2 {
        width: 36.4%;
    }

    .extra-div2 {
        width: 30.8%;
    }

    .ehpad-courtyard {
        width      : 400px;
        margin-left: 10px;
    }

    .courtyard-text {
        width      : 400px;
        margin-left: 10px;
    }

    .ehpad-garden {
        width      : 400px;
        margin-left: 60px;
    }

    .garden-text {
        width      : 400px;
        margin-left: 60px;
    }

    .middle-left-part {
        height: 702px;
        width : 149px;
    }

    .middle-right-part {
        height: 702px;
        width : 150px;
    }

    .col-double-style {
        height: 873px;
        width : 178px;
    }

    .col-double-style1 {
        height: 874px;
        width : 174px;
    }

    .top-left-ehpad {
        height: 170px;
    }

}

@media(max-width: 2700px) and (min-width: 2400px) {
    .row2-bottom-border.floor-row2-bottom-border {
        width: 179px;
    }

    .row2-bottom-border1.floor-row2-bottom-border1 {
        margin-left: -1px;
    }

    .extra-div2.floor-extra-div2 {
        width: 35.5%;
    }

    .extra-div2 {
        width: 30.8%;
    }

    .ehpad-courtyard {
        width      : 400px;
        margin-left: 20px;
    }

    .courtyard-text {
        width      : 400px;
        margin-left: 20px;
    }

    .ehpad-garden {
        width      : 400px;
        margin-left: 60px;
    }

    .garden-text {
        width      : 400px;
        margin-left: 60px;
    }

    .middle-left-part {
        height: 702px;
        width : 149px;
    }

    .middle-right-part {
        height: 702px;
        width : 150px;
    }

    .col-double-style {
        height: 873px;
        width : 178px;
    }

    .col-double-style1 {
        height: 874px;
        width : 174px;
    }

    .top-left-ehpad {
        height: 170px;
    }
}

@media(max-width: 2399px) and (min-width: 2199px) {
    .row2-bottom-border {
        width: 181px !important;
    }

    .row2-bottom-border1 {
        margin-left: -2px;
    }

    .row2-ehpad.floor-row2-ehpad {
        height: 545px;
    }

    .row2-bottom-border1.floor-row2-bottom-border1 {
        margin-left: -2px;
    }

    .extra-div2.floor-extra-div2 {
        width: 31%;
    }

    .row2-bottom-border.floor-row2-bottom-border {
        width: 180px;
    }

    .extra-div2 {
        width: 24%;
    }

    .ehpad-courtyard {
        width      : 370px;
        margin-left: 10px;
    }

    .courtyard-text {
        width      : 370px;
        margin-left: 10px;
    }

    .ehpad-garden {
        width      : 420px;
        margin-left: 30px;
    }

    .garden-text {
        width      : 420px;
        margin-left: 30px;
    }

    .middle-left-part {
        height: 702px;
        width : 149px;
    }

    .middle-right-part {
        height: 702px;
        width : 150px;
    }

    .col-double-style {
        height: 873px;
        width : 178px;
    }

    .col-double-style1 {
        height: 874px;
        width : 174px;
    }

    .top-left-ehpad {
        height: 170px;
    }
}

.row1-top-right,
.middle-part-ehpad {
    display: flex;
}

.row1-top-right-part1-row1,
.row1-top-right-part1-row3 {
    margin-right: 0px !important;
    display     : flex;
}

.row1-top-right-part1,
.row1-top-right-part2 {
    padding-left: 0px;
}

.bottom-left-col {
    padding-right: 0px;
    width        : 762px;
    margin-right : -15px;
}

.bottom-left-ehpad {
    justify-content: flex-start;
    width          : 762px;
    margin-right   : 0px;
}

.bottom-left-ehpad1 {
    justify-content: flex-start;
    margin-top     : 30px;
    width          : 762px;
    margin-right   : 0px;
}

.bottom-right-col {
    width: 500px;
}

.bottom-right-ehpad {
    justify-content: flex-start;
    width          : 500px;
    margin-left    : 0px;
}

.bottom-right-ehpad1 {
    justify-content: flex-start;
    margin-top     : 30px;
    width          : 500px;
    margin-left    : 0px;
}

.col-double-style {
    margin-top: -540px;
}

.right-row2-ehpad {
    margin-top : -540px;
    margin-left: -12px;
    transform  : scaleX(-1);
}

.left-row2-ehpad {
    margin-top : -540px;
    margin-left: -12px;
}

.col-double-style1 {
    margin-top: -540px;
}

.row2-side-border-style {
    transform       : rotate(-90deg);
    transform-origin: top left;
}

@media (max-width: 2200px) and (min-width: 1950px) {
    .extra-div2.floor-extra-div2 {
        width: 30.2%;
    }

    .row2-bottom-border.floor-row2-bottom-border {
        width: 169px !important;
    }

    .extra-div2 {
        width: 23%;
    }

    .ehpad-row2 {
        margin-left : 5px;
        margin-right: 5px;
    }

    .vip_double {
        height     : 130px;
        width      : 140px;
        padding-top: 75px;
    }

    .vip_single,
    .classic_single,
    .dining-room1,
    .laundry-ehpad,
    .living_room-ehpad,
    .blank_classic_single {
        height: 130px;
        width : 90px;
    }

    .classic_double,
    .dining-room,
    .elevator,
    .living_room1-ehpad {
        height: 130px;
        width : 140px;
    }

    .kitchen-room {
        height: 130px;
        width : 126px;
    }

    .manager-room {
        height: 130px;
        width : 126px;
    }

    .activity-room {
        height: 130px;
        width : 180px;
    }

    .greate-room1 {
        height: 130px;
        width : 162px;
    }

    .side-border-ehpad {
        height: 160px;
    }

    .side-border1-ehpad {
        width: 159px;
    }

    .extra-div1 {
        padding-right: 0px;
        padding-left : 0px;
    }

    .row2-bottom-border1 {
        width      : 160px !important;
        margin-left: -2px;
    }

    .row2-bottom-border {
        width       : 168px !important;
        margin-top  : -132px !important;
        margin-right: -1px;
    }

    .top-right-ehpad-col,
    .top-right-ehpad,
    .top-right-ehpad1 {
        width: 450px;
    }

    .bottom-left-col,
    .bottom-left-ehpad,
    .bottom-left-ehpad1 {
        width: 702px;
    }

    .bottom-right-col,
    .bottom-right-ehpad,
    .bottom-right-ehpad1 {
        width: 450px;
    }

    .top-left-ehpad-col {
        width: 540px;
    }

    .top-left-ehpad {
        width : 540px;
        height: 160px;
    }

    .right-row2-ehpad,
    .left-row2-ehpad {
        margin-top: -500px;
    }

    .col-double-style1 {
        margin-top: -500px;
        height    : 813.87px;
        width     : 163.97px;
    }

    .col-double-style {
        margin-top: -500px;
        height    : 812.88px;
        width     : 167.02px;
    }

    .row2-ehpad {
        height: 504px;
    }

    .middle-part-ehpad {
        margin-right: 56px;
    }

    .row2-side-border-style {
        background-size: 100% 99%;
    }

    .greate-room {
        width: 120px;
    }

    .ehpad-courtyard {
        width      : 340px;
        margin-left: 0px;
    }

    .courtyard-text {
        width      : 340px;
        margin-left: 0px;
    }

    .ehpad-garden {
        width      : 380px;
        margin-left: 20px;
    }

    .garden-text {
        width      : 380px;
        margin-left: 20px;
    }

    .middle-left-part {
        height: 651.91px;
        width : 139.01px;
    }

    .middle-right-part {
        height: 651.91px;
        width : 139.99px;
    }
}

@media (max-width: 1949px) and (min-width: 1910px) {
    .extra-div2.floor-extra-div2 {
        width: 28.4%;
    }

    .extra-div2 {
        width: 21%;
    }

    .ehpad-row2 {
        margin-left : 5px;
        margin-right: 5px;
    }

    .classic_single,
    .dining-room1,
    .laundry-ehpad,
    .living_room-ehpad {
        height: 120px;
        width : 80px;
    }

    .vip_single {
        height      : 120px;
        width       : 80px;
        padding-top : 68px;
        padding-left: 10px;
    }

    .blank_classic_single {
        height     : 120px;
        width      : 30px;
        margin-left: 50px;
    }

    .classic_double,
    .dining-room,
    .elevator,
    .living_room1-ehpad {
        height: 120px;
        width : 130px;
    }

    .vip_double {
        height     : 120px;
        width      : 130px;
        padding-top: 69px;
    }

    .kitchen-room {
        height: 120px;
        width : 121px;
    }

    .manager-room {
        height: 110px;
        width : 121px;
    }

    .activity-room {
        height: 120px;
        width : 170px;
    }

    .greate-room1 {
        height: 120px;
        width : 152px;
    }

    .side-border-ehpad {
        height: 150px;
    }

    .side-border1-ehpad {
        width: 149px;
    }

    .extra-div1 {
        padding-right: 0px;
        padding-left : 0px;
    }

    .row2-bottom-border1 {
        width      : 150px !important;
        margin-left: -2px;
    }

    .row2-bottom-border {
        width       : 158px !important;
        margin-top  : -122px !important;
        margin-right: -4px;
    }

    .top-right-ehpad-col,
    .top-right-ehpad,
    .top-right-ehpad1 {
        width: 400px;
    }

    .bottom-left-col,
    .bottom-left-ehpad,
    .bottom-left-ehpad1 {
        width: 642px;
    }

    .bottom-right-col,
    .bottom-right-ehpad,
    .bottom-right-ehpad1 {
        width: 400px;
    }

    .top-left-ehpad-col {
        width: 480px;
    }

    .top-left-ehpad {
        width : 480px;
        height: 150px;
    }

    .right-row2-ehpad,
    .left-row2-ehpad {
        margin-top: -460px;
    }

    .col-double-style1 {
        margin-top: -460px;
        height    : 754px;
        width     : 154px;
    }

    .col-double-style {
        margin-top: -460px;
        height    : 753px;
        width     : 154px;
    }

    .row2-ehpad {
        height: 464px;
    }

    .middle-part-ehpad {
        margin-right: 60px;
    }

    .row2-side-border-style {
        background-size: 100% 97%;
    }

    .greate-room {
        width: 120px;
    }

    .ehpad-courtyard {
        width      : 320px;
        height     : 363px;
        margin-left: -10px;
        margin-top : -430px;
    }

    .courtyard-text {
        width      : 320px;
        margin-left: -10px;
    }

    .ehpad-garden {
        width      : 370px;
        height     : 363px;
        margin-left: 0px;
        margin-top : -430px;
    }

    .garden-text {
        width      : 370px;
        margin-left: 0px;
    }

    .middle-left-part {
        height: 602px;
        width : 129px;
    }

    .middle-right-part {
        height: 602px;
        width : 130px;
    }
}

@media (max-width: 1909px) and (min-width: 1800px) {
    .extra-div2.floor-extra-div2 {
        width: 27.8%;
    }

    .extra-div2 {
        width: 21%;
    }

    .ehpad-row2 {
        margin-left : 5px;
        margin-right: 5px;
    }

    .classic_single,
    .dining-room1,
    .laundry-ehpad,
    .living_room-ehpad {
        height: 120px;
        width : 80px;
    }

    .vip_single {
        height      : 120px;
        width       : 80px;
        padding-top : 68px;
        padding-left: 10px;
    }

    .blank_classic_single {
        height     : 120px;
        width      : 30px;
        margin-left: 50px;
    }

    .classic_double,
    .dining-room,
    .elevator,
    .living_room1-ehpad {
        height: 120px;
        width : 130px;
    }

    .vip_double {
        height     : 120px;
        width      : 130px;
        padding-top: 69px;
    }

    .kitchen-room {
        height: 120px;
        width : 121px;
    }

    .manager-room {
        height: 110px;
        width : 121px;
    }

    .activity-room {
        height: 120px;
        width : 170px;
    }

    .greate-room1 {
        height: 120px;
        width : 152px;
    }

    .side-border-ehpad {
        height: 150px;
    }

    .side-border1-ehpad {
        width: 150px;
    }

    .extra-div1 {
        padding-right: 0px;
        padding-left : 0px;
    }

    .row2-bottom-border1 {
        width      : 150px !important;
        margin-left: -2px;
    }

    .row2-bottom-border {
        width       : 158px !important;
        margin-top  : -122px !important;
        margin-right: -4px;
    }

    .top-right-ehpad-col,
    .top-right-ehpad,
    .top-right-ehpad1 {
        width: 400px;
    }

    .bottom-left-col,
    .bottom-left-ehpad,
    .bottom-left-ehpad1 {
        width: 642px;
    }

    .bottom-right-col,
    .bottom-right-ehpad,
    .bottom-right-ehpad1 {
        width: 400px;
    }

    .top-left-ehpad-col {
        width: 480px;
    }

    .top-left-ehpad {
        width : 480px;
        height: 150px;
    }

    .right-row2-ehpad,
    .left-row2-ehpad {
        margin-top: -460px;
    }

    .col-double-style1 {
        margin-top: -460px;
        height    : 754px;
        width     : 154px;
    }

    .col-double-style {
        margin-top: -460px;
        height    : 753px;
        width     : 154px;
    }

    .row2-ehpad {
        height: 464px;
    }

    .middle-part-ehpad {
        margin-right: 60px;
    }

    .row2-side-border-style {
        background-size: 100% 97%;
    }

    .greate-room {
        width: 120px;
    }

    .ehpad-courtyard {
        width      : 340px;
        margin-left: -5px;
    }

    .courtyard-text {
        width      : 340px;
        margin-left: -5px;
    }

    .ehpad-garden {
        width      : 360px;
        margin-left: 15px;
    }

    .garden-text {
        width      : 360px;
        margin-left: 15px;
    }

    .middle-left-part {
        height: 602px;
        width : 129px;
    }

    .middle-right-part {
        height: 602px;
        width : 130px;
    }
}

@media (max-width: 1799px) and (min-width: 1701px) {
    .extra-div2.floor-extra-div2 {
        width: 25.4%;
    }

    .extra-div2 {
        width: 19%;
    }

    .ehpad-row2 {
        margin-left : -10px;
        margin-right: 5px;
    }

    .vip_single,
    .classic_single,
    .dining-room1,
    .laundry-ehpad,
    .living_room-ehpad {
        height: 120px;
        width : 80px;
    }

    .blank_classic_single {
        height     : 120px;
        width      : 30px;
        margin-left: 53px;
    }

    .classic_double,
    .dining-room,
    .elevator,
    .living_room1-ehpad {
        height: 120px;
        width : 130px;
    }

    .vip_double {
        height     : 120px;
        width      : 130px;
        padding-top: 69px;
    }

    .vip_single {
        height     : 120px;
        width      : 80px;
        padding-top: 70px;
    }

    .kitchen-room {
        height: 120px;
        width : 121px;
    }

    .manager-room {
        height: 110px;
        width : 121px;
    }

    .activity-room {
        height: 120px;
        width : 170px;
    }

    .greate-room1 {
        height: 120px;
        width : 152px;
    }

    .side-border-ehpad {
        height: 150px;
    }

    .side-border1-ehpad {
        width: 149px;
    }

    .extra-div1 {
        padding-right: 0px;
        padding-left : 0px;
    }

    .row2-bottom-border1 {
        width      : 150px !important;
        margin-left: -2px;
    }

    .row2-bottom-border {
        width       : 158px !important;
        margin-top  : -122px !important;
        margin-right: -4px;
    }

    .top-right-ehpad-col,
    .top-right-ehpad,
    .top-right-ehpad1 {
        width: 400px;
    }

    .bottom-left-col,
    .bottom-left-ehpad,
    .bottom-left-ehpad1 {
        width: 642px;
    }

    .bottom-right-col,
    .bottom-right-ehpad,
    .bottom-right-ehpad1 {
        width: 400px;
    }

    .top-left-ehpad-col {
        width: 480px;
    }

    .top-left-ehpad {
        width : 480px;
        height: 150px;
    }

    .right-row2-ehpad,
    .left-row2-ehpad {
        margin-top: -460px;
    }

    .col-double-style1 {
        margin-top: -460px;
        height    : 753.97px;
        width     : 153.97px;
    }

    .col-double-style {
        margin-top: -460px;
        height    : 753.01px;
        width     : 154px;
    }

    .row2-ehpad {
        height: 464px;
    }

    .middle-part-ehpad {
        margin-right: 60px;
    }

    .greate-room {
        width: 80px;
    }

    .row2-side-border-style {
        background-size: 100% 97%;
    }

    .ehpad-courtyard {
        width      : 330px;
        margin-left: -5px;
    }

    .courtyard-text {
        width      : 330px;
        margin-left: -5px;
    }

    .ehpad-garden {
        width      : 360px;
        margin-left: 15px;
    }

    .garden-text {
        width      : 360px;
        margin-left: 15px;
    }

    .middle-left-part {
        height: 601.99px;
        width : 129px;
    }

    .middle-right-part {
        height: 601.99px;
        width : 130px;
    }

    .middle-left-part {
        height: 601.98px;
        width : 129px;
    }

    .middle-right-part {
        height: 601.98px;
        width : 130px;
    }
}

@media (max-width: 1700px) and (min-width: 1600px) {
    .extra-div2.floor-extra-div2 {
        width: 27%;
    }

    .blank_classic_single.floor-blank_classic_single {
        margin-left: 57px;
    }

    .extra-div2 {
        width: 19%;
    }

    .ehpad-row2 {
        margin-left : -10px;
        margin-right: 5px;
    }

    .vip_single,
    .dining-room1,
    .laundry-ehpad,
    .living_room-ehpad {
        height: 110px;
        width : 70px;
    }

    .classic_single {
        height     : 110px;
        width      : 70px;
        padding-top: 78px;
    }

    .blank_classic_single {
        height     : 110px;
        width      : 7px;
        margin-left: 50px;
    }

    .dining-room,
    .elevator,
    .living_room1-ehpad {
        height: 110px;
        width : 120px;
    }

    .classic_double {
        height       : 110px;
        width        : 120px;
        padding-top  : 55px;
        padding-right: 20px;
    }

    .vip_double {
        height     : 110px;
        width      : 120px;
        padding-top: 59px;
    }

    .vip_single {
        height     : 110px;
        width      : 70px;
        padding-top: 60px;
    }

    .kitchen-room {
        height: 110px;
        width : 116px;
    }

    .manager-room {
        height: 100px;
        width : 116px;
    }

    .activity-room {
        height: 110px;
        width : 160px;
    }

    .greate-room1 {
        height: 110px;
        width : 142px;
    }

    .side-border-ehpad {
        height: 140px;
    }

    .side-border1-ehpad {
        width: 140px;
    }

    .extra-div1 {
        padding-right: 0px;
        padding-left : 0px;
    }

    .row2-bottom-border1 {
        width      : 140px !important;
        margin-left: -2px;
    }

    .row2-bottom-border {
        width       : 148px !important;
        margin-top  : -112px !important;
        margin-right: -4px;
    }

    .top-right-ehpad-col,
    .top-right-ehpad,
    .top-right-ehpad1 {
        width: 350px;
    }

    .bottom-left-col,
    .bottom-left-ehpad,
    .bottom-left-ehpad1 {
        width: 582px;
    }

    .bottom-right-col,
    .bottom-right-ehpad,
    .bottom-right-ehpad1 {
        width: 350px;
    }

    .top-left-ehpad-col {
        width: 420px;
    }

    .top-left-ehpad {
        width : 420px;
        height: 140px;
    }

    .right-row2-ehpad,
    .left-row2-ehpad {
        margin-top: -420px;
    }

    .col-double-style1 {
        margin-top: -420px;
        height    : 694px;
        width     : 144px;
    }

    .col-double-style {
        margin-top: -420px;
        height    : 693px;
        width     : 144px;
    }

    .row2-ehpad {
        height: 424px;
    }

    .middle-part-ehpad {
        margin-right: 112px;
    }

    .greate-room {
        width: 80px;
    }

    .row2-side-border-style {
        background-size: 100% 97%;
    }

    .ehpad-courtyard {
        width      : 300px;
        height     : 373px;
        margin-left: -5px;
        margin-top : -430px;
    }

    .courtyard-text {
        width      : 300px;
        margin-left: -5px;
    }

    .ehpad-garden {
        width      : 310px;
        height     : 373px;
        margin-left: 15px;
        margin-top : -430px;
    }

    .garden-text {
        width      : 310px;
        margin-left: 15px;
    }

    .middle-left-part {
        height: 552px;
        width : 119px;
    }

    .middle-right-part {
        height: 552px;
        width : 120px;
    }
}

@media (max-width: 1599px) and (min-width: 1500px) {
    .extra-div2.floor-extra-div2 {
        width: 28.2%;
    }

    .extra-div2 {
        width: 21%;
    }

    .ehpad-row2 {
        margin-left : -10px;
        margin-right: 5px;
    }

    .dining-room1,
    .laundry-ehpad,
    .living_room-ehpad {
        height: 100px;
        width : 60px;
    }

    .blank_classic_single {
        height     : 100px;
        width      : 10px;
        margin-left: 50px;
    }

    .dining-room,
    .living_room1-ehpad {
        height: 100px;
        width : 110px;
    }

    .elevator {
        height     : 100px;
        width      : 110px;
        margin-left: 10px;
        padding    : 49px 30px;
    }

    .vip_double {
        height     : 100px;
        width      : 110px;
        padding-top: 55px;
    }

    .vip_single {
        height     : 100px;
        width      : 60px;
        padding-top: 52px;
    }

    .classic_single {
        height     : 100px;
        width      : 60px;
        padding-top: 60px;
    }

    .classic_double {
        padding-top: 45px;
        height     : 100px;
        width      : 110px;
    }

    .kitchen-room {
        height: 100px;
        width : 111px;
    }

    .manager-room {
        height: 90px;
        width : 111px;
    }

    .activity-room {
        height: 100px;
        width : 150px;
    }

    .greate-room1 {
        height: 100px;
        width : 132px;
    }

    .side-border-ehpad {
        height: 130px;
    }

    .side-border1-ehpad {
        width: 129px;
    }

    .extra-div1 {
        padding-right: 0px;
        padding-left : 0px;
    }

    .row2-bottom-border1 {
        width      : 130px !important;
        margin-left: -2px;
    }

    .row2-bottom-border {
        width       : 138px !important;
        margin-top  : -104px !important;
        margin-right: -4px;
    }

    .top-right-ehpad-col,
    .top-right-ehpad,
    .top-right-ehpad1 {
        width: 300px;
    }

    .bottom-left-col,
    .bottom-left-ehpad,
    .bottom-left-ehpad1 {
        width: 522px;
    }

    .bottom-right-col,
    .bottom-right-ehpad,
    .bottom-right-ehpad1 {
        width: 300px;
    }

    .top-left-ehpad-col {
        width: 360px;
    }

    .top-left-ehpad {
        width : 360px;
        height: 130px;
    }

    .right-row2-ehpad,
    .left-row2-ehpad {
        margin-top: -380px;
    }

    .col-double-style1 {
        margin-top: -380px;
        height    : 633.98px;
        width     : 133.98px;
    }

    .col-double-style {
        margin-top: -380px;
        height    : 631.98px;
        width     : 134px;
    }

    .row2-ehpad {
        height: 383px;
    }

    .middle-part-ehpad {
        margin-right: 175px;
    }

    .greate-room {
        width: 100px;
    }

    .row2-side-border-style {
        background-size: 100% 97%;
    }

    .ehpad-courtyard {
        width      : 240px;
        margin-left: -8px;
        height     : 323px;
        margin-top : -390px;
    }

    .courtyard-text {
        width      : 240px;
        margin-left: -8px;
    }

    .ehpad-garden {
        width      : 300px;
        margin-left: -15px;
        height     : 323px;
        margin-top : -390px;
    }

    .garden-text {
        width      : 300px;
        margin-left: -15px;
    }

    .middle-left-part {
        height: 502px;
        width : 109.01px;
    }

    .middle-right-part {
        height: 502px;
        width : 110px;
    }
}

@media (max-width: 1499px) and (min-width: 1400px) {
    .extra-div2.floor-extra-div2 {
        width: 25.7%;
    }
}

@media (max-width: 1399px) and (min-width: 1300px) {
    .extra-div2.floor-extra-div2 {
        width: 24.9%;
    }
}

@media (max-width: 1499px) and (min-width: 1300px) {
    .extra-div2 {
        width: 19%;
    }

    .ehpad-row2 {
        margin-left : -15px;
        margin-right: 5px;
    }

    .dining-room1,
    .laundry-ehpad,
    .living_room-ehpad {
        height: 100px;
        width : 60px;
    }

    .blank_classic_single {
        height     : 100px;
        width      : 10px;
        margin-left: 50px;
    }

    .dining-room,
    .living_room1-ehpad {
        height: 100px;
        width : 110px;
    }

    .elevator {
        height     : 100px;
        width      : 110px;
        margin-left: 10px;
        padding    : 49px 30px;
    }

    .vip_double {
        height     : 100px;
        width      : 110px;
        padding-top: 55px;
    }

    .vip_single {
        height     : 100px;
        width      : 60px;
        padding-top: 52px;
    }

    .classic_single {
        height     : 100px;
        width      : 60px;
        padding-top: 60px;
    }

    .classic_double {
        padding-top: 45px;
        height     : 100px;
        width      : 110px;
    }

    .kitchen-room {
        height: 100px;
        width : 111px;
    }

    .manager-room {
        height: 90px;
        width : 111px;
    }

    .activity-room {
        height: 100px;
        width : 150px;
    }

    .greate-room1 {
        height: 100px;
        width : 132px;
    }

    .side-border-ehpad {
        height      : 130px;
        margin-right: -1px;
    }

    .side-border1-ehpad {
        width: 129px;
    }

    .extra-div1 {
        padding-right: 0px;
        padding-left : 0px;
    }

    .row2-bottom-border1 {
        width      : 130px !important;
        margin-left: -2px;
    }

    .row2-bottom-border {
        width       : 138px !important;
        margin-top  : -104px !important;
        margin-right: -4px;
    }

    .top-right-ehpad-col,
    .top-right-ehpad,
    .top-right-ehpad1 {
        width: 300px;
    }

    .bottom-left-col,
    .bottom-left-ehpad,
    .bottom-left-ehpad1 {
        width: 522px;
    }

    .bottom-right-col,
    .bottom-right-ehpad,
    .bottom-right-ehpad1 {
        width: 300px;
    }

    .top-left-ehpad-col {
        width: 360px;
    }

    .top-left-ehpad {
        width : 360px;
        height: 130px;
    }

    .right-row2-ehpad,
    .left-row2-ehpad {
        margin-top: -380px;
    }

    .col-double-style1 {
        margin-top: -380px;
        height    : 634px;
        width     : 134px;
    }

    .col-double-style {
        margin-top: -380px;
        height    : 632px;
        width     : 134px;
    }

    .row2-ehpad {
        height: 384px;
    }

    .middle-part-ehpad {
        margin-right: 175px;
    }

    .greate-room {
        width: 75px;
    }

    .row2-side-border-style {
        background-size: 100% 97%;
    }

    .ehpad-courtyard {
        width      : 240px;
        margin-left: -8px;
        height     : 323px;
        margin-top : -370px;
    }

    .courtyard-text {
        width      : 240px;
        font-size  : 15px;
        margin-left: -8px;
        margin-top : -40px;
    }

    .ehpad-garden {
        width      : 300px;
        margin-left: -20px;
        height     : 323px;
        margin-top : -370px;
    }

    .garden-text {
        width      : 300px;
        font-size  : 15px;
        margin-left: -20px;
        margin-top : -40px;
    }

    .middle-left-part {
        height: 502px;
        width : 109px;
    }

    .middle-right-part {
        height: 502px;
        width : 110px;
    }
}

@media (max-width: 1299px) and (min-width: 1260px) {
    .extra-div2.floor-extra-div2 {
        width: 28.9%;
    }

    .row2-ehpad.floor-row2-ehpad {
        height: 343px;
    }
}

@media (max-width: 1259px) and (min-width: 1200px) {
    .row2-ehpad.floor-row2-ehpad {
        height: 343px;
    }

    .extra-div2.floor-extra-div2 {
        width: 28.1%;
    }
}

@media (max-width: 1299px) and (min-width: 1200px) {
    .extra-div2 {
        width: 22%;
    }

    .ehpad-row2 {
        margin-left : -15px;
        margin-right: 5px;
    }

    .dining-room1,
    .laundry-ehpad,
    .living_room-ehpad {
        height   : 90px;
        width    : 50px;
        font-size: 11px;
    }

    .blank_classic_single {
        height     : 90px;
        width      : 10px;
        margin-left: 50px;
    }

    .dining-room,
    .living_room1-ehpad {
        height   : 90px;
        width    : 100px;
        font-size: 11px;
    }

    .elevator {
        height     : 90px;
        width      : 98px;
        margin-left: 10px;
        padding    : 44px 30px;
        font-size  : 11px;
    }

    .vip_double {
        height     : 90px;
        width      : 100px;
        padding-top: 50px;
    }

    .vip_single {
        height      : 90px;
        width       : 50px;
        padding-top : 48px;
        padding-left: 4px;
    }

    .classic_single {
        height     : 90px;
        width      : 50px;
        padding-top: 60px;
    }

    .classic_double {
        padding-top: 45px;
        height     : 90px;
        width      : 100px;
    }

    .kitchen-room {
        height   : 90px;
        width    : 106px;
        font-size: 11px;
    }

    .manager-room {
        height   : 80px;
        width    : 106px;
        font-size: 11px;
    }

    .activity-room {
        height   : 90px;
        width    : 140px;
        font-size: 11px;
    }

    .greate-room1 {
        height   : 90px;
        width    : 122px;
        font-size: 11px;
    }

    .side-border-ehpad {
        height: 120px;
    }

    .side-border1-ehpad {
        width: 119px;
    }

    .extra-div1 {
        padding-right: 0px;
        padding-left : 0px;
    }

    .row2-bottom-border1 {
        width      : 120px !important;
        margin-left: -2px;
    }

    .row2-bottom-border {
        width       : 128px !important;
        margin-top  : -94px !important;
        margin-right: -4px;
    }

    .top-right-ehpad-col,
    .top-right-ehpad,
    .top-right-ehpad1 {
        width: 250px;
    }

    .bottom-left-col,
    .bottom-left-ehpad,
    .bottom-left-ehpad1 {
        width: 462px;
    }

    .bottom-right-col,
    .bottom-right-ehpad,
    .bottom-right-ehpad1 {
        width: 250px;
    }

    .top-left-ehpad-col {
        width: 300px;
    }

    .top-left-ehpad {
        width : 300px;
        height: 120px;
    }

    .right-row2-ehpad,
    .left-row2-ehpad {
        margin-top: -340px;
    }

    .col-double-style1 {
        margin-top: -340px;
        height    : 573.98px;
        width     : 123.98px;
    }

    .col-double-style {
        margin-top: -340px;
        height    : 571.99px;
        width     : 124.01px;
    }

    .row2-ehpad {
        height: 343px;
    }

    .middle-part-ehpad {
        margin-right: 235px;
    }

    .greate-room {
        width: 75px;
    }

    .middle-left-part {
        margin-right: -8px;
    }

    .row2-side-border-style {
        background-size: 100% 97%;
    }

    .ehpad-courtyard {
        width      : 240px;
        margin-left: -12px;
        height     : 283px;
        margin-top : -330px;
    }

    .courtyard-text {
        width      : 240px;
        margin-left: -12px;
        font-size  : 15px;
        margin-top : -35px;
    }

    .ehpad-garden {
        width      : 230px;
        margin-left: 5px;
        height     : 283px;
        margin-top : -330px;
    }

    .garden-text {
        width      : 230px;
        margin-left: -5px;
        font-size  : 15px;
        margin-top : -35px;
    }

    .middle-left-part {
        height: 451.99px;
        width : 99.01px;
    }

    .middle-right-part {
        height: 451.99px;
        width : 100px;
    }
}

@media (max-width: 1199px) and (min-width: 1101px) {
    .extra-div2.floor-extra-div2 {
        width: 27%;
    }

    .vip-double-col.floor-vip-double-col {
        width: 131px;
    }

    .row2-ehpad.floor-row2-ehpad {
        height: 303px;
    }

    .extra-div2 {
        width: 23%;
    }

    .ehpad-row2 {
        margin-left : -15px;
        margin-right: 5px;
    }

    .dining-room1,
    .laundry-ehpad,
    .living_room-ehpad {
        height   : 80px;
        width    : 40px;
        font-size: 10px;
    }

    .blank_classic_single {
        height     : 80px;
        width      : 10px;
        margin-left: 50px;
    }

    .dining-room,
    .living_room1-ehpad {
        height   : 80px;
        width    : 90px;
        font-size: 10px;
    }

    .elevator {
        height     : 80px;
        width      : 90px;
        margin-left: 10px;
        padding    : 34px 18px;
        font-size  : 10px;
    }

    .vip_double {
        height     : 80px;
        width      : 90px;
        padding-top: 42px;
    }

    .vip_single {
        height     : 80px;
        width      : 40px;
        padding-top: 42px;
    }

    .classic_single {
        height     : 80px;
        width      : 40px;
        padding-top: 45px;
    }

    .classic_double {
        padding-top: 38px;
        height     : 80px;
        width      : 90px;
    }

    .kitchen-room {
        height   : 80px;
        width    : 101px;
        font-size: 10px;
    }

    .manager-room {
        height   : 70px;
        width    : 101px;
        font-size: 10px;
    }

    .activity-room {
        height   : 80px;
        width    : 130px;
        font-size: 10px;
    }

    .greate-room1 {
        height   : 80px;
        width    : 112px;
        font-size: 10px;
    }

    .side-border-ehpad {
        height: 110px;
    }

    .side-border1-ehpad {
        width: 110px;
    }

    .extra-div1 {
        padding-right: 0px;
        padding-left : 0px;
    }

    .row2-bottom-border1 {
        width      : 110px !important;
        margin-left: -2px;
    }

    .row2-bottom-border {
        width       : 118px !important;
        margin-top  : -84px !important;
        margin-right: -4px;
    }

    .top-right-ehpad-col,
    .top-right-ehpad,
    .top-right-ehpad1 {
        width: 200px;
    }

    .bottom-left-col,
    .bottom-left-ehpad,
    .bottom-left-ehpad1 {
        width: 402px;
    }

    .bottom-right-col,
    .bottom-right-ehpad,
    .bottom-right-ehpad1 {
        width: 200px;
    }

    .top-left-ehpad-col {
        width: 240px;
    }

    .top-left-ehpad {
        width : 240px;
        height: 110px;
    }

    .right-row2-ehpad,
    .left-row2-ehpad {
        margin-top: -300px;
    }

    .col-double-style1 {
        margin-top: -300px;
        height    : 514px;
        width     : 114px;
    }

    .col-double-style {
        margin-top: -300px;
        height    : 512px;
        width     : 114px;
    }

    .row2-ehpad {
        height: 304px;
    }

    .middle-part-ehpad {
        margin-right: 295px;
    }

    .greate-room {
        width: 75px;
    }

    .middle-left-part {
        margin-right: -8px;
    }

    .row2-side-border-style {
        background-size: 100% 97%;
    }

    .vip-double-col {
        width: 140px;
    }

    .ehpad-courtyard {
        width      : 200px;
        margin-left: -12px;
        height     : 243px;
        margin-top : -290px;
    }

    .courtyard-text {
        width      : 200px;
        margin-left: -12px;
        font-size  : 15px;
        margin-top : -35px;
    }

    .ehpad-garden {
        width      : 190px;
        margin-left: -5px;
        height     : 243px;
        margin-top : -290px;
    }

    .garden-text {
        width      : 190px;
        margin-left: -5px;
        font-size  : 15px;
        margin-top : -35px;
    }

    .middle-left-part {
        height: 402px;
        width : 89px;
    }

    .middle-right-part {
        height: 402px;
        width : 90px;
    }
}

@media (max-width: 1100px) and (min-width: 1061px) {
    .extra-div2.floor-extra-div2 {
        width: 35%;
    }

    .extra-div1.floor-extra-div1 {
        width: 29%;
    }

    .left-row2-ehpad.floor-left-row2-ehpad,
    .right-row2-ehpad.floor-right-row2-ehpad {
        margin-top: -301px;
    }

    .extra-div2 {
        width: 23%;
    }

    .ehpad-row2 {
        margin-left : -15px;
        margin-right: 5px;
    }

    .dining-room1,
    .laundry-ehpad,
    .living_room-ehpad {
        height   : 80px;
        width    : 40px;
        font-size: 10px;
    }

    .blank_classic_single {
        height     : 80px;
        width      : 10px;
        margin-left: 50px;
    }

    .dining-room,
    .living_room1-ehpad {
        height   : 80px;
        width    : 90px;
        font-size: 10px;
    }

    .elevator {
        height     : 80px;
        width      : 90px;
        margin-left: 10px;
        padding    : 34px 18px;
        font-size  : 10px;
    }

    .vip_double {
        height     : 80px;
        width      : 90px;
        padding-top: 42px;
    }

    .vip_single {
        height     : 80px;
        width      : 40px;
        padding-top: 42px;
    }

    .classic_single {
        height     : 80px;
        width      : 40px;
        padding-top: 45px;
    }

    .classic_double {
        padding-top: 38px;
        height     : 80px;
        width      : 90px;
    }

    .kitchen-room {
        height   : 80px;
        width    : 101px;
        font-size: 10px;
    }

    .manager-room {
        height   : 70px;
        width    : 101px;
        font-size: 10px;
    }

    .activity-room {
        height   : 80px;
        width    : 130px;
        font-size: 10px;
    }

    .greate-room1 {
        height   : 80px;
        width    : 112px;
        font-size: 10px;
    }

    .side-border-ehpad {
        height: 110px;
    }

    .side-border1-ehpad {
        width: 110px;
    }

    .extra-div1 {
        padding-right: 0px;
        padding-left : 0px;
    }

    .row2-bottom-border1 {
        width      : 110px !important;
        margin-left: -2px;
    }

    .row2-bottom-border {
        width       : 118px !important;
        margin-top  : -84px !important;
        margin-right: -4px;
    }

    .top-right-ehpad-col,
    .top-right-ehpad,
    .top-right-ehpad1 {
        width: 200px;
    }

    .bottom-left-col,
    .bottom-left-ehpad,
    .bottom-left-ehpad1 {
        width: 402px;
    }

    .bottom-right-col,
    .bottom-right-ehpad,
    .bottom-right-ehpad1 {
        width: 200px;
    }

    .top-left-ehpad-col {
        width: 240px;
    }

    .top-left-ehpad {
        width : 240px;
        height: 110px;
    }

    .right-row2-ehpad,
    .left-row2-ehpad {
        margin-top: -300px;
    }

    .col-double-style1 {
        margin-top: -300px;
        height    : 514px;
        width     : 114px;
    }

    .col-double-style {
        margin-top: -300px;
        height    : 512px;
        width     : 114px;
    }

    .row2-ehpad {
        height: 304px;
    }

    .middle-part-ehpad {
        margin-right: 295px;
    }

    .greate-room {
        width: 75px;
    }

    .middle-left-part {
        margin-right: -8px;
    }

    .row2-side-border-style {
        background-size: 100% 97%;
    }

    .ehpad-courtyard {
        width      : 190px;
        margin-left: -12px;
        height     : 243px;
        margin-top : -280px;
    }

    .courtyard-text {
        width      : 190px;
        margin-left: -12px;
        font-size  : 12px;
        margin-top : -30px;
    }

    .ehpad-garden {
        width      : 200px;
        margin-left: -15px;
        height     : 243px;
        margin-top : -280px;
    }

    .garden-text {
        width      : 200px;
        margin-left: -15px;
        font-size  : 12px;
        margin-top : -30px;
    }

    .middle-left-part {
        height: 402px;
        width : 89px;
    }

    .middle-right-part {
        height: 402px;
        width : 90px;
    }

}

@media (max-width: 1060px) and (min-width: 1000px) {
    .row2-ehpad.floor-row2-ehpad {
        height: 303px;
    }

    .extra-div1 {
        width: 11%;
    }

    .extra-div2 {
        width: 29%;
    }

    .ehpad-row2 {
        margin-left : -15px;
        margin-right: 5px;
    }

    .dining-room1,
    .laundry-ehpad,
    .living_room-ehpad {
        height   : 80px;
        width    : 40px;
        font-size: 10px;
    }

    .blank_classic_single {
        height     : 80px;
        width      : 10px;
        margin-left: 50px;
    }

    .dining-room,
    .living_room1-ehpad {
        height   : 80px;
        width    : 90px;
        font-size: 10px;
    }

    .elevator {
        height     : 80px;
        width      : 87px;
        margin-left: 10px;
        padding    : 34px 18px;
        font-size  : 10px;
    }

    .vip_double {
        height     : 80px;
        width      : 90px;
        padding-top: 42px;
    }

    .vip_single {
        height     : 80px;
        width      : 40px;
        padding-top: 42px;
    }

    .classic_single {
        height     : 80px;
        width      : 40px;
        padding-top: 45px;
    }

    .classic_double {
        padding-top: 38px;
        height     : 80px;
        width      : 90px;
    }

    .kitchen-room {
        height   : 80px;
        width    : 101px;
        font-size: 10px;
    }

    .manager-room {
        height   : 70px;
        width    : 101px;
        font-size: 10px;
    }

    .activity-room {
        height   : 80px;
        width    : 130px;
        font-size: 10px;
    }

    .greate-room1 {
        height   : 80px;
        width    : 112px;
        font-size: 10px;
    }

    .side-border-ehpad {
        height: 110px;
    }

    .side-border1-ehpad {
        width: 109px;
    }

    .extra-div1 {
        padding-right: 0px;
        padding-left : 0px;
    }

    .row2-bottom-border1 {
        width      : 110px !important;
        margin-left: -2px;
    }

    .row2-bottom-border {
        width       : 118px !important;
        margin-top  : -84px !important;
        margin-right: -4px;
    }

    .top-right-ehpad-col,
    .top-right-ehpad,
    .top-right-ehpad1 {
        width: 200px;
    }

    .bottom-left-col,
    .bottom-left-ehpad,
    .bottom-left-ehpad1 {
        width: 402px;
    }

    .bottom-right-col,
    .bottom-right-ehpad,
    .bottom-right-ehpad1 {
        width: 200px;
    }

    .top-left-ehpad-col {
        width: 240px;
    }

    .top-left-ehpad {
        width : 240px;
        height: 110px;
    }

    .right-row2-ehpad,
    .left-row2-ehpad {
        margin-top: -300px;
    }

    .col-double-style {
        margin-top: -300px;
        height    : 512px;
        width     : 114px;
    }

    .col-double-style1 {
        margin-top: -300px;
        height    : 514px;
        width     : 114px;
    }

    .row2-ehpad {
        height: 302px;
    }

    .middle-part-ehpad {
        margin-right: 295px;
    }

    .greate-room {
        width: 75px;
    }

    .middle-left-part {
        margin-right: -8px;
    }

    .row2-side-border-style {
        background-size: 100% 97%;
    }

    .vip-double-col {
        width: 131px;
    }

    .ehpad-courtyard {
        width      : 190px;
        margin-left: -12px;
        height     : 243px;
        margin-top : -280px;
    }

    .courtyard-text {
        width      : 190px;
        margin-left: -12px;
        font-size  : 12px;
        margin-top : -30px;
    }

    .ehpad-garden {
        width      : 190px;
        margin-left: -5px;
        height     : 243px;
        margin-top : -280px;
    }

    .garden-text {
        width      : 190px;
        margin-left: -5px;
        font-size  : 12px;
        margin-top : -30px;
    }

    .middle-left-part {
        height: 402px;
        width : 89px;
    }

    .middle-right-part {
        height: 402px;
        width : 90px;
    }
}

.row2-bottom-border {
    background-image : url(assets/images/hotel/row2-bottom-border1.png);
    height           : 28px;
    width            : 178px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    margin-top       : -142px;
}

.row2-bottom-border1 {
    background-image : url(assets/images/hotel/row2-bottom-border1.png);
    height           : 28px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    margin-top       : -142px;
    transform        : scaleX(-1);
    margin-top       : 0px;
    width            : 170px;
}

.end-row-ehpad {
    background-image : url(assets/images/hotel/end-row1.png);
    height           : 163px;
    width            : 242px;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    margin-top       : -15px;
}

.ehpad-each-type {
    display        : flex;
    justify-content: center;
}

.ehpad-heading-type {
    font-size: 14px;
}

.ehpad-bottom-arrow-margin {
    margin-top: 20px;
}

.vertical-room-end {
    background-image: url(assets/images/hotel/ver_room_end.png);
    height          : 160px;
    width           : 187px;
    background-size : 100% 100%;
}

.vertical-room2 {
    background-image: url(assets/images/hotel/ver_room2.png);
    height          : 130px;
    width           : 170px;
    background-size : 100% 100%;
    padding-top     : 90px;
    padding-left    : 20px;
    cursor          : pointer;
}

.vertical-room3 {
    background-image: url(assets/images/hotel/ver_room3.png);
    height          : 160px;
    width           : 142px;
    background-size : 100% 100%;
    padding-top     : 20px;
    padding-left    : 100px;
    cursor          : pointer;
}

.hotel-pg div.col-sm-12.each-row {
    display: flex;
}

.hotel-pg div.row.row-style {
    margin-top: 30px;
}

.parking-dashboard-bottom-table-col.ehpad-datatable-margin {
    margin: 0px 30%;
}

.hotel-pg div.row.justify-content-center {
    margin: auto 20px;
}

@media (max-width: 1100px) and (min-width: 991px) {
    .hotel-pg span.pg-left-arrow {
        margin-left: -32px;
    }

    .hotel-pg span.pg-right-arrow {
        margin-left: 2px;
    }
}

@media (max-width: 1300px) and (min-width: 1101px) {
    .hotel-pg span.pg-left-arrow {
        margin-left: -32px;
    }

    .hotel-pg span.pg-right-arrow {
        margin-left: -8px;
    }

    .hotel-pg div.row.justify-content-center {
        margin-left : 25px;
        margin-right: 170px;
    }
}

@media (max-width: 1501px) and (min-width: 1301px) {
    .hotel-pg span.pg-left-arrow {
        margin-left: -25px;
    }

    .hotel-pg span.pg-right-arrow {
        margin-left: 0px;
    }

    .hotel-pg div.row.justify-content-center {
        margin-left : 25px;
        margin-right: 60px;
    }
}

@media (max-width: 1701px) and (min-width: 1502px) {
    .hotel-pg span.pg-left-arrow {
        margin-left: -50px;
    }

    .hotel-pg span.pg-right-arrow {
        margin-left: 20px;
    }
}

@media (max-width: 1801px) and (min-width: 1702px) {
    .hotel-pg span.pg-left-arrow {
        margin-left: -120px;
    }

    .hotel-pg span.pg-right-arrow {
        margin-left: 90px;
    }
}

@media (max-width: 1901px) and (min-width: 1802px) {
    .hotel-pg span.pg-left-arrow {
        margin-left: -150px;
    }

    .hotel-pg span.pg-right-arrow {
        margin-left: 120px;
    }
}

@media (max-width: 2101px) and (min-width: 1902px) {
    .hotel-pg span.pg-left-arrow {
        margin-left: -220px;
    }

    .hotel-pg span.pg-right-arrow {
        margin-left: 190px;
    }
}

@media (max-width: 2801px) and (min-width: 2102px) {
    .hotel-pg span.pg-left-arrow {
        margin-left: -490px;
    }

    .hotel-pg span.pg-right-arrow {
        margin-left: 460px;
    }
}

@media (max-width: 4501px) and (min-width: 2802px) {
    .hotel-pg span.pg-left-arrow {
        margin-left: -990px;
    }

    .hotel-pg span.pg-right-arrow {
        margin-left: 960px;
    }
}

@media (min-width: 4502px) {
    .hotel-pg span.pg-left-arrow {
        margin-left: -1490px;
    }

    .hotel-pg span.pg-right-arrow {
        margin-left: 1460px;
    }
}

.ehpad-dashboard-footer-logo {
    height: 43px;
    width : 43px;
}

.tab_menu_center li span.my-ehpad:before {
    background-image: url(assets/images/hotel/my-ehpad-grey.png);
    height          : 25px;
    width           : 22px;
}

.tab_menu_center .current span.my-ehpad:before {
    background-image: url(assets/images/hotel/my-ehpad-green.png);
}

.ehpad-nav-icon {
    background-image: url(assets/images/hotel/home.png);
    height          : 26px;
    width           : 26px;
}

.ehpad-nav-text {
    padding-left: 16px;
}

.ehpad-reserve-slot {
    background-color: grey;
    opacity         : 0.4;
    pointer-events  : none;
}

.ehpad-reserve-slot2 {
    background-color: rgba(255, 127, 80, 0.7);
    opacity         : 0.4;
}

.buy-icon-ehpad {
    height: 66px;
    width : 66px;
}

.plant-growth.clearfix.myehpad-box-align {
    display        : flex;
    justify-content: center;
}

.align-ehpad-head {
    text-align  : left;
    padding-left: 6px;
}

@media (max-width: 1701px) and (min-width: 1502px) {
    .plant-table.ehpad-box {
        width: 300px;
    }
}

.plant-box.my-ehpad-box-layout {
    min-width: calc(25% - 30px);
    width    : auto;
}

.my-ehpad-floor-txt {
    margin-top   : 1px;
    margin-bottom: 6px;
}

h3.myehpad-area-name {
    text-align   : left;
    margin-bottom: 0px;
    margin-top   : 4px;
    height       : 26px;
}

.selectize-dropdown-content::-webkit-scrollbar-thumb,
.selectize-dropdown-content::-webkit-scrollbar-track {
    background: none !important;
}

.ehpad-dashboard-head-text {
    font-size    : 20px;
    margin-bottom: 20px;
    margin-top   : 0px;
}

h3.myehpad-area-name {
    text-align   : left;
    margin-bottom: 0px;
    padding-left : 4px;
}

/* END OF EHPAD_DASHBOARD */
.history-page p#plan-no {
    margin-bottom: 0px;
}

.history-page .scr2 {
    padding-top: 0px !important;
}

span.hints {
    position     : absolute;
    top          : -30px;
    display      : block;
    padding      : 0;
    min-width    : 69px;
    text-align   : center;
    display      : none;
    background   : #000;
    color        : #fff;
    padding      : 5px 0px;
    border-radius: 5px;
    z-index      : 99999999;
}

div#amount-part i {
    position: relative;
}

.fa-question-circle-o:hover .hints {
    display: block;
}

.mb_sliderEnd i {
    position: relative;
}

.mb_sliderEnd:hover .hints {
    display: block !important;
}

.mb_sliderEnd,
.fa-question-circle-o {
    pointer-events: all !important;
    font-size     : 16px;
}

.mb_sliderStart i {
    display: none;
}

body {
    background-color: #0d0f1b;
    font-family     : 'Open Sans', sans-serif;
}

.content-box row {
    background: #f9f9f9;
    ;
}

.header_2 {
    background: inherit;
    padding   : 0;

    font-family: 'Open Sans', sans-serif;
    position   : relative;
}

.header_2>ul>li>a {
    line-height: 30px;
    font-size  : 14px;
    font-weight: 600;
    min-width  : 70px;
    color      : #fff;

    text-align   : center;
    margin-bottom: -1px;
}

.inner-nav-right>li>a {
    min-width:
        nherit;
    padding-left : 15px;
    padding-right: 15px;
}

.inner-nav-right>ul>li:first-child>a {
    /* border-left: 1px solid #ececec;*/

}

.header_2 .nav>li>a:focus,
.header_2 .nav>li>a:hover,
.header_2 .nav>li>a:active {
    background: #1b1f2b;
    color     : #5ceebd !important;
}

.header_2 .nav>li>a:hover,
.header_2 .nav>li>a:focus {
    border-color: #eceaea;
}

.header_2 li a span {
    text-align: center;
}

.content-box {
    position: relative;
}

.inner-nav-right {
    position: absolute;
    top     : 0;
    right   : 0;
}

.down {
    /*margin-left: 12px;*/
}

/* styling the table */
table {
    font-size: 16px;
}

.table-data {
    color: grey;
}

thead {
    font-size  : 12px;
    color      : #777;
    font-weight: 400;
    padding    : 10px 0;
    background : #f9f9f9;
}

.profile {
    width     : 200px;
    text-align: left;
}

thead tr th {
    min-width : 40px;
    background: #0d0f1b;
    text-align: right;
}

.table-data tr:nth-child(even) {
    background: #0d0f1b
}

.table-data tr:nth-child(odd) {
    background: #0d0f1b
}

tbody tr th {
    font-weight: normal;
    color      : #fefefe;
}

tbody tr img {
    width       : 50px;
    height      : 50px;
    margin-right: 8px;
}

tbody tr th {
    vertical-align: middle !important;

    text-align: right;
}

.profile span {
    font-weight: 600;
}

.units div {
    margin-top: -5px;
}

.order-table {
    font-size: 14px;
}

.units b {
    color: #fefefe;
}

.green {
    font-weight: 600;
    color      : #00be1b;
}

.red {
    font-weight: 600;
    color      : #db0107;
}

.sell-box .sell {
    font-weight     : bold;
    padding         : 0;
    background      : #9e9e9e05;
    font-weight     : normal;
    display         : inline-block;
    border-radius   : 2px;
    /* height       : 35px; */
    /* line-height  : 35px; */
    /* width        : 96px; */
    text-align      : right;
    /* padding-right: 10px; */
    border          : 1px solid #1d1e23;
    color           : #ffffff;
    min-height      : 25px;
    line-height     : 25px;
    /* width        : 90px; */
    min-width       : 111px;
    padding         : 3px 6px;
    position        : relative;
    padding-left    : 25px;
}

.new-trade-row .sell-box .sell {
    background  : #1b1f2b;
    border-color: #0d0f1b;
    height      : 40px;
    line-height : 33px;
    margin      : 0 10px;
    min-width   : 140px;
}

.new-trade-row .sell div {
    border     : 0;
    background : #141928;
    height     : 39px;
    line-height: 32px;
}

.sell div {
    position: absolute;
    top     : 0;
    left    : 0;

    background : #707487;
    border     : 1px solid #746969;
    color      : white;
    line-height: 30px;
    width      : 32px;
    text-align : center;
    min-height : 25px;
    line-height: 25px;
    padding    : 3px 6px;
}

/* for SELL/BUY box */
.sell.green {
    /color                     : white;
    /background                : #6eaf0f;
    color                      : #6eaf0f;
    -webkit-transition         : .3s color;
    transition                 : .3s color;
    -webkit-transition-property: background;
    transition-property        : background;
    /border                    : 1px solid #6eaf0f;
}

.sell.green div {
    background                 : #71a821;
    color                      : white;
    border                     : none;
    -webkit-transition         : .3s color;
    transition                 : .3s color;
    -webkit-transition-property: background;
    transition-property        : background;
}

/* for SELL/BUY box */
.sell.red {
    /color                     : white;
    /background                : #e1191d;
    color                      : #e1191d;
    -webkit-transition         : .3s color;
    transition                 : .3s color;
    -webkit-transition-property: background;
    transition-property        : background;
    /border                    : 1px solid #e1191d;
}

.sell.red div {
    background                 : #e1191d;
    color                      : white;
    border                     : 1px solid #e1191d;
    -webkit-transition         : .3s color;
    transition                 : .3s color;
    -webkit-transition-property: background;
    transition-property        : background;
    border-bottom              : 0;
}

.sell-btn {
    padding: 0px 0px;

    color          : #337ab7;
    text-decoration: none;


    border-radius: 3px;
    display      : inline-block;

}

.sell-btn span {
    font-size: inherit;
    font-size: 22px;
    color    : #fff;
}

.dropdown-menu {
    left         : inherit;
    right        : 0;
    top          : 132%;
    border-radius: 2px;
    font-size    : .9em;
    font-weight  : 300;
    padding      : 0;
}

.dropdown-menu>li>a {
    padding: 10px 10px !important;
}

a:focus,
a:hover {

    text-decoration: none;
}

.sell-btn {
    font-weight: 600;
}

.sell-btn.view {
    padding: 5px 20px;
}

/* Styling the custom modal */

.btn-dark {
    border            : solid 1px #31343e;
    background-color  : #25272f;
    width             : 30%;
    border-radius     : 4px;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    color             : #fff;
    cursor            : pointer;
    font-size         : 13px;
    font-weight       : 600;

    margin-left   : -4px;
    position      : relative;
    text-align    : center;
    text-transform: uppercase;
    text-overflow : ellipsis;
}

.btn-dark.active {

    background-color: #0f131f;

    color: #b9bcc4;
}

.modal-header {

    border-bottom: 1px solid #1b1f2b;
    background   : #0d0f1b;
}

.close-positon {
    padding: 0px 30px;
}

.close-positon h3 {
    font-size     : 14px;
    text-align    : center !important;
    margin-top    : 0px;
    text-transform: uppercase
}

.first-box {
    position: relative;
    padding : 15px 30px;

    width: 100%;

}

.box-img {
    width        : 50px;
    float        : left;
    text-align   : left;
    padding-right: 15px;
    margin-right : 15px;
    display      : block;
}

.box-img img {
    width        : 50px;
    height       : 50px;
    border-radius: 50%;
}

.box-content {
    width: 68%;
    float: left;
    color: #ddd;
}

.number-big {
    font-weight  : 600;
    font-size    : 17px;
    /* display   : inline-block; */
    /* margin-top: -6px; */
    color        : #404755;
}

.small {

    font-size: medium;
}

.very-small {
    font-size: 11px;
    color    : #6c707d;
}

.grey {
    color: grey;
}

.box-title {
    font-size: large;
}

.btn-custom-icon {
    background    : #f7921a;
    text-transform: uppercase;
    color         : white;
    font-size     : 13px;
    border-radius : 30px !important;
    position      : absolute;
    top           : 20px;
    right         : 26px;

}

.btn-custom-icon a {
    padding: 15px 10px;
}

.btn-custom-icon a span {
    margin-left: 10px;
}

.modal-body {
    background: #0d0f1b;
    position  : relative;
    padding   : 15px;

}

.middle {

    border-radius: 5px;
    margin-top   : 20px;
}

.middle ul {
    list-style: none;
    margin    : 0;
    padding   : 10px 0;
    font-size : 1.2em;
    background: white;

}

/*.btn-primary.active, .btn-primary:active, .btn-primary.active:hover, .btn-primary.active:focus{
    background-color: #f7921a !important;
    border-radius   : 50px !important;
}*/
.more-option {
    margin: auto 38%;
}

.btn.btn-bg-none {
    background-color: transparent;
    color           : white;
    font-size       : 13px;
}

.middle ul li {
    width     : 33.33333%;
    float     : left;
    text-align: center;

}

.middle ul li:last-child {
    border-right: none;

}

.clearfix::after {
    content: "";
    clear  : both;
    display: table;
}

.middle-content {
    text-align: center;
    padding   : 12px 0;
    border-top: 1px solid lightgray;
    font-size : 1.3em;
}

.caps {
    text-transform: uppercase;
}

.bottom-btn {
    padding   : 20px;
    position  : relative;
    text-align: center;
}

.bottom-btn button {
    padding: 6px 20px;
    border : none;
}

.bottom-btn button:hover {
    background  : #f7921a;
    border-color: #f7921a;
}

.bottom-btn button {
    background   : #f7921a;
    border       : #f7921a;
    border-radius: 50px;
}

.darkgrey {
    color: darkgray;
}

.close {
    opacity  : 1;
    font-size: xx-large;
    top      : 18px;
    right    : 20px;
    position : absolute;
}

#WriteNewPost .modal-header {
    text-align   : left;
    background   : #f7f7f7;
    border-bottom: 0px;
}

#WriteNewPost .modal-header h3 {
    margin: 0;
    color : #2f2f2f;

}

#WriteNewPost .modal-body {
    border: none;
}

#WriteNewPost .modal-body textarea {
    height      : 150px;
    width       : 100%;
    background  : #fdfcfc;
    border-color: #dedcdc;
    padding     : 10px 20px
}

#WriteNewPost .modal-body {
    height: inherit;
}

#WriteNewPost .close {
    right       : 0;
    top         : 2px;
    padding     : 20px 20px;
    background  : #fff;
    opacity     : 1;
    cursor      : pointer;
    border      : 1px solid grey;
    border-right: 0;
    border-top  : 0;
}

#WriteNewPost .close i {
    color: dodgerblue;
}

.btn.grey {
    background   : #eaeaea;
    color        : dimgrey;
    border       : 1px solid #959595;
    border-radius: 2px;
    padding      : 6px 51px;
}

.btn.grey.active,
.btn.grey:hover {
    background: #cecbcb;

}

.send {
    text-align: center;
    margin-top: 20px;
}

#WriteNewPost .modal-dialog {
    margin-top: 15px;
}

#setPriceAlert .modal-header {
    padding-bottom: 40px;
    border-bottom : 1px solid #e3e3e3;
}

#setPriceAlert .modal-header h2 {
    margin: 0;
}

#setPriceAlert .middle {
    border: 0;
}

.send .btn.blue {
    background: #0079b9;
    border    : 1px solid #0a6da2;
    color     : white;
}

.top-buttons-icons {
    position  : relative;
    float     : left;
    margin-top: 0;
}

.btn.blue {
    background   : #FF9800 !important;
    border       : 1px solid #1d2b3e;
    color        : white;
    border-radius: 50px;
}

.btn.red {
    color: #ce1d1d;
}

.send .btn.blue.active,
.send .btn.blue:hover {
    background: #1d2b3e;
    border    : 1px solid #1d2b3e;
}

/* styling btc */
.back span {
    font-size   : smaller;
    margin-right: 15px;
}

.inner-nav-right i {
    /font-size: 1.35em;
}

.time_firstchild {
    color: #f7921a
}

.before-table {
    padding   : 13px 15px;
    color     : #ccc;
    background: #0d0f1b;
    position  : relative;
}

.before-table img {
    width        : 40px;
    height       : 40px;
    margin-right : 0;
    border-radius: 50%;
}

profile-th-tr {
    width: 100px !important;
}

.before-table>div {
    border-right: 1px solid #d7d7d7;
}

before-table-title {
    margin-left: 8px;
}

.profile span {
    font-weight: 600;
}

.before-table .small {
    font-weight: 300;
    font-size  : 11px;
    margin-top : 0px;
    color      : #818181;
}

.before-table .sell-btn {
    position: absolute;
    top     : 0;
    right   : 10px;
}

thead th {
    text-transform: capitalize;
}

.btc .profile {
    text-align: left;
}

.heading {
    font-weight: 600;
    font-size  : .9em;
    color      : #333333;
}

.num-box {
    font-weight  : 300;
    padding      : 1px 4px;
    border-radius: 2px;
    border       : 1px solid #292828;
    background   : #0d0f1b;
    /max-width   : 80px;
}

.positive {
    background                 : #6eaf0f;
    color                      : white;
    -webkit-transition-duration: .2s;
    transition-duration        : .2s;
    -webkit-transition-property: all;
    transition-property        : all;
    border                     : 1px solid #7ac30f;
}

.negative {
    background                 : #e1191d;
    color                      : white;
    -webkit-transition-duration: .2s;
    transition-duration        : .2s;
    -webkit-transition-property: all;
    transition-property        : all;
    border                     : 1px solid #e1191d;
}

.sell-btn .red {
    color: #e1191d;
}

.btc .sell-btn {
    margin-left: 5px;
}

.tradeClose .modal-header,
.tradeClose .modal-body {
    /* background: white;*/
}

.tradeClose .modal-header {
    border-bottom          : 0;
    background             : #1a1f2b;
    border-top-left-radius : 20px;
    border-top-right-radius: 20px;
}

.tradeClose h3 {
    color     : #000;
    text-align: left;

}

#closeOrderModal h5 {
    background    : #0d0f1b;
    padding       : 10px 0px;
    border-radius : 30px;
    margin        : 2px 100px;
    text-transform: uppercase;
}

.tradeClose .box-content {
    width: 67%;
}

.ref-box {
    width      : 23%;
    text-align : right;
    float      : left;
    border-left: 1px solid lightgrey;
}

.ref-id {
    font-size: x-large;
}

.ref .medium {
    font-size: x-small;
}

.close-main {
    border       : 1px solid #1a1f2b;
    padding      : 10px 20px;
    /* background: #f7f7f7; */
    border-radius: 9px;
    margin-top   : 20px;
    margin-bottom: 30px;

}

.close-footer {
    /* border-top: 1px solid #ececec;*/
}

.send .btn.red {
    background   : #f7921a;
    color        : white;
    padding      : 10px 28px;
    font-size    : 14px;
    font-weight  : 600;
    margin       : 0px auto;
    border-radius: 42px;
    text-align   : center;
}

.close-footer h4,
.close-box h4 {
    color     : #ddd;
    font-size : 14px;
    text-align: center;
}

.tradeClose .modal-dialog {
    margin-top: 20px;
}

.tradeClose {
    height: 500px;
}

.tradeClose .close i {
    /* color: #0079b9;*/
}

.tradeClose .box-img {
    text-align: left;
    width     : 10%;
}

.history-page .mb_sliderEnd,
.history-page .mb_sliderStart,
.history-page .mb_sliderValue {
    top   : -3px;
    margin: 3px 10px;
}

.history-page .mb_sliderValueLabel {
    min-width: 60px;
    color    : #fff;
    border   : 1px solid rgb(94, 236, 189);
}

.history-page #plan .text {
    margin-top: -18px;
}

.history-page .mb_sliderValueLabel i {
    display: none !important;
}

@media (min-width: 768px) {

    .modal-dialog {
        width : 460px;
        margin: 10px auto;
    }

    .m_fix {
        padding: 0 30px;
    }

}

.tradeClose .modal-content {
    /*  padding: 0 20px;*/
}

.modal-header {
    padding: 20px 30px;
}

.modal-body {
    padding: 20px 30px;
}

.new-trade-row {
    padding   : 10px;
    background: white;
}

.btc table {
    margin-bottom: 0;
}

ul.dropdown-menu li {
    padding: 0px 12px;
}

.header_2 ul.dropdown-menu li a:hover,
.header_2 ul.dropdown-menu li a:active {
    color: white;
}

.inner-nav-right ul.for-back li:first-child a {
    /*border-left: 1px solid #ececec;*/
}

.inner-nav-right ul.dropdown-menu li:first-child a {
    border-left: 0;
}

b,
strong {
    font-weight: 600;
}

.link-icon {
    position: absolute;
    right   : 20px;

}

.link-with-icon .link-icon {
    display: none;
}

.link-with-icon.active .link-icon {
    display  : block;
    position : absolute;
    top      : 9px;
    color    : #3C85BC;
    font-size: 16px;

}

.header_2 li a:focus {}

.navbar-nav {
    float : left;
    margin: 0;
}

.navbar-nav>li {
    float: left;
}

.navbar-nav>li>a {
    padding-top   : 15px;
    padding-bottom: 15px;
}

.btn-cross span {
    /*color: #e1191d;*/
}

.btn-cross:hover {

    /* background: #e1191d;*/
}

.btn-cross:hover span {
    color: white;
}

/* styling order.html */
.cancel-col {
    width     : 140px;
    text-align: center;
}

.order .btn-cross {
    margin-right: 10px;
}

.time {
    font-size: 18px;
}

.order-table tbody {
    font-size: 14px;
}

/* styling history */
.history .profile {
    position: relative;
}

.history .profile-data {
    position   : absolute;
    top        : 10px;
    left       : 63px;
    font-size  : 12px;
    font-weight: bold;

}

.profile-data {
    font-weight: bold;
    font-size  :
}

.history .profile img {
    width : 40px;
    height: 40px;
}

tbody tr td {
    vertical-align: middle !important;
    text-align    : right;
}

tbody tr td {
    font-weight: normal;
    color      : #000;
}

.time-date,
.time-date .time {
    font-size: 13px;
}

tfoot tr td {
    font-weight   : normal;
    color         : #2c2c2c;
    text-align    : right;
    vertical-align: middle !important;
}

.history table {
    margin-bottom: 0;
}

.new-trade-row {
    background: linear-gradient(to right, rgba(26, 31, 44, 0.1), rgb(26, 31, 44), rgba(26, 31, 44, 0.1));

}

.new-trade-row:first-child {
    border-bottom: 0;
}

.history .new-trade-content {

    font-size: 15px;
}

.black-fn {
    color: #434343;
}

.small {
    font-size: 11px;
}

.header_2.inner-nav-right>li>a {
    font-size: 17px;
}

.message-box {
    text-align: center;
    color     : #dadada;
}

.message-img img {
    width : 400px;
    height: 100%;
}

.message-img span {
    font-size: 22em;

}

.message-box h2 {
    color      : #777;
    font-weight: bold;
    font-size  : 32px;
}

.market-stat-info {
    color: #777;
}

.message-main {
    margin-top: -70px;
}

body {
    /overflow: hidden;
}

.header_2.inner-nav-left .nav>li:first-child>a {
    cursor: default;
}

.header_2.inner-nav-left .nav>li:first-child>a:focus,
.header_2 .nav>li:first-child>a:hover {
    background: inherit;
    color     : inherit;
}

.header_2 {
    /* height    : 40px;*/
    background   : #1a1f2b;
    padding-right: 32px;
}

.header_2>ul>li>a {
    margin-bottom : 0;
    /* height     : 64px;*/
    padding-bottom: 0;
    padding-top   : 0;
    line-height   : 37px;
}

.header_2 .navbar-nav>li>a {
    padding    : 0;
    min-width  : 25px;
    margin-left: 20px;
}

.header_2 .navbar-nav>li>a.current {
    /*  border-bottom: 1px solid;*/
}

ul.dropdown-menu li {
    /* width : 220px;*/
    font-size: 14px;
    color    : #fff;
}

.dropdown-menu>li>a {
    position: relative;
}

.link-with-icon:hover>span>i {
    color: white;
}

a.default-color {
    color: inherit;
}

tr {
    border-bottom: 1px solid #2c2c2c8a;
}

.table>thead>tr>th {
    border-bottom: none;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-top: none;
}

.col-sm-9 {
    padding: 0;
    /* Need to recheck */
}

.table-first-name {
    font-size  : 14px;
    font-weight: 600;
    color      : black;
}

.sub-value {
    font-size  : 12px;
    font-weight: normal;
    color      : #777;
}

.rate-value {
    font-weight  : 600;
    margin-bottom: 5px;
}

.table>tfoot>tr>td {
    padding: 20px 8px;
}

.new-trade-img {
    display      : inline-block;
    width        : 40px;
    height       : 40px;
    margin-bottom: 10px;
    margin-right : 10px;
}

.new-trade-img img {
    width : 100%;
    height: 100%;
}

.table-data {
    /* -webkit-box-shadow: 1px 1px 1px #cecece;
    box-shadow           : 1px 1px 1px #cecece;*/
    height               : 80vh;
    overflow-y           : scroll;
}

.head-subhead {
    text-align: left;
    margin-top: 4px;
}

.profile img {
    float: left;
}

.head-subhead-head {
    font-weight  : 600;
    margin-bottom: -4px;
}

.btc .sell-box .sell {
    min-width  : 130px;
    font-size  : 16px;
    font-weight: 600;
}

.btc .new-trade-row .sell-box a {
    float       : left;
    margin-right: 70px;
}

.btc .new-trade-row {
    background: #fafafa;
}

.new-trade-row h4 {
    font-size: 14px;
    color    : #000;
}

.dropdown {
    position: relative;
}

.before-table .down {
    margin-left: 0px;
}

.before-table .btc .sell-btn {
    margin-left: 0;
}

.before-table .sell-btn {
    position: relative;
    top     : 0;
    right   : 0;
}

.btn-dark {

    border       : none;
    border-radius: 0;
}

.btn-dark.active {
    color: #5ceebd;
}

.btn-dark:hover {
    color: inherit;
}

/*.btn-dark:hover {
    background: #393535;
}*/
.btn-dark:focus {
    color: #5ceebd;
}

.center {
    width : 150px;
    margin: 20px auto;
}

.stepper {
    border       : 1px solid #202f46;
    border-radius: 30px;
    font-size    : 20px;
}

.stepper .input-group-btn button,
.stepper input {
    border            : none;
    -webkit-box-shadow: none;
    box-shadow        : none;
    background        : inherit;
    color             : #48A9E0;
}

.stepper .input-group-btn button {
    font-size: 13px;
}

.stepper input {
    text-align   : center;
    font-size    : 15px;
    padding      : 15px 0px;
    border       : 1px solid #25272f;
    border-top   : 0;
    border-bottom: 0;
    font-weight  : 600;
    color        : #1d1d1d;
}

.stepper-box {
    margin-bottom: 20px;
}

.stepper-box .col-xs-3 {}

.stepper-box .label {
    font-size  : 20px;
    color      : #fff;
    font-weight: 600;
}

.stepper-box a {
    display           : block;
    border-radius     : 4px;
    font-size         : 16px;
    font-weight       : 600;
    background        : white;
    width             : 110px;
    padding           : 2px 0px;
    -webkit-box-shadow: 0px 1px 2px #a9a9a9;
    box-shadow        : 0px 1px 2px #a9a9a9;
}

.info {
    font-weight: 600;
    font-size  : 12px;
    color      : #6c707d;
}

.alert-row {
    font-size  : 13px;
    font-weight: 600;
    color      : #414141;
    border-top : 1px solid #dedede;
}

.alert-row .check-box {
    display: inline-block;
}

.alert-row .alert-icon {
    display   : inline-block;
    color     : #3c85b7;
    font-size : 30px;
    margin-top: -4px;

}

.middle-content {
    padding-bottom: 0;
}

.alert-row {
    margin-top: 15px;
    padding   : 15px 10px;
}

.tab-btn a {
    font-size    : 13px;
    font-weight  : 600;
    margin-bottom: 15px;
    padding      : 6px 0;
}

.container-custom {
    padding-right: 15px;
    padding-left : 15px;
    margin-right : auto;
    margin-left  : auto;
}

#second .info {
    text-transform: uppercase;
    margin-bottom : 15px;
}

.bottom-margin {
    margin-bottom: 15px;
}

.middle ul {
    padding       : 10px 0;
    list-style    : none;
    margin        : 0;
    /* padding    : 10px 0; */
    font-size     : 1.2em;
    background    : inherit;
    border        : 0;
    padding-bottom: 0;
    padding-top   : 0;
}

.middle ul li a {
    display   : block;
    padding   : 7px 12px;
    text-align: center;
    color     : white;
    font-size : 12px;
}

.middle ul li {

    /*  background: #171b27;*/
}

.middle ul li.active {
    border-bottom-color: #f9f9f9;
    background         : #10121f;
    border-radius      : 50px;

}

.middle-content {
    border-top: 0;
    background: -moz-linear-gradient(179deg, rgb(13, 15, 27) 0%, rgb(23, 27, 39) 50%, rgb(13, 15, 27) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(38, 38, 38, 1)), color-stop(50%, rgba(18, 18, 18, 1)), color-stop(100%, rgba(48, 48, 48, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(179deg, rgb(13, 15, 27) 0%, rgb(23, 27, 39) 50%, rgb(13, 15, 27) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(179deg, rgb(13, 15, 27) 0%, rgb(23, 27, 39) 50%, rgb(13, 15, 27) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(179deg, rgb(13, 15, 27) 0%, rgb(23, 27, 39) 50%, rgb(13, 15, 27) 100%);
    /* ie10+ */
    background: linear-gradient(271deg, rgb(13, 15, 27) 0%, rgb(23, 27, 39) 50%, rgb(13, 15, 27) 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#303030', GradientType=1);
    /* ie6-9 */
}

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

#OpenNewTrade .modal-body {
    height: auto;
}

.btn-custom-icon a {
    color      : #fff;
    font-weight: 600;
}

/*.btn-custom-icon{
    -webkit-box-shadow: 0px 2px 1px #e2e2e2;
    box-shadow        : 0px 2px 1px #e2e2e2;
}*/
.middle-three {
    TEXT-ALIGN: CENTER;
    FONT-SIZE : 11PX;
    COLOR     : #6c707d;
}

.middle-three>span {
    padding: 5px 13px;
}

.stepper-equity {
    border       : 1px solid #17191e;
    border-top   : 0;
    border-bottom: 0;
}

#default-tab {
    /*padding-bottom: 20px;*/
}

#third .info {
    padding-bottom: 20px;
}

.user-head-content .box-img {
    width: 80px;
}

.user-head-content .box-img img {
    width        : 60px;
    height       : 60px;
    border-radius: 50px
}

.user-head {
    background: #0d0f1b;
    height    : 150px;
    position  : relative;

}

.middle-header-bar {
    margin: 5px auto;
    color : white;
}

.middle-header-bar-btn,
.middle-header-bar-btn:hover {
    padding      : 6px 60px;
    background   : #f7921a;
    border-radius: 50px;
    color        : white;
}

.circle-btn {
    color    : #fff;
    font-size: 30px;
}

.ui-bread-crumbs {
    background: #1b1f2b;
    padding   : 0px 25px;
}

.user-head .first-box {
    border-bottom: 0;
}

.both-btn-middle {
    padding      : 10px 14px 0px 0px;
    background   : #f7921a;
    border-radius: 44px;
    line-height  : 0px;
}

.user-head-action {
    font-size: 24px;
    position : absolute;
    right    : 25px;
    top      : 78px;
    width    : 250px;
}

.standard-btn,
.trade-btn {
    display     : inline-block;
    position    : relative;
    margin-right: 94px;
}

.standard-btn>a,
.trade-btn a {
    height            : 50px;
    vertical-align    : middle;
    line-height       : 50px;
    display           : block;
    padding           : 0 15px;
    text-align        : center;
    border-radius     : 4px;
    -webkit-box-shadow: 0px 2px 1px #e2e2e2;
    box-shadow        : 0px 2px 1px #e2e2e2;

}

.trade-btn {
    margin-left: 10px;
    position   : absolute;
    top        : 0;
    right      : -94px;
}

.trade-btn a {
    background: #3F9ADB;
    ;
    color    : white;
    min-width: 135px;
    border   : 1px solid #3F9ADB
}

.trade-btn a:hover,
.trade-btn a:focus {
    background-color: #48A9E0;
    border-color    : #48A9E0;
}

.standard-btn>a {
    color           : #3F9ADB;
    box-shadow      : 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    display         : block;
    border-radius   : 3px;
    border          : 1px solid #f8f8f8;
    background-color: #fdfdfd;
}

.standard-btn>a>span {
    color    : #48a9e0;
    font-size: 32px;
}

.standard-btn .tick-icon {
    margin-right: 20px;
}

.standard-btn>a:focus span,
.standard-btn>a:hover span {
    color: #00a5ee;
}

/* Style the list */
.ui-bread-crumbs ul {
    padding      : 10px 16px;
    list-style   : none;
    font-size    : 14px;
    padding-left : 0;
    margin-bottom: 0;
}

/* Display list items side by side */
.ui-bread-crumbs ul li {
    display: inline;
}

/* Add a slash symbol (/) before/behind each list item */
.ui-bread-crumbs ul li+li:before {
    padding: 8px;
    color  : black;
    content: "/\00a0";
}

/* Add a color to all links inside the list */
.ui-bread-crumbs ul li a {
    color          : #777;
    text-decoration: none;
}

.ui-bread-crumbs ul li a.active {
    color: #ccc;
}

/* Add a color on mouse-over */
.ui-bread-crumbs ul li a:hover {
    color          : inherit;
    text-decoration: none;
}

.user-head-content .box-img {
    margin-top: 5px;
}

.num-bigger {
    font-weight: 600;
    display    : inline-block;
    margin-top : -5px;
    font-size  : 40px;
}

.user-head-content .box-title {
    font-size: 20px;
}

.user-head-content .small {
    font-size: 16px;
}

.user-head-content .very-small {
    font-size: 10px;
}

#OpenNewTrade {
    margin-top: 80px;
}

.user-head-action .dropdown-menu {
    top: 112%;
}


input[type=checkbox] {
    visibility: hidden;
}

/* SQUARED FOUR */
.squaredFour {
    width       : 20px;
    position    : relative;
    display     : inline-block;
    margin-right: 30px;
    margin-top  : 6px;
}

.squaredFour label {
    cursor       : pointer;
    position     : absolute;
    width        : 20px;
    height       : 20px;
    top          : 0;
    border-radius: 4px;

    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow   : inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow        : inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    background        : #fff;


    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0);
}

.squaredFour label:after {
    -ms-filter  : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter      : alpha(opacity=0);
    opacity     : 0;
    content     : '';
    position    : absolute;
    width       : 12px;
    height      : 8px;
    background  : transparent;
    top         : 4px;
    left        : 4px;
    border      : 3px solid #3c85b7;
    border-top  : none;
    border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform   : rotate(-45deg);
    -o-transform     : rotate(-45deg);
    -ms-transform    : rotate(-45deg);
    transform        : rotate(-45deg);
}

.squaredFour label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter    : alpha(opacity=30);
    opacity   : 0.5;
}

.squaredFour input[type=checkbox]:checked+label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter    : alpha(opacity=100);
    opacity   : 1;
}

/* Added on 22/08/2017 */
/*.nav-side-menu {
    font-family     : verdana;
    font-size       : 12px;
    font-weight     : 200;
    background-color: #4C505D;
    color           : #e1ffff;
    / height        : 100%; 
    overflow-y      : scroll;
    position        : fixed;
    top             : 60px;
    left            : -8px;
    bottom          : 74px;
    width           : 25%;
    / width         : 377px; 
 height             :inherit;
}*/

/*.profile_button {
    border-top      : 1px solid #4e4e4e;
    background-color: #4C505D;
    / padding       : 4%; 
    / border-top    : 1px solid #26282E; 
    / width         : 100%; 
    position        : fixed;
    bottom          : 0;
    height          : 74px;
    / width         : 100%; 
    width           : 26%;
    line-height     : 74px;
text-align          :center;
padding-top         :0;
}*/
.profile_button .btn.profile_complete1 {
    display: inline-block;
    width  : 68%;
}

.table-data {
    /*-webkit-box-shadow: 1px 1px 1px #cecece;
    box-shadow          : 1px 1px 1px #cecece;*/
    / height            : 80vh;
    overflow-y          : auto;
    position            : fixed;
    width               : 75.6%;
    height              : inherit;
}

.fa-plus-circle,
.fa-long-arrow-right {
    padding-top: 0px;
    font-size  : 22px;
    color      : grey;
}

.footer-right {
    position      : fixed;
    bottom        : 0;
    width         : 83%;
    height        : 55px;
    background    : #f0f0f0;
    margin-left   : 0;
    / margin-right: 48px;
    /line-height  : 74px;
    /* Disabled since footer stats were not showing properly */
    padding-top: 0;
}

.content-box {
    /*min-height: 0;*/
    background  : rgba(32, 47, 69, 1);
    background  : -moz-linear-gradient(45deg, rgba(32, 47, 69, 1) 0%, rgba(13, 16, 27, 1) 44%, rgba(13, 16, 27, 1) 100%);
    background  : -webkit-gradient(left bottom, right top, color-stop(0%, rgba(32, 47, 69, 1)), color-stop(44%, rgba(13, 16, 27, 1)), color-stop(100%, rgba(13, 16, 27, 1)));
    background  : -webkit-linear-gradient(45deg, rgba(32, 47, 69, 1) 0%, rgba(13, 16, 27, 1) 44%, rgba(13, 16, 27, 1) 100%);
    background  : -o-linear-gradient(45deg, rgba(32, 47, 69, 1) 0%, rgba(13, 16, 27, 1) 44%, rgba(13, 16, 27, 1) 100%);
    background  : -ms-linear-gradient(45deg, rgba(32, 47, 69, 1) 0%, rgba(13, 16, 27, 1) 44%, rgba(13, 16, 27, 1) 100%);
    background  : linear-gradient(45deg, rgba(32, 47, 69, 1) 0%, rgba(13, 16, 27, 1) 44%, rgba(13, 16, 27, 1) 100%);
}

.enable-top-row {
    top: 98px;
}

/* Added on 8/23/2017 for pop and alerts*/
.pos-rel td {
    position: relative;
}

.bell-icon {
    display: block;
    color  : #7112d0;

    width     : 50px;
    text-align: center;
    font-size : 21px;
    color     : #b1b1b1;

}

.bell-icon:hover,
.bell-icon:focus {

    color                      : #b1b1b1;
    -webkit-transition-property: all;
    transition-property        : all;
    -webkit-transition-duration: .3s;
    transition-duration        : .3s;

}

th.bell-icon-head {
    width  : 58px;
    display: none;
}

.bell-td {
    display: none;
}

.done-btn {
    position: absolute;
    top     : 4px;
    right   : 10px;
    display : none;
}

.done-btn a {
    text-align      : center;
    line-height     : 34px;
    font-size       : 16px;
    font-weight     : 600;
    padding         : 0 10px;
    height          : 34px;
    display         : block;
    background-color: #3F9ADB;
    border          : 1px solid #3F9ADB;
    color           : #fff;
    border-radius   : 3px;
}

.done-icon {
    font-size: 12px;
    position : absolute;
}

.done-text {
    margin-left: 22px;
}

.done-btn a:hover,
.done-btn a:focus {
    background-color: #48A9E0;
    border-color    : #48A9E0;
}

#set_price_alert_modal .modal-header {
    padding      : 0;
    border-radius: 25px 25px 0px 0px;
}

#set_price_alert_modal .modal-header h2 {
    font-size     : 17px;
    line-height   : 50px;
    margin        : 0;
    text-transform: uppercase;
}

#set_price_alert_modal .modal-dialog {
    width     : 500px;
    margin-top: 60px;
}

#set_price_alert_modal .close {
    margin                 : 0;
    height                 : 50px;
    position               : absolute;
    top                    : 0;
    opacity                : 1;
    font-size              : 18px;
    padding                : 0 20px;
    right                  : 0;
    border-top-right-radius: 25px;
}

#set_price_alert_modal .first-box {
    /* -webkit-box-shadow: 0 1px 0 0 #fefefe;
    box-shadow           : 0 1px 0 0 #fefefe;*/
    border-bottom        : 0.5px solid #171927;
    padding-left         : 0;

}

#set_price_alert_modal .modal-body {
    padding: 20px 50px;
}

#set_price_alert_modal .middle {
    margin-top   : 0;
    border       : 0;
    border-radius: 0;
    border-bottom: 1px solid #191c2b;
}

#set_price_alert_modal .modal-body {
    min-height: 330px;
}

#set_price_alert_modal .notify h4 {
    font-weight   : 600;
    padding       : 20px 0;
    padding-bottom: 0;
    color         : #bdbdbd;
    font-size     : 14px;
}

#set_price_alert_modal .send {
    position: absolute;

    bottom: 50px;
    left  : 30%;
}

/*Added for the fix of 2 buttons in price alert popup*/
#set_price_alert_modal .send {

    position: relative;
    left    : inherit;
    bottom  : inherit;
    width   : inherit;
}

button.btn.btn-primary.btn-lg.grey.red.remove-price-alert:hover,
button.btn.btn-primary.btn-lg.grey.red.remove-price-alert:focus {
    background: #f3474b !important;
    border    : 1px solid #f3474b !important;
}


#set_price_alert_modal .close:hover,
#set_price_alert_modal .close:focus {
    background: rgba(245, 245, 245, 0.17);
}

#set_price_alert_modal .send .btn {
    background-color  : #FF9800 !important;
    border            : 1px solid #3F9ADB;
    color             : #fff;
    -webkit-box-shadow: none;
    box-shadow        : none;
    /* min-width      : 225px; */
    display           : inline-block;
    font-size         : 17px;
    font-weight       : normal;
    line-height       : 0px;
    height            : 35px;
    padding           : 0 29px;

}

#set_price_alert_modal .send .btn:hover,
#set_price_alert_modal .send .btn:focus {
    background-color: #FF9800 !important;
    border-color    : #FF9800;
}

#set_price_alert_modal .middle-content {
    background: transparent;
}

#set_price_alert_modal .very-small {
    font-size: 10px;
}

#set_price_alert_modal .num-big {
    font-size: 30px;
    color    : #2c2c2c;
}

#set_price_alert_modal .small {
    font-size  : 14px;
    font-weight: normal;
}

#set_price_alert_modal .box-title {
    font-size  : 16px;
    font-weight: 600;
    color      : #2c2c2c;
}

#set_price_alert_modal .box-title .sub-title {
    font-size  : 14px;
    color      : #777;
    font-weight: 600;
}

#set_price_alert_modal .stepper-box .label {
    font-size  : 13px;
    color      : #a9a9a9;
    font-weight: 600;
}

.stepper .input-group-btn button,
.stepper input {
    color: #fff;
}

.stepper-box a {
    font-weight       : 600;
    text-transform    : uppercase;
    display           : inline-block;
    width             : 95px;
    padding           : 1px;
    text-align        : center;
    font-size         : 12px;
    font-weight       : 600;
    height            : 32px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow        : 0 1px 1px 0 rgba(0, 0, 0, 0.2);

}

#set_price_alert_modal .stepper-box .col-xs-3 {
    margin-top: 0;
}

.anchor-blue {
    color     : #0079b9;
    background: #fff;
}

.anchor-blue:hover,
.anchor-blue:focus {
    color: #00a5ee;
}

.stepper-icon {
    /*left      : 41%;
    font-size   : 22px;
    position    : absolute;*/
    margin-right: 10px;
}

/* styling the notification popup*/
.notification-popup-main {
    width           : 326px;
    background-color: #fff;
    box-shadow      : -1px 2px 4px -1px rgba(0, 0, 0, 0.3);
    position        : absolute;
    top             : 0;
    right           : 0;
    z-index         : 9999;
}

.notification-header-container {
    background    : white;
    border-bottom : 1px solid #ededed;
    font-size     : 12px;
    padding       : 12px 10px;
    text-transform: uppercase;
}

.notification-header-container a {
    float         : right;
    line-height   : 18px;
    text-transform: none;
    cursor        : pointer;
}

.notification-body {
    background: #f9f9f9;
    max-height: 324px;
    overflow-y: auto;
}

.notification-box {
    padding    : 15px;
    margin-left: 0;
    cursor     : pointer;
}

.notification-box .notification-box-img {
    width         : 50px;
    height        : 50px;
    vertical-align: top;
    display       : inline-block;
    padding-top   : 8px;
}

.notification-box .notification-box-img img {
    width : 50px;
    height: 50px;
    border: 1px solid #ededed;
}

.notification-box .notification-box-description {
    margin   : 4px 10px;
    width    : 206px;
    display  : inline-block;
    font-size: 14px;
    padding  : 0;
}

.notification-box .notification-box-description p {
    color        : #2c2c2c;
    margin-bottom: 0;
}

.notification-box .notification-box-description .notification-time {
    font-size : 12px;
    color     : #777;
    font-style: italic;
}

.notification-footer a {
    padding        : 13px;
    text-align     : center;
    text-transform : uppercase;
    color          : #2c2c2c;
    display        : block;
    font-weight    : 600;
    border-top     : 1px solid #cecece;
    font-size      : 14px;
    background     : #f9f9f9;
    text-decoration: none;
}

top-buttons-icons {
    /* height: 60px; */
    position : relative;
    /* right : 0px; */
}

.top-buttons-icons a.top-icons {
    display: inline-block;
    width  : 45px;
    height : 100%;

    position: relative;
    color   : white;
}

/*.top-buttons-icons .top-icons:hover,.top-buttons-icons .top-icons:focus{
    background: rgba(255, 255, 255, 0.05);
}*/
.top-buttons-icons .top-icons i {
    padding: 0;

}

.drop-notification.dropdown-menu {
    font-size    : inherit;
    margin       : inherit;
    border       : none;
    border-radius: 0;
}


/*
Depsoit Funds
*/


.main-page.fund {
    margin  : 40px auto 0;
    position: relative;
}

.page-sidebar {
    font-size: 16px;
    position : absolute;
    right    : 0;
    top      : 0;
}

.page-sidebar-main-banner {
    height  : 250px;
    position: relative;
    overflow: hidden;
}

.page-sidebar-main-banner img {
    height       : 100%;
    width        : 100%;
    -o-object-fit: cover;
    object-fit   : cover;

}

.page-sidebar-main-padd.bg-grey.page-side-bar-help {
    margin-bottom: 20px;
}

.bg-grey {
    background-color  : #1b1f2b;
    border-top        : 1px solid #E4E4E4;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow        : 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.page-sidebar-main-padd {
    padding: 25px 20px;
}

.sidebar-content {
    color        : #777;
    margin-top   : 10px;
    margin-bottom: 20px;
    cursor       : pointer;
}

.sidebar-icon {
    height               : 50px;
    width                : 60px;
    margin               : 0 10px;
    display              : inline-block;
    vertical-align       : middle;
    background-size      : 480px 500px;
    background-image     : url('https://etoro-cdn.etorostatic.com/web-client/img/sprite-payment.png');
    background-position  : top left;
    background-repeat    : no-repeat;
    background-attachment: scroll;
}

.icon-sprite-phone {
    background-position: -180px -124px;
}

.icon-sprite-secured {
    background-position: -120px -124px;
}

.icon-sprite-security {
    background-position: 0 -124px;
}

.sidebar-description {
    display       : inline-block;
    width         : 200px;
    vertical-align: middle;
}

.form-box-title-sub {
    font-size     : 12px;
    color         : #eee;
    text-transform: uppercase;
    padding       : 10px 0;
}

.page-sidebar-main-padd .form-box-title-sub {
    text-align: center;
}

.payment-method-bg {
    width           : 100%;
    height          : 100px;
    background-size : 310px;
    background-image: url('https://etoro-cdn.etorostatic.com/web-client/img/payments-icons-hd.png');
}

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

.sidebar-verification-icon {
    height             : 45px;
    width              : 100px;
    display            : inline-block;
    background-position: -370px -130px;

}

.page-form-main .input-group {
    width: 100%;
}

.page-form-main-box {
    /* padding: 20px 30px 40px;*/
}

.form-box-title {
    font-size     : 22px;
    font-weight   : normal;
    padding       : 20px 0;
    display       : inline-block;
    color         : #fff;
    width         : 100%;
    text-transform: uppercase;
}

.four_btn ul {
    width      : 100%;
    margin-left: 50px;
    float      : left;
}

.four_btn ul li {
    width : 16%;
    margin: 0px 8px;
}

.four_btn ul li a {
    background   : #1b1f2b;
    border-radius: 50px;
}

.four_btn ul li a:hover {
    background: #202f46;
}

.four_btn ul li a:active {
    background: #202f46;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #4caf5000 !important;
    border-color    : #337ab700 !important;
}

.page-form-main .input-group {
    margin-top: 15px;
}

.form-input-row {

    position: relative;
}

input {
    outline: none;
}

.page-form-main .input-group input,
select {
    font-size         : 12px;
    background        : #0d0f1b;
    font-weight       : normal;
    color             : #fff;
    height            : 29px;
    border            : 1px solid #484b5f;
    font-weight       : normal;
    padding           : 0 15px;
    -moz-appearance   : textfield;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    border-radius     : 8px !important;
}

select {
    width: 100%;
}

.page-form-main-bg {
    /* background     : #1b1f2b;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
    box-shadow        : 0 1px 1px 0 rgba(0,0,0,0.2);
    margin-bottom     : 30px;*/
}

.details {


    padding-top: 35px;
}

.page-form-main .form-box-title-sub {
    padding: 0;
}

.form-control {
    -webkit-box-shadow: none;
    box-shadow        : none;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow        : none;
}

.details .page-form-content .form-box-title-sub {
    padding-top: 35px;
}

.form-submit-button {
    /*  padding: 25px 0 50px;*/
    text-align : center;


}

.form-submit-button .big-btn.blue-bg {

    font-size            : 18px;
    /* min-width         : 200px; */
    font-weight          : normal;
    background           : #f50301;
    /* -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1), 0 1px 1px 0 rgba(0,0,0,0.1); */
    /* box-shadow        : inset 0 1px 0 0 rgba(255,255,255,0.1), 0 1px 1px 0 rgba(0,0,0,0.1); */
    border               : 1px solid #f50301;
    border-radius        : 35px;
    text-align           : center;
    cursor               : pointer;
    color                : white;
    padding              : 4px 40px;
}

.form-submit-button .big-btn.blue-bg:hover,
.form-submit-button .big-btn.blue-bg:focus {
    background-color: #FF9800;
    border-color    : #FF9800;

}

.input-amount {
    font-size: 18px;
}

.main-page.fixed-height {
    margin-top: 0;
    position  : fixed;
    width     : 75%;

    overflow: scroll;
    top     : 60px;
}

.page-sidebar,
.page-form {
    margin-top: 20px;

}

.col-lg-4.page-sidebar {
    padding      : 0;
    position     : relative;
    padding-right: 8px;
}

form.page-form-main {
    padding-right: 40px;
    padding-left : 8px;
}

.col-lg-8.page-form {
    padding-left: 0;
}

.col-lg-8.page-form {
    padding: 0;
}

/* styling the after deposit page */
.wiretransfer {
    margin-top: 20px;
    padding   : 0;
}

.wiretransfer .wiretransfer-container {
    padding           : 30px;
    /background       : white;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow        : 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.wiretransfer-w {
    padding-right: 40px;
    padding-left : 6px;
}

.wiretransfer h3 {
    color         : #000;
    font-size     : 21px;
    margin        : 0;
    padding       : 0 0 20px 0;
    text-align    : center;
    text-transform: uppercase;

}

.wiretransfer-img {
    margin-right: 10px;
    float       : left;
    margin-top  : 10px;

}

.wiretansfer-description {
    width         : 87%;
    display       : inline-block;
    vertical-align: middle;
    font-size     : 16px;
}

.wiretransfer-info {
    margin: 28px 0px;

}

.wiretransfer ol {
    padding: 0;
    margin : 0 0 0 15px;
    color  : #777;
    width  : 90%;
}

.wiretransfer ol li {
    padding: 0 5px;
}

.wiretransfer-info p {
    padding    : 0 5px;
    color      : rgba(102, 102, 102, 1);
    font-size  : 13px;
    font-weight: 400;
}

.steps-info {
    font-size: 16px;
}

.wiretansfer-print-table {
    width : 100%;
    margin: 20px 0;
    border: 1px solid #4c4c4c;
}

.header-container {
    padding     : 20px 0px 15px 20px;
    line-height : 20px;
    border-right: 1px solid #4c4c4c;
}

.print-table-header {
    border-bottom: 1px solid #4c4c4c;
}

.print-table-body .row {
    margin        : 0 auto;
    width         : calc(100% - 40px);
    /border-bottom: 1px solid #e5e5e5;
}

.print-table-body p {
    padding  : 15px 0;
    color    : #777;
    font-size: 16px;

}

.col-value p {
    color         : #000;
    font-size     : 14px;
    text-transform: none;
}

.transc-id {
    color    : #fff;
    font-size: 24px;

}

.header-label {
    font-size     : 12px;
    color         : #777;
    text-transform: uppercase;
}

.print-table-footer {
    cursor    : pointer;
    background: #f8f8f8;
    padding   : 10px 0;
    margin-top: -1px;
    border-top: 1px solid #dfdfdf;
    text-align: center;

}

.footer-icon {
    vertical-align     : middle;
    display            : inline-block;
    height             : 40px;
    width              : 40px;
    position           : relative;
    top                : 3px;
    right              : 0px;
    background-position: -76px -192px;
}

.footer-btn p {
    text-decoration: none;
    color          : #0d8ad4;
    font-size      : 16px;
    text-transform : uppercase;
    font-weight    : 600;
    text-align     : center;
    display        : inline-block;
    vertical-align : middle;
    margin-top     : 10px;
    margin-right   : 21px;
}

.print-table-header>.row {
    position: relative;
}

.header-btn {
    position    : absolute;
    top         : 32px;
    right       : 29px;
    border-left : 1px solid #e5e5e5;
    padding-left: 10px;
}


/* withdraw page css added 8/24/2017*/

.withdraw-funds .modal-header {
    background-color: #1b1f2b;
    border-bottom   : 0;
    text-align      : left;
    position        : relative;

}

.withdraw-funds .modal-dialog {
    width        : 500px;
    margin       : 0 auto;
    margin-top   : 60px;
    margin-bottom: 40px;
}

.withdraw-funds .modal-body {
    background: #0d0f1b;
}

.total {
    padding: 20px;
}

.withdraw-funds .modal-body {
    height    : inherit;
    min-height: 440px;
    padding   : 0 30px 0 30px;
}

.withdraw-funds .modal-header h3 {
    padding    : 0;
    color      : #fff;
    margin     : 0;
    font-size  : 22px;
    font-weight: 600;
}

.withdraw-funds .modal-footer {
    background-color: #0d0f1b;
    border-top      : 1px solid #0d0f1b;
    padding         : 20px 30px;
    text-align      : left;
}

.form-control {
    background-color: #0d0f1b;
    border          : 1px solid #505366;
    font-size       : 13px;
    height          : 34px;
}

.get-amount input {
    padding           : 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    border            : 1px solid #e1e1e1;
    width             : 100%;
    height            : 45px;
    border-radius     : 4px;
    -webkit-box-shadow: none;
    box-shadow        : none;
    font-size         : 16px;
    background-color  : #fafafa;
    outline           : none;
}

.show-balance {
    padding: 5px 20px;
}

.show-balance-value {
    text-align: right;
}

.total {
    background-color: #fafafa;
    border          : 1px solid #e1e1e1;
    margin-top      : 10px;
}

.show-title {
    font-size: 16px;
}

.show-balance-value {
    font-size: 18px;
}

.total-link a {

    cursor   : pointer;
    color    : #0079b9;
    font-size: 16px;
}

.total-link a:hover {
    color: #00a5ee;
}

.btn-bg-custom {
    border-radius     : 4px;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    display           : inline-block;
    font-size         : 24px;
    height            : 55px;
    line-height       : 22px;
    padding           : 5px 10px;
    text-align        : center;
    text-decoration   : none;

}

.btn-bg-custom {
    background-color  : #3F9ADB;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow        : 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    border            : 1px solid #3F9ADB;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    color             : #fff;
    padding           : 17px;
    cursor            : pointer;
    min-width         : 200px;
}

.form-button {
    position: absolute;
    bottom  : 40px;
    left    : 30%;
}

.sub-title {
    color         : #777;
    font-size     : 12px;
    text-transform: uppercase;
}

.policy-desc {
    padding  : 10px 0 15px;
    color    : #777;
    font-size: 12px;
}

.withdraw-funds .close-btn {
    height     : 54px;
    position   : absolute;
    top        : 0;
    line-height: 54px;
    right      : 0;
    font-size  : 36px;
    padding    : 0 20px;

    color     : #fff !important;
    cursor    : pointer;
    margin-top: 0;
}

.close-btn:hover {
    color: #1d85d0;
}

.total-icon {
    font-size: 25px;
    color    : #3f9adb;
}

.total .show-title {
    margin-top: -12px;
}

.equaity-box {}

.show-balance {
    position: relative;
}

.small-sub-value {
    position : relative;
    /* bottom: -8px; */
    left     : 16px;
    font-size: 11px;
}

.detail-title {
    text-transform: uppercase;
    color         : #2c2c2c;
    font-size     : 12px;
}

.detail-value {
    text-align : right;
    font-weight: 600;
    font-size  : 16px;
}

.detail-divide {
    border-bottom: 1px solid #e1e1e1;
}

.detail-box {
    padding-top: 15px;
}

.detail-description {
    margin-top: 10px;

    font-size: 14px;
    color    : #777;

}

.detail-sett {
    padding-bottom: 80px;
}

.request-title {
    margin-top: 15px;
}

.request-box {
    margin-top: 15px;
}

.request-box select,
.request-box textarea {
    font-size         : 16px;
    background        : #fdfdfd;
    font-weight       : normal;
    color             : #2c2c2c;
    height            : 42px;
    border            : 1px solid #e1e1e1;
    font-weight       : normal;
    padding           : 0 15px;
    -moz-appearance   : textfield;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    font-size         : 16px;
}

.request-box textarea {
    height       : 70px;
    padding      : 10px 15px;
    border-radius: 0;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow        : none;
    outline           : none;
}

.how-heading h4 {
    font-size  : 14px;
    font-weight: 600;
}

ol {
    margin      : 0;
    padding-left: 15px;
}

.how-description p {
    padding: 5px 0;
}

.withdraw-funds-form input,
.withdraw-funds-form select {
    font-size         : 16px;
    background        : #fafafa;
    font-weight       : normal;
    color             : #2c2c2c;
    height            : 40px;
    border            : 1px solid #e1e1e1;
    font-weight       : normal;
    padding           : 0 15px;
    -moz-appearance   : textfield;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    -webkit-box-shadow: none;
    box-shadow        : none;
    font-size         : 14px;
    border-radius     : 2px;
}

.withdraw-funds-form select {
    width: 100%;
}

.withdraw-funds-form textarea {
    font-size         : 16px;
    background        : #fafafa;
    font-weight       : normal;
    color             : #2c2c2c;
    border            : 1px solid #e1e1e1;
    -moz-appearance   : textfield;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    -webkit-box-shadow: none;
    box-shadow        : none;
}

.withdraw-form .modal-body {
    min-height: 900px;
}

.big-requested {
    position: relative;
}

.big-requested-value {
    font-size  : 40px;
    font-weight: 600;
}

.big-change-btn {
    position: absolute;
    right   : 0;
    top     : 58px;
}

.big-balance-label {
    text-transform: uppercase;
    font-size     : 12px;
}

#Withdraw .equaity-box {
    display: none;
}

.theme-anchor {
    color: #0079b9;

}

.theme-label {
    font-size     : 14px;
    font-weight   : 600;
    text-transform: uppercase;
    text-align    : center;
}

.theme-label:hover,
.theme-label:focus {
    color: #00a5ee;
}

.selectize-input .item {
    font-size  : 14px !important;
    font-weight: 600;

    text-align: center;
}

.selectize-input .item:hover,
.selectize-input .item:focus {}

.selectize-input.items.has-options.full.has-items {
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    border            : 1px solid #484b5f !important;
    cursor            : pointer;
    display           : inline-block;
    height            : 34px;
    line-height       : 22px;
    padding           : 6px 13px;
    position          : relative;
    text-decoration   : none;
    min-width         : 74px;
    vertical-align    : middle;
    border-radius     : 6px;
    margin-bottom     : 0px;
    background        : #0d0f1b;
    border            : none;
}

.demo-default selectized {
    background: transparent;
}

.selectize-dropdown {
    background: white;
    background: transparent;
    border    : none;
    margin-top: 15px;
}

.selectize-dropdown-content {
    border            : 1px solid #d7d7d7;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow        : 0 0 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: none;
    box-shadow        : none;
}

.selectize-dropdown-content .option {
    border-top        : 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    color             : #2c2c2c;
    display           : block;
    cursor            : pointer;
    font-size         : 14px;
    line-height       : normal;
    padding           : 9px 15px;
    position          : relative;
    font-weight       : normal;
    word-wrap         : break-word;
    color             : #303030;
    font-family       : inherit;
    font-size         : 13px;
    line-height       : 18px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
    border-top        : 1px solid #3a4257;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    display           : block;
    cursor            : pointer;
    font-size         : 14px;
    line-height       : normal;
    padding           : 9px 15px !important;
    position          : relative;
    font-weight       : normal;
    word-wrap         : break-word;
    color             : #3a4257;
    font-family       : inherit;
    font-size         : 13px;
    line-height       : 18px;
}

.selectize-dropdown-content .option:hover {
    background-color: #1a1d33;
    color           : #ddd;
}

.selectize-dropdown-content:first-child {
    border-top: 0;
    border    : 0;
}

.selectize-dropdown {
    -webkit-box-shadow: none;
    box-shadow        : none;
}

.option.selected {
    background-color: inherit;
}

.selectize-control.single:hover .selectize-input:after {}

selectize-control.single .selectize-input.dropdown-active:after {
    margin-top  : -4px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #0079b9 transparent;
}

.reason {
    display   : none;
    margin-top: 10px;
}

.selectize-dropdown-content:first-child {
    max-height: inherit;
}

.selectize-input input {
    display: none !important;
}

.container-fluid {
    padding-right: 15px;
    padding-left : 15px;
}

.nav-side-menu {
    left: 0;
}

.table-data {
    width: 75%;
}

/*
Selectize+withdraw css
*/
.selectize-dropdown-content:first-child {
    max-height: inherit;
    border    : 1px solid #3a4257;
    background: #0d0f1b;
    border-top: 0;
}

.main-page.fund .selectize-input.items.has-options.full.has-items {
    font-size  : 16px !important;
    height     : 34px !important;
    line-height: 29px !important;
    padding    : 0 12px !important;
}

.main-page.fund .selectize-input .item {
    font-size: 12px !important;
    height   : 29px !important;
}

.selectize-dropdown {
    width: 100%;
}

.selectize-dropdown {
    margin-top: 0;
}

.main-page.fund .selectize-dropdown-content .option {
    font-size: 14px;
}

.country-selector .selectize-dropdown-content:first-child {
    max-height: 223px;

}

.selectize-input.items.has-options.full.has-items {
    color: #fdfdfd;
}

.selectize-input.items.has-options.full.has-items:hover,
.main-page.fund .selectize-input.items.has-options.full.has-items:focus {
    color: #fdfdfd;
}

.selectize-input.items.has-options.full.has-items:hover .selectize-input:after {
    border-color: #f7921a;
}

.selectize-dropdown {
    top: 34px !important;

}

.selectize-control.single .selectize-input:after {
    border-color: #fff transparent transparent transparent;
}

.card-1.sidebar-icon {
    height             : 20px;
    background-position: -11px -367px;
    width              : 41px;
    display            : inline-block;
    vertical-align     : middle;
    margin             : 0;
}

.card-2.sidebar-icon {
    height             : 20px;
    background-position: -74px -365px;
    width              : 34px;
    display            : inline-block;
    vertical-align     : middle;
    margin             : 0;
}


.card-3.sidebar-icon {
    height             : 29px;
    background-position: -137px -360px;
    width              : 31px;
    display            : inline-block;
    vertical-align     : middle;
    margin             : 0;
}

.card-4.sidebar-icon {
    height             : 20px;
    background-position: -94px -445px;
    width              : 31px;
    display            : inline-block;
    vertical-align     : middle;
    margin             : 0;
}

.card-logos {
    text-align : right;
    margin-left: -20px;
}



ul.dropdown-menu li {
    padding: 0;
}

#menu-content .dropdown-menu li a {
    color        : inherit;
    font-size    : inherit;
    line-height  : normal;
    padding      : 10px 12px !important;
    border-radius: 8px;
}

.nav-side-menu li:hover {
    transition: inherit;
}

.dropdown-menu li:hover {
    color: inherit;
}

.dropdown-menu li a:hover {
    color: #fff !important;
}

.dropdown-menu li {
    height: inherit;
}


/*
Watchlist
*/
/* whatchlist styling 8/25/2017 1:01 am */
ul.dropdown-menu li {
    padding: 0;
}

.dropdown-menu>li>a {
    position   : relative;
    line-height: normal;
    padding    : 10px 15px !important;
}

.dropdown-maxheight {
    max-height: 282px;
    overflow-y: auto;
}

.dropdown-left-align {
    right: inherit;
    top  : 68px;
}

.dropdown-menu {
    background : #0d0f1b;
    border     : 1px solid #5ceebd;
    box-shadow : 0 0 1px 0 rgba(0, 0, 0, 0.1);
    /*min-width: 220px;
    max-width  : 230px;*/

}

.dropdown-menu>li>a.drop-down-bottom-btn {
    padding  : 15px !important;
    cursor   : pointer;
    font-size: 14px;
}


.link-icon {
    top      : 6px;
    font-size: 16px;
}

.link-icon {
    display: none;
}

.link-with-icon.active .link-icon {
    display  : block;
    position : absolute;
    top      : 3px;
    font-size: 16px;
    color    : inherit;
}

.dropdown-menu>li>a.drop-down-bottom-btn.one-click-trading {
    text-align: left;
}

.dropdown-menu>li>a.drop-down-bottom-btn.one-click-trading:hover,
.dropdown-menu>li>a.drop-down-bottom-btn.one-click-trading:focus {
    color: inherit !important;
}

.card-plus-content:hover {
    color: inherit;
}

.watchlist .card-plus-content:hover {
    color: #4c4c4c
}

.card-plus-content:hover i {
    color: #4c4c4c;
}

/* styling the watchlist table 8/25/2017 */
.watchlist-profile-width {
    width: 17%;
}

.graphs-col-width {
    width: 31%;
}

.watchlist-same-width {
    width     : 15%;
    text-align: center;
}

.watchlist-bell-width {
    width: 4.8%;
}

.cell-align-left {
    text-align: left;
}

th.bell-icon-head {
    width: 4.8%;
}

.table>thead>tr>th {
    padding: 12px;
}

.table-data .watchlist tr:nth-child(2n) {
    background: #0d0f1b;
}

.table-data .watchlist thead tr {
    background: #f7f7f7;
}

.watchlist thead tr th {
    background: #0d0f1b;
}

.table>tbody>tr>td {
    padding: 13px 25px;
}

.nav-side-menu ul .active,
.nav-side-menu li .active {
    background: inherit;
    border    : none;
}

#menu-content .dropdown-menu.Linkicons .link-icon i {
    padding       : 0;
    display       : inherit;
    height        : inherit;
    margin-right  : 0;
    vertical-align: inherit;
    width         : inherit;
    font-size     : 23px
}

.table-data {
    width: 82%;
}

/* coded added on 8/26/2017 6:29pm */
.create-icon {
    height        : 21px;
    display       : inline-block;
    vertical-align: middle;
    margin        : 0 4px 5px 0;
}

/* code for toggle button*/
.switch {
    position: relative;
    display : inline-block;
    width   : 60px;
    height  : 34px;
}

.switch input {
    display: none;
}

.slider {
    position          : absolute;
    cursor            : pointer;
    top               : 0;
    left              : 0;
    right             : 0;
    bottom            : 0;
    background-color  : #9E9E9E;
    border            : 1px solid #9E9E9E;
    -webkit-transition: .4s;
    transition        : .4s;
}

.slider:before {
    position          : absolute;
    content           : "";
    height            : 26px;
    width             : 26px;
    left              : 4px;
    bottom            : 4px;
    background-color  : white;
    -webkit-transition: .4s;
    transition        : .4s;
}

input:checked+.slider {
    background-color: #f7921a;
    border-color    : #c16d09
}

input:focus+.slider {
    -webkit-box-shadow: 0 0 1px #00a5ee;
    box-shadow        : 0 0 1px #00a5ee;
    border-color      : #0079b9;
}

input:checked+.slider:before {
    -webkit-transform: translateX(14px);
    transform        : translateX(14px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.switch {
    position: relative;
    display : inline-block;
    width   : 26px;
    height  : 8px;
    position: absolute;
    right   : 19px;
    top     : 15px;
}

.slider.round {
    border-radius: 5px;
}

.slider:before {
    position          : absolute;
    content           : "";
    height            : 14px;
    width             : 14px;
    left              : -1px;
    bottom            : 4px;
    background-color  : #f5f5f5;
    -webkit-transition: .4s;
    transition        : .4s;
    top               : -4px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow        : 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

tbody tr img {
    width        : 35px;
    height       : 35px;
    border-radius: 50%;
}

.profile span {
    left: 51px;
    top : 19px;
}

table thead {
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow        : inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

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

table .sell div {
    border-bottom: 0;
    min-height   : 29px;
    line-height  : 29px;
}

table .sell-box .sell {
    min-width  : 100%;
    min-height : 29px;
    line-height: 29px;
}

.bar-cell-padding {
    padding-right: 20px !important;
}

.sentiment-text {
    font-weight   : 600;
    padding-bottom: 5px !important;
    padding-top   : 10px;
}

.sentiment-sub {
    font-size     : 12px;
    text-transform: uppercase;
    font-weight   : normal;
    color         : #777;
}

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

.change-data {
    font-size: 16px;
}

.change-value {
    font-weight: 600;
    text-align : right;
    line-height: 17px;
    padding-top: 21px;
}

.change-major-value {
    font-size: 18px;
}

.change-minor-value {
    font-size  : 12px;
    font-weight: normal;
}

tbody tr td,
tfoot tr td,
    {
    vertical-align: middle !important;
    text-align    : center;
}

thead tr th {
    text-align: center;
}

.cell-align-left {
    text-align: left !important;
}

.cell-align-right {
    text-align: right !important;
}

.custom-col-3 {
    width : 20%;
    height: 46px;
}

.custom-col-1 {
    width: 13.3333%;
}

.before-table {
    height: 65px
}

.before-table .col-xs-3 {
    height: 37px;
}

.before-table. .profile {
    width   : 50px;
    height  : 50px;
    position: absolute;
    top     : -3px;

}

.before-table .profile-img {
    width   : 40px;
    height  : 40px;
    position: absolute;
    top     : 0px;
}

.before-table .profile-data {
    margin-left: 50px;
    margin-top : 0px;
}

.enable-before-table {
    /top: 204px;
}

.date-in-line {
    margin-bottom: 0;
    font-size    : 13px;

}

.date-in-line .date-in-line-data {
    margin-left: 5px;
}

.before-table .small {
    font-size: 12px;
    color    : #eeeeee;
}

.before-table>div {
    border-color: #1a1f2b;
}

.table-cell_th th {
    background-color: #1a1f2b !important;
    color           : white;
}

.history-page table thead th:first-child {
    /*padding-left: 15px;*/
}

.history-page table tbody td:first-child,
.history-page table tfoot td:first-child {
    /* padding-left: 15px;*/
}

.history-page table th {
    background: inherit;
}

.history-page table thead tr {
    background: #1a1f2b !important;
}

.history-page .table {
    1f2b margin-bottom: 0;
}

table thead th {
    font-weight: 600;
}

.history-page table tbody td,
.history-page table tfoot td {
    text-align: center;
}

.history-page table tbody tr {
    border-bottom: 1px solid #2c2c2c8a;
}

.history-page table thead tr {
    border-top: 1px solid #2c2c2c8a;
}

.history-page table tbody td a,
.history-page table tfoot td a {
    font-weight: 600;
    color      : #eeeeee;
}

tr .deposit-img {
    width       : 35px;
    height      : 35px;
    margin-right: 18px;
    float       : left;

}

.dep-text {
    display    : inline;
    height     : 35px;
    line-height: 35px;
}

.deposit-img {
    background-image     : url('/assets/images/sprite-cashier.png');
    background-position  : 0px 0px;
    background-size      : 245px 350px;
    background-repeat    : no-repeat;
    background-attachment: scroll;
    margin-left          : 12px;
}

.new-trade-img {
    width       : 35px;
    height      : 35px;
    float       : left;
    margin-right: 18px;
}

.new-trade-text {
    display    : inline;
    height     : 35px;
    line-height: 35px;
    font-size  : 16px;
    font-weight: 600;
}

.new-trade-row {
    padding     : 10px 0px 2px 0px;
    height      : 60px;
    border      : 1px solid #272a32;
    border-left : 0;
    border-right: 0;
}

.new-trade-header {
    padding-left: 30px;
}

.history-page a.black-fn:hover,
.history-page a.black-fn:focus {
    color: #222;
}

.new-trade-content {
    font-size  : 16px;
    line-height: 40px;
}

tfoot .data-row {
    border-bottom: 0;
}

table {
    font-size: 16px;
}

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

.small-width {
    width        : 105px;
    padding-right: 0 !important;
}

th {
    font-size: 13px;
}

table td {
    font-size: 13px;
}

.time-date {
    line-height: 15px;
}

.time-date,
.time-date .time {
    font-size: 12px;
}

thead tr {
    border-bottom: 0;
}

#trade-market-content tr td {
    padding: 19px 30px;
}

/* coded written for history page 8/26/2017*/
.history-close-icon {

    background           : url('https://etoro-cdn.etorostatic.com/web-client/img/sprite-cashier.png') no-repeat;
    background-size      : 245px 350px;
    background-attachment: scroll;
    background-position  : -35px 0;
}

.reverse-btn {
    text-transform    : uppercase;
    font-size         : 14px;
    font-weight       : 600;
    background        : #fdfdfd;
    border            : 1px solid #f8f8f8;
    line-height       : 34px;
    cursor            : pointer;
    display           : block;
    border-radius     : 3px;
    padding           : 0 10px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow        : 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    text-align        : center;
    min-width         : 80px;
    margin-top        : 10px;
}

.anchor-blue {
    color     : #f7921a !important;
    background: #fff;
}

.anchor-blue:hover,
.anchor-blue:focus {
    color: #fff !important;
}

.dep-text-sub {
    font-size  : 12px;
    font-weight: normal;
    color      : #777;
}

.history-close .dep-text {
    line-height: inherit;
}

.history-page table tbody td:first-child,
.history-page table tfoot td:first-child {
    /* padding: 15px;*/
}

/* reverse withdrawal popup*/
#ReverseWithdrawalRequest .modal-header h2 {
    color         : #000;
    background    : #0d0f1b;
    margin        : 7px 147px;
    padding       : 0px;
    font-size     : 14px;
    border-radius : 50px;
    text-transform: uppercase;
    /* height     : 37px; */
    line-height   : 38px;


}

#ReverseWithdrawalRequest .modal-body {
    padding: 30px 100px;
    color  : #000;
}

#ReverseWithdrawalRequest .reverse-heading {
    padding-bottom: 15px;
    font-size     : 14px;


}

.reverse-reference-title .history-close-icon {
    width       : 35px;
    height      : 35px;
    float       : left;
    margin-left : 0;
    margin-right: 5px;

}

.reverse-reference-title {
    color      : #000;
    font-size  : 16px;
    font-weight: 600;
    display    : inline-block;
    line-height: 34px;
}

.reverse-reference-data {
    display     : inline-block;
    float       : right;
    border-left : 1px solid #2c2c2c;
    border-left : 1px solid #e5e5e5;
    padding-left: 11px;
}

.reference-data-id {
    font-size  : 16px;
    font-weight: 600;
    color      : #000;
}

.reference-data-sub {
    font-size     : 12px;
    color         : #777;
    font-weight   : normal;
    text-transform: uppercase;
}

.reverse-reference-amount {
    padding          : 20px 30px;
    font-size        : 16px;
    color            : #000;
    /* font-weight   : normal; */
    border           : 1px solid #1a1f2b;
    font-weight      : 600;
    /* padding-bottom: 35px; */
    border-radius    : 10px;
}

.reference-amount-title {
    display       : inline-block;
    text-transform: uppercase;
}

.reverse-reference {
    margin-bottom: 25px;
}

.reference-amount-data {
    display    : inline-block;
    float      : right;
    font-size  : 18px;
    text-align : right;
    line-height: 18px;
}

.reference-amount-sub {
    font-size  : 14px;
    font-weight: normal;
    color      : #777;
}

.dep-text {
    font-weight: 600;
}

.new-trade-img {
    margin-left : 0;
    margin-right: 8px;
}

tr .deposit-img {
    margin-left : 0;
    margin-right: 8px;
}

tbody tr img {
    margin-right: 8px;
}

.watchlist tbody tr img {
    margin-right: 8px;
}

.history-page .enable-before-table {
    top: 172px !important;
}

/* before table */
.date-in-line span {
    position: relative !important;
    top     : inherit !important;
    right   : inherit !important;
    left    : inherit !important;
    bottom  : inherit !important;
}

.before-table .major-value {
    font-size  : 14px;
    font-weight: 600;
}

.before-table .minor-value {
    font-size  : 11px;
    font-weight: 600;
}

.green {
    font-weight: 600;
    /color     : #6eaf0f !important;
}

/*.before-table{
    border-bottom: 1px solid #e5e5e5;
}*/
.last {
    border-bottom: 1px solid #e8e8e8;
}

.last .new-trade-row {
    border-bottom: 1px solid #e4e4e4;
    box-shadow   : 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.inner-nav-right .dropdown-menu {
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1);
    right     : 7px;
    top       : 132%;
    font-size : 14px;
    border    : 1px solid #5ceebd;
}


.inner-nav-right>ul>li>a {
    font-size     : 25px;
    color         : #fff;
    text-transform: uppercase;
}

.inner-nav-right .dropdown-menu>li>a {
    padding: 13px 15px !important;
    color  : white;
}

.before-table .profile-img.cashflows-img {
    width                : 35px;
    height               : 35px;
    background           : url('https://etoro-cdn.etorostatic.com/web-client/img/sprite-cashier.png');
    background-size      : 245px 350px;
    background-position  : 0 0;
    background-repeat    : no-repeat;
    background-attachment: scroll;
}

.title {
    text-transform: uppercase;
}

.before-table-cashflows .profile-data,
.cashflows tfoot .profile-data {
    margin-left: 40px;
    margin-top : 9px;
    font-size  : 14px;
}

.before-table-cashflows {
    border-top: 1px solid #f5f5f5;
}

.table-data table.cashflows tr:nth-child(odd) {
    border-top: none;
}

.table-data .cashflows tfoot tr {
    background: #fffaf1 !important;
    border-top: 1px solid #E7E4D4 !important;
}

.cashflows tfoot tr {
    border-bottom     : 1px solid #e4e4e4;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow        : 0 1px 1px 0 rgba(0, 0, 0, 0.3);

}

.time-date,
.time-date .time {
    display: inline-block;
}

.cashflows tfoot .profile-data {
    font-size  : 16px;
    font-weight: normal;
}

.table>thead>tr>th {
    padding: 13px 30px;
}

.link-with-icon.active .link-icon {
    color: #3f9abd;
}

.order-table .profile img,
.trade_markets .profile img {
    float: none;

}

.order-table .profile a,
.trade_markets .profile a {
    color      : #fff;
    font-weight: 600;

}

.table>tbody>tr>th {
    padding: 15px 30px;
}

.num-box {
    padding: 5px 10px;
}

.trade_markets tbody tr img {
    width        : 35px;
    height       : 35px;
    border-radius: 50%;
}

.btm_trade_cnt {
    margin    : 0px auto;
    width     : 100%;
    text-align: center;
    position  : absolute;
    left      : 0;
}

.profile-th {
    background: #1b1f2b !important;
}

.table.trade_markets>tbody>tr>td {
    padding: 0px 8px;
}

.selected-icon {
    display: none;

}

.sell-btn.anchor-blue span {
    color: inherit;
}

.anchor-blue-bg {
    background: #0079b9 !important;
    cursor    : pointer !important;
}

.anchor-blue-bg:hover,
.anchor-blue-bg:focus {
    background: #00a5ee !important;
}

.list-selected {
    background: transparent !important;
    color     : #f7921a !important;
    border    : 1px solid #f7921a !important;
}

.list-selected span {
    /*  color: #fff !important;*/
    padding  : 0px 16px;
}

.list-selected span:hover {
    color: #fff !important;
}

.list-selected:hover,
.list-selected:focus {
    background: #f7921a !important;
    color     : white !important;
    border    : 1px solid #f7921a !important;
}

.list-selected .selected-icon {
    display: block !important;

}

.list-selected .add-icon {
    display: none !important;
}

.option-btn {
    /* -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
    box-shadow           : 0 1px 1px 0 rgba(0,0,0,0.2);*/
    border-radius        : 30px;
    border               : 1px solid #f8f8f8;
    background-color     : #fdfdfd;
    color                : #909090;
    /*height             : 34px;
    width                : 40px;
    min-width            : 40px;*/
    text-align           : center;
    font-weight          : normal;
}

.sell-btn.option-btn span {
    /*color: #777;*/
}

.trade_market_content .header_2.inner-nav-right {
    height: 49px;
    width : 100%;
}

.trade_market_content .table-data {
    /top: 109px;
}

.trade_market_content .header_2>ul>li>a {
    line-height: 49px;
    height     : 49px;
}

.trade_market_content .header_2 .nav>li:first-child>a:hover,
.trade_market_content .header_2 .nav>li:first-child>a:focus,
.trade_market_content .header_2 .nav>li>a:hover,
.trade_market_content .header_2 .nav>li>a:focus {
    color     : #44b3ee;
    background: inherit;
}

.sell-btn.option-btn:hover span,
.sell-btn.option-btn:focus span {
    color: #0079b9;
}

.modal-header .close {
    margin-top  : 0 !important;
    margin-right: 0 !important;
    font-size   : 20px;
}

.close {
    font-size: 20px;
    top      : 10px;
}

.modal-header {
    padding: 10px 30px;
}

.btn-dark {
    width: 25%;

}


.trade-submit-button {
    text-align: center;
}

.bottom-btn button {
    display: inline-block;
}

/* styling  the news feed */
.feed-main-content {
    font-size    : 16px;
    padding-right: 20px;
}

.feed-box-header {
    margin: 25px 25px 15px 0;
}

a.person-name {
    color      : #2c2c2c;
    font-weight: normal;
}

.person-id {
    font-weight: 600;
}

.feed-body-message {}

.feed-box-body {
    margin     : 0 25px 20px 0;
    word-wrap  : break-word;
    line-height: 20px;
}

.feed-box-old {
    font-style: italic;
    margin    : 10px 25px 22px 0;
    font-size : 12px;
}

.feed-box-old>div {
    display: inline-block;
}

.feed-bos-old .feed-day {
    color: #777;
}

.feed-box-footer>a {
    display: inline-block;
}

.feed-box-footer {
    margin: 25px 25px 40px 0;
}

.news-feed-box {
    background: #0d0f1b;
    margin    : 20px;
    position  : relative;

    box-shadow : 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    padding    : 20px;
    padding-top: 0;
}

.feed-links a {
    padding: 8px;
}

.feed-links a {
    padding        : 8px;
    border-left    : 1px solid #cecece;
    border-left    : 1px solid #d5d5d5;
    padding        : 4px 8px;
    /* border-right: 1px solid #; */
}

.feed-links a:first-child {
    border: none;
}

.feed-profile-img a {
    display: block;
    width  : 50px;
    height : 50px;
}

.feed-profile-img a img {
    width : 100%;
    height: 100%;
}

.feed-profile-img {
    position: absolute;
    top     : 26px;
    left    : 42px;
}

.drop-news-feed {
    position: relative;
    display : inline-block;
    position: absolute;
    top     : 10px;
    right   : 30px;
}

.drop-news-feed>.drop-news-icon>a {
    height     : 20px;
    width      : 20px;
    display    : block;
    color      : #777;
    /* position: absolute; */
    /* top     : 0; */
    text-align : center;
    font-size  : 22px;
    line-height: normal;
    border     : 1px solid transparent;
}

.drop-news-feed>.drop-news-icon>a:hover,
.drop-news-feed>.drop-news-icon>a:focus {
    border: 1px solid #ccc;
    color : #0079b9;
}

.drop-news-feed .dropdown-menu {
    width    : 150px;
    min-width: 150px;
}

.drop-container {
    position  : absolute;
    width     : 150px;
    right     : 0;
    border    : 1px solid #ccc;
    background: #fff;
    display   : none;
}

.drop-news-icon:hover {
    border    : 1px solid #ccc;
    background: #f5f5f5;
}

.drop-news-icon:hover .drop-container,
.drop-news-icon:hover .drop-container {
    display: block;
}

.drop-container>div {
    padding      : 10px 12px;
    border-bottom: 1px solid #ccc;
    cursor       : pointer;
}

.drop-container>div:hover,
.drop-container>div:focus {
    background: #0079b9;
    color     : white;

}

.drop-container>div:last-child {
    border-bottom: 0;
}

.content-box.tab-content {
    height   : 76vh;
    overflow : auto;
    position : fixed;
    width    : 83%;
    /*padding: 0px 100px;*/

}

/* styling the footer */
.footer-text {
    padding     : 8px 0;
    position    : relative;
    border-right: 2px solid #e5e5e5;
}

.footer-icon-box {
    line-height  : 70px;
    position     : absolute;
    top          : 21px;
    right        : -14px;
    z-index      : 9999999;
    font-size    : 20px;
    /* background: white; */
    padding      : 0;
    line-height  : normal;
    width        : 28px;
    height       : 28px;
    background   : #ffffff;
    border-radius: 50%;
    border       : 1px solid #e5e5e5;
    line-height  : 27px;

}

.footer-icon-box .ion-plus {
    font-size: 16px;
}

.footer-right {
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 253, 253, 1) 41%, rgba(244, 244, 244, 1) 100%);
    box-shadow      : 0 0 4px 0 rgba(0, 0, 0, 0.5);
}

.footer-right .col-xs-3 {
    width: 20%;
}

.footer-right .col-xs-3.custom {
    width: 8%;
}

.final-footer {
    font-size  : 22px;
    padding    : 0;
    line-height: 74px;
    padding    : 16px 0;
    line-height: 56px;
}

.final-footer>div {
    border-left: 1px solid #e5e5e5;
}

.final-footer.anchor-blue {
    background: inherit;
}

.portfolio-table tbody tr td {
    padding: 12px 30px;
}

.profile img {
    float: none;
}

.portfolio-table .profile img,
.profile img {
    width       : 35px;
    height      : 35px;
    margin-right: 8px;
}

.profile a {
    color      : #fff;
    font-weight: 600;
}

.portfolio-table .table>tfoot>tr>td {
    padding: 12px;
}

.user-head .num-bigger {
    font-weight: normal;
}

ul.dropdown-menu li {
    /* border-bottom: 1px solid #e8e8e8;*/
}

.dropdown-menu>li>a {
    color: #fff;

}

.user-head-action .link-with-icon.active .link-icon {
    top: 9px
}

#response .modal-header {
    background-color       : #1b1f2b;
    border-top-right-radius: 26px;
    border-top-left-radius : 26px;
}

#response .middle {
    padding-top  : 10px;
    margin-bottom: 8px;
    background   : -moz-linear-gradient(179deg, rgb(13, 15, 27) 0%, rgb(23, 27, 39) 50%, rgb(13, 15, 27) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(38, 38, 38, 1)), color-stop(50%, rgba(18, 18, 18, 1)), color-stop(100%, rgba(48, 48, 48, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(179deg, rgb(13, 15, 27) 0%, rgb(23, 27, 39) 50%, rgb(13, 15, 27) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(179deg, rgb(13, 15, 27) 0%, rgb(23, 27, 39) 50%, rgb(13, 15, 27) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(179deg, rgb(13, 15, 27) 0%, rgb(23, 27, 39) 50%, rgb(13, 15, 27) 100%);
    /* ie10+ */
    background: linear-gradient(271deg, rgb(13, 15, 27) 0%, rgb(23, 27, 39) 50%, rgb(13, 15, 27) 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#303030', GradientType=1);
    /* ie6-9 */
}

button.btn.btn-default.btn-number:focus {
    outline   : none;
    background: inherit;
    color     : #1e9fd4;
}

.stepper-box input:focus,
.stepper-box input:hover,
.stepper-box input:active {
    outline: none;

    border-color: inherit;
}

.cell-btn-width {
    width: 1%;
}

.sell-buy-cell {
    width: 10%;
}

.pl-value {
    display     : inline-block;
    margin-right: 10px;
    font-size   : 16px;
}


/* Added on 12-09-2017 */
.ui-bread-crumbs ul {
    font-size: 12px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border-bottom: 1px solid #00679d !important
}

.change-value {
    padding-top: 10px;
}

.nav>li>a {
    cursor: pointer !important;
}

.inner-nav-left .nav>li>a {
    color: #000;
}

.new_modal_setup .modal-header {
    padding: 0;
}

.back {
    margin-left: 15px
}

.new_modal_setup .modal-header h2 {
    font-size  : 22px;
    line-height: 50px;
    margin     : 0;
}

.new_modal_setup .modal-dialog {
    width     : 642px;
    margin-top: 60px;
}

.new_modal_setup .close {
    margin      : 0;
    height      : 50px;
    position    : absolute;
    top         : 0;
    opacity     : 1;
    font-size   : 15px;
    padding     : 0 20px;
    right       : 0;
    margin-top  : 0 !important;
    margin-right: 0 !important;
}

.new_modal_setup .first-box {
    -webkit-box-shadow: 0 1px 0 0 #fefefe;
    box-shadow        : 0 1px 0 0 #fefefe;
}

.new_modal_setup .modal-body {
    padding: 20px 50px;
}

.new_modal_setup .middle {
    margin-top   : 0;
    border       : 0;
    border-radius: 0;
}

.new_modal_setup .modal-body {
    min-height: 430px;
}

.new_modal_setup .notify h4 {
    font-weight   : 600;
    padding       : 20px 0;
    padding-bottom: 0;
}

.new_modal_setup .send {
    position  : absolute;
    margin-top: 20px;
    bottom    : 120px;
    left      : 50%;
    transform : translateX(-50%);

}

.new_modal_setup .close:hover,
.new_modal_setup .close:focus {
    background: rgba(245, 245, 245, 0.17);
}

.page-form-main-box .form-box-title {
    text-align   : center;
    margin-bottom: 30px;
    font-size    : 21px;
    margin-left  : 45px;
    padding      : 3px
}

.new_modal_setup .send .btn {
    background-color  : #FF9800;
    border            : 1px solid #FF9800;
    color             : #fff;
    -webkit-box-shadow: none;
    box-shadow        : none;
    /* min-width      : 225px; */
    /* display        : inline-block; */
    font-size         : 18px;
    /* font-weight    : normal; */
    /* line-height    : 55px; */
    /* height         : 52px; */
    padding           : 6px 31px;

}

.new_modal_setup .send .btn:hover,
.new_modal_setup .send .btn:focus {
    background-color: #48A9E0;
    border-color    : #48A9E0;
}

.new_modal_setup .middle-content {
    background: transparent;
}

.new_modal_setup .very-small {
    font-size: 10px;
}

.new_modal_setup .num-big {
    font-size: 30px;
    color    : #2c2c2c;
}

.new_modal_setup .small {
    font-size  : 14px;
    font-weight: normal;
}

.new_modal_setup .box-title {
    font-size  : 16px;
    font-weight: 600;
    color      : #2c2c2c;
}

.new_modal_setup .box-title .sub-title {
    font-size  : 14px;
    color      : #777;
    font-weight: 600;
}

.new_modal_setup .stepper-box .label {
    font-size  : 16px;
    color      : #2c2c2c;
    font-weight: 600;
}

.full-white-bg .modal-header {
    background   : #1b1f2b;
    border-bottom: none;

    border-top-right-radius: 20px;
    border-top-left-radius : 20px;
}

.full-white-bg .modal-body {
    background: #0d0f1b;
}

.full-white-bg .modal-header h2 {
    color       : #fff;
    font-weight : 600;
    text-align  : center;
    padding-left: 50px;
}

.full-white-bg .close {
    /* border              : 1px solid #e8e7e7; */
    border-top-right-radius: 20px;
    color                  : white !important;
}

.create-watchlist-description {
    width    : 300px;
    display  : inline-block;
    padding  : 30px 0 0 0px;
    font-size: 16px;
    color    : #fefefe;

}

.create-watchlist-description .name-list-input input {
    width             : 300px;
    background-color  : #0d0f1b;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    border            : 1px solid #161822;
    padding           : 8px;
    margin-top        : 15px;
    font-size         : 14px;
    -webkit-box-shadow: none;
    box-shadow        : none;
}

.create-watchlist-main.clearfix {
    margin-top: 20px;
}

.squared-style .modal-body {
    min-height: 350px;
}

.squared-style .modal-dialog {
    margin: 80px auto 0 auto;
}

.default-color {
    color: #000 !important;
}

#response .modal-body {
    padding: 0;


    border-radius: 58px;
}

#response .modal-content {
    background: #0d0f1b;

    border-radius: 26px;
}

.modal-content {
    background-color: #0d0f1b;
    box-shadow      : none !important;
    border          : none;
}

#response .close {
    height                 : 100%;
    position               : absolute;
    top                    : 0;
    right                  : 0;
    width                  : 60px;
    border-top-right-radius: 25px;
}

#response .close:hover,
#response .close:focus {
    opacity   : 1;
    background: rgba(255, 255, 255, 0.08);
}

#response .bottom-margin {
    margin-bottom: 0;
}

.stepper-box .label {
    font-size: 13px;
}

input.input-number {
    color: #fff;
}

.middle .caps {
    font-size: 12px;
}

.middle ul li {
    border-radius: 4px 4px 0 0;
}



element.style {
    border-radius: 4px 0 0;
}


.stepper-box .col-xs-3 {
    text-align : center;
    padding-top: 0px;
}

.stepper-box {
    padding: 0 20px 0 20px;
}

.alert-row {
    padding       : 15px 20px;
    padding-bottom: 0;
}

.btn.btn-dark.active {
    border-color: #31343e !important;

}

.btn.btn-dark-left {
    border-top-left-radius   : 65px !important;
    border-bottom-left-radius: 65px !important;
}

.btn.btn-dark-right {
    border-top-right-radius   : 65px !important;
    border-bottom-right-radius: 65px !important;
}

/*.btn-dark:hover {
    background: rgb(47, 49, 56);
}*/
.stepper .input-number {
    padding: 0;
}

.middle-content {
    padding-bottom: 15px;
}

.stepper-box a {
    padding      : 8px 4px;
    background   : #202f46;
    color        : white !important;
    border-radius: 24px;
}

.stepper-box .icon {
    font-size: 17px;
}

.main-page.fixed-height {
    width: 100%;
}

table thead {
    border-top: 2px solid #8c8b8b1a;
}

.portfolio-empty {
    margin-top: -100px;
}

/*
Added on 17/09/2017 for investment popover
*/
.middle ul li {
    position: relative;
}

.tabs .switch {
    width : 29px;
    height: 14px;

}

input:checked+.slider-yellow {
    background-color: #f7921a;
    border-color    : #f7921a;
}

.tabs .slider.round {
    border-radius: 14px;
}

.tabs .slider:before {

    height: 16px;
    width : 16px;
}

.tabs .slider {
    top: 2px;
}

.tabs input:checked+.tabs .slider:before {
    -webkit-transform: translateX(35px);
    transform        : translateX(35px);
}

.middle.two-tabs ul li {
    width: 50%;
}

.pop-over {
    position: absolute;
    left    : 33%;
    top     : 40%;
}

.pop-content {
    display : block;
    position: absolute;

    z-index    : 999;
    /* position: relative; */
    left       : 104%;
    max-width  : 300px;
    width      : 280px;
    height     : 191px;
    text-align : left;
    box-shadow : 0px 2px 3px 1px #efecec;
    top        : -3px;
    border-left: 5px solid #ed5853;
    display    : none;
    max-height : 300px;
    background : white;

}

.pop-icon {
    display  : inline-block;
    font-size: 26px;
    color    : #404755;

    padding-right: 5px;
}

.pop-left-border {
    display  : inline-block;
    font-size: 36px;
    position : absolute;
    left     : -5%;
    top      : -4px;
    z-index  : 99999;
    color    : #ed5853;
}

.pop-head-small {
    margin        : 0px 24px 25px;
    margin-left   : 0;
    color         : #777;
    font-size     : 13px;
    text-transform: uppercase;
}

.pop-head-big .num-bigger {
    font-size: 30px;
}

.pop-header {
    background    : #fff;
    padding-left  : 20px;
    padding-bottom: 10px;
    padding-top   : 20px;

}

.pop-body {
    padding-left: 20px;
    background  : #f8f8f8;
    border-top  : 1px solid #d6d6d6;
    position    : absolute;
    width       : 100%;
    bottom      : 0;
}

.pop-body .amount {
    font-size  : 20px;
    font-weight: bold;
    color      : #2c2c2c;
}

.pop-body .title-small {
    color         : #777;
    font-weight   : normal;
    font-size     : 12px;
    text-transform: uppercase;
}

.pop-body .col-xs-6 {
    text-align  : left;
    padding     : 15px 20px 15px 20px;
    border-right: 1px solid #eee;
}

.pop-over:hover>.pop-content,
.pop-over:hover>.pop-icon {
    color  : #404755;
    display: block;
}

.pop-over .row {

    margin: 0;
}

.pop-body {
    padding-left: 0;
}

#view-all .modal-body {
    padding   : 0;
    background: white;
}

#view-all .notification-box {
    padding      : 0 15px 0 15px;
    border-bottom: 1px solid #ddd;
}

#view-all .box-img {
    margin-top: 0;
    padding   : 20px 0 20px 0;
}

#view-all .box-content {
    margin-top: 15px;
}


.box-content .content-row {
    font-size  : 16px;
    font-weight: 600;
}

#view-all .modal-dialog {
    margin-top: 20px;
}

.box-content .box-date {
    color     : #999;
    font-style: italic;
    font-size : 12px;
}

/*added on 27-09-2017 for footer row*/
.row.footer-right.footer-pop {
    bottom    : 55px;
    border    : 0;
    height    : 58px;
    background: #000;
    display   : none;
}

a.footer-pop-links {
    background   : #fff;
    padding      : 5px 12px;
    color        : #98989a;
    font-weight  : normal;
    border-radius: 2px;
    margin-right : 3px;
    transition   : background .2s;
    margin       : 0 10px;
}

a.footer-pop-links:hover,
a.footer-pop-links:focus {
    background: #e6e6e6;
}

.footer-pop-content {
    padding-top: 19px;
    text-align : center;
}

.footer-pop-content .close {
    font-size : 19px;
    top       : 10px;
    color     : #454545 !important;
    position  : absolute;
    right     : 17px;
    top       : 3px;
    /* width  : 46px; */
    text-align: right;
}

.footer-right .col-xs-3 {
    width: 16%;
}

.footer-right .col-xs-3.col-small {
    width: 15%;
}

.footer-right .col-xs-3.custom {
    width : 3%;
    cursor: pointer;
}


/* Added for trade-market-details statistics */
.middle-sell-box {
    padding-top: 8px;
}

.middle-sell-box .sell-box {
    margin-bottom: 10px;
}

.middle-sell-box .sell-box .sell {
    min-width: 130px;
}

.show-num {
    width: 500px;
    right: 170px;
    top  : 103px important;

}

.show-num .sell-box {
    float       : left;
    margin-right: 10px;
}

.show-num .sell-box .sell {
    min-width: 180px;
}

.show-num .sell-box .sell,
.show-num .sell div {
    min-height : 50x;
    line-height: 40px;
    border     : 0;
}

.today-rate {
    margin-bottom: -6px;
}

.today-rate .rate-tiltle,
.today-rate .rate-value {
    display: inline-block;
}

.rate-title,
.rate-value {
    font-size: 12px;
}

.rate-title {
    color    : #5ceebd;
    min-width: 85px;
}

.rate-value {
    font-weight: 600;
}

.user-head {
    height: 175px;
}

.user-head .num-bigger {
    margin-bottom: -10px;
    margin-top   : -10px;
}

.user-head-action {
    top: 103px;
}

#loader_modal .modal-body {
    background: #fff;
    text-align: center;
}

.small-graph-box {
    background: #fff;
    padding   : 3px 3px 0 3px;
    ;
}

.small-graph-box .row {
    margin: 0;
}

.b-heading {
    font-size  : 30px;
    color      : #777;
    font-weight: 600;
}

.plan-header {
    padding-left : 20px;
    padding-right: 20px;
}

.time-avbl {
    font-size  : 24px;
    line-height: 43px;
    font-weight: 600;
    color      : #777;
}

.small-graph-box {
    width       : 100%;
    float       : left;
    margin-right: 1%;
}

.graph-desc {
    background : rgb(240, 240, 240);
    min-height : 200px;
    text-align : center;
    font-weight: 600;
    color      : #777777;
    padding-top: 10px;
}

.graph-title {
    margin-bottom: 15px;
    color        : #1a1f2b;
}

.graph-desc .big-num {
    font-size  : 24px;
    color      : #1a1f2b;
    font-weight: 800;
}

.graph-desc .box-group {
    margin-bottom: 15px;
}

.small-title {
    font-size     : 12px;
    text-transform: uppercase;
}

.small-graph-box .custom-col-3 {
    width       : 33.33333333333%;
    height      : 20px;
    background  : #424242;
    float       : left;
    border-right: 1px solid #fff;
}

.small-graph-box .custom-col-3:last-child {
    border-left: 0;
}

.sim-main-graph {
    min-height   : 300px;
    background   : #fff;
    margin-bottom: 10px;
}

.sim-main-content {
    background: #0d0f1b;
    padding   : 0px;
}

.sim-main-graph .small-graph-box {
    width: 100%;
}

.sim-main-graph .small-graph-box .col-xs-8 {
    / width: 78%;
}

.sim-main-graph .small-graph-box .col-xs-4 {
    /width: 22%;
}

.sim-main-graph .big-num,
.graph-desc {
    font-size: 36px;

}

.sim-main-graph .small-title {
    font-size: 14px;
}

.sim-main-graph .small-graph-box .custom-col-3 {
    height : auto;
    color  : #fff;
    padding: 18px;

}

.sim-main-graph .small-graph-box .custom-col-3 .big-num {
    color: #fff;
}

.btn.apply {
    background    : #43A047;
    color         : white;
    text-transform: uppercase;
    margin        : 0 auto;
    font-size     : 18px;
    font-weight   : 600;
    border        : 1px solid green;
    font-size     : 12px;
    width         : 130px !important;
    margin        : 0;
}

.btn.apply:hover,
.btn.apply:focus {
    background: #40a744;
}

.pad-top-0 {
    padding-top: 0;
}

.graph-side {
    padding-bottom: 20px;
}

.upper {
    text-transform: uppercase;
}

.swiper-pagination-bullet {
    display: none;
}

.before-table.plan-header>div {
    border: none;
}

.btn.full {
    width: 100%;
}

.graph-desc-small {
    font-size : inherit;
    min-height: auto;
}

.graph-desc-small .custom-col-3 {
    height : 100%;
    color  : white;
    padding: 5px 0;
}

.graph-desc-small .custom-col-3 .big-num {
    color: white;
}

.top-bar .profile_button {
    left        : 0px;
    height      : 60px;
    line-height : 60px;
    /* margin   : 0; */
    background  : transparent;
    border      : none;
    /* top      : -4px; */
    /* min-width: 430px; */
    box-shadow  : none;
    position    : relative;
    float       : left;
}


.language-opt {
    position    : relative;
    margin-top  : 2px;
    margin-right: 20px;
    top         : -2px;
}

.language-opt .form-control {
    height: 32px;
}

.language-opt,
.top-bar .profile_button .btn.profile_complete1,
.top-buttons-icons {
    float  : none;
    display: inline-block;
}

.top-bar .profile_button .btn.profile_complete1 {
    width    : 38% !important;
    font-size: 16px;
}

.top_profile_btn {
    position    : relative;
    margin-right: 20px;
    display     : inline-block;
    top         : -3px;
}

.small-graph.chartjs-render-monitor {
    height: 50px !important;
    /*Should be changed accordingly if graph on market/watchlist are being changed.*/
}

/* added on 12/1/2017 for newsfeed*/
.news-feed-box .col-xs-2 {
    display: none;
}

.news-feed-box .col-xs-10 {
    width: 100%;
}

.feed-wrapper .col-sm-8 {
    width: 100%;
}

.feed-main-content {
    padding-right: 0;
}

.news-feed-box .feed-box-footer {
    display: none;
}

.feed-box-body {
    font-size: 14px;
}

.feed-place {
    color: #0079b9;
}

.feed-place-value {
    color: #777;
}

.load-more {
    text-align: center;
    padding   : 20px 0;
}

.load-more a {
    font-size    : 14px;
    border       : 1px solid;
    padding      : 10px 20px;
    border-radius: 4px;
    transition   : all 0.2s;
    background   : #419ddc;
    color        : white;
    border-color : #9ec7e2;
}

.load-more a:hover,
.load-more a:focus {
    background: #1b75b3;
}

.feed-profile-img {
    position  : relative;
    margin-top: 10px;
    top       : 0;
    left      : 0;
}

.feed-post-image {
    margin-bottom: 20px;
    display      : inline-block;
    padding      : 5px;
    border       : 1px solid #d0d0d0;
}

.feed-post-image a {
    display : block;
    position: relative;

}

.feed-post-image a:after {
    position  : absolute;
    width     : 100%;
    height    : 100%;
    background: #88888836;
    content   : "";
    top       : 0;
    left      : 0;
    transition: all 0.9s ease;
    opacity   : 0;
}

.feed-post-image a:hover:after {
    opacity: 1;
}

.feed-box-header-text {
    text-align: center;
}

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

/* added on 01-12-2017 loader */
/* loader copy */

.loader {
    position       : fixed;
    height         : 100vh;
    width          : 100%;
    background     : #c0c0c0;
    top            : 0;
    left           : 0;
    top            : 0;
    z-index        : 999;
    overflow       : hidden;
    display        : flex;
    justify-content: center;
    align-items    : center;
}


.loader-inner-wrapper {
    width        : 75px;
    height       : 75px;
    background   : white;
    position     : relative;
    border-radius: 6px;
}

.loader-content {
    position: absolute;
    top     : 26px;
    left    : 27px;
    width   : 20px;
    height  : 20px
}

.sk-fading-circle {
    width   : 55px;
    height  : 55px;
    position: relative;
    left    : 10px;
    top     : 10px;

}

.sk-fading-circle .sk-circle {
    width   : 100%;
    height  : 100%;
    position: absolute;
    left    : 0;
    top     : 0;
}

.sk-fading-circle .sk-circle:before {
    content          : '';
    display          : block;
    margin           : 0 auto;
    width            : 15%;
    height           : 15%;
    background-color : rgb(124, 200, 53);
    border-radius    : 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation        : sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform    : rotate(30deg);
    transform        : rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform    : rotate(60deg);
    transform        : rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform    : rotate(90deg);
    transform        : rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform    : rotate(120deg);
    transform        : rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform    : rotate(150deg);
    transform        : rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform    : rotate(180deg);
    transform        : rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform    : rotate(210deg);
    transform        : rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform    : rotate(240deg);
    transform        : rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform    : rotate(270deg);
    transform        : rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform    : rotate(300deg);
    transform        : rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform    : rotate(330deg);
    transform        : rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay        : -1.1s;
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay        : -1s;
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay        : -0.9s;
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay        : -0.8s;
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay        : -0.7s;
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay        : -0.6s;
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay        : -0.5s;
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay        : -0.4s;
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay        : -0.3s;
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay        : -0.2s;
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay        : -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {

    0%,
    39%,
    100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {

    0%,
    39%,
    100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

.loader-img {
    width: 100%;
}

.loader-full {
    display: none;
}

/* added on 10/19/2017 */

/* responsive*/

.m-nav-header {
    display   : none;
    height    : 60px;
    background: #3D404A;
}

.m-nav-link-icon {
    position : absolute;
    top      : 50%;
    transform: translateY(-50%);
}

.m-nav-link-text {
    padding-left: 30px;
}

.s-btn {
    position   : absolute;
    font-size  : 30px;
    color      : white;
    width      : 60px;
    height     : 60px;
    line-height: 60px;
    text-align : center;
    font-size  : 36px;
    cursor     : pointer;
    z-index    : 999;
}

.s-close {
    right: 0;
}

.s-open-btn,
.s-close-btn,
.m-nav-tab {
    display: none;
}

.s-btn:hover,
.s-btn:focus {
    background: rgba(255, 255, 255, 0.09);
}

.tb-div {
    border-style : dashed;
    margin-top   : 10px;
    margin-bottom: 0;
}

.custom-col-3 {
    width: 26%;
}

.custom-col-1 {
    width: 11.333%;
}

.before-table .col-xs-2 {
    width: 15.666667%;
}

.tradeClose .box-img {
    width       : 50px;
    display     : inline-block;
    margin-right: 15px;
    margin-top  : 0;
    float       : left;
}

.tradeClose .first-box {
    padding-left: 0;
}

.tradeClose .box-content {
    margin-left: 0;
    float      : left;
    width      : 80%;
}

.tab-content.fixed-scroll {
    height: calc(100vh - 184px);
}

.tab-content.fixed-scroll {
    width: 78%;
}

.setting2 .modal-header {
    height       : 50px;
    padding-right: 80px;
    padding-top  : 5px;
}

.user-head-action {
    top: 115px;
}

.show-num .sell-box {
    float: right;
}

.user-head-action.show-num {
    top  : 63px;
    right: 17px;
}

@media screen and (max-width:540px) {
    .med-hide {
        display: none !important;
    }

    .profile-w {
        width       : inherit !important;
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 768px) {
    .m-hide {
        display: none !important;
    }

    .watchlist-same-width {
        width: 22%;
    }

    table .sell div {
        display: none;
    }

    .table.watchlist>tbody>tr>td {
        padding-top   : 10px !important;
        padding-bottom: 10px !important;
    }

    table td,
    .user-head-content .box-title,
    .show-title,
    .show-balance-value,
    .wiretransfer h3,
    .transc-id {
        font-size: 14px;
    }

    .wiretransfer .wiretransfer-container {
        padding: 15px;
    }

    .steps-info,
    .print-table-body p {
        font-size: 12px;
    }

    .navbar-form,
    .desktop-nav {
        display: none;
    }

    .header_1 {
        height: 60px;
    }

    .selectize-dropdown {
        position  : fixed;
        top       : 60px !important;
        width     : 100% !important;
        height    : 100vh !important;
        background: white;
    }

    .navbar-nav .dropdown-menu,
    .navbar-nav .open .dropdown-menu,
    .dropdown-menu {
        position  : fixed;
        top       : 0 !important;
        background: white;
        left      : 0;
        min-width : 100%;
        height    : 100vh;
        overflow-y: hidden;
        margin    : 0;
    }

    .user-head-action.show-num {
        display     : block;
        width       : inherit;
        position    : absolute;
        bottom      : 0;
        padding-left: 10px;
    }

    .show-num .sell-box .sell,
    .show-num .sell div {
        height     : 30px;
        line-height: 24px;
    }

    .feed-main-content {
        padding-right: 0;
    }

    .feed-main-content {
        font-size: 12px;
    }

    .feed-profile-img {
        top : 27px;
        left: 26px;
    }

    .feed-profile-img a img {
        width : 25px;
        height: 25px;
    }

    .show-num .sell-box .sell {
        min-width: 100px;
    }

    .user-head .first-box,
    .user-head-action,
    .user-head-action,
    .news-feed-box {
        padding: 10px !important;
    }

    .user-head-content {
        min-height: auto;
    }

    form.page-form-main {
        padding: 0 10px;
    }

    .dropdown-menu li {
        height: auto
    }

    ul.dropdown-menu li,
    .btn-bg-custom,
    .main-page.fixed-height {
        width: 100%;
    }

    .m-wd-full {
        width: 100% !important;
    }

    ul.dropdown-menu li {
        font-size: 18px;
    }

    .inner-nav-right .dropdown-menu>li>a,
    .dropdown-menu>li>a {
        padding: 18px 15px !important;
    }

    .m-nav-header,
    .m-nav-tab {
        display: block !important;
    }

    .dropdown-maxheight {
        max-height: 100vh;
    }

    .header_2>ul>li>a {
        font-size   : 14px;
        border-right: 0;
    }

    /* hiding columns of trade_markets page*/
    .change-col,
    .sentiment-col,
    .btn-col {
        display: none !important;
    }

    .trade_markets tbody tr img {
        width : 35px;
        height: 35px;
    }

    th.profile.watchlist-profile-width {
        width: inherit !important;
    }

    .portfolio-table .profile img,
    tbody tr img {
        width : 25px;
        height: 25px
    }

    .unit-col,
    .avg-col,
    .invested-col,
    .btn-col,
    .before-table,
    .ui-bread-crumbs {
        display: none;
    }

    .portfolio-table table td,
    .order-table td,
    .new-trade-content,
    .new-trade-row h4,
    th,
    .money {
        font-size: 12px;
    }

    .portfolio-table th,
    .selectize-input .item {
        font-size: 10px;
    }

    .inner-nav-right>ul>li:first-child>a,
    .final-footer,
    .final-footer>div {
        border: 0;
    }

    .m-col-hide,
    .m-hide {
        display: none !important;
    }

    /* hide columns < 768 */
    thead th {
        font-size: 10px;
    }

    .profile {
        width: inherit;
    }

    .history-page .enable-before-table {
        top: 240px !important;
    }

    .new-trade-row {
        padding-right: 5px;
    }

    .new-trade-row .sell div,
    .new-trade-row .sell-box .sell {
        min-height : 19px;
        line-height: 19px;
    }

    .new-trade-row .sell div {
        width: 20px;
    }

    .footer-right .col-xs-3,
    .footer-right .col-xs-3.col-small {
        width      : 33.3333333333%;
        height     : 50px;
        padding-top: 7px;
    }

    .footer-right .col-xs-3.custom {
        width: 8.0000002%;
    }

    .new-trade-row .sell-box .sell {
        min-width: 80px;
    }

    .footer-right .col-xs-3.final-footer {
        padding-top: 6px;
    }

    .footer-pop .col-xs-6 {
        width  : 100%;
        padding: 0;
    }

    .footer-pop {
        height  : 100vh !important;
        position: fixed;
        top     : 0;
    }

    .before-table .profile-data {
        margin-left: 0;
    }

    .innern .img-responsive {
        display: inline-block;
        width  : inherit !important;
    }

    .innern img:hover,
    .innern .bnt_self {
        width: inherit !important;
    }

    .m-align-left {
        text-align: left;
    }

    .footer-pop-content {
        padding-top: 57px;
    }

    .user-head-content .box-img img,
    .user-head-content .box-img,
    .tradeClose .box-img {
        width : 50px;
        height: 50px;
    }

    .num-bigger {
        font-size: 26px;
    }

    .user-head-action,
    .trade-btn {
        position: relative;
        top     : inherit;
        right   : inherit;
    }

    .standard-btn,
    .trade-btn {
        margin: 0;
    }

    .standard-btn>a>span {
        font-size: 22px;
    }

    .user-head-action {
        font-size: 16px;
        width    : 100%;
    }

    .standard-btn {
        width       : 25%;
        margin-right: 15px;
    }

    .trade-btn {
        width: 60%;
    }

    .user-head .num-bigger {
        margin-bottom: -5px;
    }

    .box-content {
        margin-top: 5px;
    }

    .user-head {
        height : 200px;
        padding: 0;
    }

    .box-content {
        width: 70%;
    }

    .news-feed-box {
        margin: 10px;
    }

    .standard-btn>a,
    .trade-btn a {
        height     : 40px;
        line-height: 40px;
    }

    .first-box {
        padding-bottom: 10px;
        border-bottom : 1px solid #1d1d1e;
        padding       : 10px 20px 10px 20px;
        border-bottom : 1px solid #efefef !important;
    }

    .user-head-action {
        padding: 10px 20px 10px 20px;
    }

    .profile_inner1,
    .profile_inner {
        padding: 10px;
    }

    .panel-body h4 {
        text-align: center;
    }

    .row.popups_headings {
        padding: 0 20px !important;
    }

    .pbldr {
        font-size: 15px !important;
    }

    .h4,
    h4,
    .done-btn a {
        font-size: 16px;
    }

    .create-watchlist-main.clearfix {
        margin-top: 0;
    }

    /* for modals */
    .modal {
        padding: 0 !important;
    }

    .modal-dialog,
    .create-watchlist-description,
    .create-watchlist-description .name-list-input input {
        margin: 0 !important;
        width : 100% !important;
    }

    .modal-content {
        border: 0 !important;
    }

    /*.modal-header{
        height    : 60px !important;
        background: #3C85B7 !important;
        color     : white !important;
        border    : 1px solid #0E4063 !important;
    }*/
    .modal-header h2 {
        line-height: 60px !important;
    }

    .withdraw-funds .modal-header h3 {
        line-height: 30px;
    }

    .modal-header h2,
    .withdraw-funds .modal-header h3 {
        color       : white !important;
        padding-left: 15px !important;
        text-align  : left !important;
    }

    .footer-pop-content .close {
        padding: 0 !important;
    }

    .close,
    .close.close-btn {
        height     : 60px !important;
        line-height: 60px !important;
        color      : white !important;
        border     : none !important;
    }

    .close:hover {
        background: rgba(255, 255, 255, 0.11);
    }

    .new_modal_setup .close:hover,
    .new_modal_setup .close:focus {
        color: white !important;
    }

    .modal-body {
        min-height: calc(100vh - 60px) !important;
    }

    .modal-body .send,
    .bottom-btn button {
        position: fixed;
    }

    .form-button {
        position: absolute;
    }

    .modal-body .send,
    .bottom-btn button,
    .form-button {
        bottom       : 0 !important;
        left         : 0 !important;
        width        : 100% !important;
        border-radius: 0 !important;
    }

    .modal-body .send .btn,
    #set_price_alert_modal .send .btn,
    .btn-bg-custom {
        min-width    : 100%;
        border-radius: 0 !important;
    }

    .modal-body {
        padding: 20px 30px !important;
    }

    .modal-body .first-box,
    .tradeClose .modal-content {
        padding-left : 0;
        padding-right: 0;
    }

    .number-big {
        font-size: 20px;
    }

    .stepper-icon {
        left: 15px;
        top : 7px;
    }

    .stepper-box {
        padding: 0 20px 0 10px;
    }

    .stepper-box {
        margin-bottom: 5px;
    }

    .stepper-box .col-xs-6 {
        width       : 90%;
        padding-left: 0;
    }

    .stepper-box .col-xs-3 {
        width : 10%;
        margin: 5px 0;
    }

    .stepper-box {
        padding: 0 10px;
    }

    .stepper-box a {
        width : 48px;
        height: 48px;
    }

    .page-form-main-box {
        /*padding: 20px 10px 40px;*/
    }

    .tradeClose {
        height: inherit;
    }

    .history-page .enable-before-table.saving_acc {
        top: 185px !important;
    }

    .before-table.saving_acc {
        height: 65px;
    }

    .wiretransfer-w {
        padding: 0 10px;
    }

    .tradeClose h3 {
        margin     : 0;
        text-align : left;
        color      : white;
        line-height: 38px;
    }

    .tradeClose .close {
        top    : 0;
        right  : 0;
        padding: 0 20px;
    }

    .tradeClose .close i {
        color: white;
    }

    .container-custom.tab-btn.leverage-btn a,
    .btn-custom-icon,
    .how-description,
    .page-form-main .input-group input,
    select {
        font-size: 12px;
    }

    .withdraw-funds-form {
        margin-bottom: 30px;
    }

    .big-requested-value {
        font-size: 25px;
    }

    .very-small,
    .middle .caps {
        font-size: 10px;
    }

    .middle-three {
        font-size: 12px;
    }

    #response .modal-body {
        margin: 0
    }

    .info {
        font-size: 12px;
    }

    #response .modal-body {
        width: 100%;
    }

    .stepper-box .col-xs-4:first-child {
        display: none;
    }

    #response .stepper-box .col-xs-6 {
        width  : 100%;
        padding: 0;
    }

    .middle ul li a {
        font-size  : 14px;
        font-weight: 600;
    }

    .middle ul.leverage li a {
        text-align: center !important;
    }

    #response .middle ul li a {
        text-align: left;
    }

    .close-main {
        padding: 20px !important;
    }

    .i-menu-user-username {
        font-size: 16px;
    }

    .i-menu-kyc-bar {
        width: 75%;
    }

    .nav-side-menu .brand img {
        width : 65px;
        height: 65px;
    }

    .before-table {
        display: block;
        height : 136px;
    }

    .before-table .col-xs-3:first-child {
        display: none;
    }

    .before-table .col-xs-2 {
        width         : 50%;
        margin-bottom : 10px;
        padding-bottom: 10px;
    }

    .before-table div b {
        font-size: 14px;
    }

    .before-table .small {
        font-size: 11px;
    }

    .before-table>div {
        border: none;
    }

    .before-table .col-xs-2 {
        border-bottom      : 1px solid #efefef;
        border-bottom-style: dashed;
    }

    .table>tbody>tr>th,
    .pl-value {
        font-size: 12px;
    }

    .sell-btn span,
    .before-table .major-value {
        font-size: 12px;
    }

    .before-table .mob-col-3,
    .custom-col-1 {
        width: 33.333333%;
    }

    .setting2 .modal-body .pass_inner .form-group {
        float: none !important;
        width: 100% !important;
    }

    .setting2 .modal-header h4,
    .setting2 .modal-header p {
        color: white;
    }

    .setting2 .modal-header p {
        font-size: 10px;
    }

    .setting2 .modal-header .close {
        font-size  : 0;
        height     : 80px;
        line-height: 80px;
        padding    : 0 !important;
        width      : 60px;
        text-align : center;
        ;
        position: absolute;
        top     : 0;
        right   : 0;
    }

    .footer-right {
        height: 100px;
    }

    .user-head-action {
        top: inherit;
    }

    .user-head-action.show-num {
        top  : inherit;
        right: inherit;
    }

    .user-head {
        min-height: 250px;
    }

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

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

    .m-no-border {
        border: none;
    }
}

@media screen and (max-width: 1024px) {
    .side-bar {
        position: absolute;
        z-index : 9999;
        width   : 300px !important;
    }

    .profile_button {
        width: 300px;
    }

    a.footer-pop-links {
        display      : block;
        font-size    : 18px;
        width        : 100%;
        padding      : 15px 17px;
        border-radius: 0;
    }

    .footer-right {
        width: 100%;
    }

    body>.container-fluid>.row>.col-sm-9,
    .main-page.fixed-height {
        width: 100%;
    }

    .table-data,
    .content-box.tab-content,
    .tab-content.fixed-scroll {
        width: 100% !important;
    }

    .s-open-btn,
    .s-close-btn {
        display: block !important;
    }

    .payment-method-bg {
        width          : 394px;
        background-size: 415px;
        margin         : 0 auto;
    }

    .profile_inner .col-md-4 div {
        border-right: 0 !important;
    }
}

@media screen and (min-width:769px) and (max-width:1260px) {
    .i-menu-user-username {
        font-size: 16px;
    }

    .i-menu-kyc-bar {
        width: 75%;
    }

    .nav-side-menu .brand img {
        width : 65px;
        height: 65px;
    }
}

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

    /.col-xs-4.brand {
        width: 25%;
    }
}

.nav-side-menu {
    height: calc(100vh - 115px);
}

.table-data-portfolio {
    top: 105px;
}

/* */

.table {

    margin-bottom: 0px;
}

.small-graph-box {
    background: #1b1f2b;
    padding   : 3px 3px 0 3px;
    ;
}

.small-graph-box .row {
    margin: 0;
}

.b-heading {
    font-size  : 16px;
    color      : #fff;
    font-weight: 600;
}

.plan-header {
    padding-left : 20px;
    padding-right: 20px;
}

.time-avbl {
    font-size  : 24px;
    line-height: 43px;
    font-weight: 600;
    color      : #777;
}

.small-graph-box {
    width       : 100%;
    float       : left;
    margin-right: 1%;
    padding     : 24px;
}

.graph-desc {
    background : #1b1f2b;
    min-height : 200px;
    text-align : center;
    color      : #fff;
    padding-top: 10px;
}

.graph-title {
    color: #fff;
}

.graph-desc .big-num {
    font-size: 20px;
    color    : #fff;
}

.graph-desc .box-group {
    margin-bottom: 15px;
}

.small-title {
    font-size     : 12px;
    text-transform: uppercase;
}

.model_investment>.form-group {
    text-align: center;
    color     : white
}

.small-graph-box .custom-col-3 {
    width       : 33%;
    height      : 20px;
    background  : #1b1f2b;
    float       : left;
    border-right: 0px solid #fff;
}

.small-graph-box .custom-col-3:last-child {
    border-left: 0;
}

.sim-main-graph {
    min-height   : 300px;
    background   : #fff;
    margin-bottom: 10px;
}

.sim-main-content {
    background: transparent;
    padding   : 8px;
}

.sim-main-graph .small-graph-box {
    width: 100%;
}

.sim-main-graph .small-graph-box .col-xs-8 {
    / width: 78%;
}

.sim-main-graph .small-graph-box .col-xs-4 {
    /width: 22%;
}

.sim-main-graph .big-num,
.graph-desc {
    font-size: 36px;

}

.graph-custume-description {
    margin-top: 43px;
    text-align: left;
    padding   : 0px;
}

.sim-main-graph .small-title {
    font-size: 14px;
}

.sim-main-graph .small-graph-box .custom-col-3 {
    height : auto;
    color  : #fff;
    padding: 18px;

}

.sim-main-graph .small-graph-box .custom-col-3 .big-num {
    color: #fff;
}

.btn.apply {
    background    : #f7921a;
    color         : white;
    text-transform: uppercase;
    font-weight   : 600;
    border        : 1px solid #f7921a;
    border-radius : 51px
}

.btn.apply:hover,
.btn.apply:focus {
    background: #f7921a;
}

.pad-top-0 {
    padding-top: 0;
}

.graph-side {
    padding-bottom: 20px;
}

.upper {
    text-transform: uppercase;
}

.swiper-pagination-bullet {
    display: none;
}

.before-table.plan-header>div {
    border: none;
}

.btn.full {
    width: 100%;
}

.graph-desc-small {
    font-size : inherit;
    min-height: auto;
}

.graph-desc-small .custom-col-3 {
    height : 100%;
    color  : white;
    padding: 5px 0;
}

.graph-desc-small .custom-col-3 .big-num {
    color: white;
}

.loader-wrapper {
    position  : fixed;
    height    : 100vh;
    width     : 100%;
    background: red;

}

.exchange-side {
    width : 44%;
    float : left;
    margin: 0 3% 0 3%;
}

.wallet-aside {
    width          : 15%;
    float          : left;
    height         : 100%;
    /* border-right: 4px solid #4c505d;*/
    font-size      : 12px;
    font-weight    : 600;
    background     : #3d404a;
}

.wallet-aside,
.wallet-main-view {
    height    : calc(100vh - 199px);
    position  : absolute;
    overflow-y: auto;
    background: #3d404a;
    color     : white;
}

.wallet-main-view {
    width      : 85%;
    float      : left;
    margin-left: 15%;
}

.wallet-list-main .list-group-item {
    cursor    : pointer;
    background: transparent;
    border    : none;
    color     : #BDBDBD;
    padding   : 6px 15px;

}

.wallet-transactions-list .list-group-item {
    padding    : 5px 15px 5px 15px;
    background : transparent;
    font-weight: 400;
    color      : white;
    border     : none;

    border-radius: 0;
}

.wallet-list-main .list-group-item:hover,
.wallet-list-main .list-group-item:focus {
    color: white;
}

.wallet-list-main {
    text-align: left;
}



.wallet-main-view h1,
.wallet-main-view .page-header {
    margin    : 0;
    text-align: center;
    border    : 0;
}

.wallet-main-view h1 {
    font-size: 62px;
}

.wallet-balance {
    font-size    : 26px;
    margin-bottom: 10px;
}

.balance-title-small {
    font-size: 18px;
    color    : #ccc;
}


.wallet-main-view .page-header .btn-default {
    min-width     : 160px;
    margin        : 0 auto;
    text-transform: uppercase;
    border        : 4px solid #344a54;
    border-radius : 8px !important;
    font-size     : 16px;
}

.wallet-main-view .page-header .btn-default:active:focus {
    color     : inherit;
    box-shadow: none;
}


.wallet-currency-logo {
    width : 80px;
    height: 80px;
    margin: 33px auto 0 auto;

}

.content-box.tab-content.wallet {
    height  : inherit;
    overflow: inherit;
}

img {
    /width: 100%;
}

.currency-logo {
    width          : 100%;
    height         : 100%;
    background     : url(icon/btc.png) no-repeat;
    background-size: cover;
}

.inline {
    display: inline-block;
}

.trans-description {
    position : relative;
    /* top   : 16px;*/
    /* left  : 80px;*/
    font-size: 12px;
    float    : right;
}

.tans-icon {
    position : relative;
    /* top   : 12px;*/
    font-size: 16px;
    left     : 20px;
}

.list-group-item.active .active-bar {
    display: block;
}

.header_1 {
    min-height : 60px;
    line-height: 60px;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    color: inherit;
}

.send-cash-modal .address-input-content .form-control {
    font-weight   : normal;
    border        : none;
    font-size     : 22px;
    text-transform: none;
    border-bottom : 3px solid;
    border-radius : 0;
}

.send-cash-modal .currency-converter .form-control,
.currency-converter .form-control {
    border     : 0;
    font-size  : 24px;
    font-weight: normal;
}

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

.currency-converter .input-group {
    width: 100%;
}

.currency-title {
    position : absolute;
    top      : 0;
    z-index  : 99;
    font-size: 14px;
    top      : 6px;
    right    : 8px;
    color    : white;
}

.currency-input-divider {
    width        : 100%;
    height       : 1px;
    background   : #337ab7;
    border-radius: 9px;
    margin       : 3px 0;
}

.send-cash-modal .modal-header {
    border          : none;
    background-color: #1b1f2b !important;
}

.send-cash-modal .modal-body,
    {}

.send-cash-modal .modal-footer {}

.send-cash-modal .modal-footer {
    color    : white;
    font-size: 12px;
}

.send-cash-modal .send {
    bottom: 100px;
}

.send-cash-modal .modal-header h2 {
    color: white;
}

.send-cash-modal .form-control,
.exchange-page input.form-control {
    background: transparent;
}

.full-white-bg.send-cash-modal .close {
    border: none;
}

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

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

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

.converted-fee {
    margin-left: 10px;
}

.list-group {}

.wallet-transactions-list {
    border-top: 1px solid #eeeeee26;
}

.active-bar {
    display      : none;
    position     : absolute;
    height       : 100%;
    z-index      : 999;
    width        : 7px;
    border-radius: 5px;
    right        : 0;
    top          : 0px;
}

/* exchange page*/
.exchange-page {
    background: #0d0f1b;
}

.crypto-icon {
    width : 65px;
    height: 65px;
}

.exchange-side .selectize-dropdown-content:first-child {
    border       : 2px solid #D7D7D5;
    background   : #1d202b;
    border-top   : 0;
    border-color : #292c35;
    border-radius: 5px;
}

.exchange-side .selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
    border-color: #e5e5e51f;
}


.crypto-description {
    width       : 100%;
    padding-left: 42px;
    color       : white;
}

.crypto-title {
    font-size    : 16px;
    font-weight  : 400;
    margin-bottom: 2px;
}

.crypto-description .crypto-value {
    color: #ccc;
}

.select-exchange .selectize-input.full {
    background-color: #202433;
    border-color    : inherit;
    border          : 1px solid #419ddc;
    border-radius   : 8px;
    cursor          : pointer;
}

.select-exchange .selectize-dropdown {
    z-index: 999;
    display: none;
}

.select-exchange .selectize-dropdown {
    top: 66px !important;
}

.select-exchange .selectize-input {
    padding: 9px 15px;
}

.select-exchange .selectize-dropdown-content .option:hover {
    background: linear-gradient(#5d627357, #1d202b);
}

.side-title {
    font-size     : 18px;
    color         : #9E9E9E;
    text-align    : center;
    margin-bottom : 10px;
    text-transform: uppercase;
}

.left-layer-side,
.center-layer-side,
.right-layer-side {
    display : inline-block;
    float   : left;
    position: relative;
}

.left-layer-side {
    width: 46%;
}

.center-layer-side {
    width: 6%;
}

.right-layer-side {
    width: 46%;
}

.left-layer-side .description {
    text-align   : right;
    float        : left;
    padding-right: 10px;
}

.right-layer-side .description,
.left-layer-side .description {
    line-height: 22px;
    width      : calc(100% - 65px);
    padding-top: 0;
}

.right-layer-side .description {
    float       : left;
    text-align  : left;
    padding-left: 75px;
}

.exchange-overlayer .title,
.exchange-overlayer .rate-small {
    font-size: 14px;
    color    : #fefefe;
}

.exchange-overlayer .encrypt {
    font-size      : 12px;
    color          : #fefefe;
    text-decoration: underline;
}

.exchange-overlayer .rate {
    font-size  : 24px;
    font-weight: 600;
    color      : #419bda;
}

.exchange-overlayer {
    padding   : 15px;
    background: linear-gradient(to right, #3d404a, #1e20257d);
}


.exchange-action {
    /width    : 180px;
    text-align: center;
    top       : 381px;
    z-index   : 99;
    background: #3d404a;
    padding   : 10px 0;
}

.progress-action .exchange-action {
    cursor   : pointer;
    font-size: 15px;
}

.progress-action .exchange-action {
    text-transform: uppercase;
    border        : 3px solid #fff;
    border-radius : 8px;
    font-weight   : 600;
    color         : #fefefe;
}

.btn-exchange {
    color         : white;
    text-transform: uppercase;
    margin        : 0 auto;
    border        : 2px solid #f7921a;
    padding       : 7px 31px;
    border-radius : 40px;
    font-size     : 13px;
    cursor        : pointer;
    background    : #f7921a !important;
}

.exchange-divider-icon {
    text-align : center;
    color      : #9E9E9E;
    font-size  : 29px;
    padding-top: 12px;
}



.exchange-divider {
    /*position: absolute;
    background: #9e9e9e5c;
    width     : 3px;
    height    : 100%;
    top       : 0;
    left      : 50%;
    transform : translateX(-50%);
    z-index   : 9;*/
}

.exchange-external-layer {
    position  : absolute;
    /* top    : 257px;
    width     : 100%;*/
    /* padding: 10px 0;*/
    background: #0d0f1b;
    z-index   : 99;
}

.exchange-action.info {
    top        : 454px;
    font-weight: 300;
}

.exchange-icon {
    top          : 62px;
    width        : 50px;
    height       : 50px;
    line-height  : 50px;
    background   : #3d404a;
    border-radius: 50%;
    color        : white;
    padding      : 0;
    font-size    : 32px;
}

.exchange-icon .ion-ios-arrow-thin-right {
    left: 13px;
    top : -6px;
}

.exchange-icon .ion-ios-arrow-thin-right,
.exchange-icon .ion-ios-arrow-thin-left {
    position: absolute;
}

.exchange-icon .ion-ios-arrow-thin-left {
    right: 16px;
    top  : 6px;
}

.wallet-list-main .list-group-item.active:hover,
.wallet-list-main .list-group-item.active:focus {
    background-color: inherit;
}

.wallet-main-view,
.wallet-aside {
    border-top: 1px solid;
}

.currency2 input {
    color: #fff;
}


.currency-amount {
    color: #ccc;
}

.currency-img-cont {
    width    : 35px;
    height   : 35px;
    float    : left;
    position : absolute;
    top      : 50%;
    transform: translatey(-50%);
}

.option-content {
    position: relative;
}

.vertical-align,
.v-align {
    position : absolute;
    top      : 50%;
    transform: translateY(-50%);
}

.horizontal-align {
    position : absolute;
    left     : 50%;
    transform: translateX(-50%);
}

.left-layer-side .crypto-icon {
    right: 0;
}

.exchange-side .selectize-dropdown-content:first-child {
    max-height: 288px;
    overflow-y: auto;
}

.exchange-alert {
    border-radius    : 4px;
    z-index          : 99999999;
    width            : 39%;
    top              : 210px;
    text-align       : center;
    font-size        : 14px;
    /* text-transform: uppercase; */
    color            : #eef0f7;
    padding          : 8px;
    border           : 2px solid;
}

.exchange-alert.wallet-alert {
    margin: 10px auto;
}

.exchange-alert.red {
    background  : #94403e;
    border-color: #c54947;
}

.exchange-alert.green .success-message,
.exchange-alert.red .failed-message,
.exchange-alert.green,
.exchange-alert.red {
    display: block;
}

.exchange-alert>div,
.exchange-alert {
    display: none;
}

.exchange-alert.green {
    background  : #81C784;
    border-color: #4CAF50;
}

.m-right-10 {
    margin-right: 10px !important;
}

.m-left-10 {
    margin-left: 10px !important;
}

.trans-date {
    font-size: 12px;
}



.progress-head .head-box {
    font-size     : 14px;
    text-transform: uppercase;
    color         : #9e9e9e;
    display       : inline-block;
    width         : 200px;
    height        : 200px;
    padding-top   : 39px;
}

.progress-head .head-box.active {
    border       : 2px solid #66BB6A;
    border-radius: 50%;
    color        : white;
}

.progress-body .exchange-overlayer {
    background: transparent;
    padding   : 20px 0 30px 0;
}

.progress-box-icon .icon {
    font-size: 60px;
}

.progress-view {
    background: #3d404a;
    height    : calc(100vh - 134px);
}

.progress-msg {
    color: white;
}

.progress-msg h1 {
    margin-bottom: 20px;
}

.exchange-action.light-back {
    background: #fefefe69;
}

/* written on 11/23/2017 for darker header*/
.header_2.header-darker {
    background: #1b1f2b;
    border    : 0;
}

.header_2.header-darker>ul>li>a {
    border-color: #c7c7c724;
}

.inner-nav-left.header-darker .nav>li>a {
    color: #f9f9f9;
}

.header_2.inner-nav-left .nav>li:first-child>a:hover,
.header_2.inner-nav-left .nav>li:first-child>a:focus {
    border-color: #c7c7c724;
}

.header_2.inner-nav-left .nav>li>a .active {
    color : #5ceebd;
    cursor: default;
}

.header_2.header-darker .nav>li>a:hover,
.header_2.header-darker .nav>li>a:focus {
    color       : #44b3ee;
    background  : inherit;
    border-color: #c7c7c724;
}

.wallet-main-view,
.wallet-aside {
    border-top: 0;
}

.content-box.tab-content.exchange-page {
    height: calc(100% - 199px);
}

.exchange-content {
    padding-top: 20px;
}

.header_2 .navbar-nav>li>a.current:hover,
.header_2 .navbar-nav>li>a.current:focus {
    border-bottom-color: #f9f9f9;
    color              : #f9f9f9;
    border-right-color : #c7c7c724;
}

.alert-danger {
    position: absolute !important;
    top     : 2.5px;
    right   : 0;
    z-index : 9999;
}

.alert-success {
    position: absolute !important;
    top     : 2.5px;
    right   : 0;
    z-index : 9999;
}


/*  10/01/2017  */
.txt_clr_cls span {
    color: red;
}

.dashboard_table_nav tr th {
    padding   : 0px 30px !important;
    background: #1a1f2b !important;
}

.ajx_dsh_bd_upr_div {
    margin-bottom: 60px;
}

.ajx_dsh_bd_upr_div .txt_clr_cls h4 {
    color      : #000 !important;
    font-weight: 800 !important;
    font-size  : 14px;
}

.ajx_dsh_bd_lr_div {
    margin          : 0px auto;
    /* margin-bottom: 10%; */
    width           : 84%;
}

#myDIV {
    display: none;
}

.ajx_dsh_bd_lr_div .ech_spn_cls {
    width: 180px;
    float: left;

    border : none;
    padding: 0px;
    margin : 15px;
}

.ajx_dsh_bd_lr_div .ech_spn_cls .img_div {
    margin-top: 3%;
}

.ajx_dsh_bd_lr_div .ech_spn_cls .img_div img {
    width : 35px;
    height: 35px;
}

.ajx_dsh_bd_lr_div .ech_spn_cls .content_div {
    margin-top: -9%;
}

.ajx_dsh_bd_lr_div .ovel_bgnd {
    background: #1a1f2b;
}

.ajx_dsh_bd_lr_div .sub_div_cls {
    margin: 0 0 0 0;
}

.ajx_dsh_bd_lr_div .sub_cls {
    margin-top   : 2%;
    margin-bottom: 3%;
}

.ajx_dsh_bd_lr_div .spn_hr_cls {
    width        : 150px;
    height       : 2px;
    margin-top   : 0;
    margin-bottom: 0;
}

.ajx_dsh_bd_lr_div .ovel_bgnd {
    border       : 1px solid rgba(71, 71, 71, 1);
    border-radius: 6px;
}

.ajx_dsh_bd_lr_div .h3_blns {
    text-align   : center;
    font-size    : 12px;
    margin-bottom: 4px;
    color        : #000;
}

.ajx_dsh_bd_lr_div .spn_nm {
    text-align    : center;
    font-size     : 13px;
    color         : #000;
    text-transform: uppercase;
    margin-top    : 5px;
}

.ajx_dsh_bd_lr_div .id_cng_val {
    text-align: center;
    font-size : 15px;
    margin-top: 0;
    color     : #000;
}

.ajx_dsh_bd_lr_div .hr_clr_btc {
    background: #ffc107;
}

.ajx_dsh_bd_lr_div .hr_clr_eth {
    background: #efefef;
}

.ajx_dsh_bd_lr_div .hr_clr_etc {
    background: #669073;
}

.ajx_dsh_bd_lr_div .hr_clr_bch {
    background: #f89f33;
}

.ajx_dsh_bd_lr_div .hr_clr_dash {
    background: #2196f3;
}

.ajx_dsh_bd_lr_div .hr_clr_xrp {
    background: #0081c2;
}

.ajx_dsh_bd_lr_div .hr_clr_xmr {
    background: #ff6600;
}

.ajx_dsh_bd_lr_div .hr_clr_bat {
    background: #ff5000;
}

.ajx_dsh_bd_lr_div .hr_clr_ltc {
    background: #A9A9A9;
}

.ajx_dsh_bd_lr_div .hr_clr_salt {
    background: #207c82;
}

.ajx_dsh_bd_lr_div .hr_clr_xem {
    background: #61a8db;
}

.ajx_dsh_bd_lr_div .hr_clr_ada {
    background: #246ed3;
}

.ajx_dsh_bd_lr_div .hr_clr_gnt {
    background: #58a9ff;
}

.ajx_dsh_bd_lr_div .hr_clr_btg {
    background: #eaa809;
}

.ajx_dsh_bd_lr_div .hr_clr_neo {
    background: #41ac00;
}

.ajx_dsh_bd_lr_div .hr_clr_xlm {
    background: #11ade3;
}


.ajx_dsh_bd_lr_div .hr_clr_eos {
    background: #f7f7f7;
}

.ajx_dsh_bd_lr_div .hr_clr_qtum {
    background: #31a0d4;
}

.ajx_dsh_bd_lr_div .hr_clr_trx {
    background: #f7f7f7;
}

.ajx_dsh_bd_lr_div .hr_clr_lsk {
    background: #0295d9;
}

.ajx_dsh_bd_lr_div .hr_clr_waves {
    background: #009fe0;
}

.ajx_dsh_bd_lr_div .hr_clr_xvg {
    background: #1eabcf;
}

.ajx_dsh_bd_lr_div .hr_clr_dcr {
    background: #2fd6a2;
}

.ajx_dsh_bd_lr_div .hr_clr_rep {
    background: #612a53;
}

.ajx_dsh_bd_lr_div .hr_clr_sc {
    background: #00c597;
}

.ajx_dsh_bd_lr_div .hr_clr_fun {
    background: #e60058;
}



.ajx_dsh_bd_lr_div .hr_clr_mtl {
    background: #211f20;
}

.ajx_dsh_bd_lr_div .hr_clr_cvc {
    background: #36a645;
}

.ajx_dsh_bd_lr_div .hr_clr_bnt {
    background: #0b0f2b;
}

.custome_exchange_width {
    padding: 0px 150px;
}

.uparrow {

    background: url(../images/uparrowg.png);

}

.inner-nav-right .dropdown-menu:before {}

.inner-nav-right .dropdown-menu:after {}

.order-table .profile {
    padding: 12px 25px;
}

.arrow_box:after,
.arrow_box:before {
    bottom        : 99.8%;
    left          : 80%;
    border        : solid transparent;
    content       : " ";
    height        : 0;
    width         : 0;
    position      : absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color       : rgba(136, 183, 213, 0);
    border-bottom-color: #0d0f1b;
    border-width       : 12px;
    margin-left        : 4px;
}

.arrow_box:before {
    border-color       : rgba(194, 225, 245, 0);
    border-bottom-color: #5ceebd;
    border-width       : 15px;
    margin-left        : 1px;
}

.form-box-title-sub h6 {

    font-size  : 15px;
    color      : white;
    font-weight: bold;
    margin-top : 25px;
    text-align : right;
}

input[type=number]::-webkit-inner-spin-button {
    opacity: 1;
}

.selectize-input.dropdown-active::before {
    display: none;
}

.number-wrapper {
    position: relative;
}

.number-wrapper:after,
.number-wrapper:before {
    position      : absolute;
    right         : 5px;
    width         : 1.6em;
    height        : .9em;
    font-size     : 10px;
    pointer-events: none;
    background    : #fff;
}

.number-wrapper:after {
    color     : blue;
    content   : "\25B2";
    margin-top: 1px;
}

.number-wrapper:before {
    color        : red;
    content      : "\25BC";
    margin-bottom: 5px;
    bottom       : -.5em;
}

.swipneer-slide {
    width : 49%;
    float : left;
    margin: 20px 0.5% 0px 0.5%;
}

.btn-simulate {
    color           : #f5f5f5;
    background-color: #06070d;
    border-color    : #f7921a;
    border-radius   : 30px;
    margin          : 0 6px;
}

.btn-simulate:hover {
    color           : #f5f5f5;
    background-color: #f7921a;
    border-color    : #f7921a;
    border-radius   : 30px;
}

/* added on 01-02-2018*/
.table>thead:first-child>tr:first-child>th {
    color: #ccc;
}

.sentiment-sub,
.order-table .profile a,
.trade_markets .profile a {
    color: #000;
}

.loader {
    display: none;
}

.table>thead:first-child>tr:first-child>th {
    background: #1b1f2b;
}

.sell div {
    background: #1b1f2b;
    border    : 1px solid #1b1f2b;
}

.sell-box .sell {
    border-color: #1b1f2b;
}

.arrow-img {
    width          : 15px !important;
    height         : 15px !important;
    position       : absolute !important;
    left           : 36px !important;
    top            : 8px !important;
    background-size: contain !important;
    border         : 0 !important;

}

.arrow-img.green {
    background: url('green.png') no-repeat;
    display   : none;

}

.arrow-img.red {
    background: url('red.png') no-repeat;
    display   : none;

}

.sell.red-arrow .arrow-img.red {
    display: block;
}

.sell.green-arrow .arrow-img.green {
    display: block;
}

tr {
    border-bottom: 1px solid #1a1f2b;
}

.table.trade_markets>tbody>tr>td {
    padding: 10px 25px;
}

th a {
    color: white;
}

th a:hover,
th a:focus {
    color: rgb(243, 237, 237);
}

.m-r-10 {
    margin-right: 10px;
}

.history-page table tbody td:first-child {
    text-align: left;
}

.history-page table tbody td.align-right {
    text-align: right;
}

.history-page table tbody td.align-left {
    text-align: left;
}

.graph-desc .small-title {
    color: #5f6066;
}

#confirm_open_invesmentplans_modal .modal-dialog {
    margin: 60px auto;
}

.btn-simulate.btn-simulate-full {
    background: #f7921a;
}

.plan-model-head {
    font-size    : 16px;
    margin-bottom: 15px;
}

.main-page.fund .selectize-input.items.has-options.full.has-items {
    line-height: 29px !important;
}

.loader {
    display: none !important;
}

.main-page.fixed-height {
    width : 83%;
    height: calc(100vh - 134px);
}

.page-sidebar-main .bg-grey {
    background-color: #1b1f2b;
}

.sidebar-content {
    color: #eee;
}

.form-box-title-sub {
    color: #ddd;
}

@media screen and (max-width: 1024px) {
    .main-page.fixed-height {
        width: 100%;
    }
}

.form-submit-button {
    margin-top: 10px;
}


::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #52586b !important;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #52586b !important;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #52586b !important;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #52586b !important;
}

.row.i-search-result .coin-img {
    float : left;
    width : 35px;
    height: 35px;
}

.row.i-search-result .coin-img img {
    width        : 100%;
    height       : 100%;
    border-radius: 50%;
}

.row.i-search-result .coin-name {
    margin-top: 2px;
}

.row.i-search-result {
    padding: 12px 5px;
}

#newWatchlistDetailsModal .modal-footer button {
    margin: 0 auto;
}

.watchlist-form-btn {
    width: 120px !important;
}

.navbar-nav>li>.dropdown-menu {
    border-radius: 5px;
}

.done-btn a,
.done-btn a:hover,
.done-btn a:focus {
    background   : #f7921a;
    border       : 0;
    border-radius: 29px;
}

.dropdown-menu li:first-child {
    border-radius: 5px 5px 0 0px;
}

.dropdown-menu li:last-child {
    border-radius: 0 0px 5px 5px;
}

.modal-header .sell-mod-btn {
    border-radius: 29px 0 0 29px !important;
}

.modal-header .buy-mod-btn {
    border-radius: 0 29px 29px 0 !important;
}

.middle-content .tab-pane {
    background: transparent !important;
    border    : 0 !important;
}

.modal-body .middle ul li.active {
    border: 0 !important;
}

a.more-option {
    color          : #eee;
    cursor         : pointer;
    text-decoration: underline;
}

.middle.two-tabs ul {
    border-bottom: 2px solid #121521;
    padding      : 10px 0;
}

.middle.two-tabs {
    padding-top: 0 !important;
}

.grey {
    color: #ddd;
}

.sell-box .sell {
    background-size    : contain;
    background-origin  : 32px 20px;
    background-position: 36px 9px;
    background-size    : 13px;
    background-repeat  : no-repeat;
    background-image   : url('green.png');
    padding-left       : 50px;
}

.stepper,
.stepper-box a {
    background: linear-gradient(#202f46, #030f21);
}

#set_price_alert_modal .box-title,
#set_price_alert_modal .box-title .sub-title {
    color      : #ddd;
    font-weight: normal;
}

.middle-sell-box {
    position: absolute;
    left    : -60px;
}

.middle-sell-box .sell {
    padding-left       : 75px;
    height             : 34px;
    font-size          : 19px;
    background-position: 37px 6px;
    background-size    : 17px;
}

.user-head .col-md-4 {
    position: relative;
}

.user-head .head-dropdown {
    display     : inline;
    margin-right: 146px;
}

.both-btn-middle {
    padding     : 12px 14px 1px 0px;
    padding-left: 35px;
    position    : relative;
}

.middle-header-bar-btn {
    position: absolute;
    right   : 0px;
    top     : 10px;
}

.head-dropdown .circle-btn {
    color    : #0d0f1b;
    font-size: 44px;
    position : absolute;
    left     : -1px;
    top      : -6px;
}

/* integrating speed tradin */
.window-body .checkbox {
    position    : relative;
    padding-left: 20px;
}

.window-body .checkbox label {
    display       : inline-block;
    vertical-align: middle;
    position      : relative;
    padding-left  : 5px;
}

.window-body .checkbox label::before {
    content           : "";
    display           : inline-block;
    position          : absolute;
    width             : 17px;
    height            : 17px;
    left              : 0;
    margin-left       : -20px;
    border            : 1px solid #cccccc;
    border-radius     : 3px;
    background-color  : #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition     : border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition        : border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.window-body .checkbox label::after {
    display     : inline-block;
    position    : absolute;
    width       : 16px;
    height      : 16px;
    left        : 0;
    top         : 0;
    margin-left : -20px;
    padding-left: 3px;
    padding-top : 1px;
    font-size   : 11px;
    color       : #555555;
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
}

.checkbox input[type="checkbox"]:focus+label::before,
.checkbox input[type="radio"]:focus+label::before {
    outline       : thin dotted;
    outline       : 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked+label::after,
.checkbox input[type="radio"]:checked+label::after {
    font-family: "FontAwesome";
    content    : "\f00c";
}

.checkbox input[type="checkbox"]:disabled+label,
.checkbox input[type="radio"]:disabled+label {
    opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled+label::before,
.checkbox input[type="radio"]:disabled+label::before {
    background-color: #eeeeee;
    cursor          : not-allowed;
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}

.checkbox.checkbox-inline {
    margin-top: 0;
}

.inline {
    display: inline-block !important;
}

.title-norm {
    font-size     : 12px;
    color         : #fff;
    font-weight   : 600;
    text-transform: uppercase;
}

.window-wrapper {
    font-family: 'Open Sans', sans-serif;
}

.window-header {
    /* height     : 60px; */
    background    : #1b1f2b;
    color         : white;
    /* line-height: 44px; */
    padding       : 15px 125px;
    /* z-index    : 999; */
    position      : relative;
}

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

.crypto-select>.form-group {
    margin-bottom: 0px;
}

.exp-box .form-control {
    font-size    : 12px;
    padding      : 2px;
    font-weight  : normal;
    color        : #fbfcff;
    border-radius: 2px;
    text-align   : center;
    background   : rgb(61, 64, 74);
    border-color : #a5a5a5;
}

.inline.exp-box {
    width      : 40px;
    margin     : 0;
    border     : 1px solid #419ddc;
    cursor     : pointer;
    background : #3a90ccfc;
    font-weight: 600;
    height     : 40px;
    font-size  : 10px;
    line-height: 38px;
}

.exp-box .active {
    background: #3a6509;
}

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

.center-border {
    border-left : 1px solid #ffffff1c;
    border-right: 1px solid #ffffff1c;
}

.window-row {
    display: table;
    margin : 0 auto;
}

.window-body {
    z-index : 9;
    margin  : 0px auto;
    color   : white;
    height  : calc(100vh - 221px);
    overflow: scroll;
    width   : 100%;
    padding : 15px;
}

.window-aside {
    width      : 220px;
    float      : left;
    background : #1b1f2b;
    padding-top: 20px;
    display    : table-cell;
    margin-left: 10px;
}



.window-main {
    position  : relative;
    float     : left;
    padding   : 20px 20px;
    padding   : 0;
    background: #1b1f2b;
    width     : 670px;
}


.window-wrapper h4 {
    color    : #fff;
    font-size: 14px;
}

.upper {
    text-transform: uppercase;
}

/*img {
    width : 100%;
    height: 100%;
}*/

.speed-trading .crypto-image {
    width       : 50px;
    height      : 50px;
    margin-right: 10px;
}

.expiry-box {
    margin-left: 15px;
}

.expiry-box.small {
    font-size : 12px;
    color     : white;
    text-align: center;
}

.crypto-graph {
    background         : url(graph.png) no-repeat;
    background-position: center;
    background-size    : cover;
    width              : 350px;
    height             : 300px;
    float              : left;
}

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

.window-main .checkbox {
    float        : none;
    margin-top   : 0;
    margin-bottom: 10px;
}

.window-input .border.label-default {
    padding      : 2px 5px;
    color        : #737373b8;
    font-weight  : bold;
    border-radius: 2px;
    border-color : #7575754a;
    box-shadow   : 1px 2px 5px;
    display      : inline;
}

.checkbox label {
    color      : #efefef;
    font-weight: 600;
}

.bet-action {
    height    : 55px;
    width     : 85px;
    background: white;

    position: relative;

    cursor       : pointer;
    margin-top   : 0;
    border-radius: 4px;
    transition   : all .5s;
}

.bet-action.green:hover,
.bet-action.green.active {
    background: #6eaf0f;
    color     : white;
}

.bet-action.red:hover,
.bet-action.red.active {
    background: #e1191d;
    color     : white;
}

.bet-action .inline {
    font-size: 82px;
    position : absolute;
    top      : -37px;
    right    : 15px;
}

.bet-amount {
    margin-bottom: 10px;
    color        : white;
    width        : 130px;
    background   : #0d0f1b;
    padding      : 10px;
    border-radius: 5px;
    font-size    : 19px;
    font-weight  : 600;
    height       : 58px;
    margin       : 0;
}

.green-bg {
    background: #8BC34A;
    color     : white;
}

.red-bg {
    background: #d02633;
    color     : white;
}

.bet-amount .title {
    font-size  : 10px;
    font-weight: normal;
}


.amount-section,
.leverage {
    padding  : 10px;
    color    : white;
    font-size: 12px;
}


.label-amount {
    display  : inline-block;
    min-width: 100px;
}

.row-amount {
    margin-bottom: 10px;
}

.row-amount .red {
    color: #F44336;
}

.row-amount .green {
    color: #8bc34a;
}

.m-10-topbottom {
    margin-top   : 10px;
    margin-bottom: 10px;
}

.view-box {
    padding   : 10px;
    color     : white;
    font-size : 13px;
    position  : relative;
    min-height: 60px;
    margin    : 7px 0px;
}

.view-box .title {
    font-weight: 600;
}

.view-box.closing {
    background: #d02633;
}

.view-id {
    position: absolute;
    bottom  : 5px;

    font-size: 12px;
    color    : #777;
}

.view-amount {
    position: absolute;
    bottom  : 5px;
    right   : 20px;
}

.no-label {
    width: 27px;
    float: left;
}

.check-label {
    position: relative;
    display : inline-block;
}

.asset-title {
    position: relative;
    top     : 8px;
}

.start-ratting .checked {
    color: #f7921a;
}

.start-ratting {
    color: #565861;
}

.star-t {
    float       : left;
    margin-right: 15px;
}

.trade-l {
    margin: 14px 0px 20px;

    float: right;
}

.inline.exp-box.active {
    background  : #8bc34a;
    border-color: #679236;
}

.amount-label {
    font-size    : 12px;
    padding      : 0 10px;
    background   : #1b1f2b;
    border-radius: 4px;
    color        : #fff;
    margin-left  : 14px;
    height       : 30px;
    line-height  : 29px;
    border       : 1px solid #f7921a
}

.amount-label span.active {
    border-bottom: 1px solid #f7921a;
    color        : #f7921a;
    border-right : 0;
}

.amount-label span:last-child {
    border: none;
}

.amount-box {
    text-align  : center;
    padding     : 3px;
    font-weight : normal;
    margin-right: 4px;
    min-width   : 70px;
    text-align  : right;
}

.amount-divider {
    color: whitesmoke;
}

.selectize-dropdown-content:first-child {
    max-height: 230px;
}

.input-row .expiry-box {
    margin-left: 0px;
}

.amount-num,
.exp-box {
    cursor: pointer;
    margin: 0 10px;
}

.lev-am.active {
    border-bottom: 1px solid #f7921a;
    border-right : 0;
}

.lev-am {
    cursor : pointer;
    width  : 30px;
    display: inline-block;
}

form.page-form-main {
    padding: 0;
}

.inline-b {
    display: inline-block;
}

.lev-toggle.inline-b {
    margin-left  : 12px;
    border       : 1px solid #f7921a;
    border-radius: 4px;
    padding      : 5px;
}

.speed-trading .window-aside hr {
    border-top: 2px solid #0d0f1b;
    margin    : 0;
}

.exposure {
    background: linear-gradient(to left, #0d0f1b, #c4c6d00d, #0d0f1b);
    padding   : 8px 0;
}

hr.no-margin {
    margin: 0;
}

.amount-section,
.leverage,
.view-box {
    padding: 0px 10px;
}

.window-content-row {
    padding: 10px 20px;
}

.window-input {
    float  : left;
    padding: 40px 0 0 20px;
}

.checkbox label::before {
    border-color: #484848;
    background  : #1b1f2b;
}

.checkbox label::after {
    color: #f7921a;
}

#myRange {
    margin-bottom: 10px;

}

#myRange,
.window-input .form-control {}

.input-expiry {}

.window-input .btn.profile_complete1 {
    font-size : 14px;
    width     : 115px;
    margin-top: 10px;
}

.window-input .form-control {
    background: transparent;
    width     : 195px;
}

.window-input .amount-label {
    margin-left : 0;
    border-color: #5ceebd;
}

.window-input .amount-label span.active {
    border-color: #5ceebd;
    color       : #5ceebd;
}

.checkbox label {
    padding-left: 20px;
}

.window-main hr {
    margin    : 0;
    border-top: 3px solid #0D0F1C;
}

.bet-wrapper {
    position  : relative;
    margin-top: 10px;
}

.window-content-row.padd20 {
    padding: 20px 20px;
}

.window-title {
    margin-bottom: 30px;
    margin-top   : 10px;
}

.content-box.speed-trading {
    border-top: 3px solid #0d0f1b;
}

.bet-aside .green-bg {
    background: #00be1b;
}

.bet-aside .red-bg {
    background: #db0107;
}

.no-padding {
    padding: 0;
}

.action-area {
    display: inline-block;
}

.amount-area {
    display : inline-block;
    top     : -12px;
    position: relative;
    margin  : 0 15px;

}

body {
    background-color: transparent;
    background      : linear-gradient(to top right, #131b28, #10121f);
}

input[type=range] {
    height            : 25px;
    -webkit-appearance: none;
    margin            : 10px 0;
    width             : 100%;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
    width     : 100%;
    height    : 8px;
    cursor    : pointer;
    animate   : 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: -webkit-linear-gradient(left, #293D46 20%, #59EBBA 100%);
    ;
    border-radius: 5px;
    border       : 0px solid #000000;
}

input[type=range]::-webkit-slider-thumb {
    box-shadow        : 0px 0px 0px #8CFFD1;
    border            : 1px solid #57DCB1;
    height            : 18px;
    width             : 18px;
    border-radius     : 25px;
    background        : #FFFFFF;
    cursor            : pointer;
    -webkit-appearance: none;
    margin-top        : -5.5px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: -webkit-linear-gradient(left, #293D46 20%, #59EBBA 100%);
    ;
}

input[type=range]::-moz-range-track {
    width     : 100%;
    height    : 8px;
    cursor    : pointer;
    animate   : 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: -moz-linear-gradient(left, #293D46 20%, #59EBBA 100%);
    ;
    border-radius: 5px;
    border       : 0px solid #000000;
}

input[type=range]::-moz-range-thumb {
    box-shadow   : 0px 0px 0px #8CFFD1;
    border       : 1px solid #57DCB1;
    height       : 18px;
    width        : 18px;
    border-radius: 25px;
    background   : #FFFFFF;
    cursor       : pointer;
}

input[type=range]::-ms-track {
    width       : 100%;
    height      : 8px;
    cursor      : pointer;
    animate     : 0.2s;
    background  : transparent;
    border-color: transparent;
    color       : transparent;
}

input[type=range]::-ms-fill-lower {
    background   : -ms-linear-gradient(left, #293D46 20%, #59EBBA 100%);
    border       : 0px solid #000000;
    border-radius: 10px;
    box-shadow   : 0px 0px 0px #000000;
}

input[type=range]::-ms-fill-upper {
    background   : -ms-linear-gradient(left, #293D46 20%, #59EBBA 100%);
    border       : 0px solid #000000;
    border-radius: 10px;
    box-shadow   : 0px 0px 0px #000000;
}

input[type=range]::-ms-thumb {
    margin-top   : 1px;
    box-shadow   : 0px 0px 0px #8CFFD1;
    border       : 1px solid #57DCB1;
    height       : 18px;
    width        : 18px;
    border-radius: 25px;
    background   : #FFFFFF;
    cursor       : pointer;
}

input[type=range]:focus::-ms-fill-lower {
    background: -webkit-linear-gradient(left, #293D46 20%, #59EBBA 100%);
    ;
}

input[type=range]:focus::-ms-fill-upper {
    background: -webkit-linear-gradient(left, #293D46 20%, #59EBBA 100%);
    ;
}

#myRange {
    margin-top: 0;
    background: transparent;
}

.send-cash-modal .currency-converter .form-control,
.currency-converter .form-control {
    border: 0 !important;
}

.select-exchange .selectize-input.full {
    border-radius: 4px !important;
}

.nav-tabs>li>a {
    color: #ececec !important;
}

.radio-inline img {
    width : inherit;
    height: inherit;
}

#account img.thumbnail {
    width       : 50px;
    height      : 50px;
    margin-top  : -14px;
    margin-right: 20px;
}

.website-logo {
    height: 60px;
}

.nav-side-menu .brand img {
    width     : 100%;
    height    : 100%;
    object-fit: cover;
    margin    : 0;
    border    : 2px solid #5ceebd;
}

.nav-side-menu .brand {
    width       : 40px;
    height      : 40px;
    object-fit  : cover;
    float       : left;
    margin-right: 10px;
}

.i-menu-kyc-bar {
    position   : relative;
    margin-left: 0;
    top        : 0;
}

.nav-side-menu .client-description-box {
    float    : left;
    font-size: 12px;
}

.nav-side-menu .client-description-box a.i-menu-user-username {
    font-size  : 15px;
    padding-top: 10px;
    display    : block;
    font-weight: normal;
}

.user-down-icon {
    position: absolute;
    top     : 12px;
    right   : -22px;
}

.nav-side-menu .client-description-box {
    position: relative;
}

.i-menu-kyc-bar {
    width     : 100%;
    margin-top: 3px;
    height    : 10px;
}

.i-menu-kyc-bar-progress {
    height: 10px;
}

.top-menu {
    padding: 0;
}

.profile-info-row {
    padding   : 20px;
    background: #0e101c;
}

.brand-and-name {
    background: #10121f;
}

.profile-info-row .btn.profile_complete1 {
    padding  : 5px 19px !important;
    font-size: 8px;
    width    : 85px;
    margin   : 0 auto;
}

.folder-btn {
    margin-top   : 15px;
    margin-bottom: 20px;
}

.profile-info-row>a {
    color          : #424957;
    text-decoration: underline;
}

.website-logo>a {
    /background        : url(https://derbycityconcrete.com/wp-content/uploads/2016/09/safari-logo-lockup-gray.png) no-repeat;
    height             : 60px;
    display            : block;
    background-position: center top;
    background-size    : contain;
    color              : transparent;
}

.i-logo img {
    object-fit: contain;
    margin    : 10px auto 0px auto !important;
}

a .profile-per {
    color      : white;
    font-size  : 13px;
    font-weight: 600;
}

.header_2 h4 {
    color         : #5ceebd !important;
    padding       : 2px 31px !important;
    text-transform: uppercase;
}

.top-buttons-icons a.top-icons {
    text-align: center;
}

.nav-side-active {
    background: #1a1f2b;
}

.nav-side-menu {
    background: #111523;
}

.menu-sub-heading {
    color: #404755;
}

.profile_button {
    background: #1a1f2b;
}

.footer-pop-icon {
    width  : 16px;
    height : 16px;
    display: inline-block;
}

.final-footer {
    padding: 0;
}

.final-footer.anchor-blue:hover,
.final-footer.anchor-blue:focus {
    color: #f7921a !important;
}

.header_1 {
    background-color: #0f121e
}

.table>thead:first-child>tr:first-child>th {
    background: #1a1f2b;
}

.table-data tr:nth-child(even) {
    background: transparent;
}

.table-data tr:nth-child(odd),
.table>thead:first-child>tr:first-child>th,
.table-data .watchlist tr:nth-child(2n),
thead,
.table-data .watchlist thead tr {
    background: transparent;
}

tr {
    border-color: #1a1f2b !important;
}

.arrow_box:after,
.arrow_box:before {
    bottom: 100%;
}

ul.dropdown-menu li :focus,
ul.dropdown-menu li:hover {
    border: 0;
}

.link-with-icon.active .link-icon {
    color: #fff;
}

body {

    background: rgba(32, 47, 69, 1);
    background: -moz-linear-gradient(45deg, rgba(32, 47, 69, 1) 0%, rgba(13, 16, 27, 1) 44%, rgba(13, 16, 27, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(32, 47, 69, 1)), color-stop(44%, rgba(13, 16, 27, 1)), color-stop(100%, rgba(13, 16, 27, 1)));
    background: -webkit-linear-gradient(45deg, rgba(32, 47, 69, 1) 0%, rgba(13, 16, 27, 1) 44%, rgba(13, 16, 27, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(32, 47, 69, 1) 0%, rgba(13, 16, 27, 1) 44%, rgba(13, 16, 27, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(32, 47, 69, 1) 0%, rgba(13, 16, 27, 1) 44%, rgba(13, 16, 27, 1) 100%);
    background: linear-gradient(45deg, rgba(32, 47, 69, 1) 0%, rgba(13, 16, 27, 1) 44%, rgba(13, 16, 27, 1) 100%);
}

table thead {
    box-shadow: none;
}

.dropdown-menu {
    border-radius: 5px;
    overflow     : hidden;
}

/* added on 4/2/188*/
.withdraw-form input {
    padding           : 0 15px;
    height            : 45px;
    border-radius     : 4px;
    -webkit-box-shadow: none;
    box-shadow        : none;
    font-size         : 16px;
    outline           : none;
}

.withdraw-form label {
    height     : 45px;
    color      : white;
    line-height: 45px;
    font-size  : 16px;
    font-weight: normal;
}

.withdraw-wrapper-box {
    padding      : 10px 20px;
    margin-bottom: 20px;
    color        : white;
}

.w-value {
    color: #f7921a;
}

.withdraw-wrapper-box.border {
    border       : 1px solid #3a4257;
    border-radius: 5px;
}

.withdraw-box-inner {
    padding: 10px 0px !important;
}

.total {
    background-color: transparent;
    border          : none;
    margin          : auto;
    padding         : auto;
}

.show-balance {
    padding: auto;
}

.form-button {
    position : absolute;
    /* bottom: 40px; */
    /* left  : 30%; */
    bottom   : 0px;
    left     : 50%;
    transform: translateX(-50%);

}

.btn-pop {
    text-transform: uppercase;
    font-size     : 18px;
    height        : 42px;
    line-height   : 42px;
}

.withdraw-hr {
    border: 0;
    margin: 10px 0;
}

a,
a:hover,
a:focus {
    color: #5ceebd;
}

.policy-desc {
    color         : #3a4257;
    padding-bottom: 0;
}

.policy-header {
    border-top: 1px solid #3a4257;
}

.withdraw-funds .modal-body {
    border-radius: 0 !important;
}

.withdraw-funds .modal-dialog {
    border-radius: 15px;
    overflow     : hidden;
    color        : #ddd;
}

.selectize-input.items.has-options.full.has-items {
    border: 1px solid #3a4257 !important;
}

.selectize-input.items.has-options.full.has-items {
    color: #abb2c3;
}

.selectize-control.single .selectize-input:after {
    border-color: #abb2c3 transparent transparent transparent;
}

.request-title {
    margin-top: 0px;
    font-size : 16px;
}

.big-requested-value {
    font-size  : 40px;
    font-weight: normal;
}

.big-balance-label {
    font-size: 14px;
}

.how-heading h4,
.big-requested-value {
    color: #fff;
}

.big-requested {
    margin-bottom: 20px;
}

.how-description ol {
    margin-bottom: 10px;
}

a.breakdown-btn {
    margin-bottom: 30px;
}

.anchor-custom {
    margin-top: 30px;
}

a.breakdown-btn,
.anchor-custom {
    color          : #ddd;
    text-decoration: underline;
    text-align     : center;
    display        : block;
}

.how-description li {
    position: relative;
}

.how-description ol li::after {
    position     : absolute;
    width        : 8px;
    height       : 8px;
    background   : #f7921a;
    display      : block;
    content      : '';
    top          : 50%;
    left         : -17px;
    border-radius: 50%;
    transform    : translateY(-50%);
}

.e-error-message {
    padding  : 0 5px 20px;
    font-size: 11px;
}

.how-heading h4 {
    text-align: left;
}

.withdraw-h .selectize-input.items.has-options.full.has-items {
    padding    : 0 13px;
    height     : 45px;
    line-height: 43px;
    font-size  : 16px;
}

.detail-value {
    color: #f7921a;
}

.detail-divide {
    border-color: #3a4257;
}

.detail-title {
    color: #ddd;
}

.small-graph-box canvas {
    height: 254px !important;

}

.page-form-main-box label {
    color         : #000;
    text-transform: uppercase;
    font-size     : 13px;

}

.graph-custume-description {
    margin-top: 25px;
}

.swiper-wrapper {
    margin-top: 60px;
}

.sell-btn.option-btn:hover span,
.sell-btn.option-btn:focus span {
    color: #fff;
}

.enable-top-row {
    /top: 99px;
}

.header_2 {
    min-height: 40px !important;
}

.enable-top-row {
    top: 112px;
}

.header_2 .navbar-nav>li>a {
    height     : 40px;
    line-height: 40px;
}

.modal-header.format-header {
    height  : 50px;
    position: relative;
}

.modal-header.format-header h2,
.modal-header.format-header h3,
.modal-header.format-header h4 {
    color         : #eaeaea;
    font-weight   : 300;
    text-align    : center;
    height        : 35px;
    position      : absolute;
    top           : 50%;
    left          : 50%;
    transform     : translate(-50%, -50%);
    line-height   : 35px;
    background    : #0f121e;
    border-radius : 50px;
    padding       : 0 40px 0 40px;
    font-size     : 18px;
    text-transform: uppercase;
    width         : fit-content;
    margin        : 0;
}

.full-white-bg .modal-body {
    background: #0f121e;
}

.new_modal_setup .modal-dialog {
    width: 570px;
}

.dropdown-menu {
    background: #1a1f2b;
}

ul.dropdown-menu li,
ul.dropdown-menu li:hover {
    border-bottom: 1px solid #2c3343;
}

.create-icon {
    margin   : 0 2px 0 0;
    font-size: 12px;
}

.navbar-nav>li>.dropdown-menu {
    border-radius: 8px;
}

ul.dropdown-menu li:hover {
    border-bottom: 1px solid #2c3343;
    background   : #242a38;
}

.inner-nav-right .dropdown-menu {
    border: 1px solid #5ceebdb0;
}

ul.dropdown-menu>li>a:focus,
ul.dropdown-menu>li>a:hover {
    color: #fff;
}

input.input-number {
    color: #ddd;
}

.bell-icon {
    color: #fff;
}

.enable_bell {
    color: #f7921a;
}

.row.i-search-result .coin-action i {
    font-size: 22px;
    color    : #fff;
}

.row.i-search-result .coin-action i.ion-android-done {
    COLOR: #f7921a;
}

.market_list_popup,
.modal-title {
    text-transform: uppercase;
}

#set_price_alert_modal .modal-dialog {
    border-radius: 25px;
    overflow     : hidden;
}

.inner-nav-right>ul>li>a,
.inner-nav-right>ul>li>a i.ion-android-arrow-dropdown {
    font-size: 13px;
}

.inner-nav-right>ul>li>a i {
    font-size: 25px;
}

.table.btc-table>thead>tr>th,
.table.btc-table>tbody>tr>th {
    padding: 13px 10px;
}

.new-trade-content {
    text-align: center;
}

.modal-content {
    background-color: #0d0f1b;
}

.table>tbody>tr>th {
    padding: 30px;
}

.value-with-arrow {
    background-size    : 13px;
    background-position: 100% 2PX;
    padding-right      : 20px;
    background-repeat  : no-repeat;
}

.center-stat {
    color     : #404755;
    text-align: left;
}

.container-custom {
    color  : #fff;
    padding: 0 30px;
}

.container-custom.stat {}

.stat .stepper-box {
    padding: 0;
}

.middle-content {
    margin-bottom: 10px;
}

td .dropdown>a {
    text-decoration: none;
    font-size      : 22px;
    color          : white;
}

td .dropdown.y-dropdown>a:hover,
td .dropdown.y-dropdown>a:focus {
    color: #f7921a;
}

.y-dropdown .dropdown-menu {
    border-color: #f7921a;

}

.modal-dialog {
    border-radius: 20px;
    overflow     : hidden;
}

.modal-action {
    text-transform: uppercase;
}

.theme-primary {
    color: #f7921a;
}

#confirm_open_invesmentplans_modal .plan-model-head {
    text-transform: uppercase;
}

#confirm_open_invesmentplans_modal .modal-dialog {
    height    : 230px;
    background: #10121f;
}

#confirm_open_invesmentplans_modal .modal-body {
    padding-top: 40px;
}

.btn-simulate {
    border-radius: 30px;
    width        : 80px;
    color        : #fff;
}

#confirm_open_invesmentplans_modal .btn-simulate {
    color     : #f7921a;
    background: transparent;
}

#confirm_open_invesmentplans_modal .btn-simulate:hover,
#confirm_open_invesmentplans_modal .btn-simulate:focus {
    color     : #fff;
    background: #f7921a;
}

#confirm_open_invesmentplans_modal .modal-dialog .btn-simulate {
    margin-top: 35px;
}

.btn-simulate.btn-simulate-full {
    background: #f7921a !important;
    color     : #fff !important;
}


/*-------------------
  #checkbox-t style
  ------------------*/
.round-check input[type='checkbox'] {
    opacity: 0;
    z-index: -1;
    display: none;
}

.round-check input[type='checkbox']+label {
    width             : 19px;
    height            : 19px;
    display           : block;
    position          : relative;
    margin            : auto;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    text-indent       : -999px;
    overflow          : hidden;
    border            : 1px solid #fff;
    cursor            : pointer;
}

.round-check input[type='checkbox']+label {
    border       : 1px solid #3a4257;
    background   : tranparent;
    border-radius: 50%;
    margin       : 0;
    display      : inline-block;
    position     : relative;
    top          : 6px;
    margin-right : 15px;
}

.round-check input[type='checkbox']+label:before {
    content      : '';
    width        : 7px;
    height       : 7px;
    top          : 0;
    left         : 0;
    bottom       : -60px;
    right        : 0;
    position     : absolute;
    margin       : auto;
    background   : #f7921a;
    border-radius: 50%;
    transition   : all 0.2s, ease;
}

.round-check input[type='checkbox']:checked+label:before {
    bottom: 0;
}

.round-check {
    position: relative;
}

.input-row {
    margin-bottom: 20px;
}

.tradeClose .modal-dialog {
    width     : 560px;
    margin-top: 65px;
}

.tradeClose .modal-body {
    padding: 20px 60px;
}

.close-positon h3 {
    font-size: 16px;
}

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

.tradeClose .send .btn,
.new_modal_setup .send .btn {
    text-transform: uppercase;
    font-size     : 14px;
}

.modal-body .currency-converter .form-control {
    margin-bottom: 0;
}

.close.static:hover,
.close.static:focus {
    background: transparent !important;

}

button,
input,
select,
textarea {
    outline: none;
}

.dropdown-menu {
    border-radius: 8px;
    overflow     : visible !important;
}

.dropdown-menu li:first-child {
    border-radius: 8px 8px 0 0;
}

.dropdown-menu li:last-child {
    border-radius: 0px 0px 8px 8px;
}

.arrow_box:before {
    border-width: 10px;
    margin-left : 2px;
}

.arrow_box:after {
    border-color       : rgba(136, 183, 213, 0);
    border-bottom-color: #1a1f2b;
    border-width       : 8px;
    margin-left        : 4px;
}

.btn-custom-icon a:hover,
.btn-custom-icon a:focus {
    color: #fff;
}

.y-dropdown .arrow_box:before {
    border-bottom-color: #f7921a !important;
}

#depositForm .page-form-main-box label {
    font-weight: normal;
}

#depositForm .selectize-input.items.has-options.full.has-items {
    border: 1px solid #3a4257;
}

.selectize-input.items.has-options.full.has-items.focus.input-active.dropdown-active {
    border-color : #5ceebd !important;
    border-radius: 4px 4px 0 0;
}

.selectize-dropdown-content:first-child {
    max-height   : 230px;
    border-color : #5ceebd;
    border-radius: 0 0 4px 4px;
}

.main-page.fund .selectize-dropdown-content .option {
    border: 0;
}

.selectize-dropdown-content .option:hover {
    background-color: #1a1f2b;
}

.selectize-control.single .selectize-input.dropdown-active:after {
    border-color: transparent transparent #5ceebd transparent;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header,
.selectize-input.items.has-options.full.has-items {
    color: #a6adb9;
}

.form-submit-button .big-btn.blue-bg {
    text-transform: uppercase;
}

.selectize-input.items.has-options.full.has-items,
.selectize-dropdown-content:first-child {
    background: #0d101b;
}

.remove-margin-child .form-group {
    margin: 0;
}

.before-table .profile {
    position: relative;
    top     : 2px;
}

.close-main hr {
    border-color : #1a1f2b;
    margin-bottom: 5px;
    margin-bottom: 10px;
}

.d-sprite {
    background-repeat: no-repeat;
    display          : inline-block;
    margin-right     : 10px;
    position         : relative;
    top              : 3px;
    width            : 30px !important;
    position         : absolute;
    top              : 50%;
    transform        : translateY(-50%);
}

.sprite-bell26 {
    width              : 23px;
    height             : 26px;
    background-position: -5px -5px;
}

.sprite-crypto-icon {
    width              : 15px;
    height             : 20px;
    background-position: -38px -5px;
}

.sprite-gear26 {
    width              : 25px;
    height             : 25px;
    background-position: -63px -5px;
}

.sprite-investment-icon {
    width              : 29px;
    height             : 28px;
    background-position: -38px -40px;
}

.sprite-logout26 {
    width              : 26px;
    height             : 26px;
    background-position: -77px -40px;
}

.sprite-portfolio-icon {
    width              : 25px;
    height             : 25px;
    background-position: -77px -76px;
}

.sprite-trade-market-icon {
    width              : 30px;
    height             : 26px;
    background-position: -113px -5px;
}

.sprite-wallet-icon {
    width              : 25px;
    height             : 17px;
    background-position: -113px -41px;
}

.sprite-watchlist-icon {
    width              : 24px;
    height             : 15px;
    background-position: -113px -68px;
}

.sprite-withdraw-funds {
    width              : 27px;
    height             : 22px;
    background-position: -5px -93px;
}

#menu-content a {
    position      : relative;
    padding-left  : 28px;
    text-transform: uppercase;
}

#menu-content a span {
    margin-left: 40px;
}

/*other sprite  */
.o-sprite {
    position : absolute;
    top      : 50%;
    transform: translateY(-50%);
}

.sprite-calendar {
    width              : 45px;
    height             : 41px;
    background-position: -5px -5px;
}

.sprite-cancelCircle {
    width              : 16px;
    height             : 16px;
    background-position: -60px -5px;
}

.sprite-expires {
    width              : 20px;
    height             : 34px;
    background-position: -86px -5px;
}

.sprite-gear20 {
    width              : 20px;
    height             : 20px;
    background-position: -116px -5px;
}

.sprite-gearhover20 {
    width              : 20px;
    height             : 20px;
    background-position: -146px -5px;
}

.sprite-graph {
    width              : 32px;
    height             : 25px;
    background-position: -116px -35px;
}

.sprite-graphhover {
    width              : 32px;
    height             : 25px;
    background-position: -158px -35px;
}

.sprite-history {
    width              : 27px;
    height             : 24px;
    background-position: -5px -70px;
}

.sprite-history:hover,
.header_2 .navbar-nav>li>a.current .sprite-history {
    background-position: -42px -70px;
}

.sprite-investment {
    width              : 36px;
    height             : 35px;
    background-position: -79px -70px;
}

.sprite-pie {
    width              : 24px;
    height             : 23px;
    background-position: -159px -70px;
}

.sprite-pie:hover,
.header_2 .navbar-nav>li>a.current .sprite-pie {
    background-position: -125px -70px;
}

.sprite-saving {
    width              : 28px;
    height             : 27px;
    background-position: -125px -103px;
}

.sprite-savinghover {
    width              : 28px;
    height             : 27px;
    background-position: -163px -103px;
}

.sprite-swap {
    width              : 31px;
    height             : 23px;
    background-position: -5px -140px;
}

.sprite-swap:hover,
.header_2 .navbar-nav>li>a.current .sprite-swap {

    background-position: -46px -140px;
}

.sprite-watchlistIcon {
    width              : 123px;
    height             : 117px;
    background-position: -201px -5px;
}

.sprite-wihdraw {
    width              : 34px;
    height             : 34px;
    background-position: -201px -132px;
}

/* Added on 15-02-2018*/
.dropdown-menu {
    border-radius: 6px;
    margin-bottom: 0;
    box-shadow   : none;
    padding      : 2px 1px;
}

.open>.dropdown-menu {
    margin-top: 0;
}

ul.dropdown-menu li {
    border-bottom: 0 !IMPORTANT;
}

.arrow_box:before {
    border-width: 9px;
    margin-left : 3px;
}

.arrow_box:after {
    border-color       : rgba(136, 183, 213, 0);
    border-bottom-color: #1a1f2b;
    border-width       : 8px;
    margin-left        : 4px;
}

.inner-nav-right .dropdown-menu,
.portfolio-table .dropdown-menu {
    right: -13px;
}

.units b {
    color      : #3d404a;
    font-size  : 13px;
    font-weight: normal;
}

.portfolio-table table thead th,
table thead th {
    font-weight: normal;
}

.portfolio-table thead tr th,
table.portfolio-details-table>thead>tr>th {
    padding: 10px 12px;
}

.portfolio-table tbody tr td,
table.portfolio-details-table>tbody>tr>th {
    padding: 30px 12px;
}

.portfolio-table .profile,
table.portfolio-details-table .profile {
    padding-left: 30px;
}

.units div {
    position: relative;
}

.portfolio-table .units b {
    position: absolute;
    right   : 0;
    top     : 2px;
}

.green,
.portfolio-table b,
.portfolio-table .profile a {
    font-weight: normal
}

.inner-nav-right>ul>li:first-child>a {
    font-weight: normal;
    color      : #5ceebd;
}

.header_2.inner-nav-left .nav>li>a.current,
.header_2 .navbar-nav>li>a.current {
    text-transform: uppercase;
    color         : #5ceebd;
}

.back span {
    margin-right: 10px;
}

.before-table .small {
    font-size: 11px;
}

.before-table .green,
.before-table .red {
    font-weight: 600;
}

.before-table .small {
    position: relative;
    top     : -4px;
}

table.portfolio-details-table thead {
    border-top: 0;
}

.table>thead:first-child>tr:first-child>th {
    color: #000;
}

.btn-cross span:hover,
.btn-cross span:focus {
    color: #f7921a;
}

tbody tr th,
table td {
    font-size: 12.5px;
}

tbody tr th .pl-value {
    font-size: 12.5px;
}

tbody th b {
    font-weight: normal;
}

.head-subhead {
    margin-top: 0;
}

.head-subhead>div {
    position: absolute;
    margin  : 0;
}

.head-subhead-head {
    position: relative !important;
    margin  : 0;
}

.new-trade-row .sell-box .sell {
    border-color: #0d101b;
    background  : transparent;
    height      : 35px;
    line-height : 26px;
}

.new-trade-row .sell div {
    height     : 33px;
    line-height: 26px;
    background : #0d101b;
}

.inner-nav-right>ul.for-back>li:first-child>a {
    color: #fff;
}

.nav .back a {
    font-weight: normal;
}

.sell-box a {
    color: #fff;
}

/* portfolio sprite */
.sprite-portfolio {
    background-repeat: no-repeat;
    display          : block;
}

.sprite-portfolio-cross {
    width              : 13px;
    height             : 14px;
    background-position: -5px -5px;
}

.sprite-portfolio-cross:hover {

    background-position: -28px -5px;
}

.sprite-portfolio-gear {
    width              : 17px;
    height             : 17px;
    background-position: -51px -5px;
}

.sprite-portfolio-gear:hover,
.sprite-portfolio-gear:focus,
.dropdown .open .sprite-portfolio-gear {
    background-position: -5px -32px;
}

.sprite-portfolio-history {
    width              : 23px;
    height             : 20px;
    background-position: -32px -32px;
}

.sprite-portfolio-history:hover,
.header_2 .navbar-nav>li>a.current .sprite-portfolio-history {
    background-position: -65px -32px;
}

.sprite-portfolio-order {
    width              : 26px;
    height             : 20px;
    background-position: -5px -62px;
}

.sprite-portfolio-order:hover,
.header_2 .navbar-nav>li>a.current .sprite-portfolio-order {
    background-position: -41px -62px;
}

.sprite-portfolio-portfolio {
    width              : 20px;
    height             : 20px;
    background-position: -98px -5px;
}

.sprite-portfolio-portfolio:hover,
.header_2 .navbar-nav>li>a.current .sprite-portfolio-portfolio {
    background-position: -98px -35px;
}

td .dropdown>a {
    display: inline-block;
}

.l-tab-divider {
    height    : 30px;
    width     : 1px;
    background: #3d404a;
    margin    : 6px 13px;
}

.header_2 .center-tabs>li>a {
    margin-right: 0;
    margin-left : 0;

}

.speed-amount-label {
    position: absolute;
}

.speed-amount-label {
    position : absolute;
    font-size: 10px;
    right    : -53px;
    bottom   : 0;
    color    : #555658;
}

.speed-trading .window-header .row {
    max-width: 950px;
    margin   : 0 auto;
}

.create-watchlist-img {
    width       : 130px;
    height      : 150px;
    margin-right: 10px;
    margin-top  : 31px;
}

.before-table img {
    border-radius: 0;
}

.graph-desc .box-group {
    position: relative;
}

.expire-icon {
    width   : 20px;
    position: relative;
    display : inline-block;
    top     : -2px;
}

/* Dashboard */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

.dashboard {
    font-family: 'Open Sans', sans-serif;
}

.dashboard section {
    background: #10141f;
    margin    : 10px 0px 0px 0px;
    box-shadow: -3px 0px 1px #0d121b;
}

.dashboard .section-row {
    padding: 15px;
}

.dashboard-main section {
    background: linear-gradient(45deg, rgb(19, 26, 41) 0%, rgba(13, 16, 27, 1) 44%, rgb(16, 20, 31) 100%);
}

.dashboard section .s-title {
    color          : #fff;
    text-transform : uppercase;
    font-size      : 13px;
    text-decoration: underline;
    font-weight    : normal;
}

.section-first .sub-section {
    height: 355px;
}

.section-first .sub-section .content-left {
    width : 40%;
    float : left;
    height: 355px;
}

.section-first .sub-section .content-right {
    width      : 60%;
    float      : left;
    /background: red;
}

.w-per,
.dashboard .wallet-portfolio-table .units b {
    color: #404755;
}

.dashboard .wallet-table {
    width  : 100%;
    margin : 0 auto;
    padding: 0 30px;
}

.dashboard .wallet-table table tr {
    border: 0;
}

.dashboard .wallet-table .table>tbody>tr>td {
    padding: 8px 4px;
}

.dashboard .profile {
    width: fit-content;
}

.dashboard .wallet-table .profile img {
    width : 25px;
    height: 25px;
}

.dashboard .w-t-height {
    height    : 297px;
    overflow-y: auto;
}

.dashboard .sub-section-border {
    border-right: 3px solid #1a1f2b;
    ;
}

.dashboard section hr {
    border-width: 3px;
    margin      : 0 0 10px 0;
    border-color: #1a1f2b;
}

.dashboard table thead {
    border: 0;
}

.dashboard .wallet-portfolio-table table td,
.dashboard .wallet-portfolio-table table th,
.dashboard .wallet-table .table>tbody>tr>td {
    font-size: 11px;
}

.dashboard .wallet-portfolio-table .table>thead>tr>th,
.dashboard .wallet-portfolio-table .table>tbody>tr>td,
.dashboard .news .table>tbody>tr>td {
    padding: 8px 10px;
}

.dashboard .wallet-portfolio-table .profile img,
.profile img {
    width : 25px;
    height: 25px;
}

.dashboard .wallet-portfolio-table .value-with-arrow {
    background-size    : 10px;
    padding-right      : 18px;
    background-position: 98% 2PX;
}

.dashboard .wallet-portfolio-table .table>tbody>tr>td {
    line-height: 1.9rem;
}

.dashboard .wallet-portfolio-table .sell-box {
    display: inline-block;
}

.dashboard .sub-section.min-sub {
    height    : 169px;
    overflow-y: auto;
}

.dashboard .no-margin {
    margin: 0;
}

.dashboard .no-margin>.col-md-9 {
    padding-left : 10px;
    padding-right: 10px;
}

.dashboard .no-margin>.col-md-3 {
    padding-right: 10px;
    padding-left : 0px;
}

.dashboard .wallet-table.related-market-table {
    padding: 0;
}

.dashboard .wallet-table.related-market-table td {
    position: relative;
}

.dashboard .wallet-table.related-market-table .sell div {
    width      : 25px;
    min-height : 25px;
    line-height: 20px;
}

.dashboard .wallet-table.related-market-table .sell-box .sell {
    padding-left: 8px;
    min-height  : 29px;
    height      : 25px;
    line-height : 22px;
    background  : #0d101b;
    border-color: #0d101b;
}

.dashboard .wallet-table.related-market-table .option {
    display        : block;
    margin         : 20px 0;
    text-align     : center;
    text-decoration: underline;
    font-size      : 12px;
}

.w-t-height.no-scroll {
    overflow: hidden;
}

.dashboard .main-pg-dashboard .row>.col-md-9 {
    width: 70%;
}

.dashboard .main-pg-dashboard .row>.col-md-3 {
    width: 30%;
}

.date {
    color: #f7921a;
}

.dashboard .news .date .time {
    font-size  : 11px;
    margin-left: 5px;
}

.dashboard .news .date {
    width: 30%;
}

.dashboard .news .message {
    width: 70%;
}

.dashboard .news tr:nth-child(even) {
    background: transparent;
}

.dashboard .news tr:nth-child(odd) {
    background: #1a1f2b;
}

.dashboard-bar {
    width: 100%;
}

.dashboard-bar>div {
    width    : 18%;
    font-size: 12px;
}

.dashboard-bar .title-main {
    text-transform: uppercase;
    color         : #fff;
}

.dashboard-bar .title-main span {
    color      : #f7921a;
    margin-left: 3px;
    font-weight: 600;
}

.dashboard-bar .title {
    color: #5a5e6a;
}

.dashboard-bar .title span {
    color      : #fff;
    margin-left: 3px;
}

.dashboard-bar .total {
    width: 26%;
}

.dashboard .header_2 {
    padding-right: 0;
    min-height   : 45px;
}

.dashboard-bar {
    line-height: 30px;
    padding    : 7px 0;
}

.dashboard-bar .total {
    padding: 0px;
}

.dashboard-bar>div {
    border-left : 1px solid #272a32;
    padding-left: 10px;
}

.dashboard-bar>div:first-child {
    border      : 0;
    padding-left: 0;
}

.dashboard .news .table>tbody>tr>td {
    padding-left: 15px;
}


body {
    background: rgba(32, 47, 69, 1);
    background: -moz-linear-gradient(45deg, rgba(32, 47, 69, 1) 0%, rgba(13, 16, 27, 1) 44%, rgba(13, 16, 27, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(32, 47, 69, 1)), color-stop(44%, rgba(13, 16, 27, 1)), color-stop(100%, rgba(13, 16, 27, 1)));
    background: -webkit-linear-gradient(45deg, rgba(32, 47, 69, 1) 0%, rgba(13, 16, 27, 1) 44%, rgba(13, 16, 27, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(32, 47, 69, 1) 0%, rgba(13, 16, 27, 1) 44%, rgba(13, 16, 27, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(32, 47, 69, 1) 0%, rgba(13, 16, 27, 1) 44%, rgba(13, 16, 27, 1) 100%);
    background: linear-gradient(45deg, rgba(32, 47, 69, 1) 0%, rgba(13, 16, 27, 1) 44%, rgba(13, 16, 27, 1) 100%);
}

.content-box {
    background: rgba(32, 47, 69, 0) !important;
}

.header_2>ul>li>a i {
    font-size: 20px;
}

.before-table .profile-data {
    margin-left: 40px;
}

.before-table .profile-img {
    top: 4px;
}



.pop-content {
    border       : 0;
    box-shadow   : none;
    border-radius: 12px;
    background   : #1b1f2b;
    border       : 1px solid #5ceebd;
    min-height   : 150px;
    height       : 150px;
    top          : -59px;
    width        : 300px;
}

.pop-header {
    background   : #1b1f2b;
    text-align   : center;
    border-radius: 12px 12px 0 0;
}

.pop-body {
    background   : #111523;
    border-top   : 0;
    border-radius: 0 0 12px 12px;
    overflow     : hidden;
}

.pop-body>.row>div:last-child {
    border-right: 0;
}

.pop-body>.row>div {
    border-color: #eeeeee1a;
}

.pop-head-small {
    text-align   : center;
    color        : #fefefe;
    font-size    : 16px;
    margin-bottom: 15px;
}

.pop-body .amount {
    color     : #fefefe;
    text-align: center;
    font-size : 16px;
}

.pop-head-big .num-bigger {
    font-size    : 22px;
    color        : #f5f5f5;
    margin-bottom: 15px;
}

.pop-body .title-small {
    text-align: center;
    font-size : 14px;
}

.pop-body .col-xs-6 {
    padding       : 10px 15px;
    padding-bottom: 5px;
}

.pop-left-border {
    left     : -3%;
    top      : 50%;
    transform: translateY(-50%);
    color    : #5ceebd;
    font-size: 18px;
}

.header_2.center-nav .navbar-nav>li>a {
    margin-left: 0;
}

.done-text {
    margin-left: 14px;
}

.done-btn a {
    line-height   : 25px;
    height        : 25px;
    font-size     : 12px;
    text-transform: uppercase;
}

.done-btn {
    top: 9px;
}

a.breakdown-btn.hide_breakdown {
    display: none;
}

.btn-dark:focus,
.btn-dark:hover {
    outline: none !important;
}

/*.btn-dark:focus{
    background: #31343e;
}*/
.row.graph-desc.graph-desc-small {
    width: 66.6%px;
}

.row.graph-desc .small-title {
    font-size: 10px;
}

/*Package css*/

.swiper-pack-outer .swiper-slide {

    background    : #0d101b;
    box-shadow    : 0px 1px 1px #000000;
    height        : auto;
    /*width       : 205px !important;*/
    text-align    : center;
    border-radius : 7px;
    color         : #777;
    padding-bottom: 10px;
}

.pack-active>.swiper-slide {
    /*width       : 240px !important;*/
    height        : auto;
    color         : #fff;
    padding-bottom: 15px;
}

.plan-header {
    padding: 0px !important
}

.plan-header h4 {
    margin        : 0px;
    padding-top   : 15px;
    padding-bottom: 10px;
}

.swiper-pack-outer .plan-header p {
    color    : gray;
    font-size: 10px;
    margin   : 13px 0px;

}

.pack-active .plan-header p {
    color    : gray;
    font-size: 12px;
    margin   : 13px 0px;
    padding  : 0px 2px;

}

.plan-price {
    font-size: 20px;

    padding      : 10px;
    margin-bottom: 8px;
    background   : -moz-linear-gradient(179deg, rgb(13, 15, 27) 0%, rgb(23, 27, 39) 50%, rgb(13, 15, 27) 100%);
    background   : -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(38, 38, 38, 1)), color-stop(50%, rgba(18, 18, 18, 1)), color-stop(100%, rgba(48, 48, 48, 1)));
    background   : -webkit-linear-gradient(179deg, rgb(13, 15, 27) 0%, rgb(23, 27, 39) 50%, rgb(13, 15, 27) 100%);
    background   : -o-linear-gradient(179deg, rgb(13, 15, 27) 0%, rgb(23, 27, 39) 50%, rgb(13, 15, 27) 100%);
    background   : -ms-linear-gradient(179deg, rgb(13, 15, 27) 0%, rgb(23, 27, 39) 50%, rgb(13, 15, 27) 100%);
    background   : linear-gradient(271deg, rgb(13, 15, 27) 0%, rgb(23, 27, 39) 50%, rgb(13, 15, 27) 100%);
    filter       : progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#303030', GradientType=1);

}

.swiper-pack-outer .plan-body {
    margin: 15px 0px;
}

.pack-active .plan-body {
    margin: 35px 0px;
}

.swiper-pack-outer .plan-body ul {
    margin-left: 40px;
}

.pack-active .plan-body ul li {
    padding   : 10px;
    font-size : 13px;
    text-align: left;
}

.pack-active .plan-body ul li img {
    width         : 21px !important;
    border-radius : 19px;
    margin-right  : 12px;
    -webkit-filter: grayscale(0%) !important;
    filter        : grayscale(0%) !important;
}

.swiper-pack-outer .plan-body ul li img {
    width         : 15px;
    border-radius : 19px;
    margin-right  : 12px;
    -webkit-filter: grayscale(100%);
    filter        : grayscale(100%);
}

.swiper-pack-outer .plan-body ul li {
    padding   : 7px;
    font-size : 11px;
    text-align: left;
}

.swiper-container-pack {
    margin    : 0 auto;
    position  : relative;
    overflow  : hidden;
    list-style: none;
    padding   : 0;
    z-index   : 1;
    width     : 58.5%;
}

.swiper-pack-outer {
    background-image : -webkit-gradient(linear, left bottom, left top, color-stop(0.20, #9e9e9e02), color-stop(0.40, #595959));
    background-image : -moz-linear-gradient(center bottom, rgb(173, 14, 173) 20%, #595959 40%);
    margin           : 30px 5px;
    border-radius    : 7px;
    padding          : 1px;
    background-size  : 100% 31%;
    background-repeat: no-repeat;
}

.pack-active {
    background-image : -webkit-gradient(linear, left bottom, left top, color-stop(0.20, #9e9e9e02), color-stop(0.40, #f89f33));
    background-image : -moz-linear-gradient(center bottom, rgb(173, 14, 173) 20%, #f89f33 40%);
    margin           : 0px 5px;
    border-radius    : 7px;
    padding          : 1px;
    background-size  : 100% 50%;
    background-repeat: no-repeat;
}

.pack-active .btn-pack-buy {
    border       : 1px solid #f7921a !important;
    color        : #f7921a !important;
    margin       : 10px 65px !important;
    border-radius: 44px !important;
    font-size    : 13px;
}

.pack-active .btn-pack-buy:hover {
    background   : #f7921a !important;
    color        : #fff !important;
    margin       : 10px 65px !important;
    border-radius: 44px !important;
    font-size    : 13px;
}

.swiper-pack-outer .btn-pack-buy {
    border       : 1px solid #777;
    color        : #777777;
    margin       : 0px 50px;
    border-radius: 44px;
    /* height    : 30px; */
    padding      : 2px;
    font-size    : 13px;
}

.pack-active .btn-pack-reverse {
    background   : #f7921a !important;
    color        : #fff !important;
    margin       : 10px 65px !important;
    border-radius: 44px !important;
    padding      : 4px;
}

.swiper-pack-outer .btn-pack-reverse {
    background   : #777;
    color        : #ccc;
    margin       : 10px 50px;
    border-radius: 44px;
    padding      : 2px;
    font-size    : 13px;
}

.swiper-wrapper-pack {
    margin-top: 30px;
}

.next-pack {
    right: 162px !important;
}

.prev-pack {
    left: 162px !important;
}

.bell-icon {
    background-repeat: no-repeat;
    width            : 33px;
    height           : 23px;
}

.footer-pop-content a:hover,
.footer-pop-content a:focus {
    color: #666666;
}

.pop-content {
    width: 240px;
}

.done-btn a,
.done-btn a:hover,
.done-btn a:focus {
    color: #fff;
}

.pop-left-border {
    left     : -2%;
    top      : 50%;
    transform: translateY(-50%);
    color    : #5ceebd;
    font-size: 10px;
}

.wiretransfer-info p,
.steps-info,
.header-label,
.print-table-body .col-label p {
    color      : #fff;
    line-height: 1.7em;
}

.steps-info {
    font-size: 13px;
}

.bank-text h4 {
    font-size: 16px;
    color    : #fff;
}

.wiretransfer {
    margin-top: 0;
}

.wiretransfer ol {
    margin: 0;
    width : 100%;
}

.wiretransfer .wiretransfer-container {
    box-shadow: none;
}

.wiretansfer-print-table {
    background   : #0d101b;
    border       : 1px solid #394258;
    border-radius: 6px;
    overflow     : hidden;
}

.header-container,
.print-table-header {
    border-color: #394258;
}

.transc-id {
    margin-bottom: 3px;
}

.print-table-body .col-xs-6 {
    padding: 0;
}

.BankName {
    line-height: 1.6em;
}

.main-page.fund {
    width : 82%;
    height: calc(100% - 162px);
}

.wiretransfer-img {
    background-repeat: no-repeat;
    width            : 43px;
    height           : 43px;
    margin-right     : 38px;

}

/*.sim-main-content{
    position  : fixed;
    width     : 82%;
    height    : calc(100% - 227px);
    overflow-y: auto;
}*/

/* Speed Trading */
.real-time h2 {
    font-size    : 11px;
    color        : #ffffff;
    margin-bottom: 2px;
}

.real-time .cross-1 label {}

.cross-1 label span {
    color: #A20B11;
}

.cross-2 label span {
    color: #106420;
}

.cross-3 label span {
    color: #A20B11;
}

.cross-4 label span {
    color: #ffffff;
}

.cross-5 label span {
    color: #106420;
}

.cross-6 label span {
    color: #ffffff;
}

.main-12 {
    padding-left : 0px;
    padding-right: 0px;
}

.cross-6-right {
    width: 33%;
    float: right;
}

.cross-6-left {
    width: 20%;
    float: left;
}

.pics {
    float: left
}

.pics img {
    width   : 100%;
    position: relative;
    top     : 19px;
    left    : -8px;
}

.back-images {
    background-image   : url("../images/market-icon/87.jpg");
    background-size    : cover;
    background-position: center center;
    background-repeat  : no-repeat;
    padding-top        : 27px;
    height             : 400px;

    width: 49.5%;
}

.row {
    margin-bottom: 7px;
}

.opening-price {
    float: left;
}

.opening-price h2 {
    font-size     : 14px;
    color         : #000;
    margin        : 0px;
    text-transform: uppercase;
}

.opening-price label {
    font-size    : 12px;
    color        : #404755;
    margin-bottom: 0px;
}

.opening-price h3 {
    font-size : 18px;
    color     : #000;
    margin-top: 0px;
}







.setting-123 {
    width: 80%;
}

.opening-price-1 h2 {
    font-size     : 14px;
    color         : #000;
    margin        : 0px;
    text-align    : center;
    text-transform: uppercase;

}

.opening-price-1 img {
    width       : 55%;
    object-fit  : cover;
    text-align  : center;
    float       : none;
    margin-left : auto;
    margin-right: auto;
    display     : block;
    padding-top : 12px;
}

.opening-price-2 h2 {
    font-size     : 14px;
    color         : #000;
    margin        : 0px;
    text-transform: uppercase;
}

.opening-price-2 label {
    font-size    : 12px;
    color        : #404755;
    margin-bottom: 0px;
}

.opening-price-2 h3 {
    font-size : 18px;
    color     : #089316;
    margin-top: 0px;
}

.main-class-1231 {
    color: #1A1F2B;

}

.chose-12 {}

.chose-12 h2 {
    font-size: 16px;
    color    : #ffffff;
    float    : left;
}

.drop-2134 {
    float       : left;
    padding-left: 12px;
    padding-top : 12px;
    width       : 72%;
}

.btn.btn-primary.dropdown-toggle.images-876 {

    padding-bottom: 10px;
    padding-left  : 40px;
    padding-right : 280px;

}

.top-row-bg-clr {
    background-color: #1A1F2B;
}

.opening-price-2 {
    float        : right;
    padding-right: 10px;
}

.main-class-1231 {
    background-color: #1A1F2B;
}

.dropdown-12 {
    float       : right;
    padding-top : 13px;
    padding-left: 28px;
    width       : 73%;
}

.show-menu-arrow button {
    padding-top     : 8px;
    padding-bottom  : 8px;
    background-color: #0D101B;
    border          : 1px solid #394258;
    border-radius   : 10px;
}

.show-menu-arrow .btn-default:hover {
    background-color: #0D101B;
}

.show-menu-arrow .dropdown-toggle.btn-default:focus {
    background-color: #0D101B;
    border-color    : #394258;
}

.show-menu-arrow .toggle.btn-default:hover {
    background-color: #0D101B;
    border-color    : #394258;
}

.show-menu-arrow .btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {}

.bg-color-right {
    background-color: #1A1F2B;
    height          : auto;
    width           : 49.5%;
    float           : right;
}

.dropdown-12 .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.address-type-padding-left {
    padding-right: 20px;
    padding-top  : 35px;
}

.radio-delivery-button-2 {
    padding-left: 55px;
}

.radio-deliery-button {
    float       : left;
    padding-left: 45px;
}

.radio-delivery-button-3 {
    padding-left: 80px;
}

.radio-delivery-button-3 label {
    color       : #404755;
    padding-left: 18px;
}

.address-type-top-padding {
    padding-top: 25px;
}

.btc-top {
    width      : 20%;
    float      : left;
    padding-top: 5px;
}

.switch-top-padding {
    padding-top   : 10px;
    padding-bottom: 10px;
}

.exposure {
    text-align    : center;
    font-size     : 16px;
    padding-top   : 16px;
    padding-bottom: 16px;
}


.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before {
    display: none !important;
}

.setting-123 .round-check.inline {
    margin-right: 12px;
    font-size   : 11px;
}

.setting-123 .round-check.inline label {
    margin-right: 5px;
}

.setting-123 .check-row-set {
    text-align  : center;
    float       : left;
    padding-left: 16px;
}

.setting-123 .address-type-padding-left h3 {
    font-size : 13px;
    float     : left;
    margin-top: 8px;
}

.setting-123 h4.running-label {
    color       : #404755;
    padding-left: 8px;
    font-size   : 12px;
    position    : relative;
    top         : -1px;
    float       : left;
}

.amounttoplay-pad {
    padding-top: 5px;
}

.setting-123 h4.running-numb {
    color       : #fff;
    padding-left: 8px;
    font-size   : 12px;
    position    : relative;
    top         : -1px;
    float       : left;
}


.setting-123 .bootstrap-select:before {

    content : url('../images/market-icon/select-icon.png');
    position: absolute;
    z-index : 2000;
    top     : 8px;
    left    : 12px;


}

.setting-123 .bootstrap-select>.dropdown-toggle {
    padding-left: 45px;
    padding-top : 9px;
}

.window-header {
    display: none;
}

#current_price {
    font-size: 14px;
}

.amount-area {
    top: -9px;
}

.bet-action {
    height: 45px;
    width : 65px;
}

.bet-action .inline {
    font-size: 58px;
    top      : -24px;
}

.bet-amount {
    height     : 47px;
    padding-top: 7px;
}



.amount-section .check-label {
    width: 100%;
}

.amount-section input[type="range"] {
    float: left;
    width: 43.5%
}

.amount-section span.amount-title {
    width      : 10%;
    float      : left;
    margin-top : 3px;
    margin-left: 5%;
}

.amount-section span.form-control {
    width        : 36%;
    float        : left;
    margin-left  : 5%;
    color        : #fff;
    margin-top   : -6px;
    border-radius: 6px;
}

.setting-123 .check-row-set.central-checkboxes {
    width       : 60%;
    margin-left : auto;
    margin-right: auto;
    display     : block;
    float       : none
}

.border-area {
    border-top   : 1px solid #2B2F3B;
    border-bottom: 1px solid #2B2F3B;
}

.p-0 {
    padding-left : 0px;
    padding-right: 0px;
    padding-top  : 25px;
}


.check-row-set .radio {
    display: inline-block;
}


.round-check input[type="radio"] {
    margin     : 4px 0 0;
    margin-top : 1px\9;
    line-height: normal;
    visibility : hidden;
    opacity    : 0;
    z-index    : -1;
    display    : none;
}


.round-check input[type="radio"]+label {
    width             : 19px;
    height            : 19px;
    display           : block;
    position          : relative;
    margin            : auto;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    text-indent       : -999px;
    overflow          : hidden;
    border            : 1px solid #fff;
    cursor            : pointer;
    border            : 1px solid #3a4257;
    background        : tranparent;
    border-radius     : 50%;
    margin            : 0;
    margin-right      : 0px;
    display           : inline-block;
    position          : relative;
    top               : 6px;
    margin-right      : 15px;
    margin-right      : 5px;



}


.round-check input[type="radio"]:checked+label::before {
    bottom: 0;
}

.round-check input[type="radio"]+label::before {

    content      : '';
    width        : 7px;
    height       : 7px;
    top          : 0;
    left         : 0;
    bottom       : -60px;
    right        : 0;
    position     : absolute;
    margin       : auto;
    background   : #f7921a;
    border-radius: 50%;
    transition   : all 0.2s, ease;
}

/*
.back-images {
    height: 595px;
}
.bg-color-right {
    height: 595px;
}
*/

/* Package */
@media (max-width: 1600px) {
    .swiper-container-pack {

        width: 52.5% !important;
    }
}

@media (max-width: 1536px) {
    .swiper-container-pack {

        width: 55.5% !important;
    }
}

@media (max-width: 1440px) {
    .swiper-container-pack {

        width: 59.5% !important;
    }
}

@media (max-width: 1366px) {
    .swiper-container-pack {
        width: 62.5% !important;
    }
}

@media (max-width: 1024px) {
    .swiper-container-pack {

        width: 68.5% !important;
    }

    .prev-pack {
        left: 33px !important;
    }

    .sim-main-content {

        width: 100%;

    }

    .next-pack {
        right: 64px !important;
    }


}

.slider-pack {
    width           : 50%;
    margin          : 30px auto;
    background-color: none !important;
    border          : 1px solid none !important;
}

.slick-slide {
    margin: 5px 10px;
}

.slick-slide img {
    width: 26px;
}

.slick-prev:before,
.slick-next:before {
    color: gray;
}

.slick-slide {
    transition: all ease-in-out .3s;
    opacity   : 1;
}

.slick-active {
    opacity: 1;
}

.slick-current {
    opacity         : 1;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.20, #9e9e9e02), color-stop(0.40, #f89f33));
    background-image: -moz-linear-gradient(center bottom, rgb(173, 14, 173) 20%, #f89f33 40%);

    border-radius    : 7px;
    padding          : 1px;
    background-size  : 100% 50%;
    background-repeat: no-repeat;
}

.plan-box {
    text-align   : center;
    color        : #777;
    background   : #0d101b;
    border-radius: 7px;
    outline      : none;

    padding: 10px 0px;
}

.swiper-pack-outer .plan-body ul li img {
    float: left;
}

.plan-body>ul>li>img {
    width: 15px;
}

.slick-dots {
    display: none !important;
}

.slick-initialized .slick-slide {
    outline   : none;
    box-shadow: 1px 2px 2px black;
    /*width   : 200px !important;*/
}

/*   .slick-list{
       width : 680px !important;
       margin: 0px auto !important;
       }*/
.slick-current .plan-body ul li img {
    width         : 15px;
    border-radius : 19px;
    margin-right  : 12px;
    -webkit-filter: grayscale(100%);
    filter        : grayscale(0%);
}

.slick-current .btn-pack-buy {
    border       : 1px solid #f7921a !important;
    color        : #f7921a !important;
    /*  margin   : 10px 65px !important;*/
    border-radius: 44px !important;
    font-size    : 13px;
}

.slick-current .btn-pack-reverse {
    background   : #f7921a !important;
    color        : #fff !important;
    /*margin     : 10px 65px !important;*/
    border-radius: 44px !important;
    padding      : 4px;
}

.slick-current .btn-pack-buy:hover {
    background   : #f7921a !important;
    color        : #fff !important;
    /*margin     : 10px 65px !important;*/
    border-radius: 44px !important;
    font-size    : 13px;
}

.slick-current .plan-box {
    text-align   : center;
    color        : #fff;
    background   : #0d101b;
    border-radius: 7px;
    outline      : none;

    padding: 10px 0px;
}

/*06-03-2018 */
.box-slider .slick-slide {
    -webkit-transform: scale(.92);
    -ms-transform    : scale(.92);
    transform        : scale(.92);
    opacity          : .5;
}

.box-slider .slick-slide.slick-current {
    opacity          : 1;
    -webkit-transform: scale(1.10);
    -ms-transform    : scale(1.10);
    transform        : scale(1.10);
}

.box-slider .slick-track {
    padding: 50px 0px;
}

.box-slider .swiper-pack-outer .plan-body ul li {
    margin   : 15px 0;
    font-size: 15px;
}

.box-slider .plan-footer a {
    text-transform: uppercase;
    font-size     : 13px !important;
    font-weight   : 600;
    line-height   : 35px !important;
    height        : 36px !important;
    padding       : 0px 25px !important;
    display       : block;
    text-align    : center;
    width         : 100%;
    margin        : 10px auto !important;
    font-family   : 'Open Sans', sans-serif;
    /* float      :  left;*/
}

.box-slider .swiper-pack-outer .btn-pack-reverse {
    border-radius: 25px !important;
    margin-bottom: 35px !important;
}

.box-slider .plan-footer {
    width : 55%;
    margin: auto;
}

.swiper-pack-outer .plan-body ul {
    padding: 10px 0;
}

.box-slider.slider-pack {
    width    : 100%;
    max-width: 970px;
}

.box-slider .swiper-pack-outer .plan-body ul li img {
    width       : 25px;
    height      : 25px;
    margin-right: 20px;
}

.box-slider .slick-slide strike {
    color    : #404755;
    font-size: 22px;
}

.box-slider .swiper-pack-outer .plan-header p {
    font-size: 20px;
    color    : #404755;
}



.box-slider .slick-arrow:before {
    content: '';
}

.box-slider .slick-arrow {
    width     : 24px;
    height    : 57px;
    background: url(../images/arr-left.png) no-repeat center center !important;
    width     : 24px;
    height    : 57px;
}

.box-slider .slick-next {
    background: url(../images/arr-right.png) no-repeat center center !important;
    right     : -50px;
}

.box-slider .slick-prev {
    left: -50px;
}

.plan-header h4 {
    font-size     : 21px;
    text-transform: uppercase;
    color         : #fff;
    padding       : 30px 0px 25px;
}

.plan-price {
    font-size: 24px;
    padding  : 15px 10px;
}

.box-slider .swiper-pack-outer .plan-header .plan-descp p {
    font-size: 12px;
    padding  : 0px 5px;
}

/* package menu */
.package i,
.real_estate i {
    background-repeat  : no-repeat;
    display            : inline-block;
    margin-right       : 10px;
    position           : relative;
    top                : 3px;
    width              : 25px;
    height             : 25px;
    background-position: -5px -48px;
    width              : 30px !important;
    position           : absolute;
    top                : 50%;
    transform          : translateY(-50%);
    background-image   : url(assets/images/d-spritesheet.png);
    background-repeat  : no-repeat;
    display            : inline-block;
    left               : 28px;
}

/* cannabis menu */
.cannabis img {
    width           : 22px;
    height          : 20px;
    position        : absolute;
    top             : 50%;
    transform       : translateY(-50%);
    background-color: #fff;
}

#menu-content .nav-side-menu li i {
    margin-right: 28px;
}

#menu-content .package a {
    padding-left: 68px;
    position    : relative;
}

.package i:before {
    opacity: 0;
}

/* 08-03-2018 */
.real-time h2 {
    text-transform: capitalize;
    font-size     : 14px;
    font-family   : 'Open Sans', sans-serif;
    margin        : 0;
}

.real-time label .amount-box {
    text-align : left !important;
    font-size  : 14px;
    padding    : 0;
    line-height: 1;
    font-weight: 600;
}

.real-time label {
    margin: 0;
}

.real-time {
    padding : 12px;
    position: relative;
}

.real-time .pics {
    position: absolute;
    top     : 13px;
    left    : -0px;
    float   : none;
}

.pics img {
    position: static;
}

.window-title {
    margin-left : -15px;
    margin-right: -15px;
}

.window-body .setting-123 {
    width: 90%;
}

.chose-12 h2 {
    text-transform: capitalize;
}

select#symbol {
    height   : 42px;
    font-size: 15px;
}

.view-amount,
.view-id {
    position: static;
}

.back-images {
    background-color: #1a1f2b;
    min-height      : 606px;
}

.view-amount {
    font-weight: 600;
}

.setting-123 .address-type-padding-left h3 {
    text-transform: capitalize;
    font-size     : 14px;
    margin-top    : 5px;
}

.round-check input[type="radio"]+label {
    width   : 16px;
    height  : 16px;
    position: relative;
}

.round-check input[type="radio"]+label::before {
    width : 6px;
    height: 6px;
}

span.slider.round {
    border-radius: 25px;
    background   : #404654;
    border-color : #404654;
}

label {
    text-transform: capitalize;
    font-weight   : 400;
}

.onoffswitch1 .switch {
    height          : 17px;
    position        : relative;
    width           : 48px;
    /* border-radius: 25px; */
    top             : 8px;
    right           : 0px;
}

.slider:before {
    height : 25px;
    width  : 25px;
    z-index: 99;
    top    : -5px;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    transform        : translateX(26px);
}

.inline-b {
    font-size: 14px;
    position : relative;
    top      : 2px;
}

.setting-123 h4.running-label {
    font-size     : 13px;
    text-transform: capitalize;
}

.action-area i.fa {
    font-size: 55px;
    position : relative;
    top      : -24px;
    opacity  : 0;
}

.bet-action .inline {
    position  : absolute;
    top       : 0;
    right     : unset;
    width     : 100%;
    text-align: center;
    left      : 0;
    height    : 45px;
    margin    : 0;
}

.bet-action .inline span {
    display: inline-block;
    height : 53px;
    margin : 0;
    width  : 100%;
}

.opening-price h3,
.opening-price-2 h3 {
    margin-top: 5px;
}



.bet-action {
    border-radius: 8px;
    width        : 85px;
    height       : 53px;
}

.bet-amount {
    height   : 54px;
    top      : 0px;
    font-size: 15px;
}

#current_price {
    font-size: 15px;
}

.bet-amount .title {
    font-size: 13px;
}

.bet-action.down .inline span {
    background: url(../images/arrow-down.png) no-repeat center center;
}

.bet-action.green-bg .inline span {
    background: url(../images/arrow-up.png) no-repeat center center;
}

.exposure {
    background: rgb(23, 28, 40);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(23, 28, 40, 1) 0%, rgba(13, 16, 27, 1) 50%, rgba(23, 28, 40, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(23, 28, 40, 1) 0%, rgba(13, 16, 27, 1) 50%, rgba(23, 28, 40, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(23, 28, 40, 1) 0%, rgba(13, 16, 27, 1) 50%, rgba(23, 28, 40, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#171c28', endColorstr='#171c28', GradientType=1);
    /* IE6-9 */
}

.onoffswitch1 .switch:before {
    content       : "off";
    position      : absolute;
    z-index       : 1;
    font-size     : 10px;
    text-transform: uppercase;
    left          : 6px;
    top           : 0px;
    line-height   : 17px;
    font-weight   : 600;
}

.onoffswitch1 .switch:after {
    content       : "on";
    position      : absolute;
    z-index       : 1;
    font-size     : 10px;
    text-transform: uppercase;
    right         : 6px;
    top           : 0px;
    line-height   : 17px;
    font-weight   : 600;
}

input:checked+span.slider.round {

    background-color: #f7921a;
    border-color    : #f7921a;
    /* font-weight  : 600; */
}

.amount-section .check-label {
    display      : -webkit-box;
    display      : -ms-flexbox;
    display      : flex;
    -ms-flex-wrap: wrap;
    flex-wrap    : wrap;
}

.amount-section span.amount-title {
    order       : 1;
    margin-left : 0;
    margin-right: 5%;
    font-size   : 14px;
}

#myRange {
    order: 2;
}

.amount-section span.form-control {
    order: 3;
}

.amount-section {
    padding-left: 0;
}

@media(max-width:1199px) {
    .pam_accunt.content-box.package .box_set {
        min-height: 645px !important;
    }

    .main-page.fund {
        width: 80%;
    }

    .box-slider.slider-pack {
        width: 95%;
    }

    #page-content-box .middle-sell-box {
        left: -25px;
    }

    .trade_markets .small-graph.chartjs-render-monitor {
        height     : 60px !important;
        width      : 100px !important;
        margin-left: -25px;
    }

    .content-box.history-page .swiper-container .expire-icon {
        width: 8%;
    }

    .content-box.history-page .swiper-container .small-graph-box {
        padding: 24px 10px;
    }

    .menu_wallet.wallet_fix {
        margin-right: 22%;
    }

    .tab-content.setting-content .panel-body {
        padding: 10px 30px !important;
    }
}

/* 16-03-2018 tk */
body {
    height    : 100%;
    min-height: 100%;
    overflow-y: hidden;
}

html {
    height: 100%;
}

#page-content-box {
    height    : 86vh;
    min-height: auto;
}

@media(max-width:991px) {
    .table-data.table-data-portfolio {
        max-height: 69vh !important;
    }

    .main-page.fund {
        width        : 100%;
        padding-right: 20%;
    }

    div#my_profile_modal .row.myfooter_form .col-md-2 {
        width: 10%;
        float: left;
    }

    div#my_profile_modal .row.myfooter_form .col-md-8 {
        width : 75%;
        float : left;
        margin: 0 2.5%;
    }

    .topborder>div:first-child,
    .topborder+div>div:first-child {
        width: 60%;
    }

    .setting-content {
        padding: 15px 0 0 0 !important;
    }

    .tab-content.setting-content .panel-body {
        padding: 10px 10px !important;
    }

    div#profile_outer {
        background: transparent !important;
    }

    .m-nav-header i {
        font-size: 21px;
    }

    #set_price_alert_modal .modal-header h2 {
        text-align: center !important;
    }

    div#set_price_alert_modal .col-xs-3.m-hide {
        display: none;
    }

    div#set_price_alert_modal .stepper-box .col-xs-6 {
        width: 65%;
    }

    div#set_price_alert_modal .middle-content .stepper-box .col-xs-3 {
        width: 29% !important;
    }

    div#set_price_alert_modal .stepper-box a {
        width : 113px;
        height: 35px;
    }

    div#set_price_alert_modal .send {
        left  : auto !important;
        width : auto !important;
        margin: 0 auto;
    }

    div#set_price_alert_modal button.btn.btn-primary.btn-lg.grey.blue.create-price-alert {
        border-radius: 20px !important;
        min-width    : auto !important;

    }

    div#wallet_transaction_modal .send {
        position      : static !important;
        transform     : translateX(0%) !important;
        padding-bottom: 20px;
        display       : block;
        margin        : 0 auto;
        text-align    : center;
    }

    div#wallet_transaction_modal .send button {
        display   : inline-block;
        text-align: center;
    }

    .modal-dialog {
        width : 80% !important;
        margin: 0 auto !important;
    }

    div#wallet_transaction_modal .modal-dialog {
        max-width: 570px;
    }

    .modal-body {
        min-height: auto !important;
    }

    #set_price_alert_modal .modal-body {
        min-height: 330px !important;
    }

    #set_price_alert_modal .modal-dialog {
        max-width: 482px !important;
        margin   : 0 auto !important;
    }

    .span.menu_ham {
        display: inline-block !important;
    }

    #page-content-box .col-sm-12.middle-header-bar .col-md-3 .middle-sell-box {
        left: -75px;
    }

    #page-content-box .col-sm-12.middle-header-bar .col-md-5 {
        width: 58%;
        float: left;
    }

    #page-content-box .col-sm-12.middle-header-bar .col-md-3 {
        width: 30%;
        float: left;
    }

    #page-content-box .col-sm-12.middle-header-bar .col-md-4 {
        width: 35%;
        float: right;
    }

    .dashboard .main-pg-dashboard .row>.col-md-9,
    .dashboard .main-pg-dashboard .row>.col-md-3 {
        float: left;
    }

    .dashboard-bar>div {
        padding: 0px 1% 1% !important;
        ;
        width: 30.33% !important;
    }

    .dashboard .wallet-table.related-market-table .sell-box .sell {
        padding-left: 25px;
        text-align  : left;
        text-indent : 10px;
    }

    .dashboard .wallet-table.related-market-table .sell div {
        display    : block;
        text-align : center;
        text-indent: 0px !important;
    }

    .navbar-nav .dropdown-menu,
    .navbar-nav .open .dropdown-menu,
    .dropdown-menu {
        min-width   : auto !important;
        width       : 250px;
        background  : #111423;
        border-right: none;
    }

    .header_2 {
        padding-right: 12px;
    }

    .header_2 a.current span {
        font-weight: normal;
        color      : #5ceebd;
    }

    #dropdownMenu1 {
        color: #5ceebd !important;
    }

    a.current .sprite-portfolio-portfolio {
        background-position: -98px -35px !important;
    }

    .header_2 .navbar-nav>li>a.current .sprite-portfolio-history {
        background-position: -65px -32px;
    }

    .header_2 .navbar-nav>li>a.current .sprite-portfolio-order {
        background-position: -41px -62px;
    }

    .before-table .col-xs-2 {
        border-bottom: none;

    }

    .tradeClose .modal-body {
        min-height: 380px !important;
    }

    .tradeClose .modal-body {
        min-width     : auto !important;
        border-radius : 42px !important;
        padding-bottom: 30px !important;
    }

    .tradeClose button#close_trade_btn {
        min-width    : auto !important;
        border-radius: 42px !important;
        margin-bottom: 30px;
    }

    .tradeClose .modal-body .send {
        left : 0% !important;
        width: auto !important;
        right: 0 !important;
    }

    #page-content-box {
        height: 86vh;
    }

    #page-content-box .col-sm-12.middle-header-bar .col-md-5 .box-img {
        margin-right: 10px !important;
    }

    .customers #response .container-custom .stepper-box .col-xs-6 {
        float: right;
    }

    .customers .navbar-nav .dropdown-menu,
    .customers .navbar-nav .open .dropdown-menu,
    .customers .dropdown-menu {
        background  : #1a1f2b !important;
        border-right: 1px solid #5ceebd;
    }

    .content-box.history-page .swipneer-slide .box-group.upper span {
        display: block;
    }

    .content-box.history-page .swipneer-slide .expire-icon {
        right: -47px;
        top  : -20px;
    }

    .tab-content.setting-content div#trading .col-sm-4 {
        width: 100%;
    }
}

@media(max-width:768px) {
    .content-box.tab-content.exchange-page.custome_exchange_width .exchange-external-layer {
        margin: 0 auto;
        left  : 0;
        right : 0;
        width : 100%;
    }

    .content-box.tab-content.exchange-page.custome_exchange_width .right-layer-side .description,
    .left-layer-side .description {
        width: auto;
    }

    .content-box.tab-content.exchange-page.custome_exchange_width {
        padding: 0px !important
    }

    .menu_wallet.wallet_fix {
        margin-right: 2%;
    }

    .pam_accunt.content-box.package {
        max-height: 585px !important;
    }

    #page-content-box .col-sm-12.middle-header-bar .col-md-4 ul.dropdown-menu.Linkicons.arrow_box {
        padding-top: 45px;
    }

    .customers ul.clearfix.tabs a {
        text-align: left !important;
    }

    .customers #response .middle li a {
        width: auto;
    }

    .customers #response .middle .switch {
        right: 23px;
    }

    .customers #response .middle ul li a {
        text-align: center;
    }

    .customers #open-trade-form .dropdown-menu.arrow_box {
        position    : absolute;
        top         : 132% !important;
        left        : -30px;
        height      : auto;
        width       : 150px;
        background  : #1a1f2b !important;
        border-right: 1px solid #5ceebd;

    }

    .customers .dropdown-menu>li>a {
        padding  : 8px 15px !important;
        font-size: 15px;
    }

    .tradeClose .modal-dialog {
        margin: 65px auto 0px auto !important;
        width : 80% !important;

    }

    #response .modal-dialog {
        width : 460px !important;
        margin: 10px auto !important;
    }

    #response .modal-dialog {
        width : 80% !important;
        margin: 0 auto !important;
    }

    #response .stepper-box .col-xs-6 {

        width: 50% !important;
    }

    #response .stepper-box .col-xs-6+.col-xs-3 {
        width: 25% !important;
    }

    .middle-content .stepper-box .col-xs-3 {
        width       : 20% !important;
        padding-left: 0px;
    }

    #response .middle-content .stepper-box a {
        width     : 95px;
        height    : 35px;
        margin-top: -7px;
    }

    #response .middle-content .stepper-box .col-xs-3 label {
        padding-left: 0px;
    }

    #response a.more-option {
        margin: 0 auto !important;
    }

    #response .modal-dialog #tmm_trade_btn {
        min-width    : auto !important;
        border-radius: 42px !important;
        margin-bottom: 30px;
        transform    : translateX(-50%);
        left         : 50% !important;
        width        : auto !important;

    }

    .customers .modal-body a.more-option {
        text-align   : center;
        display      : inherit;
        margin-bottom: 20px !important;
    }

    #newWatchlistModal .modal-dialog {
        width : 75% !important;
        margin: 80px auto 0 auto !important;
    }

    #newWatchlistModal .modal-dialog .create-watchlist-description {
        width  : 90% !important;
        display: block;
    }

    .content-box.history-page .col-xs-3.custom-col-3 {
        display: block;
        width  : 20%;
    }

    .content-box.history-page .col-xs-2 {
        display: block;
        width  : 15%;
    }

    .content-box.history-page p.date-in-line {
        width: 100px;
    }

}

.menu_wallet+.menu_ham {
    display: none;
}

@media(max-width:767px) {
    .port_wrappr {
        max-height: 65vh !important;
    }

    .form-horizontal .form-group+.form-input.row>.col-xs-8 {
        width      : 100%;
        margin-left: 0;
    }

    .main-page.fund {
        margin-top: 20px !important;
        max-height: 610px !important;
        width     : 100%;
    }

    .tab-content.setting-content {
        max-height: 585px !important;
        overflow-y: scroll;
    }


    form#depositForm .selectize-dropdown.single.demo-default {
        background: transparent !important;
    }

    .main-page.fund {
        width        : 82%;
        margin       : 0 auto;
        left         : 0;
        right        : 0;
        margin-top   : 25px !important;
        padding-right: 0%;
    }

    form#depositForm .selectize-dropdown {
        position  : absolute !important;
        top       : 34px !important;
        width     : 100% !important;
        left      : 0;
        right     : 0;
        margin    : 0 auto;
        background: transparent;
        height    : auto !important;
    }

    form#depositForm .form-group.select_amount_class .selectize-dropdown-content {
        width: 74px;
    }

    ul.dropdown-menu.Linkicons.arrow_box {
        border-right: none !important;
    }

    #main-wallet-view .wallet-main-view {
        padding: 10px 52px 10px 61px !important;
    }

    #main-wallet-view .wallet-main-view .trans-description {
        font-size: 10px;
    }

    .wallet-main-view h1 {
        font-size: 32px !important;
    }

    .wallet-main-view .page-header .btn-default {
        min-width: 85px !important;
    }

    #main-wallet-view .wallet-main-view {
        width      : 100%;
        margin-left: 8%;
        padding    : 10px 75px;
    }

    .content-box.tab-content.wallet .wallet-aside {
        margin-top: 15px;
        width     : 115px;
    }

    .header_2.inner-nav-left.clearfix .dropdown-menu {
        border-right: none !important;

    }

    .menu_ham+div+ul {
        border     : none !important;
        margin-left: 0px !important;
        padding-top: 15px;

    }

    .menu_ham+div+ul a {
        margin-left: 0px !important;
        text-align : left;
        line-height: 20px !important;
    }

    .header_2.inner-nav-left.clearfix .m-nav-header {
        background: transparent;
        height    : 55px;
    }

    .header_2.inner-nav-left.clearfix .m-nav-header i {
        font-size: 22px;
    }

    .content-box.history-page ul.dropdown-menu.Linkicons .m-nav-header i {
        font-size: 22px;
    }

    .content-box.history-page ul.dropdown-menu.Linkicons .m-nav-header {
        height: 55px;
    }

    .content-box.history-page ul.dropdown-menu .s-btn:hover,
    .content-box.history-page ul.dropdown-menu .s-btn:focus {
        background: transparent;
    }

    .menu_wallet+.menu_ham+ul.nav.navbar-nav.clearfix {
        position   : fixed;
        width      : 200px;
        height     : 100vh;
        background : #000;
        z-index    : 99999;
        top        : 0;
        padding-top: 10px;
        display    : none;
    }

    .menu_wallet+.menu_ham {
        width  : 20px;
        height : 20px;
        cursor : pointer;
        display: inline-block !important;
    }

    .menu_wallet+.menu_ham i:before {
        content   : "\f20e" !important;
        color     : #fff;
        font-size : 21px;
        margin-top: 11px;
    }

    .content-box.history-page .sim-main-content {
        max-height: 585px !important;
    }

    .content-box.history-page .graph-custume-description a.btn.apply {
        margin-left: -60px;
    }

    .content-box.history-page .small-graph-box {
        min-height: 442px;
    }

    #new-watchlist-form .create-watchlist-img {
        width : 90px;
        height: 92px;
    }

    #newWatchlistModal button.btn.btn-primary.btn-lg.grey.blue {
        padding: 6px 34px;
    }

    .content-box.history-page .menu_wallet a {
        padding: 14px 8px;
    }


    .customers .table.trade_markets th.profile.watchlist-profile-width {
        width: 12% !important;
    }

    .customers .table.trade_markets>tbody>tr>td {
        padding: 10px 10px;
    }

    table.table.trade_markets .profile+td,
    table.table.trade_markets th.graphs-col-width {
        display: none !important;
    }

    .customers table.table.trade_markets .sell-box .sell div,
    .customers .sell-box .sell div {
        display: block;
    }

    .customers table.watchlist th.profile.watchlist-profile-width {
        width: 15% !important;
    }

    .customers table.watchlist>tbody>tr>td {
        padding: 13px 10px;
    }

    #page-content-box .break-sm .hide-sm {
        display: inline-block !important;
    }

    #page-content-box .col-sm-12.middle-header-bar .col-md-5 {
        width: 70%;
    }

    #page-content-box .col-sm-12.middle-header-bar .col-md-3 .middle-sell-box {
        left: -15px;
    }

    #page-content-box .user-head .num-bigger {
        margin-top: 0px !important;
    }

    #page-content-box .col-sm-12.middle-header-bar .col-md-4 {
        width: 100%;
    }

    #page-content-box .col-sm-12.middle-header-bar .col-md-4 ul.dropdown-menu.Linkicons.arrow_box {
        padding-top: 45px;
    }

    #page-content-box {
        height: 81vh;
    }

    #response .modal-dialog #tmm_trade_btn {
        min-width    : auto !important;
        border-radius: 42px !important;
        margin-bottom: 30px;
        transform    : translateX(-50%);
    }

    #response .modal-dialog {
        width : 80% !important;
        margin: 0 auto !important;
    }

    .m-nav-tab #dropdownMenu1 span {
        font-size: 0;
    }

    ul.nav.navbar-nav.clearfix.m-nav-tab {
        margin-left: 0%;
    }

    .m-nav-tab #dropdownMenu1 span .ion-android-arrow-dropdown:before {
        content: "\f20e";
        color  : #fff;
    }

    .m-nav-tab #dropdownMenu1 span .ion-android-arrow-dropdown:hover:before {
        color: #5ceebd;
    }

    .menu_wallet {
        width       : 120px !important;
        margin-right: 0px;
        padding     : 11px 10px;
    }

    .dashboard-bar>div {
        width         : 30.33% !important;
        vertical-align: top;
        text-align    : center;
        box-sizing    : border-box;
        padding       : 0px 1% 1% !important;
    }

    .dashboard-bar .title span {
        display: block;
    }

    .dashboard-bar .title {
        line-height: 1.5;
    }

    .dashboard .main-pg-dashboard .row>.col-md-9,
    .dashboard .main-pg-dashboard .row>.col-md-3 {
        width: 100%;
    }

    .section-first .sub-section .content-left,
    .section-first .sub-section .content-right {
        width: 100%;
    }

    .dashboard .wallet-table {
        padding: 0px 10px;
    }

    .sub-section.min-sub {
        width: 100%;
    }

    .wallet-table.related-market-table.news {
        margin-bottom: 100px;
    }

    #response .stepper-box .col-xs-6 {

        width: 50% !important;
    }

    #response .stepper-box .col-xs-6+.col-xs-3 {
        width: 25% !important;
    }

    .middle-content .stepper-box .col-xs-3 {
        width: 20% !important;
    }

    #response .middle-content .stepper-box a {
        width     : 95px;
        height    : 35px;
        margin-top: -7px;
    }

    #response .middle-content .stepper-box .col-xs-3 label {
        padding-left: 0px;
    }

    #response a.more-option {
        margin: 0 auto !important;
    }

    .customers #response a.more-option {
        text-align   : center;
        display      : inherit;
        margin-bottom: 20px !important;
    }

    .content-box.history-page .dropdown-menu {
        border-right: none !important;
    }
}

@media(max-width:600px) {
    .wallet-transactions-list .list-group-item {
        padding: 5px 0px 5px 8px !important;
    }

    #page-content-box {
        height: 81vh;
    }

    ul.nav.navbar-nav.clearfix.m-nav-tab {
        margin-left: 0% !important;
    }

    #tmm_edit_modal .middle.two-tabs ul li {
        width: 100%;
    }

    .content-box.history-page .swipneer-slide .box-group.upper span {
        display: inline-block;
    }

    .content-box.history-page .swipneer-slide .expire-icon {
        right: 0px;
        top  : -2px;
    }

    .content-box.history-page .swipneer-slide {
        width : 95%;
        float : none;
        margin: 20px auto;
    }

    .content-box.history-page .small-graph-box {
        margin-bottom: 20px;
    }

    .content-box.history-page .swipneer-slide .graph-custume-description a.btn.apply {
        margin-left: -10px;
    }
}

@media(max-width:650px) {
    .content-box.history-page .col-xs-3.custom-col-3 {
        width: 33.33%;
    }

    .content-box.history-page .col-xs-2 {
        text-align: center;
        width     : 33.33%;
    }

    .content-box.history-page .col-xs-1 {
        text-align: center;
        width     : 33.33%;
    }

    .history-page .enable-before-table.saving_acc {
        top: 240px !important;
    }

    .content-box.history-page p.date-in-line {
        width: 120px;
    }

    .content-box.history-pag .major-value {
        padding-left: 42px;
    }

    .content-box.history-page .swipneer-slide .box-group.upper span {
        display: block !important;
    }

    .content-box.history-page .swipneer-slide .expire-icon {
        right: -47px !important;
        top  : -20px !important;
    }

    .content-box.tab-content.wallet .wallet-aside {
        width: 90px;
    }

    .setting-content {
        padding: 15px 20px 0px 20px !important;
    }
}

@media(max-width:500px) {

    .exchange-icon {
        top: 214px !important;
    }

    .exchange-divider+div+.exchange-action.horizontal-align {
        position   : static;
        margin     : auto;
        display    : block;
        transform  : translateX(0);
        text-align : center;
        padding-top: 113px;
    }

    div#footer_current_exchange {
        position  : static;
        text-align: center;
        transform : translateX(0);
    }

    .exchange-external-layer {
        top   : auto !important;
        bottom: 30px;
    }

    .exchange-content .exchange-side {
        width         : 86%;
        margin-bottom : 10px;
        padding-bottom: 30px;
    }

    #main-wallet-view .wallet-main-view .trans-description {
        font-size: 8px;
    }

    #response .modal-dialog {
        width : 90% !important;
        margin: 0 auto !important;
    }

}

@media(max-width:400px) {
    .port_wrappr {
        max-height: 55vh !important;
    }

    .setting-content {
        padding: 15px 10px 0px 10px !important;
    }

    .content-box.tab-content.wallet .wallet-aside {
        position: relative;
        z-index : 9999999;
    }

    .exchange-external-layer .rate {
        font-size: 18px !important;
    }

    .exchange-overlayer .title,
    .exchange-overlayer .rate-small {
        font-size: 10px !important;
    }

    .exchange-external-layer {
        bottom: 15px;
    }

    .wallet-main-view h1 {
        font-size: 25px !important;
    }

    .wallet-main-view .page-header .btn-default {
        min-width: 70px !important;
    }

    .dashboard-bar>div {
        width  : 48.33% !important;
        padding: 0px 1% 15px !important;
    }

    .content-box.history-page .col-xs-3.custom-col-3 {
        width: 50%;
    }

    .history-page .enable-before-table.saving_acc {
        top: 270px !important;
    }
}

@media(max-width:340px) {
    div#main-wallet-view div#crypto-wallet-right-content .currency-transactions {
        max-height: 280px !important;
    }

    #main-wallet-view .wallet-main-view {
        padding: 10px 30px 10px 61px !important;
    }
}

@media(max-width:991px) and (min-width: 553px) {
    .trade_markets .small-graph.chartjs-render-monitor {
        height     : 60px !important;
        width      : 100px !important;
        margin-left: -25px;
    }
}

@media(min-width:769px) {
    .menu_ham+ul.dropdown-menu.nav.navbar-nav.clearfix {
        position  : static !important;
        display   : inline-block;
        padding   : 0;
        border    : none;
        background: transparent !important;
        width     : auto;

    }

    .menu_ham+ul.dropdown-menu.nav.navbar-nav.clearfix li:hover {
        background: transparent !important;

    }
}

/* 16-03-2018 tk */
.scroll_fix {
    overflow-y: hidden;
}

.row.footer-right.footer-pop+.row.footer-right {
    margin-bottom: 0px;
    z-index      : 2;
}

.content-box.history-page .sim-main-content {
    max-height: 630px;
    overflow-y: scroll;
}

.content-box.history-page .before-table {
    height: auto;
}

.middle ul li.active {
    background: transparent;
}

#response .middle li a {
    width: 148px;
}

#response .middle .switch {
    height: 21px;
    width : 50px;
    right : 50px;
}

#response .middle .switch .slider:before {
    top: -3px
}

.customers #response .modal-body {
    min-height: auto !important;
}

.customers #response .middle .switch .slider:before {
    top   : -1px;
    height: 22px;
    width : 22px;
}

.customers #response .middle .switch {
    height: 23px;
}

.content-box.history-page .b-heading {
    display: none;
}

.content-box.history-page .menu_wallet {
    width: auto !important
}

/*.content-box.history-page  ul.nav.navbar-nav.clearfix.m-nav-tab li:nth-child(3) a{
    color: #5ceebd;
}*/

.content-box.history-page .m-nav-header {
    background: transparent;
}

#confirm_open_invesmentplans_modal button.close {
    z-index: 99999999;
}

.pam_accunt.content-box.package {
    overflow-y: scroll;
    max-height: 77vh;
    min-height: auto;
}

.menu_wallet {
    width: auto !important;
}

.pam_accunt.content-box.package .row.sets .col-md-4 {

    min-height: 625px;
}

.pam_accunt.content-box.package .box_set {
    min-height: 505px;
}

.pam_accunt.content-box.package .box_set ul li:first-child {
    height  : 49px;
    overflow: hidden;
}

.content-box.tab-content.wallet .wallet-aside {
    margin-top: 15px;
}

.modal {
    z-index: 999999999;
}

div#main-wallet-view div#crypto-wallet-right-content .currency-transactions {
    max-height: 265px;
    overflow-y: auto;
}

.select-exchange div#select2 {
    min-height: 80px;
}

.select-exchange div#selectize_input {
    min-height: 80px;
}

.col-sm-3.side-bar.active {
    z-index: 99999999;
}

.tab-content.setting-content {
    overflow-y: scroll;
}

.menu-sub-heading ul.dropdown-menu.Linkicons li a {
    border-left: none !important;
}

.notification-popup-main div,
.notification-footer a {
    background  : #1a1f2b;
    color       : #fff;
    border-top  : none;
    border-color: #5ceebd;
}

.notification-footer a {
    border-top   : 1px solid #5ceebd;
    border-bottom: 1px solid #5ceebd;
}

.notification-box .notification-box-description p {
    color: #fff;
}

.notification-popup-main {
    border       : 1px solid #5ceebd;
    border-bottom: none;
}

.notification-header-container a {
    background: transparent;
}

.selectize-dropdown.single.demo-default {
    height: 40px !important;
}

.selectize-dropdown-content .option.active {
    background-color: #1a1f2b !important;
}

.main-page.fund {
    margin-top: 20px !important;
    max-height: 635px;
}

#pamm_profit_summary .modal-dialog {
    width    : 100%;
    max-width: 700px;
}

#pamm_profit_summary #trade-market-content tr td {
    padding   : 19px 24px;
    text-align: center;
}

#pamm_profit_summary img.m-hide {
    margin : 0 auto;
    display: block;
}

.pam_accunt.content-box.package .box_set a.btn_set:nth-child(2) {
    background    : none;
    border-bottom : 1px dotted #ddd;
    border-radius : 0px;
    max-width     : 150px;
    padding-bottom: 2px;
}

.pam_accunt.content-box.package .box_set a.btn_set:nth-child(2):hover {
    color        : #5ceebd;
    border-bottom: 1px solid #5ceebd;
}

.pam_accunt.content-box.package .row.sets .col-md-4 {
    min-height: 665px;
}

.pam_accunt.content-box.package .box_set {
    min-height: 615px;
}

.pam_accunt.content-box.package .box_set a.btn_set:nth-child(2):before {
    content       : "\e011";
    font-family   : 'Glyphicons Halflings';
    margin-right  : 5px;
    vertical-align: top;
}

.trade_nav li:first-child a {
    border-top-left-radius: 5px;

}

.trade_nav li:last-child a {
    border-top-right-radius: 5px;

}

#newWatchlistModal1 h2 {
    font-size : 16px;
    text-align: center;
    color     : #ddd;
}

#newWatchlistModal1 .set_one:hover,
#newWatchlistModal1 .set_one.active {
    border: 1px solid #5ceebd;
    color : #ddd;
}

#newWatchlistModal1 .i-search-result:nth-child(2n) .set_one {
    float: left;
}

#newWatchlistModal1 span.close {
    background: transparent !important;
    padding   : 15px 20px !important;
}

img.img-responsive.tab_pic {
    width   : 21px;
    height  : 21px;
    float   : left;
    position: relative;
    z-index : 99999999;
    margin  : 11px 0px 9px 9px;
}

#newWatchlistDetailsModal .modal-content {
    max-height: 97vh;
    overflow-y: scroll;
}

.pos_fixed {
    background: #0f121e;
    position  : fixed;
    width     : 100%;
    left      : 7%;
    right     : 0;
    margin    : 0 auto;
    text-align: center;
    display   : block;
}

.pos_fixed .active_tab img.img-responsive.tab_pic {
    background   : rgba(92, 238, 189, .9) !important;
    border-radius: 50%;
}

div#newWatchlistModal1 .coin-img img {
    width  : 26px;
    margin : 13px 15px;
    height : 25px;
    display: block;
}

div#newWatchlistModal1 .set_one:hover .coin-name,
div#newWatchlistModal1 .set_one.active .coin-name {
    color: #5ceebd;
}

table.table.watchlist p.card-plus-content {
    position: relative;
    z-index : 999;
}

div#general .selectize-dropdown.single.demo-default {
    max-width: 167px;
    width    : 100%;
}

div#general .option.selected.active {
    background-color: #1a1f2b;
    color           : #ddd;
}

div#general .innern.active img {
    border: 2px solid #5ceebd !important;
}

div#switchPortfolioModal img.w-portfolio-table-empty-img {
    width : 100px;
    margin: 50px 0px;
}

div#switchPortfolioModal a.btn.btn-primary.portfolio-btn {
    background    : #f7921a;
    color         : white;
    padding       : 10px 0px;
    font-size     : 14px;
    font-weight   : 600;
    margin        : 0px auto;
    border-radius : 42px;
    text-align    : center;
    text-transform: uppercase;
    width         : 100%;
    max-width     : 245px;
}

div#switchPortfolioModal h3 {
    font-size     : 18px;
    color         : #fff;
    text-align    : center;
    text-transform: uppercase;
}

div#switchPortfolioModal p {
    padding: 35px 0 0 0px !important;
}

.loader_wrap {
    position  : fixed;
    width     : 100%;
    top       : 0;
    height    : 100%;
    z-index   : 99999999;
    background: rgba(0, 0, 0, .8);
    display   : none;
}

.loader_one {
    border       : 5px solid #555;
    border-top   : 5px solid #5ceebd;
    border-radius: 50%;
    width        : 50px;
    height       : 50px;
    animation    : spin 1s linear infinite;
    position     : fixed;
    top          : 50%;
    left         : 0;
    right        : 0;
    margin       : 0 auto;

}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.msg_notify {
    width     : 75%;
    margin    : 0 auto;
    text-align: center;
    padding   : 15px 10px 20px 10px;
    border    : 1px solid #2c2c2c8a;
}

.msg_notify p {
    margin-bottom: 20px;
    font-size    : 14px;
}

.msg_notify a.close-me {
    font-size       : 15px;
    text-align      : center;
    padding         : 5px 20px !important;
    background-color: #f7921a;
    border          : 1px solid #26282E;
    color           : #fff;
    box-shadow      : none;
    border-radius   : 20px;
}

section#box-slider.slick-dotted.slick-slider {
    max-height: 70vh;
    overflow  : scroll;
}

.table-data.table-data-portfolio {
    max-height: 76vh;
}

/* Investment Plan - Simulation/Profile */
div#amount-part {
    display        : -webkit-flex;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.input-group-append span {
    position: absolute;
    right   : 5px;
    top     : 7px;
    color   : #fff;
    z-index : 10;
}

.btm_anchor a {
    color          : #fff;
    text-align     : center;
    display        : table;
    font-size      : 14px;
    text-transform : uppercase;
    text-decoration: underline;
    background     : #0d101d;
    margin         : auto;
    padding        : 9px 0;
    width          : 250px;
    position       : relative;
}

.btm_anchor {
    text-align    : center;
    padding-bottom: 15px;
    position      : relative;
}

.btm_anchor a:after {
    content     : '';
    width       : 0;
    height      : 0;
    border-left : 20px solid transparent;
    border-right: 20px solid transparent;
    border-top  : 35px solid #5ceebd;
    position    : absolute;
    top         : 86%;
    left        : 0;
    right       : 0;
    margin      : auto;
}

ul.star-rating li {
    display       : inline-block;
    color         : #404755;
    padding-bottom: 10px;
    font-size     : 18px;
    margin        : 0px 2px;
}

.rat span {
    font-size: 18px;
}

ul.star-rating li.active {
    color: #f7912a;
}

#second-col {
    text-align: center;
}

.m_fix {
    overflow-y: scroll;
    max-height: calc(100vh - 228px);
}

.row.justify-content-center,
.row.sim_single {
    margin-bottom: 0px;
}

.profile_page {
    max-width: 80%;
    margin   : 0 auto;
    position : relative;
}

.profile_page .progress {
    height    : 5px;
    background: #2f3647;
}

.pr_wrap {
    position: relative;
}

.profile_page .progress-bar {
    background: #f7921a;

}

ul.progress_statz {
    position: absolute;
    left    : 0%;
    top     : -10px;
    width   : 149%;

}

ul.progress_statz li {
    display      : inline-block;
    width        : 23px;
    height       : 23px;
    background   : #f7921a;
    border-radius: 50%;
    text-align   : center;
    margin-right : 20%;
    position     : relative;
}

ul.progress_statz li:last-child {
    margin-right: 0;
}

ul.progress_statz li i {
    color         : #fff;
    font-size     : 16px;
    text-align    : center;
    vertical-align: middle;
}

ul.progress_statz li span {
    position  : absolute;
    display   : block;
    top       : -28px;
    z-index   : 99999;
    text-align: center;
    left      : 0px;
    font-size : 16px;
    color     : #2f3647;
}

.profile_page h3 {
    font-size    : 16px;
    color        : #ffffff;
    margin-bottom: 40px;
}

.profile_page h3 span {
    display   : block;
    margin-top: 8px;
    font-size : 15px;
    color     : #464953;
}

.profile_page .row {
    margin-top: 50px;
}

.profile_page h4 {
    text-align   : center;
    color        : #fff;
    margin-bottom: 15px;
}

.profile_page label {
    text-align   : left;
    color        : #fff;
    margin-bottom: 16px;
}

.arrow_right {
    width        : 56px;
    height       : 56px;
    background   : #f7921a;
    border-radius: 50%;
    cursor       : pointer;
    position     : absolute;
    top          : 70px;
    right        : 0;
}

.arrow_right i {
    color      : #fff;
    font-size  : 40px;
    text-align : center;
    display    : block;
    line-height: 53px;
    font-weight: bold;
}

.arrow_right.default {
    background: #262a36 !important;
}

.arrow_right.default i {
    color: #444a5a !important;
}

.checked {
    display: none !important;
}

input.input_field {
    display      : block;
    width        : 100%;
    height       : 50px;
    background   : transparent;
    border       : 1px solid #394258;
    border-radius: 4px;
    color        : #2f3647;
    font-size    : 15px;
    padding      : 0 10px;
}

.arrow_right.left {
    right: auto;
    left : 0;
}

.m_top {
    margin-top: 30px;
}

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

.pro-radio label {
    width        : 100%;
    border       : 1px solid #394258;
    display      : block;
    text-align   : center;
    padding      : 14px 0;
    margin-bottom: 15px;
    font-size    : 15px;
    position     : relative;
    color        : #fff;
}

.pro-radio label i {
    color        : #f7921a;
    width        : 28px;
    height       : 28px;
    background   : #fff;
    line-height  : 28px;
    border-radius: 50%;
    position     : absolute;
    right        : 11px;
    top          : 8px;
    opacity      : 0;
}

.pro-radio input[type="radio"]:checked+label {
    background: #f7921a;
}

.pro-radio input[type="radio"]:checked+label i {
    opacity: 1;
}

.pro-radio li {
    list-style: none;
}

.completed_0 {
    width: 0% !important;
}

.completed_3 {
    width: 34% !important;
}

.completed_4 {
    width: 68% !important;
}

.completed_5 {
    width: 100% !important;
}

.plans>.row {
    border-bottom: 15px solid #0d101b;
    margin-bottom: 0;
}

.s_fix {
    /*overflow-y: scroll;
    max-height  : 59rem;*/
}

@media screen and (max-width:1199px) {
    ul.progress_statz {
        position: absolute;
        left    : -9%;
    }

}

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

    .profile_page {
        max-width: 80%;
    }
}

@media screen and (max-width:500px) {
    ul.progress_statz li {
        margin-right: 17%;
    }

    ul.progress_statz {
        position: absolute;
        left    : -14%;
    }

    ul.progress_statz li span {
        left: -25px;
    }

}

@media screen and (max-width:320px) {
    ul.progress_stat {
        position: absolute;
        left    : -19%;
    }

    ul.progress_stat li span {
        left     : -8px;
        font-size: 12px;
    }

}

/*********************************************************************************************/
/*
.back-images {
    height: 595px;
}
.bg-color-right {
    height: 595px;
}
*/

/* Package */
@media (max-width: 1600px) {
    .swiper-container-pack {

        width: 52.5% !important;
    }
}

@media (max-width: 1536px) {
    .swiper-container-pack {

        width: 55.5% !important;
    }
}

@media (max-width: 1440px) {
    .swiper-container-pack {

        width: 59.5% !important;
    }
}

@media (max-width: 1366px) {
    .swiper-container-pack {
        width: 62.5% !important;
    }
}

@media (max-width: 1024px) {
    .swiper-container-pack {

        width: 68.5% !important;
    }

    .prev-pack {
        left: 33px !important;
    }

    .sim-main-content {

        width: 100%;

    }

    .next-pack {
        right: 64px !important;
    }


}

.slider-pack {
    width           : 50%;
    margin          : 30px auto;
    background-color: none !important;
    border          : 1px solid none !important;
}

.slick-slide {
    margin: 5px 10px;
}

.slick-slide img {
    width: 26px;
}

.slick-prev:before,
.slick-next:before {
    color: gray;
}

.slick-slide {
    transition: all ease-in-out .3s;
    opacity   : 1;
}

.slick-active {
    opacity: 1;
}

.slick-current,
.slick-slide {
    opacity         : 1;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.20, #9e9e9e02), color-stop(0.40, #f89f33));
    background-image: -moz-linear-gradient(center bottom, rgb(173, 14, 173) 20%, #f89f33 40%);

    border-radius    : 7px;
    padding          : 1px;
    background-size  : 100% 50%;
    background-repeat: no-repeat;
}

.plan-box {
    text-align   : center;
    color        : #777;
    background   : #0d101b;
    border-radius: 7px;
    outline      : none;

    padding: 10px 0px;
}

.swiper-pack-outer .plan-body ul li img {
    float: left;
}

.plan-body>ul>li>img {
    width: 15px;
}

.slick-dots {
    display: none !important;
}

.slick-initialized .slick-slide {
    outline   : none;
    box-shadow: 1px 2px 2px black;
    /*width   : 200px !important;*/
}

/*   .slick-list{
       width : 680px !important;
       margin: 0px auto !important;
       }*/
.slick-current .plan-body ul li img {
    width         : 15px;
    border-radius : 19px;
    margin-right  : 12px;
    -webkit-filter: grayscale(100%);
    filter        : grayscale(0%);
}

.slick-current .btn-pack-buy {
    border       : 1px solid #f7921a !important;
    color        : #f7921a !important;
    /*  margin   : 10px 65px !important;*/
    border-radius: 44px !important;
    font-size    : 13px;
}

.slick-current .btn-pack-reverse {
    background   : #f7921a !important;
    color        : #fff !important;
    /*margin     : 10px 65px !important;*/
    border-radius: 44px !important;
    padding      : 4px;
}

.slick-current .btn-pack-buy:hover {
    background   : #f7921a !important;
    color        : #fff !important;
    /*margin     : 10px 65px !important;*/
    border-radius: 44px !important;
    font-size    : 13px;
}

.slick-current .plan-box {
    text-align   : center;
    color        : #fff;
    background   : #0d101b;
    border-radius: 7px;
    outline      : none;

    padding: 10px 0px;
}

/*06-03-2018 */
.box-slider .slick-slide {
    -webkit-transform: scale(.92);
    -ms-transform    : scale(.92);
    transform        : scale(.92);
    opacity          : .5;
}

.box-slider .slick-slide.slick-current {
    opacity          : 1;
    -webkit-transform: scale(1.10);
    -ms-transform    : scale(1.10);
    transform        : scale(1.10);
}

.box-slider .slick-track {
    padding: 50px 0px;
}

.box-slider .swiper-pack-outer .plan-body ul li {
    margin   : 15px 0;
    font-size: 15px;
}

.box-slider .plan-footer a {
    text-transform: uppercase;
    font-size     : 13px !important;
    font-weight   : 600;
    line-height   : 35px !important;
    height        : 36px !important;
    padding       : 0px 25px !important;
    display       : block;
    text-align    : center;
    width         : 100%;
    margin        : 10px auto !important;
    font-family   : 'Open Sans', sans-serif;
    /* float      :  left;*/
}

.box-slider .swiper-pack-outer .btn-pack-reverse {
    border-radius: 25px !important;
    margin-bottom: 35px !important;
}

.box-slider .plan-footer {
    width : 55%;
    margin: auto;
}

.swiper-pack-outer .plan-body ul {
    padding: 10px 0;
}

.box-slider.slider-pack {
    width    : 100%;
    max-width: 970px;
}

.box-slider .swiper-pack-outer .plan-body ul li img {
    width       : 25px;
    height      : 25px;
    margin-right: 20px;
}

.box-slider .slick-slide strike {
    color    : #404755;
    font-size: 22px;
}

.box-slider .swiper-pack-outer .plan-header p {
    font-size: 20px;
    color    : #404755;
}



.box-slider .slick-arrow:before {
    content: '';
}

.box-slider .slick-arrow {
    width     : 24px;
    height    : 57px;
    background: url(../images/arr-left.png) no-repeat center center !important;
    width     : 24px;
    height    : 57px;
}

.box-slider .slick-next {
    background: url(../images/arr-right.png) no-repeat center center !important;
    right     : -50px;
}

.box-slider .slick-prev {
    left: -50px;
}

.plan-header h4 {
    font-size     : 21px;
    text-transform: uppercase;
    color         : #fff;
    padding       : 30px 0px 25px;
}

.plan-price {
    font-size: 24px;
    padding  : 15px 10px;
}

.box-slider .swiper-pack-outer .plan-header .plan-descp p {
    font-size: 12px;
    padding  : 0px 5px;
}

/* package menu */
.package i {
    background-repeat  : no-repeat;
    display            : inline-block;
    margin-right       : 10px;
    position           : relative;
    top                : 3px;
    width              : 25px;
    height             : 25px;
    background-position: -5px -48px;
    width              : 30px !important;
    position           : absolute;
    top                : 50%;
    transform          : translateY(-50%);
    background-image   : url(assets/images/d-spritesheet.png);
    background-repeat  : no-repeat;
    display            : inline-block;
    left               : 28px;
}

#menu-content .nav-side-menu li i {
    margin-right: 28px;
}

#menu-content .package a {
    padding-left: 68px;
    position    : relative;
}

.package i:before {
    opacity: 0;
}

/* 08-03-2018 */
.real-time h2 {
    text-transform: capitalize;
    font-size     : 14px;
    font-family   : 'Open Sans', sans-serif;
    margin        : 0;
}

.real-time label .amount-box {
    text-align : left !important;
    font-size  : 14px;
    padding    : 0;
    line-height: 1;
    font-weight: 600;
}

.real-time label {
    margin: 0;
}

.real-time {
    padding : 12px;
    position: relative;
}

.real-time .pics {
    position: absolute;
    top     : 13px;
    left    : -0px;
    float   : none;
}

.pics img {
    position: static;
}

.window-title {
    margin-left : -15px;
    margin-right: -15px;
}

.window-body .setting-123 {
    width: 90%;
}

.chose-12 h2 {
    text-transform: capitalize;
}

select#symbol {
    height   : 42px;
    font-size: 15px;
}

.view-amount,
.view-id {
    position: static;
}

.back-images {
    background-color: #1a1f2b;
    min-height      : 606px;
}

.view-amount {
    font-weight: 600;
}

.setting-123 .address-type-padding-left h3 {
    text-transform: capitalize;
    font-size     : 14px;
    margin-top    : 5px;
}

.round-check input[type="radio"]+label {
    width   : 16px;
    height  : 16px;
    position: relative;
}

.round-check input[type="radio"]+label::before {
    width : 6px;
    height: 6px;
}

span.slider.round {
    border-radius: 25px;
    background   : #404654;
    border-color : #404654;
}

label {
    text-transform: capitalize;
    font-weight   : 400;
}

.onoffswitch1 .switch {
    height          : 17px;
    position        : relative;
    width           : 48px;
    /* border-radius: 25px; */
    top             : 8px;
    right           : 0px;
}

.slider:before {
    height : 25px;
    width  : 25px;
    z-index: 99;
    top    : -5px;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    transform        : translateX(26px);
}

.inline-b {
    font-size: 14px;
    position : relative;
    top      : 2px;
}

.setting-123 h4.running-label {
    font-size     : 13px;
    text-transform: capitalize;
}

.action-area i.fa {
    font-size: 55px;
    position : relative;
    top      : -24px;
    opacity  : 0;
}

.bet-action .inline {
    position  : absolute;
    top       : 0;
    right     : unset;
    width     : 100%;
    text-align: center;
    left      : 0;
    height    : 45px;
    margin    : 0;
}

.bet-action .inline span {
    display: inline-block;
    height : 53px;
    margin : 0;
    width  : 100%;
}

.opening-price h3,
.opening-price-2 h3 {
    margin-top: 5px;
}



.bet-action {
    border-radius: 8px;
    width        : 85px;
    height       : 53px;
}

.bet-amount {
    height   : 54px;
    top      : 0px;
    font-size: 15px;
}

#current_price {
    font-size: 15px;
}

.bet-amount .title {
    font-size: 13px;
}

.bet-action.down .inline span {
    background: url(../images/arrow-down.png) no-repeat center center;
}

.bet-action.green-bg .inline span {
    background: url(../images/arrow-up.png) no-repeat center center;
}

.exposure {
    background: rgb(23, 28, 40);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(23, 28, 40, 1) 0%, rgba(13, 16, 27, 1) 50%, rgba(23, 28, 40, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(23, 28, 40, 1) 0%, rgba(13, 16, 27, 1) 50%, rgba(23, 28, 40, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(23, 28, 40, 1) 0%, rgba(13, 16, 27, 1) 50%, rgba(23, 28, 40, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#171c28', endColorstr='#171c28', GradientType=1);
    /* IE6-9 */
}

.onoffswitch1 .switch:before {
    content       : "off";
    position      : absolute;
    z-index       : 1;
    font-size     : 10px;
    text-transform: uppercase;
    left          : 6px;
    top           : 0px;
    line-height   : 17px;
    font-weight   : 600;
}

.onoffswitch1 .switch:after {
    content       : "on";
    position      : absolute;
    z-index       : 1;
    font-size     : 10px;
    text-transform: uppercase;
    right         : 6px;
    top           : 0px;
    line-height   : 17px;
    font-weight   : 600;
}

input:checked+span.slider.round {

    background-color: #f7921a;
    border-color    : #f7921a;
    /* font-weight  : 600; */
}

.amount-section .check-label {
    display      : -webkit-box;
    display      : -ms-flexbox;
    display      : flex;
    -ms-flex-wrap: wrap;
    flex-wrap    : wrap;
}

.amount-section span.amount-title {
    order       : 1;
    margin-left : 0;
    margin-right: 5%;
    font-size   : 14px;
}

#myRange {
    order: 2;
}

.amount-section span.form-control {
    order: 3;
}

.amount-section {
    padding-left: 0;
}

@media(max-width:1199px) {
    .pam_accunt.content-box.package .box_set {
        min-height: 645px !important;
    }

    .main-page.fund {
        width: 80%;
    }

    .box-slider.slider-pack {
        width: 95%;
    }

    #page-content-box .middle-sell-box {
        left: -25px;
    }

    .trade_markets .small-graph.chartjs-render-monitor {
        height     : 60px !important;
        width      : 100px !important;
        margin-left: -25px;
    }

    .content-box.history-page .swiper-container .expire-icon {
        width: 8%;
    }

    .content-box.history-page .swiper-container .small-graph-box {
        padding: 24px 10px;
    }

    .menu_wallet.wallet_fix {
        margin-right: 22%;
    }

    .tab-content.setting-content .panel-body {
        padding: 10px 30px !important;
    }
}

/* 16-03-2018 tk */
body {
    height    : 100%;
    min-height: 100%;
}

html {
    height: 100%;
}

@media(max-width:991px) {
    .table-data.table-data-portfolio {
        max-height: 69vh !important;
    }

    .main-page.fund {
        width        : 100%;
        padding-right: 20%;
    }

    div#my_profile_modal .row.myfooter_form .col-md-2 {
        width: 10%;
        float: left;
    }

    div#my_profile_modal .row.myfooter_form .col-md-8 {
        width : 75%;
        float : left;
        margin: 0 2.5%;
    }

    .topborder>div:first-child,
    .topborder+div>div:first-child {
        width: 60%;
    }

    .setting-content {
        padding: 15px 0 0 0 !important;
    }

    .tab-content.setting-content .panel-body {
        padding: 10px 10px !important;
    }

    div#profile_outer {
        background: transparent !important;
    }

    .m-nav-header i {
        font-size: 21px;
    }

    #set_price_alert_modal .modal-header h2 {
        text-align: center !important;
    }

    div#set_price_alert_modal .col-xs-3.m-hide {
        display: none;
    }

    div#set_price_alert_modal .stepper-box .col-xs-6 {
        width: 65%;
    }

    div#set_price_alert_modal .middle-content .stepper-box .col-xs-3 {
        width: 29% !important;
    }

    div#set_price_alert_modal .stepper-box a {
        width : 113px;
        height: 35px;
    }

    div#set_price_alert_modal .send {
        left  : auto !important;
        width : auto !important;
        margin: 0 auto;
    }

    div#set_price_alert_modal button.btn.btn-primary.btn-lg.grey.blue.create-price-alert {
        border-radius: 20px !important;
        min-width    : auto !important;

    }

    div#wallet_transaction_modal .send {
        position      : static !important;
        transform     : translateX(0%) !important;
        padding-bottom: 20px;
        display       : block;
        margin        : 0 auto;
        text-align    : center;
    }

    div#wallet_transaction_modal .send button {
        display   : inline-block;
        text-align: center;
    }

    .modal-dialog {
        width : 80% !important;
        margin: 0 auto !important;
    }

    div#wallet_transaction_modal .modal-dialog {
        max-width: 570px;
    }

    .modal-body {
        min-height: auto !important;
    }

    #set_price_alert_modal .modal-body {
        min-height: 330px !important;
    }

    #set_price_alert_modal .modal-dialog {
        max-width: 482px !important;
        margin   : 0 auto !important;
    }

    .span.menu_ham {
        display: inline-block !important;
    }

    #page-content-box .col-sm-12.middle-header-bar .col-md-3 .middle-sell-box {
        left: -75px;
    }

    #page-content-box .col-sm-12.middle-header-bar .col-md-5 {
        width: 58%;
        float: left;
    }

    #page-content-box .col-sm-12.middle-header-bar .col-md-3 {
        width: 30%;
        float: left;
    }

    #page-content-box .col-sm-12.middle-header-bar .col-md-4 {
        width: 35%;
        float: right;
    }

    .dashboard .main-pg-dashboard .row>.col-md-9,
    .dashboard .main-pg-dashboard .row>.col-md-3 {
        float: left;
    }

    .dashboard-bar>div {
        padding: 0px 1% 1% !important;
        ;
        width: 30.33% !important;
    }

    .dashboard .wallet-table.related-market-table .sell-box .sell {
        padding-left: 25px;
        text-align  : left;
        text-indent : 10px;
    }

    .dashboard .wallet-table.related-market-table .sell div {
        display    : block;
        text-align : center;
        text-indent: 0px !important;
    }

    .navbar-nav .dropdown-menu,
    .navbar-nav .open .dropdown-menu,
    .dropdown-menu {
        min-width   : auto !important;
        width       : 250px;
        background  : #111423;
        border-right: none;
    }

    .header_2 {
        padding-right: 12px;
    }

    .header_2 a.current span {
        font-weight: normal;
        color      : #5ceebd;
    }

    #dropdownMenu1 {
        color: #5ceebd !important;
    }

    a.current .sprite-portfolio-portfolio {
        background-position: -98px -35px !important;
    }

    .header_2 .navbar-nav>li>a.current .sprite-portfolio-history {
        background-position: -65px -32px;
    }

    .header_2 .navbar-nav>li>a.current .sprite-portfolio-order {
        background-position: -41px -62px;
    }

    .before-table .col-xs-2 {
        border-bottom: none;

    }

    .tradeClose .modal-body {
        min-height: 380px !important;
    }

    .tradeClose .modal-body {
        min-width     : auto !important;
        border-radius : 42px !important;
        padding-bottom: 30px !important;
    }

    .tradeClose button#close_trade_btn {
        min-width    : auto !important;
        border-radius: 42px !important;
        margin-bottom: 30px;
    }

    .tradeClose .modal-body .send {
        left : 0% !important;
        width: auto !important;
        right: 0 !important;
    }

    #page-content-box {
        height: 86vh;
    }

    #page-content-box .col-sm-12.middle-header-bar .col-md-5 .box-img {
        margin-right: 10px !important;
    }

    .customers #response .container-custom .stepper-box .col-xs-6 {
        float: right;
    }

    .customers .navbar-nav .dropdown-menu,
    .customers .navbar-nav .open .dropdown-menu,
    .customers .dropdown-menu {
        background  : #1a1f2b !important;
        border-right: 1px solid #5ceebd;
    }

    .content-box.history-page .swipneer-slide .box-group.upper span {
        display: block;
    }

    .content-box.history-page .swipneer-slide .expire-icon {
        right: -47px;
        top  : -20px;
    }

    .tab-content.setting-content div#trading .col-sm-4 {
        width: 100%;
    }
}

@media(max-width:768px) {
    .content-box.tab-content.exchange-page.custome_exchange_width .exchange-external-layer {
        margin: 0 auto;
        left  : 0;
        right : 0;
        width : 100%;
    }

    .content-box.tab-content.exchange-page.custome_exchange_width .right-layer-side .description,
    .left-layer-side .description {
        width: auto;
    }

    .content-box.tab-content.exchange-page.custome_exchange_width {
        padding: 0px !important
    }

    .menu_wallet.wallet_fix {
        margin-right: 2%;
    }

    .pam_accunt.content-box.package {
        max-height: 585px !important;
    }

    #page-content-box .col-sm-12.middle-header-bar .col-md-4 ul.dropdown-menu.Linkicons.arrow_box {
        padding-top: 45px;
    }

    .customers ul.clearfix.tabs a {
        text-align: left !important;
    }

    .customers #response .middle li a {
        width: auto;
    }

    .customers #response .middle .switch {
        right: 23px;
    }

    .customers #response .middle ul li a {
        text-align: center;
    }

    .customers #open-trade-form .dropdown-menu.arrow_box {
        position    : absolute;
        top         : 132% !important;
        left        : -30px;
        height      : auto;
        width       : 150px;
        background  : #1a1f2b !important;
        border-right: 1px solid #5ceebd;

    }

    .customers .dropdown-menu>li>a {
        padding  : 8px 15px !important;
        font-size: 15px;
    }

    .tradeClose .modal-dialog {
        margin: 65px auto 0px auto !important;
        width : 80% !important;

    }

    #response .modal-dialog {
        width : 460px !important;
        margin: 10px auto !important;
    }

    #response .modal-dialog {
        width : 80% !important;
        margin: 0 auto !important;
    }

    #response .stepper-box .col-xs-6 {

        width: 50% !important;
    }

    #response .stepper-box .col-xs-6+.col-xs-3 {
        width: 25% !important;
    }

    .middle-content .stepper-box .col-xs-3 {
        width       : 20% !important;
        padding-left: 0px;
    }

    #response .middle-content .stepper-box a {
        width     : 95px;
        height    : 35px;
        margin-top: -7px;
    }

    #response .middle-content .stepper-box .col-xs-3 label {
        padding-left: 0px;
    }

    #response a.more-option {
        margin: 0 auto !important;
    }

    #response .modal-dialog #tmm_trade_btn {
        min-width    : auto !important;
        border-radius: 42px !important;
        margin-bottom: 30px;
        transform    : translateX(-50%);
        left         : 50% !important;
        width        : auto !important;

    }

    .customers .modal-body a.more-option {
        text-align   : center;
        display      : inherit;
        margin-bottom: 20px !important;
    }

    #newWatchlistModal .modal-dialog {
        width : 75% !important;
        margin: 80px auto 0 auto !important;
    }

    #newWatchlistModal .modal-dialog .create-watchlist-description {
        width  : 90% !important;
        display: block;
    }

    .content-box.history-page .col-xs-3.custom-col-3 {
        display: block;
        width  : 20%;
    }

    .content-box.history-page .col-xs-2 {
        display: block;
        width  : 15%;
    }

    .content-box.history-page p.date-in-line {
        width: 100px;
    }

}

.menu_wallet+.menu_ham {
    display: none;
}

@media(max-width:767px) {
    .port_wrappr {
        max-height: 65vh !important;
    }

    .form-horizontal .form-group+.form-input.row>.col-xs-8 {
        width      : 100%;
        margin-left: 0;
    }

    .main-page.fund {
        margin-top: 20px !important;
        max-height: 610px !important;
        width     : 100%;
    }

    .tab-content.setting-content {
        max-height: 585px !important;
        overflow-y: scroll;
    }


    form#depositForm .selectize-dropdown.single.demo-default {
        background: transparent !important;
    }

    .main-page.fund {
        width        : 82%;
        margin       : 0 auto;
        left         : 0;
        right        : 0;
        margin-top   : 25px !important;
        padding-right: 0%;
    }

    form#depositForm .selectize-dropdown {
        position  : absolute !important;
        top       : 34px !important;
        width     : 100% !important;
        left      : 0;
        right     : 0;
        margin    : 0 auto;
        background: transparent;
        height    : auto !important;
    }

    form#depositForm .form-group.select_amount_class .selectize-dropdown-content {
        width: 74px;
    }

    ul.dropdown-menu.Linkicons.arrow_box {
        border-right: none !important;
    }

    #main-wallet-view .wallet-main-view {
        padding: 10px 52px 10px 61px !important;
    }

    #main-wallet-view .wallet-main-view .trans-description {
        font-size: 10px;
    }

    .wallet-main-view h1 {
        font-size: 32px !important;
    }

    .wallet-main-view .page-header .btn-default {
        min-width: 85px !important;
    }

    #main-wallet-view .wallet-main-view {
        width      : 100%;
        margin-left: 8%;
        padding    : 10px 75px;
    }

    .content-box.tab-content.wallet .wallet-aside {
        margin-top: 15px;
        width     : 115px;
    }

    .header_2.inner-nav-left.clearfix .dropdown-menu {
        border-right: none !important;

    }

    .menu_ham+div+ul {
        border     : none !important;
        margin-left: 0px !important;
        padding-top: 15px;

    }

    .menu_ham+div+ul a {
        margin-left: 0px !important;
        text-align : left;
        line-height: 20px !important;
    }

    .header_2.inner-nav-left.clearfix .m-nav-header {
        background: transparent;
        height    : 55px;
    }

    .header_2.inner-nav-left.clearfix .m-nav-header i {
        font-size: 22px;
    }

    .content-box.history-page ul.dropdown-menu.Linkicons .m-nav-header i {
        font-size: 22px;
    }

    .content-box.history-page ul.dropdown-menu.Linkicons .m-nav-header {
        height: 55px;
    }

    .content-box.history-page ul.dropdown-menu .s-btn:hover,
    .content-box.history-page ul.dropdown-menu .s-btn:focus {
        background: transparent;
    }

    .menu_wallet+.menu_ham+ul.nav.navbar-nav.clearfix {
        position   : fixed;
        width      : 200px;
        height     : 100vh;
        background : #000;
        z-index    : 99999;
        top        : 0;
        padding-top: 10px;
        display    : none;
    }

    .menu_wallet+.menu_ham {
        width  : 20px;
        height : 20px;
        cursor : pointer;
        display: inline-block !important;
    }

    .menu_wallet+.menu_ham i:before {
        content   : "\f20e" !important;
        color     : #fff;
        font-size : 21px;
        margin-top: 11px;
    }

    .content-box.history-page .sim-main-content {
        max-height: 585px !important;
    }

    .content-box.history-page .graph-custume-description a.btn.apply {
        margin-left: -60px;
    }

    .content-box.history-page .small-graph-box {
        min-height: 442px;
    }

    #new-watchlist-form .create-watchlist-img {
        width : 90px;
        height: 92px;
    }

    #newWatchlistModal button.btn.btn-primary.btn-lg.grey.blue {
        padding: 6px 34px;
    }

    .content-box.history-page .menu_wallet a {
        padding: 14px 8px;
    }


    .customers .table.trade_markets th.profile.watchlist-profile-width {
        width: 12% !important;
    }

    .customers .table.trade_markets>tbody>tr>td {
        padding: 10px 10px;
    }

    table.table.trade_markets .profile+td,
    table.table.trade_markets th.graphs-col-width {
        display: none !important;
    }

    .customers table.table.trade_markets .sell-box .sell div,
    .customers .sell-box .sell div {
        display: block;
    }

    .customers table.watchlist th.profile.watchlist-profile-width {
        width: 15% !important;
    }

    .customers table.watchlist>tbody>tr>td {
        padding: 13px 10px;
    }

    #page-content-box .break-sm .hide-sm {
        display: inline-block !important;
    }

    #page-content-box .col-sm-12.middle-header-bar .col-md-5 {
        width: 70%;
    }

    #page-content-box .col-sm-12.middle-header-bar .col-md-3 .middle-sell-box {
        left: -15px;
    }

    #page-content-box .user-head .num-bigger {
        margin-top: 0px !important;
    }

    #page-content-box .col-sm-12.middle-header-bar .col-md-4 {
        width: 100%;
    }

    #page-content-box .col-sm-12.middle-header-bar .col-md-4 ul.dropdown-menu.Linkicons.arrow_box {
        padding-top: 45px;
    }

    #page-content-box {
        height: 81vh;
    }

    #response .modal-dialog #tmm_trade_btn {
        min-width    : auto !important;
        border-radius: 42px !important;
        margin-bottom: 30px;
        transform    : translateX(-50%);
    }

    #response .modal-dialog {
        width : 80% !important;
        margin: 0 auto !important;
    }

    .m-nav-tab #dropdownMenu1 span {
        font-size: 0;
    }

    ul.nav.navbar-nav.clearfix.m-nav-tab {
        margin-left: 0%;
    }

    .m-nav-tab #dropdownMenu1 span .ion-android-arrow-dropdown:before {
        content: "\f20e";
        color  : #fff;
    }

    .m-nav-tab #dropdownMenu1 span .ion-android-arrow-dropdown:hover:before {
        color: #5ceebd;
    }

    .menu_wallet {
        width       : 120px !important;
        margin-right: 0px;
        padding     : 11px 10px;
    }

    .dashboard-bar>div {
        width         : 30.33% !important;
        vertical-align: top;
        text-align    : center;
        box-sizing    : border-box;
        padding       : 0px 1% 1% !important;
    }

    .dashboard-bar .title span {
        display: block;
    }

    .dashboard-bar .title {
        line-height: 1.5;
    }

    .dashboard .main-pg-dashboard .row>.col-md-9,
    .dashboard .main-pg-dashboard .row>.col-md-3 {
        width: 100%;
    }

    .section-first .sub-section .content-left,
    .section-first .sub-section .content-right {
        width: 100%;
    }

    .dashboard .wallet-table {
        padding: 0px 10px;
    }

    .sub-section.min-sub {
        width: 100%;
    }

    .wallet-table.related-market-table.news {
        margin-bottom: 100px;
    }

    #response .stepper-box .col-xs-6 {

        width: 50% !important;
    }

    #response .stepper-box .col-xs-6+.col-xs-3 {
        width: 25% !important;
    }

    .middle-content .stepper-box .col-xs-3 {
        width: 20% !important;
    }

    #response .middle-content .stepper-box a {
        width     : 95px;
        height    : 35px;
        margin-top: -7px;
    }

    #response .middle-content .stepper-box .col-xs-3 label {
        padding-left: 0px;
    }

    #response a.more-option {
        margin: 0 auto !important;
    }

    .customers #response a.more-option {
        text-align   : center;
        display      : inherit;
        margin-bottom: 20px !important;
    }

    .content-box.history-page .dropdown-menu {
        border-right: none !important;
    }
}

@media(max-width:600px) {
    .wallet-transactions-list .list-group-item {
        padding: 5px 0px 5px 8px !important;
    }

    #page-content-box {
        height: 81vh;
    }

    ul.nav.navbar-nav.clearfix.m-nav-tab {
        margin-left: 0% !important;
    }

    #tmm_edit_modal .middle.two-tabs ul li {
        width: 100%;
    }

    .content-box.history-page .swipneer-slide .box-group.upper span {
        display: inline-block;
    }

    .content-box.history-page .swipneer-slide .expire-icon {
        right: 0px;
        top  : -2px;
    }

    .content-box.history-page .swipneer-slide {
        width : 95%;
        float : none;
        margin: 20px auto;
    }

    .content-box.history-page .small-graph-box {
        margin-bottom: 20px;
    }

    .content-box.history-page .swipneer-slide .graph-custume-description a.btn.apply {
        margin-left: -10px;
    }
}

@media(max-width:650px) {
    .content-box.history-page .col-xs-3.custom-col-3 {
        width: 33.33%;
    }

    .content-box.history-page .col-xs-2 {
        text-align: center;
        width     : 33.33%;
    }

    .content-box.history-page .col-xs-1 {
        text-align: center;
        width     : 33.33%;
    }

    .history-page .enable-before-table.saving_acc {
        top: 240px !important;
    }

    .content-box.history-page p.date-in-line {
        width: 120px;
    }

    .content-box.history-pag .major-value {
        padding-left: 42px;
    }

    .content-box.history-page .swipneer-slide .box-group.upper span {
        display: block !important;
    }

    .content-box.history-page .swipneer-slide .expire-icon {
        right: -47px !important;
        top  : -20px !important;
    }

    .content-box.tab-content.wallet .wallet-aside {
        width: 90px;
    }

    .setting-content {
        padding: 15px 20px 0px 20px !important;
    }
}

@media(max-width:500px) {

    .exchange-icon {
        top: 214px !important;
    }

    .exchange-divider+div+.exchange-action.horizontal-align {
        position   : static;
        margin     : auto;
        display    : block;
        transform  : translateX(0);
        text-align : center;
        padding-top: 113px;
    }

    div#footer_current_exchange {
        position  : static;
        text-align: center;
        transform : translateX(0);
    }

    .exchange-external-layer {
        top   : auto !important;
        bottom: 30px;
    }

    .exchange-content .exchange-side {
        width         : 86%;
        margin-bottom : 10px;
        padding-bottom: 30px;
    }

    #main-wallet-view .wallet-main-view .trans-description {
        font-size: 8px;
    }

    #response .modal-dialog {
        width : 90% !important;
        margin: 0 auto !important;
    }

}

@media(max-width:400px) {
    .port_wrappr {
        max-height: 55vh !important;
    }

    .setting-content {
        padding: 15px 10px 0px 10px !important;
    }

    .content-box.tab-content.wallet .wallet-aside {
        position: relative;
        z-index : 9999999;
    }

    .exchange-external-layer .rate {
        font-size: 18px !important;
    }

    .exchange-overlayer .title,
    .exchange-overlayer .rate-small {
        font-size: 10px !important;
    }

    .exchange-external-layer {
        bottom: 15px;
    }

    .wallet-main-view h1 {
        font-size: 25px !important;
    }

    .wallet-main-view .page-header .btn-default {
        min-width: 70px !important;
    }

    .dashboard-bar>div {
        width  : 48.33% !important;
        padding: 0px 1% 15px !important;
    }

    .content-box.history-page .col-xs-3.custom-col-3 {
        width: 50%;
    }

    .history-page .enable-before-table.saving_acc {
        top: 270px !important;
    }
}

@media(max-width:340px) {
    div#main-wallet-view div#crypto-wallet-right-content .currency-transactions {
        max-height: 280px !important;
    }

    #main-wallet-view .wallet-main-view {
        padding: 10px 30px 10px 61px !important;
    }
}

@media(max-width:991px) and (min-width: 553px) {
    .trade_markets .small-graph.chartjs-render-monitor {
        height     : 60px !important;
        width      : 100px !important;
        margin-left: -25px;
    }
}

@media(min-width:769px) {
    .menu_ham+ul.dropdown-menu.nav.navbar-nav.clearfix {
        position  : static !important;
        display   : inline-block;
        padding   : 0;
        border    : none;
        background: transparent !important;
        width     : auto;

    }

    .menu_ham+ul.dropdown-menu.nav.navbar-nav.clearfix li:hover {
        background: transparent !important;

    }
}

/* 16-03-2018 tk */
.scroll_fix {
    overflow-y: hidden;
}

.row.footer-right.footer-pop+.row.footer-right {
    margin-bottom: 0px;
    z-index      : 2;
}

.content-box.history-page {
    margin-bottom: 00px;
}

.content-box.history-page .sim-main-content {
    height    : calc(100vh - 181px);
    overflow-y: scroll;
    max-height: initial;
}

.content-box.history-page .before-table {
    height: auto;
}

.middle ul li.active {
    background: transparent;
}

#response .middle li a {
    width: 148px;
}

#response .middle .switch {
    height: 21px;
    width : 50px;
    right : 50px;
}

#response .middle .switch .slider:before {
    top: -3px
}

.customers #response .modal-body {
    min-height: auto !important;
}

.customers #response .middle .switch .slider:before {
    top   : -1px;
    height: 22px;
    width : 22px;
}

.customers #response .middle .switch {
    height: 23px;
}

.content-box.history-page .b-heading {
    display: none;
}

.content-box.history-page .menu_wallet {
    width: auto !important
}

/*.content-box.history-page  ul.nav.navbar-nav.clearfix.m-nav-tab li:nth-child(3) a{
    color: #5ceebd;
}*/

.content-box.history-page .m-nav-header {
    background: transparent;
}

#confirm_open_invesmentplans_modal button.close {
    z-index: 99999999;
}

.menu_wallet {
    width: auto !important;
}

.pam_accunt.content-box.package .row.sets .col-md-4 {

    min-height: 625px;
}

.pam_accunt.content-box.package .box_set {
    min-height: 505px;
}

.pam_accunt.content-box.package .box_set ul li:first-child {
    height  : 49px;
    overflow: hidden;
}

.content-box.tab-content.wallet .wallet-aside {
    margin-top: 15px;
    overflow-x: hidden;
}

.modal {
    z-index: 99999;
}

div#main-wallet-view div#crypto-wallet-right-content .currency-transactions {
    max-height: 265px;
}

.select-exchange div#select2 {
    min-height: 80px;
}

.select-exchange div#selectize_input {
    min-height: 80px;
}

.col-sm-3.side-bar.active {
    z-index: 99999999;
}

.tab-content.setting-content {
    overflow-y: scroll;
}

.menu-sub-heading ul.dropdown-menu.Linkicons li a {
    border-left: none !important;
}

.notification-popup-main div,
.notification-footer a {
    background  : #1a1f2b;
    color       : #fff;
    border-top  : none;
    border-color: #5ceebd;
}

.notification-footer a {
    border-top   : 1px solid #5ceebd;
    border-bottom: 1px solid #5ceebd;
}

.notification-box .notification-box-description p {
    color: #fff;
}

.notification-popup-main {
    border       : 1px solid #5ceebd;
    border-bottom: none;
}

.notification-header-container a {
    background: transparent;
}

.selectize-dropdown.single.demo-default {
    height: 40px !important;
}

.selectize-dropdown-content .option.active {
    background-color: #1a1f2b !important;
}

#pamm_profit_summary .modal-dialog {
    width    : 100%;
    max-width: 700px;
}

#pamm_profit_summary #trade-market-content tr td {
    padding   : 19px 24px;
    text-align: center;
}

#pamm_profit_summary img.m-hide {
    margin : 0 auto;
    display: block;
}

.pam_accunt.content-box.package .box_set a.btn_set:nth-child(2) {
    background    : none;
    border-bottom : 1px dotted #ddd;
    border-radius : 0px;
    max-width     : 150px;
    padding-bottom: 2px;
}

.pam_accunt.content-box.package .box_set a.btn_set:nth-child(2):hover {
    color        : #5ceebd;
    border-bottom: 1px solid #5ceebd;
}

.pam_accunt.content-box.package .row.sets .col-md-4 {
    min-height: 665px;
}

.pam_accunt.content-box.package .box_set {
    min-height: 615px;
}

.pam_accunt.content-box.package .box_set a.btn_set:nth-child(2):before {
    content       : "\e011";
    font-family   : 'Glyphicons Halflings';
    margin-right  : 5px;
    vertical-align: top;
}

.trade_nav ul {
    float     : none;
    /width    : 325px;
    margin    : 0 auto;
    text-align: center;
}

.trade_nav li {
    display      : inline-block;
    text-align   : center;
    width        : auto;
    float        : left;
    border-bottom: none;

}

.trade_nav li a {
    height        : 40px;
    padding       : 8px 8px;
    background    : #0f121e !important;
    border        : 1px solid #404755;
    position      : relative;
    z-index       : 99999;
    bottom        : 0px;
    border-bottom : none;
    border-bottom : 1px solid transparent;
    text-transform: uppercase;

}

.trade_nav li:first-child a {
    border-top-left-radius: 5px;

}

.trade_nav li:last-child a {
    border-top-right-radius: 5px;

}

.trade_nav li.active_tab a,
.trade_nav li:hover a {
    border-bottom: 1px solid #404755 !important;
    color        : #5ceebd8c !important;
}

.new_tabfix .pos_fixed ul.nav.navbar-nav.clearfix.desktop-nav li.active a {
    color: #5ceebd !important
}

#newWatchlistModal1 h2 {
    font-size : 16px;
    text-align: center;
    color     : #ddd;
}

div#newWatchlistModal1 .modal-body {
    min-height    : auto;
    padding-bottom: 40px;
}

#newWatchlistModal1 .set_one {
    margin-top     : 20px;
    height         : 50px;
    border         : 1px solid #404755;
    border-radius  : 5px;
    color          : #404755;
    width          : 100%;
    display        : -webkit-box;
    display        : -ms-flexbox;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

#newWatchlistModal1 .set_one:hover,
#newWatchlistModal1 .set_one.active {
    border: 1px solid #5ceebd;
    color : #ddd;
}

#newWatchlistModal1 .i-search-result:nth-child(2n) .set_one {
    float: left;
}

#newWatchlistModal1 span.close {
    background: transparent !important;
    padding   : 15px 20px !important;
}

img.img-responsive.tab_pic {
    width   : 21px;
    height  : 21px;
    float   : left;
    position: relative;
    z-index : 99999999;
    margin  : 11px 0px 9px 9px;
}

#newWatchlistDetailsModal .modal-content {
    max-height: 97vh;
    overflow-y: scroll;
}

.port_wrappr {
    max-height: inherit;
    height    : calc(100vh - 166px);
}

.pos_fixed {
    background: #0f121e;
    position  : fixed;
    width     : 100%;
    left      : 7%;
    right     : 0;
    margin    : 0 auto;
    text-align: center;
    display   : block;
}

.pos_fixed ul.nav.navbar-nav.clearfix.desktop-nav li a {
    border-bottom: none !important;
    border-right : none;
}

.pos_fixed ul.nav.navbar-nav.clearfix.desktop-nav li:last-child a {
    border-right: 1px solid #404755;
}

.pos_fixed .active_tab img.img-responsive.tab_pic {
    background   : rgba(92, 238, 189, .9) !important;
    border-radius: 50%;
}

div#newWatchlistModal1 .coin-img img {
    width  : 26px;
    margin : 13px 15px;
    height : 25px;
    display: block;
}

div#newWatchlistModal1 .coin-name {
    margin-left: 5px;
}

div#newWatchlistModal1 .set_one:hover .coin-name,
div#newWatchlistModal1 .set_one.active .coin-name {
    color: #5ceebd;
}

table.table.watchlist p.card-plus-content {
    position: relative;
    z-index : 999;
}

div#general .selectize-dropdown.single.demo-default {
    max-width: 167px;
    width    : 100%;
}

div#general .option.selected.active {
    background-color: #1a1f2b;
    color           : #ddd;
}

div#general .innern.active img {
    border: 2px solid #5ceebd !important;
}

div#switchPortfolioModal img.w-portfolio-table-empty-img {
    width : 100px;
    margin: 50px 0px;
}

div#switchPortfolioModal a.btn.btn-primary.portfolio-btn {
    background    : #f7921a;
    color         : white;
    padding       : 10px 0px;
    font-size     : 14px;
    font-weight   : 600;
    margin        : 0px auto;
    border-radius : 42px;
    text-align    : center;
    text-transform: uppercase;
    width         : 100%;
    max-width     : 245px;
}

div#switchPortfolioModal h3 {
    font-size     : 18px;
    color         : #fff;
    text-align    : center;
    text-transform: uppercase;
}

div#switchPortfolioModal p {
    padding: 35px 0 0 0px !important;
}

.loader_wrap {
    position  : fixed;
    width     : 100%;
    top       : 0;
    height    : 100%;
    z-index   : 99999999;
    background: rgba(0, 0, 0, .8);
    display   : none;
}

.loader_one {
    border       : 5px solid #555;
    border-top   : 5px solid #5ceebd;
    border-radius: 50%;
    width        : 50px;
    height       : 50px;
    animation    : spin 1s linear infinite;
    position     : fixed;
    top          : 50%;
    left         : 0;
    right        : 0;
    margin       : 0 auto;

}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.msg_notify {
    width     : 75%;
    margin    : 0 auto;
    text-align: center;
    padding   : 15px 10px 20px 10px;
    border    : 1px solid #2c2c2c8a;
}

.msg_notify p {
    margin-bottom: 20px;
    font-size    : 14px;
}

.msg_notify a.close-me {
    font-size       : 15px;
    text-align      : center;
    padding         : 5px 20px !important;
    background-color: #f7921a;
    border          : 1px solid #26282E;
    color           : #fff;
    box-shadow      : none;
    border-radius   : 20px;
}

section#box-slider.slick-dotted.slick-slider {
    max-height: initial;
    overflow  : auto;
    height    : calc(100vh - 218px);
    overflow-x: hidden;
}

.table-data.table-data-portfolio {
    max-height: 76vh;
}

//simulation
body {
    background-color: #0d0f1b;
    font-family     : 'Open Sans', sans-serif;
    color           : #fff;
    font-size       : 13px;
}

#plan {
    background-color: #1a1f2b !important;
    color           : #fff;
}

#first-col,
#second-col {
    padding: 2% !important;
}

#plan-text {
    color    : #404755 !important;
    font-size: 14px;
}

#plan-no {
    font-size: 18px;
}

#apply-button {
    background    : #f7921a;
    width         : 140px;
    margin-top    : 196px;
    padding       : 20px 5%;
    border-radius : 2px;
    text-transform: uppercase;
    font-size     : 15px;
}

.score {
    background-color: #47ca97;
    width           : 100%;
    padding         : 3%;
    text-align      : center;
    float           : right;
    text-transform  : uppercase;
    font-size       : 20px;
}

#amount-part {
    color  : #404755 !important;
    padding: 2% !important;
}

#enter-amount {
    margin-left     : 2%;
    background-color: black;
    color           : white;
    border-radius   : 5px;
    border          : 1px solid #404755;
}

.box-slider .slick-prev {
    left   : 0px !important;
    z-index: 99999999 !important;
}

.box-slider .slick-next {
    right  : 0px !important;
    z-index: 99999999 !important;
}

a.btn_set.activated {
    max-width : 210px;
    margin-top: 10px;
}

.box_setparent {
    position: relative;
}

.box_setparent .expired {
    position      : absolute;
    right         : 15px;
    top           : 25px;
    display       : block;
    color         : red;
    font-weight   : bold;
    text-transform: uppercase;
}

.btn.profile_complete1 {
    max-width: 200px;
    margin   : 0 auto;
}

.btn.profile_complete1 {
    display: inline-block;
}

.modal-footer {
    text-align: center;
    border-top: none ! important;
}

.lightbox {
    z-index: 999999;
}

/*19-11-2018 edit*/
.chk_wrapper {
    margin: 25px 0;
}

.chk_wrapper input[type=checkbox] {
    display: none;
}

.chk_wrapper label {
    display      : block;
    margin-bottom: 15px;
    color        : #5a5f72;
}

.chk_wrapper label span {
    color        : #fb8c00;
    width        : 20px;
    height       : 20px;
    border       : 1px solid #fb8c00;
    border-radius: 1px;
    display      : inline-block;
    text-align   : center;
    margin-right : 10px;
}

.chk_wrapper label i {
    opacity   : 0;
    transition: all .3s;
}

.chk_wrapper input[type=checkbox]:checked+label i {
    opacity: 1;
}

.plans #plan>.row {
    border-bottom: 30px solid #0d101b;
    margin-bottom: 0;
}

.plans #plan>.row:nth-last-child(2) {
    border-bottom: none;
}

.tooltip_helper {
    position: relative;
}

/* Football */
.table-responsive.watchlist_top {
    margin-top: 42px;
    min-height: 100%;
}

.watchlist_top table {
    width  : 99%;
    padding: 0px 28px;
}

.watchlist_top .img_box {
    width         : 65px;
    height        : 65px;
    border-radius : 50%;
    overflow      : hidden;
    display       : inline-block;
    vertical-align: middle;
}

.img_text {
    font-size  : 16px;
    color      : #fff;
    display    : inline-block;
    margin-left: 12px;
}

.watchlist_top td {
    color        : #fff;
    font-size    : 20px;
    border-bottom: 1px solid #252931;
    padding      : 15px 0 ! important;
}

.iwrapmgset {
    width: 15%;
}

td.plce_txt {
    font-size     : 18px;
    text-transform: uppercase;
}

td.pie_chrt i {
    cursor: pointer;
}

span.green_arrow {
    vertical-align: middle;
    display       : inline-block;
    margin-right  : 10px;
}

td.roll_no {
    width: 60px;
}

td.buy_btn a,
td.sell_btn a {
    display                   : inline-block;
    background                : #1a1f2b;
    max-width                 : 100px;
    color                     : #fff;
    text-transform            : capitalize;
    text-decoration           : none;
    padding                   : 8px 19px;
    border-radius             : 3px;
    border-top-right-radius   : 0px;
    border-bottom-right-radius: 0px;
    font-size                 : 20px;
}

td.buy_btn span,
td.sell_btn span {
    text-align: center;
    display   : inline-block;
    width     : 90px;
    border    : 1px solid #1a1f2b;
    padding   : 6px 0px;
    font-size : 20px;
}

td.buy_btn,
td.sell_btn {
    width: 240px;
}

span.green_arrow img {
    max-width   : 16px;
    object-fit  : contain;
    margin-right: 0px;
}

td.price_variation {
    width: 180px;
}

td.buy_btn span,
.green_txt {
    color: #56ba64;
}

td.sell_btn span,
.red_txt {
    color: #d55959;
}

td.pie_chrt i {
    color: #333644;
}

.roll_no {
    width     : 100px;
    text-align: center;
}

.hover_box_details {
    position: absolute;
    left    : 0;
    top     : 10px;
}

.new_tabfix .pos_fixed ul.nav.navbar-nav.clearfix.desktop-nav li a {
    color    : #465066;
    font-size: 16px;
}

.new_tabfix ul.desktop-nav li {
    border-right: 1px solid #465066;
    width       : auto;
    padding     : 0 15px 0px 11px;
}

.new_tabfix ul.desktop-nav li:last-child {
    border: none !important;
}

.pie_chrt {
    position: relative;
}

.football_table td.buy_btn a {
    background: #56ba64;
}

.football_table td.sell_btn a {
    background: #d55959;
}

.new-select .btn-group.dropdown {
    float        : none;
    padding-right: 0;
}

.new-select .btn-group.dropdown button {
    background   : #333644;
    border       : none;
    border-radius: 15px;
}

.new-select ul.dropdown-menu.Linkicons {
    min-width: auto;
    overflow : hidden !important;
}

.new-select ul.dropdown-menu.Linkicons li {
    margin-right: 0 !important;
    width       : auto;
    height      : 35px;
}

.new-select ul.dropdown-menu.Linkicons li a {
    margin-left    : 0 !important;
    height         : auto;
    border-radius  : 0;
    text-decoration: none !important;
}

.new-select .dropdown-menu li a {
    bottom: 2px !important;
}

.new_tabfix ul.desktop-nav li i {
    margin-right: 10px;
    font-size   : 20px;
}

.new_tabfix .trade_nav.pos_fixed {
    width     : 100%;
    display   : block;
    background: #1a1f2b !important;
    padding   : 3px 0px;
    z-index   : 10;
}

.new_tabfix .pos_fixed ul.nav.navbar-nav.clearfix.desktop-nav li a {
    background: transparent !important;
    border    : none !important;
}

.new_tabfix .trade_nav.pos_fixed ul {
    width: 100% !important;
}

.new_tabfix .trade_nav.pos_fixed ul li {
    float: none !important;
}

.new_tabfix .trade_nav.pos_fixed ul.pull-right {
    width     : 28% !important;
    position  : relative;
    margin-top: -35px;
}

.new_tabfix .trade_nav.pos_fixed ul.pull-right li a {
    background     : transparent !important;
    border         : none;
    text-decoration: underline;
    color          : #fff;
    font-size      : 14px;
    margin-left    : 10px;
}

.new_tabfix .trade_nav.pos_fixed ul.pull-right li {
    margin-right: 35px;
}

.new_tabfix .trade_nav.pos_fixed ul.pull-right select {
    width     : 143px;
    background: #333644;
    font-size : 14px;
}

.hover_box_details {
    position     : absolute;
    left         : 111%;
    top          : 7px;
    background   : #1b1f2b;
    width        : 490px;
    border-radius: 50px;
    border       : 1px solid #fff;
    z-index      : 99999;
    display      : none;

}

.table-data tr:nth-child(1) .hover_box_details .box_top .img_box {
    margin: -10px auto 0 auto !Important;
}

td.pie_chrt {
    width: 90px;
}

td.plce_txt {
    width: 250px;
}

td.pie_chrt:hover .hover_box_details {
    display: block;
}

.box_top {
    background                : #0d101b;
    padding                   : 20px 20px 0px 20px;
    border-radius             : 50px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius : 0px;
}

.box_top .img_box {
    margin : -45px auto 0 auto;
    display: block;
}

.box_top span.img_text {
    text-align : center;
    display    : block;
    margin-top : 12px;
    margin-left: 0px;
    font-size  : 18px;
}

.box_top ul li {
    display     : inline-block;
    font-size   : 14px !important;
    margin-right: 7%;
}

.box_top ul {
    padding-left: 0;
}

.box_top ul li:last-child {
    margin-right: 0;
}

.box_top span.p_amount.green_txt {
    margin-right: 7px;
}

.box_btm h2 {
    text-align: center;
    font-size : 16px;
    color     : #555a71;
    padding   : 15px 0px;
}

.clear .lftbox {
    float: left;
    width: 60%;
}

td.plce_txt {
    font-size: 16px;
}

.clear .rightbox {
    float: right;
    width: 40%;
}

.hover_box_details ul li {
    list-style   : none;
    font-size    : 16px;
    color        : #fff;
    margin-bottom: 15px;
}

.clear ul li span {
    font-size: 14px;
    color    : #555a71;
}

.clear.clearfix {
    padding: 0px 14px;
}

.clear.clearfix li {
    text-align: left;
}

.btn_box {
    text-align: center;
    padding   : 20px 0px 30px 0px;
    display   : block;
}

.btn_box a {
    display        : inline-block;
    padding        : 10px 15px;
    color          : #fff;
    text-decoration: none;
    font-size      : 16px;
    border-radius  : 20px;
}

.btn_box a:first-child {
    background  : #56ba64;
    margin-right: 35px;
}

.btn_box a:last-child {
    background: #d55959;
}

.btn_box a span {
    margin-left: 30px;
}

span.arrow_left {
    width   : 20px;
    height  : 30px;
    overflow: hidden;
    position: absolute;
    left    : -16px;
    top     : 31px;
    z-index : 9999;
}

span.arrow_left img {
    width : 20px;
    height: 20px;
}

.watchlist_top .img_box img {
    width : 65px !important;
    height: auto;
}

/*edit on 01-12-2018***************/
.simulation_loop {
    background: #1a1f2b;
    padding   : 0 30px;
    color     : #fff;
}

.score-wrap {
    padding      : 15px;
    background   : #47ca97;
    border-radius: 2px;
}

.score-wrap .scr2 {
    float      : none;
    font-weight: bold;
}

.tooltip_box {
    position     : absolute;
    right        : -140px;
    bottom       : 0px;
    background   : #1b1f2b;
    border-radius: 10px;
    border       : 1px solid #fff;
    padding      : 10px;
    max-width    : 230px;
    opacity      : 0;
    z-index      : -1;
    color        : #fff;
}

.tooltip_box_open {
    opacity: 1;
    z-index: 1;
}

.tooltip_box:after,
.tooltip_box:before {
    content     : '';
    display     : block;
    position    : absolute;
    left        : -22px;
    width       : 0;
    height      : 0;
    border-style: solid;
    transform   : rotate(180deg);
}

.tooltip_box:before {
    top         : 9px;
    border-color: transparent transparent transparent #fff;
    border-width: 11px;
}

.tooltip_box:after {
    top         : 10px;
    left        : -19.5px;
    border-color: transparent transparent transparent #1a1f2b;
    border-width: 10px;
}

.sim_stepper {
    margin-top: 74px;
}

.tfix_1 span.tooltip_box {
    right : -117px;
    bottom: -31px;
}

.tfix_2 span.tooltip_box {
    right : -130px;
    bottom: -52px;
}

.tfix_3 span.tooltip_box {
    right : -162px;
    bottom: -51px;
}

.tfix_4 span.tooltip_box {
    right : -155px;
    bottom: -71px;
}

.tfix_5 span.tooltip_box {
    right : -101px;
    bottom: -71px;
}

.tfix_6 span.tooltip_box {
    right : -90px;
    bottom: -71px;
}

.tfix_7 span.tooltip_box {
    right : -90px;
    bottom: -71px;
}

[tooltip] {
    margin  : 20px 60px;
    position: relative;
    display : inline-block;
}

[tooltip]::before {
    content     : "";
    position    : absolute;
    top         : -6px;
    left        : 50%;
    transform   : translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
    z-index     : 99;
    opacity     : 0;
}

[tooltip-position='left']::before {
    left       : 0%;
    top        : 50%;
    margin-left: -12px;
    transform  : translatey(-50%) rotate(-90deg)
}

[tooltip-position='top']::before {
    left: 50%;
}

[tooltip-position='buttom']::before {
    top       : 100%;
    margin-top: 8px;
    transform : translateX(-50%) translatey(-100%) rotate(-180deg)
}

[tooltip-position='right']::before {
    left       : 100%;
    top        : 50%;
    margin-left: 1px;
    transform  : translatey(-50%) rotate(90deg)
}

[tooltip]::after {
    content       : attr(tooltip);
    position      : absolute;
    left          : 50%;
    top           : -6px;
    transform     : translateX(-50%) translateY(-100%);
    background    : rgba(0, 0, 0, 0.7);
    text-align    : center;
    color         : #fff;
    padding       : 4px 2px;
    font-size     : 12px;
    min-width     : 80px;
    border-radius : 5px;
    pointer-events: none;
    padding       : 4px 4px;
    z-index       : 99;
    opacity       : 0;
}

[tooltip-position='left']::after {
    left       : 0%;
    top        : 50%;
    margin-left: -8px;
    transform  : translateX(-100%) translateY(-50%);
}

[tooltip-position='top']::after {
    left: 50%;
}

[tooltip-position='buttom']::after {
    top       : 100%;
    margin-top: 8px;
    transform : translateX(-50%) translateY(0%);
}

[tooltip-position='right']::after {
    left       : 100%;
    top        : 50%;
    margin-left: 8px;
    transform  : translateX(0%) translateY(-50%);
}

[tooltip]:hover::after,
[tooltip]:hover::before {
    opacity: 1
}

/*tool tip*/
.tooltip_q .hover_txt:before {
    content     : "";
    position    : absolute;
    top         : -6px;
    left        : -20px;
    transform   : translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
    z-index     : 99;
    display     : none;
}

/*tool tip*/
.tooltip_q .hover_txt:before {
    content     : "";
    position    : absolute;
    top         : -6px;
    left        : -20px;
    transform   : translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
    z-index     : 99;
    display     : none;
}

.tooltip_q .hover_txt:before {
    left       : -9px;
    top        : 50%;
    margin-left: 1px;
    transform  : translatey(-50%) rotate(90deg);
}

.tooltip_q .hover_txt {
    position     : absolute;
    background   : #000;
    padding      : 10px;
    border-radius: 10px;
    color        : #fff;
    font-size    : 12px;
    top          : 50%;
    transform    : translateY(-50%);
    left         : 22px;
    display      : inline-block;
    min-width    : 200px;
    text-align   : center;
    display      : none;
    z-index      : 9999999999;
}

.tooltip_q {
    cursor     : pointer;
    margin-left: 5px;
    position   : relative;
    display    : inline-block;
}

.tooltip_q:hover .hover_txt {
    display: inline-block;

}

.tooltip_q:hover .hover_txt:before {
    display: inline-block;
}

div#page-content-box li#metal-tab {
    min-width: 140px;
    width    : auto;
}

div#page-content-box .trade_nav ul {
    width     : 750px;
    margin-top: 1px;
    text-align: center;
    display   : inline-block;
}

/********Tab Icons*********/
.trade_nav li>a {
    color: #404755 !important;
}

.trade_nav li>a:before {
    content       : '';
    width         : 21px;
    height        : 21px;
    position      : static;
    left          : 6px;
    display       : inline-block;
    vertical-align: middle;
    margin-right  : 5px;
}

.trade_nav li:hover a {
    /*opacity: .7;*/
}

.trade_nav li#crypto-tab>a:before {
    background     : url(assets/images/crypto-grey.png) no-repeat !important;
    background-size: 100% !important;
}

.trade_nav li#crypto-tab.active_tab>a:before,
.trade_nav li#crypto-tab:hover>a:before {
    background     : url(assets/images/crypto-green.png) no-repeat !important;
    background-size: 100% !important;
}

.trade_nav li#forex-tab>a:before,
.trade_nav li#itech-tab>a:before {
    background     : url(assets/images/forex-grey.png) no-repeat !important;
    background-size: 100% !important;
}

.trade_nav li#forex-tab.active_tab>a:before,
.trade_nav li#forex-tab:hover>a:before,
.trade_nav li#itech-tab.active_tab>a:before,
.trade_nav li#itech-tab:hover>a:before {
    background     : url(assets/images/forex-green.png) no-repeat !important;
    background-size: 100% !important;
}

.trade_nav li#metal-tab>a:before {
    background     : url(assets/images/commodities-grey.png) no-repeat !important;
    background-size: 100% !important;
}

.trade_nav li#metal-tab.active_tab>a:before,
.trade_nav li#metal-tab:hover>a:before {
    background     : url(assets/images/commodites-green.png) no-repeat !important;
    background-size: 100% !important;
}

.trade_nav li#indices-tab>a:before {
    background     : url(assets/images/indices-grey.png) no-repeat !important;
    background-size: 100% !important;
}

.trade_nav li#indices-tab.active_tab>a:before,
.trade_nav li#indices-tab:hover>a:before {
    background     : url(assets/images/indices-green.png) no-repeat !important;
    background-size: 100% !important;
}

.trade_nav li#health_care-tab>a:before {
    background     : url(assets/images/health_care-grey.png) no-repeat !important;
    background-size: 75% !important;
    left           : 0px;
    margin-right   : 0;
}

.trade_nav li#health_care-tab.active_tab>a:before,
.trade_nav li#health_care-tab:hover>a:before {
    background     : url(assets/images/health_care-green.png) no-repeat !important;
    background-size: 75% !important;
    left           : 0;
}

.trade_nav li#stocks-tab>a:before {
    background     : url(assets/images/stocks-grey.png) no-repeat !important;
    background-size: 100% !important;
}

.trade_nav li#stocks-tab.active_tab>a:before,
.trade_nav li#stocks-tab:hover>a:before {
    background     : url(assets/images/stocks-green.png) no-repeat !important;
    background-size: 100% !important;
}

.coin-img {
    width : 21px;
    height: 21px;
    float : left;
}

.coin-img.crypto {
    background     : url(assets/images/crypto-grey.png) no-repeat !important;
    background-size: 100% !important;
}

#newWatchlistModal1 .set_one:hover .coin-img.crypto {
    background     : url(assets/images/crypto-green.png) no-repeat !important;
    background-size: 100% !important;
}

.coin-img.forex {
    background     : url(assets/images/forex-grey.png) no-repeat !important;
    background-size: 100% !important;
}

#newWatchlistModal1 .set_one:hover .coin-img.forex {
    background     : url(assets/images/forex-green.png) no-repeat !important;
    background-size: 100% !important;
}

.coin-img.commodity {
    background     : url(assets/images/commodities-grey.png) no-repeat !important;
    background-size: 100% !important;
}

#newWatchlistModal1 .set_one:hover .coin-img.commodity {
    background     : url(assets/images/commodites-green.png) no-repeat !important;
    background-size: 100% !important;
}

.coin-img.indices {
    background     : url(assets/images/indices-grey.png) no-repeat !important;
    background-size: 100% !important;
}

#newWatchlistModal1 .set_one:hover .coin-img.indices {
    background     : url(assets/images/indices-green.png) no-repeat !important;
    background-size: 100% !important;
}

.coin-img.health_care {
    background     : url(assets/images/health_care-grey.png) no-repeat !important;
    background-size: 100% !important;
}

#newWatchlistModal1 .set_one:hover .coin-img.health_care {
    background     : url(assets/images/health_care-green.png) no-repeat !important;
    background-size: 100% !important;
}

.coin-img.itech {
    background     : url(assets/images/forex-grey.png) no-repeat !important;
    background-size: 100% !important;
}

#newWatchlistModal1 .set_one:hover .coin-img.itech {
    background     : url(assets/images/forex-green.png) no-repeat !important;
    background-size: 100% !important;
}

@media (max-width:1400px) {
    #apply-button {
        margin-top: 30px;
    }

    .sim_stepper {
        margin-top: 230px;
    }
}

@media (max-width:1500px) and (min-width:1024px) {
    .main-page.fund {
        max-height: 79vh;
    }
}

@media (max-height:620px) {
    #page-content-box {
        height: 80vh;
    }
}

@media (min-width:1920px) {
    #apply-button {
        margin-top: 40px;
    }

    .sim_stepper {
        margin-top: 304px;
    }

    .main-page.fund,
    .pam_accunt.content-box.package {
        max-height: initial;
    }

    .pam_accunt.content-box.package {
        max-height: 80vh;
    }

    #page-content-box.trade_market_content {
        height: 89vh;
    }
}

/*edit on 01-12-2018************/

form#open-trade-form div#trade-mini-title {
    max-width: 215px;
}

tbody#trade-market-content th.profile {
    width: 30%;
}

form#open-edit-trade-form .box-content {
    width: 80%;
}

.order-empty {
    background     : url(assets/images/empty-pending-order.png) no-repeat;
    width          : 400px;
    height         : 400px;
    margin         : auto;
    background-size: 100% 100%;
}

#set_price_alert_modal .stepper-box .col-xs-3,
#set_price_alert_modal .row.stepper-box {
    padding: 0;
}

#set_price_alert_modal .stepper-box a {
    padding: 8px 5px;
    display: block;
    width  : 100%;
}

#set_price_alert_modal .stepper-text.calculation_type_btn {
    font-size: 10px;
}

#set_price_alert_modal .stepper-icon {
    margin-right: 5px;
}

.ion-help-buoy,
.ion-android-exit,
.ion-android-exit {
    font     : normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
}

.tooltip_q .tooltiptext {
    position        : absolute;
    background-color: #000;
    padding         : 10px;
    border-radius   : 10px;
    font-size       : 12px;
    visibility      : hidden;
    min-width       : 200px;
    display         : inline-block;
    color           : #fff;
    text-align      : center;
    z-index         : 1;
    bottom          : 150%;
    left            : 50%;
    margin-left     : -60px;
    transform       : translateX(-20%);
}

.tooltip_q .tooltiptext::after {
    content     : "";
    position    : absolute;
    top         : 100%;
    left        : 50%;
    margin-left : -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip_q:hover .tooltiptext {
    visibility: visible;
}

#real_estate_client {
    margin-top: 0px;
}

.trade_markets tbody tr .city,
.district {
    text-align: center;
}

.profile .change-data .row {
    width: 270px;
}

/* Trade market tab's responsive css */
.text_market {
    padding-left: 40px;
}

.icon_market {
    font-size: 20px;
}

.header_2:hover {
    border: none;
}

@media(min-width:768px) {
    div .border-market {
        border-bottom: 1px solid #404755;
    }
}

#market-icon a:hover,
#market-icon a:active,
#market-icon a:focus {
    background-color: transparent;
}

@media (max-width: 991px) {

    .dropdown-menu li.active_tab a span,
    .dropdown-menu li:hover a span {
        color: #5ceebd !important;
    }
}

@media (max-width: 768px) {
    .pos_fixed {
        left: 0% !important;
    }
}

.selectize-dropdown-content::-webkit-scrollbar {
    width: 1px;
}

.selectize-dropdown-content::-webkit-scrollbar-track {
    background: #5ceebd;
}

.selectize-dropdown-content::-webkit-scrollbar-thumb {
    background: #5ceebd;
}

/*scroll-bar */
.main-pg::-webkit-scrollbar,
.main-pg-dashboard::-webkit-scrollbar,
.page-scroller::-webkit-scrollbar {
    width: 6px;
}

.main-pg::-webkit-scrollbar-track,
.main-pg-dashboard::-webkit-scrollbar-track,
.page-scroller::-webkit-scrollbar-track {
    background   : #1a1f2b;
    border-radius: 10px;
}

.main-pg::-webkit-scrollbar-thumb,
.main-pg-dashboard::-webkit-scrollbar-thumb,
.page-scroller::-webkit-scrollbar-thumb {
    background   : #1a1f2b;
    box-shadow   : inset 0 0 5px grey;
    border-radius: 10px;
}

.main-pg::-webkit-scrollbar-thumb:hover,
.main-pg-dashboard::-webkit-scrollbar-thumb:hover,
.page-scroller::-webkit-scrollbar-thumb:hover {
    background: #2d323f;
}

/*end of scroll-bar */
.graphs-col-width.commodities-tab-width {
    min-width: 158px;
    width    : auto;
}

.parking a .iconify {
    height       : 25px;
    width        : 26px;
    margin-bottom: -8px;
}

.parking a span {
    margin-left: 16px !important;
}

@media (max-width: 1200px) {
    .page-form-main-box .form-box-title {
        margin-top: 20px;
    }
}

.page-form-main-bg {
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .page-form-main-bg {
        margin-bottom: 80px;
    }
}

@media (max-width: 1199px) and (min-width: 991px) {
    .main-page.fund {
        margin-left: 40px;
    }
}

@media (max-width: 1300px) and (min-width: 1199px) {
    .main-page.fund {
        width: 100% !important;
    }
}

/*  START OF HEIGHT FIX FOR ALL PAGES*/

@media (min-width: 3001px) {
    .content-box {
        height: 94vh !important;
    }
}

@media (max-width: 3000px) and (min-width: 2801px) {
    .content-box {
        height: 92vh !important;
    }
}

@media (max-width: 2800px) and (min-width: 2401px) {
    .content-box {
        height: 91.2vh !important;
    }
}

@media (max-width: 2400px) and (min-width: 2201px) {
    .content-box {
        height: 88.7vh !important;
    }
}

@media (max-width: 2200px) and (min-width: 2001px) {
    .content-box {
        height: 87.8vh !important;
    }
}

@media (max-width: 2000px) and (min-width: 1801px) {
    .content-box {
        height: 86.2vh !important;
    }
}

@media (max-width: 1800px) and (min-width: 1601px) {
    .content-box {
        height: 85.4vh !important;
    }
}

@media (max-width: 1600px) and (min-width: 1501px) {
    .content-box {
        height: 83.7vh !important;
    }
}

@media (max-width: 1500px) and (min-width: 1301px) {
    .content-box {
        height: 81.7vh !important;
    }
}

@media (max-width: 1300px) and (min-width: 1201px) {
    .content-box {
        height: 79.9vh !important;
    }
}

@media (max-width: 1200px) and (min-width: 1001px) {
    .content-box {
        height: 77.2vh !important;
    }
}

@media (max-width: 1000px) and (min-width: 901px) {
    .content-box {
        height: 72.8vh !important;
    }

    .main-pg-dashboard {
        height: 38.5vh !important;
    }
}

@media (max-width: 900px) and (min-width: 780px) {
    .content-box {
        height: 68vh !important;
    }

    .main-pg-dashboard {
        height: 19vh !important;
    }
}

.main-pg {
    height: calc(0vh - 0px) !important;

}

.main-pg-dashboard {
    height    : calc(100vh - 252px);
    overflow-y: auto;
}

@media (max-width: 779px) {
    .pos_fixed {
        z-index: 9999;
    }

    div#page-content-box .trade_nav ul {
        display: none;
    }

    table.table.watchlist,
    table.table.trade_markets {
        margin-bottom: 100px;
    }

    #market-icon a {
        padding: 8px 15px !important;
    }
}

@media screen and (max-height:760px) {

    /*For Mozilla*/
    @-moz-document url-prefix() {
        .main-pg {
            max-height: 79vh;
        }
    }
}

/*  END OF HEIGHT FIX FOR ALL PAGES*/
.auto_height {
    height: auto !important;
}

.parking-offer-head::-webkit-scrollbar:horizontal {
    display: block;
}

.main-pg.table-data.fxd_tabl.margin-top {
    margin-top: 42px;
}

.main-pg.content-box.exchange-page.custome_exchange_width {
    min-height: 0px;
}

.wallet-list-main.no-margin {
    margin-bottom: 0px;
}

.fix-height-history {
    height: calc(100vh - 225px) !important;
}

.selectize-dropdown.single {
    max-width: 100% !important;
}

.panel-body.padding-10 {
    height: 100%;
    margin: 34px 0px;
}

.selectize-dropdown.single.demo-default {
    width: 100% !important;
}

/*PARKING 2 */
.rect-box-dashboard2 {
    background-image: url(images/rect-box.png);
    height          : 66px;
    width           : 61px;
    background-size : 100% 100%;
    margin-top      : 6px;
}

.square-box-dashboard2 {
    background-image: url(images/square-box.png);
    height          : 66px;
    width           : 69px;
    background-size : 100% 100%;
    margin-top      : 6px;
}

.left-parking {
    top : 280px;
    left: -175px;
}

.parking2 {
    margin-top: 50px;
}

.right-parking {
    right: 13px;
    top  : 355.5px;
}

.parking-middle {
    margin-top  : -107px;
    padding-left: 16%;
}

.up-partition-dashboard2 {
    background-image: url(images/up_partition_dash2.png);
    height          : 60px;
    width           : 4px;
    background-size : 100% 100%
}

.upper-curve2-1-dashboard2 {
    background-image: url(images/upper-curve2-1.png);
    height          : 60px;
    width           : 33px;
    background-size : 100% 100%;
}

.down-curve2-dashboard2 {
    background-image: url(images/down-curve2.png);
    height          : 57px;
    width           : 33px;
    background-size : 100% 100%;
}

.down-curve-dashboard2 {
    background-image: url(images/down-curve.png);
    height          : 57px;
    width           : 63px;
    background-size : 100% 100%;
}

.square-box2-dashboard2 {
    background-image: url(images/square-box2.png);
    height          : 66px;
    width           : 73px;
    background-size : 100% 100%;
    margin-top      : -8px;
}

.end-parking {
    position: absolute;
    top: 659px;
    left: 210px;
}

.malcolm {
    top: 598px;
    position: absolute;
    display: inline!important;
    left: -90px;
}
.parking2Row{
    top :666px;
}
.cannabis_pgeSofiene{
    height:auto!important;
    min-height: 0!important;
}
.sofiene{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    display: block;
    height: 800px;
}
.padd-r{
    margin: auto;
    padding-right: 5%;
    padding-left: 5%;
}
.color-white-text {
    color: black;
  
}
.font-bold-text {
    
    font-weight: 700;
}
.img-detail{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-height: 172px;
    margin-bottom: 20px;
}
.center-elements{
    display: flex;
    justify-content: center;
    align-items: center;
}
.m-minus{
    margin-top: -10px;
}
.p-minus{
    margin-top: -5px;
}
.chekIcon{
    color: white;
    background: #3eace0;
    padding: 1px;
    margin-right: 4px;
    border-radius: 5px;
}
.margin-autoS{
    margin: auto;
}
.modal-body{
    background: white;
}
.bgGrey{
    background-color: #e4e7ea5e;
    padding: 20px 20px 1px;
    border-radius: 5%;
    text-align: center;
}
.color-black{
    color: black;
}
.pModal{
    font-size: 17px;
    color: #6f6d6d;
}
.greenText{
    color: green;
   
}
.fontBigModal{
    font-size: 25px;
}
.pMinus{
    font-size: 17px;
    margin-top: -14px;
}
.m-minus-4{
    margin-bottom: -4px;
}
.m25{
    margin-top: 25px;
}
.font600{
    font-weight: 600!important;
}

.buttonMinusPlus {
    /*padding:5px; cursor:pointer; background:grey; color:white; width:25px; height:15px; text-align:center; display:inline-block;*/
    position: relative;
    font-size: 0;
    white-space: nowrap;
   }
   
   .buttonMinusPlus:hover {
   background:black;
   }

/**/
.number{
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group-btn-minus-plus{
position: relative;
font-size: 0;
white-space: nowrap;
width: 1%;
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}	
.number .form-control {
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.number .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.btMinPl{
    padding: 9px !important;
    border-radius: 0px !important;
    background: gray;
    color: white;
}
.bgGray{
    background-color: #e4e7ea5e;
}
.number .btMinPl:hover {
    background:black;
}
.pad15{
    padding: 15px 0px;
}
.FONT18{
    font-size: 18px;

}