.dark .state {
    opacity: .5;
}

.dark .AcknowledgementMessage #Message {
    color: #fff;
}

.dark .FAQ_heading {
    background: #333B54;
}

.dark .FAQ {
    background: #333B54;
}

.dark body {
    background: #1F2037;
    color: #ECEDEC;
}

.dark p {
    color: #ECEDEC;
}

.dark a,
.dark button {
    color: #ECEDEC;
}

.dark .header {
    background: #333B54;
}

.dark .logo span {
    color: #ECEDEC;
}

.dark .hamburger .line {
    background-color: #03a9f5;
}

.dark .header-icon {
    color: #ECEDEC;
}

.dark .drop-down {
    background: #1F2037;
    border: 1px solid #1F2037;
    color: #ECEDEC;
}

.dark .dropdown-profile li a {
    color: #ECEDEC;
}

.dark .jsgrid-invalid input, .dark .jsgrid-invalid select, .dark .jsgrid-invalid textarea {
    /*background: #ffe3e5;*/
    border: 1px solid #ff808a !important;
}


.dark .dropdown-content-body li {
    border-top: 1px solid #1f2037;
}

.dark .dropdown-content-body li:not(.noHover):hover,
.dark .dropdown-content-body li:focus,
.dark .dropdown-content-body li.active {
     background: #333B54;
     border-top: 1px solid #333B54;
}

.dark .notification-heading {
    color: #ECEDEC;
}

.dark .notification-unread {
    background: #262C3F;
}

.dark .dropdown-content-heading span {
    color: #ECEDEC;
}

.dark .dropdown-content-body li a:hover,
.dark .dropdown-content-body li a:focus,
.dark .dropdown-content-body li a.active {
    color: #ECEDEC;
}

.dark .main .page-header {
    background: #333B54;
}

.dark .main .page-header .breadcrumb {
    background: transparent;
}

.dark .card {
    background: #333B54;
}

.dark .card-body {
    background: #333B54;
}

.dark .card-header-right-icon li {
    color: #ECEDEC;
}

.dark .alert h4 {
    color: #fff;
}

.dark .weather-one {
    background: transparent;
}

.dark .sidebar {
    background: #333B54;
    box-shadow: 3px 0px 7px rgba(0,0,0,1);
}

.dark .sidebar .nano-content > ul li > a {
    color: #ECEDEC;
}

.dark .sidebar .nano-content > ul > li.active > a,
.dark .sidebar .nano-content > ul > li.open > a,
.dark .sidebar .nano-content > ul > li > ul {
    background: #1F2037;
}

.dark .sidebar .nano-content > ul li:hover > a,
.dark .sidebar .nano-content > ul li.active > a,
.dark .sidebar .nano-content > ul li.open > a {
     color: #03a9f5 !important;
}

.dark .table > thead > tr > th {
    color: #fff;
}

.dark tbody tr td {
    color: #ECEDEC;
}

.dark .table-hover > tbody > tr:hover {
    background: #1F2037;
}
.dark .ct-chart-pie .ct-label {
    color: #fff;
    fill: #fff;
}

.dark .home-widget-three .stat-digit {
    color: #ECEDEC;
}

.dark .stat-widget-seven .stat-count {
    color: #ECEDEC;
}

.dark .stat-widget-seven .count-header {
    color: #ECEDEC;
}

.dark .tdl-holder li {
    background-color: transparent;
    border-bottom: 1px solid #1f2037;
    color: #ECEDEC;
}

.dark .tdl-holder label:hover {
    background-color: #1F2037;
    color: #ECEDEC;
}

.dark .tdl-holder input[type="checkbox"]:checked ~ span {
    color: #ECEDEC;
}

.dark .tdl-holder input[type="checkbox"] + i {
    background-color: #1f2037;
}

.dark .timeline::before {
    background-color: #1f2037;
}

.dark .timeline > li > .timeline-panel::before {
    border-color: transparent #1f2037;
}

.dark .timeline > li > .timeline-panel::after {
    border-color: transparent #1f2037;
}

.dark .tdl-holder input[type="text"] {
    background-color: #1f2037;
    border-color: #1f2037;
}

.dark .timeline > li > .timeline-panel {
    border: 1px solid #1f2037;
}

.dark .profile-widget-one .profile-one-user-content ul li {
    background: transparent;
    border-bottom: 1px solid #1f2037;
    border-right: 1px solid #1f2037;
}

.dark .footer > p {
    background: #333B54;
}

.dark .pace .pace-progress {
    background: #03a9f5;
}

.dark .pace .pace-activity {
    border-top-color: #03a9f5;
    border-left-color: #03a9f5;
}

.dark .ct-label {
    color: #ECEDEC;
    fill: #ECEDEC;
    font-size: 10px;
}

.dark .search-type .form-control {
    background: transparent;
}

.dark .pignose-calendar.pignose-calendar-blue {
    background-color: transparent;
}

.dark .pignose-calendar.pignose-calendar-blue .pignose-calendar-top {
     background-color: transparent;
}

.dark .pignose-calendar-wrapper .pignose-calendar.pignose-calendar-dark .pignose-calendar-button-group .pignose-calendar-button,
.dark .pignose-calendar.pignose-calendar-blue .pignose-calendar-top .pignose-calendar-top-month,
.dark .pignose-calendar.pignose-calendar-blue .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-icon,
.dark .pignose-calendar.pignose-calendar-blue .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-value,
.dark .pignose-calendar.pignose-calendar-blue .pignose-calendar-top .pignose-calendar-top-year {
         color: #ECEDEC;
}

.dark .pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-sat a,
.dark .pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-sun a,
.dark .pignose-calendar.pignose-calendar-blue .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sat,
.dark .pignose-calendar.pignose-calendar-blue .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sun {
     color: #ECEDEC;
}

.dark .pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit a {
      color: #fff;
}

.dark .pignose-calendar.pignose-calendar-blue .pignose-calendar-header .pignose-calendar-week {
     color: #fff;
}

.dark .media-body p {
    color: #ECEDEC;
}

.dark .recent-comment .comment-date {
    color: #ECEDEC;
}

.dark .list-group-item {
    background-color: transparent;
    padding: 7px 15px;
}

.dark .mail-box .sm-side {
    background: transparent;
}

.dark .mail-box .sm-side .user-head {
     background: transparent;
     color: #ECEDEC;
}

.dark .user-head .user-name h5 a {
    color: #ECEDEC;
}

.dark .user-head .user-name span a {
    color: #ECEDEC;
}

.dark ul.inbox-nav li a {
    color: #ECEDEC;
}

.dark ul.inbox-nav li.active a {
    background: #1f2037;
    color: #ECEDEC;
}

.dark ul.inbox-nav li a:hover {
    background: #1f2037;
    color: #ECEDEC;
}

.dark ul.labels-info li a {
    color: #ECEDEC;
}

 .dark ul.labels-info li a:hover {
    background: #1f2037;
    color: #ECEDEC;
 }

.dark ul.inbox-nav li a i {
    color: #ECEDEC;
}

.dark .mail-box .lg-side {
    background: transparent;
}

.dark .inbox-head {
    color: #ECEDEC;
    background: transparent;
}

.dark .inbox-head .sr-input {
     background: #1f2037;
     color: #ECEDEC;
}

.dark .inbox-head .sr-btn {
     background: #1f2037;
     color: #ECEDEC;
}

.dark .table-inbox tr.unread td {
    background: #262c3f;
}

.dark .table-inbox {
    border: 1px solid #1f2037;
}

.dark .inbox-divider {
    border-bottom: 1px solid #1f2037;
}

.dark .mail-option .btn-group a.btn {
    background: #1f2037;
    border: 1px solid #1f2037;
    color: #ECEDEC;
}

.dark .mail-option .chk-all {
    background: #1f2037 none repeat scroll 0 0;
    border: 1px solid #1f2037;
    color: #ECEDEC;
}

.dark .inbox-pagination a.np-btn {
    background: #1f2037 none repeat scroll 0 0;
    border: 1px solid #1f2037;
    color: #ECEDEC;
}

.dark .contact-title {
    color: #ECEDEC;
}

.dark .phone-number,
.dark .mail-address,
.dark .contact-email,
.dark .contact-website,
.dark .contact-skype,
.dark .birth-date,
.dark .gender {
    color: #ECEDEC;
}

.dark .stat-widget-one .stat-text {
    color: #ECEDEC;
}

.dark .stat-widget-one .stat-digit {
    color: #ECEDEC;
}

.dark .stat-widget-two .stat-text {
    color: #ECEDEC;
}

.dark .stat-widget-two .stat-digit {
    color: #ECEDEC;
}

.dark .fc-button {
    background: #1f2037 none repeat scroll 0 0;
    border: 1px solid #1F2037;
    box-shadow: none;
}

.dark .fc-day {
    background: transparent none repeat scroll 0 0;
}

.dark .fc th.fc-widget-header {
    background: #1F2037 none repeat scroll 0 0;
    color: #ECEDEC;
}

.dark .fc-today {
    background: #1F2037 !important;
}

.dark .flot-container {
    background: transparent;
}

.dark .panel {
    background-color: #262c3f;
}

.dark .panel-heading {
    background: #1f2037;
}

.dark .panel-footer {
    background-color: transparent;
}

.dark .thumbnail {
    background-color: transparent;
    border: 1px solid #1F2037;
}

.dark a.list-group-item:focus,
.dark a.list-group-item:hover,
.dark button.list-group-item:focus,
.dark button.list-group-item:hover {
    background-color: #1F2037;
    color: #ECEDEC;
}

.dark .nav-tabs > li.active > a,
.dark .nav-tabs > li.active > a:focus,
.dark .nav-tabs > li.active > a:hover {
    background-color: #333B54;
    color: #ECEDEC;
}

.dark .nav > li > a:focus,
.dark .nav > li > a:hover {
    background-color: #03a9f5;
    text-decoration: none;
}

.dark .nav-pills > li.active > a,
.dark .nav-pills > li.active > a:focus,
.dark .nav-pills > li.active > a:hover {
    background-color: #03a9f5;
}

.dark .well {
    background-color: #1f2037;
    border: 1px solid #1f2037;
}

.dark .example {
    background-color: #1f2037;
    border: 1px solid #1f2037;
}

.dark .dd-handle {
    background: #1F2037 none repeat scroll 0 0;
    border: 1px solid #1F2037;
}

.dark .dd-handle,
.dark .dd3-content {
    color: #ECEDEC !important;
}

.dark #nestable2 .dd-handle {
    background: #1F2037 none repeat scroll 0 0;
    border: 1px solid #1F2037;
}

.dark .dd3-content {
    background: #1F2037 none repeat scroll 0 0;
    border: 1px solid #1F2037;
}

.dark .table > tbody > tr > td,
.dark .table > tbody > tr > th,
.dark .table > tfoot > tr > td,
.dark .table > tfoot > tr > th,
.dark .table > thead > tr > td,
.dark .table > thead > tr > th {
    border-top: 1px solid #1F2037 !important;
}

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

.dark .table-bordered > tbody > tr > td,
.dark .table-bordered > tbody > tr > th,
.dark .table-bordered > tfoot > tr > td,
.dark .table-bordered > tfoot > tr > th,
.dark .table-bordered > thead > tr > td,
.dark .table-bordered > thead > tr > th {
    border: 1px solid #1F2037;
}

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

.dark .dt-buttons .dt-button {
    background: #1F2037 none repeat scroll 0 0;
    border-color: #1F2037;
    color: #ECEDEC;
}

.dark .jsgrid-header-row > .jsgrid-header-cell {
    background: #1F2037 none repeat scroll 0 0;
}

.dark .jsgrid-row > .jsgrid-cell {
    background: transparent none repeat scroll 0 0;
}

.dark .jsgrid-alt-row > .jsgrid-cell {
    background: transparent none repeat scroll 0 0;
}

.dark .jsgrid-edit-row > .jsgrid-cell {
    background: #1F2037 none repeat scroll 0 0;
}

.dark .jsgrid-cell > select,
.dark .jsgrid-cell > input {
    border: 0 none;
    color:#000;
}

.dark .jsgrid-cell > input[type=text] {
    border: 1px solid #999
}

.dark .icon-container [class^="ti-"],
.dark .icon-container [class*=" ti-"] {
    color: #ECEDEC;
}

.dark .icon-name {
    color: #ECEDEC;
}

.dark .vmap {
    background: transparent none repeat scroll 0 0;
}

.dark .form-control {
    background-color: transparent;
    border: 1px solid #1F2037;
}

.dark #invoice {
    background: #333B54;
}

.dark .invoice-info h2 {
    color: #ECEDEC;
}

.dark .title h4 {
    color: #ECEDEC;
}

.dark .tabletitle {
    background: #1F2037;
}

.dark .invoicelist-body tr:nth-child(2n) {
    background: #1F2037 none repeat scroll 0 0;
}

.dark .login-form {
    background: #333b54 none repeat scroll 0 0;
}

.dark .login-form h4 {
     color: #ECEDEC;
     margin-bottom: 50px;
     text-align: center;
}

.dark .login-form label {
     color: #e6d6ac;
     text-transform: uppercase;

}

.dark .form-control {
    color: #fff;
}

.dark .social-login-content {
    background: transparent none repeat scroll 0 0;
    border-bottom: 1px solid #1f2037;
    border-top: 1px solid #1f2037;
}

.dark .flot-text {
    color: #fff !important;
}

.dark .header-icon:hover,
.dark .header-icon:focus,
.dark .header-icon.active {
    background: rgba(31, 32, 55, 0.3) none repeat scroll 0 0;
}

.dark tspan {
    fill: #fff;
}

.dark .mail-option .chk-all {
    margin: 15px;
    margin-left: 0;
}

.dark option {
    background: #666;
}

.dark .jsPanel .jsPanel-content {
    background: #333B54;
}

.dark li.notification:hover > .acknotify {
    height: 28px;
    padding-top: 4px;
    opacity: 1
}

.dark li.notification > .acknotify {
    display: inline-block;
    background: #03a9f5;
    color: #ffffff;
    height: 0px;
    width: 100%;
    left: 0px;
    text-align: center;
    font-size: medium;
    cursor: pointer;
    transition: height .5s;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    opacity: 0
}