@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900);
/*Theme Colors*/
/*bootstrap Color*/
/*Normal Color*/
/*Border radius*/
/*Preloader*/
.preloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.88);
}
.preloader .cssload-speeding-wheel {
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px);
}
.w-100 {
  width: 100%;
}
.iframe{
  width:100%;
  height:calc(100vh - 60px);
  position: inherit;
  display: block;
}
/*Just change your choise color here its theme Colors*/
html {
  background: #1f1f1f;
}
body {
  background: #1b1a1a;
}
#page-wrapper {
  background: #1f1f1f;
}
/*Top Header Part*/
.logo i {
  color: #ffffff;
}
.navbar-header {
  background: #1f1f1f;
}
.navbar-top-links > li > a {
  color: #ffffff;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  background: #1b1a1a;
}
/*Right panel*/
.right-sidebar .rpanel-title {
  background: #1f1f1f;
}
/*Bread Crumb*/
.bg-title .breadcrumb .active {
  color: #1f1f1f;
}
/*Sidebar*/
.sidebar,
.sidebar .sidebar-head {
  background: #1b1a1a;
  box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
}
.sidebar .label-custom {
  background: #01c0c8;
}
#side-menu li a {
  color: #97999f;
}
#side-menu li a {
  color: #97999f;
  border-left: 0px solid #1b1a1a;
}
#side-menu > li > a:hover,
#side-menu > li > a:focus {
  background: rgba(0, 0, 0, 0.07);
}
#side-menu > li > a.active,
#side-menu > li > ul > li > a.active {
  /*background: rgba(10, 10, 10, 0.53);*/
  color: #ffffff;
  font-weight: 500;
  -webkit-box-shadow: inset 4px 0 0 0 #5f5f62;
  box-shadow: inset 4px 0 0 0 #5f5f62;
  border-radius: 0 0 0 0;
  margin-left: 0px;
  background: transparent;
}
#side-menu ul > li > a:hover {
  color: #ffffff;
}
#side-menu ul > li > a.active {
  color: #ffffff;
  font-weight: 500;
}
/* Larger Images */
#side-menu>li>a {
  padding: 18px 35px 18px 15px;
  display: block;
}
.sidebar .nav-second-level li a {
  padding: 14px 10px 14px 15px;
}
#side-menu .fa-fw {
  width: 30px!important;
}
.user-profile .user-pro-body .u-dropdown {
  color: #97999f;
}
.dropdown-menu {
  background: #1b1a1a;
}
.label-inverse {
  background-color: #131313;
}
/*themecolor*/
.bg-theme {
  background-color: #707cd2 !important;
}
.bg-theme-dark {
  background-color: #1f1f1f !important;
}
/*Button*/
.btn-custom {
  background: #1f1f1f;
  border: 1px solid #1f1f1f;
  color: #ffffff;
}
.btn-custom:hover {
  background: #1f1f1f;
  opacity: 0.8;
  color: #ffffff;
  border: 1px solid #1f1f1f;
}
/*Custom tab*/
.customtab li.active a,
.customtab li.active a:hover,
.customtab li.active a:focus {
  border-bottom: 2px solid #1f1f1f;
  color: #1f1f1f;
}
.tabs-vertical li.active a,
.tabs-vertical li.active a:hover,
.tabs-vertical li.active a:focus {
  background: #1f1f1f;
  border-right: 2px solid #1f1f1f;
}
/*Nav-pills*/
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  background: #1f1f1f;
  color: #ffffff;
}
/*Extra css*/
.bg-theme,
.fc-toolbar,
.fc th.fc-sun,
.fc th.fc-tue,
.fc th.fc-thu,
.fc th.fc-sat,
.fc th.fc-mon,
.fc th.fc-wed,
.fc th.fc-fri,
.fc-button {
  background-color: #1f1f1f !important;
}
.table tbody tr.advance-table-row.active,
.fc-button {
  border-color: #1f1f1f;
}
.manage-users .tabs-style-iconbox nav {
  background: #1f1f1f;
}
.manage-users .tabs-style-iconbox nav li.tab-current a {
  background: #1f1f1f;
}
.manage-users .tabs-style-iconbox nav li.tab-current a:after {
  border-top-color: #1f1f1f;
}
.panel-themecolor,
.panel-theme {
  border-color: #1f1f1f;
}
.panel-themecolor .panel-heading,
.panel-theme .panel-heading {
  border-color: #1f1f1f;
  color: white;
  background-color: #1f1f1f;
}
.panel-themecolor .panel-heading a,
.panel-theme .panel-heading a {
  color: #ffffff;
}
.panel-themecolor .panel-heading a:hover,
.panel-theme .panel-heading a:hover {
  color: rgba(255, 255, 255, 0.5);
}
.panel-themecolor a,
.panel-theme a {
  color: #1f1f1f;
}
.panel-themecolor a:hover,
.panel-theme a:hover {
  color: #177eac;
}
.login-box,
.white-box {
  background: #1b1a1a;
}
.bg-title{
  background: #1b1a1a;
}
.panel{
  background: #1b1a1a;
}
.form-control,
input,
.input-group-addon,
.no-bg-addon .input-group-addon {
  background-color: #1f1f1f;
}
.panel-blue .panel-heading, .panel-info .panel-heading {
  border-color: #2cabe3;
  color: #fff;
  background-color: #232323;
}
.bg-title .breadcrumb .active {
  color: #e6d086;
}
.tabs-style-flip nav li.tab-current a::after {
  background-color: #1b1a1a;
  -webkit-transform: perspective(900px) rotate3d(1,0,0,0deg);
  transform: perspective(900px) rotate3d(1,0,0,0deg);
  border-radius: 20px 20px 0 0;
}
.sttabs nav a {
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5;
}
.tabs-style-flip .content-wrap {
  background: #1b1a1a;
}
.tabs-style-flip nav li.tab-current a {
  color: #ffffff;
}
.customtab2 li.active a, .customtab2 li.active a:focus, .customtab2 li.active a:hover {
  background: #1f1f1f;
  border-radius: 20px;
}
.nav-tabs>li>a:hover {
  background: #383b3f;
  border-radius: 20px;
}
.tabs-style-flip nav a:focus, .tabs-style-flip nav a:hover {
  color: #ffffff;
}
@media screen and (max-width: 767px){
  .table-responsive {
    width: 100%;
    margin-bottom: 0;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: transparent;
  }
}
.breadcrumb>li+li:before {
  padding: 0 2px 0 4px;
  color: #ccc;
  content: "/\00a0";
}
.wizard-steps>li.done {
  background: #2b8b2d;
}
.panel-body {
  background: #333;
}
.jq-toast-single {
  /*border-radius: 10px 10px 0 0;*/
}
.tooltip-text3 {
  border-bottom: 10px solid #2cabe4;
  overflow: hidden;
  -webkit-transform: scale3d(0,1,1);
  transform: scale3d(0,1,1);
  -webkit-transition: -webkit-transform .3s .3s;
  transition: transform .3s .3s;
}
a.mytooltip {
  font-weight: 500;
  color: #2cabe4;
}
.tooltip-content5::after {
  content: '';
  bottom: -20px;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: #2cabe4 transparent transparent;
  border-width: 10px;
  margin-left: -10px;
}
.common-list .notify {
  position: relative;
  margin-top: .5px;
  margin-right: 9px;
}
.swapLog.active {
  border: 1px solid rgba(120,130,140,.2);
  background-color: #12dafefc !important;
  color: #1f1f1f;
}
.ajaxloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: absolute;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.68);
  margin: 0 auto;
  border-radius: 10px;
}
.white-popup-block {
  background: #1f1f1f;
  padding: 20px 30px;
  text-align: left;
  max-width: 90%;
  margin: 40px auto;
  position: relative;
  border: 1px solid #2cabe4;
  border-radius: 10px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #333;
  opacity: 1;
}
.lock-screen {
  background: url(../../plugins/images/login-register.jpg) center center/cover no-repeat!important;
  height: 100%;
  position: fixed;
  z-index: 999999;
  top: 0;
  width: 100%;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;
}
body.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
.tabEditorIcon i {
  font-size: 35px;
  text-align: center !important;
  width: 35px !important;
}
.tabEditorIcon img {
  width: 35px !important;
}
.sweet-alert {
  background-color: #1b1a1a;
}
.sweet-alert button.cancel {
  background-color: #2cabe3;
}
.sweet-alert button.cancel:hover {
  background-color: #3a7b98;
}
.asColorPicker-wrap {
  position: relative;
  display: block;
  width: calc(100% - 35px);
}
.asColorPicker-trigger {
  position: absolute;
  top: 0;
  right: -32px;
  height: 38px;
  width: 37px;
  border: 0;
  border-radius: 0 4px 4px 0;
}
.asColorPicker-trigger span {
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 0 4px 4px 0;
}
.top-left-part {
  width: auto;
  max-width: 220px;
  float: left;
  border-right: transparent;
}
.tabs-style-flip {
  max-width: 1400px;
  margin: 0 auto;
}
.elip{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.p-a-5{
  padding:5px!important
}
.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover {
	background: #707cd2;
	border-color: #707cd2;
}
.error-page {
  width: 100%;
  background: #1b1a1a;
  height: 100%;
  position: fixed;
  display: none;
  z-index: 10;
}
.table-hover>tbody>tr:hover, .table-striped>tbody>tr:nth-of-type(odd), .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
  background-color: #1f1f1f!important;
}
.asColorPicker-dropdown, .checkbox label::before, .clockpicker-popover .popover-content, .clockpicker-popover .popover-title, .customvtab .tabs-vertical li.active a, .customvtab .tabs-vertical li.active a:focus, .customvtab .tabs-vertical li.active a:hover, .dropdown-menu, .fc-day, .footable-row-detail, .img-thumbnail, .input-group-addon, .jsgrid-filter-row>td, .jsgrid-header-sortable:hover, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover, .pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span, .pager li>a:focus, .pager li>a:hover, .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover, .popover, .popover-title, .right-sidebar, code, table.dataTable tbody tr {
  background: #1b1b1b;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: middle;
  border-top: transparent;
}
.jq-icon-info { background-color: rgba(71, 68, 68, 0.93); color: #FFF; border-color: #bce8f1; }
.jq-icon-warning { background-color: rgba(154, 83, 20, 0.93); color: #fcf8e3; border-color: #faebcc; }
.jq-icon-error { background-color: #a94442; color: #f2dede; border-color: #ebccd1; }
.jq-icon-success { color: #dff0d8; background-color: rgba(13, 132, 11, 0.93); border-color: #d6e9c6; }
.jq-icon-organizr { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII='); background-color: #31708f; color: #000; border-color: #bce8f1; }
.jq-icon-update { background-image: url('data:image/png;base64,[encoded data, 19924 characters]'); background-color: #2cabe4; color: #FFF; border-color: #bce8f1; }
