:root {
  /* //////////////////////////// */
  /* //////////////////////////// */
  /* ///// Custom Colors ///// */
  /* //////////////////////////// */
  /* //////////////////////////// */

  --p1-customIcon-color: #ffca00;
  --p1-well-bg: #096a74;
  --p1-modalHeader-modalFooter-sidebarFooter-bg: #064045;
  --p1-navTabs-anchor-color: #c4a210;
  --p1-modalTitle-tableClass-color: #fff;
  --p1-helpBlockClass-color: #e5e4d7;
  --p1-allAnchors-color: #49befa;

  --p2-customIcon-color: #deb439;
  --p2-well-bg: #096a74;
  --p2-modalHeader-modalFooter-sidebarFooter-bg: #064045;
  --p2-navTabs-anchor-color: #d3a722;
  --p2-modalTitle-tableClass-color: #fff;
  --p2-helpBlockClass-color: #e5e4d7;
  --p2-allAnchors-color: #49befa;

  /* //////////////////////////// */
  /* //////////////////////////// */
  /* ///// Dashboard Colors ///// */
  /* //////////////////////////// */
  /* //////////////////////////// */

  --p1-body-bg: #e6f2ff;

  --p1-sidebar-bg: #096973;
  --p1-sidebar-wrapper-bg: #152a46;
  --p1-sidebar-title: #627cb7;
  --p1-sidebar-anchor-color: #ccc;
  --p1-sidebar-anchor-hover-bg: #061d34;
  --p1-sidebar-footer-anchor-color: #b2bfdc;

  --p1-title-header-bg: #081526;
  --p1-title-header-color: #fff;
  --p1-title-header-borderBottom: #143966;
  --p1-title-header-icon-color: #ffca00;

  --p1-row-header-color: #919191;

  --p1-widget-bg: #0d7899;
  --p1-widget-borderColor: #e9e9e9;
  --p1-widget-all-in-tbody-bg: #0d8c99;

  --p1-well-bg: #066c77;
  --p1-widget-error-color: #ff0000;
  --p1-widget-thead-bg: #08712c;
  --p1-span-color: #333;
  --p1-widget-icon: #30426a;

  /***** p2 start *****/
  --p2-body-bg: #fff;

  --p2-sidebar-bg: #495371;
  --p2-sidebar-wrapper-bg: #495371;
  --p2-sidebar-title: #74959A;
  --p2-sidebar-anchor-color: #ccc;
  --p2-sidebar-anchor-hover-bg: #495371;
  --p2-sidebar-footer-anchor-color: #98B4AA;

  --p2-title-header-bg: #495371;
  --p2-title-header-color: #fff;
  --p2-title-header-borderBottom: #495371;
  --p2-title-header-icon-color: #F1E0AC;

  --p2-row-header-color: #919191;

  --p2-widget-bg: #515c7dca;
  --p2-widget-borderColor: #e9e9e9;
  --p2-widget-all-in-tbody-bg: #687dbdda;

  --p2-well-bg: #687dbdda;
  --p2-widget-error-color: #ff0000;
  --p2-widget-thead-bg: #374265;
  --p2-span-color: #333;
  --p2-widget-icon: #30426a;

  /* //////////////////////////// */
  /* //////////////////////////// */
  /* ///// Calendar  Colors ///// */
  /* //////////////////////////// */
  /* //////////////////////////// */

  /* dateInput */
  --p1-dateInput-bg: #fff;
  --p1-dateInput-addon-color: #428bca;
  --p1-dateInput-addon-borderColor: #ccc;
  /* agenda table */
  --p1-agendaTable-thead-bg: #e3e3e3;
  --p1-agendaTable-tableTitle-bg: #30426a;
  --p1-agendaTable-tableTitle-color: #fff;
  --p1-agendaTable-tbody-tr-color: #808080;
  --p1-agendaTable-tbody-tr-selectedLinked-bg: #83acd0;
  /* agenda panel */
  --p1-agendaPanelBody-bg: #f5f5f5;
  --p1-agendaPanelHeading-bg: #fff;
  --p1-agendaPanelHeading-anchorFocus-bg: #ddd;

  /* ********* Second Pallete ********** */
  /* dateInput */
  --p2-dateInput-bg: #fff;
  --p2-dateInput-addon-color: #428bca;
  --p2-dateInput-addon-borderColor: #ccc;
  /* agenda table */
  --p2-agendaTable-thead-bg: #e3e3e3;
  --p2-agendaTable-tableTitle-bg: #30426a;
  --p2-agendaTable-tableTitle-color: #fff;
  --p2-agendaTable-tbody-tr-color: #808080;
  --p2-agendaTable-tbody-tr-selectedLinked-bg: #83acd0;
  /* agenda panel */
  --p2-agendaPanelBody-bg: #f5f5f5;
  --p2-agendaPanelHeading-bg: #fff;
  --p2-agendaPanelHeading-anchorFocus-bg: #ddd;

  /* //////////////////////////////// */
  /* //////////////////////////////// */
  /* ///// Html Preview  Colors ///// */
  /* //////////////////////////////// */
  /* //////////////////////////////// */

  --p1-previewPlayer-bg: #000;
  --p1-previewSplash-bg: #000;
  --p1-previewLoader-bg: #000;
  --p1-previewLoaderCaption-p-color: #fff;
  --p1-previewLog-bg: #fff;
  --p1-previewInfo-bg: #fff;
  --p1-previewEnd-bg: #000;
  --p1-previewEnd-color: #fff;
  --p1-emptyIcon-color: #ffff5099;
  /* // */
  /* p2 */
  /* // */
  --p2-previewPlayer-bg: #000;
  --p2-previewSplash-bg: #000;
  --p2-previewLoader-bg: #000;
  --p2-previewLoaderCaption-p-color: #fff;
  --p2-previewLog-bg: #fff;
  --p2-previewInfo-bg: #fff;
  --p2-previewEnd-bg: #000;
  --p2-previewEnd-color: #fff;
  --p2-emptyIcon-color: #ffff5099;
}

body.p1 {
  background: var(--p1-body-bg);
}
body.p2 {
  background: var(--p2-body-bg);
}

/* ///////////////////////////////*/
/* ///////////////////////////////*/
/* ////// Dasboard Classes ////// */
/* ////////////////////////////// */
/* ////////////////////////////// */

body.p1 ul.sidebar {
  background-color: var(--p1-sidebar-bg);
}
body.p2 ul.sidebar {
  background-color: var(--p2-sidebar-bg);
}
/* ///////////////////////// */
body.p1 .custom-navbar .sidebar .title-header {
  background-color: var(--p1-title-header-bg);
  color: var(--p1-title-header-color);
  border-bottom: solid 1px var(--p1-title-header-borderBottom);
}
body.p2 .custom-navbar .sidebar .title-header {
  background-color: var(--p2-title-header-bg);
  color: var(--p2-title-header-color);
  border-bottom: solid 1px var(--p2-title-header-borderBottom);
}
/* ///////////////////////// */
body.p1 .custom-navbar .sidebar .title-header i {
  color: var(--p1-title-header-icon-color);
}
body.p2 .custom-navbar .sidebar .title-header i {
  color: var(--p2-title-header-icon-color);
}
/* ///////////////////////// */
body.p1 .custom-navbar .sidebar ul li a {
  color: var(--p1-sidebar-anchor-color);
}
body.p2 .custom-navbar .sidebar ul li a {
  color: var(--p2-sidebar-anchor-color);
}
/* ///////////////////////// */
body.p1 .custom-navbar .sidebar ul li a:hover,
body.p1 .custom-navbar .sidebar ul .active a {
  color: var(--p1-title-header-icon-color);
  background-color: var(--p1-sidebar-anchor-hover-bg);
}

body.p2 .custom-navbar .sidebar ul li a:hover,
body.p2 .custom-navbar .sidebar ul .active a {
  color: var(--p2-title-header-icon-color);
  background-color: var(--p2-sidebar-anchor-hover-bg);
}
/* ///////////////////////// */
body.p1 .sidebar-footer div a {
  color: var(--p1-sidebar-footer-anchor-color);
}
body.p2 .sidebar-footer div a {
  color: var(--p2-sidebar-footer-anchor-color);
}
/* ///////////////////////// */
body.p1 .sidebar-footer div a:hover {
  color: var(--p1-title-header-color);
}
body.p2 .sidebar-footer div a:hover {
  color: var(--p2-title-header-color);
}
/* ///////////////////////// */
body.p1 .row.header {
  background: var(--p1-title-header-bg);
}
body.p2 .row.header {
  background: var(--p2-title-header-bg);
}
/* ///////////////////////// */
body.p1 .row.header .user > .item a {
  color: var(--p1-row-header-color);
}
body.p2 .row.header .user > .item a {
  color: var(--p2-row-header-color);
}
/* ///////////////////////// */
body.p1 .row.header .user > .item ul.dropdown-menu:before {
  border-bottom: 7px solid var(--p1-sidebar-anchor-color);
}
body.p2 .row.header .user > .item ul.dropdown-menu:before {
  border-bottom: 7px solid var(--p2-sidebar-anchor-color);
}
/* ///////////////////////// */
body.p1 .row.header .user > .item ul.dropdown-menu:after {
  border-bottom: 6px solid var(--p1-title-header-color);
}
body.p2 .row.header .user > .item ul.dropdown-menu:after {
  border-bottom: 6px solid var(--p2-title-header-color);
}
/* ///////////////////////// */
body.p1 .control-label,
body.p1 .checkbox label {
  color: var(--p1-title-header-color);
}
body.p2 .control-label,
body.p2 .checkbox label {
  color: var(--p2-title-header-color);
}
/* ///////////////////////// */
body.p1 .widget {
  background: var(--p1-widget-bg);
  border-color: var(--p1-widget-borderColor);
  color: var(--p1-title-header-color) !important;
}
body.p2 .widget {
  background: var(--p2-widget-bg);
  border-color: var(--p2-widget-borderColor);
  color: var(--p2-title-header-color) !important;
}
/* ///////////////////////// */
body.p1 .widget .widget-title {
  color: var(--p1-title-header-color);
  background-color: var(--p1-title-header-bg);
  border-bottom: 1px solid var(--p1-widget-borderColor);
}

body.p2 .widget .widget-title {
  color: var(--p2-title-header-color);
  background-color: var(--p2-title-header-bg);
  border-bottom: 1px solid var(--p2-widget-borderColor);
}
/* ///////////////////////// */
body.p1 .widget .widget-title i {
  color: var(--p1-title-header-icon-color);
}
body.p2 .widget .widget-title i {
  color: var(--p2-title-header-icon-color);
}
/* ///////////////////////// */
body.p1 .widget .widget-body table tbody * {
  background-color: var(--p1-widget-all-in-tbody-bg) !important;
  color: var(--p1-title-header-color) !important;
}
body.p1 .widget .widget-body table tbody .media-not-downloaded * {
  background-color: #c40d0d !important;
}
body.p2 .widget .widget-body table tbody * {
  background-color: var(--p2-widget-all-in-tbody-bg) !important;
  color: var(--p2-title-header-color) !important;
}

body.p1 .widget .widget-icon i {
  color: var(--p1-title-header-color);
}
body.p2 .widget .widget-icon i {
  color: var(--p2-title-header-color);
}
/* ///////////////////////// */
body.p1 .well {
  background-color: var(--p1-well-bg) !important;
}
body.p2 .well {
  background-color: var(--p2-well-bg) !important;
}
/* ///////////////////////// */
body.p1 .well .nav-header {
  color: var(--p1-title-header-color) !important;
}
body.p2 .well .nav-header {
  color: var(--p2-title-header-color) !important;
}
/* ///////////////////////// */
body.p1 .well li a,
body.p1 .well .info {
  color: var(--p2-span-color) !important;
  background: none !important;
}
body.p2 .well li a,
body.p2 .well .info {
  color: var(--p2-title-header-color) !important;
  background: none !important;
}

body.p1 .well .nav-tabs span {
  color: var(--p1-title-header-color);
}
body.p2 .well .nav-tabs span {
  color: var(--p2-title-header-color);
}
body.p1 .well .nav-tabs a {
  color: var(--p1-title-header-color) !important;
}
body.p2 .well .nav-tabs a {
  color: var(--p2-title-header-color) !important;
}

body.p1 .widget .widget-body .error {
  color: var(--p1-widget-error-color);
}
body.p2 .widget .widget-body .error {
  color: var(--p2-widget-error-color);
}
body.p1 .widget .widget-body table thead {
  background: var(--p1-widget-thead-bg);
}
body.p2 .widget .widget-body table thead {
  background: var(--p2-widget-thead-bg);
}
/* //////////////////// */

/*body.p1 .widget .widget-body a,*/
/*body.p1 .widget .widget-body span {*/
/*  color: var(--p1-span-color);*/
/*}*/
body.p2 .widget .widget-body a,
body.p2 .widget .widget-body span {
  color: var(--p2-span-color);
}
body.p1 .select-all,
body.p1 .dropdown-toggle {
  color: var(--p1-span-color) !important;
}
body.p1 .nav li span {
  color: var(--p1-span-color) !important;
}
body.p1 .btn,
body.p1 .btn:hover,
body.p1 .btn:focus {
  color: var(--p1-title-header-color);
}
body.p1 .btn-default {
  background-color: var(--p1-span-color) !important;
}
body.p1 .dropdown-toggle {
  background-color: var(--p1-title-header-color) !important;
}
body.p1 .header .dropdown-toggle {
  background: none !important;
}

body.p2 .select-all,
body.p2 .dropdown-toggle {
  color: var(--p2-span-color) !important;
}
body.p2 .nav li span {
  color: var(--p2-span-color) !important;
}
body.p2 .btn,
body.p2 .btn:hover,
body.p2 .btn:focus {
  color: var(--p2-title-header-color);
}
body.p2 .btn-default {
  background-color: var(--p2-span-color) !important;
}
body.p2 .dropdown-toggle {
  background-color: var(--p2-title-header-color) !important;
}
body.p2 .header .dropdown-toggle {
  background: none !important;
}

body.p1 .widget .widget-icon {
  background: var(--p1-widget-icon);
}
body.p2 .widget .widget-icon {
  background: var(--p2-widget-icon);
}
/* /////////////////////////// */

body.p1 .bg-danger {
  background-color: #ff3e3e !important;
  color: var(--p1-title-header-color);
}
body.p2 .bg-danger {
  background-color: #ff3e3e !important;
  color: var(--p2-title-header-color);
}

/* Blue */
body.p1 #sidebar-wrapper {
  /* Sidebar background color */
  background: var(--p1-sidebar-wrapper-bg);
}
body.p1 ul.sidebar .sidebar-title {
  /* Sidebar title text colour */
  color: var(--p1-sidebar-title);
}

body.p2 #sidebar-wrapper {
  /* Sidebar background color */
  background: var(--p2-sidebar-wrapper-bg);
}
body.p2 ul.sidebar .sidebar-title {
  /* Sidebar title text colour */
  color: var(--p2-sidebar-title);
}
/* ///////////////////////// */
body.p1 .previewDisplay * {
  color: var(--p1-title-header-color);
}
body.p2 .previewDisplay * {
  color: var(--p2-title-header-color);
}

/* ///////////////////////////////*/
/* ///////////////////////////////*/
/* ////// Calendar Classes ////// */
/* ////////////////////////////// */
/* ////////////////////////////// */

body.p1 .parsian-calendar-controls #dateInput {
  background: var(--p1-dateInput-bg);
}
body.p2 .parsian-calendar-controls #dateInput {
  background: var(--p2-dateInput-bg);
}

body.p1 .parsian-calendar-controls #dateInput .input-group-addon {
  color: var(--p1-dateInput-addon-color);
  border: 1px solid var(--p1-dateInput-addon-borderColor);
}
body.p2 .parsian-calendar-controls #dateInput .input-group-addon {
  color: var(--p2-dateInput-addon-color);
  border: 1px solid var(--p2-dateInput-addon-borderColor);
}

body.p1 .agenda-table {
  background-color: var(--p1-dateInput-bg);
}
body.p2 .agenda-table {
  background-color: var(--p2-dateInput-bg);
}

body.p1 .agenda-table thead {
  background-color: var(--p1-agendaTable-thead-bg);
}
body.p2 .agenda-table thead {
  background-color: var(--p2-agendaTable-thead-bg);
}

body.p1 .agenda-table .table-title {
  background-color: var(--p1-agendaTable-tableTitle-bg);
  color: var(--p1-agendaTable-tableTitle-color);
}
body.p2 .agenda-table .table-title {
  background-color: var(--p2-agendaTable-tableTitle-bg);
  color: var(--p2-agendaTable-tableTitle-color);
}

body.p1 .agenda-panel .panel-body {
  background-color: var(--p1-agendaPanelBody-bg);
}
body.p2 .agenda-panel .panel-body {
  background-color: var(--p2-agendaPanelBody-bg);
}

body.p1 .agenda-panel .panel-heading {
  background-color: var(--p1-agendaPanelHeading-bg);
}
body.p2 .agenda-panel .panel-heading {
  background-color: var(--p2-agendaPanelHeading-bg);
}

body.p1 .agenda-panel .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: var(--p1-agendaPanelHeading-anchorFocus-bg);
}

body.p2 .agenda-panel .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: var(--p2-agendaPanelHeading-anchorFocus-bg);
}

body.p1 .agenda-table tbody tr.low-priority {
  color: var(--p1-agendaTable-tbody-tr-color);
}
body.p2 .agenda-table tbody tr.low-priority {
  color: var(--p2-agendaTable-tbody-tr-color);
}

body.p1 .agenda-table tbody tr:hover {
  cursor: pointer;
  color: var(--p1-dateInput-addon-color);
}
body.p2 .agenda-table tbody tr:hover {
  cursor: pointer;
  color: var(--p2-dateInput-addon-color);
}

body.p1 .agenda-table tbody tr.selected {
  cursor: pointer;
  background-color: var(--p1-dateInput-addon-color);
  color: var(--p1-dateInput-bg);
}

body.p2 .agenda-table tbody tr.selected {
  cursor: pointer;
  background-color: var(--p2-dateInput-addon-color);
  color: var(--p2-dateInput-bg);
}

body.p1 .agenda-table tbody tr.selected-linked {
  cursor: pointer;
  background-color: var(--p1-agendaTable-tbody-tr-selectedLinked-bg);
  color: var(--p1-dateInput-bg);
}

body.p2 .agenda-table tbody tr.selected-linked {
  cursor: pointer;
  background-color: var(--p2-agendaTable-tbody-tr-selectedLinked-bg);
  color: var(--p2-dateInput-bg);
}

/* ///////////////////////////////*/
/* ///////////////////////////////*/
/* ////// Custom Classes ////// */
/* ////////////////////////////// */
/* ////////////////////////////// */

body.p1 .custom-ico {
  color: var(--p1-customIcon-color) !important;
}


body.p1 .nav-tabs li.active a {
  background-color: var(--p1-well-bg);
  color: var(--p1-navTabs-anchor-color);
}
body.p2 .nav-tabs li.active a {
  background-color: var(--p2-well-bg);
  color: var(--p2-navTabs-anchor-color);
}

body.p1 .nav-tabs li.active a:hover {
  color: var(--p1-navTabs-anchor-color);
}
body.p1 .btn-group button {
  background-color: var(--p1-well-bg);
}
body.p1 .modal-title {
  color: var(--p1-modalTitle-tableClass-color);
}
body.p1 #advanced p,
body.p1 #advanced .table {
  color: var(--p1-modalTitle-tableClass-color);
}
body.p1 .table-striped > tbody > tr:nth-child(2n + 1) > td,
body.p1 .table-striped > tbody > tr:nth-child(2n + 1) > th {
  background-color: var(--p1-well-bg);
}
body.p1 .help-block {
  color: var(--p1-helpBlockClass-color);
}
body.p1 a {
  color: var(--p1-allAnchors-color);
}

body.p2 .nav-tabs li.active a:hover {
  color: var(--p2-navTabs-anchor-color);
}
body.p2 .btn-group button {
  background-color: var(--p2-well-bg);
}
body.p2 .modal-title {
  color: var(--p2-modalTitle-tableClass-color);
}
body.p2 #advanced p,
body.p2 #advanced .table {
  color: var(--p2-modalTitle-tableClass-color);
}
body.p2 .table-striped > tbody > tr:nth-child(2n + 1) > td,
body.p2 .table-striped > tbody > tr:nth-child(2n + 1) > th {
  background-color: var(--p2-well-bg);
}
body.p2 .help-block {
  color: var(--p2-helpBlockClass-color);
}
body.p2 a {
  color: var(--p2-allAnchors-color);
}

body.p1 .custom-ico {
  display: inline !important;
  color: var(--p1-customIcon-color) !important;
}
body.p1 .well {
  background-color: var(--p1-well-bg);
}
body.p1 .modal-header,
body.p1 .modal-footer,
body.p1 .sidebar-footer {
  background-color: var(--p1-modalHeader-modalFooter-sidebarFooter-bg);
}
body.p1 .modal-body {
  background-color: var(--p1-well-bg);
}

body.p2 .custom-ico {
  display: inline !important;
  color: var(--p2-customIcon-color) !important;
}
body.p2 .well {
  background-color: var(--p2-well-bg);
}
body.p2 .modal-header,
body.p2 .modal-footer,
body.p2 .sidebar-footer {
  background-color: var(--p2-modalHeader-modalFooter-sidebarFooter-bg);
}
body.p2 .modal-body {
  background-color: var(--p2-well-bg);
}

/* ///////////////////////////////// */
/* ///////////////////////////////// */
/* ///// Html Preview  Classes ///// */
/* ///////////////////////////////// */
/* ///////////////////////////////// */

body.p1 div.preview-player {
  background-color: var(--p1-previewPlayer-bg);
}
body.p2 div.preview-player {
  background-color: var(--p2-previewPlayer-bg);
}

body.p1 div.preview-splash {
  background: var(--p1-previewSplash-bg) url("../img/logo.png") no-repeat center
    center;
}
body.p2 div.preview-splash {
  background: var(--p2-previewSplash-bg) url("../img/logo.png") no-repeat center
    center;
}

body.p1 div.preview-loader {
  background: var(--p1-previewLoader-bg) url("../img/loader.gif") no-repeat
    center center;
}
body.p2 div.preview-loader {
  background: var(--p2-previewLoader-bg) url("../img/loader.gif") no-repeat
    center center;
}

body.p1 div.preview-loaderCaption p {
  color: var(--p1-previewLoaderCaption-p-color);
}
body.p2 div.preview-loaderCaption p {
  color: var(--p2-previewLoaderCaption-p-color);
}

body.p1 div.previewLog {
  background: var(--p1-previewLog-bg);
}
body.p2 div.previewLog {
  background: var(--p2-previewLog-bg);
}

body.p1 div.previewInfo {
  background: var(--p1-previewInfo-bg);
}
body.p2 div.previewInfo {
  background: var(--p2-previewInfo-bg);
}

body.p1 div.previewEnd {
  color: var(--p1-previewEnd-color);
  background: var(--p1-previewEnd-bg);
}

body.p2 div.previewEnd {
  color: var(--p2-previewEnd-color);
  background: var(--p2-previewEnd-bg);
}

body.p1 span.empty-icon {
  color: var(--p1-emptyIcon-color);
}
body.p2 span.empty-icon {
  color: var(--p2-emptyIcon-color);
}