/*------------------------------------------------------------------
[Master Stylesheet]

Project :	                PublishingSuite Admin Dashboard
Version :	                1.1
Last change :	            05/20/19 [Initail Release]
Designed & Developed by :	SPI Global Pvt Ltd
-------------------------------------------------------------------*/
/*** ======= // TABLE OF CONTENT // ============================
+ typography
+ button
+ alertify
+ Tab
===================================================== ***/
/**************
typography
**************/
h1 {
  font-size: calc(100% + 12px) !important;
  margin-bottom: 20px;
  font-weight: 400;
}

h2 {
  font-size: calc(100% + 8px) !important;
  font-weight: 400;
}

h3 {
  font-size: calc(100% + 6px) !important;
  font-weight: 400;
}

h4 {
  font-size: calc(100% + 3px) !important;
  font-weight: 400;
}

h5 {
  font-size: calc(100% + 2px) !important;
  font-weight: 400;
}

h6 {
  font-size: calc(100% + 1px) !important;
  font-weight: 400;
}

label {
  font-size: calc(100% - 3px) !important;
  font-weight: normal;
}

a {
  font-size: calc(100% - 1px) !important;
  outline: none !important;
  text-decoration: none !important;
}

.tory-blue-green {
  /***********************
     button
     ************************/
  /***********************
     alertify
     ************************/
  /***************
  Tab
  ***************/
  /***********************
     Vertical Tab
     ************************/
}
.tory-blue-green .btn {
  width: 130px;
  padding: 8px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 4px !important;
  font-size: 100%;
}
.tory-blue-green .btn.btn-default {
  background: #ffffff;
  color: #00bfa5;
  border: 1px solid #00bfa5;
}
.tory-blue-green .btn.btn-default:hover, .tory-blue-green .btn.btn-default:focus {
  background: #00bfa5;
  color: #fff;
  border: 1px solid #00bfa5;
  outline: none;
}
.tory-blue-green .btn.btn-default.active {
  background: #00bfa5;
  color: #fff;
  border: 1px solid #00bfa5;
  box-shadow: none;
}
.tory-blue-green .btn.btn-default.active:hover, .tory-blue-green .btn.btn-default.active:focus {
  background: #ffffff;
  color: #00bfa5;
  border: 1px solid #00bfa5;
}
.tory-blue-green .btn.btn-default.active:focus {
  background-color: #00bfa5;
  color: #ffffff;
  outline: none;
}
.tory-blue-green .btn.btn-default.active.disabled {
  cursor: no-drop;
}
.tory-blue-green .btn.btn-default.icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ffffff;
  color: #00bfa5;
  border: 1px solid #00bfa5;
  padding: 4px 0;
  text-overflow: initial;
  font-size: calc(100% - 2px);
  text-align: center;
}
.tory-blue-green .btn.btn-default.icon:hover, .tory-blue-green .btn.btn-default.icon:active, .tory-blue-green .btn.btn-default.icon.active, .tory-blue-green .btn.btn-default.icon:focus {
  background: #00bfa5;
  color: #fff;
  border: 1px solid #00bfa5;
}
.tory-blue-green .btn.btn-default.icon.disabled, .tory-blue-green .btn.btn-default.icon.disabled-icon {
  color: #bbbbbb;
  background: #e9ecef;
  border: 1px solid #e9ecef;
  cursor: no-drop;
}
.tory-blue-green .btn.btn-default.icon.disabled:hover, .tory-blue-green .btn.btn-default.icon.disabled:active, .tory-blue-green .btn.btn-default.icon.disabled-icon:hover, .tory-blue-green .btn.btn-default.icon.disabled-icon:active {
  background: #e9ecef;
  color: #bbbbbb;
  border: 1px solid #e9ecef;
  cursor: no-drop;
}
.tory-blue-green .btn.btn-default.icon.top-right {
  right: 10px;
  top: 10px;
  position: absolute;
}
.tory-blue-green .btn.btn-default.icon span.fa {
  line-height: 22px;
  height: 22px;
}
.tory-blue-green .btn.btn-default .btn-with-icon {
  width: 67px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tory-blue-green .btn.btn-default.note-btn {
  width: auto;
  padding: 4px 8px;
  font-size: calc(100% - 2px) !important;
}
.tory-blue-green .btn.btn-default.filter-btn {
  width: auto;
  min-width: 70px;
}
.tory-blue-green .btn.btn-sm {
  padding: 5px 10px;
  font-size: 12px !important;
  width: auto;
}
.tory-blue-green .alertify .alertify-button {
  margin-right: 1rem;
  width: 110px;
}
.tory-blue-green .alertify .alertify-button.alertify-button-ok {
  color: #fff;
  background-color: #00bfa5;
  border-color: #00bfa5;
}
.tory-blue-green .alertify .alertify-button.alertify-button-ok:hover, .tory-blue-green .alertify .alertify-button.alertify-button-ok:focus {
  color: #00bfa5;
  background-color: #fff;
  border-color: #00bfa5;
}
.tory-blue-green .alertify .alertify-button.alertify-button-cancel {
  color: #00bfa5;
  background-color: #fff;
  border-color: #00bfa5;
}
.tory-blue-green .alertify .alertify-button.alertify-button-cancel:hover, .tory-blue-green .alertify .alertify-button.alertify-button-cancel:focus {
  color: #fff;
  background-color: #00bfa5;
  border-color: #00bfa5;
}
.tory-blue-green .nav-tabs {
  border: 0px;
}
.tory-blue-green .nav-tabs li {
  /*width: calc(17% - 9px);*/
  min-width: 130px;
  text-align: center;
  height: 40px;
  border-radius: 0px !important;
}
.tory-blue-green .nav-tabs li a {
  margin-right: 0px !important;
  color: #131313;
  padding: 7px 15px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: calc(100% + 1px) !important;
  border-radius: 4px;
  margin: 0px 10px;
  border: 0px;
  background-color: #fbfbfb;
}
.tory-blue-green .nav-tabs li a:hover, .tory-blue-green .nav-tabs li a:active, .tory-blue-green .nav-tabs li a:focus {
  border: 0px;
}
.tory-blue-green .nav-tabs li.active a {
  border: 0px;
  background-color: #2196f3;
  color: #fff;
  /*border: 1px solid $primary-clr;*/
}
.tory-blue-green .nav-tabs li:first-child a {
  margin: 0px;
}
.tory-blue-green .tab-content {
  min-height: 50vh;
}
.tory-blue-green .tab-content.report-generate-tabcontent .tab-pane {
  overflow: initial;
}
.tory-blue-green .sort_item {
  padding: 10px;
  border-radius: 4px;
  margin: 2px 0px;
  min-width: 250px;
  width: 330px;
  cursor: grabbing;
}
@media (max-width: 1300px) {
  .tory-blue-green .tab-content.report-generate-tabcontent .tab-pane {
    overflow: auto;
  }
}
.tory-blue-green .vertical-tab .nav-tabs {
  height: 70vh;
  margin-bottom: 0px;
  overflow: auto;
  border: 1px solid #dddddd;
  border-right: 0px;
  direction: rtl;
}
.tory-blue-green .vertical-tab .nav-tabs li {
  width: 100%;
}
.tory-blue-green .vertical-tab .nav-tabs li.active {
  border-bottom: 1px solid #dddddd;
  border-left: 4px solid #2196f3;
  border-radius: 0px;
  border-right: 0px;
  margin-top: 0px;
  font-weight: bold;
}
.tory-blue-green .vertical-tab .nav-tabs li.active a {
  color: #2196f3;
}
.tory-blue-green .vertical-tab .nav-tabs li a {
  padding: 20px 0px;
}
.tory-blue-green .vertical-tab .nav-tabs li:first-child {
  border-top: 0px;
}
.tory-blue-green .vertical-tab .drag-area .widget-main {
  margin: 20px auto;
}
.tory-blue-green .vertical-tab .drag-area .widget-main #menu_drag, .tory-blue-green .vertical-tab .drag-area .widget-main #process_drag {
  min-width: 300px;
}
.tory-blue-green .vertical-tab .drag-area .widget-main .menu_active, .tory-blue-green .vertical-tab .drag-area .widget-main .process_active {
  background-color: #00bfa5;
  padding: 8px 10px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  margin: 10px auto;
  min-width: 250px;
  text-align: left;
  padding-left: 15px;
  color: #fff;
}
.tory-blue-green .vertical-tab .drag-area .widget-main .drag-dots {
  margin-right: 10px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
}
.tory-blue-green .vertical-tab .tab-content {
  border: 1px solid #ddd;
  padding: 15px;
  border-left: 0px;
  height: 70vh;
  overflow: auto;
}
.tory-blue-green .vertical-tab .dataTables_wrapper .row:first-child .col-sm-6:first-child {
  padding-right: 20px !important;
}
.tory-blue-green .vertical-tab .dataTables_wrapper .row:first-child .col-sm-6:last-child {
  padding-left: 10px !important;
}
.tory-blue-green .widget-fluid {
  width: 100%;
}
.tory-blue-green .select-items .checkbox label {
  padding-left: 0px;
}
@media (max-width: 1280px) {
  .tory-blue-green .table-scroll {
    overflow-x: auto;
  }
}
@media (max-width: 1024px) {
  .tory-blue-green .widget-main {
    width: 100%;
  }
}

.purple-heart-pink {
  /***********************
     button
     ************************/
  /***********************
     alertify
     ************************/
  /***************
  Tab
  ***************/
  /***********************
     Vertical Tab
     ************************/
}
.purple-heart-pink .btn {
  width: 130px;
  padding: 8px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 4px !important;
  font-size: 100%;
}
.purple-heart-pink .btn.btn-default {
  background: #ffffff;
  color: #03a9f4;
  border: 1px solid #03a9f4;
}
.purple-heart-pink .btn.btn-default:hover, .purple-heart-pink .btn.btn-default:focus {
  background: #03a9f4;
  color: #fff;
  border: 1px solid #03a9f4;
  outline: none;
}
.purple-heart-pink .btn.btn-default.active {
  background: #03a9f4;
  color: #fff;
  border: 1px solid #03a9f4;
  box-shadow: none;
}
.purple-heart-pink .btn.btn-default.active:hover, .purple-heart-pink .btn.btn-default.active:focus {
  background: #ffffff;
  color: #03a9f4;
  border: 1px solid #03a9f4;
}
.purple-heart-pink .btn.btn-default.active:focus {
  background-color: #03a9f4;
  color: #ffffff;
  outline: none;
}
.purple-heart-pink .btn.btn-default.active.disabled {
  cursor: no-drop;
}
.purple-heart-pink .btn.btn-default.icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ffffff;
  color: #03a9f4;
  border: 1px solid #03a9f4;
  padding: 4px 0;
  text-overflow: initial;
  font-size: calc(100% - 2px);
  text-align: center;
}
.purple-heart-pink .btn.btn-default.icon:hover, .purple-heart-pink .btn.btn-default.icon:active, .purple-heart-pink .btn.btn-default.icon.active, .purple-heart-pink .btn.btn-default.icon:focus {
  background: #03a9f4;
  color: #fff;
  border: 1px solid #03a9f4;
}
.purple-heart-pink .btn.btn-default.icon.disabled, .purple-heart-pink .btn.btn-default.icon.disabled-icon {
  color: #bbbbbb;
  background: #e9ecef;
  border: 1px solid #e9ecef;
  cursor: no-drop;
}
.purple-heart-pink .btn.btn-default.icon.disabled:hover, .purple-heart-pink .btn.btn-default.icon.disabled:active, .purple-heart-pink .btn.btn-default.icon.disabled-icon:hover, .purple-heart-pink .btn.btn-default.icon.disabled-icon:active {
  background: #e9ecef;
  color: #bbbbbb;
  border: 1px solid #e9ecef;
  cursor: no-drop;
}
.purple-heart-pink .btn.btn-default.icon.top-right {
  right: 10px;
  top: 10px;
  position: absolute;
}
.purple-heart-pink .btn.btn-default.icon span.fa {
  line-height: 22px;
  height: 22px;
}
.purple-heart-pink .btn.btn-default .btn-with-icon {
  width: 67px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.purple-heart-pink .btn.btn-default.note-btn {
  width: auto;
  padding: 4px 8px;
  font-size: calc(100% - 2px) !important;
}
.purple-heart-pink .btn.btn-default.filter-btn {
  width: auto;
  min-width: 70px;
}
.purple-heart-pink .btn.btn-sm {
  padding: 5px 10px;
  font-size: 12px !important;
  width: auto;
}
.purple-heart-pink .alertify .alertify-button {
  margin-right: 1rem;
  width: 110px;
}
.purple-heart-pink .alertify .alertify-button.alertify-button-ok {
  color: #fff;
  background-color: #03a9f4;
  border-color: #03a9f4;
}
.purple-heart-pink .alertify .alertify-button.alertify-button-ok:hover, .purple-heart-pink .alertify .alertify-button.alertify-button-ok:focus {
  color: #03a9f4;
  background-color: #fff;
  border-color: #03a9f4;
}
.purple-heart-pink .alertify .alertify-button.alertify-button-cancel {
  color: #03a9f4;
  background-color: #fff;
  border-color: #03a9f4;
}
.purple-heart-pink .alertify .alertify-button.alertify-button-cancel:hover, .purple-heart-pink .alertify .alertify-button.alertify-button-cancel:focus {
  color: #fff;
  background-color: #03a9f4;
  border-color: #03a9f4;
}
.purple-heart-pink .nav-tabs {
  border: 0px;
}
.purple-heart-pink .nav-tabs li {
  /*width: calc(17% - 9px);*/
  min-width: 130px;
  text-align: center;
  height: 40px;
  border-radius: 0px !important;
}
.purple-heart-pink .nav-tabs li a {
  margin-right: 0px !important;
  color: #131313;
  padding: 7px 15px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: calc(100% + 1px) !important;
  border-radius: 4px;
  margin: 0px 10px;
  border: 0px;
  background-color: #fbfbfb;
}
.purple-heart-pink .nav-tabs li a:hover, .purple-heart-pink .nav-tabs li a:active, .purple-heart-pink .nav-tabs li a:focus {
  border: 0px;
}
.purple-heart-pink .nav-tabs li.active a {
  border: 0px;
  background-color: #3f51b5;
  color: #fff;
  /*border: 1px solid $primary-clr;*/
}
.purple-heart-pink .nav-tabs li:first-child a {
  margin: 0px;
}
.purple-heart-pink .tab-content {
  min-height: 50vh;
}
.purple-heart-pink .tab-content.report-generate-tabcontent .tab-pane {
  overflow: initial;
}
.purple-heart-pink .sort_item {
  padding: 10px;
  border-radius: 4px;
  margin: 2px 0px;
  min-width: 250px;
  width: 330px;
  cursor: grabbing;
}
@media (max-width: 1300px) {
  .purple-heart-pink .tab-content.report-generate-tabcontent .tab-pane {
    overflow: auto;
  }
}
.purple-heart-pink .vertical-tab .nav-tabs {
  height: 70vh;
  margin-bottom: 0px;
  overflow: auto;
  border: 1px solid #dddddd;
  border-right: 0px;
  direction: rtl;
}
.purple-heart-pink .vertical-tab .nav-tabs li {
  width: 100%;
}
.purple-heart-pink .vertical-tab .nav-tabs li.active {
  border-bottom: 1px solid #dddddd;
  border-left: 4px solid #3f51b5;
  border-radius: 0px;
  border-right: 0px;
  margin-top: 0px;
  font-weight: bold;
}
.purple-heart-pink .vertical-tab .nav-tabs li.active a {
  color: #3f51b5;
}
.purple-heart-pink .vertical-tab .nav-tabs li a {
  padding: 20px 0px;
}
.purple-heart-pink .vertical-tab .nav-tabs li:first-child {
  border-top: 0px;
}
.purple-heart-pink .vertical-tab .drag-area .widget-main {
  margin: 20px auto;
}
.purple-heart-pink .vertical-tab .drag-area .widget-main #menu_drag, .purple-heart-pink .vertical-tab .drag-area .widget-main #process_drag {
  min-width: 300px;
}
.purple-heart-pink .vertical-tab .drag-area .widget-main .menu_active, .purple-heart-pink .vertical-tab .drag-area .widget-main .process_active {
  background-color: #03a9f4;
  padding: 8px 10px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  margin: 10px auto;
  min-width: 250px;
  text-align: left;
  padding-left: 15px;
  color: #fff;
}
.purple-heart-pink .vertical-tab .drag-area .widget-main .drag-dots {
  margin-right: 10px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
}
.purple-heart-pink .vertical-tab .tab-content {
  border: 1px solid #ddd;
  padding: 15px;
  border-left: 0px;
  height: 70vh;
  overflow: auto;
}
.purple-heart-pink .vertical-tab .dataTables_wrapper .row:first-child .col-sm-6:first-child {
  padding-right: 20px !important;
}
.purple-heart-pink .vertical-tab .dataTables_wrapper .row:first-child .col-sm-6:last-child {
  padding-left: 10px !important;
}
.purple-heart-pink .widget-fluid {
  width: 100%;
}
.purple-heart-pink .select-items .checkbox label {
  padding-left: 0px;
}
@media (max-width: 1280px) {
  .purple-heart-pink .table-scroll {
    overflow-x: auto;
  }
}
@media (max-width: 1024px) {
  .purple-heart-pink .widget-main {
    width: 100%;
  }
}

.azure-cerulean {
  /***********************
     button
     ************************/
  /***********************
     alertify
     ************************/
  /***************
  Tab
  ***************/
  /***********************
     Vertical Tab
     ************************/
}
.azure-cerulean .btn {
  width: 130px;
  padding: 8px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 4px !important;
  font-size: 100%;
}
.azure-cerulean .btn.btn-default {
  background: #ffffff;
  color: #00bcd4;
  border: 1px solid #00bcd4;
}
.azure-cerulean .btn.btn-default:hover, .azure-cerulean .btn.btn-default:focus {
  background: #00bcd4;
  color: #fff;
  border: 1px solid #00bcd4;
  outline: none;
}
.azure-cerulean .btn.btn-default.active {
  background: #00bcd4;
  color: #fff;
  border: 1px solid #00bcd4;
  box-shadow: none;
}
.azure-cerulean .btn.btn-default.active:hover, .azure-cerulean .btn.btn-default.active:focus {
  background: #ffffff;
  color: #00bcd4;
  border: 1px solid #00bcd4;
}
.azure-cerulean .btn.btn-default.active:focus {
  background-color: #00bcd4;
  color: #ffffff;
  outline: none;
}
.azure-cerulean .btn.btn-default.active.disabled {
  cursor: no-drop;
}
.azure-cerulean .btn.btn-default.icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ffffff;
  color: #00bcd4;
  border: 1px solid #00bcd4;
  padding: 4px 0;
  text-overflow: initial;
  font-size: calc(100% - 2px);
  text-align: center;
}
.azure-cerulean .btn.btn-default.icon:hover, .azure-cerulean .btn.btn-default.icon:active, .azure-cerulean .btn.btn-default.icon.active, .azure-cerulean .btn.btn-default.icon:focus {
  background: #00bcd4;
  color: #fff;
  border: 1px solid #00bcd4;
}
.azure-cerulean .btn.btn-default.icon.disabled, .azure-cerulean .btn.btn-default.icon.disabled-icon {
  color: #bbbbbb;
  background: #e9ecef;
  border: 1px solid #e9ecef;
  cursor: no-drop;
}
.azure-cerulean .btn.btn-default.icon.disabled:hover, .azure-cerulean .btn.btn-default.icon.disabled:active, .azure-cerulean .btn.btn-default.icon.disabled-icon:hover, .azure-cerulean .btn.btn-default.icon.disabled-icon:active {
  background: #e9ecef;
  color: #bbbbbb;
  border: 1px solid #e9ecef;
  cursor: no-drop;
}
.azure-cerulean .btn.btn-default.icon.top-right {
  right: 10px;
  top: 10px;
  position: absolute;
}
.azure-cerulean .btn.btn-default.icon span.fa {
  line-height: 22px;
  height: 22px;
}
.azure-cerulean .btn.btn-default .btn-with-icon {
  width: 67px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.azure-cerulean .btn.btn-default.note-btn {
  width: auto;
  padding: 4px 8px;
  font-size: calc(100% - 2px) !important;
}
.azure-cerulean .btn.btn-default.filter-btn {
  width: auto;
  min-width: 70px;
}
.azure-cerulean .btn.btn-sm {
  padding: 5px 10px;
  font-size: 12px !important;
  width: auto;
}
.azure-cerulean .alertify .alertify-button {
  margin-right: 1rem;
  width: 110px;
}
.azure-cerulean .alertify .alertify-button.alertify-button-ok {
  color: #fff;
  background-color: #00bcd4;
  border-color: #00bcd4;
}
.azure-cerulean .alertify .alertify-button.alertify-button-ok:hover, .azure-cerulean .alertify .alertify-button.alertify-button-ok:focus {
  color: #00bcd4;
  background-color: #fff;
  border-color: #00bcd4;
}
.azure-cerulean .alertify .alertify-button.alertify-button-cancel {
  color: #00bcd4;
  background-color: #fff;
  border-color: #00bcd4;
}
.azure-cerulean .alertify .alertify-button.alertify-button-cancel:hover, .azure-cerulean .alertify .alertify-button.alertify-button-cancel:focus {
  color: #fff;
  background-color: #00bcd4;
  border-color: #00bcd4;
}
.azure-cerulean .nav-tabs {
  border: 0px;
}
.azure-cerulean .nav-tabs li {
  /*width: calc(17% - 9px);*/
  min-width: 130px;
  text-align: center;
  height: 40px;
  border-radius: 0px !important;
}
.azure-cerulean .nav-tabs li a {
  margin-right: 0px !important;
  color: #131313;
  padding: 7px 15px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: calc(100% + 1px) !important;
  border-radius: 4px;
  margin: 0px 10px;
  border: 0px;
  background-color: #fbfbfb;
}
.azure-cerulean .nav-tabs li a:hover, .azure-cerulean .nav-tabs li a:active, .azure-cerulean .nav-tabs li a:focus {
  border: 0px;
}
.azure-cerulean .nav-tabs li.active a {
  border: 0px;
  background-color: #ec407a;
  color: #fff;
  /*border: 1px solid $primary-clr;*/
}
.azure-cerulean .nav-tabs li:first-child a {
  margin: 0px;
}
.azure-cerulean .tab-content {
  min-height: 50vh;
}
.azure-cerulean .tab-content.report-generate-tabcontent .tab-pane {
  overflow: initial;
}
.azure-cerulean .sort_item {
  padding: 10px;
  border-radius: 4px;
  margin: 2px 0px;
  min-width: 250px;
  width: 330px;
  cursor: grabbing;
}
@media (max-width: 1300px) {
  .azure-cerulean .tab-content.report-generate-tabcontent .tab-pane {
    overflow: auto;
  }
}
.azure-cerulean .vertical-tab .nav-tabs {
  height: 70vh;
  margin-bottom: 0px;
  overflow: auto;
  border: 1px solid #dddddd;
  border-right: 0px;
  direction: rtl;
}
.azure-cerulean .vertical-tab .nav-tabs li {
  width: 100%;
}
.azure-cerulean .vertical-tab .nav-tabs li.active {
  border-bottom: 1px solid #dddddd;
  border-left: 4px solid #ec407a;
  border-radius: 0px;
  border-right: 0px;
  margin-top: 0px;
  font-weight: bold;
}
.azure-cerulean .vertical-tab .nav-tabs li.active a {
  color: #ec407a;
}
.azure-cerulean .vertical-tab .nav-tabs li a {
  padding: 20px 0px;
}
.azure-cerulean .vertical-tab .nav-tabs li:first-child {
  border-top: 0px;
}
.azure-cerulean .vertical-tab .drag-area .widget-main {
  margin: 20px auto;
}
.azure-cerulean .vertical-tab .drag-area .widget-main #menu_drag, .azure-cerulean .vertical-tab .drag-area .widget-main #process_drag {
  min-width: 300px;
}
.azure-cerulean .vertical-tab .drag-area .widget-main .menu_active, .azure-cerulean .vertical-tab .drag-area .widget-main .process_active {
  background-color: #00bcd4;
  padding: 8px 10px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  margin: 10px auto;
  min-width: 250px;
  text-align: left;
  padding-left: 15px;
  color: #fff;
}
.azure-cerulean .vertical-tab .drag-area .widget-main .drag-dots {
  margin-right: 10px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
}
.azure-cerulean .vertical-tab .tab-content {
  border: 1px solid #ddd;
  padding: 15px;
  border-left: 0px;
  height: 70vh;
  overflow: auto;
}
.azure-cerulean .vertical-tab .dataTables_wrapper .row:first-child .col-sm-6:first-child {
  padding-right: 20px !important;
}
.azure-cerulean .vertical-tab .dataTables_wrapper .row:first-child .col-sm-6:last-child {
  padding-left: 10px !important;
}
.azure-cerulean .widget-fluid {
  width: 100%;
}
.azure-cerulean .select-items .checkbox label {
  padding-left: 0px;
}
@media (max-width: 1280px) {
  .azure-cerulean .table-scroll {
    overflow-x: auto;
  }
}
@media (max-width: 1024px) {
  .azure-cerulean .widget-main {
    width: 100%;
  }
}

.shiraz-megenta-cyan {
  /***********************
     button
     ************************/
  /***********************
     alertify
     ************************/
  /***************
  Tab
  ***************/
  /***********************
     Vertical Tab
     ************************/
}
.shiraz-megenta-cyan .btn {
  width: 130px;
  padding: 8px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 4px !important;
  font-size: 100%;
}
.shiraz-megenta-cyan .btn.btn-default {
  background: #ffffff;
  color: #f3851c;
  border: 1px solid #f3851c;
}
.shiraz-megenta-cyan .btn.btn-default:hover, .shiraz-megenta-cyan .btn.btn-default:focus {
  background: #f3851c;
  color: #fff;
  border: 1px solid #f3851c;
  outline: none;
}
.shiraz-megenta-cyan .btn.btn-default.active {
  background: #f3851c;
  color: #fff;
  border: 1px solid #f3851c;
  box-shadow: none;
}
.shiraz-megenta-cyan .btn.btn-default.active:hover, .shiraz-megenta-cyan .btn.btn-default.active:focus {
  background: #ffffff;
  color: #f3851c;
  border: 1px solid #f3851c;
}
.shiraz-megenta-cyan .btn.btn-default.active:focus {
  background-color: #f3851c;
  color: #ffffff;
  outline: none;
}
.shiraz-megenta-cyan .btn.btn-default.active.disabled {
  cursor: no-drop;
}
.shiraz-megenta-cyan .btn.btn-default.icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ffffff;
  color: #f3851c;
  border: 1px solid #f3851c;
  padding: 4px 0;
  text-overflow: initial;
  font-size: calc(100% - 2px);
  text-align: center;
}
.shiraz-megenta-cyan .btn.btn-default.icon:hover, .shiraz-megenta-cyan .btn.btn-default.icon:active, .shiraz-megenta-cyan .btn.btn-default.icon.active, .shiraz-megenta-cyan .btn.btn-default.icon:focus {
  background: #f3851c;
  color: #fff;
  border: 1px solid #f3851c;
}
.shiraz-megenta-cyan .btn.btn-default.icon.disabled, .shiraz-megenta-cyan .btn.btn-default.icon.disabled-icon {
  color: #bbbbbb;
  background: #e9ecef;
  border: 1px solid #e9ecef;
  cursor: no-drop;
}
.shiraz-megenta-cyan .btn.btn-default.icon.disabled:hover, .shiraz-megenta-cyan .btn.btn-default.icon.disabled:active, .shiraz-megenta-cyan .btn.btn-default.icon.disabled-icon:hover, .shiraz-megenta-cyan .btn.btn-default.icon.disabled-icon:active {
  background: #e9ecef;
  color: #bbbbbb;
  border: 1px solid #e9ecef;
  cursor: no-drop;
}
.shiraz-megenta-cyan .btn.btn-default.icon.top-right {
  right: 10px;
  top: 10px;
  position: absolute;
}
.shiraz-megenta-cyan .btn.btn-default.icon span.fa {
  line-height: 22px;
  height: 22px;
}
.shiraz-megenta-cyan .btn.btn-default .btn-with-icon {
  width: 67px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shiraz-megenta-cyan .btn.btn-default.note-btn {
  width: auto;
  padding: 4px 8px;
  font-size: calc(100% - 2px) !important;
}
.shiraz-megenta-cyan .btn.btn-default.filter-btn {
  width: auto;
  min-width: 70px;
}
.shiraz-megenta-cyan .btn.btn-sm {
  padding: 5px 10px;
  font-size: 12px !important;
  width: auto;
}
.shiraz-megenta-cyan .alertify .alertify-button {
  margin-right: 1rem;
  width: 110px;
}
.shiraz-megenta-cyan .alertify .alertify-button.alertify-button-ok {
  color: #fff;
  background-color: #f3851c;
  border-color: #f3851c;
}
.shiraz-megenta-cyan .alertify .alertify-button.alertify-button-ok:hover, .shiraz-megenta-cyan .alertify .alertify-button.alertify-button-ok:focus {
  color: #f3851c;
  background-color: #fff;
  border-color: #f3851c;
}
.shiraz-megenta-cyan .alertify .alertify-button.alertify-button-cancel {
  color: #f3851c;
  background-color: #fff;
  border-color: #f3851c;
}
.shiraz-megenta-cyan .alertify .alertify-button.alertify-button-cancel:hover, .shiraz-megenta-cyan .alertify .alertify-button.alertify-button-cancel:focus {
  color: #fff;
  background-color: #f3851c;
  border-color: #f3851c;
}
.shiraz-megenta-cyan .nav-tabs {
  border: 0px;
}
.shiraz-megenta-cyan .nav-tabs li {
  /*width: calc(17% - 9px);*/
  min-width: 130px;
  text-align: center;
  height: 40px;
  border-radius: 0px !important;
}
.shiraz-megenta-cyan .nav-tabs li a {
  margin-right: 0px !important;
  color: #131313;
  padding: 7px 15px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: calc(100% + 1px) !important;
  border-radius: 4px;
  margin: 0px 10px;
  border: 0px;
  background-color: #fbfbfb;
}
.shiraz-megenta-cyan .nav-tabs li a:hover, .shiraz-megenta-cyan .nav-tabs li a:active, .shiraz-megenta-cyan .nav-tabs li a:focus {
  border: 0px;
}
.shiraz-megenta-cyan .nav-tabs li.active a {
  border: 0px;
  background-color: #206087;
  color: #fff;
  /*border: 1px solid $primary-clr;*/
}
.shiraz-megenta-cyan .nav-tabs li:first-child a {
  margin: 0px;
}
.shiraz-megenta-cyan .tab-content {
  min-height: 50vh;
}
.shiraz-megenta-cyan .tab-content.report-generate-tabcontent .tab-pane {
  overflow: initial;
}
.shiraz-megenta-cyan .sort_item {
  padding: 10px;
  border-radius: 4px;
  margin: 2px 0px;
  min-width: 250px;
  width: 330px;
  cursor: grabbing;
}
@media (max-width: 1300px) {
  .shiraz-megenta-cyan .tab-content.report-generate-tabcontent .tab-pane {
    overflow: auto;
  }
}
.shiraz-megenta-cyan .vertical-tab .nav-tabs {
  height: 70vh;
  margin-bottom: 0px;
  overflow: auto;
  border: 1px solid #dddddd;
  border-right: 0px;
  direction: rtl;
}
.shiraz-megenta-cyan .vertical-tab .nav-tabs li {
  width: 100%;
}
.shiraz-megenta-cyan .vertical-tab .nav-tabs li.active {
  border-bottom: 1px solid #dddddd;
  border-left: 4px solid #206087;
  border-radius: 0px;
  border-right: 0px;
  margin-top: 0px;
  font-weight: bold;
}
.shiraz-megenta-cyan .vertical-tab .nav-tabs li.active a {
  color: #206087;
}
.shiraz-megenta-cyan .vertical-tab .nav-tabs li a {
  padding: 20px 0px;
}
.shiraz-megenta-cyan .vertical-tab .nav-tabs li:first-child {
  border-top: 0px;
}
.shiraz-megenta-cyan .vertical-tab .drag-area .widget-main {
  margin: 20px auto;
}
.shiraz-megenta-cyan .vertical-tab .drag-area .widget-main #menu_drag, .shiraz-megenta-cyan .vertical-tab .drag-area .widget-main #process_drag {
  min-width: 300px;
}
.shiraz-megenta-cyan .vertical-tab .drag-area .widget-main .menu_active, .shiraz-megenta-cyan .vertical-tab .drag-area .widget-main .process_active {
  background-color: #f3851c;
  padding: 8px 10px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  margin: 10px auto;
  min-width: 250px;
  text-align: left;
  padding-left: 15px;
  color: #fff;
}
.shiraz-megenta-cyan .vertical-tab .drag-area .widget-main .drag-dots {
  margin-right: 10px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
}
.shiraz-megenta-cyan .vertical-tab .tab-content {
  border: 1px solid #ddd;
  padding: 15px;
  border-left: 0px;
  height: 70vh;
  overflow: auto;
}
.shiraz-megenta-cyan .vertical-tab .dataTables_wrapper .row:first-child .col-sm-6:first-child {
  padding-right: 20px !important;
}
.shiraz-megenta-cyan .vertical-tab .dataTables_wrapper .row:first-child .col-sm-6:last-child {
  padding-left: 10px !important;
}
.shiraz-megenta-cyan .widget-fluid {
  width: 100%;
}
.shiraz-megenta-cyan .select-items .checkbox label {
  padding-left: 0px;
}
@media (max-width: 1280px) {
  .shiraz-megenta-cyan .table-scroll {
    overflow-x: auto;
  }
}
@media (max-width: 1024px) {
  .shiraz-megenta-cyan .widget-main {
    width: 100%;
  }
}

.lavender-cinnabar {
  /***********************
     button
     ************************/
  /***********************
     alertify
     ************************/
  /***************
  Tab
  ***************/
  /***********************
     Vertical Tab
     ************************/
}
.lavender-cinnabar .btn {
  width: 130px;
  padding: 8px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 4px !important;
  font-size: 100%;
}
.lavender-cinnabar .btn.btn-default {
  background: #ffffff;
  color: #7f97b5;
  border: 1px solid #7f97b5;
}
.lavender-cinnabar .btn.btn-default:hover, .lavender-cinnabar .btn.btn-default:focus {
  background: #7f97b5;
  color: #fff;
  border: 1px solid #7f97b5;
  outline: none;
}
.lavender-cinnabar .btn.btn-default.active {
  background: #7f97b5;
  color: #fff;
  border: 1px solid #7f97b5;
  box-shadow: none;
}
.lavender-cinnabar .btn.btn-default.active:hover, .lavender-cinnabar .btn.btn-default.active:focus {
  background: #ffffff;
  color: #7f97b5;
  border: 1px solid #7f97b5;
}
.lavender-cinnabar .btn.btn-default.active:focus {
  background-color: #7f97b5;
  color: #ffffff;
  outline: none;
}
.lavender-cinnabar .btn.btn-default.active.disabled {
  cursor: no-drop;
}
.lavender-cinnabar .btn.btn-default.icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ffffff;
  color: #7f97b5;
  border: 1px solid #7f97b5;
  padding: 4px 0;
  text-overflow: initial;
  font-size: calc(100% - 2px);
  text-align: center;
}
.lavender-cinnabar .btn.btn-default.icon:hover, .lavender-cinnabar .btn.btn-default.icon:active, .lavender-cinnabar .btn.btn-default.icon.active, .lavender-cinnabar .btn.btn-default.icon:focus {
  background: #7f97b5;
  color: #fff;
  border: 1px solid #7f97b5;
}
.lavender-cinnabar .btn.btn-default.icon.disabled, .lavender-cinnabar .btn.btn-default.icon.disabled-icon {
  color: #bbbbbb;
  background: #e9ecef;
  border: 1px solid #e9ecef;
  cursor: no-drop;
}
.lavender-cinnabar .btn.btn-default.icon.disabled:hover, .lavender-cinnabar .btn.btn-default.icon.disabled:active, .lavender-cinnabar .btn.btn-default.icon.disabled-icon:hover, .lavender-cinnabar .btn.btn-default.icon.disabled-icon:active {
  background: #e9ecef;
  color: #bbbbbb;
  border: 1px solid #e9ecef;
  cursor: no-drop;
}
.lavender-cinnabar .btn.btn-default.icon.top-right {
  right: 10px;
  top: 10px;
  position: absolute;
}
.lavender-cinnabar .btn.btn-default.icon span.fa {
  line-height: 22px;
  height: 22px;
}
.lavender-cinnabar .btn.btn-default .btn-with-icon {
  width: 67px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lavender-cinnabar .btn.btn-default.note-btn {
  width: auto;
  padding: 4px 8px;
  font-size: calc(100% - 2px) !important;
}
.lavender-cinnabar .btn.btn-default.filter-btn {
  width: auto;
  min-width: 70px;
}
.lavender-cinnabar .btn.btn-sm {
  padding: 5px 10px;
  font-size: 12px !important;
  width: auto;
}
.lavender-cinnabar .alertify .alertify-button {
  margin-right: 1rem;
  width: 110px;
}
.lavender-cinnabar .alertify .alertify-button.alertify-button-ok {
  color: #fff;
  background-color: #7f97b5;
  border-color: #7f97b5;
}
.lavender-cinnabar .alertify .alertify-button.alertify-button-ok:hover, .lavender-cinnabar .alertify .alertify-button.alertify-button-ok:focus {
  color: #7f97b5;
  background-color: #fff;
  border-color: #7f97b5;
}
.lavender-cinnabar .alertify .alertify-button.alertify-button-cancel {
  color: #7f97b5;
  background-color: #fff;
  border-color: #7f97b5;
}
.lavender-cinnabar .alertify .alertify-button.alertify-button-cancel:hover, .lavender-cinnabar .alertify .alertify-button.alertify-button-cancel:focus {
  color: #fff;
  background-color: #7f97b5;
  border-color: #7f97b5;
}
.lavender-cinnabar .nav-tabs {
  border: 0px;
}
.lavender-cinnabar .nav-tabs li {
  /*width: calc(17% - 9px);*/
  min-width: 130px;
  text-align: center;
  height: 40px;
  border-radius: 0px !important;
}
.lavender-cinnabar .nav-tabs li a {
  margin-right: 0px !important;
  color: #131313;
  padding: 7px 15px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: calc(100% + 1px) !important;
  border-radius: 4px;
  margin: 0px 10px;
  border: 0px;
  background-color: #fbfbfb;
}
.lavender-cinnabar .nav-tabs li a:hover, .lavender-cinnabar .nav-tabs li a:active, .lavender-cinnabar .nav-tabs li a:focus {
  border: 0px;
}
.lavender-cinnabar .nav-tabs li.active a {
  border: 0px;
  /* background-color: #e5534b; */
  color: #fff;
  /*border: 1px solid $primary-clr;*/
}
.lavender-cinnabar .nav-tabs li:first-child a {
  margin: 0px;
}
.lavender-cinnabar .tab-content {
  min-height: 50vh;
}
.lavender-cinnabar .tab-content.report-generate-tabcontent .tab-pane {
  overflow: initial;
}
.lavender-cinnabar .sort_item {
  padding: 10px;
  border-radius: 4px;
  margin: 2px 0px;
  min-width: 250px;
  width: 330px;
  cursor: grabbing;
}
@media (max-width: 1300px) {
  .lavender-cinnabar .tab-content.report-generate-tabcontent .tab-pane {
    overflow: auto;
  }
}
.lavender-cinnabar .vertical-tab .nav-tabs {
  height: 70vh;
  margin-bottom: 0px;
  overflow: auto;
  border: 1px solid #dddddd;
  border-right: 0px;
  direction: rtl;
}
.lavender-cinnabar .vertical-tab .nav-tabs li {
  width: 100%;
}
.lavender-cinnabar .vertical-tab .nav-tabs li.active {
  border-bottom: 1px solid #dddddd;
  border-left: 4px solid #e5534b;
  border-radius: 0px;
  border-right: 0px;
  margin-top: 0px;
  font-weight: bold;
}
.lavender-cinnabar .vertical-tab .nav-tabs li.active a {
  color: #e5534b;
}
.lavender-cinnabar .vertical-tab .nav-tabs li a {
  padding: 20px 0px;
}
.lavender-cinnabar .vertical-tab .nav-tabs li:first-child {
  border-top: 0px;
}
.lavender-cinnabar .vertical-tab .drag-area .widget-main {
  margin: 20px auto;
}
.lavender-cinnabar .vertical-tab .drag-area .widget-main #menu_drag, .lavender-cinnabar .vertical-tab .drag-area .widget-main #process_drag {
  min-width: 300px;
}
.lavender-cinnabar .vertical-tab .drag-area .widget-main .menu_active, .lavender-cinnabar .vertical-tab .drag-area .widget-main .process_active {
  background-color: #7f97b5;
  padding: 8px 10px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  margin: 10px auto;
  min-width: 250px;
  text-align: left;
  padding-left: 15px;
  color: #fff;
}
.lavender-cinnabar .vertical-tab .drag-area .widget-main .drag-dots {
  margin-right: 10px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
}
.lavender-cinnabar .vertical-tab .tab-content {
  border: 1px solid #ddd;
  padding: 15px;
  border-left: 0px;
  height: 70vh;
  overflow: auto;
}
.lavender-cinnabar .vertical-tab .dataTables_wrapper .row:first-child .col-sm-6:first-child {
  padding-right: 20px !important;
}
.lavender-cinnabar .vertical-tab .dataTables_wrapper .row:first-child .col-sm-6:last-child {
  padding-left: 10px !important;
}
.lavender-cinnabar .widget-fluid {
  width: 100%;
}
.lavender-cinnabar .select-items .checkbox label {
  padding-left: 0px;
}
@media (max-width: 1280px) {
  .lavender-cinnabar .table-scroll {
    overflow-x: auto;
  }
}
@media (max-width: 1024px) {
  .lavender-cinnabar .widget-main {
    width: 100%;
  }
}

/*# sourceMappingURL=button.css.map */