body{margin-top: 50px;background-color: #f5f5f6;}
section#header {
    width: 100%;
    /*height: 60px;*/
    position: fixed;
    top: 0;
    z-index: 999;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
}
#so_stats {
    position: relative;
    padding-top: 60px;
}
#so_stats section#header,
#so_stats section#header .hamburger,
#so_stats #sidebar-wrapper{
    position: absolute!important;
}
#so_stats #sidebar-wrapper {
    height: 95%!important;
}
@media (max-width: 992px) {
    section#header .logo {
        display: inline-block;
        height: 60px;
    }
    section#header .tol-button {
        float: right;
        background-color: #ff8000;
    }
}
ul.top-nav > li > a.icon-msg {
    background: url("../img/icon-msg.png") center center no-repeat;
}
ul.top-nav > li > a.icon-shopping {
    background: url("../img/icon-shopping-new.png") center center no-repeat;
}
ul.top-nav > li > a.person  .caret {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    margin: 0 30px 0 20px;
    border: 0;
    background: url("../img/person-icon.png") center center no-repeat;
}
/*.dataTables_wrapper .dataTables_info{*/
/*    display: none;*/
/*}*/

div.dataTables_wrapper div.dataTables_filter {
    position: absolute;
    top: 15px;
    right: 20px;
}

@media (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_filter {
        position: static;
    }
}

/*div.dataTables_wrapper div.dataTables_filter label {*/
/*    padding: 5px 0;*/
/*}*/
.dataTables_wrapper .dataTables_filter label .form-control {
    border-color: #eee;
    margin-left: 0;
}
/*----------- Nav-left -----------*/
.sidebar-nav  li > a {
    background-position: 25px 20px;
    background-size: 15px;
    background-repeat: no-repeat;
}
.sidebar-nav  li.nav-icon-person > a {
    background-image: url("../img/nav-person.png");
}
.sidebar-nav  li.nav-icon-home > a {
    background-image: url("../img/nav-home-new.png");
}
.sidebar-nav  li.nav-icon-buy > a {
    background-image: url("../img/nav-buy.png");
}
.sidebar-nav  li.nav-icon-service > a {
    background-image: url("../img/nav-service.png");
}
.sidebar-nav  li.nav-icon-finance > a {
    background-image: url("../img/nav-finance.png");
}
.sidebar-nav  li.nav-icon-support > a {
    background-image: url("../img/nav-support.png");
}

.sidebar-nav  li.nav-icon-person:hover > a,
.sidebar-nav > ul >  li.nav-icon-person.current  > a,
.sidebar-nav > ul >  li.nav-icon-person.active  > a {
    background-image: url("../img/nav-person-hover.png");
}
.sidebar-nav  li.nav-icon-home:hover > a,
.sidebar-nav > ul > li.nav-icon-home.current  > a,
.sidebar-nav > ul > li.nav-icon-home.active  > a{
    background-image: url("../img/nav-home-hover-new.png");
}
.sidebar-nav  li.nav-icon-buy:hover > a,
.sidebar-nav > ul >   li.nav-icon-buy.current  > a,
.sidebar-nav > ul >   li.nav-icon-buy.active  > a{
    background-image: url("../img/nav-buy-hover.png");
}
.sidebar-nav  li.nav-icon-service:hover > a,
.sidebar-nav > ul >  li.nav-icon-service.current  > a,
.sidebar-nav > ul >  li.nav-icon-service.active  > a{
    background-image: url("../img/nav-service-hover.png");
}
.sidebar-nav  li.nav-icon-finance:hover > a,
.sidebar-nav > ul >  li.nav-icon-finance.current  > a
.sidebar-nav > ul >  li.nav-icon-finance.active  > a{
    background-image: url("../img/nav-finance-hover.png");
}
.sidebar-nav  li.nav-icon-support:hover > a,
.sidebar-nav > ul >  li.nav-icon-support.current  > a,
.sidebar-nav > ul >  li.nav-icon-support.active  > a{
    background-image: url("../img/nav-support-hover.png");
}


/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/
#wrapper {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    padding-left: 0;
    transition: all 0.5s ease;
}

#wrapper .panel {
    margin-bottom: 0;
    border: 0;
    /*user-select: none;*/
    box-shadow: 0 0px 0px #ccc;
}
#wrapper .panel-heading {
    padding: 10px 15px 10px 30px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
#wrapper .panel-sidebar a.list-group-item.active {
    background-color: #eee;
}
#wrapper .panel-sidebar .panel-title {
    font-size: 14px;
    color: #111;
}
/*#wrapper .list-group-item:hover {*/
/*    border-top: 1px solid #eee!important;*/
/*    border-bottom: 1px solid #eee!important;*/
/*}*/
#header .dropdown-menu {
    left: -80px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
#wrapper .panel-heading + .list-group .list-group-item {
    border: 0;
}
#wrapper .list-group-item {
    color: #333;
    padding: 10px 15px 10px 35px;
}
#wrapper .list-group-item:hover {
    color: #ff5400;
}
#wrapper .list-group-item.active {
    color: #ff5400;
}
.glyphicon.arrow::before,
.fa.plus-minus::before{
    font-size: 11px;
}
@media (min-width: 992px) {
    #wrapper .panel-sidebar {
        width: 290px;
    }
}

.client-home-panels .btn-default {
    color: #fff;
    border: 0;
}
#wrapper .btn-default:hover {
    color: #333;
}
#wrapper.toggled {
    /*padding-left: 220px;*/
}
#wrapper.toggled #sidebar-wrapper {
    width: 220px;
}
#wrapper.toggled #page-content-wrapper {
    margin-right: -290px;
    position: absolute;
}
#sidebar-wrapper {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background: #fff;
    height: 100%;
    left: 290px;
    top: 11px;
    margin-left: -290px;
    margin-top: 50px;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all 0.5s ease;
    width: 0;
    z-index: 1000;
    box-shadow: 2px 0 4px 0 rgba(0,0,0,0.16);
}


@media (min-width: 1080px) {
    #sidebar-wrapper {
        top: 61px;
        margin-top: 0px;
    }
}

#sidebar-wrapper::-webkit-scrollbar {
    /*display: none;*/
}
#page-content-wrapper {
    padding-top: 70px;
    width: 100%;
}
/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.sidebar-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 290px;
}
.sidebar-nav .sidebar-brand {
    border-bottom: 1px solid #ccc;
}
.sidebar-nav li {
    display: inline-block;
    line-height: 30px;
    position: relative;
    width: 100%;
}



.sidebar {
    display: block;
    float: left;
    width: 250px;
    /*background: #333;*/
}
.content {
    display: block;
    overflow: hidden;
    width: auto;
}

.sidebar-nav {
    overflow: hidden;
    background-repeat: repeat-x;
}
.sidebar-nav ul {
    overflow: hidden;
    padding: 0;
    margin: 0;
    list-style: none;
}
.collapse {
    display: none;
}
.sidebar-nav ul span {
    color: #ddd;
}
.sidebar-nav ul a {
    font-size: 13px;
}
.sidebar-nav ul ul span {
    margin-top: 8px;
}

.sidebar-nav a,
.sidebar-nav a:hover,
.sidebar-nav a:focus,
.sidebar-nav a:active {
    outline: none;
}
.sidebar-nav ul li,
.sidebar-nav ul a {
    display: block;
}
.sidebar-nav ul a {
    padding: 5px 20px;
    color: #333;
    /*border-top: 1px solid #ddd;*/
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.05) inset;
}
.sidebar-nav  ul .sidebar-title:hover,
.sidebar-nav  ul .sidebar-title:hover span,
    /*.sidebar-nav  ul .sidebar-title:focus,*/
.sidebar-nav  ul .sidebar-title:focus span,
.sidebar-nav  ul .sidebar-title:active  span {
    color: #ff5400;
    background-color: #f5f5f5;
    text-decoration: none;
}
.sidebar-nav  ul .sidebar-title.current, .sidebar-nav  ul .sidebar-title.current a{
    color: #ff5400;
    background-color: #f5f5f5;
}
.sidebar-nav ul ul a {
    padding: 5px 35px;
}
.sidebar-nav ul ul ul a {
    padding: 5px 10px 5px 45px;
}
.sidebar-nav ul ul ul ul a {
    padding: 5px 10px 5px 55px;
}
.sidebar-nav ul ul ul ul ul a {
    padding: 5px 10px 5px 65px;
}
/*.sidebar-nav ul a:hover,*/
/*.sidebar-nav ul a:focus,*/
.sidebar-nav ul .active > a.sidebar-title {
    color: #ff5400;
    background-color: #eee;
}
.sidebar-nav > ul > li > a{
    padding-left: 50px;
    padding-top: 12px;
    color: #111;
    /*background-color: #f5f5f5;*/
}
.sidebar-nav-item {
    padding-left: 5px;
}
.sidebar-nav-item-icon {
    padding-right: 5px;
}
/*.sidebar-nav li:before {*/
/*    background-color: #fff;*/
/*    content: '';*/
/*    height: 100%;*/
/*    left: 0;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    -webkit-transition: width 0.2s ease-in;*/
/*    transition: width 0.2s ease-in;*/
/*    width: 3px;*/
/*    z-index: -1;*/
/*}*/
/*.sidebar-nav li:first-child a {*/
/*    background-color: #1a1a1a;*/
/*    color: #ffffff;*/
/*}*/

/*.sidebar-nav li:before, .sidebar-nav li.active,.sidebar-nav li:hover{*/
/*    background-color: #eee;*/
/*}*/
/*.sidebar-nav li.active a{*/
/*    color: #ff8000;*/
/*}*/

/*.sidebar-nav li a {*/
/*    color: #333;*/
/*    display: block;*/
/*    padding: 10px 15px 10px 40px;*/
/*    text-decoration: none;*/
/*}*/
/*.sub-sidebar  li a {*/
/*    padding-left: 20px;*/
/*}*/
/*.sub-sidebar  li.open > a {*/
/*    color: #ff8000;*/
/*    background-color: #eee;*/
/*}*/
/*.sidebar-nav .dropdown-menu a {*/
/*    padding-left: 30px;*/
/*}*/

/*.sidebar-nav .dropdown-menu {*/
/*    !*background-color: #fff;*!*/
/*    border-radius: 0;*/
/*    border: none;*/
/*    box-shadow: none;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    position: relative;*/
/*    width: 100%;*/
/*}*/
/*.sidebar-nav li a:hover,*/
/*.sidebar-nav li a:active,*/
/*.sidebar-nav li a:focus,*/
/*.sidebar-nav li.open a:hover,*/
/*.sidebar-nav li.open a:active,*/
/*.sidebar-nav li.open a:focus {*/
/*    background-color: transparent;*/
/*    color: #ff8000;*/
/*    text-decoration: none;*/
/*}*/
/*.sidebar-nav > .sidebar-brand {*/
/*    font-size: 20px;*/
/*    height: 65px;*/
/*    line-height: 44px;*/
/*}*/
/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.hamburger {
    background-color: #ff8000;
    border: none;
    display: block;
    width: 60px;
    height: 60px;
    position: fixed;
    margin-right: 40px;
    top: 0;
    z-index: 999;

}
.hamburger:hover {
    outline: none;
}
.hamburger:focus {
    outline: none;
}
.hamburger:active {
    outline: none;
}
.hamburger.is-closed:before {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    color: #ffffff;
    content: '';
    display: block;
    font-size: 14px;
    line-height: 12px;
    opacity: 0;
    text-align: center;
    width: 40px;
}
.hamburger.is-closed:hover before {
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    display: block;
    opacity: 1;
}
.hamburger.is-open .hamb-top {
    -webkit-transition: all 0.35s ease-in-out;
    top: 10px;
}
.hamburger.is-open .hamb-bottom {
    -webkit-transition: all 0.35s ease-in-out;
    bottom: 10px;
}
.hamburger.is-closed .hamb-top {
    -webkit-transition: all 0.35s ease-in-out;
    background-color: rgba(255, 255, 255, 1);
    top: 15px;
}
.hamburger.is-closed .hamb-middle,.hamburger.is-open .hamb-middle {
    background-color: rgba(255, 255, 255, 1);
    margin-top: -2px;
    top: 50%;
}
.hamburger.is-closed .hamb-bottom {
    -webkit-transition: all 0.35s ease-in-out;
    background-color: rgba(255, 255, 255, 1);
    bottom: 15px;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
    height: 4px;
    left: 10px;
    position: absolute;
    width: 36px;
}
.hamburger.is-open > span {
    background-color: #fff;
}


/*.hamburger.is-open .hamb-top {*/
/*    -webkit-transform: rotate(45deg);*/
/*    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);*/
/*    background-color: #ffffff;*/
/*    margin-top: -2px;*/
/*    top: 50%;*/
/*}*/
/*.hamburger.is-open .hamb-middle {*/
/*    background-color: #ffffff;*/
/*    display: none;*/
/*}*/
/*.hamburger.is-open .hamb-bottom {*/
/*    -webkit-transform: rotate(-45deg);*/
/*    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);*/
/*    background-color: #ffffff;*/
/*    margin-top: -2px;*/
/*    top: 50%;*/
/*}*/
.hamburger.is-open:before {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    color: #ffffff;
    content: '';
    display: block;
    font-size: 14px;
    line-height: 32px;
    opacity: 0;
    text-align: center;
    width: 100px;
}
.hamburger.is-open:hover before {
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    display: block;
    opacity: 1;
}
/*-------------------------------*/
/*          Dark Overlay         */
/*-------------------------------*/
.overlay {
    /*position: fixed;*/
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}
/*-------------------------------*/
/*          clientHome           */
/*-------------------------------*/
.section {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 15px 20px 15px;
    background-color: #fff;
    box-shadow: 0px 0 4px 0 rgba(0,0,0,0.16);
}
.section .title{
    font-size: 16px;
    color:  #4c4c4c;
    margin: 5px 0 15px 0;
}
.section .boxs {
    display: flex;
}
.section .box {
    margin-right: 5%;
    text-align: center;
}
.section .w3 .box {
    width: 33.3%;
}
.section .w2 .box {
    width: 30%;
}
.section .box:last-child, .section .bars.is-opened > a  {
    margin-right: 0;
}
.section .box > a:hover,.section .bars > a:hover {
    text-decoration: none;
    background-color: #ededed;
}
.section .box > a {
    display: block;
    outline: none;
    padding: 25px 0;
    box-sizing: border-box;
    background-color: #f5f5f6;
}

.section .box .stat {
    font-size: 14px;
    font-weight: 500;
    color: #ff5400;
}

.section .box .text {
    font-size: 14px;
    color: #333;
}
.section .bars > a {
    display: block;
    width: 100%;
    padding: 10px;
    color: #333;
    background-color: #f5f5f6;
}
@media (max-width: 767px) {

}
@media (min-width: 992px) {
    .section .bars.is-opened {
        display: flex;
    }
}

.section .bars.is-opened > a {
    width: 25%;
    margin-right: 10px;
}
.section .bars > a > span,.work-order > li > span {
    float: right;
}
.section .bars:not(.is-opened) > a:first-child {
    margin-bottom: 10px;
}

.section > table{
    width: 100%;
}
.section > table > thead {
    background-color: #f5f5f5;
}
.section > table > thead > tr > th, .section > table > tbody > tr > td {
    color: #333;
    font-weight: 500;
    padding: 10px 8px;
}
@media (min-width: 768px) {
    .section > table > thead > tr > th, .section > table > tbody > tr > td {
        color: #333;
        font-weight: 500;
        padding: 10px 10px;
    }
}
.section > table > tbody > tr > td .btn-success {
    /*background-color: #ff8000;*/
}

.section > table > tbody > tr, .section > table > thead > tr {
    border-bottom: 1px solid #e3e3e6;
}
.section > table > tbody > tr:hover {
    background-color: #f5f5f5;
}
table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after {
    top: 10px!important;
}

.work-order {
    padding: 0;
}
.work-order > li {
    display: flex;
    background-color: #f5f5f6;
    padding: 10px 5px;
    margin: 10px 0;
    list-style: none;
}
.work-order > li > p {
    width: 90%;
    margin: 0;
    color: #999;
}
.work-order > li > p > a {
    color: #111;
}
.work-order > li > span {
    display: block;
    width: 60px;
    font-weight: 600;
    line-height: 40px;
}
.work-order > li > span.opened {
    color: green;
}

.table-list > tbody > tr:hover td{
    background-color: #f5f5f5;
}


/*====================*/
.font-creative {
    color: #ff5500;
}
.btn-creative {
    color: #fff;
    border-color: #ccc;
}
.bg-color-creative {
    color: #fff!important;
    border-color: #ff5500;
    background-color: #ff5500;
    border-radius: 4px;
}
.bg-color-creative a {
    color: #fff!important;
}
.btn-creative:hover,.btn-creative:hover a {
    background-color: #e6e6e6;
    border-color: #ccc;
    color: #333!important;
}

.row.section {
    margin-left: 0;
    margin-right: 0;
}
.main-content {
    /*background-color: #fff;*/
    padding: 0;
}
.table-container {
    margin-top: 15px;
}

.supportticket-boxs a {
    position: relative;
    display: inline-block;
    min-width: 120px;
    line-height: 35px;
    text-align: center;
    background-color: #f5f5f7;
    text-decoration: none;
    border: 1px solid #ececec;
    /*color: #fff;*/
}
.supportticket-boxs .list-group-item.active,.supportticket-boxs  a.list-group-item.active:focus {
    color: #fff!important;
    background-color: #ff5500;
    border-color: #ff5500;
}

.supportticket-boxs a > .badge {
    position: absolute;
    top: -5px;
    right: -5px;
}
.supportticket-boxs a.list-group-item {
    padding: 0 5px!important;
}
.supportticket-boxs a.list-group-item > .badge {
    background-color: #4f5360;
    color: #fff;
}
.supportticket-boxs a.list-group-item.active > .badge {
    background-color: #eee;
    color: #333;
}

/*=======login=========*/
.logincontainer .header-lined {
    background-color: transparent;
}
.logincontainer {
    box-shadow: 0px 0 4px 0 rgba(0,0,0,0.16);
}

.logincontainer div.header-lined h1 {
    margin-top: 0;
    margin-bottom: 5px;
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    color: #058;
    font-size: 36px;
}
.logincontainer .form-group {
    display: block;
}
.logincontainer .form-group input {
    height: 40px;
}
.logincontainer .section,
.registrationtainer .section {
    margin: 0;
    padding: 15px 25px ;
    box-shadow: none;
}
.logincontainer .title,
.registrationtainer .title {
    padding: 10px 0;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
}
.logincontainer .title h2,
.registrationtainer .title h2 {
    margin: 5px 0;
    color: #ff5400;
    font-size: 2.0em;
    font-weight: 500;
}
.logincontainer .title span,
.registrationtainer .title span {
    font-size: 14px;
    color: #a7a7a7;
}
.logincontainer .footer,
.registrationtainer .footer {
    padding: 15px;
    background-color: #fff;
    border-top: 1px solid #e6e6e6;
}
/*=========affiliates==========*/
.affiliates-process {
    width: 1100px;
    height: 160px;
    margin: 30px auto;
}
.affiliates-process > div {
    position: relative;
    vertical-align: top;
    display: inline-block;
    width: 180px;
    height: 100px;
    padding-top: 120px;
    text-align: center;
    margin-right: 120px;
    background-position: center center;
    background-repeat: no-repeat;
}

.affiliates-process > div:before {
    content: '';
    position: absolute;
    width: 180px;
    height: 40px;
    top: 50px;
    right: -160px;
    background: url("../img/affiliates/arrow.png") center center no-repeat;
}
.affiliates-process > div:last-child::before {
    background-image: none;
}
.affiliates-process > div:nth-child(1) {
    background-image: url("../img/affiliates/1.png");
}
.affiliates-process > div:nth-child(2) {
    background-image: url("../img/affiliates/2.png");
}
.affiliates-process > div:nth-child(3) {
    background-image: url("../img/affiliates/3.png");
}
.affiliates-process > div:nth-child(4) {
    margin-right: 0;
    background-image: url("../img/affiliates/4.png");
}
.affiliates-signup ul {
    list-style: none;
    text-align: center;
}

/*=======product-details========*/
.product-details .product-services-info {
    margin-top: 20px;
}
.product-details .product-services-info > p{
    display: flex;
}
.product-details .product-services-info > p .label-title {
    display: block;
    width: 50%;
    /*min-width: 85px;*/
}
.product-details .product-services-info > p .text {
    width: 50%;
    color: #111;
}
.resetpw {
    display: block;
    width: 25px;
    height: 25px;
    background: url('../img/resetpw.png') center center no-repeat;
    background-size: cover;
    cursor: pointer;
}

.ssl-type-list {
    width: 100%;
    padding: 24px 0;
    box-sizing: border-box;
    background-color: #fff;
}
.ssl-type-list .type-list {
    display: flex;
    /*margin-bottom: 16px;*/
}
.ssl-type-list .titles {
    display: flex;
    align-items: center;
    margin: 0;
    min-width: 80px;
    height: 34px;
    font-weight: 400;
    font-size: 14px;
    color: #141414;
}
.ssl-type-list .list {
    overflow: hidden;
    margin: 0;
}
.ssl-type-list ul {
    list-style: none;
    padding: 0;
}
.ssl-type-list li {
    float: left;
    padding: 6px 24px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 14px;
    font-size: 14px;
    color: #3D3D3D;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    transition: all 0.2s ease;
}
/*让a标签的宽高占满整个li实现点击li可跳转*/
.ssl-type-list li a {
    display: block;
    padding: inherit;
    box-sizing: border-box;
    margin: -6px -24px;
}
.ssl-type-list li.active,  .ssl-type-list li:hover,  .ssl-type-list li a.active {
    color: #FF5500;
    background-color: rgba(255,90,7,0.1);
    border-radius: 4px 4px 4px 4px;
    border-color: #FF5500;
}
.ssl-type-list .active a,  .ssl-type-list li:hover a{
    color: #FF5500;
}
.ssl-type-list .disabled,.ssl-type-list .disabled:hover {
    color: #8E8E8E;
    background-color: #F0F0F0;
    cursor: no-drop;
    border: 1px solid rgba(0, 0, 0, 0.12);
}
@media (min-width: 992px) {
    .change-password-panel {
        margin-top: 70px;
    }
}