diff --git a/README.md b/README.md index 54d636a5b..35c34f002 100644 --- a/README.md +++ b/README.md @@ -8,14 +8,14 @@ Zippy Store #### Основная функциональность -* управление складами, складская логистика +* управление складами * закупка * продажа * учет курса валют при закупке и продаже * учет платежей и взаиморасчеты с котрагентами * партионный учет и учет по сериям производителя * управление пользователями и доступом, личный кабинет пользователя -* работа с лидами и друние элементы элементы CRM +* работа с лидами и другие элементы CRM * отчеты по продажам, закупкам, движению товара * услуги, задачи, календарь выполнения работ * учет оборудования @@ -39,8 +39,7 @@ Zippy Store -------------------- Создать БД (кодировка utf8_general_ci), выполнить SQL скрипты (папка DB) сначала структуру db.sql потом данные инициализации initdata.sql. - Файлы update*.sql для новой БД выполнять не нужно. - + Скопировать содержимое папки www в корневой каталог сайта. Выполнить composer.json для скачивания сторонних библиотек . diff --git a/www/app/entity/customer.php b/www/app/entity/customer.php index 16ae735f9..cf7a98795 100644 --- a/www/app/entity/customer.php +++ b/www/app/entity/customer.php @@ -209,4 +209,26 @@ public function getBonus() { return $conn->GetOne($sql); } + + public function getDolg() { + $br = ""; + $c = \App\ACL::getBranchConstraint(); + if (strlen($c) > 0) { + $br = " {$c} and "; + } + $docs = " and ( meta_name in('GoodsIssue','Invoice' ,'PosCheck','ServiceAct','Order','ReturnIssue') or (meta_name='IncomeMoney' and content like '%1%' ) or (meta_name='OutcomeMoney' and content like '%2%' )) "; + + $conn = \ZDB\DB::getConnect(); + $sql = "select coalesce(sum(sam),0) as sam from ( + select (case when ( meta_name='OutcomeMoney' or meta_name='ReturnIssue' ) then (payed - payamount ) else (payamount - payed) end) as sam + from `documents_view` + where {$br} customer_id={$this->customer_id} and (payamount >0 or payed >0) {$docs} and state not in (1,2,3,17,8) and ( (meta_name <>'POSCheck' and payamount <> payed) or(meta_name = 'POSCheck' and payamount > payed )) + ) t "; + + + return $conn->GetOne($sql); + + } + + } diff --git a/www/app/entity/doc/goodsreceipt.php b/www/app/entity/doc/goodsreceipt.php index d69e22e91..e05d44464 100644 --- a/www/app/entity/doc/goodsreceipt.php +++ b/www/app/entity/doc/goodsreceipt.php @@ -144,6 +144,7 @@ public function getRelationBased() { $list['RetCustIssue'] = self::getDesc('RetCustIssue'); $list['GoodsReceipt'] = self::getDesc('GoodsReceipt'); + $list['ProdIssue'] = self::getDesc('ProdIssue'); return $list; } diff --git a/www/app/entity/pay.php b/www/app/entity/pay.php index 8eb929856..16fd2a1c1 100644 --- a/www/app/entity/pay.php +++ b/www/app/entity/pay.php @@ -91,7 +91,7 @@ public static function addPayment($document_id, $paydate, $amount, $mf_id, $type $payb->user_id = \App\System::getUser()->user_id; $payb->save(); - \App\Entity\IOState::addIOState($document_id, $payb->amount, \App\Entity\IOState::TYPE_BANK); + \App\Entity\IOState::addIOState($document_id, 0-$payb->amount, \App\Entity\IOState::TYPE_BANK); } diff --git a/www/app/entity/stock.php b/www/app/entity/stock.php index b7dd623c0..88588da1a 100644 --- a/www/app/entity/stock.php +++ b/www/app/entity/stock.php @@ -98,7 +98,7 @@ public static function getStock($store_id, $item_id, $price, $snumber = "", $sda $stock->snumber = $snumber; $stock->sdate = $sdate; - \App\Helper::log(serialize($stock)); + $stock->save(); } if ($partiontype == '1' && $price > 0) { //учет по последней цене diff --git a/www/app/entity/subscribe.php b/www/app/entity/subscribe.php index 2fd1450d6..0622a14a7 100644 --- a/www/app/entity/subscribe.php +++ b/www/app/entity/subscribe.php @@ -180,6 +180,8 @@ public function getText($doc) { $header['mf'] = ''; $header['pos'] = ''; $header['source'] = ''; + $header['payed'] = ''; + $header['credit'] = ''; $header['device'] = $doc->headerdata['device']; if (strlen($doc->headerdata['device']) > 0 && strlen($doc->headerdata['devsn']) > 0) { $header['device'] .= " (" . $doc->headerdata['devsn'] . ")"; @@ -209,6 +211,9 @@ public function getText($doc) { if ($doc->headerdata['payed'] == 0 && $doc->payamount == 0) { $header['mf'] = \App\Helper::l("prepaid"); } + if ($doc->headerdata['payed'] > 0) { + $header['payed'] = \App\Helper::fa($doc->headerdata['payed']); + } if ($doc->headerdata['pos']) { $pos = \App\Entity\Pos::load($doc->headerdata['pos']); @@ -218,6 +223,14 @@ public function getText($doc) { $sl = H::getSaleSources(); $header['source'] = $sl[$doc->headerdata['salesource']]; } + if ($doc->customer_id > 0) { + $cust = \App\Entity\Customer::load($doc->customer_id) ; + $dolg = $cust->getDolg(); + if($dolg >0) { + $header['credit'] = \App\Helper::fa($dolg); + } + + } $table = array(); foreach ($doc->unpackDetails('detaildata') as $item) { diff --git a/www/app/modules/shop/comparelist.php b/www/app/modules/shop/comparelist.php index d67d60a21..9bea66431 100644 --- a/www/app/modules/shop/comparelist.php +++ b/www/app/modules/shop/comparelist.php @@ -49,6 +49,9 @@ public function hasProsuct($item_id) { public function isEmpty() { return count($this->list) == 0; } + public function getItemCount() { + return count($this->list) ; + } // реализация DataSource /* diff --git a/www/app/modules/shop/pages/base.php b/www/app/modules/shop/pages/base.php index 017b63628..ad300b466 100644 --- a/www/app/modules/shop/pages/base.php +++ b/www/app/modules/shop/pages/base.php @@ -30,7 +30,8 @@ public function __construct($params = null) { // $this->_tvars["islogined"] = $user->user_id > 0; $this->_tvars["currencyname"] = $shop["currencyname"]; - $this->_tvars["notcnt"] = false; + $this->_tvars["basketcnt"] = false; + $this->_tvars["comparecnt"] = false; $this->_tvars["phone"] = strlen($shop["phone"]) > 0 ? $shop["phone"] : false; $this->add(new \Zippy\Html\Form\Form('searchform')); @@ -63,7 +64,9 @@ public function __construct($params = null) { if(!is_array($shop["pages"])) $shop["pages"] = array(); $this->_tvars['pages'] =array(); foreach($shop["pages"] as $p) { - $this->_tvars['pages'][]=array('link'=> $p->link ,'title'=>$p->title); + $link = _BASEURL .trim($p->link,"/"); + + $this->_tvars['pages'][]=array('link'=> $link ,'title'=>$p->title); } @@ -115,10 +118,14 @@ final protected function isError() { protected function beforeRender() { $basket = \App\Modules\Shop\Basket::getBasket(); + $comp = \App\Modules\Shop\CompareList::getCompareList(); + $this->shopcart->setVisible($basket->isEmpty() == false); - $this->showcompare->setVisible(\App\Modules\Shop\CompareList::getCompareList()->isEmpty() == false); + $this->showcompare->setVisible($comp->isEmpty() == false); - $this->_tvars["notcnt"] = $basket->getItemCount(); + $this->_tvars["basketcnt"] = $basket->getItemCount(); + + $this->_tvars["comparecnt"] = $comp->getItemCount(); } protected function afterRender() { diff --git a/www/app/modules/shop/pages/order.php b/www/app/modules/shop/pages/order.php index 3522dc0a8..1651cacec 100644 --- a/www/app/modules/shop/pages/order.php +++ b/www/app/modules/shop/pages/order.php @@ -63,7 +63,7 @@ public function OnDelivery($sender) { public function OnUpdate($sender) { - + $this->listform->pitem->Reload(); $this->sum = 0; $rows = $this->listform->pitem->getDataRows(); @@ -77,8 +77,9 @@ public function OnUpdate($sender) { $this->sum = $this->sum + $product->getPriceFinal() * $product->quantity; } + Basket::getBasket()->list = $this->basketlist; - $this->listform->pitem->Reload(); + } public function OnDelete($sender) { @@ -230,6 +231,12 @@ public function OnSave($sender) { $order->amount = $amount; $order->payamount = $amount; $order->branch_id = $op["defbranch"]; + + if($order->user_id==0) { + $user = \App\Entity\user::getByLogin('admin') ; + $order->user_id = $user->user_id; + } + $order->save(); $order->updateStatus(Document::STATE_NEW); if ($shop['ordertype'] == 1) { //Кассовый чек @@ -255,6 +262,7 @@ public function OnSave($sender) { } } catch(\Exception $ee) { $this->setError($ee->getMessage()); + return; } diff --git a/www/app/modules/wc/helper.php b/www/app/modules/wc/helper.php index ac9eecd20..640b45f3d 100644 --- a/www/app/modules/wc/helper.php +++ b/www/app/modules/wc/helper.php @@ -16,8 +16,8 @@ public static function getClient() { $modules = \App\System::getOptions("modules"); $site = $modules['wcsite']; - $keyc = $modules['wckeyc']; - $keys = $modules['wckeys']; + $keyc = $modules['wckeyc']; //ck_a36c9d5d8ef70a34001b6a44bc245a7665ca77e7 + $keys = $modules['wckeys']; //cs_12b03012d9db469b45b1fc82e329a3bc995f3e36 $api = $modules['wcapi']; // $ssl = $modules['wcssl']; diff --git a/www/app/modules/wc/items.php b/www/app/modules/wc/items.php index 0b59278dc..435d12849 100644 --- a/www/app/modules/wc/items.php +++ b/www/app/modules/wc/items.php @@ -68,14 +68,14 @@ public function filterOnSubmit($sender) { $this->setError($ee->getMessage()); return; } - + $qty = count($data); foreach ($data as $p) { if (strlen($p->sku) > 0) { $skus[] = $p->sku; } } unset($data); - $cat_id = $sender->searchcat->getValue(0); + $cat_id = $sender->searchcat->getValue(); $w = "disabled <> 1"; if ($cat_id > 0) { @@ -151,7 +151,7 @@ public function exportOnSubmit($sender) { $this->setSuccess("exported_items", count($elist)); //обновляем таблицу - $this->filterOnSubmit(null); + $this->filterOnSubmit($this->filter); } //обновление количества в магазине @@ -159,69 +159,88 @@ public function onUpdateQty($sender) { $modules = System::getOptions("modules"); $client = \App\Modules\WC\Helper::getClient(); - try { - $data = $client->get('products', array('status' => 'publish')); - } catch(\Exception $ee) { - $this->setError($ee->getMessage()); - return; - } - - $skulist = array(); - $skuvarlist = array(); - - foreach ($data as $p) { - if (strlen($p->sku) == 0) { - continue; + $page=1; + $cnt =1; + while(true) { + + try { + $data = $client->get('products', array('status' => 'publish' , 'page' => $page, 'per_page' => 100)); + } catch(\Exception $ee) { + $this->setError($ee->getMessage()); + return; } - $skulist[$p->sku] = $p->id; - if(is_array($p->variations)) { - foreach($p->variations as $vid){ - $var = $client->get("products/{$p->id}/variations/{$vid}", array('status' => 'publish')); - - if (strlen($var->sku) == 0) { - continue; + $c = count($data); + + \App\Helper::log($page*$c); ; + + if ($c == 0) { + break; + } + $page++; + + $skulist = array(); + $skuvarlist = array(); + + foreach ($data as $p) { + if (strlen($p->sku) == 0) { + continue; + } + $skulist[$p->sku] = $p->id; + if(is_array($p->variations)) { + foreach($p->variations as $vid){ + $var = $client->get("products/{$p->id}/variations/{$vid}", array('status' => 'publish')); + + if (strlen($var->sku) == 0) { + continue; + } + $skuvarlist[$var->sku]=array("pid"=>$p->id,"vid"=>$vid); + } - $skuvarlist[$var->sku]=array("pid"=>$p->id,"vid"=>$vid); - - } - } - } - unset($data); - - $elist = array(); - $items = Item::find("disabled <> 1 "); - foreach ($items as $item) { - if (strlen($item->item_code) == 0) { - continue; + } } - if ($skulist[$item->item_code] > 0) { - $qty = $item->getQuantity(); - if ($qty > 0) { - $elist[$item->item_code] = $qty; + unset($data); + + + + + $qty = count($skulist); + $qty = count($skuvarlist); + + $elist = array(); + $items = Item::find("disabled <> 1 "); + foreach ($items as $item) { + if (strlen($item->item_code) == 0) { + continue; + } + if ($skulist[$item->item_code] > 0) { + $qty = $item->getQuantity(); + if ($qty > 0) { + $elist[$item->item_code] = $qty; + } } } - } - $data = array('update' => array()); - foreach ($elist as $sku => $qty) { + $data = array('update' => array()); + foreach ($elist as $sku => $qty) { - $data['update'][] = array('id' => $skulist[$sku], 'stock_quantity' => (string)$qty); - } + $data['update'][] = array('id' => $skulist[$sku], 'stock_quantity' => (string)$qty); + $cnt++; + } - try { - $client->post('products/batch', $data); - } catch(\Exception $ee) { - $this->setError($ee->getMessage()); - return; + try { + $client->post('products/batch', $data); + } catch(\Exception $ee) { + $this->setError($ee->getMessage()); + return; + } + + + foreach ($skuvarlist as $sku => $arr) { + $qty = $elist[$sku]; + if(strlen($qty)==0)$qty=0; + $client->put("products/{$arr['pid']}/variations/{$arr['vid']}", array( 'stock_quantity' => (string)$qty )); + $cnt++; + } } - $cnt =count($data['update']) ; - - foreach ($skuvarlist as $sku => $arr) { - $qty = $elist[$sku]; - if(strlen($qty)==0)$qty=0; - $client->put("products/{$arr['pid']}/variations/{$arr['vid']}", array( 'stock_quantity' => (string)$qty )); - $cnt++; - } - $this->setSuccess("refreshed_items", $cnt); } @@ -230,70 +249,82 @@ public function onUpdateQty($sender) { public function onUpdatePrice($sender) { $modules = System::getOptions("modules"); $client = \App\Modules\WC\Helper::getClient(); - $skulist = array(); - $skuvarlist = array(); - try { - $data = $client->get('products', array('status' => 'publish')); - } catch(\Exception $ee) { - $this->setError($ee->getMessage()); - return; - } - - $sku = array(); - foreach ($data as $p) { - if (strlen($p->sku) == 0) { - continue; + + $page=1; + $cnt =1; + while(true) { + + + $skulist = array(); + $skuvarlist = array(); + try { + $data = $client->get('products', array('status' => 'publish')); + } catch(\Exception $ee) { + $this->setError($ee->getMessage()); + return; } - $skulist[$p->sku] = $p->id; - if(is_array($p->variations)) { - foreach($p->variations as $vid){ - $var = $client->get("products/{$p->id}/variations/{$vid}", array('status' => 'publish')); - - if (strlen($var->sku) == 0) { - continue; - } - $skuvarlist[$var->sku]=array("pid"=>$p->id,"vid"=>$vid); - - } - } - - } - unset($data); + $c = count($data); + if ($c == 0) { + break; + } + $page++; - $elist = array(); - $items = Item::find("disabled <> 1 "); - foreach ($items as $item) { - if (strlen($item->item_code) == 0) { - continue; - } - if ($skulist[$item->item_code] > 0 || is_array($skuvarlist[$item->item_code]) ) { - $price = $item->getPrice($modules['wcpricetype']); - if ($price > 0) { - $elist[$item->item_code] = $price; + $sku = array(); + foreach ($data as $p) { + if (strlen($p->sku) == 0) { + continue; } + $skulist[$p->sku] = $p->id; + if(is_array($p->variations)) { + foreach($p->variations as $vid){ + $var = $client->get("products/{$p->id}/variations/{$vid}", array('status' => 'publish')); + + if (strlen($var->sku) == 0) { + continue; + } + $skuvarlist[$var->sku]=array("pid"=>$p->id,"vid"=>$vid); + + } + } + } - } - $data = array('update' => array()); - foreach ($elist as $sku => $price) { + unset($data); - $data['update'][] = array('id' => $skulist[$sku], 'price' => (string)$price, 'regular_price' => (string)$price); - } + $elist = array(); + $items = Item::find("disabled <> 1 "); + foreach ($items as $item) { + if (strlen($item->item_code) == 0) { + continue; + } + if ($skulist[$item->item_code] > 0 || is_array($skuvarlist[$item->item_code]) ) { + $price = $item->getPrice($modules['wcpricetype']); + if ($price > 0) { + $elist[$item->item_code] = $price; + } + } + } + $data = array('update' => array()); + foreach ($elist as $sku => $price) { + $cnt++; + $data['update'][] = array('id' => $skulist[$sku], 'price' => (string)$price, 'regular_price' => (string)$price); + } - try { - $client->post('products/batch', $data); - } catch(\Exception $ee) { - $this->setError($ee->getMessage()); - return; - } - - $cnt =count($data['update']) ; - - foreach ($skuvarlist as $sku => $arr) { - $price = $elist[$sku]; - $client->put("products/{$arr['pid']}/variations/{$arr['vid']}", array( 'price' => (string)$price, 'regular_price' => (string)$price)); - $cnt++; - } + try { + $client->post('products/batch', $data); + } catch(\Exception $ee) { + $this->setError($ee->getMessage()); + return; + } + + + + foreach ($skuvarlist as $sku => $arr) { + $price = $elist[$sku]; + $client->put("products/{$arr['pid']}/variations/{$arr['vid']}", array( 'price' => (string)$price, 'regular_price' => (string)$price)); + $cnt++; + } + } $this->setSuccess("refreshed_items", $cnt); } diff --git a/www/app/pages/doc/prodissue.php b/www/app/pages/doc/prodissue.php index 745dfef74..93e74f4f3 100644 --- a/www/app/pages/doc/prodissue.php +++ b/www/app/pages/doc/prodissue.php @@ -99,6 +99,11 @@ public function __construct($docid = 0, $basedocid = 0, $st_id = 0) { $this->_itemlist = $basedoc->unpackDetails('detaildata'); } + if ($basedoc->meta_name == 'GoodsReceipt') { + $this->docform->store->setValue($basedoc->headerdata['store']); + + $this->_itemlist = $basedoc->unpackDetails('detaildata'); + } if ($basedoc->meta_name == 'ProdReceipt') { $this->docform->store->setValue($basedoc->headerdata['store']); $this->docform->parea->setValue($basedoc->headerdata['parea']); diff --git a/www/app/pages/reference/itemlist.php b/www/app/pages/reference/itemlist.php index 8c3309c34..200c93bfa 100644 --- a/www/app/pages/reference/itemlist.php +++ b/www/app/pages/reference/itemlist.php @@ -503,7 +503,7 @@ public function OnAutoSet($sender) { } $in .= ")"; - return Item::findArray('itemname', "coalesce(item_type,0) in (2,5) and item_id not in {$in} and (itemname like {$text} or item_code like {$text}) and disabled <> 1", 'itemname'); + return Item::findArray('itemname', " item_type in (2,5) and item_id not in {$in} and (itemname like {$text} or item_code like {$text}) and disabled <> 1", 'itemname'); } public function OnAddSet($sender) { diff --git a/www/app/pages/register/orderlist.php b/www/app/pages/register/orderlist.php index c66d97033..8ea216bcf 100644 --- a/www/app/pages/register/orderlist.php +++ b/www/app/pages/register/orderlist.php @@ -154,7 +154,7 @@ public function statusOnSubmit($sender) { $this->_doc->updateStatus(Document::STATE_READYTOSHIP); } if ($sender->id == "bref") { - $this->_doc->updateStatus(Document::STATE_REFUSED); + $this->_doc->updateStatus(Document::STATE_FAIL); $this->setWarn('order_canceled'); } diff --git a/www/app/pages/register/paybaylist.php b/www/app/pages/register/paybaylist.php index 1f513b79d..5cc8444c2 100644 --- a/www/app/pages/register/paybaylist.php +++ b/www/app/pages/register/paybaylist.php @@ -107,6 +107,7 @@ public function updateCust() { public function custlistOnRow(\Zippy\Html\DataList\DataRow $row) { $cust = $row->getDataItem(); + $row->add(new RedirectLink('customer_name', "\\App\\Pages\\Reference\\CustomerList", array($cust->customer_id)))->setValue($cust->customer_name); $row->add(new Label('phone', $cust->phone)); $row->add(new Label('amount', H::fa($cust->sam))); diff --git a/www/app/pages/register/prodproclist.php b/www/app/pages/register/prodproclist.php index ef42f928d..17014279b 100644 --- a/www/app/pages/register/prodproclist.php +++ b/www/app/pages/register/prodproclist.php @@ -116,7 +116,7 @@ public function proclistOnRow(\Zippy\Html\DataList\DataRow $row) { $row->add(new Label('name', $p->procname)); $row->add(new Label('basedoc', $p->basedoc)); - $row->add(new Label('snumber', [HttpGet]->snumber)); + $row->add(new Label('snumber', $p->snumber)); $row->add(new Label('state', ProdProc::getStateName($p->state))); $row->add(new Label('startdate', H::fd($p->startdate))); diff --git a/www/app/pages/report/noliq.php b/www/app/pages/report/noliq.php index 66d712bb6..ec6a79f4e 100644 --- a/www/app/pages/report/noliq.php +++ b/www/app/pages/report/noliq.php @@ -69,7 +69,7 @@ private function generateReport() { $this->data = array(); $date = strtotime('-' . $mqty . ' month'); - $sql = "select coalesce(sum(st.qty),0) as qty, st.itemname,st.item_code,st.storename from store_stock_view st where st.itemdisabled <> 1 and st.qty >0 + $sql = "select st.item_id, st.itemname,st.item_code,st.storename from store_stock_view st where st.itemdisabled <> 1 and st.qty >0 {$cstr} and st.stock_id not in(select stock_id from entrylist_view where document_date >" . $conn->DBDate($date) . " and quantity < 0 ) @@ -77,14 +77,18 @@ private function generateReport() { from entrylist_view where document_date <" . $conn->DBDate($date) . " and quantity > 0 ) - group by st.itemname,st.item_code,st.storename - order by qty desc + group by st.item_id, st.itemname,st.item_code,st.storename + order by st.storename "; $detail = array(); $res = $conn->Execute($sql); foreach ($res as $item) { - $item['qty'] = H::fqty($item['qty']); + + $sql = " select coalesce(sum(qty),0) as totqty from store_stock where item_id = {$item['item_id']} "; + + + $item['qty'] = H::fqty($conn->GetOne($sql)); $detail[] = $item; } diff --git a/www/app/pages/report/paybalance.php b/www/app/pages/report/paybalance.php index abc5e7030..8d62ec821 100644 --- a/www/app/pages/report/paybalance.php +++ b/www/app/pages/report/paybalance.php @@ -5,6 +5,7 @@ use App\Helper as H; use Zippy\Html\Form\Date; use Zippy\Html\Form\Form; +use Zippy\Html\Form\CheckBox; use Zippy\Html\Label; use Zippy\Html\Link\RedirectLink; use Zippy\Html\Panel; @@ -32,6 +33,7 @@ public function __construct() { $this->filter->add(new Date('from', $from)); $this->filter->add(new Date('to', $to)); + $this->filter->add(new CheckBox('showdet' )); $this->add(new Panel('detail'))->setVisible(false); $this->detail->add(new \Zippy\Html\Link\BookmarkableLink('print', "")); @@ -71,9 +73,10 @@ private function generateReport() { $from = $this->filter->from->getDate(); $to = $this->filter->to->getDate(); + $det = $this->filter->showdet->isChecked(); - $tin = 0; - $tout = 0; + + $detail = array(); $detail2 = array(); @@ -108,12 +111,35 @@ private function generateReport() { "; $rs = $conn->Execute($sql); - + $tin = 0; foreach ($rs as $row) { - $detail[] = array( - "in" => H::fa($row['am']), - "type" => $pl[$row['iotype']] - ); + $detailitem = array(); + + $detailitem["in"] = H::fa($row['am']); + $detailitem["type"] = $pl[$row['iotype'] ] ; + $detailitem["docdet"] = false ; + if($det){ + + $sqldet = " + SELECT meta_desc,coalesce(sum(i.amount),0) as detam + FROM iostate i join documents_view d on i.document_id=d.document_id + WHERE + iotype = {$row['iotype']} + AND d.document_date >= " . $conn->DBDate($from) . " + AND d.document_date <= " . $conn->DBDate($to) . " + GROUP BY meta_desc order by meta_desc + + "; + $rsdet = $conn->Execute($sqldet); + $detailitem["docdet"] =array(); + foreach ($rsdet as $rowdet) { + $detailitem["docdet"][]= array('docdesc'=> $rowdet['meta_desc'] ,'indet'=>H::fa($rowdet['detam']) ); + + } + + + } + $detail[]= $detailitem; $tin += $row['am']; } @@ -128,13 +154,37 @@ private function generateReport() { "; $rs = $conn->Execute($sql); - + $tout = 0; foreach ($rs as $row) { - $detail2[] = array( - "out" => 0 - H::fa($row['am']), - "type" => $pl[$row['iotype']] - ); - $tout += 0 - $row['am']; + $detailitem = array(); + + $detailitem["out"] = H::fa(0-$row['am']); + $detailitem["type"] = $pl[$row['iotype'] ] ; + $detailitem["docdet"] = false ; + if($det){ + + $sqldet = " + SELECT meta_desc,coalesce(sum(i.amount),0) as detam + FROM iostate i join documents_view d on i.document_id=d.document_id + WHERE + iotype = {$row['iotype']} + AND d.document_date >= " . $conn->DBDate($from) . " + AND d.document_date <= " . $conn->DBDate($to) . " + GROUP BY meta_desc order by meta_desc + + "; + $rsdet = $conn->Execute($sqldet); + $detailitem["docdet"] =array(); + foreach ($rsdet as $rowdet) { + $detailitem["docdet"][]= array('docdesc'=> $rowdet['meta_desc'] ,'indet'=>H::fa(0-$rowdet['detam']) ); + + } + + + } + + $detail2[]= $detailitem; + $tout += (0-$row['am']); } $total = $tin - $tout; diff --git a/www/app/pages/service/import.php b/www/app/pages/service/import.php index 0740cc94b..41767e4ce 100644 --- a/www/app/pages/service/import.php +++ b/www/app/pages/service/import.php @@ -28,6 +28,8 @@ public function __construct() { $form = $this->add(new Form("iform")); $form->add(new DropDownChoice("itype", array(), 0))->onChange($this, "onType"); + + $form->add(new DropDownChoice("icompare", array(), 0)); $form->add(new DropDownChoice("item_type", Item::getTypes(), Item::TYPE_TOVAR)); @@ -38,13 +40,8 @@ public function __construct() { $form->add(new DropDownChoice("colname", $cols)); $form->add(new DropDownChoice("colcode", $cols)); $form->add(new DropDownChoice("colbarcode", $cols)); - $form->add(new DropDownChoice("colgr", $cols)); + $form->add(new DropDownChoice("colcat", $cols)); $form->add(new DropDownChoice("colqty", $cols)); - $form->add(new DropDownChoice("colprice1", $cols)); - $form->add(new DropDownChoice("colprice2", $cols)); - $form->add(new DropDownChoice("colprice3", $cols)); - $form->add(new DropDownChoice("colprice4", $cols)); - $form->add(new DropDownChoice("colprice5", $cols)); $form->add(new DropDownChoice("colcell", $cols)); $pt = \App\Entity\Item::getPriceTypeList(); @@ -55,13 +52,21 @@ public function __construct() { $form->add(new Label('pricename4', $pt['price4'])); $form->add(new Label('pricename5', $pt['price5'])); + $form->add(new DropDownChoice("colprice1", $cols))->setVisible(strlen($pt['price1'])>0); + $form->add(new DropDownChoice("colprice2", $cols))->setVisible(strlen($pt['price2'])>0); + $form->add(new DropDownChoice("colprice3", $cols))->setVisible(strlen($pt['price3'])>0); + $form->add(new DropDownChoice("colprice4", $cols))->setVisible(strlen($pt['price4'])>0); + $form->add(new DropDownChoice("colprice5", $cols))->setVisible(strlen($pt['price5'])>0); + + + $form->add(new DropDownChoice("colinprice", $cols)); $form->add(new DropDownChoice("colmsr", $cols)); $form->add(new DropDownChoice("colbrand", $cols)); $form->add(new DropDownChoice("coldesc", $cols)); $form->add(new CheckBox("passfirst")); $form->add(new CheckBox("preview")); - $form->add(new CheckBox("checkname")); + $form->add(new CheckBox("noshowprice")); $form->add(new CheckBox("noshowshop")); @@ -86,7 +91,6 @@ public function __construct() { $form->add(new DropDownChoice("ncolmsr", $cols)); $form->add(new CheckBox("npassfirst")); $form->add(new CheckBox("npreview")); - $form->add(new CheckBox("ncheckname")); $form->onSubmit($this, "onNImport"); @@ -121,48 +125,27 @@ public function onType($sender) { $this->iform->colqty->setVisible($t == 1); $this->iform->store->setVisible($t == 1); $this->iform->colinprice->setVisible($t == 1); - $this->iform->checkname->setVisible(true); - $this->iform->item_type->setVisible(true); - $this->iform->noshowprice->setVisible(true); - $this->iform->noshowshop->setVisible(true); - $this->iform->colname->setVisible(true); - $this->iform->colbarcode->setVisible(true); - $this->iform->colgr->setVisible(true); - $this->iform->colmsr->setVisible(true); - $this->iform->coldesc->setVisible(true); - $this->iform->colqty->setVisible(true); - $this->iform->colinprice->setVisible(true); - - if ($t == 2) { - $this->iform->item_type->setVisible(false); - $this->iform->checkname->setVisible(false); - $this->iform->noshowprice->setVisible(false); - $this->iform->noshowshop->setVisible(false); - $this->iform->colbarcode->setVisible(false); - $this->iform->colgr->setVisible(false); - $this->iform->colmsr->setVisible(false); - $this->iform->coldesc->setVisible(false); - $this->iform->colqty->setVisible(false); - $this->iform->colinprice->setVisible(false); + - } + } public function onImport($sender) { $t = $this->iform->itype->getValue(); + $cmp = $this->iform->icompare->getValue(); $store = $this->iform->store->getValue(); $item_type = $this->iform->item_type->getValue(); $preview = $this->iform->preview->isChecked(); $passfirst = $this->iform->passfirst->isChecked(); - $checkname = $this->iform->checkname->isChecked(); + //$checkname = $this->iform->checkname->isChecked(); $this->_tvars['preview'] = false; $colname = $this->iform->colname->getValue(); $colcode = $this->iform->colcode->getValue(); $colbarcode = $this->iform->colbarcode->getValue(); - $colgr = $this->iform->colgr->getValue(); + $colcat = $this->iform->colcat->getValue(); $colqty = $this->iform->colqty->getValue(); $colprice1 = $this->iform->colprice1->getValue(); $colprice2 = $this->iform->colprice2->getValue(); @@ -171,12 +154,11 @@ public function onImport($sender) { $colprice5 = $this->iform->colprice5->getValue(); $colinprice = $this->iform->colinprice->getValue(); $colmsr = $this->iform->colmsr->getValue(); + $colcell = $this->iform->colcell->getValue(); $colbrand = $this->iform->colbrand->getValue(); $coldesc = $this->iform->coldesc->getValue(); - if ($colname === '0' && $t != 2) { - $this->setError('noselcolname'); - return; - } + + if ($t == 1 && $colqty === '0') { $this->setError('noselcolqty'); return; @@ -208,6 +190,12 @@ public function onImport($sender) { unset($oSpreadsheet); + $catlist=array(); + + foreach(Category::findArray('cat_name','') as $cid =>$cname) { + $catlist[$cname]= $cid; + } + if ($preview) { $this->_tvars['preview'] = true; @@ -218,7 +206,7 @@ public function onImport($sender) { 'colname' => $row[$colname], 'colcode' => $row[$colcode], 'colbarcode' => $row[$colbarcode], - 'colgr' => $row[$colgr], + 'colcat' => $row[$colcat], 'colqty' => $row[$colqty], 'colmsr' => $row[$colmsr], 'colinprice' => $row[$colinprice], @@ -228,6 +216,7 @@ public function onImport($sender) { 'colprice4' => $row[$colprice4], 'colprice5' => $row[$colprice5], 'colbrand' => $row[$colbrand], + 'colcell' => $row[$colcell], 'coldesc' => $row[$coldesc] ); } @@ -246,144 +235,112 @@ public function onImport($sender) { $itemcode = trim($row[$colcode]); $brand = trim($row[$colbrand]); $itemname = trim($row[$colname]); - - if ($t == 2) { //обновление цен - - if (strlen($itemcode) == 0) { - continue; - } - if (strlen($brand) > 0) { - $it = Item::getFirst('item_code=' . Item::qstr($itemcode) . " and manufacturer = " . Item::qstr($brand)); - } else { - $it = Item::getFirst('item_code=' . Item::qstr($itemcode)); - } - if ($it == null) { - continue; - } - - if ($colprice1 != "0") { - $it->price1 = $price1; - } - if ($colprice2 != "0") { - $it->price2 = $price2; - } - if ($colprice3 != "0") { - $it->price3 = $price3; - } - if ($colprice4 != "0") { - $it->price4 = $price4; - } - if ($colprice5 != "0") { - $it->price5 = $price5; - } - if (strlen($itemname) > 0) { - $it->itemname = $itemname; - } - - $it->save(); - $cnt++; - - continue; - } - - - $catname = $row[$colgr]; + $itembarcode = trim($row[$colbarcode]); + $cell = trim($row[$colcell]); + $msr = trim($row[$colcell]); + $desc = trim($row[$coldesc]); + $catname = trim($row[$colcat]); + $inprice = str_replace(',', '.', trim($row[$colinprice])); + $qty = str_replace(',', '.', trim($row[$colqty])); + + $cat_id=0; + if (strlen($catname) > 0) { - $cat = Category::getFirst('cat_name=' . Category::qstr($catname)); - if ($cat == null) { + + if ($catlist[$catname] >0) { + $cat_id = $catlist[$catname] ; + } else { $cat = new Category(); $cat->cat_name = $catname; $cat->save(); + $cat_id = $cat->cat_id; } } $item = null; - $itemname = trim($row[$colname]); - $itemcode = trim($row[$colcode]); - $itembarcode = trim($row[$colbarcode]); - if (strlen($itemname) > 0) { - - if (strlen($itembarcode) > 0) { - $item = Item::getFirst('bar_code=' . Item::qstr($itembarcode)); - } else { - if (strlen($itemcode) > 0) { - $item = Item::getFirst('item_code=' . Item::qstr($itemcode)); - } - } - - if ($item == null && $checkname == true) { - $item = Item::getFirst('itemname=' . Item::qstr($itemname)); - } - + + //поиск существующих + if($cmp==0 && strlen($itemcode) > 0){ + $item = Item::getFirst('item_code=' . Item::qstr($itemcode)); + } + if($cmp==1 && strlen($itemname) > 0){ + $item = Item::getFirst('itemname=' . Item::qstr($itemname)); + } + if($cmp==2 && strlen($itemname) > 0 && strlen($brand) > 0){ + $item = Item::getFirst('itemname=' . Item::qstr($itemname). ' and manufacturer='. Item::qstr($brand) ); + } + + if($cmp==3 && strlen($itemcode) > 0 && strlen($brand) > 0){ + $item = Item::getFirst('item_code=' . Item::qstr($itemcode). ' and manufacturer='. Item::qstr($brand) ); + } + - if ($item == null) { - $price1 = str_replace(',', '.', trim($row[$colprice1])); - $price2 = str_replace(',', '.', trim($row[$colprice2])); - $price3 = str_replace(',', '.', trim($row[$colprice3])); - $price4 = str_replace(',', '.', trim($row[$colprice4])); - $price5 = str_replace(',', '.', trim($row[$colprice5])); - $inprice = str_replace(',', '.', trim($row[$colinprice])); - $qty = str_replace(',', '.', trim($row[$colqty])); - $item = new Item(); - $item->itemname = $itemname; - if (strlen($row[$colcode]) > 0) { - $item->item_code = trim($row[$colcode]); - } - if (strlen($row[$colbarcode]) > 0) { - $item->bar_code = trim($row[$colbarcode]); - } - if (strlen($row[$colmsr]) > 0) { - $item->msr = trim($row[$colmsr]); - } - if (strlen($row[$colcell]) > 0) { - $item->cell = trim($row[$colcell]); - } - if (strlen($row[$colbrand]) > 0) { - $item->manufacturer = $row[$colbrand]; - } - if (strlen(trim($row[$coldesc])) > 0) { - $item->description = trim($row[$coldesc]); - } - if ($price1 > 0) { - $item->price1 = $price1; - } - if ($price2 > 0) { - $item->price2 = $price2; - } - if ($price3 > 0) { - $item->price3 = $price3; - } - if ($price4 > 0) { - $item->price4 = $price4; - } - if ($price5 > 0) { - $item->price5 = $price5; - } + if ($item == null) { + $item = new Item(); + } + + if (strlen($itemname) > 0) { + $item->itemname = trim($itemname); + } + if (strlen($itemcode) > 0) { + $item->item_code = trim($itemcode); + } + if (strlen($itembarcode) > 0) { + $item->bar_code = trim($itembarcode); + } + if (strlen($msr) > 0) { + $item->msr = trim($msr); + } + if (strlen($cell) > 0) { + $item->cell = trim($cell); + } + if (strlen($brand) > 0) { + $item->manufacturer = $brand; + } + if (strlen($desc) > 0) { + $item->description = trim($desc); + } + if ($price1 > 0) { + $item->price1 = $price1; + } + if ($price2 > 0) { + $item->price2 = $price2; + } + if ($price3 > 0) { + $item->price3 = $price3; + } + if ($price4 > 0) { + $item->price4 = $price4; + } + if ($price5 > 0) { + $item->price5 = $price5; + } - if ($inprice > 0) { - $item->price = $inprice; - } - if ($qty > 0) { - $item->quantity = $qty; - } - if ($cat->cat_id > 0) { - $item->cat_id = $cat->cat_id; - } - if ($item_type > 0) { - $item->item_type = $item_type; - } + if ($inprice > 0) { + $item->price = $inprice; + } + if ($qty > 0) { + $item->quantity = $qty; + } + + if ($cat_id > 0) { + $item->cat_id = $cat_id; + } + if ($item_type > 0) { + $item->item_type = $item_type; + } - $item->amount = $item->quantity * $item->price; + $item->amount = $item->quantity * $item->price; - $item->noprice = $this->iform->noshowprice->isChecked() ? 1 : 0; - $item->noshop = $this->iform->noshowshop->isChecked() ? 1 : 0; + $item->noprice = $this->iform->noshowprice->isChecked() ? 1 : 0; + $item->noshop = $this->iform->noshowshop->isChecked() ? 1 : 0; - $item->save(); - $cnt++; - if ($item->quantity > 0) { - $newitems[] = $item; //для склада - } - } + $item->save(); + $cnt++; + if ($item->quantity > 0) { + $newitems[] = $item; //для склада } + + } if (count($newitems) > 0) { $doc = \App\Entity\Doc\Document::create('IncomeItem'); @@ -524,7 +481,7 @@ public function onCImport($sender) { public function onNImport($sender) { $store = $this->nform->nstore->getValue(); $c = $this->nform->ncust->getKey(); - $checkname = $this->nform->ncheckname->isChecked(); + //$checkname = $this->nform->ncheckname->isChecked(); $preview = $this->nform->npreview->isChecked(); $passfirst = $this->nform->npassfirst->isChecked(); @@ -609,9 +566,10 @@ public function onNImport($sender) { if (strlen($itemcode) > 0) { $item = Item::getFirst('item_code=' . Item::qstr($itemcode)); } - if ($checkname == true && $item == null) { + if (strlen($itemname) > 0) { $item = Item::getFirst('itemname=' . Item::qstr($itemname)); } + $price = str_replace(',', '.', trim($row[$colprice])); $qty = str_replace(',', '.', trim($row[$colqty])); diff --git a/www/app/pages/userlogin.php b/www/app/pages/userlogin.php index aa6111f11..1e750521c 100644 --- a/www/app/pages/userlogin.php +++ b/www/app/pages/userlogin.php @@ -31,7 +31,7 @@ public function __construct() { $this->add($form); $this->setError(''); - $curver = 'v5.5.0'; + $curver = 'v5.5.1'; $this->_tvars['curversion'] = $curver; //проверка новой версии diff --git a/www/assets/beep.mp3 b/www/assets/beep.mp3 new file mode 100644 index 000000000..8f0357dfd Binary files /dev/null and b/www/assets/beep.mp3 differ diff --git a/www/assets/css/adminlte.css b/www/assets/css/adminlte.css index 7ab7d500f..674c22231 100644 --- a/www/assets/css/adminlte.css +++ b/www/assets/css/adminlte.css @@ -1,13 +1,13 @@ /*! - * AdminLTE v3.1.0-rc + * AdminLTE v3.2.0-rc * Author: Colorlib * Website: AdminLTE.io * License: Open source - MIT */ /*! - * Bootstrap v4.5.3 (https://getbootstrap.com/) - * Copyright 2011-2020 The Bootstrap Authors - * Copyright 2011-2020 Twitter, Inc. + * Bootstrap v4.6.0 (https://getbootstrap.com/) + * Copyright 2011-2021 The Bootstrap Authors + * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { @@ -17,18 +17,18 @@ --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; - --yellow: #ffc107; + --yellow: #FFC0C0; --green: #28a745; --teal: #20c997; - --cyan: #266c77; + --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; - --info: #266c77; - --warning: #ffc107; + --info: #17a2b8; + --warning: #FFC0C0; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; @@ -234,9 +234,8 @@ button { border-radius: 0; } -button:focus { - outline: 1px dotted; - outline: 5px auto -webkit-focus-ring-color; +button:focus:not(:focus-visible) { + outline: 0; } input, @@ -1797,45 +1796,45 @@ pre code { .table-info, .table-info > th, .table-info > td { - background-color: #c2d6d9; + background-color: #bee5eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { - border-color: #8eb3b8; + border-color: #86cfda; } .table-hover .table-info:hover { - background-color: #b2cbcf; + background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { - background-color: #b2cbcf; + background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { - background-color: #ffeeba; + background-color: #ffeded; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { - border-color: #ffdf7e; + border-color: #ffdede; } .table-hover .table-warning:hover { - background-color: #ffe8a1; + background-color: #ffd4d4; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { - background-color: #ffe8a1; + background-color: #ffd4d4; } .table-danger, @@ -2254,6 +2253,11 @@ textarea.form-control { border-radius: 0.25rem; } +.form-row > .col > .valid-tooltip, +.form-row > [class*="col-"] > .valid-tooltip { + left: 5px; +} + .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, @@ -2283,7 +2287,7 @@ textarea.form-control { .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem); - background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { @@ -2355,6 +2359,11 @@ textarea.form-control { border-radius: 0.25rem; } +.form-row > .col > .invalid-tooltip, +.form-row > [class*="col-"] > .invalid-tooltip { + left: 5px; +} + .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, @@ -2384,7 +2393,7 @@ textarea.form-control { .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem); - background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { @@ -2676,78 +2685,78 @@ fieldset:disabled a.btn { .btn-info { color: #fff; - background-color: #266c77; - border-color: #266c77; + background-color: #17a2b8; + border-color: #17a2b8; box-shadow: none; } .btn-info:hover { color: #fff; - background-color: #1d525a; - border-color: #1a4950; + background-color: #138496; + border-color: #117a8b; } .btn-info:focus, .btn-info.focus { color: #fff; - background-color: #1d525a; - border-color: #1a4950; - box-shadow: 0 0 0 0 rgba(71, 130, 139, 0.5); + background-color: #138496; + border-color: #117a8b; + box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; - background-color: #266c77; - border-color: #266c77; + background-color: #17a2b8; + border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; - background-color: #1a4950; - border-color: #174047; + background-color: #117a8b; + border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { - box-shadow: 0 0 0 0 rgba(71, 130, 139, 0.5); + box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5); } .btn-warning { color: #1f2d3d; - background-color: #ffc107; - border-color: #ffc107; + background-color: #FFC0C0; + border-color: #FFC0C0; box-shadow: none; } .btn-warning:hover { color: #1f2d3d; - background-color: #e0a800; - border-color: #d39e00; + background-color: #ff9a9a; + border-color: #ff8d8d; } .btn-warning:focus, .btn-warning.focus { color: #1f2d3d; - background-color: #e0a800; - border-color: #d39e00; - box-shadow: 0 0 0 0 rgba(221, 171, 15, 0.5); + background-color: #ff9a9a; + border-color: #ff8d8d; + box-shadow: 0 0 0 0 rgba(221, 170, 172, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #1f2d3d; - background-color: #ffc107; - border-color: #ffc107; + background-color: #FFC0C0; + border-color: #FFC0C0; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #1f2d3d; - background-color: #d39e00; - border-color: #c69500; + background-color: #ff8d8d; + border-color: #ff8080; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { - box-shadow: 0 0 0 0 rgba(221, 171, 15, 0.5); + box-shadow: 0 0 0 0 rgba(221, 170, 172, 0.5); } .btn-danger { @@ -2961,67 +2970,67 @@ fieldset:disabled a.btn { } .btn-outline-info { - color: #266c77; - border-color: #266c77; + color: #17a2b8; + border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; - background-color: #266c77; - border-color: #266c77; + background-color: #17a2b8; + border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { - box-shadow: 0 0 0 0 rgba(38, 108, 119, 0.5); + box-shadow: 0 0 0 0 rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { - color: #266c77; + color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; - background-color: #266c77; - border-color: #266c77; + background-color: #17a2b8; + border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { - box-shadow: 0 0 0 0 rgba(38, 108, 119, 0.5); + box-shadow: 0 0 0 0 rgba(23, 162, 184, 0.5); } .btn-outline-warning { - color: #ffc107; - border-color: #ffc107; + color: #FFC0C0; + border-color: #FFC0C0; } .btn-outline-warning:hover { color: #1f2d3d; - background-color: #ffc107; - border-color: #ffc107; + background-color: #FFC0C0; + border-color: #FFC0C0; } .btn-outline-warning:focus, .btn-outline-warning.focus { - box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.5); + box-shadow: 0 0 0 0 rgba(255, 192, 192, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { - color: #ffc107; + color: #FFC0C0; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #1f2d3d; - background-color: #ffc107; - border-color: #ffc107; + background-color: #FFC0C0; + border-color: #FFC0C0; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { - box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.5); + box-shadow: 0 0 0 0 rgba(255, 192, 192, 0.5); } .btn-outline-danger { @@ -3632,12 +3641,6 @@ input[type="button"].btn-block { z-index: 4; } -.input-group > .form-control:not(:last-child), -.input-group > .custom-select:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; @@ -3652,14 +3655,23 @@ input[type="button"].btn-block { } .input-group > .custom-file:not(:last-child) .custom-file-label, -.input-group > .custom-file:not(:last-child) .custom-file-label::after { +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group:not(.has-validation) > .form-control:not(:last-child), +.input-group:not(.has-validation) > .custom-select:not(:last-child), +.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } -.input-group > .custom-file:not(:first-child) .custom-file-label { - border-top-left-radius: 0; - border-bottom-left-radius: 0; +.input-group.has-validation > .form-control:nth-last-child(n + 3), +.input-group.has-validation > .custom-select:nth-last-child(n + 3), +.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } .input-group-prepend, @@ -3762,8 +3774,10 @@ input[type="button"].btn-block { .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, -.input-group > .input-group-append:not(:last-child) > .btn, -.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, +.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, +.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn, +.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; @@ -3863,7 +3877,7 @@ input[type="button"].btn-block { width: 1rem; height: 1rem; content: ""; - background: no-repeat 50% / 50% 50%; + background: 50% / 50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { @@ -3922,7 +3936,9 @@ input[type="button"].btn-block { height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { @@ -3933,6 +3949,7 @@ input[type="button"].btn-block { .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #dee2e6; + -webkit-transform: translateX(0.75rem); transform: translateX(0.75rem); } @@ -3950,7 +3967,7 @@ input[type="button"].btn-block { line-height: 1.5; color: #495057; vertical-align: middle; - background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px; + background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; border: 1px solid #ced4da; border-radius: 0.25rem; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); @@ -4020,6 +4037,7 @@ input[type="button"].btn-block { width: 100%; height: calc(2.25rem + 2px); margin: 0; + overflow: hidden; opacity: 0; } @@ -4049,6 +4067,7 @@ input[type="button"].btn-block { z-index: 1; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; + overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; @@ -4086,7 +4105,7 @@ input[type="button"].btn-block { } .custom-range:focus { - outline: none; + outline: 0; } .custom-range:focus::-webkit-slider-thumb { @@ -4287,11 +4306,8 @@ input[type="button"].btn-block { border-bottom: 1px solid #dee2e6; } -.nav-tabs .nav-item { - margin-bottom: -1px; -} - .nav-tabs .nav-link { + margin-bottom: -1px; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; @@ -4447,8 +4463,12 @@ input[type="button"].btn-block { height: 1.5em; vertical-align: middle; content: ""; - background: no-repeat center center; - background-size: 100% 100%; + background: 50% / 100% 100% no-repeat; +} + +.navbar-nav-scroll { + max-height: 75vh; + overflow-y: auto; } @media (max-width: 575.98px) { @@ -4482,6 +4502,9 @@ input[type="button"].btn-block { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } + .navbar-expand-sm .navbar-nav-scroll { + overflow: visible; + } .navbar-expand-sm .navbar-collapse { display: -ms-flexbox !important; display: flex !important; @@ -4524,6 +4547,9 @@ input[type="button"].btn-block { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } + .navbar-expand-md .navbar-nav-scroll { + overflow: visible; + } .navbar-expand-md .navbar-collapse { display: -ms-flexbox !important; display: flex !important; @@ -4566,6 +4592,9 @@ input[type="button"].btn-block { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } + .navbar-expand-lg .navbar-nav-scroll { + overflow: visible; + } .navbar-expand-lg .navbar-collapse { display: -ms-flexbox !important; display: flex !important; @@ -4608,6 +4637,9 @@ input[type="button"].btn-block { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } + .navbar-expand-xl .navbar-nav-scroll { + overflow: visible; + } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; @@ -4652,6 +4684,10 @@ input[type="button"].btn-block { flex-wrap: nowrap; } +.navbar-expand .navbar-nav-scroll { + overflow: visible; +} + .navbar-expand .navbar-collapse { display: -ms-flexbox !important; display: flex !important; @@ -5016,17 +5052,12 @@ input[type="button"].btn-block { border-radius: 0.25rem; } -.breadcrumb-item { - display: -ms-flexbox; - display: flex; -} - .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { - display: inline-block; + float: left; padding-right: 0.5rem; color: #6c757d; content: "/"; @@ -5220,32 +5251,32 @@ a.badge-success:focus, a.badge-success.focus { .badge-info { color: #fff; - background-color: #266c77; + background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #fff; - background-color: #1a4950; + background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus { outline: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 108, 119, 0.5); + box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #1f2d3d; - background-color: #ffc107; + background-color: #FFC0C0; } a.badge-warning:hover, a.badge-warning:focus { color: #1f2d3d; - background-color: #d39e00; + background-color: #ff8d8d; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; - box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); + box-shadow: 0 0 0 0.2rem rgba(255, 192, 192, 0.5); } .badge-danger { @@ -5384,31 +5415,31 @@ a.badge-dark:focus, a.badge-dark.focus { } .alert-info { - color: #14383e; - background-color: #d4e2e4; - border-color: #c2d6d9; + color: #0c5460; + background-color: #d1ecf1; + border-color: #bee5eb; } .alert-info hr { - border-top-color: #b2cbcf; + border-top-color: #abdde5; } .alert-info .alert-link { - color: #081517; + color: #062c33; } .alert-warning { - color: #856404; - background-color: #fff3cd; - border-color: #ffeeba; + color: #856464; + background-color: #fff2f2; + border-color: #ffeded; } .alert-warning hr { - border-top-color: #ffe8a1; + border-top-color: #ffd4d4; } .alert-warning .alert-link { - color: #533f03; + color: #684e4e; } .alert-danger { @@ -5510,8 +5541,8 @@ a.badge-dark:focus, a.badge-dark.focus { } .progress-bar-animated { - -webkit-animation: progress-bar-stripes 1s linear infinite; - animation: progress-bar-stripes 1s linear infinite; + -webkit-animation: 1s linear infinite progress-bar-stripes; + animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { @@ -5795,35 +5826,35 @@ a.badge-dark:focus, a.badge-dark.focus { } .list-group-item-info { - color: #14383e; - background-color: #c2d6d9; + color: #0c5460; + background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { - color: #14383e; - background-color: #b2cbcf; + color: #0c5460; + background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; - background-color: #14383e; - border-color: #14383e; + background-color: #0c5460; + border-color: #0c5460; } .list-group-item-warning { - color: #856404; - background-color: #ffeeba; + color: #856464; + background-color: #ffeded; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { - color: #856404; - background-color: #ffe8a1; + color: #856464; + background-color: #ffd4d4; } .list-group-item-warning.list-group-item-action.active { color: #fff; - background-color: #856404; - border-color: #856404; + background-color: #856464; + border-color: #856464; } .list-group-item-danger { @@ -5980,7 +6011,10 @@ a.close.disabled, a.disabled.mailbox-attachment-close { } .modal.fade .modal-dialog { + transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; + transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; + -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } @@ -5991,10 +6025,12 @@ a.close.disabled, a.disabled.mailbox-attachment-close { } .modal.show .modal-dialog { + -webkit-transform: none; transform: none; } .modal.modal-static .modal-dialog { + -webkit-transform: scale(1.02); transform: scale(1.02); } @@ -6487,7 +6523,9 @@ a.close.disabled, a.disabled.mailbox-attachment-close { margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; + transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; + transition: transform 0.6s ease, -webkit-transform 0.6s ease; } @media (prefers-reduced-motion: reduce) { @@ -6504,17 +6542,20 @@ a.close.disabled, a.disabled.mailbox-attachment-close { .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { + -webkit-transform: translateX(100%); transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { + -webkit-transform: translateX(-100%); transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; + -webkit-transform: none; transform: none; } @@ -6587,7 +6628,7 @@ a.close.disabled, a.disabled.mailbox-attachment-close { display: inline-block; width: 20px; height: 20px; - background: no-repeat 50% / 100% 100%; + background: 50% / 100% 100% no-repeat; } .carousel-control-prev-icon { @@ -6656,12 +6697,14 @@ a.close.disabled, a.disabled.mailbox-attachment-close { @-webkit-keyframes spinner-border { to { + -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-border { to { + -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @@ -6674,8 +6717,8 @@ a.close.disabled, a.disabled.mailbox-attachment-close { border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; - -webkit-animation: spinner-border .75s linear infinite; - animation: spinner-border .75s linear infinite; + -webkit-animation: .75s linear infinite spinner-border; + animation: .75s linear infinite spinner-border; } .spinner-border-sm { @@ -6686,20 +6729,24 @@ a.close.disabled, a.disabled.mailbox-attachment-close { @-webkit-keyframes spinner-grow { 0% { + -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; + -webkit-transform: none; transform: none; } } @keyframes spinner-grow { 0% { + -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; + -webkit-transform: none; transform: none; } } @@ -6712,8 +6759,8 @@ a.close.disabled, a.disabled.mailbox-attachment-close { background-color: currentColor; border-radius: 50%; opacity: 0; - -webkit-animation: spinner-grow .75s linear infinite; - animation: spinner-grow .75s linear infinite; + -webkit-animation: .75s linear infinite spinner-grow; + animation: .75s linear infinite spinner-grow; } .spinner-grow-sm { @@ -6721,6 +6768,14 @@ a.close.disabled, a.disabled.mailbox-attachment-close { height: 1rem; } +@media (prefers-reduced-motion: reduce) { + .spinner-border, + .spinner-grow { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + } +} + .align-baseline { vertical-align: baseline !important; } @@ -6776,23 +6831,23 @@ button.bg-success:focus { } .bg-info { - background-color: #266c77 !important; + background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { - background-color: #1a4950 !important; + background-color: #117a8b !important; } .bg-warning { - background-color: #ffc107 !important; + background-color: #FFC0C0 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { - background-color: #d39e00 !important; + background-color: #ff8d8d !important; } .bg-danger { @@ -6886,11 +6941,11 @@ button.bg-dark:focus { } .border-info { - border-color: #266c77 !important; + border-color: #17a2b8 !important; } .border-warning { - border-color: #ffc107 !important; + border-color: #FFC0C0 !important; } .border-danger { @@ -7989,7 +8044,6 @@ button.bg-dark:focus { .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; - -ms-user-select: all !important; user-select: all !important; } @@ -10133,19 +10187,19 @@ a.text-success:hover, a.text-success:focus { } .text-info { - color: #266c77 !important; + color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { - color: #13373d !important; + color: #0f6674 !important; } .text-warning { - color: #ffc107 !important; + color: #FFC0C0 !important; } a.text-warning:hover, a.text-warning:focus { - color: #ba8b00 !important; + color: #ff7474 !important; } .text-danger { @@ -10296,6 +10350,310 @@ a.text-dark:hover, a.text-dark:focus { } } +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transition-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transition-timing-function: ease-in; + } + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transition-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transition-timing-function: ease-in; + } + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@-webkit-keyframes fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +@keyframes fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +@-webkit-keyframes fadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } +} + +@keyframes fadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } +} + +@-webkit-keyframes shake { + 0% { + -webkit-transform: translate(2px, 1px) rotate(0deg); + transform: translate(2px, 1px) rotate(0deg); + } + 10% { + -webkit-transform: translate(-1px, -2px) rotate(-2deg); + transform: translate(-1px, -2px) rotate(-2deg); + } + 20% { + -webkit-transform: translate(-3px, 0) rotate(3deg); + transform: translate(-3px, 0) rotate(3deg); + } + 30% { + -webkit-transform: translate(0, 2px) rotate(0deg); + transform: translate(0, 2px) rotate(0deg); + } + 40% { + -webkit-transform: translate(1px, -1px) rotate(1deg); + transform: translate(1px, -1px) rotate(1deg); + } + 50% { + -webkit-transform: translate(-1px, 2px) rotate(-1deg); + transform: translate(-1px, 2px) rotate(-1deg); + } + 60% { + -webkit-transform: translate(-3px, 1px) rotate(0deg); + transform: translate(-3px, 1px) rotate(0deg); + } + 70% { + -webkit-transform: translate(2px, 1px) rotate(-2deg); + transform: translate(2px, 1px) rotate(-2deg); + } + 80% { + -webkit-transform: translate(-1px, -1px) rotate(4deg); + transform: translate(-1px, -1px) rotate(4deg); + } + 90% { + -webkit-transform: translate(2px, 2px) rotate(0deg); + transform: translate(2px, 2px) rotate(0deg); + } + 100% { + -webkit-transform: translate(1px, -2px) rotate(-1deg); + transform: translate(1px, -2px) rotate(-1deg); + } +} + +@keyframes shake { + 0% { + -webkit-transform: translate(2px, 1px) rotate(0deg); + transform: translate(2px, 1px) rotate(0deg); + } + 10% { + -webkit-transform: translate(-1px, -2px) rotate(-2deg); + transform: translate(-1px, -2px) rotate(-2deg); + } + 20% { + -webkit-transform: translate(-3px, 0) rotate(3deg); + transform: translate(-3px, 0) rotate(3deg); + } + 30% { + -webkit-transform: translate(0, 2px) rotate(0deg); + transform: translate(0, 2px) rotate(0deg); + } + 40% { + -webkit-transform: translate(1px, -1px) rotate(1deg); + transform: translate(1px, -1px) rotate(1deg); + } + 50% { + -webkit-transform: translate(-1px, 2px) rotate(-1deg); + transform: translate(-1px, 2px) rotate(-1deg); + } + 60% { + -webkit-transform: translate(-3px, 1px) rotate(0deg); + transform: translate(-3px, 1px) rotate(0deg); + } + 70% { + -webkit-transform: translate(2px, 1px) rotate(-2deg); + transform: translate(2px, 1px) rotate(-2deg); + } + 80% { + -webkit-transform: translate(-1px, -1px) rotate(4deg); + transform: translate(-1px, -1px) rotate(4deg); + } + 90% { + -webkit-transform: translate(2px, 2px) rotate(0deg); + transform: translate(2px, 2px) rotate(0deg); + } + 100% { + -webkit-transform: translate(1px, -2px) rotate(-1deg); + transform: translate(1px, -2px) rotate(-1deg); + } +} + +@-webkit-keyframes wobble { + 0% { + -webkit-transform: none; + transform: none; + } + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes wobble { + 0% { + -webkit-transform: none; + transform: none; + } + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + 100% { + -webkit-transform: none; + transform: none; + } +} + +.dark-mode :root { + --lightblue: #86bad8; + --navy: #002c59; + --olive: #74c8a3; + --lime: #67ffa9; + --fuchsia: #f672d8; + --maroon: #ed6c9b; + --blue: #3f6791; + --indigo: #6610f2; + --purple: #6f42c1; + --pink: #e83e8c; + --red: #e74c3c; + --orange: #fd7e14; + --yellow: #f39c12; + --green: #00bc8c; + --teal: #20c997; + --cyan: #3498db; + --white: #fff; + --gray: #6c757d; + --gray-dark: #343a40; + --primary: #3f6791; + --secondary: #6c757d; + --success: #00bc8c; + --info: #3498db; + --warning: #f39c12; + --danger: #e74c3c; + --light: #f8f9fa; + --dark: #343a40; +} + +.animation__shake { + -webkit-animation: shake 1500ms; + animation: shake 1500ms; +} + +.animation__wobble { + -webkit-animation: wobble 1500ms; + animation: wobble 1500ms; +} + +.preloader { + display: -ms-flexbox; + display: flex; + background-color: #f4f6f9; + height: 100vh; + width: 100%; + transition: height 200ms linear; + position: fixed; + left: 0; + top: 0; + z-index: 9999; +} + +.dark-mode .preloader { + background-color: #454d55 !important; + color: #fff; +} + html.scroll-smooth { scroll-behavior: smooth; } @@ -10321,6 +10679,7 @@ body, .layout-boxed .wrapper, .layout-boxed .wrapper::before { margin: 0 auto; max-width: 1250px; + overflow: hidden; } .layout-boxed .wrapper .main-sidebar { @@ -10361,18 +10720,21 @@ body, } .layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link, -.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link { +.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link, +.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link { height: calc(3.5rem + 1px); width: 4.6rem; } .layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link.text-sm, -.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link.text-sm { +.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link.text-sm, +.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link.text-sm { height: calc(2.93725rem + 1px); } .layout-navbar-fixed.sidebar-mini.sidebar-collapse.text-sm .wrapper .brand-link, -.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse.text-sm .wrapper .brand-link { +.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse.text-sm .wrapper .brand-link, +.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse.text-sm .wrapper .brand-link { height: calc(2.93725rem + 1px); } @@ -10396,7 +10758,7 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side .layout-navbar-fixed .wrapper .main-sidebar:hover .brand-link { transition: width 0.3s ease-in-out; - width: 300px; + width: 350px; } .layout-navbar-fixed .wrapper .brand-link { @@ -10404,7 +10766,7 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side position: fixed; top: 0; transition: width 0.3s ease-in-out; - width: 300px; + width: 350px; z-index: 1035; } @@ -10472,6 +10834,162 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side background-color: #fff; } +.layout-navbar-fixed .wrapper .sidebar-dark-lightblue .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-lightblue .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-navy .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-navy .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-olive .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-olive .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-lime .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-lime .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-fuchsia .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-fuchsia .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-maroon .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-maroon .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-blue .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-blue .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-indigo .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-indigo .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-purple .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-purple .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-pink .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-pink .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-red .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-red .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-orange .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-orange .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-yellow .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-yellow .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-green .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-green .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-teal .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-teal .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-cyan .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-cyan .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-white .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-white .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-gray .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-gray .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-gray-dark .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-gray-dark .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .wrapper .main-header.border-bottom-0 ~ .content-wrapper { + margin-top: 3.5rem; +} + .layout-navbar-fixed .wrapper .content-wrapper { margin-top: calc(3.5rem + 1px); } @@ -10557,7 +11075,7 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side .layout-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link { transition: width 0.3s ease-in-out; - width: 300px; + width: 350px; } .layout-navbar-fixed .wrapper .brand-link { @@ -10565,74 +11083,10 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side position: fixed; top: 0; transition: width 0.3s ease-in-out; - width: 300px; + width: 350px; z-index: 1035; } -.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) { - background-color: #343a40; -} - -.layout-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { - background-color: #fff; -} - -.layout-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { - background-color: #343a40; -} - -.layout-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { - background-color: #fff; -} - -.layout-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { - background-color: #343a40; -} - -.layout-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { - background-color: #fff; -} - -.layout-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { - background-color: #343a40; -} - -.layout-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { - background-color: #fff; -} - -.layout-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { - background-color: #343a40; -} - -.layout-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { - background-color: #fff; -} - -.layout-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { - background-color: #343a40; -} - -.layout-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { - background-color: #fff; -} - -.layout-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { - background-color: #343a40; -} - -.layout-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { - background-color: #fff; -} - -.layout-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { - background-color: #343a40; -} - -.layout-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { - background-color: #fff; -} - .layout-navbar-fixed .wrapper .content-wrapper { margin-top: calc(3.5rem + 1px); } @@ -10718,64 +11172,16 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side } .layout-sm-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link { transition: width 0.3s ease-in-out; - width: 300px; + width: 350px; } .layout-sm-navbar-fixed .wrapper .brand-link { overflow: hidden; position: fixed; top: 0; transition: width 0.3s ease-in-out; - width: 300px; + width: 350px; z-index: 1035; } - .layout-sm-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-sm-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-sm-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-sm-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-sm-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-sm-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-sm-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-sm-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-sm-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-sm-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-sm-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-sm-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-sm-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-sm-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-sm-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-sm-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { - background-color: #fff; - } .layout-sm-navbar-fixed .wrapper .content-wrapper { margin-top: calc(3.5rem + 1px); } @@ -10853,64 +11259,16 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side } .layout-md-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link { transition: width 0.3s ease-in-out; - width: 300px; + width: 350px; } .layout-md-navbar-fixed .wrapper .brand-link { overflow: hidden; position: fixed; top: 0; transition: width 0.3s ease-in-out; - width: 300px; + width: 350px; z-index: 1035; } - .layout-md-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-md-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-md-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-md-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-md-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-md-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-md-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-md-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-md-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-md-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-md-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-md-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-md-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-md-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-md-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-md-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { - background-color: #fff; - } .layout-md-navbar-fixed .wrapper .content-wrapper { margin-top: calc(3.5rem + 1px); } @@ -10988,64 +11346,16 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side } .layout-lg-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link { transition: width 0.3s ease-in-out; - width: 300px; + width: 350px; } .layout-lg-navbar-fixed .wrapper .brand-link { overflow: hidden; position: fixed; top: 0; transition: width 0.3s ease-in-out; - width: 300px; + width: 350px; z-index: 1035; } - .layout-lg-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-lg-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-lg-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-lg-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-lg-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-lg-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-lg-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-lg-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-lg-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-lg-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-lg-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-lg-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-lg-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-lg-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-lg-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-lg-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { - background-color: #fff; - } .layout-lg-navbar-fixed .wrapper .content-wrapper { margin-top: calc(3.5rem + 1px); } @@ -11123,64 +11433,16 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side } .layout-xl-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link { transition: width 0.3s ease-in-out; - width: 300px; + width: 350px; } .layout-xl-navbar-fixed .wrapper .brand-link { overflow: hidden; position: fixed; top: 0; transition: width 0.3s ease-in-out; - width: 300px; + width: 350px; z-index: 1035; } - .layout-xl-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-xl-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-xl-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-xl-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-xl-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-xl-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-xl-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-xl-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-xl-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-xl-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-xl-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-xl-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-xl-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-xl-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { - background-color: #fff; - } - .layout-xl-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { - background-color: #343a40; - } - .layout-xl-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { - background-color: #fff; - } .layout-xl-navbar-fixed .wrapper .content-wrapper { margin-top: calc(3.5rem + 1px); } @@ -11356,45 +11618,43 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side margin-left: 0; } -body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .content-wrapper, body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .content-wrapper::before, -body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-footer, -body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-footer::before, -body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header, -body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::before { +body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .content-wrapper, body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .content-wrapper::before, +body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-footer, +body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-footer::before, +body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-header, +body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-header::before { margin-left: 0; } @media (min-width: 768px) { - body:not(.sidebar-mini-md) .content-wrapper, - body:not(.sidebar-mini-md) .main-footer, - body:not(.sidebar-mini-md) .main-header { + body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, + body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, + body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header { transition: margin-left 0.3s ease-in-out; - margin-left: 300px; + margin-left: 350px; } } @media (min-width: 768px) and (prefers-reduced-motion: reduce) { - body:not(.sidebar-mini-md) .content-wrapper, - body:not(.sidebar-mini-md) .main-footer, - body:not(.sidebar-mini-md) .main-header { + body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, + body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, + body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header { transition: none; } } @media (min-width: 768px) { - .sidebar-collapse body:not(.sidebar-mini-md) .content-wrapper, .sidebar-collapse - body:not(.sidebar-mini-md) .main-footer, .sidebar-collapse - body:not(.sidebar-mini-md) .main-header { + .sidebar-collapse body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, .sidebar-collapse + body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, .sidebar-collapse + body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header { margin-left: 0; } } @media (max-width: 991.98px) { - body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .content-wrapper::before, - body:not(.sidebar-mini-md) .main-footer, - body:not(.sidebar-mini-md) .main-footer::before, - body:not(.sidebar-mini-md) .main-header, - body:not(.sidebar-mini-md) .main-header::before { + body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, + body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, + body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header { margin-left: 0; } } @@ -11404,7 +11664,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-mini-md .main-footer, .sidebar-mini-md .main-header { transition: margin-left 0.3s ease-in-out; - margin-left: 300px; + margin-left: 350px; } } @@ -11425,11 +11685,50 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef } @media (max-width: 991.98px) { - .sidebar-mini-md .content-wrapper, .sidebar-mini-md .content-wrapper::before, + .sidebar-mini-md .content-wrapper, .sidebar-mini-md .main-footer, - .sidebar-mini-md .main-footer::before, - .sidebar-mini-md .main-header, - .sidebar-mini-md .main-header::before { + .sidebar-mini-md .main-header { + margin-left: 4.6rem; + } +} + +@media (max-width: 767.98px) { + .sidebar-mini-md .content-wrapper, + .sidebar-mini-md .main-footer, + .sidebar-mini-md .main-header { + margin-left: 0; + } +} + +@media (min-width: 768px) { + .sidebar-mini-xs .content-wrapper, + .sidebar-mini-xs .main-footer, + .sidebar-mini-xs .main-header { + transition: margin-left 0.3s ease-in-out; + margin-left: 350px; + } +} + +@media (min-width: 768px) and (prefers-reduced-motion: reduce) { + .sidebar-mini-xs .content-wrapper, + .sidebar-mini-xs .main-footer, + .sidebar-mini-xs .main-header { + transition: none; + } +} + +@media (min-width: 768px) { + .sidebar-collapse .sidebar-mini-xs .content-wrapper, .sidebar-collapse + .sidebar-mini-xs .main-footer, .sidebar-collapse + .sidebar-mini-xs .main-header { + margin-left: 4.6rem; + } +} + +@media (max-width: 991.98px) { + .sidebar-mini-xs .content-wrapper, + .sidebar-mini-xs .main-footer, + .sidebar-mini-xs .main-header { margin-left: 4.6rem; } } @@ -11444,7 +11743,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .main-sidebar, .main-sidebar::before { transition: margin-left 0.3s ease-in-out, width 0.3s ease-in-out; - width: 300px; + width: 350px; } @media (prefers-reduced-motion: reduce) { @@ -11453,12 +11752,12 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef } } -.sidebar-collapse:not(.sidebar-mini):not(.sidebar-mini-md) .main-sidebar, .sidebar-collapse:not(.sidebar-mini):not(.sidebar-mini-md) .main-sidebar::before { +.sidebar-collapse:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-sidebar, .sidebar-collapse:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-sidebar::before { box-shadow: none !important; } .sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar::before { - margin-left: -300px; + margin-left: -350px; } .sidebar-collapse .main-sidebar .nav-sidebar.nav-child-indent .nav-treeview { @@ -11468,28 +11767,31 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef @media (max-width: 767.98px) { .main-sidebar, .main-sidebar::before { box-shadow: none !important; - margin-left: -300px; + margin-left: -350px; } .sidebar-open .main-sidebar, .sidebar-open .main-sidebar::before { margin-left: 0; } } -:not(.layout-fixed) .main-sidebar { +body:not(.layout-fixed) .main-sidebar { height: inherit; min-height: 100%; position: absolute; top: 0; } +body:not(.layout-fixed) .main-sidebar .sidebar { + overflow-y: auto; +} + .layout-fixed .brand-link { - width: 300px; + width: 350px; } .layout-fixed .main-sidebar { bottom: 0; float: none; - height: 100vh; left: 0; position: fixed; top: 0; @@ -11498,13 +11800,32 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .layout-fixed .control-sidebar { bottom: 0; float: none; - height: 100vh; position: fixed; top: 0; } .layout-fixed .control-sidebar .control-sidebar-content { height: calc(100vh - calc(3.5rem + 1px)); + overflow-y: auto; + scrollbar-width: thin; + scrollbar-color: #a9a9a9 transparent; +} + +.layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar { + width: .5rem; + height: .5rem; +} + +.layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-thumb { + background-color: #a9a9a9; +} + +.layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-track { + background-color: transparent; +} + +.layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-corner { + background-color: transparent; } @supports (-webkit-touch-callout: none) { @@ -11569,6 +11890,338 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef color: #fff; } +.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { + background-color: #fff; +} + +@media (min-width: 576px) { + .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { + background-color: #fff; + } +} + +@media (min-width: 768px) { + .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { + background-color: #fff; + } +} + +@media (min-width: 992px) { + .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { + background-color: #fff; + } +} + +@media (min-width: 1200px) { + .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { + background-color: #fff; + } + .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { + background-color: #fff; + } +} + .dark-mode .breadcrumb-item.active, .dark-mode .breadcrumb-item + .breadcrumb-item::before { color: #adb5bd; @@ -11677,8 +12330,8 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .navbar-dark .form-control-navbar, .navbar-dark .btn-navbar { - background-color: rgba(255, 255, 255, 0.2); - border: 0; + background-color: #343a40; + border-color: #6c757d; } .navbar-dark .form-control-navbar::-webkit-input-placeholder { @@ -11707,15 +12360,15 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .navbar-dark .form-control-navbar:focus, .navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { - background-color: rgba(255, 255, 255, 0.6); - border: 0 !important; - color: #343a40; + background-color: #495057; + border-color: #6c757d !important; + color: #ced4da; } .navbar-light .form-control-navbar, .navbar-light .btn-navbar { - background-color: #f2f4f6; - border: 0; + background-color: #dadfe4; + border-color: #ced4da; } .navbar-light .form-control-navbar::-webkit-input-placeholder { @@ -11744,9 +12397,39 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .navbar-light .form-control-navbar:focus, .navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { - background-color: #e9ecef; - border: 0 !important; - color: #343a40; + background-color: #d3d9df; + border-color: #c7ced5 !important; + color: #ced4da; +} + +.navbar-light .navbar-search-block .form-control-navbar:focus, +.navbar-light .navbar-search-block .form-control-navbar:focus + .input-group-append .btn-navbar { + color: rgba(0, 0, 0, 0.6); +} + +.navbar-search-block { + position: absolute; + padding: 0 1rem; + left: 0; + top: 0; + right: 0; + bottom: 0; + z-index: 10; + display: none; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-direction: column; + flex-direction: column; + background-color: initial; +} + +.navbar-search-block.navbar-search-open { + display: -ms-flexbox; + display: flex; +} + +.navbar-search-block .input-group { + width: 100%; } .brand-link { @@ -11866,11 +12549,43 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar { height: calc(100% - (3.5rem + 1px)); + overflow-x: hidden; overflow-y: initial; padding-bottom: 0; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0; + scrollbar-color: #a9a9a9 transparent; + scrollbar-width: none; +} + +.sidebar::-webkit-scrollbar-thumb { + background-color: #a9a9a9; +} + +.sidebar::-webkit-scrollbar-track { + background-color: transparent; +} + +.sidebar::-webkit-scrollbar-corner { + background-color: transparent; +} + +.sidebar::-webkit-scrollbar { + width: 0; +} + +.sidebar:hover { + scrollbar-width: thin; +} + +.sidebar:hover::-webkit-scrollbar { + width: .5rem; + height: .5rem; +} + +.brand-link.border-bottom-0 ~ .sidebar { + height: calc(100% - 3.5rem); } .user-panel { @@ -11916,7 +12631,9 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef } .nav-sidebar .nav-item > .nav-link .right { + transition: -webkit-transform ease-in-out 0.3s; transition: transform ease-in-out 0.3s; + transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s; } @media (prefers-reduced-motion: reduce) { @@ -11948,8 +12665,11 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef display: block; } +.nav-sidebar .menu-open > .nav-link svg.right, .nav-sidebar .menu-open > .nav-link i.right, +.nav-sidebar .menu-is-opening > .nav-link svg.right, .nav-sidebar .menu-is-opening > .nav-link i.right { + -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } @@ -12004,19 +12724,16 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .nav-sidebar .nav-header { font-size: .9rem; - padding: 0.5rem; -} - -.nav-sidebar .nav-header:not(:first-of-type) { - padding: 1.7rem 1rem .5rem; + padding: 0.5rem 0.75rem; } .nav-sidebar .nav-link p { - display: inline-block; + display: inline; margin: 0; + white-space: normal; } -.sidebar-is-opening .nav-sidebar .nav-link p { +.sidebar-is-opening .sidebar .nav-sidebar .nav-link p { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.3s; @@ -12105,6 +12822,11 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef color: #777; } +[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:focus { + background-color: rgba(0, 0, 0, 0.1); + color: #000; +} + [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:hover { background-color: rgba(0, 0, 0, 0.1); color: #212529; @@ -12239,24 +12961,24 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-info .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-info .nav-sidebar > .nav-item > .nav-link.active { - background-color: #266c77; + background-color: #17a2b8; color: #fff; } .sidebar-dark-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, .sidebar-light-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { - border-color: #266c77; + border-color: #17a2b8; } .sidebar-dark-warning .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-warning .nav-sidebar > .nav-item > .nav-link.active { - background-color: #ffc107; + background-color: #FFC0C0; color: #1f2d3d; } .sidebar-dark-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, .sidebar-light-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { - border-color: #ffc107; + border-color: #FFC0C0; } .sidebar-dark-danger .nav-sidebar > .nav-item > .nav-link.active, @@ -12426,13 +13148,13 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-yellow .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-yellow .nav-sidebar > .nav-item > .nav-link.active { - background-color: #ffc107; + background-color: #FFC0C0; color: #1f2d3d; } .sidebar-dark-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, .sidebar-light-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { - border-color: #ffc107; + border-color: #FFC0C0; } .sidebar-dark-green .nav-sidebar > .nav-item > .nav-link.active, @@ -12459,13 +13181,13 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-cyan .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-cyan .nav-sidebar > .nav-item > .nav-link.active { - background-color: #266c77; + background-color: #17a2b8; color: #fff; } .sidebar-dark-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, .sidebar-light-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { - border-color: #266c77; + border-color: #17a2b8; } .sidebar-dark-white .nav-sidebar > .nav-item > .nav-link.active, @@ -12503,10 +13225,13 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-mini .main-sidebar:not(.sidebar-no-expand) .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview, .sidebar-mini-md .main-sidebar:not(.sidebar-no-expand) .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview, +.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand) .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview, .sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview, .sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview, +.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview, .sidebar-mini .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview, -.sidebar-mini-md .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview { +.sidebar-mini-md .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview, +.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview { padding-left: 1rem; margin-left: -.5rem; } @@ -12556,69 +13281,81 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef margin-left: 2.05rem; } -.sidebar-collapse .nav-flat.nav-child-indent .nav-treeview .nav-icon { +.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-icon { margin-left: .55rem; } -.sidebar-collapse .nav-flat.nav-child-indent .nav-treeview .nav-link { +.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-link { padding-left: calc(1rem - .2rem); } -.sidebar-collapse .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-icon { +.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-treeview .nav-icon { margin-left: .35rem; } -.sidebar-collapse .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon { +.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-treeview .nav-treeview .nav-icon { margin-left: .15rem; } -.sidebar-collapse .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon { +.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon { margin-left: -.15rem; } -.sidebar-collapse .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon { +.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon { margin-left: -.35rem; } .sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon, .sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon, +.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon, .sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon, -.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon { +.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon, +.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon { margin-left: .4rem; } .sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon, .sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon, +.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon, .sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon, -.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon { +.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon, +.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon { margin-left: .85rem; } .sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon, .sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon, +.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon, .sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon, -.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon { +.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon, +.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon { margin-left: 1.15rem; } .sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon, .sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon, +.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon, .sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon, -.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon { +.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon, +.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon { margin-left: 1.45rem; } .sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon, .sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon, +.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon, .sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon, -.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon { +.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon, +.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon { margin-left: 1.75rem; } .sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon, .sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon, +.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon, .sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon, -.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon { +.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon, +.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon { margin-left: 2.05rem; } @@ -12682,71 +13419,94 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef } .sidebar-mini .nav-legacy > .nav-item .nav-link .nav-icon, -.sidebar-mini-md .nav-legacy > .nav-item .nav-link .nav-icon { +.sidebar-mini-md .nav-legacy > .nav-item .nav-link .nav-icon, +.sidebar-mini-xs .nav-legacy > .nav-item .nav-link .nav-icon { transition: margin-left ease-in-out 0.3s; - margin-left: .75rem; + margin-left: .6rem; } @media (prefers-reduced-motion: reduce) { .sidebar-mini .nav-legacy > .nav-item .nav-link .nav-icon, - .sidebar-mini-md .nav-legacy > .nav-item .nav-link .nav-icon { + .sidebar-mini-md .nav-legacy > .nav-item .nav-link .nav-icon, + .sidebar-mini-xs .nav-legacy > .nav-item .nav-link .nav-icon { transition: none; } } -.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview, -.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview, -.sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview, -.sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview { +.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini.sidebar-collapse.nav-child-indent .nav-treeview, +.main-sidebar:hover .nav-legacy .sidebar-mini.sidebar-collapse.nav-child-indent .nav-treeview, .main-sidebar.sidebar-focused +.nav-legacy .sidebar-mini-md.sidebar-collapse.nav-child-indent .nav-treeview, +.main-sidebar:hover +.nav-legacy .sidebar-mini-md.sidebar-collapse.nav-child-indent .nav-treeview, .main-sidebar.sidebar-focused +.nav-legacy .sidebar-mini-xs.sidebar-collapse.nav-child-indent .nav-treeview, +.main-sidebar:hover +.nav-legacy .sidebar-mini-xs.sidebar-collapse.nav-child-indent .nav-treeview { padding-left: 1rem; } -.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview, -.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview, -.sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview, -.sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview { +.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview, +.main-sidebar:hover .nav-legacy .sidebar-mini.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview, .main-sidebar.sidebar-focused +.nav-legacy .sidebar-mini-md.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview, +.main-sidebar:hover +.nav-legacy .sidebar-mini-md.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview, .main-sidebar.sidebar-focused +.nav-legacy .sidebar-mini-xs.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview, +.main-sidebar:hover +.nav-legacy .sidebar-mini-xs.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview { padding-left: 2rem; margin-left: -1rem; } -.sidebar-mini.sidebar-collapse.text-sm .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview, -.sidebar-mini.sidebar-collapse.text-sm .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview, -.sidebar-mini-md.sidebar-collapse.text-sm .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview, -.sidebar-mini-md.sidebar-collapse.text-sm .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview { +.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini.sidebar-collapse.text-sm.nav-child-indent .nav-treeview, +.main-sidebar:hover .nav-legacy .sidebar-mini.sidebar-collapse.text-sm.nav-child-indent .nav-treeview, .main-sidebar.sidebar-focused +.nav-legacy .sidebar-mini-md.sidebar-collapse.text-sm.nav-child-indent .nav-treeview, +.main-sidebar:hover +.nav-legacy .sidebar-mini-md.sidebar-collapse.text-sm.nav-child-indent .nav-treeview, .main-sidebar.sidebar-focused +.nav-legacy .sidebar-mini-xs.sidebar-collapse.text-sm.nav-child-indent .nav-treeview, +.main-sidebar:hover +.nav-legacy .sidebar-mini-xs.sidebar-collapse.text-sm.nav-child-indent .nav-treeview { padding-left: .5rem; } -.sidebar-mini.sidebar-collapse.text-sm .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview, -.sidebar-mini.sidebar-collapse.text-sm .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview, -.sidebar-mini-md.sidebar-collapse.text-sm .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview, -.sidebar-mini-md.sidebar-collapse.text-sm .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview { +.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview, +.main-sidebar:hover .nav-legacy .sidebar-mini.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview, .main-sidebar.sidebar-focused +.nav-legacy .sidebar-mini-md.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview, +.main-sidebar:hover +.nav-legacy .sidebar-mini-md.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview, .main-sidebar.sidebar-focused +.nav-legacy .sidebar-mini-xs.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview, +.main-sidebar:hover +.nav-legacy .sidebar-mini-xs.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview { padding-left: 1rem; margin-left: -.5rem; } -.sidebar-mini.sidebar-collapse .nav-legacy > .nav-item > .nav-link .nav-icon, -.sidebar-mini-md.sidebar-collapse .nav-legacy > .nav-item > .nav-link .nav-icon { +.sidebar-mini.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon, +.sidebar-mini-md.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon, +.sidebar-mini-xs.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon { margin-left: .55rem; } -.sidebar-mini.sidebar-collapse .nav-legacy > .nav-item > .nav-link.active > .nav-icon, -.sidebar-mini-md.sidebar-collapse .nav-legacy > .nav-item > .nav-link.active > .nav-icon { +.sidebar-mini.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon, +.sidebar-mini-md.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon, +.sidebar-mini-xs.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon { margin-left: .36rem; } -.sidebar-mini.sidebar-collapse .nav-legacy.nav-child-indent .nav-treeview .nav-treeview, -.sidebar-mini-md.sidebar-collapse .nav-legacy.nav-child-indent .nav-treeview .nav-treeview { +.sidebar-mini.sidebar-collapse .nav-legacy .sidebar.nav-child-indent .nav-treeview .nav-treeview, +.sidebar-mini-md.sidebar-collapse .nav-legacy .sidebar.nav-child-indent .nav-treeview .nav-treeview, +.sidebar-mini-xs.sidebar-collapse .nav-legacy .sidebar.nav-child-indent .nav-treeview .nav-treeview { padding-left: 0; margin-left: 0; } -.sidebar-mini.sidebar-collapse.text-sm .nav-legacy > .nav-item > .nav-link .nav-icon, -.sidebar-mini-md.sidebar-collapse.text-sm .nav-legacy > .nav-item > .nav-link .nav-icon { +.sidebar-mini.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon, +.sidebar-mini-md.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon, +.sidebar-mini-xs.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon { margin-left: .75rem; } -.sidebar-mini.sidebar-collapse.text-sm .nav-legacy > .nav-item > .nav-link.active > .nav-icon, -.sidebar-mini-md.sidebar-collapse.text-sm .nav-legacy > .nav-item > .nav-link.active > .nav-icon { +.sidebar-mini.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon, +.sidebar-mini-md.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon, +.sidebar-mini-xs.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon { margin-left: calc(.75rem - 3px); } @@ -12790,7 +13550,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef animation-fill-mode: both; } -.sidebar-collapse .nav-collapse-hide-child .menu-open > .nav-treeview { +.sidebar-collapse .sidebar .nav-collapse-hide-child .menu-open > .nav-treeview { max-height: 0; -webkit-animation-name: fadeOut; animation-name: fadeOut; @@ -12800,10 +13560,14 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef animation-fill-mode: both; } -.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-collapse-hide-child .menu-open > .nav-treeview, -.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .nav-collapse-hide-child .menu-open > .nav-treeview, -.sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-collapse-hide-child .menu-open > .nav-treeview, -.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .nav-collapse-hide-child .menu-open > .nav-treeview { +.main-sidebar.sidebar-focused .nav-collapse-hide-child .sidebar-mini.sidebar-collapse .menu-open > .nav-treeview, +.main-sidebar:not(.sidebar-no-expand):hover .nav-collapse-hide-child .sidebar-mini.sidebar-collapse .menu-open > .nav-treeview, .main-sidebar.sidebar-focused +.nav-collapse-hide-child .sidebar-mini-md.sidebar-collapse .menu-open > .nav-treeview, +.main-sidebar:not(.sidebar-no-expand):hover +.nav-collapse-hide-child .sidebar-mini-md.sidebar-collapse .menu-open > .nav-treeview, .main-sidebar.sidebar-focused +.nav-collapse-hide-child .sidebar-mini-xs.sidebar-collapse .menu-open > .nav-treeview, +.main-sidebar:not(.sidebar-no-expand):hover +.nav-collapse-hide-child .sidebar-mini-xs.sidebar-collapse .menu-open > .nav-treeview { max-height: -webkit-min-content; max-height: -moz-min-content; max-height: min-content; @@ -12912,23 +13676,29 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar .form-inline .input-group { width: 100%; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } .sidebar nav .form-inline { margin-bottom: .2rem; } -.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md).sidebar-collapse .main-sidebar { +.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs).sidebar-collapse .main-sidebar { margin-left: 0; } -.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md) .content-wrapper, -.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md) .main-header, -.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md) .main-footer { +.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .content-wrapper, +.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-header, +.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-footer { z-index: 9999; position: relative; } +.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .control-sidebar { + z-index: 9999; +} + .sidebar-collapse .form-control-sidebar, .sidebar-collapse .form-control-sidebar ~ .input-group-append, .sidebar-collapse .sidebar-search-results { @@ -13009,6 +13779,21 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef display: block; } +.layout-fixed.text-sm .main-sidebar-custom .sidebar { + height: calc(100% - ((2.93725rem + 3.8rem) + 1px)); +} + +.layout-fixed.text-sm .main-sidebar-custom .sidebar-custom { + height: 3.8rem; + padding: 0.85rem 0.5rem; +} + +.layout-fixed .main-sidebar-custom { + height: -webkit-fill-available; + height: -moz-available; + height: stretch; +} + .layout-fixed .main-sidebar-custom .sidebar { height: calc(100% - ((3.5rem + 4rem) + 1px)); } @@ -13041,6 +13826,311 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef right: .5rem; } +.dark-mode .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active { + background-color: #3f6791; + color: #fff; +} + +.dark-mode .sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #3f6791; +} + +.dark-mode .sidebar-dark-secondary .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-secondary .nav-sidebar > .nav-item > .nav-link.active { + background-color: #6c757d; + color: #fff; +} + +.dark-mode .sidebar-dark-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #6c757d; +} + +.dark-mode .sidebar-dark-success .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-success .nav-sidebar > .nav-item > .nav-link.active { + background-color: #00bc8c; + color: #fff; +} + +.dark-mode .sidebar-dark-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #00bc8c; +} + +.dark-mode .sidebar-dark-info .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-info .nav-sidebar > .nav-item > .nav-link.active { + background-color: #3498db; + color: #fff; +} + +.dark-mode .sidebar-dark-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #3498db; +} + +.dark-mode .sidebar-dark-warning .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-warning .nav-sidebar > .nav-item > .nav-link.active { + background-color: #f39c12; + color: #1f2d3d; +} + +.dark-mode .sidebar-dark-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #f39c12; +} + +.dark-mode .sidebar-dark-danger .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active { + background-color: #e74c3c; + color: #fff; +} + +.dark-mode .sidebar-dark-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #e74c3c; +} + +.dark-mode .sidebar-dark-light .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-light .nav-sidebar > .nav-item > .nav-link.active { + background-color: #f8f9fa; + color: #1f2d3d; +} + +.dark-mode .sidebar-dark-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #f8f9fa; +} + +.dark-mode .sidebar-dark-dark .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-dark .nav-sidebar > .nav-item > .nav-link.active { + background-color: #343a40; + color: #fff; +} + +.dark-mode .sidebar-dark-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #343a40; +} + +.dark-mode .sidebar-dark-lightblue .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-lightblue .nav-sidebar > .nav-item > .nav-link.active { + background-color: #86bad8; + color: #1f2d3d; +} + +.dark-mode .sidebar-dark-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #86bad8; +} + +.dark-mode .sidebar-dark-navy .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-navy .nav-sidebar > .nav-item > .nav-link.active { + background-color: #002c59; + color: #fff; +} + +.dark-mode .sidebar-dark-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #002c59; +} + +.dark-mode .sidebar-dark-olive .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-olive .nav-sidebar > .nav-item > .nav-link.active { + background-color: #74c8a3; + color: #1f2d3d; +} + +.dark-mode .sidebar-dark-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #74c8a3; +} + +.dark-mode .sidebar-dark-lime .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-lime .nav-sidebar > .nav-item > .nav-link.active { + background-color: #67ffa9; + color: #1f2d3d; +} + +.dark-mode .sidebar-dark-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #67ffa9; +} + +.dark-mode .sidebar-dark-fuchsia .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-fuchsia .nav-sidebar > .nav-item > .nav-link.active { + background-color: #f672d8; + color: #1f2d3d; +} + +.dark-mode .sidebar-dark-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #f672d8; +} + +.dark-mode .sidebar-dark-maroon .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-maroon .nav-sidebar > .nav-item > .nav-link.active { + background-color: #ed6c9b; + color: #1f2d3d; +} + +.dark-mode .sidebar-dark-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #ed6c9b; +} + +.dark-mode .sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-blue .nav-sidebar > .nav-item > .nav-link.active { + background-color: #3f6791; + color: #fff; +} + +.dark-mode .sidebar-dark-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #3f6791; +} + +.dark-mode .sidebar-dark-indigo .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-indigo .nav-sidebar > .nav-item > .nav-link.active { + background-color: #6610f2; + color: #fff; +} + +.dark-mode .sidebar-dark-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #6610f2; +} + +.dark-mode .sidebar-dark-purple .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-purple .nav-sidebar > .nav-item > .nav-link.active { + background-color: #6f42c1; + color: #fff; +} + +.dark-mode .sidebar-dark-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #6f42c1; +} + +.dark-mode .sidebar-dark-pink .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-pink .nav-sidebar > .nav-item > .nav-link.active { + background-color: #e83e8c; + color: #fff; +} + +.dark-mode .sidebar-dark-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #e83e8c; +} + +.dark-mode .sidebar-dark-red .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-red .nav-sidebar > .nav-item > .nav-link.active { + background-color: #e74c3c; + color: #fff; +} + +.dark-mode .sidebar-dark-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #e74c3c; +} + +.dark-mode .sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-orange .nav-sidebar > .nav-item > .nav-link.active { + background-color: #fd7e14; + color: #1f2d3d; +} + +.dark-mode .sidebar-dark-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #fd7e14; +} + +.dark-mode .sidebar-dark-yellow .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-yellow .nav-sidebar > .nav-item > .nav-link.active { + background-color: #f39c12; + color: #1f2d3d; +} + +.dark-mode .sidebar-dark-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #f39c12; +} + +.dark-mode .sidebar-dark-green .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-green .nav-sidebar > .nav-item > .nav-link.active { + background-color: #00bc8c; + color: #fff; +} + +.dark-mode .sidebar-dark-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #00bc8c; +} + +.dark-mode .sidebar-dark-teal .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-teal .nav-sidebar > .nav-item > .nav-link.active { + background-color: #20c997; + color: #fff; +} + +.dark-mode .sidebar-dark-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #20c997; +} + +.dark-mode .sidebar-dark-cyan .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-cyan .nav-sidebar > .nav-item > .nav-link.active { + background-color: #3498db; + color: #fff; +} + +.dark-mode .sidebar-dark-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #3498db; +} + +.dark-mode .sidebar-dark-white .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-white .nav-sidebar > .nav-item > .nav-link.active { + background-color: #fff; + color: #1f2d3d; +} + +.dark-mode .sidebar-dark-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #fff; +} + +.dark-mode .sidebar-dark-gray .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-gray .nav-sidebar > .nav-item > .nav-link.active { + background-color: #6c757d; + color: #fff; +} + +.dark-mode .sidebar-dark-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #6c757d; +} + +.dark-mode .sidebar-dark-gray-dark .nav-sidebar > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-gray-dark .nav-sidebar > .nav-item > .nav-link.active { + background-color: #343a40; + color: #fff; +} + +.dark-mode .sidebar-dark-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.dark-mode .sidebar-light-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #343a40; +} + +.dark-mode [class*="sidebar-light-"] .sidebar a { + color: #343a40; +} + +.dark-mode [class*="sidebar-light-"] .sidebar a:hover { + text-decoration: none; +} + .logo-xs, .logo-xl { opacity: 1; @@ -13079,7 +14169,6 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-mini .nav-sidebar > .nav-header, .sidebar-mini .nav-sidebar .nav-link { white-space: nowrap; - overflow: hidden; } .sidebar-mini.sidebar-collapse .d-hidden-mini { display: none; @@ -13092,11 +14181,12 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-mini.sidebar-collapse .nav-sidebar .nav-header { display: none; } - .sidebar-mini.sidebar-collapse .nav-sidebar .nav-link p { + .sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link p { width: 0; + white-space: nowrap; } .sidebar-mini.sidebar-collapse .sidebar .user-panel > .info, - .sidebar-mini.sidebar-collapse .nav-sidebar .nav-link p, + .sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link p, .sidebar-mini.sidebar-collapse .brand-text { margin-left: -10px; -webkit-animation-name: fadeOut; @@ -13137,10 +14227,10 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef float: none; } .sidebar-mini.sidebar-collapse .main-sidebar:hover, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused { - width: 300px; + width: 350px; } .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link { - width: 300px; + width: 350px; } .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel { text-align: left; @@ -13149,10 +14239,10 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef float: left; } .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel > .info, - .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p, + .sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar .nav-sidebar .nav-link p, .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-text, .sidebar-mini.sidebar-collapse .main-sidebar:hover .logo-xl, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info, - .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link p, + .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .sidebar .nav-sidebar .nav-link p, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-text, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .logo-xl { display: inline-block; @@ -13181,6 +14271,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel > .info, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .sidebar-form, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info { display: block !important; + -webkit-transform: translateZ(0); transform: translateZ(0); } .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar > .nav-item > .nav-link > span, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar > .nav-item > .nav-link > span { @@ -13190,7 +14281,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef display: block !important; } .sidebar-mini.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link { - width: 300px; + width: 350px; } .sidebar-mini.sidebar-collapse.layout-fixed .brand-link { width: 4.6rem; @@ -13208,7 +14299,6 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-mini-md .nav-sidebar > .nav-header, .sidebar-mini-md .nav-sidebar .nav-link { white-space: nowrap; - overflow: hidden; } .sidebar-mini-md.sidebar-collapse .d-hidden-mini { display: none; @@ -13221,11 +14311,12 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-header { display: none; } - .sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-link p { + .sidebar-mini-md.sidebar-collapse .sidebar .nav-sidebar .nav-link p { width: 0; + white-space: nowrap; } .sidebar-mini-md.sidebar-collapse .sidebar .user-panel > .info, - .sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-link p, + .sidebar-mini-md.sidebar-collapse .sidebar .nav-sidebar .nav-link p, .sidebar-mini-md.sidebar-collapse .brand-text { margin-left: -10px; -webkit-animation-name: fadeOut; @@ -13266,10 +14357,10 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef float: none; } .sidebar-mini-md.sidebar-collapse .main-sidebar:hover, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused { - width: 300px; + width: 350px; } .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .brand-link, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .brand-link { - width: 300px; + width: 350px; } .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .user-panel { text-align: left; @@ -13278,10 +14369,10 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef float: left; } .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel > .info, - .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p, + .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .sidebar .nav-sidebar .nav-link p, .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .brand-text, .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .logo-xl, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info, - .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link p, + .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .sidebar .nav-sidebar .nav-link p, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .brand-text, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .logo-xl { display: inline-block; @@ -13310,6 +14401,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel > .info, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .sidebar-form, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info { display: block !important; + -webkit-transform: translateZ(0); transform: translateZ(0); } .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-sidebar > .nav-item > .nav-link > span, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar > .nav-item > .nav-link > span { @@ -13319,7 +14411,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef display: block !important; } .sidebar-mini-md.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link { - width: 300px; + width: 350px; } .sidebar-mini-md.sidebar-collapse.layout-fixed .brand-link { width: 4.6rem; @@ -13332,69 +14424,487 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef } } -@-webkit-keyframes fadeIn { - from { - opacity: 0; - } - to { - opacity: 1; - } +.sidebar-mini-xs .nav-sidebar, +.sidebar-mini-xs .nav-sidebar > .nav-header, +.sidebar-mini-xs .nav-sidebar .nav-link { + white-space: nowrap; } -@keyframes fadeIn { - from { - opacity: 0; - } - to { - opacity: 1; - } +.sidebar-mini-xs.sidebar-collapse .d-hidden-mini { + display: none; } -@-webkit-keyframes fadeOut { - from { - opacity: 1; - } - to { - opacity: 0; - } +.sidebar-mini-xs.sidebar-collapse .content-wrapper, +.sidebar-mini-xs.sidebar-collapse .main-footer, +.sidebar-mini-xs.sidebar-collapse .main-header { + margin-left: 4.6rem !important; } -@keyframes fadeOut { - from { - opacity: 1; - } - to { - opacity: 0; +.sidebar-mini-xs.sidebar-collapse .nav-sidebar .nav-header { + display: none; +} + +.sidebar-mini-xs.sidebar-collapse .sidebar .nav-sidebar .nav-link p { + width: 0; + white-space: nowrap; +} + +.sidebar-mini-xs.sidebar-collapse .sidebar .user-panel > .info, +.sidebar-mini-xs.sidebar-collapse .sidebar .nav-sidebar .nav-link p, +.sidebar-mini-xs.sidebar-collapse .brand-text { + margin-left: -10px; + -webkit-animation-name: fadeOut; + animation-name: fadeOut; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + visibility: hidden; +} + +.sidebar-mini-xs.sidebar-collapse .logo-xl { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + visibility: hidden; +} + +.sidebar-mini-xs.sidebar-collapse .logo-xs { + display: inline-block; + -webkit-animation-name: fadeIn; + animation-name: fadeIn; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + visibility: visible; +} + +.sidebar-mini-xs.sidebar-collapse .main-sidebar { + overflow-x: hidden; +} + +.sidebar-mini-xs.sidebar-collapse .main-sidebar, .sidebar-mini-xs.sidebar-collapse .main-sidebar::before { + margin-left: 0; + width: 4.6rem; +} + +.sidebar-mini-xs.sidebar-collapse .main-sidebar .user-panel .image { + float: none; +} + +.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover, .sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused { + width: 350px; +} + +.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .brand-link, .sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .brand-link { + width: 350px; +} + +.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .user-panel, .sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .user-panel { + text-align: left; +} + +.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .user-panel .image, .sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .user-panel .image { + float: left; +} + +.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .user-panel > .info, +.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .sidebar .nav-sidebar .nav-link p, +.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .brand-text, +.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .logo-xl, .sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info, +.sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .sidebar .nav-sidebar .nav-link p, +.sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .brand-text, +.sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .logo-xl { + display: inline-block; + margin-left: 0; + -webkit-animation-name: fadeIn; + animation-name: fadeIn; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + visibility: visible; +} + +.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .logo-xs, .sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .logo-xs { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + visibility: hidden; +} + +.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .brand-image, .sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .brand-image { + margin-right: .5rem; +} + +.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .sidebar-form, +.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .user-panel > .info, .sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .sidebar-form, +.sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info { + display: block !important; + -webkit-transform: translateZ(0); + transform: translateZ(0); +} + +.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .nav-sidebar > .nav-item > .nav-link > span, .sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar > .nav-item > .nav-link > span { + display: inline-block !important; +} + +.sidebar-mini-xs.sidebar-collapse .visible-sidebar-mini { + display: block !important; +} + +.sidebar-mini-xs.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link { + width: 350px; +} + +.sidebar-mini-xs.sidebar-collapse.layout-fixed .brand-link { + width: 4.6rem; +} + +.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-link { + width: calc(350px - 0.5rem * 2 - 1rem); +} + +.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-link { + width: calc(350px - 0.5rem * 2 - 2rem); +} + +.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - 0.5rem * 2 - 3rem); +} + +.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - 0.5rem * 2 - 4rem); +} + +.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - 0.5rem * 2 - 5rem); +} + +.sidebar-mini .main-sidebar .nav-legacy .nav-link, +.sidebar-mini-md .main-sidebar .nav-legacy .nav-link, +.sidebar-mini-xs .main-sidebar .nav-legacy .nav-link { + width: 350px; +} + +.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-link { + width: calc(350px - 1rem); +} + +.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link { + width: calc(350px - 1rem - 1rem); +} + +.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - 1rem - 2rem); +} + +.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - 1rem - 3rem); +} + +.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - 1rem - 4rem); +} + +.sidebar-mini .main-sidebar .nav-flat .nav-link, +.sidebar-mini-md .main-sidebar .nav-flat .nav-link, +.sidebar-mini-xs .main-sidebar .nav-flat .nav-link { + width: 350px; +} + +.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link { + width: calc(350px); +} + +.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link { + width: calc(350px - .2rem); +} + +.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - .2rem * 2); +} + +.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - .2rem * 3); +} + +.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - .2rem * 4); +} + +.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-link { + width: calc(350px - 0.5rem * 2 - .5rem); +} + +.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-link { + width: calc(350px - 0.5rem * 2 - 1rem); +} + +.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - 0.5rem * 2 - 1.5rem); +} + +.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - 0.5rem * 2 - 2rem); +} + +.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - 0.5rem * 2 - 2.5rem); +} + +.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-link, +.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-link, +.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-link { + width: 350px; +} + +.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link { + width: calc(350px - .5rem); +} + +.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link { + width: calc(350px - .5rem * 2); +} + +.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - .5rem * 3); +} + +.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - .5rem * 4); +} + +.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, +.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - .5rem * 5); +} + +.sidebar-mini .main-sidebar .nav-link, +.sidebar-mini-md .main-sidebar .nav-link, +.sidebar-mini-xs .main-sidebar .nav-link { + width: calc(350px - 0.5rem * 2); + transition: width ease-in-out 0.3s; +} + +@media (prefers-reduced-motion: reduce) { + .sidebar-mini .main-sidebar .nav-link, + .sidebar-mini-md .main-sidebar .nav-link, + .sidebar-mini-xs .main-sidebar .nav-link { + transition: none; } } -.sidebar-collapse .main-sidebar.sidebar-focused .nav-header, -.sidebar-collapse .main-sidebar:hover .nav-header { +.sidebar-collapse.sidebar-mini .main-sidebar .sidebar-search-results, .sidebar-collapse.sidebar-mini-md .main-sidebar .sidebar-search-results, .sidebar-collapse.sidebar-mini-xs .main-sidebar .sidebar-search-results { + display: none; +} + +.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar .nav-link { + width: 3.6rem; +} + +.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-flat .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-flat .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-flat .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-legacy .nav-link { + width: 4.6rem; +} + +.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-treeview, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-treeview, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-treeview { + padding-left: 0 !important; + margin-left: 0 !important; +} + +.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-link { + width: calc(4.6rem - 0.5rem * 2); +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-link { + width: calc(350px - 0.5rem * 2); +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.hide-nav-header-on-hover) .nav-header, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.hide-nav-header-on-hover) .nav-header, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.hide-nav-header-on-hover) .nav-header, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.hide-nav-header-on-hover) .nav-header, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.hide-nav-header-on-hover) .nav-header, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.hide-nav-header-on-hover) .nav-header { + display: inline-block; +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar { display: inline-block; } -.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused, -.sidebar-collapse .sidebar-no-expand.main-sidebar:hover { +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append { + display: -ms-flexbox; + display: flex; +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results { + display: inline-block; +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent .nav-link { + width: calc(350px - 0.5rem * 2); +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy .nav-link { + width: 350px; +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-link { + width: calc(350px - 1rem); +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link { + width: calc(350px - 1rem - 1rem); +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - 1rem - 2rem); +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - 1rem - 3rem); +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - 1rem - 4rem); +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat .nav-link { + width: 350px; +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-link { + width: calc(350px); +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link { + width: calc(350px - .2rem); +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - .2rem * 2); +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - .2rem * 3); +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - .2rem * 4); +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-compact .nav-link { + width: calc(350px - 0.5rem * 2); +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-link { + width: 350px; +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link { + width: calc(350px - .5rem); +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link { + width: calc(350px - .5rem * 2); +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - .5rem * 3); +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - .5rem * 4); +} + +.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link { + width: calc(350px - .5rem * 5); +} + +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused, +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused, +.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused, +.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover { width: 4.6rem; } -.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-header, -.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-header { +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .nav-header, +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .nav-header, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .nav-header, +.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .nav-header, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .nav-header, +.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .nav-header { display: none; } -.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link, -.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .brand-link { +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link, +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .brand-link, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link, +.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .brand-link, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link, +.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .brand-link { width: 4.6rem !important; } -.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image, -.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .user-panel .image { +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image, +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .user-panel .image, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image, +.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .user-panel .image, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image, +.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .user-panel .image { float: none !important; } -.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs, -.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .logo-xs { +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs, +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .logo-xs, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs, +.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .logo-xs, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs, +.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .logo-xs { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.3s; @@ -13404,8 +14914,10 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef visibility: visible; } -.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl, -.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .logo-xl { +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl, +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .logo-xl, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl, +.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .logo-xl, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl, +.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .logo-xl { -webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-duration: 0.3s; @@ -13415,17 +14927,29 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef visibility: hidden; } -.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview, -.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview { +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview, +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview, +.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview, +.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview { padding-left: 0; } -.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .brand-text, -.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel > .info, -.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar .nav-link p, -.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .brand-text, -.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .user-panel > .info, -.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-sidebar .nav-link p { +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .brand-text, +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .user-panel > .info, +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar .nav-link p, +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .brand-text, +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .user-panel > .info, +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar .nav-link p, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .brand-text, +.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .user-panel > .info, +.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar .nav-link p, +.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .sidebar .brand-text, +.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .sidebar .user-panel > .info, +.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar .nav-link p, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .brand-text, +.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .user-panel > .info, +.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar .nav-link p, +.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .sidebar .brand-text, +.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .sidebar .user-panel > .info, +.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar .nav-link p { margin-left: -10px; -webkit-animation-name: fadeOut; animation-name: fadeOut; @@ -13437,8 +14961,10 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef width: 0; } -.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar > .nav-item .nav-icon, -.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-sidebar > .nav-item .nav-icon { +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar > .nav-item .nav-icon, +.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar > .nav-item .nav-icon, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar > .nav-item .nav-icon, +.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar > .nav-item .nav-icon, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar > .nav-item .nav-icon, +.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar > .nav-item .nav-icon { margin-right: 0; } @@ -13499,8 +15025,8 @@ html.control-sidebar-animate { .control-sidebar, .control-sidebar::before { bottom: calc(3.5rem + 1px); display: none; - right: -300px; - width: 300px; + right: -350px; + width: 350px; transition: right 0.3s ease-in-out, display 0.3s ease-in-out; } @@ -13544,7 +15070,7 @@ body.text-sm .control-sidebar { } .control-sidebar-open .control-sidebar { - display: block; + display: block !important; } .control-sidebar-open .control-sidebar, .control-sidebar-open .control-sidebar::before { @@ -13554,7 +15080,7 @@ body.text-sm .control-sidebar { .control-sidebar-open.control-sidebar-push .content-wrapper, .control-sidebar-open.control-sidebar-push .main-footer, .control-sidebar-open.control-sidebar-push-slide .content-wrapper, .control-sidebar-open.control-sidebar-push-slide .main-footer { - margin-right: 300px; + margin-right: 350px; } .control-sidebar-slide-open .control-sidebar { @@ -13575,7 +15101,7 @@ body.text-sm .control-sidebar { .control-sidebar-slide-open.control-sidebar-push .content-wrapper, .control-sidebar-slide-open.control-sidebar-push .main-footer, .control-sidebar-slide-open.control-sidebar-push-slide .content-wrapper, .control-sidebar-slide-open.control-sidebar-push-slide .main-footer { - margin-right: 300px; + margin-right: 350px; } .control-sidebar-dark { @@ -13740,50 +15266,6 @@ body.text-sm .control-sidebar { backface-visibility: visible !important; } -@-webkit-keyframes flipInX { - 0% { - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transition-timing-function: ease-in; - opacity: 0; - } - 40% { - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transition-timing-function: ease-in; - } - 60% { - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; - } - 80% { - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - } - 100% { - transform: perspective(400px); - } -} - -@keyframes flipInX { - 0% { - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transition-timing-function: ease-in; - opacity: 0; - } - 40% { - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transition-timing-function: ease-in; - } - 60% { - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; - } - 80% { - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - } - 100% { - transform: perspective(400px); - } -} - .navbar-custom-menu > .navbar-nav > li { position: relative; } @@ -14038,15237 +15520,29191 @@ body.text-sm .control-sidebar { .navbar-primary { background-color: #007bff; + color: #fff; } -.navbar-secondary { - background-color: #6c757d; +.navbar-primary.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.navbar-success { - background-color: #28a745; +.navbar-primary.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.navbar-info { - background-color: #266c77; +.navbar-primary.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.navbar-warning { - background-color: #ffc107; +.navbar-primary.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.navbar-danger { - background-color: #dc3545; +.navbar-primary.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.navbar-lightblue { - background-color: #3c8dbc; +.navbar-primary.navbar-light .form-control-navbar, +.navbar-primary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #0071eb; + border-color: #0065d1; + color: rgba(52, 58, 64, 0.8); } -.navbar-navy { - background-color: #001f3f; +.navbar-primary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.navbar-olive { - background-color: #3d9970; +.navbar-primary.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.navbar-lime { - background-color: #01ff70; +.navbar-primary.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.navbar-fuchsia { - background-color: #f012be; +.navbar-primary.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.navbar-maroon { - background-color: #d81b60; +.navbar-primary.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.navbar-blue { - background-color: #007bff; +.navbar-primary.navbar-light .form-control-navbar:focus, +.navbar-primary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #006fe6; + border-color: #0065d1 !important; + color: #343a40; } -.navbar-indigo { - background-color: #6610f2; +.navbar-primary.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.navbar-purple { - background-color: #6f42c1; +.navbar-primary.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.navbar-pink { - background-color: #e83e8c; +.navbar-primary.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.navbar-red { - background-color: #dc3545; +.navbar-primary.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.navbar-orange { - background-color: #fd7e14; +.navbar-primary.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.navbar-yellow { - background-color: #ffc107; +.navbar-primary.navbar-dark .form-control-navbar, +.navbar-primary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #1486ff; + border-color: #2e93ff; + color: rgba(255, 255, 255, 0.8); } -.navbar-green { - background-color: #28a745; +.navbar-primary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.navbar-teal { - background-color: #20c997; +.navbar-primary.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.navbar-cyan { - background-color: #266c77; +.navbar-primary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.navbar-white { - background-color: #fff; +.navbar-primary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.navbar-gray { - background-color: #6c757d; +.navbar-primary.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.navbar-gray-dark { - background-color: #343a40; +.navbar-primary.navbar-dark .form-control-navbar:focus, +.navbar-primary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #1a88ff; + border-color: #2e93ff !important; + color: #fff; } -.dark-mode .nav-pills .nav-link { - color: #ced4da; +.navbar-secondary { + background-color: #6c757d; + color: #fff; } -.dark-mode .nav-tabs { - border-color: #56606a; +.navbar-secondary.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.dark-mode .nav-tabs .nav-link:focus, -.dark-mode .nav-tabs .nav-link:hover { - border-color: #56606a; +.navbar-secondary.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.dark-mode .nav-tabs .nav-item.show .nav-link, -.dark-mode .nav-tabs .nav-link.active { - background-color: #343a40; - border-color: #56606a #56606a transparent #56606a; - color: #fff; +.navbar-secondary.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link.active, .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:focus, .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:hover, -.dark-mode .nav-tabs.flex-column .nav-link.active, -.dark-mode .nav-tabs.flex-column .nav-link:focus, -.dark-mode .nav-tabs.flex-column .nav-link:hover { - border-color: #56606a transparent #56606a #56606a; +.navbar-secondary.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:focus, .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:hover, -.dark-mode .nav-tabs.flex-column .nav-link:focus, -.dark-mode .nav-tabs.flex-column .nav-link:hover { - background-color: #3f474e; +.navbar-secondary.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.dark-mode .nav-tabs.flex-column.nav-tabs-right { - border-color: #56606a; +.navbar-secondary.navbar-light .form-control-navbar, +.navbar-secondary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #636b72; + border-color: #575e64; + color: rgba(52, 58, 64, 0.8); } -.dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link.active, .dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link:focus, .dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link:hover { - border-color: #56606a #56606a #56606a transparent; +.navbar-secondary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.pagination-month .page-item { - justify-self: stretch; +.navbar-secondary.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.pagination-month .page-item .page-link { - display: -ms-flexbox; - display: flex; - -ms-flex-align: center; - align-items: center; - -ms-flex-pack: center; - justify-content: center; - -ms-flex-direction: column; - flex-direction: column; - box-shadow: none; +.navbar-secondary.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.pagination-month .page-item:first-child .page-link, .pagination-month .page-item:last-child .page-link { - height: 100%; - font-size: 1.25rem; +.navbar-secondary.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.pagination-month .page-item .page-month { - margin-bottom: 0; - font-size: 1.25rem; - font-weight: 700; +.navbar-secondary.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.pagination-month .page-item .page-year { - margin-bottom: 0; +.navbar-secondary.navbar-light .form-control-navbar:focus, +.navbar-secondary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #60686f; + border-color: #575e64 !important; + color: #343a40; } -.pagination-month.pagination-lg .page-month { - font-size: 1.5625rem; +.navbar-secondary.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.pagination-month.pagination-sm .page-month { - font-size: 1rem; +.navbar-secondary.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.dark-mode .page-item.disabled .page-link { - background-color: #3a4047; - border-color: #6c757d; - color: #6c757d; +.navbar-secondary.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.dark-mode .page-item.active .page-link:hover, .dark-mode .page-item.active .page-link:focus { - color: #ced4da; +.navbar-secondary.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.dark-mode .page-item:not(.active) .page-link { - background-color: #343a40; - border-color: #6c757d; +.navbar-secondary.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.dark-mode .page-item:not(.active) .page-link:hover, .dark-mode .page-item:not(.active) .page-link:focus { - color: #1a88ff; - background-color: #3f474e; +.navbar-secondary.navbar-dark .form-control-navbar, +.navbar-secondary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #757f88; + border-color: #838c94; + color: rgba(255, 255, 255, 0.8); } -.form-group.has-icon { - position: relative; +.navbar-secondary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.form-group.has-icon .form-control { - padding-right: 35px; +.navbar-secondary.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.form-group.has-icon .form-icon { - background-color: transparent; - border: 0; - cursor: pointer; - font-size: 1rem; - padding: 0.375rem 0.75rem; - position: absolute; - right: 3px; - top: 0; +.navbar-secondary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.btn-group-vertical .btn.btn-flat:first-of-type, .btn-group-vertical .btn.btn-flat:last-of-type { - border-radius: 0; +.navbar-secondary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.form-control-feedback.fa, .form-control-feedback.fas, .form-control-feedback.far, .form-control-feedback.fab, .form-control-feedback.fal, .form-control-feedback.fad, .form-control-feedback.svg-inline--fa, .form-control-feedback.ion { - line-height: calc(2.25rem + 2px); +.navbar-secondary.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.input-lg + .form-control-feedback.fa, .input-lg + .form-control-feedback.fas, .input-lg + .form-control-feedback.far, .input-lg + .form-control-feedback.fab, .input-lg + .form-control-feedback.fal, .input-lg + .form-control-feedback.fad, .input-lg + .form-control-feedback.svg-inline--fa, .input-lg + .form-control-feedback.ion, -.input-group-lg + .form-control-feedback.fa, -.input-group-lg + .form-control-feedback.fas, -.input-group-lg + .form-control-feedback.far, -.input-group-lg + .form-control-feedback.fab, -.input-group-lg + .form-control-feedback.fal, -.input-group-lg + .form-control-feedback.fad, -.input-group-lg + .form-control-feedback.svg-inline--fa, -.input-group-lg + .form-control-feedback.ion { - line-height: calc(2.875rem + 2px); +.navbar-secondary.navbar-dark .form-control-navbar:focus, +.navbar-secondary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #78828a; + border-color: #838c94 !important; + color: #fff; } -.form-group-lg .form-control + .form-control-feedback.fa, .form-group-lg .form-control + .form-control-feedback.fas, .form-group-lg .form-control + .form-control-feedback.far, .form-group-lg .form-control + .form-control-feedback.fab, .form-group-lg .form-control + .form-control-feedback.fal, .form-group-lg .form-control + .form-control-feedback.fad, .form-group-lg .form-control + .form-control-feedback.svg-inline--fa, .form-group-lg .form-control + .form-control-feedback.ion { - line-height: calc(2.875rem + 2px); +.navbar-success { + background-color: #28a745; + color: #fff; } -.input-sm + .form-control-feedback.fa, .input-sm + .form-control-feedback.fas, .input-sm + .form-control-feedback.far, .input-sm + .form-control-feedback.fab, .input-sm + .form-control-feedback.fal, .input-sm + .form-control-feedback.fad, .input-sm + .form-control-feedback.svg-inline--fa, .input-sm + .form-control-feedback.ion, -.input-group-sm + .form-control-feedback.fa, -.input-group-sm + .form-control-feedback.fas, -.input-group-sm + .form-control-feedback.far, -.input-group-sm + .form-control-feedback.fab, -.input-group-sm + .form-control-feedback.fal, -.input-group-sm + .form-control-feedback.fad, -.input-group-sm + .form-control-feedback.svg-inline--fa, -.input-group-sm + .form-control-feedback.ion { - line-height: calc(1.8125rem + 2px); +.navbar-success.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.form-group-sm .form-control + .form-control-feedback.fa, .form-group-sm .form-control + .form-control-feedback.fas, .form-group-sm .form-control + .form-control-feedback.far, .form-group-sm .form-control + .form-control-feedback.fab, .form-group-sm .form-control + .form-control-feedback.fal, .form-group-sm .form-control + .form-control-feedback.fad, .form-group-sm .form-control + .form-control-feedback.svg-inline--fa, .form-group-sm .form-control + .form-control-feedback.ion { - line-height: calc(1.8125rem + 2px); +.navbar-success.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -label:not(.form-check-label):not(.custom-file-label) { - font-weight: 700; +.navbar-success.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.warning-feedback { - font-size: 80%; - color: #ffc107; - display: none; - margin-top: 0.25rem; - width: 100%; +.navbar-success.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.warning-tooltip { - border-radius: 0.25rem; - font-size: 0.875rem; - background-color: rgba(255, 193, 7, 0.9); - color: #1f2d3d; - display: none; - line-height: 1.5; - margin-top: .1rem; - max-width: 100%; - padding: 0.25rem 0.5rem; - position: absolute; - top: 100%; - z-index: 5; +.navbar-success.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.form-control.is-warning { - border-color: #ffc107; +.navbar-success.navbar-light .form-control-navbar, +.navbar-success.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #24973e; + border-color: #1f8236; + color: rgba(52, 58, 64, 0.8); } -.form-control.is-warning:focus { - border-color: #ffc107; - box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25); +.navbar-success.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.form-control.is-warning ~ .warning-feedback, -.form-control.is-warning ~ .warning-tooltip { - display: block; +.navbar-success.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -textarea.form-control.is-warning { - padding-right: 2.25rem; - background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +.navbar-success.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-select.is-warning { - border-color: #ffc107; +.navbar-success.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-select.is-warning:focus { - border-color: #ffc107; - box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25); +.navbar-success.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-select.is-warning ~ .warning-feedback, -.custom-select.is-warning ~ .warning-tooltip { - display: block; +.navbar-success.navbar-light .form-control-navbar:focus, +.navbar-success.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #23923d; + border-color: #1f8236 !important; + color: #343a40; } -.form-control-file.is-warning ~ .warning-feedback, -.form-control-file.is-warning ~ .warning-tooltip { - display: block; +.navbar-success.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.form-check-input.is-warning ~ .form-check-label { - color: #ffc107; +.navbar-success.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.form-check-input.is-warning ~ .warning-feedback, -.form-check-input.is-warning ~ .warning-tooltip { - display: block; +.navbar-success.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input.is-warning ~ .custom-control-label { - color: #ffc107; +.navbar-success.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input.is-warning ~ .custom-control-label::before { - border-color: #ffc107; +.navbar-success.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input.is-warning ~ .warning-feedback, -.custom-control-input.is-warning ~ .warning-tooltip { - display: block; +.navbar-success.navbar-dark .form-control-navbar, +.navbar-success.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #2cb74c; + border-color: #31cc54; + color: rgba(255, 255, 255, 0.8); } -.custom-control-input.is-warning:checked ~ .custom-control-label::before { - background-color: #ffce3a; - border-color: #ffce3a; +.navbar-success.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-control-input.is-warning:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25); +.navbar-success.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-control-input.is-warning:focus:not(:checked) ~ .custom-control-label::before { - border-color: #ffc107; +.navbar-success.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-file-input.is-warning ~ .custom-file-label { - border-color: #ffc107; +.navbar-success.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-file-input.is-warning ~ .warning-feedback, -.custom-file-input.is-warning ~ .warning-tooltip { - display: block; +.navbar-success.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-file-input.is-warning:focus ~ .custom-file-label { - border-color: #ffc107; - box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25); +.navbar-success.navbar-dark .form-control-navbar:focus, +.navbar-success.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #2dbc4e; + border-color: #31cc54 !important; + color: #fff; } -body.text-sm .input-group-text { - font-size: 0.875rem; +.navbar-info { + background-color: #17a2b8; + color: #fff; } -.form-control.form-control-border, -.custom-select.form-control-border { - border-top: 0; - border-left: 0; - border-right: 0; - border-radius: 0; - box-shadow: inherit; +.navbar-info.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.form-control.form-control-border.border-width-2, -.custom-select.form-control-border.border-width-2 { - border-bottom-width: 2px; +.navbar-info.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.form-control.form-control-border.border-width-3, -.custom-select.form-control-border.border-width-3 { - border-bottom-width: 3px; +.navbar-info.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::before { - background-color: #007bff; - border-color: #004a99; +.navbar-info.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-primary .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); +.navbar-info.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::after { - background-color: #003e80; +.navbar-info.navbar-light .form-control-navbar, +.navbar-info.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #1592a6; + border-color: #127e8f; + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::before { - background-color: #007bff; - border-color: #004a99; +.navbar-info.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-on-primary .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); +.navbar-info.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::after { - background-color: #99caff; +.navbar-info.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::before { - background-color: #6c757d; - border-color: #3d4246; +.navbar-info.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-off-secondary .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); +.navbar-info.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::after { - background-color: #313539; +.navbar-info.navbar-light .form-control-navbar:focus, +.navbar-info.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #148ea1; + border-color: #127e8f !important; + color: #343a40; } -.custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::before { - background-color: #6c757d; - border-color: #3d4246; +.navbar-info.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-on-secondary .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); +.navbar-info.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::after { - background-color: #bcc1c6; +.navbar-info.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::before { - background-color: #28a745; - border-color: #145523; +.navbar-info.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-off-success .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); +.navbar-info.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::after { - background-color: #0f401b; +.navbar-info.navbar-dark .form-control-navbar, +.navbar-info.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #19b2ca; + border-color: #1cc6e1; + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::before { - background-color: #28a745; - border-color: #145523; +.navbar-info.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-switch.custom-switch-on-success .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); +.navbar-info.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::after { - background-color: #86e29b; +.navbar-info.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::before { - background-color: #266c77; - border-color: #0d262a; +.navbar-info.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-switch.custom-switch-off-info .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(38, 108, 119, 0.25); +.navbar-info.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::after { - background-color: #071416; +.navbar-info.navbar-dark .form-control-navbar:focus, +.navbar-info.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #1ab6cf; + border-color: #1cc6e1 !important; + color: #fff; } -.custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::before { - background-color: #266c77; - border-color: #0d262a; +.navbar-warning { + background-color: #FFC0C0; + color: #1f2d3d; } -.custom-switch.custom-switch-on-info .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(38, 108, 119, 0.25); +.navbar-warning.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::after { - background-color: #67c1cf; +.navbar-warning.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::before { - background-color: #ffc107; - border-color: #a07800; +.navbar-warning.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-warning .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25); +.navbar-warning.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::after { - background-color: #876500; +.navbar-warning.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::before { - background-color: #ffc107; - border-color: #a07800; +.navbar-warning.navbar-light .form-control-navbar, +.navbar-warning.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #ffacac; + border-color: #ff9292; + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-on-warning .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25); +.navbar-warning.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::after { - background-color: #ffe7a0; +.navbar-warning.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::before { - background-color: #dc3545; - border-color: #921925; +.navbar-warning.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-off-danger .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); +.navbar-warning.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::after { - background-color: #7c151f; +.navbar-warning.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::before { - background-color: #dc3545; - border-color: #921925; +.navbar-warning.navbar-light .form-control-navbar:focus, +.navbar-warning.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #ffa7a7; + border-color: #ff9292 !important; + color: #343a40; } -.custom-switch.custom-switch-on-danger .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); +.navbar-warning.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::after { - background-color: #f3b7bd; +.navbar-warning.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::before { - background-color: #f8f9fa; - border-color: #bdc6d0; +.navbar-warning.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-off-light .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25); +.navbar-warning.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::after { - background-color: #aeb9c5; +.navbar-warning.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::before { - background-color: #f8f9fa; - border-color: #bdc6d0; +.navbar-warning.navbar-dark .form-control-navbar, +.navbar-warning.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #ffd4d4; + border-color: #ffeeee; + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-on-light .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25); +.navbar-warning.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::after { - background-color: white; +.navbar-warning.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::before { - background-color: #343a40; - border-color: #060708; +.navbar-warning.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-switch.custom-switch-off-dark .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); +.navbar-warning.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::after { - background-color: black; +.navbar-warning.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::before { - background-color: #343a40; - border-color: #060708; +.navbar-warning.navbar-dark .form-control-navbar:focus, +.navbar-warning.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #ffdada; + border-color: #ffeeee !important; + color: #fff; } -.custom-switch.custom-switch-on-dark .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); +.navbar-danger { + background-color: #dc3545; + color: #fff; } -.custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::after { - background-color: #7a8793; +.navbar-danger.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::before { - background-color: #3c8dbc; - border-color: #23536f; +.navbar-danger.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-lightblue .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25); +.navbar-danger.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::after { - background-color: #1d455b; +.navbar-danger.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::before { - background-color: #3c8dbc; - border-color: #23536f; +.navbar-danger.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-on-lightblue .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25); +.navbar-danger.navbar-light .form-control-navbar, +.navbar-danger.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #d72536; + border-color: #c22231; + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::after { - background-color: #acd0e5; +.navbar-danger.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::before { - background-color: #001f3f; - border-color: black; +.navbar-danger.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-switch.custom-switch-off-navy .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25); +.navbar-danger.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::after { - background-color: black; +.navbar-danger.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::before { - background-color: #001f3f; - border-color: black; +.navbar-danger.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-switch.custom-switch-on-navy .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25); +.navbar-danger.navbar-light .form-control-navbar:focus, +.navbar-danger.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #d32535; + border-color: #c22231 !important; + color: #343a40; } -.custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::after { - background-color: #006ad8; +.navbar-danger.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::before { - background-color: #3d9970; - border-color: #20503b; +.navbar-danger.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-off-olive .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25); +.navbar-danger.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::after { - background-color: #193e2d; +.navbar-danger.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::before { - background-color: #3d9970; - border-color: #20503b; +.navbar-danger.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-on-olive .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25); +.navbar-danger.navbar-dark .form-control-navbar, +.navbar-danger.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #df4655; + border-color: #e35c69; + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::after { - background-color: #99d6bb; +.navbar-danger.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::before { - background-color: #01ff70; - border-color: #009a43; +.navbar-danger.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-switch.custom-switch-off-lime .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25); +.navbar-danger.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::after { - background-color: #008138; +.navbar-danger.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::before { - background-color: #01ff70; - border-color: #009a43; +.navbar-danger.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-switch.custom-switch-on-lime .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25); +.navbar-danger.navbar-dark .form-control-navbar:focus, +.navbar-danger.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #e04b59; + border-color: #e35c69 !important; + color: #fff; } -.custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::after { - background-color: #9affc6; +.navbar-lightblue { + background-color: #3c8dbc; + color: #fff; } -.custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::before { - background-color: #f012be; - border-color: #930974; +.navbar-lightblue.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-fuchsia .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25); +.navbar-lightblue.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::after { - background-color: #7b0861; +.navbar-lightblue.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::before { - background-color: #f012be; - border-color: #930974; +.navbar-lightblue.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25); +.navbar-lightblue.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::after { - background-color: #f9a2e5; +.navbar-lightblue.navbar-light .form-control-navbar, +.navbar-lightblue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #3781ad; + border-color: #317399; + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::before { - background-color: #d81b60; - border-color: #7d1038; +.navbar-lightblue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-off-maroon .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25); +.navbar-lightblue.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::after { - background-color: #670d2e; +.navbar-lightblue.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::before { - background-color: #d81b60; - border-color: #7d1038; +.navbar-lightblue.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-on-maroon .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25); +.navbar-lightblue.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::after { - background-color: #f29aba; +.navbar-lightblue.navbar-light .form-control-navbar:focus, +.navbar-lightblue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #367fa9; + border-color: #317399 !important; + color: #343a40; } -.custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::before { - background-color: #007bff; - border-color: #004a99; +.navbar-lightblue.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-off-blue .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); +.navbar-lightblue.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::after { - background-color: #003e80; +.navbar-lightblue.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::before { - background-color: #007bff; - border-color: #004a99; +.navbar-lightblue.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-on-blue .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); +.navbar-lightblue.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::after { - background-color: #99caff; +.navbar-lightblue.navbar-dark .form-control-navbar, +.navbar-lightblue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #4897c5; + border-color: #5ba2cb; + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::before { - background-color: #6610f2; - border-color: #3d0894; +.navbar-lightblue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-switch.custom-switch-off-indigo .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25); +.navbar-lightblue.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::after { - background-color: #33077c; +.navbar-lightblue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::before { - background-color: #6610f2; - border-color: #3d0894; +.navbar-lightblue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-switch.custom-switch-on-indigo .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25); +.navbar-lightblue.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::after { - background-color: #c3a1fa; +.navbar-lightblue.navbar-dark .form-control-navbar:focus, +.navbar-lightblue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #4c99c6; + border-color: #5ba2cb !important; + color: #fff; } -.custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::before { - background-color: #6f42c1; - border-color: #432776; +.navbar-navy { + background-color: #001f3f; + color: #fff; } -.custom-switch.custom-switch-off-purple .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25); +.navbar-navy.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::after { - background-color: #382063; +.navbar-navy.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::before { - background-color: #6f42c1; - border-color: #432776; +.navbar-navy.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-on-purple .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25); +.navbar-navy.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::after { - background-color: #c7b5e7; +.navbar-navy.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::before { - background-color: #e83e8c; - border-color: #ac145a; +.navbar-navy.navbar-light .form-control-navbar, +.navbar-navy.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #00152b; + border-color: #000811; + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-pink .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25); +.navbar-navy.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::after { - background-color: #95124e; +.navbar-navy.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::before { - background-color: #e83e8c; - border-color: #ac145a; +.navbar-navy.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-on-pink .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25); +.navbar-navy.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::after { - background-color: #f8c7dd; +.navbar-navy.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::before { - background-color: #dc3545; - border-color: #921925; +.navbar-navy.navbar-light .form-control-navbar:focus, +.navbar-navy.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #001226; + border-color: #000811 !important; + color: #343a40; } -.custom-switch.custom-switch-off-red .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); +.navbar-navy.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::after { - background-color: #7c151f; +.navbar-navy.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::before { - background-color: #dc3545; - border-color: #921925; +.navbar-navy.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-on-red .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); +.navbar-navy.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::after { - background-color: #f3b7bd; +.navbar-navy.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::before { - background-color: #fd7e14; - border-color: #aa4e01; +.navbar-navy.navbar-dark .form-control-navbar, +.navbar-navy.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #002953; + border-color: #00366d; + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-off-orange .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25); +.navbar-navy.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::after { - background-color: #904201; +.navbar-navy.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::before { - background-color: #fd7e14; - border-color: #aa4e01; +.navbar-navy.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-switch.custom-switch-on-orange .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25); +.navbar-navy.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::after { - background-color: #fed1ac; +.navbar-navy.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::before { - background-color: #ffc107; - border-color: #a07800; +.navbar-navy.navbar-dark .form-control-navbar:focus, +.navbar-navy.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #002c59; + border-color: #00366d !important; + color: #fff; } -.custom-switch.custom-switch-off-yellow .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25); +.navbar-olive { + background-color: #3d9970; + color: #fff; } -.custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::after { - background-color: #876500; +.navbar-olive.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::before { - background-color: #ffc107; - border-color: #a07800; +.navbar-olive.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-on-yellow .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25); +.navbar-olive.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::after { - background-color: #ffe7a0; +.navbar-olive.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::before { - background-color: #28a745; - border-color: #145523; +.navbar-olive.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-green .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); +.navbar-olive.navbar-light .form-control-navbar, +.navbar-olive.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #378a65; + border-color: #307858; + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::after { - background-color: #0f401b; +.navbar-olive.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::before { - background-color: #28a745; - border-color: #145523; +.navbar-olive.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-switch.custom-switch-on-green .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); +.navbar-olive.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::after { - background-color: #86e29b; +.navbar-olive.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::before { - background-color: #20c997; - border-color: #127155; +.navbar-olive.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-switch.custom-switch-off-teal .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25); +.navbar-olive.navbar-light .form-control-navbar:focus, +.navbar-olive.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #368763; + border-color: #307858 !important; + color: #343a40; } -.custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::after { - background-color: #0e5b44; +.navbar-olive.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::before { - background-color: #20c997; - border-color: #127155; +.navbar-olive.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-on-teal .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25); +.navbar-olive.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::after { - background-color: #94eed3; +.navbar-olive.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::before { - background-color: #266c77; - border-color: #0d262a; +.navbar-olive.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-off-cyan .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(38, 108, 119, 0.25); +.navbar-olive.navbar-dark .form-control-navbar, +.navbar-olive.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #43a87b; + border-color: #4cb888; + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::after { - background-color: #071416; +.navbar-olive.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::before { - background-color: #266c77; - border-color: #0d262a; +.navbar-olive.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-switch.custom-switch-on-cyan .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(38, 108, 119, 0.25); +.navbar-olive.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::after { - background-color: #67c1cf; +.navbar-olive.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::before { - background-color: #fff; - border-color: #cccccc; +.navbar-olive.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-switch.custom-switch-off-white .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25); +.navbar-olive.navbar-dark .form-control-navbar:focus, +.navbar-olive.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #44ab7d; + border-color: #4cb888 !important; + color: #fff; } -.custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::after { - background-color: #bfbfbf; +.navbar-lime { + background-color: #01ff70; + color: #1f2d3d; } -.custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::before { - background-color: #fff; - border-color: #cccccc; +.navbar-lime.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-on-white .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25); +.navbar-lime.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::after { - background-color: white; +.navbar-lime.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::before { - background-color: #6c757d; - border-color: #3d4246; +.navbar-lime.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-gray .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); +.navbar-lime.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::after { - background-color: #313539; +.navbar-lime.navbar-light .form-control-navbar, +.navbar-lime.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #00ec67; + border-color: #00d25c; + color: rgba(52, 58, 64, 0.8); } -.custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::before { - background-color: #6c757d; - border-color: #3d4246; +.navbar-lime.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-on-gray .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); +.navbar-lime.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::after { - background-color: #bcc1c6; +.navbar-lime.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::before { - background-color: #343a40; - border-color: #060708; +.navbar-lime.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-switch.custom-switch-off-gray-dark .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); +.navbar-lime.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::after { - background-color: black; +.navbar-lime.navbar-light .form-control-navbar:focus, +.navbar-lime.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #00e765; + border-color: #00d25c !important; + color: #343a40; } -.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::before { - background-color: #343a40; - border-color: #060708; +.navbar-lime.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); +.navbar-lime.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::after { - background-color: #7a8793; +.navbar-lime.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-primary:focus { - outline: none; +.navbar-lime.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-primary:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); +.navbar-lime.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-primary:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); +.navbar-lime.navbar-dark .form-control-navbar, +.navbar-lime.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #15ff7b; + border-color: #2fff8a; + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-primary:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); +.navbar-lime.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-range.custom-range-primary::-webkit-slider-thumb { - background-color: #007bff; +.navbar-lime.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-range.custom-range-primary::-webkit-slider-thumb:active { - background-color: #b3d7ff; +.navbar-lime.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-primary::-moz-range-thumb { - background-color: #007bff; +.navbar-lime.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-primary::-moz-range-thumb:active { - background-color: #b3d7ff; +.navbar-lime.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-range.custom-range-primary::-ms-thumb { - background-color: #007bff; +.navbar-lime.navbar-dark .form-control-navbar:focus, +.navbar-lime.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #1bff7e; + border-color: #2fff8a !important; + color: #fff; } -.custom-range.custom-range-primary::-ms-thumb:active { - background-color: #b3d7ff; +.navbar-fuchsia { + background-color: #f012be; + color: #fff; } -.custom-range.custom-range-secondary:focus { - outline: none; +.navbar-fuchsia.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-secondary:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); +.navbar-fuchsia.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-secondary:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); +.navbar-fuchsia.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-secondary:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); +.navbar-fuchsia.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-secondary::-webkit-slider-thumb { - background-color: #6c757d; +.navbar-fuchsia.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-secondary::-webkit-slider-thumb:active { - background-color: #caced1; +.navbar-fuchsia.navbar-light .form-control-navbar, +.navbar-fuchsia.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #df0eb0; + border-color: #c70d9d; + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-secondary::-moz-range-thumb { - background-color: #6c757d; +.navbar-fuchsia.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-range.custom-range-secondary::-moz-range-thumb:active { - background-color: #caced1; +.navbar-fuchsia.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-range.custom-range-secondary::-ms-thumb { - background-color: #6c757d; +.navbar-fuchsia.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-secondary::-ms-thumb:active { - background-color: #caced1; +.navbar-fuchsia.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-success:focus { - outline: none; +.navbar-fuchsia.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-range.custom-range-success:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); +.navbar-fuchsia.navbar-light .form-control-navbar:focus, +.navbar-fuchsia.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #db0ead; + border-color: #c70d9d !important; + color: #343a40; } -.custom-range.custom-range-success:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); +.navbar-fuchsia.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-success:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); +.navbar-fuchsia.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-success::-webkit-slider-thumb { - background-color: #28a745; +.navbar-fuchsia.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-success::-webkit-slider-thumb:active { - background-color: #9be7ac; +.navbar-fuchsia.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-success::-moz-range-thumb { - background-color: #28a745; +.navbar-fuchsia.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-success::-moz-range-thumb:active { - background-color: #9be7ac; +.navbar-fuchsia.navbar-dark .form-control-navbar, +.navbar-fuchsia.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #f125c3; + border-color: #f33dca; + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-success::-ms-thumb { - background-color: #28a745; +.navbar-fuchsia.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-range.custom-range-success::-ms-thumb:active { - background-color: #9be7ac; +.navbar-fuchsia.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-range.custom-range-info:focus { - outline: none; +.navbar-fuchsia.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-info:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(38, 108, 119, 0.25); +.navbar-fuchsia.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-info:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(38, 108, 119, 0.25); +.navbar-fuchsia.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-range.custom-range-info:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(38, 108, 119, 0.25); +.navbar-fuchsia.navbar-dark .form-control-navbar:focus, +.navbar-fuchsia.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #f22ac5; + border-color: #f33dca !important; + color: #fff; } -.custom-range.custom-range-info::-webkit-slider-thumb { - background-color: #266c77; +.navbar-maroon { + background-color: #d81b60; + color: #fff; } -.custom-range.custom-range-info::-webkit-slider-thumb:active { - background-color: #7bc9d5; +.navbar-maroon.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-info::-moz-range-thumb { - background-color: #266c77; +.navbar-maroon.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-info::-moz-range-thumb:active { - background-color: #7bc9d5; +.navbar-maroon.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-info::-ms-thumb { - background-color: #266c77; +.navbar-maroon.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-info::-ms-thumb:active { - background-color: #7bc9d5; +.navbar-maroon.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-warning:focus { - outline: none; +.navbar-maroon.navbar-light .form-control-navbar, +.navbar-maroon.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #c61958; + border-color: #af164e; + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-warning:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25); +.navbar-maroon.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-range.custom-range-warning:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25); +.navbar-maroon.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-range.custom-range-warning:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25); +.navbar-maroon.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-warning::-webkit-slider-thumb { - background-color: #ffc107; +.navbar-maroon.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-warning::-webkit-slider-thumb:active { - background-color: #ffeeba; +.navbar-maroon.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-range.custom-range-warning::-moz-range-thumb { - background-color: #ffc107; +.navbar-maroon.navbar-light .form-control-navbar:focus, +.navbar-maroon.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #c11856; + border-color: #af164e !important; + color: #343a40; } -.custom-range.custom-range-warning::-moz-range-thumb:active { - background-color: #ffeeba; +.navbar-maroon.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-warning::-ms-thumb { - background-color: #ffc107; +.navbar-maroon.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-warning::-ms-thumb:active { - background-color: #ffeeba; +.navbar-maroon.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-danger:focus { - outline: none; +.navbar-maroon.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-danger:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); +.navbar-maroon.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-danger:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); +.navbar-maroon.navbar-dark .form-control-navbar, +.navbar-maroon.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #e4246a; + border-color: #e63a79; + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-danger:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); +.navbar-maroon.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-range.custom-range-danger::-webkit-slider-thumb { - background-color: #dc3545; +.navbar-maroon.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-range.custom-range-danger::-webkit-slider-thumb:active { - background-color: #f6cdd1; +.navbar-maroon.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-danger::-moz-range-thumb { - background-color: #dc3545; +.navbar-maroon.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-danger::-moz-range-thumb:active { - background-color: #f6cdd1; +.navbar-maroon.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-range.custom-range-danger::-ms-thumb { - background-color: #dc3545; +.navbar-maroon.navbar-dark .form-control-navbar:focus, +.navbar-maroon.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #e4286d; + border-color: #e63a79 !important; + color: #fff; } -.custom-range.custom-range-danger::-ms-thumb:active { - background-color: #f6cdd1; +.navbar-blue { + background-color: #007bff; + color: #fff; } -.custom-range.custom-range-light:focus { - outline: none; +.navbar-blue.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-light:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25); +.navbar-blue.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-light:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25); +.navbar-blue.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-light:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25); +.navbar-blue.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-light::-webkit-slider-thumb { - background-color: #f8f9fa; +.navbar-blue.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-light::-webkit-slider-thumb:active { - background-color: white; +.navbar-blue.navbar-light .form-control-navbar, +.navbar-blue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #0071eb; + border-color: #0065d1; + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-light::-moz-range-thumb { - background-color: #f8f9fa; +.navbar-blue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-range.custom-range-light::-moz-range-thumb:active { - background-color: white; +.navbar-blue.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-range.custom-range-light::-ms-thumb { - background-color: #f8f9fa; +.navbar-blue.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-light::-ms-thumb:active { - background-color: white; +.navbar-blue.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-dark:focus { - outline: none; +.navbar-blue.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-range.custom-range-dark:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); +.navbar-blue.navbar-light .form-control-navbar:focus, +.navbar-blue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #006fe6; + border-color: #0065d1 !important; + color: #343a40; } -.custom-range.custom-range-dark:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); +.navbar-blue.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-dark:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); +.navbar-blue.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-dark::-webkit-slider-thumb { - background-color: #343a40; +.navbar-blue.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-dark::-webkit-slider-thumb:active { - background-color: #88939e; +.navbar-blue.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-dark::-moz-range-thumb { - background-color: #343a40; +.navbar-blue.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-dark::-moz-range-thumb:active { - background-color: #88939e; +.navbar-blue.navbar-dark .form-control-navbar, +.navbar-blue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #1486ff; + border-color: #2e93ff; + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-dark::-ms-thumb { - background-color: #343a40; +.navbar-blue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-range.custom-range-dark::-ms-thumb:active { - background-color: #88939e; +.navbar-blue.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-range.custom-range-lightblue:focus { - outline: none; +.navbar-blue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-lightblue:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25); +.navbar-blue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-lightblue:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25); +.navbar-blue.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-range.custom-range-lightblue:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25); +.navbar-blue.navbar-dark .form-control-navbar:focus, +.navbar-blue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #1a88ff; + border-color: #2e93ff !important; + color: #fff; } -.custom-range.custom-range-lightblue::-webkit-slider-thumb { - background-color: #3c8dbc; +.navbar-indigo { + background-color: #6610f2; + color: #fff; } -.custom-range.custom-range-lightblue::-webkit-slider-thumb:active { - background-color: #c0dbeb; +.navbar-indigo.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-lightblue::-moz-range-thumb { - background-color: #3c8dbc; +.navbar-indigo.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-lightblue::-moz-range-thumb:active { - background-color: #c0dbeb; +.navbar-indigo.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-lightblue::-ms-thumb { - background-color: #3c8dbc; +.navbar-indigo.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-lightblue::-ms-thumb:active { - background-color: #c0dbeb; +.navbar-indigo.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-navy:focus { - outline: none; +.navbar-indigo.navbar-light .form-control-navbar, +.navbar-indigo.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #5d0ce1; + border-color: #530bc9; + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-navy:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25); +.navbar-indigo.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-range.custom-range-navy:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25); +.navbar-indigo.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-range.custom-range-navy:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25); +.navbar-indigo.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-navy::-webkit-slider-thumb { - background-color: #001f3f; +.navbar-indigo.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-navy::-webkit-slider-thumb:active { - background-color: #0077f2; +.navbar-indigo.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-range.custom-range-navy::-moz-range-thumb { - background-color: #001f3f; +.navbar-indigo.navbar-light .form-control-navbar:focus, +.navbar-indigo.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #5b0cdd; + border-color: #530bc9 !important; + color: #343a40; } -.custom-range.custom-range-navy::-moz-range-thumb:active { - background-color: #0077f2; +.navbar-indigo.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-navy::-ms-thumb { - background-color: #001f3f; +.navbar-indigo.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-navy::-ms-thumb:active { - background-color: #0077f2; +.navbar-indigo.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-olive:focus { - outline: none; +.navbar-indigo.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-olive:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25); +.navbar-indigo.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-olive:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25); +.navbar-indigo.navbar-dark .form-control-navbar, +.navbar-indigo.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #7223f3; + border-color: #823cf4; + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-olive:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25); +.navbar-indigo.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-range.custom-range-olive::-webkit-slider-thumb { - background-color: #3d9970; +.navbar-indigo.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-range.custom-range-olive::-webkit-slider-thumb:active { - background-color: #abdec7; +.navbar-indigo.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-olive::-moz-range-thumb { - background-color: #3d9970; +.navbar-indigo.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-olive::-moz-range-thumb:active { - background-color: #abdec7; +.navbar-indigo.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-range.custom-range-olive::-ms-thumb { - background-color: #3d9970; +.navbar-indigo.navbar-dark .form-control-navbar:focus, +.navbar-indigo.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #7528f3; + border-color: #823cf4 !important; + color: #fff; } -.custom-range.custom-range-olive::-ms-thumb:active { - background-color: #abdec7; +.navbar-purple { + background-color: #6f42c1; + color: #fff; } -.custom-range.custom-range-lime:focus { - outline: none; +.navbar-purple.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-lime:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25); +.navbar-purple.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-lime:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25); +.navbar-purple.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-lime:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25); +.navbar-purple.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-lime::-webkit-slider-thumb { - background-color: #01ff70; +.navbar-purple.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-lime::-webkit-slider-thumb:active { - background-color: #b4ffd4; +.navbar-purple.navbar-light .form-control-navbar, +.navbar-purple.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #663bb4; + border-color: #5b35a0; + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-lime::-moz-range-thumb { - background-color: #01ff70; +.navbar-purple.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-range.custom-range-lime::-moz-range-thumb:active { - background-color: #b4ffd4; +.navbar-purple.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-range.custom-range-lime::-ms-thumb { - background-color: #01ff70; +.navbar-purple.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-lime::-ms-thumb:active { - background-color: #b4ffd4; +.navbar-purple.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-fuchsia:focus { - outline: none; +.navbar-purple.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-range.custom-range-fuchsia:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25); +.navbar-purple.navbar-light .form-control-navbar:focus, +.navbar-purple.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #643ab0; + border-color: #5b35a0 !important; + color: #343a40; } -.custom-range.custom-range-fuchsia:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25); +.navbar-purple.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-fuchsia:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25); +.navbar-purple.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-fuchsia::-webkit-slider-thumb { - background-color: #f012be; +.navbar-purple.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-fuchsia::-webkit-slider-thumb:active { - background-color: #fbbaec; +.navbar-purple.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-fuchsia::-moz-range-thumb { - background-color: #f012be; +.navbar-purple.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-fuchsia::-moz-range-thumb:active { - background-color: #fbbaec; +.navbar-purple.navbar-dark .form-control-navbar, +.navbar-purple.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #7b51c6; + border-color: #8965cc; + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-fuchsia::-ms-thumb { - background-color: #f012be; +.navbar-purple.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-range.custom-range-fuchsia::-ms-thumb:active { - background-color: #fbbaec; +.navbar-purple.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-range.custom-range-maroon:focus { - outline: none; +.navbar-purple.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-maroon:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25); +.navbar-purple.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-maroon:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25); +.navbar-purple.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-range.custom-range-maroon:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25); +.navbar-purple.navbar-dark .form-control-navbar:focus, +.navbar-purple.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #7e55c7; + border-color: #8965cc !important; + color: #fff; } -.custom-range.custom-range-maroon::-webkit-slider-thumb { - background-color: #d81b60; +.navbar-pink { + background-color: #e83e8c; + color: #fff; } -.custom-range.custom-range-maroon::-webkit-slider-thumb:active { - background-color: #f5b0c9; +.navbar-pink.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-maroon::-moz-range-thumb { - background-color: #d81b60; +.navbar-pink.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-maroon::-moz-range-thumb:active { - background-color: #f5b0c9; +.navbar-pink.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-maroon::-ms-thumb { - background-color: #d81b60; +.navbar-pink.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-maroon::-ms-thumb:active { - background-color: #f5b0c9; +.navbar-pink.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-blue:focus { - outline: none; +.navbar-pink.navbar-light .form-control-navbar, +.navbar-pink.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #e62c81; + border-color: #de1a74; + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-blue:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); +.navbar-pink.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-range.custom-range-blue:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); +.navbar-pink.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-range.custom-range-blue:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); +.navbar-pink.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-blue::-webkit-slider-thumb { - background-color: #007bff; +.navbar-pink.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-blue::-webkit-slider-thumb:active { - background-color: #b3d7ff; +.navbar-pink.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-range.custom-range-blue::-moz-range-thumb { - background-color: #007bff; +.navbar-pink.navbar-light .form-control-navbar:focus, +.navbar-pink.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #e5277e; + border-color: #de1a74 !important; + color: #343a40; } -.custom-range.custom-range-blue::-moz-range-thumb:active { - background-color: #b3d7ff; +.navbar-pink.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-blue::-ms-thumb { - background-color: #007bff; +.navbar-pink.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-blue::-ms-thumb:active { - background-color: #b3d7ff; +.navbar-pink.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-indigo:focus { - outline: none; +.navbar-pink.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-indigo:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25); +.navbar-pink.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-indigo:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25); +.navbar-pink.navbar-dark .form-control-navbar, +.navbar-pink.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #ea5097; + border-color: #ed67a4; + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-indigo:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25); +.navbar-pink.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-range.custom-range-indigo::-webkit-slider-thumb { - background-color: #6610f2; +.navbar-pink.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-range.custom-range-indigo::-webkit-slider-thumb:active { - background-color: #d2b9fb; +.navbar-pink.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-indigo::-moz-range-thumb { - background-color: #6610f2; +.navbar-pink.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-indigo::-moz-range-thumb:active { - background-color: #d2b9fb; +.navbar-pink.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-range.custom-range-indigo::-ms-thumb { - background-color: #6610f2; +.navbar-pink.navbar-dark .form-control-navbar:focus, +.navbar-pink.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #eb559a; + border-color: #ed67a4 !important; + color: #fff; } -.custom-range.custom-range-indigo::-ms-thumb:active { - background-color: #d2b9fb; +.navbar-red { + background-color: #dc3545; + color: #fff; } -.custom-range.custom-range-purple:focus { - outline: none; +.navbar-red.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-purple:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25); +.navbar-red.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-purple:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25); +.navbar-red.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-purple:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25); +.navbar-red.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-purple::-webkit-slider-thumb { - background-color: #6f42c1; +.navbar-red.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-purple::-webkit-slider-thumb:active { - background-color: #d5c8ed; +.navbar-red.navbar-light .form-control-navbar, +.navbar-red.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #d72536; + border-color: #c22231; + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-purple::-moz-range-thumb { - background-color: #6f42c1; +.navbar-red.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-range.custom-range-purple::-moz-range-thumb:active { - background-color: #d5c8ed; +.navbar-red.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-range.custom-range-purple::-ms-thumb { - background-color: #6f42c1; +.navbar-red.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-purple::-ms-thumb:active { - background-color: #d5c8ed; +.navbar-red.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-pink:focus { - outline: none; +.navbar-red.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-range.custom-range-pink:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25); +.navbar-red.navbar-light .form-control-navbar:focus, +.navbar-red.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #d32535; + border-color: #c22231 !important; + color: #343a40; } -.custom-range.custom-range-pink:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25); +.navbar-red.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-pink:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25); +.navbar-red.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-pink::-webkit-slider-thumb { - background-color: #e83e8c; +.navbar-red.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-pink::-webkit-slider-thumb:active { - background-color: #fbddeb; +.navbar-red.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-pink::-moz-range-thumb { - background-color: #e83e8c; +.navbar-red.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-pink::-moz-range-thumb:active { - background-color: #fbddeb; +.navbar-red.navbar-dark .form-control-navbar, +.navbar-red.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #df4655; + border-color: #e35c69; + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-pink::-ms-thumb { - background-color: #e83e8c; +.navbar-red.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-range.custom-range-pink::-ms-thumb:active { - background-color: #fbddeb; +.navbar-red.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-range.custom-range-red:focus { - outline: none; +.navbar-red.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-red:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); +.navbar-red.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-red:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); +.navbar-red.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-range.custom-range-red:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); +.navbar-red.navbar-dark .form-control-navbar:focus, +.navbar-red.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #e04b59; + border-color: #e35c69 !important; + color: #fff; } -.custom-range.custom-range-red::-webkit-slider-thumb { - background-color: #dc3545; +.navbar-orange { + background-color: #fd7e14; + color: #1f2d3d; } -.custom-range.custom-range-red::-webkit-slider-thumb:active { - background-color: #f6cdd1; +.navbar-orange.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-red::-moz-range-thumb { - background-color: #dc3545; +.navbar-orange.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-red::-moz-range-thumb:active { - background-color: #f6cdd1; +.navbar-orange.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-red::-ms-thumb { - background-color: #dc3545; +.navbar-orange.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-red::-ms-thumb:active { - background-color: #f6cdd1; +.navbar-orange.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-orange:focus { - outline: none; +.navbar-orange.navbar-light .form-control-navbar, +.navbar-orange.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #fa7302; + border-color: #e16702; + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-orange:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25); +.navbar-orange.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-range.custom-range-orange:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25); +.navbar-orange.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-range.custom-range-orange:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25); +.navbar-orange.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-orange::-webkit-slider-thumb { - background-color: #fd7e14; +.navbar-orange.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-orange::-webkit-slider-thumb:active { - background-color: #ffdfc5; +.navbar-orange.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-range.custom-range-orange::-moz-range-thumb { - background-color: #fd7e14; +.navbar-orange.navbar-light .form-control-navbar:focus, +.navbar-orange.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #f57102; + border-color: #e16702 !important; + color: #343a40; } -.custom-range.custom-range-orange::-moz-range-thumb:active { - background-color: #ffdfc5; +.navbar-orange.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-orange::-ms-thumb { - background-color: #fd7e14; +.navbar-orange.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-orange::-ms-thumb:active { - background-color: #ffdfc5; +.navbar-orange.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-yellow:focus { - outline: none; +.navbar-orange.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-yellow:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25); +.navbar-orange.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-yellow:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25); +.navbar-orange.navbar-dark .form-control-navbar, +.navbar-orange.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #fd8928; + border-color: #fd9742; + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-yellow:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25); +.navbar-orange.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-range.custom-range-yellow::-webkit-slider-thumb { - background-color: #ffc107; +.navbar-orange.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-range.custom-range-yellow::-webkit-slider-thumb:active { - background-color: #ffeeba; +.navbar-orange.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-yellow::-moz-range-thumb { - background-color: #ffc107; +.navbar-orange.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-yellow::-moz-range-thumb:active { - background-color: #ffeeba; +.navbar-orange.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-range.custom-range-yellow::-ms-thumb { - background-color: #ffc107; +.navbar-orange.navbar-dark .form-control-navbar:focus, +.navbar-orange.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #fd8c2d; + border-color: #fd9742 !important; + color: #fff; } -.custom-range.custom-range-yellow::-ms-thumb:active { - background-color: #ffeeba; +.navbar-yellow { + background-color: #FFC0C0; + color: #1f2d3d; } -.custom-range.custom-range-green:focus { - outline: none; +.navbar-yellow.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-green:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); +.navbar-yellow.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-green:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); +.navbar-yellow.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-green:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); +.navbar-yellow.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-green::-webkit-slider-thumb { - background-color: #28a745; +.navbar-yellow.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-green::-webkit-slider-thumb:active { - background-color: #9be7ac; +.navbar-yellow.navbar-light .form-control-navbar, +.navbar-yellow.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #ffacac; + border-color: #ff9292; + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-green::-moz-range-thumb { - background-color: #28a745; +.navbar-yellow.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-range.custom-range-green::-moz-range-thumb:active { - background-color: #9be7ac; +.navbar-yellow.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-range.custom-range-green::-ms-thumb { - background-color: #28a745; +.navbar-yellow.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-green::-ms-thumb:active { - background-color: #9be7ac; +.navbar-yellow.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-teal:focus { - outline: none; +.navbar-yellow.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-range.custom-range-teal:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25); +.navbar-yellow.navbar-light .form-control-navbar:focus, +.navbar-yellow.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #ffa7a7; + border-color: #ff9292 !important; + color: #343a40; } -.custom-range.custom-range-teal:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25); +.navbar-yellow.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-teal:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25); +.navbar-yellow.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-teal::-webkit-slider-thumb { - background-color: #20c997; +.navbar-yellow.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-teal::-webkit-slider-thumb:active { - background-color: #aaf1dc; +.navbar-yellow.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-teal::-moz-range-thumb { - background-color: #20c997; +.navbar-yellow.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-teal::-moz-range-thumb:active { - background-color: #aaf1dc; +.navbar-yellow.navbar-dark .form-control-navbar, +.navbar-yellow.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #ffd4d4; + border-color: #ffeeee; + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-teal::-ms-thumb { - background-color: #20c997; +.navbar-yellow.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-range.custom-range-teal::-ms-thumb:active { - background-color: #aaf1dc; +.navbar-yellow.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-range.custom-range-cyan:focus { - outline: none; +.navbar-yellow.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-cyan:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(38, 108, 119, 0.25); +.navbar-yellow.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-cyan:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(38, 108, 119, 0.25); +.navbar-yellow.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-range.custom-range-cyan:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(38, 108, 119, 0.25); +.navbar-yellow.navbar-dark .form-control-navbar:focus, +.navbar-yellow.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #ffdada; + border-color: #ffeeee !important; + color: #fff; } -.custom-range.custom-range-cyan::-webkit-slider-thumb { - background-color: #266c77; +.navbar-green { + background-color: #28a745; + color: #fff; } -.custom-range.custom-range-cyan::-webkit-slider-thumb:active { - background-color: #7bc9d5; +.navbar-green.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-cyan::-moz-range-thumb { - background-color: #266c77; +.navbar-green.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-cyan::-moz-range-thumb:active { - background-color: #7bc9d5; +.navbar-green.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-cyan::-ms-thumb { - background-color: #266c77; +.navbar-green.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-cyan::-ms-thumb:active { - background-color: #7bc9d5; +.navbar-green.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-white:focus { - outline: none; +.navbar-green.navbar-light .form-control-navbar, +.navbar-green.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #24973e; + border-color: #1f8236; + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-white:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25); +.navbar-green.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-range.custom-range-white:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25); +.navbar-green.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-range.custom-range-white:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25); +.navbar-green.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-white::-webkit-slider-thumb { - background-color: #fff; +.navbar-green.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-white::-webkit-slider-thumb:active { - background-color: white; +.navbar-green.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-range.custom-range-white::-moz-range-thumb { - background-color: #fff; +.navbar-green.navbar-light .form-control-navbar:focus, +.navbar-green.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #23923d; + border-color: #1f8236 !important; + color: #343a40; } -.custom-range.custom-range-white::-moz-range-thumb:active { - background-color: white; +.navbar-green.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-white::-ms-thumb { - background-color: #fff; +.navbar-green.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-white::-ms-thumb:active { - background-color: white; +.navbar-green.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-gray:focus { - outline: none; +.navbar-green.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-gray:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); +.navbar-green.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-gray:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); +.navbar-green.navbar-dark .form-control-navbar, +.navbar-green.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #2cb74c; + border-color: #31cc54; + color: rgba(255, 255, 255, 0.8); } -.custom-range.custom-range-gray:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); +.navbar-green.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-range.custom-range-gray::-webkit-slider-thumb { - background-color: #6c757d; +.navbar-green.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-range.custom-range-gray::-webkit-slider-thumb:active { - background-color: #caced1; +.navbar-green.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-gray::-moz-range-thumb { - background-color: #6c757d; +.navbar-green.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-range.custom-range-gray::-moz-range-thumb:active { - background-color: #caced1; +.navbar-green.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-range.custom-range-gray::-ms-thumb { - background-color: #6c757d; +.navbar-green.navbar-dark .form-control-navbar:focus, +.navbar-green.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #2dbc4e; + border-color: #31cc54 !important; + color: #fff; } -.custom-range.custom-range-gray::-ms-thumb:active { - background-color: #caced1; +.navbar-teal { + background-color: #20c997; + color: #fff; } -.custom-range.custom-range-gray-dark:focus { - outline: none; +.navbar-teal.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-gray-dark:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); +.navbar-teal.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-gray-dark:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); +.navbar-teal.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-gray-dark:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); +.navbar-teal.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-gray-dark::-webkit-slider-thumb { - background-color: #343a40; +.navbar-teal.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-gray-dark::-webkit-slider-thumb:active { - background-color: #88939e; +.navbar-teal.navbar-light .form-control-navbar, +.navbar-teal.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #1db78a; + border-color: #1aa179; + color: rgba(52, 58, 64, 0.8); } -.custom-range.custom-range-gray-dark::-moz-range-thumb { - background-color: #343a40; +.navbar-teal.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-range.custom-range-gray-dark::-moz-range-thumb:active { - background-color: #88939e; +.navbar-teal.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-range.custom-range-gray-dark::-ms-thumb { - background-color: #343a40; +.navbar-teal.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-range.custom-range-gray-dark::-ms-thumb:active { - background-color: #88939e; +.navbar-teal.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-control-input-primary:checked ~ .custom-control-label::before { - border-color: #007bff; - background-color: #007bff; +.navbar-teal.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-control-input-primary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23007bff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.navbar-teal.navbar-light .form-control-navbar:focus, +.navbar-teal.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #1cb386; + border-color: #1aa179 !important; + color: #343a40; } -.custom-control-input-primary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23007bff'/%3E%3C/svg%3E") !important; +.navbar-teal.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-primary:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +.navbar-teal.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-primary:focus:not(:checked) ~ .custom-control-label::before { - border-color: #80bdff; +.navbar-teal.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-primary:not(:disabled):active ~ .custom-control-label::before { - background-color: #b3d7ff; - border-color: #b3d7ff; +.navbar-teal.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-secondary:checked ~ .custom-control-label::before { - border-color: #6c757d; - background-color: #6c757d; +.navbar-teal.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-secondary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.navbar-teal.navbar-dark .form-control-navbar, +.navbar-teal.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #23dba4; + border-color: #38dfae; + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-secondary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important; +.navbar-teal.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-control-input-secondary:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25); +.navbar-teal.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-control-input-secondary:focus:not(:checked) ~ .custom-control-label::before { - border-color: #afb5ba; +.navbar-teal.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-control-input-secondary:not(:disabled):active ~ .custom-control-label::before { - background-color: #caced1; - border-color: #caced1; +.navbar-teal.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-control-input-success:checked ~ .custom-control-label::before { - border-color: #28a745; - background-color: #28a745; +.navbar-teal.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-control-input-success.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.navbar-teal.navbar-dark .form-control-navbar:focus, +.navbar-teal.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #26dca6; + border-color: #38dfae !important; + color: #fff; } -.custom-control-input-success.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2328a745'/%3E%3C/svg%3E") !important; +.navbar-cyan { + background-color: #17a2b8; + color: #fff; } -.custom-control-input-success:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +.navbar-cyan.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-success:focus:not(:checked) ~ .custom-control-label::before { - border-color: #71dd8a; +.navbar-cyan.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-success:not(:disabled):active ~ .custom-control-label::before { - background-color: #9be7ac; - border-color: #9be7ac; +.navbar-cyan.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-info:checked ~ .custom-control-label::before { - border-color: #266c77; - background-color: #266c77; +.navbar-cyan.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-info.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23266c77' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.navbar-cyan.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-info.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23266c77'/%3E%3C/svg%3E") !important; +.navbar-cyan.navbar-light .form-control-navbar, +.navbar-cyan.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #1592a6; + border-color: #127e8f; + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-info:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(38, 108, 119, 0.25); +.navbar-cyan.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-control-input-info:focus:not(:checked) ~ .custom-control-label::before { - border-color: #54b9c8; +.navbar-cyan.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-control-input-info:not(:disabled):active ~ .custom-control-label::before { - background-color: #7bc9d5; - border-color: #7bc9d5; +.navbar-cyan.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-control-input-warning:checked ~ .custom-control-label::before { - border-color: #ffc107; - background-color: #ffc107; +.navbar-cyan.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-control-input-warning.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffc107' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.navbar-cyan.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-control-input-warning.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffc107'/%3E%3C/svg%3E") !important; +.navbar-cyan.navbar-light .form-control-navbar:focus, +.navbar-cyan.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #148ea1; + border-color: #127e8f !important; + color: #343a40; } -.custom-control-input-warning:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 193, 7, 0.25); +.navbar-cyan.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-warning:focus:not(:checked) ~ .custom-control-label::before { - border-color: #ffe187; +.navbar-cyan.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-warning:not(:disabled):active ~ .custom-control-label::before { - background-color: #ffeeba; - border-color: #ffeeba; +.navbar-cyan.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-danger:checked ~ .custom-control-label::before { - border-color: #dc3545; - background-color: #dc3545; +.navbar-cyan.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-danger.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23dc3545' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.navbar-cyan.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-danger.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23dc3545'/%3E%3C/svg%3E") !important; +.navbar-cyan.navbar-dark .form-control-navbar, +.navbar-cyan.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #19b2ca; + border-color: #1cc6e1; + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-danger:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +.navbar-cyan.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-control-input-danger:focus:not(:checked) ~ .custom-control-label::before { - border-color: #efa2a9; +.navbar-cyan.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-control-input-danger:not(:disabled):active ~ .custom-control-label::before { - background-color: #f6cdd1; - border-color: #f6cdd1; +.navbar-cyan.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-control-input-light:checked ~ .custom-control-label::before { - border-color: #f8f9fa; - background-color: #f8f9fa; +.navbar-cyan.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-control-input-light.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f8f9fa' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.navbar-cyan.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-control-input-light.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f8f9fa'/%3E%3C/svg%3E") !important; +.navbar-cyan.navbar-dark .form-control-navbar:focus, +.navbar-cyan.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #1ab6cf; + border-color: #1cc6e1 !important; + color: #fff; } -.custom-control-input-light:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(248, 249, 250, 0.25); +.navbar-white { + background-color: #fff; + color: #1f2d3d; } -.custom-control-input-light:focus:not(:checked) ~ .custom-control-label::before { - border-color: white; +.navbar-white.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-light:not(:disabled):active ~ .custom-control-label::before { - background-color: white; - border-color: white; +.navbar-white.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-dark:checked ~ .custom-control-label::before { - border-color: #343a40; - background-color: #343a40; +.navbar-white.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.navbar-white.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important; +.navbar-white.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-dark:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25); +.navbar-white.navbar-light .form-control-navbar, +.navbar-white.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: whitesmoke; + border-color: #e8e8e8; + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-dark:focus:not(:checked) ~ .custom-control-label::before { - border-color: #6d7a86; +.navbar-white.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-control-input-dark:not(:disabled):active ~ .custom-control-label::before { - background-color: #88939e; - border-color: #88939e; +.navbar-white.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-control-input-lightblue:checked ~ .custom-control-label::before { - border-color: #3c8dbc; - background-color: #3c8dbc; +.navbar-white.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-control-input-lightblue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233c8dbc' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.navbar-white.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-control-input-lightblue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233c8dbc'/%3E%3C/svg%3E") !important; +.navbar-white.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-control-input-lightblue:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(60, 141, 188, 0.25); +.navbar-white.navbar-light .form-control-navbar:focus, +.navbar-white.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #f2f2f2; + border-color: #e8e8e8 !important; + color: #343a40; } -.custom-control-input-lightblue:focus:not(:checked) ~ .custom-control-label::before { - border-color: #99c5de; +.navbar-white.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-lightblue:not(:disabled):active ~ .custom-control-label::before { - background-color: #c0dbeb; - border-color: #c0dbeb; +.navbar-white.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-navy:checked ~ .custom-control-label::before { - border-color: #001f3f; - background-color: #001f3f; +.navbar-white.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-navy.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23001f3f' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.navbar-white.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-navy.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23001f3f'/%3E%3C/svg%3E") !important; +.navbar-white.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-navy:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 31, 63, 0.25); +.navbar-white.navbar-dark .form-control-navbar, +.navbar-white.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: white; + border-color: white; + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-navy:focus:not(:checked) ~ .custom-control-label::before { - border-color: #005ebf; +.navbar-white.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-control-input-navy:not(:disabled):active ~ .custom-control-label::before { - background-color: #0077f2; - border-color: #0077f2; +.navbar-white.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-control-input-olive:checked ~ .custom-control-label::before { - border-color: #3d9970; - background-color: #3d9970; +.navbar-white.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-control-input-olive.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233d9970' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.navbar-white.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-control-input-olive.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233d9970'/%3E%3C/svg%3E") !important; +.navbar-white.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-control-input-olive:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(61, 153, 112, 0.25); +.navbar-white.navbar-dark .form-control-navbar:focus, +.navbar-white.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: white; + border-color: white !important; + color: #fff; } -.custom-control-input-olive:focus:not(:checked) ~ .custom-control-label::before { - border-color: #87cfaf; +.navbar-gray { + background-color: #6c757d; + color: #fff; } -.custom-control-input-olive:not(:disabled):active ~ .custom-control-label::before { - background-color: #abdec7; - border-color: #abdec7; +.navbar-gray.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-lime:checked ~ .custom-control-label::before { - border-color: #01ff70; - background-color: #01ff70; +.navbar-gray.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-lime.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2301ff70' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.navbar-gray.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-lime.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2301ff70'/%3E%3C/svg%3E") !important; +.navbar-gray.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-lime:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(1, 255, 112, 0.25); +.navbar-gray.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-lime:focus:not(:checked) ~ .custom-control-label::before { - border-color: #81ffb8; +.navbar-gray.navbar-light .form-control-navbar, +.navbar-gray.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #636b72; + border-color: #575e64; + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-lime:not(:disabled):active ~ .custom-control-label::before { - background-color: #b4ffd4; - border-color: #b4ffd4; +.navbar-gray.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-control-input-fuchsia:checked ~ .custom-control-label::before { - border-color: #f012be; - background-color: #f012be; +.navbar-gray.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-control-input-fuchsia.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f012be' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.navbar-gray.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-control-input-fuchsia.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f012be'/%3E%3C/svg%3E") !important; +.navbar-gray.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-control-input-fuchsia:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(240, 18, 190, 0.25); +.navbar-gray.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-control-input-fuchsia:focus:not(:checked) ~ .custom-control-label::before { - border-color: #f88adf; +.navbar-gray.navbar-light .form-control-navbar:focus, +.navbar-gray.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #60686f; + border-color: #575e64 !important; + color: #343a40; } -.custom-control-input-fuchsia:not(:disabled):active ~ .custom-control-label::before { - background-color: #fbbaec; - border-color: #fbbaec; +.navbar-gray.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-maroon:checked ~ .custom-control-label::before { - border-color: #d81b60; - background-color: #d81b60; +.navbar-gray.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-maroon.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23d81b60' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.navbar-gray.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-maroon.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23d81b60'/%3E%3C/svg%3E") !important; +.navbar-gray.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-maroon:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(216, 27, 96, 0.25); +.navbar-gray.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-maroon:focus:not(:checked) ~ .custom-control-label::before { - border-color: #f083ab; +.navbar-gray.navbar-dark .form-control-navbar, +.navbar-gray.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #757f88; + border-color: #838c94; + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-maroon:not(:disabled):active ~ .custom-control-label::before { - background-color: #f5b0c9; - border-color: #f5b0c9; +.navbar-gray.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-control-input-blue:checked ~ .custom-control-label::before { - border-color: #007bff; - background-color: #007bff; +.navbar-gray.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-control-input-blue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23007bff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.navbar-gray.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-control-input-blue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23007bff'/%3E%3C/svg%3E") !important; +.navbar-gray.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-control-input-blue:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +.navbar-gray.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-control-input-blue:focus:not(:checked) ~ .custom-control-label::before { - border-color: #80bdff; +.navbar-gray.navbar-dark .form-control-navbar:focus, +.navbar-gray.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #78828a; + border-color: #838c94 !important; + color: #fff; } -.custom-control-input-blue:not(:disabled):active ~ .custom-control-label::before { - background-color: #b3d7ff; - border-color: #b3d7ff; +.navbar-gray-dark { + background-color: #343a40; + color: #fff; } -.custom-control-input-indigo:checked ~ .custom-control-label::before { - border-color: #6610f2; - background-color: #6610f2; +.navbar-gray-dark.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-indigo.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236610f2' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.navbar-gray-dark.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-indigo.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236610f2'/%3E%3C/svg%3E") !important; +.navbar-gray-dark.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-indigo:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(102, 16, 242, 0.25); +.navbar-gray-dark.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-indigo:focus:not(:checked) ~ .custom-control-label::before { - border-color: #b389f9; +.navbar-gray-dark.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-indigo:not(:disabled):active ~ .custom-control-label::before { - background-color: #d2b9fb; - border-color: #d2b9fb; +.navbar-gray-dark.navbar-light .form-control-navbar, +.navbar-gray-dark.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #2b3035; + border-color: #1f2327; + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-purple:checked ~ .custom-control-label::before { - border-color: #6f42c1; - background-color: #6f42c1; +.navbar-gray-dark.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-control-input-purple.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236f42c1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.navbar-gray-dark.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-control-input-purple.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236f42c1'/%3E%3C/svg%3E") !important; +.navbar-gray-dark.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-control-input-purple:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(111, 66, 193, 0.25); +.navbar-gray-dark.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-control-input-purple:focus:not(:checked) ~ .custom-control-label::before { - border-color: #b8a2e0; +.navbar-gray-dark.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-control-input-purple:not(:disabled):active ~ .custom-control-label::before { - background-color: #d5c8ed; - border-color: #d5c8ed; +.navbar-gray-dark.navbar-light .form-control-navbar:focus, +.navbar-gray-dark.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #292d32; + border-color: #1f2327 !important; + color: #343a40; } -.custom-control-input-pink:checked ~ .custom-control-label::before { - border-color: #e83e8c; - background-color: #e83e8c; +.navbar-gray-dark.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-pink.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e83e8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.navbar-gray-dark.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-pink.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e83e8c'/%3E%3C/svg%3E") !important; +.navbar-gray-dark.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-pink:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(232, 62, 140, 0.25); +.navbar-gray-dark.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-pink:focus:not(:checked) ~ .custom-control-label::before { - border-color: #f6b0d0; +.navbar-gray-dark.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-pink:not(:disabled):active ~ .custom-control-label::before { - background-color: #fbddeb; - border-color: #fbddeb; +.navbar-gray-dark.navbar-dark .form-control-navbar, +.navbar-gray-dark.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #3d444b; + border-color: #495159; + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-red:checked ~ .custom-control-label::before { - border-color: #dc3545; - background-color: #dc3545; +.navbar-gray-dark.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-control-input-red.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23dc3545' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.navbar-gray-dark.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-control-input-red.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23dc3545'/%3E%3C/svg%3E") !important; +.navbar-gray-dark.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-control-input-red:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +.navbar-gray-dark.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-control-input-red:focus:not(:checked) ~ .custom-control-label::before { - border-color: #efa2a9; +.navbar-gray-dark.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-control-input-red:not(:disabled):active ~ .custom-control-label::before { - background-color: #f6cdd1; - border-color: #f6cdd1; +.navbar-gray-dark.navbar-dark .form-control-navbar:focus, +.navbar-gray-dark.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #3f474e; + border-color: #495159 !important; + color: #fff; } -.custom-control-input-orange:checked ~ .custom-control-label::before { - border-color: #fd7e14; - background-color: #fd7e14; +.navbar-nav-not-expanded { + -ms-flex-direction: row; + flex-direction: row; } -.custom-control-input-orange.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fd7e14' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.navbar-nav-not-expanded .dropdown-menu { + position: absolute; } -.custom-control-input-orange.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fd7e14'/%3E%3C/svg%3E") !important; +.navbar-nav-not-expanded .nav-link { + padding-right: 1rem; + padding-left: 1rem; } -.custom-control-input-orange:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(253, 126, 20, 0.25); +.dark-mode .nav-pills .nav-link { + color: #ced4da; } -.custom-control-input-orange:focus:not(:checked) ~ .custom-control-label::before { - border-color: #fec392; +.dark-mode .nav-tabs { + border-color: #56606a; } -.custom-control-input-orange:not(:disabled):active ~ .custom-control-label::before { - background-color: #ffdfc5; - border-color: #ffdfc5; +.dark-mode .nav-tabs .nav-link:focus, +.dark-mode .nav-tabs .nav-link:hover { + border-color: #56606a; } -.custom-control-input-yellow:checked ~ .custom-control-label::before { - border-color: #ffc107; - background-color: #ffc107; +.dark-mode .nav-tabs .nav-item.show .nav-link, +.dark-mode .nav-tabs .nav-link.active { + background-color: #343a40; + border-color: #56606a #56606a transparent #56606a; + color: #fff; } -.custom-control-input-yellow.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffc107' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link.active, .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:focus, .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:hover, +.dark-mode .nav-tabs.flex-column .nav-link.active, +.dark-mode .nav-tabs.flex-column .nav-link:focus, +.dark-mode .nav-tabs.flex-column .nav-link:hover { + border-color: #56606a transparent #56606a #56606a; } -.custom-control-input-yellow.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffc107'/%3E%3C/svg%3E") !important; +.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:focus, .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:hover, +.dark-mode .nav-tabs.flex-column .nav-link:focus, +.dark-mode .nav-tabs.flex-column .nav-link:hover { + background-color: #3f474e; } -.custom-control-input-yellow:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 193, 7, 0.25); +.dark-mode .nav-tabs.flex-column.nav-tabs-right { + border-color: #56606a; } -.custom-control-input-yellow:focus:not(:checked) ~ .custom-control-label::before { - border-color: #ffe187; +.dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link.active, .dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link:focus, .dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link:hover { + border-color: #56606a #56606a #56606a transparent; } -.custom-control-input-yellow:not(:disabled):active ~ .custom-control-label::before { - background-color: #ffeeba; - border-color: #ffeeba; +.dark-mode .navbar-light { + background-color: #f8f9fa; } -.custom-control-input-green:checked ~ .custom-control-label::before { - border-color: #28a745; - background-color: #28a745; +.dark-mode .navbar-dark { + background-color: #343a40; + border-color: #4b545c; } -.custom-control-input-green.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.dark-mode .navbar-primary { + background-color: #3f6791; + color: #fff; } -.custom-control-input-green.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2328a745'/%3E%3C/svg%3E") !important; +.dark-mode .navbar-primary.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-green:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +.dark-mode .navbar-primary.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-green:focus:not(:checked) ~ .custom-control-label::before { - border-color: #71dd8a; +.dark-mode .navbar-primary.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-green:not(:disabled):active ~ .custom-control-label::before { - background-color: #9be7ac; - border-color: #9be7ac; +.dark-mode .navbar-primary.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-teal:checked ~ .custom-control-label::before { - border-color: #20c997; - background-color: #20c997; +.dark-mode .navbar-primary.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-teal.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2320c997' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.dark-mode .navbar-primary.navbar-light .form-control-navbar, +.dark-mode .navbar-primary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #395d83; + border-color: #315071; + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-teal.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2320c997'/%3E%3C/svg%3E") !important; +.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-control-input-teal:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(32, 201, 151, 0.25); +.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-control-input-teal:focus:not(:checked) ~ .custom-control-label::before { - border-color: #7eeaca; +.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-control-input-teal:not(:disabled):active ~ .custom-control-label::before { - background-color: #aaf1dc; - border-color: #aaf1dc; +.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-control-input-cyan:checked ~ .custom-control-label::before { - border-color: #266c77; - background-color: #266c77; +.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.custom-control-input-cyan.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23266c77' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #375a7f; + border-color: #315071 !important; + color: #343a40; } -.custom-control-input-cyan.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23266c77'/%3E%3C/svg%3E") !important; +.dark-mode .navbar-primary.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-cyan:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(38, 108, 119, 0.25); +.dark-mode .navbar-primary.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-cyan:focus:not(:checked) ~ .custom-control-label::before { - border-color: #54b9c8; +.dark-mode .navbar-primary.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-cyan:not(:disabled):active ~ .custom-control-label::before { - background-color: #7bc9d5; - border-color: #7bc9d5; +.dark-mode .navbar-primary.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-white:checked ~ .custom-control-label::before { - border-color: #fff; - background-color: #fff; +.dark-mode .navbar-primary.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-white.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.dark-mode .navbar-primary.navbar-dark .form-control-navbar, +.dark-mode .navbar-primary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #45719f; + border-color: #4d7eb1; + color: rgba(255, 255, 255, 0.8); } -.custom-control-input-white.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") !important; +.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.custom-control-input-white:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 255, 255, 0.25); +.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.custom-control-input-white:focus:not(:checked) ~ .custom-control-label::before { - border-color: white; +.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.custom-control-input-white:not(:disabled):active ~ .custom-control-label::before { - background-color: white; - border-color: white; +.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.custom-control-input-gray:checked ~ .custom-control-label::before { - border-color: #6c757d; - background-color: #6c757d; +.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.custom-control-input-gray.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #4774a3; + border-color: #4d7eb1 !important; + color: #fff; } -.custom-control-input-gray.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important; +.dark-mode .navbar-secondary { + background-color: #6c757d; + color: #fff; } -.custom-control-input-gray:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25); +.dark-mode .navbar-secondary.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-gray:focus:not(:checked) ~ .custom-control-label::before { - border-color: #afb5ba; +.dark-mode .navbar-secondary.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-gray:not(:disabled):active ~ .custom-control-label::before { - background-color: #caced1; - border-color: #caced1; +.dark-mode .navbar-secondary.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-gray-dark:checked ~ .custom-control-label::before { - border-color: #343a40; - background-color: #343a40; +.dark-mode .navbar-secondary.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-gray-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +.dark-mode .navbar-secondary.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-gray-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important; +.dark-mode .navbar-secondary.navbar-light .form-control-navbar, +.dark-mode .navbar-secondary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #636b72; + border-color: #575e64; + color: rgba(52, 58, 64, 0.8); } -.custom-control-input-gray-dark:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25); +.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.custom-control-input-gray-dark:focus:not(:checked) ~ .custom-control-label::before { - border-color: #6d7a86; +.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.custom-control-input-gray-dark:not(:disabled):active ~ .custom-control-label::before { - background-color: #88939e; - border-color: #88939e; +.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.custom-control-input-outline ~ .custom-control-label::before { - background-color: transparent !important; - box-shadow: none; +.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.custom-control-input-outline:checked ~ .custom-control-label::before { - background-color: transparent; +.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.dark-mode .form-control, -.dark-mode .custom-select, -.dark-mode .custom-file-label, -.dark-mode .custom-file-label::after, -.dark-mode .custom-control-label::before, -.dark-mode .input-group-text { - background-color: #343a40; - color: #fff; +.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #60686f; + border-color: #575e64 !important; + color: #343a40; } -.dark-mode .form-control:not(.form-control-navbar):not(.is-invalid):not(:focus) { - border-color: #6c757d; +.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.dark-mode select { - background-color: #343a40; - color: #fff; - border-color: #6c757d; +.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.dark-mode .input-group-text { - border-color: #6c757d; +.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.dark-mode .custom-control-input:disabled ~ .custom-control-label::before, -.dark-mode .custom-control-input[disabled] ~ .custom-control-label::before { - background-color: #3f474e; - border-color: #6c757d; - color: #fff; +.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.dark-mode .custom-range::-webkit-slider-runnable-track { - background-color: #454d55; +.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.dark-mode .custom-range::-moz-range-track { - background-color: #454d55; +.dark-mode .navbar-secondary.navbar-dark .form-control-navbar, +.dark-mode .navbar-secondary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #757f88; + border-color: #838c94; + color: rgba(255, 255, 255, 0.8); } -.dark-mode .custom-range::-ms-track { - background-color: #454d55; +.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.dark-mode .navbar-dark .btn-navbar, -.dark-mode .navbar-dark .form-control-navbar { - background-color: #343a40; - border: 1px solid #6c757d; +.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.dark-mode .navbar-dark .btn-navbar:hover { - background-color: #454d55; +.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.dark-mode .navbar-dark .btn-navbar:focus { - background-color: #4b545c; +.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.dark-mode .navbar-dark .form-control-navbar + .input-group-prepend > .btn-navbar, -.dark-mode .navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { - background-color: #3f474e; +.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::placeholder { color: #fff; - border: 1px solid #6c757d; - border-left: none; } -.progress { - box-shadow: none; - border-radius: 1px; +.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #78828a; + border-color: #838c94 !important; + color: #fff; } -.progress.vertical { - display: inline-block; - height: 200px; - margin-right: 10px; - position: relative; - width: 30px; +.dark-mode .navbar-success { + background-color: #00bc8c; + color: #fff; } -.progress.vertical > .progress-bar { - bottom: 0; - position: absolute; - width: 100%; +.dark-mode .navbar-success.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.progress.vertical.sm, .progress.vertical.progress-sm { - width: 20px; +.dark-mode .navbar-success.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.progress.vertical.xs, .progress.vertical.progress-xs { - width: 10px; +.dark-mode .navbar-success.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.progress.vertical.xxs, .progress.vertical.progress-xxs { - width: 3px; +.dark-mode .navbar-success.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.progress-group { - margin-bottom: 0.5rem; +.dark-mode .navbar-success.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.progress-sm { - height: 10px; +.dark-mode .navbar-success.navbar-light .form-control-navbar, +.dark-mode .navbar-success.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #00a87d; + border-color: #008e6a; + color: rgba(52, 58, 64, 0.8); } -.progress-xs { - height: 7px; +.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.progress-xxs { - height: 3px; +.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.table tr > td .progress { - margin: 0; +.dark-mode .navbar-success.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.dark-mode .progress { - background: #454d55; +.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.card-primary:not(.card-outline) > .card-header { - background-color: #007bff; +.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.card-primary:not(.card-outline) > .card-header, -.card-primary:not(.card-outline) > .card-header a { - color: #fff; +.dark-mode .navbar-success.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-success.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #00a379; + border-color: #008e6a !important; + color: #343a40; } -.card-primary:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-success.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-primary.card-outline { - border-top: 3px solid #007bff; +.dark-mode .navbar-success.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-primary.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-success.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-primary.card-outline-tabs > .card-header a.active { - border-top: 3px solid #007bff; +.dark-mode .navbar-success.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); +} + +.dark-mode .navbar-success.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.bg-primary .btn-tool, -.bg-gradient-primary .btn-tool, -.card-primary:not(.card-outline) .btn-tool { +.dark-mode .navbar-success.navbar-dark .form-control-navbar, +.dark-mode .navbar-success.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #00d09b; + border-color: #00eaae; color: rgba(255, 255, 255, 0.8); } -.bg-primary .btn-tool:hover, -.bg-gradient-primary .btn-tool:hover, -.card-primary:not(.card-outline) .btn-tool:hover { +.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { color: #fff; } -.card.bg-primary .bootstrap-datetimepicker-widget .table td, -.card.bg-primary .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #0067d6; +.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { color: #fff; } -.card.bg-primary .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.card.bg-primary .bootstrap-datetimepicker-widget table td.active, -.card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #3395ff; +.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::placeholder { color: #fff; } -.card-secondary:not(.card-outline) > .card-header { - background-color: #6c757d; +.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #00d69f; + border-color: #00eaae !important; + color: #fff; } -.card-secondary:not(.card-outline) > .card-header, -.card-secondary:not(.card-outline) > .card-header a { +.dark-mode .navbar-info { + background-color: #3498db; color: #fff; } -.card-secondary:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-info.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-secondary.card-outline { - border-top: 3px solid #6c757d; +.dark-mode .navbar-info.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-secondary.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-info.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-secondary.card-outline-tabs > .card-header a.active { - border-top: 3px solid #6c757d; +.dark-mode .navbar-info.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-secondary .btn-tool, -.bg-gradient-secondary .btn-tool, -.card-secondary:not(.card-outline) .btn-tool { - color: rgba(255, 255, 255, 0.8); +.dark-mode .navbar-info.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-secondary .btn-tool:hover, -.bg-gradient-secondary .btn-tool:hover, -.card-secondary:not(.card-outline) .btn-tool:hover { - color: #fff; +.dark-mode .navbar-info.navbar-light .form-control-navbar, +.dark-mode .navbar-info.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #268fd5; + border-color: #2280bf; + color: rgba(52, 58, 64, 0.8); } -.card.bg-secondary .bootstrap-datetimepicker-widget .table td, -.card.bg-secondary .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #596167; - color: #fff; +.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-info.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.card.bg-secondary .bootstrap-datetimepicker-widget table td.active, -.card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #868e96; - color: #fff; +.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.card-success:not(.card-outline) > .card-header { - background-color: #28a745; +.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.card-success:not(.card-outline) > .card-header, -.card-success:not(.card-outline) > .card-header a { - color: #fff; +.dark-mode .navbar-info.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-info.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #258cd1; + border-color: #2280bf !important; + color: #343a40; } -.card-success:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-info.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-success.card-outline { - border-top: 3px solid #28a745; +.dark-mode .navbar-info.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-success.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-info.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-success.card-outline-tabs > .card-header a.active { - border-top: 3px solid #28a745; +.dark-mode .navbar-info.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.bg-success .btn-tool, -.bg-gradient-success .btn-tool, -.card-success:not(.card-outline) .btn-tool { +.dark-mode .navbar-info.navbar-dark .form-control-navbar::placeholder { color: rgba(255, 255, 255, 0.8); } -.bg-success .btn-tool:hover, -.bg-gradient-success .btn-tool:hover, -.card-success:not(.card-outline) .btn-tool:hover { - color: #fff; +.dark-mode .navbar-info.navbar-dark .form-control-navbar, +.dark-mode .navbar-info.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #45a1de; + border-color: #5bace2; + color: rgba(255, 255, 255, 0.8); } -.card.bg-success .bootstrap-datetimepicker-widget .table td, -.card.bg-success .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-success .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-success .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-success .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-success .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #208637; +.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::-moz-placeholder { color: #fff; } -.card.bg-success .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.card.bg-success .bootstrap-datetimepicker-widget table td.active, -.card.bg-success .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #34ce57; +.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { color: #fff; } -.card-info:not(.card-outline) > .card-header { - background-color: #266c77; +.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.card-info:not(.card-outline) > .card-header, -.card-info:not(.card-outline) > .card-header a { +.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #4aa3df; + border-color: #5bace2 !important; color: #fff; } -.card-info:not(.card-outline) > .card-header a.active { +.dark-mode .navbar-warning { + background-color: #f39c12; color: #1f2d3d; } -.card-info.card-outline { - border-top: 3px solid #266c77; +.dark-mode .navbar-warning.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-info.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-warning.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-info.card-outline-tabs > .card-header a.active { - border-top: 3px solid #266c77; +.dark-mode .navbar-warning.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-info .btn-tool, -.bg-gradient-info .btn-tool, -.card-info:not(.card-outline) .btn-tool { - color: rgba(255, 255, 255, 0.8); +.dark-mode .navbar-warning.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-info .btn-tool:hover, -.bg-gradient-info .btn-tool:hover, -.card-info:not(.card-outline) .btn-tool:hover { - color: #fff; +.dark-mode .navbar-warning.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.bg-info .bootstrap-datetimepicker-widget .table td, -.card.bg-info .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-info .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-info .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-warning.navbar-light .form-control-navbar, +.dark-mode .navbar-warning.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #e5910c; + border-color: #cd820a; + color: rgba(52, 58, 64, 0.8); } -.card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-info .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-info .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #1c5058; - color: #fff; +.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.card.bg-info .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.card.bg-info .bootstrap-datetimepicker-widget table td.active, -.card.bg-info .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #328f9e; - color: #fff; +.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.card-warning:not(.card-outline) > .card-header { - background-color: #ffc107; +.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.card-warning:not(.card-outline) > .card-header, -.card-warning:not(.card-outline) > .card-header a { - color: #1f2d3d; +.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.card-warning:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #e08e0b; + border-color: #cd820a !important; + color: #343a40; } -.card-warning.card-outline { - border-top: 3px solid #ffc107; +.dark-mode .navbar-warning.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-warning.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-warning.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-warning.card-outline-tabs > .card-header a.active { - border-top: 3px solid #ffc107; +.dark-mode .navbar-warning.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.bg-warning .btn-tool, -.bg-gradient-warning .btn-tool, -.card-warning:not(.card-outline) .btn-tool { - color: rgba(31, 45, 61, 0.8); +.dark-mode .navbar-warning.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.bg-warning .btn-tool:hover, -.bg-gradient-warning .btn-tool:hover, -.card-warning:not(.card-outline) .btn-tool:hover { - color: #1f2d3d; +.dark-mode .navbar-warning.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.card.bg-warning .bootstrap-datetimepicker-widget .table td, -.card.bg-warning .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-warning.navbar-dark .form-control-navbar, +.dark-mode .navbar-warning.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #f4a425; + border-color: #f5ae3e; + color: rgba(255, 255, 255, 0.8); } -.card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #dda600; - color: #1f2d3d; +.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.card.bg-warning .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #1f2d3d; +.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.card.bg-warning .bootstrap-datetimepicker-widget table td.active, -.card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #ffce3a; - color: #1f2d3d; +.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.card-danger:not(.card-outline) > .card-header { - background-color: #dc3545; +.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.card-danger:not(.card-outline) > .card-header, -.card-danger:not(.card-outline) > .card-header a { +.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::placeholder { color: #fff; } -.card-danger:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #f4a62a; + border-color: #f5ae3e !important; + color: #fff; } -.card-danger.card-outline { - border-top: 3px solid #dc3545; +.dark-mode .navbar-danger { + background-color: #e74c3c; + color: #fff; } -.card-danger.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-danger.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-danger.card-outline-tabs > .card-header a.active { - border-top: 3px solid #dc3545; +.dark-mode .navbar-danger.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-danger .btn-tool, -.bg-gradient-danger .btn-tool, -.card-danger:not(.card-outline) .btn-tool { - color: rgba(255, 255, 255, 0.8); +.dark-mode .navbar-danger.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-danger .btn-tool:hover, -.bg-gradient-danger .btn-tool:hover, -.card-danger:not(.card-outline) .btn-tool:hover { - color: #fff; +.dark-mode .navbar-danger.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.bg-danger .bootstrap-datetimepicker-widget .table td, -.card.bg-danger .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-danger.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #c62232; - color: #fff; +.dark-mode .navbar-danger.navbar-light .form-control-navbar, +.dark-mode .navbar-danger.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #e53b2a; + border-color: #da2d1b; + color: rgba(52, 58, 64, 0.8); } -.card.bg-danger .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.card.bg-danger .bootstrap-datetimepicker-widget table td.active, -.card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #e4606d; - color: #fff; +.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.card-light:not(.card-outline) > .card-header { - background-color: #f8f9fa; +.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.card-light:not(.card-outline) > .card-header, -.card-light:not(.card-outline) > .card-header a { - color: #1f2d3d; +.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.card-light:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.card-light.card-outline { - border-top: 3px solid #f8f9fa; +.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #e43725; + border-color: #da2d1b !important; + color: #343a40; } -.card-light.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-danger.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-light.card-outline-tabs > .card-header a.active { - border-top: 3px solid #f8f9fa; +.dark-mode .navbar-danger.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.bg-light .btn-tool, -.bg-gradient-light .btn-tool, -.card-light:not(.card-outline) .btn-tool { - color: rgba(31, 45, 61, 0.8); +.dark-mode .navbar-danger.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.bg-light .btn-tool:hover, -.bg-gradient-light .btn-tool:hover, -.card-light:not(.card-outline) .btn-tool:hover { - color: #1f2d3d; +.dark-mode .navbar-danger.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card.bg-light .bootstrap-datetimepicker-widget .table td, -.card.bg-light .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-light .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-light .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-danger.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-light .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-light .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #e0e5e9; - color: #1f2d3d; +.dark-mode .navbar-danger.navbar-dark .form-control-navbar, +.dark-mode .navbar-danger.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #e95d4e; + border-color: #ec7265; + color: rgba(255, 255, 255, 0.8); } -.card.bg-light .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #1f2d3d; +.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.card.bg-light .bootstrap-datetimepicker-widget table td.active, -.card.bg-light .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover { - background-color: white; - color: #1f2d3d; +.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.card-dark:not(.card-outline) > .card-header { - background-color: #343a40; +.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.card-dark:not(.card-outline) > .card-header, -.card-dark:not(.card-outline) > .card-header a { +.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { color: #fff; } -.card-dark:not(.card-outline) > .card-header a.active { +.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; +} + +.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #ea6153; + border-color: #ec7265 !important; + color: #fff; +} + +.dark-mode .navbar-lightblue { + background-color: #86bad8; color: #1f2d3d; } -.card-dark.card-outline { - border-top: 3px solid #343a40; +.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-dark.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-dark.card-outline-tabs > .card-header a.active { - border-top: 3px solid #343a40; +.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-dark .btn-tool, -.bg-gradient-dark .btn-tool, -.card-dark:not(.card-outline) .btn-tool { - color: rgba(255, 255, 255, 0.8); +.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-dark .btn-tool:hover, -.bg-gradient-dark .btn-tool:hover, -.card-dark:not(.card-outline) .btn-tool:hover { - color: #fff; +.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.bg-dark .bootstrap-datetimepicker-widget .table td, -.card.bg-dark .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-lightblue.navbar-light .form-control-navbar, +.dark-mode .navbar-lightblue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #76b1d3; + border-color: #63a6cd; + color: rgba(52, 58, 64, 0.8); } -.card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #222629; - color: #fff; +.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.card.bg-dark .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.card.bg-dark .bootstrap-datetimepicker-widget table td.active, -.card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #4b545c; - color: #fff; +.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.card-lightblue:not(.card-outline) > .card-header { - background-color: #3c8dbc; +.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.card-lightblue:not(.card-outline) > .card-header, -.card-lightblue:not(.card-outline) > .card-header a { - color: #fff; +.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.card-lightblue:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #72afd2; + border-color: #63a6cd !important; + color: #343a40; } -.card-lightblue.card-outline { - border-top: 3px solid #3c8dbc; +.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-lightblue.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-lightblue.card-outline-tabs > .card-header a.active { - border-top: 3px solid #3c8dbc; +.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.bg-lightblue .btn-tool, -.bg-gradient-lightblue .btn-tool, -.card-lightblue:not(.card-outline) .btn-tool { +.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } -.bg-lightblue .btn-tool:hover, -.bg-gradient-lightblue .btn-tool:hover, -.card-lightblue:not(.card-outline) .btn-tool:hover { - color: #fff; +.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.card.bg-lightblue .bootstrap-datetimepicker-widget .table td, -.card.bg-lightblue .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar, +.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #95c3dd; + border-color: #a9cee3; + color: rgba(255, 255, 255, 0.8); } -.card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #32769d; +.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { color: #fff; } -.card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active, -.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #5fa4cc; +.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { color: #fff; } -.card-navy:not(.card-outline) > .card-header { - background-color: #001f3f; +.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.card-navy:not(.card-outline) > .card-header, -.card-navy:not(.card-outline) > .card-header a { +.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::placeholder { color: #fff; } -.card-navy:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #99c5de; + border-color: #a9cee3 !important; + color: #fff; } -.card-navy.card-outline { - border-top: 3px solid #001f3f; +.dark-mode .navbar-navy { + background-color: #002c59; + color: #fff; } -.card-navy.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-navy.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-navy.card-outline-tabs > .card-header a.active { - border-top: 3px solid #001f3f; +.dark-mode .navbar-navy.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-navy .btn-tool, -.bg-gradient-navy .btn-tool, -.card-navy:not(.card-outline) .btn-tool { - color: rgba(255, 255, 255, 0.8); +.dark-mode .navbar-navy.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-navy .btn-tool:hover, -.bg-gradient-navy .btn-tool:hover, -.card-navy:not(.card-outline) .btn-tool:hover { - color: #fff; +.dark-mode .navbar-navy.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.bg-navy .bootstrap-datetimepicker-widget .table td, -.card.bg-navy .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-navy.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #000b16; - color: #fff; +.dark-mode .navbar-navy.navbar-light .form-control-navbar, +.dark-mode .navbar-navy.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #002244; + border-color: #00152b; + color: rgba(52, 58, 64, 0.8); } -.card.bg-navy .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.card.bg-navy .bootstrap-datetimepicker-widget table td.active, -.card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #003872; - color: #fff; +.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.card-olive:not(.card-outline) > .card-header { - background-color: #3d9970; +.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.card-olive:not(.card-outline) > .card-header, -.card-olive:not(.card-outline) > .card-header a { - color: #fff; +.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.card-olive:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.card-olive.card-outline { - border-top: 3px solid #3d9970; +.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #001f3f; + border-color: #00152b !important; + color: #343a40; } -.card-olive.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-navy.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-olive.card-outline-tabs > .card-header a.active { - border-top: 3px solid #3d9970; +.dark-mode .navbar-navy.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.bg-olive .btn-tool, -.bg-gradient-olive .btn-tool, -.card-olive:not(.card-outline) .btn-tool { +.dark-mode .navbar-navy.navbar-dark .form-control-navbar:-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } -.bg-olive .btn-tool:hover, -.bg-gradient-olive .btn-tool:hover, -.card-olive:not(.card-outline) .btn-tool:hover { +.dark-mode .navbar-navy.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); +} + +.dark-mode .navbar-navy.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); +} + +.dark-mode .navbar-navy.navbar-dark .form-control-navbar, +.dark-mode .navbar-navy.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #00366d; + border-color: #004286; + color: rgba(255, 255, 255, 0.8); +} + +.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { color: #fff; } -.card.bg-olive .bootstrap-datetimepicker-widget .table td, -.card.bg-olive .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #317c5b; +.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { color: #fff; } -.card.bg-olive .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.card.bg-olive .bootstrap-datetimepicker-widget table td.active, -.card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #50b98a; +.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::placeholder { color: #fff; } -.card-lime:not(.card-outline) > .card-header { - background-color: #01ff70; +.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #003872; + border-color: #004286 !important; + color: #fff; } -.card-lime:not(.card-outline) > .card-header, -.card-lime:not(.card-outline) > .card-header a { +.dark-mode .navbar-olive { + background-color: #74c8a3; color: #1f2d3d; } -.card-lime:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-olive.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-lime.card-outline { - border-top: 3px solid #01ff70; +.dark-mode .navbar-olive.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-lime.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-olive.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-lime.card-outline-tabs > .card-header a.active { - border-top: 3px solid #01ff70; +.dark-mode .navbar-olive.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-lime .btn-tool, -.bg-gradient-lime .btn-tool, -.card-lime:not(.card-outline) .btn-tool { - color: rgba(31, 45, 61, 0.8); +.dark-mode .navbar-olive.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-lime .btn-tool:hover, -.bg-gradient-lime .btn-tool:hover, -.card-lime:not(.card-outline) .btn-tool:hover { - color: #1f2d3d; +.dark-mode .navbar-olive.navbar-light .form-control-navbar, +.dark-mode .navbar-olive.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #66c299; + border-color: #53bb8d; + color: rgba(52, 58, 64, 0.8); } -.card.bg-lime .bootstrap-datetimepicker-widget .table td, -.card.bg-lime .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #00d75e; - color: #1f2d3d; +.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.card.bg-lime .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #1f2d3d; +.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.card.bg-lime .bootstrap-datetimepicker-widget table td.active, -.card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #34ff8d; - color: #1f2d3d; +.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.card-fuchsia:not(.card-outline) > .card-header { - background-color: #f012be; +.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.card-fuchsia:not(.card-outline) > .card-header, -.card-fuchsia:not(.card-outline) > .card-header a { - color: #fff; +.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #62c096; + border-color: #53bb8d !important; + color: #343a40; } -.card-fuchsia:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-olive.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-fuchsia.card-outline { - border-top: 3px solid #f012be; +.dark-mode .navbar-olive.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-fuchsia.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-olive.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-fuchsia.card-outline-tabs > .card-header a.active { - border-top: 3px solid #f012be; +.dark-mode .navbar-olive.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.bg-fuchsia .btn-tool, -.bg-gradient-fuchsia .btn-tool, -.card-fuchsia:not(.card-outline) .btn-tool { +.dark-mode .navbar-olive.navbar-dark .form-control-navbar::placeholder { color: rgba(255, 255, 255, 0.8); } -.bg-fuchsia .btn-tool:hover, -.bg-gradient-fuchsia .btn-tool:hover, -.card-fuchsia:not(.card-outline) .btn-tool:hover { - color: #fff; +.dark-mode .navbar-olive.navbar-dark .form-control-navbar, +.dark-mode .navbar-olive.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #83ceac; + border-color: #95d5b8; + color: rgba(255, 255, 255, 0.8); } -.card.bg-fuchsia .bootstrap-datetimepicker-widget .table td, -.card.bg-fuchsia .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #cc0da1; +.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::-moz-placeholder { color: #fff; } -.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active, -.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #f342cb; +.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { color: #fff; } -.card-maroon:not(.card-outline) > .card-header { - background-color: #d81b60; +.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.card-maroon:not(.card-outline) > .card-header, -.card-maroon:not(.card-outline) > .card-header a { +.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #87cfaf; + border-color: #95d5b8 !important; color: #fff; } -.card-maroon:not(.card-outline) > .card-header a.active { +.dark-mode .navbar-lime { + background-color: #67ffa9; color: #1f2d3d; } -.card-maroon.card-outline { - border-top: 3px solid #d81b60; +.dark-mode .navbar-lime.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-maroon.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-lime.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-maroon.card-outline-tabs > .card-header a.active { - border-top: 3px solid #d81b60; +.dark-mode .navbar-lime.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-maroon .btn-tool, -.bg-gradient-maroon .btn-tool, -.card-maroon:not(.card-outline) .btn-tool { - color: rgba(255, 255, 255, 0.8); +.dark-mode .navbar-lime.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-maroon .btn-tool:hover, -.bg-gradient-maroon .btn-tool:hover, -.card-maroon:not(.card-outline) .btn-tool:hover { - color: #fff; +.dark-mode .navbar-lime.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.bg-maroon .bootstrap-datetimepicker-widget .table td, -.card.bg-maroon .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-lime.navbar-light .form-control-navbar, +.dark-mode .navbar-lime.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #53ff9e; + border-color: #39ff90; + color: rgba(52, 58, 64, 0.8); } -.card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #b41650; - color: #fff; +.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.card.bg-maroon .bootstrap-datetimepicker-widget table td.active, -.card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #e73f7c; - color: #fff; +.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.card-blue:not(.card-outline) > .card-header { - background-color: #007bff; +.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.card-blue:not(.card-outline) > .card-header, -.card-blue:not(.card-outline) > .card-header a { - color: #fff; +.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.card-blue:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #4eff9b; + border-color: #39ff90 !important; + color: #343a40; } -.card-blue.card-outline { - border-top: 3px solid #007bff; +.dark-mode .navbar-lime.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-blue.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-lime.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-blue.card-outline-tabs > .card-header a.active { - border-top: 3px solid #007bff; +.dark-mode .navbar-lime.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.bg-blue .btn-tool, -.bg-gradient-blue .btn-tool, -.card-blue:not(.card-outline) .btn-tool { +.dark-mode .navbar-lime.navbar-dark .form-control-navbar::-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } -.bg-blue .btn-tool:hover, -.bg-gradient-blue .btn-tool:hover, -.card-blue:not(.card-outline) .btn-tool:hover { - color: #fff; +.dark-mode .navbar-lime.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.card.bg-blue .bootstrap-datetimepicker-widget .table td, -.card.bg-blue .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-lime.navbar-dark .form-control-navbar, +.dark-mode .navbar-lime.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #7bffb5; + border-color: #95ffc3; + color: rgba(255, 255, 255, 0.8); } -.card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #0067d6; +.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { color: #fff; } -.card.bg-blue .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.card.bg-blue .bootstrap-datetimepicker-widget table td.active, -.card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #3395ff; +.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { color: #fff; } -.card-indigo:not(.card-outline) > .card-header { - background-color: #6610f2; +.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.card-indigo:not(.card-outline) > .card-header, -.card-indigo:not(.card-outline) > .card-header a { +.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::placeholder { color: #fff; } -.card-indigo:not(.card-outline) > .card-header a.active { +.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #81ffb8; + border-color: #95ffc3 !important; + color: #fff; +} + +.dark-mode .navbar-fuchsia { + background-color: #f672d8; color: #1f2d3d; } -.card-indigo.card-outline { - border-top: 3px solid #6610f2; +.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-indigo.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-indigo.card-outline-tabs > .card-header a.active { - border-top: 3px solid #6610f2; +.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-indigo .btn-tool, -.bg-gradient-indigo .btn-tool, -.card-indigo:not(.card-outline) .btn-tool { - color: rgba(255, 255, 255, 0.8); +.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-indigo .btn-tool:hover, -.bg-gradient-indigo .btn-tool:hover, -.card-indigo:not(.card-outline) .btn-tool:hover { - color: #fff; +.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.bg-indigo .bootstrap-datetimepicker-widget .table td, -.card.bg-indigo .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar, +.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #f55fd3; + border-color: #f347cc; + color: rgba(52, 58, 64, 0.8); } -.card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #550bce; - color: #fff; +.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.card.bg-indigo .bootstrap-datetimepicker-widget table td.active, -.card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #8540f5; - color: #fff; +.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.card-purple:not(.card-outline) > .card-header { - background-color: #6f42c1; +.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.card-purple:not(.card-outline) > .card-header, -.card-purple:not(.card-outline) > .card-header a { - color: #fff; +.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.card-purple:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #f55ad2; + border-color: #f347cc !important; + color: #343a40; } -.card-purple.card-outline { - border-top: 3px solid #6f42c1; +.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-purple.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-purple.card-outline-tabs > .card-header a.active { - border-top: 3px solid #6f42c1; +.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.bg-purple .btn-tool, -.bg-gradient-purple .btn-tool, -.card-purple:not(.card-outline) .btn-tool { +.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } -.bg-purple .btn-tool:hover, -.bg-gradient-purple .btn-tool:hover, -.card-purple:not(.card-outline) .btn-tool:hover { - color: #fff; +.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.card.bg-purple .bootstrap-datetimepicker-widget .table td, -.card.bg-purple .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar, +.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #f785de; + border-color: #f99de4; + color: rgba(255, 255, 255, 0.8); } -.card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #5d36a4; +.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { color: #fff; } -.card.bg-purple .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.card.bg-purple .bootstrap-datetimepicker-widget table td.active, -.card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #8c68ce; +.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { color: #fff; } -.card-pink:not(.card-outline) > .card-header { - background-color: #e83e8c; +.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.card-pink:not(.card-outline) > .card-header, -.card-pink:not(.card-outline) > .card-header a { +.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::placeholder { color: #fff; } -.card-pink:not(.card-outline) > .card-header a.active { +.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #f88adf; + border-color: #f99de4 !important; + color: #fff; +} + +.dark-mode .navbar-maroon { + background-color: #ed6c9b; color: #1f2d3d; } -.card-pink.card-outline { - border-top: 3px solid #e83e8c; +.dark-mode .navbar-maroon.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-pink.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-maroon.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-pink.card-outline-tabs > .card-header a.active { - border-top: 3px solid #e83e8c; +.dark-mode .navbar-maroon.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-pink .btn-tool, -.bg-gradient-pink .btn-tool, -.card-pink:not(.card-outline) .btn-tool { - color: rgba(255, 255, 255, 0.8); +.dark-mode .navbar-maroon.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-pink .btn-tool:hover, -.bg-gradient-pink .btn-tool:hover, -.card-pink:not(.card-outline) .btn-tool:hover { - color: #fff; +.dark-mode .navbar-maroon.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.bg-pink .bootstrap-datetimepicker-widget .table td, -.card.bg-pink .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-maroon.navbar-light .form-control-navbar, +.dark-mode .navbar-maroon.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #ea5a8f; + border-color: #e8447f; + color: rgba(52, 58, 64, 0.8); } -.card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #e21b76; - color: #fff; +.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.card.bg-pink .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.card.bg-pink .bootstrap-datetimepicker-widget table td.active, -.card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #ed6ca7; - color: #fff; +.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.card-red:not(.card-outline) > .card-header { - background-color: #dc3545; +.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.card-red:not(.card-outline) > .card-header, -.card-red:not(.card-outline) > .card-header a { - color: #fff; +.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.card-red:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #ea568c; + border-color: #e8447f !important; + color: #343a40; } -.card-red.card-outline { - border-top: 3px solid #dc3545; +.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-red.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-red.card-outline-tabs > .card-header a.active { - border-top: 3px solid #dc3545; +.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.bg-red .btn-tool, -.bg-gradient-red .btn-tool, -.card-red:not(.card-outline) .btn-tool { +.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } -.bg-red .btn-tool:hover, -.bg-gradient-red .btn-tool:hover, -.card-red:not(.card-outline) .btn-tool:hover { - color: #fff; +.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.card.bg-red .bootstrap-datetimepicker-widget .table td, -.card.bg-red .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-red .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-red .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-maroon.navbar-dark .form-control-navbar, +.dark-mode .navbar-maroon.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #ef7ea8; + border-color: #f295b7; + color: rgba(255, 255, 255, 0.8); } -.card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-red .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-red .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #c62232; +.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { color: #fff; } -.card.bg-red .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.card.bg-red .bootstrap-datetimepicker-widget table td.active, -.card.bg-red .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #e4606d; +.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { color: #fff; } -.card-orange:not(.card-outline) > .card-header { - background-color: #fd7e14; +.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.card-orange:not(.card-outline) > .card-header, -.card-orange:not(.card-outline) > .card-header a { - color: #1f2d3d; +.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.card-orange:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #f083ab; + border-color: #f295b7 !important; + color: #fff; } -.card-orange.card-outline { - border-top: 3px solid #fd7e14; +.dark-mode .navbar-blue { + background-color: #3f6791; + color: #fff; } -.card-orange.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-blue.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-orange.card-outline-tabs > .card-header a.active { - border-top: 3px solid #fd7e14; +.dark-mode .navbar-blue.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-orange .btn-tool, -.bg-gradient-orange .btn-tool, -.card-orange:not(.card-outline) .btn-tool { - color: rgba(31, 45, 61, 0.8); +.dark-mode .navbar-blue.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-orange .btn-tool:hover, -.bg-gradient-orange .btn-tool:hover, -.card-orange:not(.card-outline) .btn-tool:hover { - color: #1f2d3d; +.dark-mode .navbar-blue.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.bg-orange .bootstrap-datetimepicker-widget .table td, -.card.bg-orange .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-blue.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #e66a02; - color: #1f2d3d; +.dark-mode .navbar-blue.navbar-light .form-control-navbar, +.dark-mode .navbar-blue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #395d83; + border-color: #315071; + color: rgba(52, 58, 64, 0.8); } -.card.bg-orange .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #1f2d3d; +.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.card.bg-orange .bootstrap-datetimepicker-widget table td.active, -.card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #fd9a47; - color: #1f2d3d; +.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.card-yellow:not(.card-outline) > .card-header { - background-color: #ffc107; +.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.card-yellow:not(.card-outline) > .card-header, -.card-yellow:not(.card-outline) > .card-header a { - color: #1f2d3d; +.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.card-yellow:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.card-yellow.card-outline { - border-top: 3px solid #ffc107; +.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #375a7f; + border-color: #315071 !important; + color: #343a40; } -.card-yellow.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-blue.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-yellow.card-outline-tabs > .card-header a.active { - border-top: 3px solid #ffc107; +.dark-mode .navbar-blue.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.bg-yellow .btn-tool, -.bg-gradient-yellow .btn-tool, -.card-yellow:not(.card-outline) .btn-tool { - color: rgba(31, 45, 61, 0.8); +.dark-mode .navbar-blue.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.bg-yellow .btn-tool:hover, -.bg-gradient-yellow .btn-tool:hover, -.card-yellow:not(.card-outline) .btn-tool:hover { - color: #1f2d3d; +.dark-mode .navbar-blue.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card.bg-yellow .bootstrap-datetimepicker-widget .table td, -.card.bg-yellow .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-blue.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #dda600; - color: #1f2d3d; +.dark-mode .navbar-blue.navbar-dark .form-control-navbar, +.dark-mode .navbar-blue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #45719f; + border-color: #4d7eb1; + color: rgba(255, 255, 255, 0.8); } -.card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #1f2d3d; +.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.card.bg-yellow .bootstrap-datetimepicker-widget table td.active, -.card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #ffce3a; - color: #1f2d3d; +.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.card-green:not(.card-outline) > .card-header { - background-color: #28a745; +.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.card-green:not(.card-outline) > .card-header, -.card-green:not(.card-outline) > .card-header a { +.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { color: #fff; } -.card-green:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.card-green.card-outline { - border-top: 3px solid #28a745; +.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #4774a3; + border-color: #4d7eb1 !important; + color: #fff; } -.card-green.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-indigo { + background-color: #6610f2; + color: #fff; } -.card-green.card-outline-tabs > .card-header a.active { - border-top: 3px solid #28a745; +.dark-mode .navbar-indigo.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-green .btn-tool, -.bg-gradient-green .btn-tool, -.card-green:not(.card-outline) .btn-tool { - color: rgba(255, 255, 255, 0.8); +.dark-mode .navbar-indigo.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-green .btn-tool:hover, -.bg-gradient-green .btn-tool:hover, -.card-green:not(.card-outline) .btn-tool:hover { - color: #fff; +.dark-mode .navbar-indigo.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.bg-green .bootstrap-datetimepicker-widget .table td, -.card.bg-green .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-green .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-green .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-indigo.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-green .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-green .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #208637; - color: #fff; +.dark-mode .navbar-indigo.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.bg-green .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-indigo.navbar-light .form-control-navbar, +.dark-mode .navbar-indigo.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #5d0ce1; + border-color: #530bc9; + color: rgba(52, 58, 64, 0.8); } -.card.bg-green .bootstrap-datetimepicker-widget table td.active, -.card.bg-green .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #34ce57; - color: #fff; +.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.card-teal:not(.card-outline) > .card-header { - background-color: #20c997; +.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.card-teal:not(.card-outline) > .card-header, -.card-teal:not(.card-outline) > .card-header a { - color: #fff; +.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.card-teal:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.card-teal.card-outline { - border-top: 3px solid #20c997; +.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.card-teal.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #5b0cdd; + border-color: #530bc9 !important; + color: #343a40; } -.card-teal.card-outline-tabs > .card-header a.active { - border-top: 3px solid #20c997; +.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); +} + +.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); +} + +.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); +} + +.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); +} + +.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.bg-teal .btn-tool, -.bg-gradient-teal .btn-tool, -.card-teal:not(.card-outline) .btn-tool { +.dark-mode .navbar-indigo.navbar-dark .form-control-navbar, +.dark-mode .navbar-indigo.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #7223f3; + border-color: #823cf4; color: rgba(255, 255, 255, 0.8); } -.bg-teal .btn-tool:hover, -.bg-gradient-teal .btn-tool:hover, -.card-teal:not(.card-outline) .btn-tool:hover { +.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { color: #fff; } -.card.bg-teal .bootstrap-datetimepicker-widget .table td, -.card.bg-teal .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #1aa67d; +.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { color: #fff; } -.card.bg-teal .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.card.bg-teal .bootstrap-datetimepicker-widget table td.active, -.card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #3ce0af; +.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::placeholder { color: #fff; } -.card-cyan:not(.card-outline) > .card-header { - background-color: #266c77; +.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #7528f3; + border-color: #823cf4 !important; + color: #fff; } -.card-cyan:not(.card-outline) > .card-header, -.card-cyan:not(.card-outline) > .card-header a { +.dark-mode .navbar-purple { + background-color: #6f42c1; color: #fff; } -.card-cyan:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-purple.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-cyan.card-outline { - border-top: 3px solid #266c77; +.dark-mode .navbar-purple.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-cyan.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-purple.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-cyan.card-outline-tabs > .card-header a.active { - border-top: 3px solid #266c77; +.dark-mode .navbar-purple.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-cyan .btn-tool, -.bg-gradient-cyan .btn-tool, -.card-cyan:not(.card-outline) .btn-tool { - color: rgba(255, 255, 255, 0.8); +.dark-mode .navbar-purple.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-cyan .btn-tool:hover, -.bg-gradient-cyan .btn-tool:hover, -.card-cyan:not(.card-outline) .btn-tool:hover { - color: #fff; +.dark-mode .navbar-purple.navbar-light .form-control-navbar, +.dark-mode .navbar-purple.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #663bb4; + border-color: #5b35a0; + color: rgba(52, 58, 64, 0.8); } -.card.bg-cyan .bootstrap-datetimepicker-widget .table td, -.card.bg-cyan .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #1c5058; - color: #fff; +.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.card.bg-cyan .bootstrap-datetimepicker-widget table td.active, -.card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #328f9e; - color: #fff; +.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.card-white:not(.card-outline) > .card-header { - background-color: #fff; +.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.card-white:not(.card-outline) > .card-header, -.card-white:not(.card-outline) > .card-header a { - color: #1f2d3d; +.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #643ab0; + border-color: #5b35a0 !important; + color: #343a40; } -.card-white:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-purple.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-white.card-outline { - border-top: 3px solid #fff; +.dark-mode .navbar-purple.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-white.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-purple.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-white.card-outline-tabs > .card-header a.active { - border-top: 3px solid #fff; +.dark-mode .navbar-purple.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.bg-white .btn-tool, -.bg-gradient-white .btn-tool, -.card-white:not(.card-outline) .btn-tool { - color: rgba(31, 45, 61, 0.8); +.dark-mode .navbar-purple.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.bg-white .btn-tool:hover, -.bg-gradient-white .btn-tool:hover, -.card-white:not(.card-outline) .btn-tool:hover { - color: #1f2d3d; +.dark-mode .navbar-purple.navbar-dark .form-control-navbar, +.dark-mode .navbar-purple.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #7b51c6; + border-color: #8965cc; + color: rgba(255, 255, 255, 0.8); } -.card.bg-white .bootstrap-datetimepicker-widget .table td, -.card.bg-white .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-white .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-white .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-white .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-white .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #ebebeb; - color: #1f2d3d; +.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.card.bg-white .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #1f2d3d; +.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.card.bg-white .bootstrap-datetimepicker-widget table td.active, -.card.bg-white .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover { - background-color: white; - color: #1f2d3d; +.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.card-gray:not(.card-outline) > .card-header { - background-color: #6c757d; +.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.card-gray:not(.card-outline) > .card-header, -.card-gray:not(.card-outline) > .card-header a { +.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #7e55c7; + border-color: #8965cc !important; color: #fff; } -.card-gray:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-pink { + background-color: #e83e8c; + color: #fff; } -.card-gray.card-outline { - border-top: 3px solid #6c757d; +.dark-mode .navbar-pink.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-gray.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-pink.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-gray.card-outline-tabs > .card-header a.active { - border-top: 3px solid #6c757d; +.dark-mode .navbar-pink.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-gray .btn-tool, -.bg-gradient-gray .btn-tool, -.card-gray:not(.card-outline) .btn-tool { - color: rgba(255, 255, 255, 0.8); +.dark-mode .navbar-pink.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.bg-gray .btn-tool:hover, -.bg-gradient-gray .btn-tool:hover, -.card-gray:not(.card-outline) .btn-tool:hover { - color: #fff; +.dark-mode .navbar-pink.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.bg-gray .bootstrap-datetimepicker-widget .table td, -.card.bg-gray .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-pink.navbar-light .form-control-navbar, +.dark-mode .navbar-pink.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #e62c81; + border-color: #de1a74; + color: rgba(52, 58, 64, 0.8); } -.card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #596167; - color: #fff; +.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.card.bg-gray .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.card.bg-gray .bootstrap-datetimepicker-widget table td.active, -.card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #868e96; - color: #fff; +.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.card-gray-dark:not(.card-outline) > .card-header { - background-color: #343a40; +.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.card-gray-dark:not(.card-outline) > .card-header, -.card-gray-dark:not(.card-outline) > .card-header a { - color: #fff; +.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.card-gray-dark:not(.card-outline) > .card-header a.active { - color: #1f2d3d; +.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #e5277e; + border-color: #de1a74 !important; + color: #343a40; } -.card-gray-dark.card-outline { - border-top: 3px solid #343a40; +.dark-mode .navbar-pink.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-gray-dark.card-outline-tabs > .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-pink.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card-gray-dark.card-outline-tabs > .card-header a.active { - border-top: 3px solid #343a40; +.dark-mode .navbar-pink.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.bg-gray-dark .btn-tool, -.bg-gradient-gray-dark .btn-tool, -.card-gray-dark:not(.card-outline) .btn-tool { +.dark-mode .navbar-pink.navbar-dark .form-control-navbar::-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } -.bg-gray-dark .btn-tool:hover, -.bg-gradient-gray-dark .btn-tool:hover, -.card-gray-dark:not(.card-outline) .btn-tool:hover { - color: #fff; +.dark-mode .navbar-pink.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.card.bg-gray-dark .bootstrap-datetimepicker-widget .table td, -.card.bg-gray-dark .bootstrap-datetimepicker-widget .table th, -.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td, -.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th { - border: none; +.dark-mode .navbar-pink.navbar-dark .form-control-navbar, +.dark-mode .navbar-pink.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #ea5097; + border-color: #ed67a4; + color: rgba(255, 255, 255, 0.8); } -.card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover, -.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover, -.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover, -.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover, -.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover { - background-color: #222629; +.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { color: #fff; } -.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before, -.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #fff; +.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active, -.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover, -.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active, -.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #4b545c; +.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { color: #fff; } -.card { - box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); - margin-bottom: 1rem; +.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.card.bg-dark .card-header { - border-color: #383f45; +.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.card.bg-dark, -.card.bg-dark .card-body { +.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #eb559a; + border-color: #ed67a4 !important; color: #fff; } -.card.maximized-card { - height: 100% !important; - left: 0; - max-height: 100% !important; - max-width: 100% !important; - position: fixed; - top: 0; - width: 100% !important; - z-index: 1040; +.dark-mode .navbar-red { + background-color: #e74c3c; + color: #fff; } -.card.maximized-card.was-collapsed .card-body { - display: block !important; +.dark-mode .navbar-red.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.maximized-card .card-body { - overflow: auto; +.dark-mode .navbar-red.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.maximized-card [data-widget="collapse"] { - display: none; +.dark-mode .navbar-red.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.maximized-card .card-header, -.card.maximized-card .card-footer { - border-radius: 0 !important; +.dark-mode .navbar-red.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.collapsed-card .card-body, -.card.collapsed-card .card-footer { - display: none; +.dark-mode .navbar-red.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.card .nav.flex-column > li { - border-bottom: 1px solid rgba(0, 0, 0, 0.125); - margin: 0; +.dark-mode .navbar-red.navbar-light .form-control-navbar, +.dark-mode .navbar-red.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #e53b2a; + border-color: #da2d1b; + color: rgba(52, 58, 64, 0.8); } -.card .nav.flex-column > li:last-of-type { - border-bottom: 0; +.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.card.height-control .card-body { - max-height: 300px; - overflow: auto; +.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.card .border-right { - border-right: 1px solid rgba(0, 0, 0, 0.125); +.dark-mode .navbar-red.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.card .border-left { - border-left: 1px solid rgba(0, 0, 0, 0.125); +.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.card.card-tabs:not(.card-outline) > .card-header { - border-bottom: 0; +.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.card.card-tabs:not(.card-outline) > .card-header .nav-item:first-child .nav-link { - border-left-color: transparent; +.dark-mode .navbar-red.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-red.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #e43725; + border-color: #da2d1b !important; + color: #343a40; } -.card.card-tabs.card-outline .nav-item { - border-bottom: 0; +.dark-mode .navbar-red.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card.card-tabs.card-outline .nav-item:first-child .nav-link { - border-left: 0; - margin-left: 0; +.dark-mode .navbar-red.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card.card-tabs .card-tools { - margin: .3rem .5rem; +.dark-mode .navbar-red.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card.card-tabs:not(.expanding-card).collapsed-card .card-header { - border-bottom: 0; +.dark-mode .navbar-red.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs { - border-bottom: 0; +.dark-mode .navbar-red.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item { - margin-bottom: 0; +.dark-mode .navbar-red.navbar-dark .form-control-navbar, +.dark-mode .navbar-red.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #e95d4e; + border-color: #ec7265; + color: rgba(255, 255, 255, 0.8); } -.card.card-tabs.expanding-card .card-header .nav-tabs .nav-item { - margin-bottom: -1px; +.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.card.card-outline-tabs { - border-top: 0; +.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.card.card-outline-tabs .card-header .nav-item:first-child .nav-link { - border-left: 0; - margin-left: 0; +.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.card.card-outline-tabs .card-header a { - border-top: 3px solid transparent; +.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.card.card-outline-tabs .card-header a:hover { - border-top: 3px solid #dee2e6; +.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.card.card-outline-tabs .card-header a.active:hover { - margin-top: 0; +.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #ea6153; + border-color: #ec7265 !important; + color: #fff; } -.card.card-outline-tabs .card-tools { - margin: .5rem .5rem .3rem; +.dark-mode .navbar-orange { + background-color: #fd7e14; + color: #1f2d3d; } -.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header { - border-bottom: 0; +.dark-mode .navbar-orange.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs { - border-bottom: 0; +.dark-mode .navbar-orange.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item { - margin-bottom: 0; +.dark-mode .navbar-orange.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card.card-outline-tabs.expanding-card .card-header .nav-tabs .nav-item { - margin-bottom: -1px; +.dark-mode .navbar-orange.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -html.maximized-card { - overflow: hidden; +.dark-mode .navbar-orange.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-header::after, -.card-body::after, -.card-footer::after { - display: block; - clear: both; - content: ""; +.dark-mode .navbar-orange.navbar-light .form-control-navbar, +.dark-mode .navbar-orange.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #fa7302; + border-color: #e16702; + color: rgba(52, 58, 64, 0.8); } -.card-header { - background-color: transparent; - border-bottom: 1px solid rgba(0, 0, 0, 0.125); - padding: 0.75rem 1.25rem; - position: relative; - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; +.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.collapsed-card .card-header { - border-bottom: 0; +.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.card-header > .card-tools { - float: right; - margin-right: -0.625rem; +.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.card-header > .card-tools .input-group, -.card-header > .card-tools .nav, -.card-header > .card-tools .pagination { - margin-bottom: -0.3rem; - margin-top: -0.3rem; +.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.card-header > .card-tools [data-toggle="tooltip"] { - position: relative; +.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.card-title { - float: left; - font-size: 1.1rem; - font-weight: 400; - margin: 0; +.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #f57102; + border-color: #e16702 !important; + color: #343a40; } -.card-text { - clear: both; +.dark-mode .navbar-orange.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.btn-tool { - background-color: transparent; - color: #adb5bd; - font-size: 0.875rem; - margin: -0.75rem 0; - padding: .25rem .5rem; +.dark-mode .navbar-orange.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.btn-group.show .btn-tool, .btn-tool:hover { - color: #495057; +.dark-mode .navbar-orange.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.show .btn-tool, .btn-tool:focus { - box-shadow: none !important; +.dark-mode .navbar-orange.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.text-sm .card-title { - font-size: 1rem; +.dark-mode .navbar-orange.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.text-sm .nav-link { - padding: 0.4rem 0.8rem; +.dark-mode .navbar-orange.navbar-dark .form-control-navbar, +.dark-mode .navbar-orange.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #fd8928; + border-color: #fd9742; + color: rgba(255, 255, 255, 0.8); } -.card-body > .table { - margin-bottom: 0; +.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.card-body > .table > thead > tr > th, -.card-body > .table > thead > tr > td { - border-top-width: 0; +.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.card-body .fc { - margin-top: 5px; +.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.card-body .full-width-chart { - margin: -19px; +.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.card-body.p-0 .full-width-chart { - margin: -9px; +.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.chart-legend { - padding-left: 0; - list-style: none; - margin: 10px 0; +.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #fd8c2d; + border-color: #fd9742 !important; + color: #fff; } -@media (max-width: 576px) { - .chart-legend > li { - float: left; - margin-right: 10px; - } +.dark-mode .navbar-yellow { + background-color: #f39c12; + color: #1f2d3d; } -.card-comments { - background-color: #f8f9fa; -} - -.card-comments .card-comment { - border-bottom: 1px solid #e9ecef; - padding: 8px 0; +.dark-mode .navbar-yellow.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-comments .card-comment::after { - display: block; - clear: both; - content: ""; +.dark-mode .navbar-yellow.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-comments .card-comment:last-of-type { - border-bottom: 0; +.dark-mode .navbar-yellow.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-comments .card-comment:first-of-type { - padding-top: 0; +.dark-mode .navbar-yellow.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-comments .card-comment img { - height: 1.875rem; - width: 1.875rem; - float: left; +.dark-mode .navbar-yellow.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.card-comments .comment-text { - color: #78838e; - margin-left: 40px; +.dark-mode .navbar-yellow.navbar-light .form-control-navbar, +.dark-mode .navbar-yellow.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #e5910c; + border-color: #cd820a; + color: rgba(52, 58, 64, 0.8); } -.card-comments .username { - color: #495057; - display: block; - font-weight: 600; +.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.card-comments .text-muted { - font-size: 12px; - font-weight: 400; +.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.todo-list { - list-style: none; - margin: 0; - overflow: auto; - padding: 0; +.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.todo-list > li { - border-radius: 2px; - background-color: #f8f9fa; - border-left: 2px solid #e9ecef; - color: #495057; - margin-bottom: 2px; - padding: 10px; +.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.todo-list > li:last-of-type { - margin-bottom: 0; +.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.todo-list > li > input[type="checkbox"] { - margin: 0 10px 0 5px; +.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #e08e0b; + border-color: #cd820a !important; + color: #343a40; } -.todo-list > li .text { - display: inline-block; - font-weight: 600; - margin-left: 5px; +.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.todo-list > li .badge { - font-size: .7rem; - margin-left: 10px; +.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.todo-list > li .tools { - color: #dc3545; - display: none; - float: right; +.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.todo-list > li .tools > .fa, -.todo-list > li .tools > .fas, -.todo-list > li .tools > .far, -.todo-list > li .tools > .fab, -.todo-list > li .tools > .fal, -.todo-list > li .tools > .fad, -.todo-list > li .tools > .svg-inline--fa, -.todo-list > li .tools > .ion { - cursor: pointer; - margin-right: 5px; +.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.todo-list > li:hover .tools { - display: inline-block; +.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.todo-list > li.done { - color: #697582; +.dark-mode .navbar-yellow.navbar-dark .form-control-navbar, +.dark-mode .navbar-yellow.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #f4a425; + border-color: #f5ae3e; + color: rgba(255, 255, 255, 0.8); } -.todo-list > li.done .text { - font-weight: 500; - text-decoration: line-through; +.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.todo-list > li.done .badge { - background-color: #adb5bd !important; +.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.todo-list .primary { - border-left-color: #007bff; +.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.todo-list .secondary { - border-left-color: #6c757d; +.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.todo-list .success { - border-left-color: #28a745; +.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.todo-list .info { - border-left-color: #266c77; +.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #f4a62a; + border-color: #f5ae3e !important; + color: #fff; } -.todo-list .warning { - border-left-color: #ffc107; +.dark-mode .navbar-green { + background-color: #00bc8c; + color: #fff; } -.todo-list .danger { - border-left-color: #dc3545; +.dark-mode .navbar-green.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.todo-list .light { - border-left-color: #f8f9fa; +.dark-mode .navbar-green.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.todo-list .dark { - border-left-color: #343a40; +.dark-mode .navbar-green.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.todo-list .lightblue { - border-left-color: #3c8dbc; +.dark-mode .navbar-green.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.todo-list .navy { - border-left-color: #001f3f; +.dark-mode .navbar-green.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.todo-list .olive { - border-left-color: #3d9970; +.dark-mode .navbar-green.navbar-light .form-control-navbar, +.dark-mode .navbar-green.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #00a87d; + border-color: #008e6a; + color: rgba(52, 58, 64, 0.8); } -.todo-list .lime { - border-left-color: #01ff70; +.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.todo-list .fuchsia { - border-left-color: #f012be; +.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.todo-list .maroon { - border-left-color: #d81b60; +.dark-mode .navbar-green.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.todo-list .blue { - border-left-color: #007bff; +.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.todo-list .indigo { - border-left-color: #6610f2; +.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.todo-list .purple { - border-left-color: #6f42c1; +.dark-mode .navbar-green.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-green.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #00a379; + border-color: #008e6a !important; + color: #343a40; } -.todo-list .pink { - border-left-color: #e83e8c; +.dark-mode .navbar-green.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.todo-list .red { - border-left-color: #dc3545; +.dark-mode .navbar-green.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.todo-list .orange { - border-left-color: #fd7e14; +.dark-mode .navbar-green.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.todo-list .yellow { - border-left-color: #ffc107; +.dark-mode .navbar-green.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.todo-list .green { - border-left-color: #28a745; +.dark-mode .navbar-green.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.todo-list .teal { - border-left-color: #20c997; +.dark-mode .navbar-green.navbar-dark .form-control-navbar, +.dark-mode .navbar-green.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #00d09b; + border-color: #00eaae; + color: rgba(255, 255, 255, 0.8); } -.todo-list .cyan { - border-left-color: #266c77; +.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.todo-list .white { - border-left-color: #fff; +.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.todo-list .gray { - border-left-color: #6c757d; +.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.todo-list .gray-dark { - border-left-color: #343a40; +.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.todo-list .handle { - cursor: move; - display: inline-block; - margin: 0 5px; +.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.card-input { - max-width: 200px; +.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #00d69f; + border-color: #00eaae !important; + color: #fff; } -.card-default .nav-item:first-child .nav-link { - border-left: 0; +.dark-mode .navbar-teal { + background-color: #20c997; + color: #fff; } -.dark-mode .card { - background-color: #343a40; - color: #fff; +.dark-mode .navbar-teal.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.dark-mode .card .card { - background-color: #3f474e; - color: #fff; +.dark-mode .navbar-teal.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.dark-mode .card .nav.flex-column > li { - border-bottom-color: #6c757d; +.dark-mode .navbar-teal.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.dark-mode .card .card-footer { - background-color: rgba(0, 0, 0, 0.1); +.dark-mode .navbar-teal.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.dark-mode .card.card-outline-tabs .card-header a:hover { - border-color: #6c757d; +.dark-mode .navbar-teal.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.dark-mode .card:not(.card-outline) > .card-header a.active { - color: #fff; +.dark-mode .navbar-teal.navbar-light .form-control-navbar, +.dark-mode .navbar-teal.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #1db78a; + border-color: #1aa179; + color: rgba(52, 58, 64, 0.8); } -.dark-mode .card-comments { - background-color: #373d44; +.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.dark-mode .card-comments .username { - color: #ced4da; +.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.dark-mode .card-comments .card-comment { - border-bottom-color: #454d55; +.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.dark-mode .todo-list > li { - background-color: #3f474e; - border-color: #454d55; - color: #fff; +.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.modal-dialog .overlay { - background-color: #000; - display: block; - height: 100%; - left: 0; - opacity: .7; - position: absolute; - top: 0; - width: 100%; - z-index: 1052; +.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.modal-content.bg-warning .modal-header, -.modal-content.bg-warning .modal-footer { - border-color: #343a40; +.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #1cb386; + border-color: #1aa179 !important; + color: #343a40; } -.modal-content.bg-primary .close, .modal-content.bg-primary .mailbox-attachment-close, .modal-content.bg-secondary .close, .modal-content.bg-secondary .mailbox-attachment-close, .modal-content.bg-info .close, .modal-content.bg-info .mailbox-attachment-close, .modal-content.bg-danger .close, .modal-content.bg-danger .mailbox-attachment-close, .modal-content.bg-success .close, .modal-content.bg-success .mailbox-attachment-close { - color: #fff; - text-shadow: 0 1px 0 #000; +.dark-mode .navbar-teal.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.dark-mode .modal-header, -.dark-mode .modal-footer { - border-color: #6c757d; +.dark-mode .navbar-teal.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.dark-mode .modal-content { - background-color: #343a40; +.dark-mode .navbar-teal.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.dark-mode .modal-content.bg-warning .modal-header, -.dark-mode .modal-content.bg-warning .modal-footer { - border-color: #6c757d; +.dark-mode .navbar-teal.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.dark-mode .modal-content.bg-warning .close, .dark-mode .modal-content.bg-warning .mailbox-attachment-close { - color: #343a40 !important; - text-shadow: 0 1px 0 #495057 !important; +.dark-mode .navbar-teal.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.dark-mode .modal-content.bg-primary .modal-header, -.dark-mode .modal-content.bg-primary .modal-footer, .dark-mode .modal-content.bg-secondary .modal-header, -.dark-mode .modal-content.bg-secondary .modal-footer, .dark-mode .modal-content.bg-info .modal-header, -.dark-mode .modal-content.bg-info .modal-footer, .dark-mode .modal-content.bg-danger .modal-header, -.dark-mode .modal-content.bg-danger .modal-footer, .dark-mode .modal-content.bg-success .modal-header, -.dark-mode .modal-content.bg-success .modal-footer { - border-color: #fff; +.dark-mode .navbar-teal.navbar-dark .form-control-navbar, +.dark-mode .navbar-teal.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #23dba4; + border-color: #38dfae; + color: rgba(255, 255, 255, 0.8); } -.toasts-top-right { - position: absolute; - right: 0; - top: 0; - z-index: 1040; +.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.toasts-top-right.fixed { - position: fixed; +.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::-moz-placeholder { + color: #fff; } -.toasts-top-left { - left: 0; - position: absolute; - top: 0; - z-index: 1040; +.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.toasts-top-left.fixed { - position: fixed; +.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.toasts-bottom-right { - bottom: 0; - position: absolute; - right: 0; - z-index: 1040; +.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.toasts-bottom-right.fixed { - position: fixed; +.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #26dca6; + border-color: #38dfae !important; + color: #fff; } -.toasts-bottom-left { - bottom: 0; - left: 0; - position: absolute; - z-index: 1040; +.dark-mode .navbar-cyan { + background-color: #3498db; + color: #fff; } -.toasts-bottom-left.fixed { - position: fixed; +.dark-mode .navbar-cyan.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.dark-mode .toast { - background-color: rgba(52, 58, 64, 0.85); - color: #fff; +.dark-mode .navbar-cyan.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.dark-mode .toast .toast-header { - background-color: rgba(52, 58, 64, 0.7); - color: #f8f9fa; +.dark-mode .navbar-cyan.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.toast.bg-primary { - background-color: rgba(0, 123, 255, 0.9) !important; +.dark-mode .navbar-cyan.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.toast.bg-primary .close, .toast.bg-primary .mailbox-attachment-close { - color: #fff; - text-shadow: 0 1px 0 #000; +.dark-mode .navbar-cyan.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.toast.bg-primary .toast-header { - background-color: rgba(0, 123, 255, 0.85); - color: #fff; +.dark-mode .navbar-cyan.navbar-light .form-control-navbar, +.dark-mode .navbar-cyan.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #268fd5; + border-color: #2280bf; + color: rgba(52, 58, 64, 0.8); } -.toast.bg-secondary { - background-color: rgba(108, 117, 125, 0.9) !important; +.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.toast.bg-secondary .close, .toast.bg-secondary .mailbox-attachment-close { - color: #fff; - text-shadow: 0 1px 0 #000; +.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.toast.bg-secondary .toast-header { - background-color: rgba(108, 117, 125, 0.85); - color: #fff; +.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.toast.bg-success { - background-color: rgba(40, 167, 69, 0.9) !important; +.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.toast.bg-success .close, .toast.bg-success .mailbox-attachment-close { - color: #fff; - text-shadow: 0 1px 0 #000; +.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.toast.bg-success .toast-header { - background-color: rgba(40, 167, 69, 0.85); - color: #fff; +.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #258cd1; + border-color: #2280bf !important; + color: #343a40; } -.toast.bg-info { - background-color: rgba(38, 108, 119, 0.9) !important; +.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.toast.bg-info .close, .toast.bg-info .mailbox-attachment-close { - color: #fff; - text-shadow: 0 1px 0 #000; +.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.toast.bg-info .toast-header { - background-color: rgba(38, 108, 119, 0.85); - color: #fff; +.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.toast.bg-warning { - background-color: rgba(255, 193, 7, 0.9) !important; +.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.toast.bg-warning .toast-header { - background-color: rgba(255, 193, 7, 0.85); - color: #1f2d3d; +.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.toast.bg-danger { - background-color: rgba(220, 53, 69, 0.9) !important; +.dark-mode .navbar-cyan.navbar-dark .form-control-navbar, +.dark-mode .navbar-cyan.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #45a1de; + border-color: #5bace2; + color: rgba(255, 255, 255, 0.8); } -.toast.bg-danger .close, .toast.bg-danger .mailbox-attachment-close { +.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { color: #fff; - text-shadow: 0 1px 0 #000; } -.toast.bg-danger .toast-header { - background-color: rgba(220, 53, 69, 0.85); +.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::-moz-placeholder { color: #fff; } -.toast.bg-light { - background-color: rgba(248, 249, 250, 0.9) !important; +.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.toast.bg-light .toast-header { - background-color: rgba(248, 249, 250, 0.85); - color: #1f2d3d; +.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.toast.bg-dark { - background-color: rgba(52, 58, 64, 0.9) !important; +.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.toast.bg-dark .close, .toast.bg-dark .mailbox-attachment-close { +.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #4aa3df; + border-color: #5bace2 !important; color: #fff; - text-shadow: 0 1px 0 #000; } -.toast.bg-dark .toast-header { - background-color: rgba(52, 58, 64, 0.85); - color: #fff; +.dark-mode .navbar-white { + background-color: #fff; + color: #1f2d3d; } -.toast.bg-lightblue { - background-color: rgba(60, 141, 188, 0.9) !important; +.dark-mode .navbar-white.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.toast.bg-lightblue .close, .toast.bg-lightblue .mailbox-attachment-close { - color: #fff; - text-shadow: 0 1px 0 #000; +.dark-mode .navbar-white.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.toast.bg-lightblue .toast-header { - background-color: rgba(60, 141, 188, 0.85); - color: #fff; +.dark-mode .navbar-white.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.toast.bg-navy { - background-color: rgba(0, 31, 63, 0.9) !important; +.dark-mode .navbar-white.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.toast.bg-navy .close, .toast.bg-navy .mailbox-attachment-close { - color: #fff; - text-shadow: 0 1px 0 #000; +.dark-mode .navbar-white.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.toast.bg-navy .toast-header { - background-color: rgba(0, 31, 63, 0.85); - color: #fff; +.dark-mode .navbar-white.navbar-light .form-control-navbar, +.dark-mode .navbar-white.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: whitesmoke; + border-color: #e8e8e8; + color: rgba(52, 58, 64, 0.8); } -.toast.bg-olive { - background-color: rgba(61, 153, 112, 0.9) !important; +.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.toast.bg-olive .close, .toast.bg-olive .mailbox-attachment-close { - color: #fff; - text-shadow: 0 1px 0 #000; +.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.toast.bg-olive .toast-header { - background-color: rgba(61, 153, 112, 0.85); - color: #fff; +.dark-mode .navbar-white.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.toast.bg-lime { - background-color: rgba(1, 255, 112, 0.9) !important; +.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.toast.bg-lime .toast-header { - background-color: rgba(1, 255, 112, 0.85); - color: #1f2d3d; +.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.toast.bg-fuchsia { - background-color: rgba(240, 18, 190, 0.9) !important; +.dark-mode .navbar-white.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-white.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #f2f2f2; + border-color: #e8e8e8 !important; + color: #343a40; } -.toast.bg-fuchsia .close, .toast.bg-fuchsia .mailbox-attachment-close { - color: #fff; - text-shadow: 0 1px 0 #000; +.dark-mode .navbar-white.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.toast.bg-fuchsia .toast-header { - background-color: rgba(240, 18, 190, 0.85); - color: #fff; +.dark-mode .navbar-white.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.toast.bg-maroon { - background-color: rgba(216, 27, 96, 0.9) !important; +.dark-mode .navbar-white.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.toast.bg-maroon .close, .toast.bg-maroon .mailbox-attachment-close { - color: #fff; - text-shadow: 0 1px 0 #000; +.dark-mode .navbar-white.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.toast.bg-maroon .toast-header { - background-color: rgba(216, 27, 96, 0.85); - color: #fff; +.dark-mode .navbar-white.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.toast.bg-blue { - background-color: rgba(0, 123, 255, 0.9) !important; +.dark-mode .navbar-white.navbar-dark .form-control-navbar, +.dark-mode .navbar-white.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: white; + border-color: white; + color: rgba(255, 255, 255, 0.8); } -.toast.bg-blue .close, .toast.bg-blue .mailbox-attachment-close { +.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { color: #fff; - text-shadow: 0 1px 0 #000; } -.toast.bg-blue .toast-header { - background-color: rgba(0, 123, 255, 0.85); +.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::-moz-placeholder { color: #fff; } -.toast.bg-indigo { - background-color: rgba(102, 16, 242, 0.9) !important; +.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.toast.bg-indigo .close, .toast.bg-indigo .mailbox-attachment-close { +.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { color: #fff; - text-shadow: 0 1px 0 #000; } -.toast.bg-indigo .toast-header { - background-color: rgba(102, 16, 242, 0.85); +.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::placeholder { color: #fff; } -.toast.bg-purple { - background-color: rgba(111, 66, 193, 0.9) !important; +.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: white; + border-color: white !important; + color: #fff; } -.toast.bg-purple .close, .toast.bg-purple .mailbox-attachment-close { +.dark-mode .navbar-gray { + background-color: #6c757d; color: #fff; - text-shadow: 0 1px 0 #000; } -.toast.bg-purple .toast-header { - background-color: rgba(111, 66, 193, 0.85); - color: #fff; +.dark-mode .navbar-gray.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.toast.bg-pink { - background-color: rgba(232, 62, 140, 0.9) !important; +.dark-mode .navbar-gray.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.toast.bg-pink .close, .toast.bg-pink .mailbox-attachment-close { - color: #fff; - text-shadow: 0 1px 0 #000; +.dark-mode .navbar-gray.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.toast.bg-pink .toast-header { - background-color: rgba(232, 62, 140, 0.85); - color: #fff; +.dark-mode .navbar-gray.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.toast.bg-red { - background-color: rgba(220, 53, 69, 0.9) !important; +.dark-mode .navbar-gray.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.toast.bg-red .close, .toast.bg-red .mailbox-attachment-close { - color: #fff; - text-shadow: 0 1px 0 #000; +.dark-mode .navbar-gray.navbar-light .form-control-navbar, +.dark-mode .navbar-gray.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #636b72; + border-color: #575e64; + color: rgba(52, 58, 64, 0.8); } -.toast.bg-red .toast-header { - background-color: rgba(220, 53, 69, 0.85); - color: #fff; +.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.toast.bg-orange { - background-color: rgba(253, 126, 20, 0.9) !important; +.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.toast.bg-orange .toast-header { - background-color: rgba(253, 126, 20, 0.85); - color: #1f2d3d; +.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.toast.bg-yellow { - background-color: rgba(255, 193, 7, 0.9) !important; +.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.toast.bg-yellow .toast-header { - background-color: rgba(255, 193, 7, 0.85); - color: #1f2d3d; +.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.toast.bg-green { - background-color: rgba(40, 167, 69, 0.9) !important; +.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #60686f; + border-color: #575e64 !important; + color: #343a40; } -.toast.bg-green .close, .toast.bg-green .mailbox-attachment-close { - color: #fff; - text-shadow: 0 1px 0 #000; +.dark-mode .navbar-gray.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.toast.bg-green .toast-header { - background-color: rgba(40, 167, 69, 0.85); - color: #fff; +.dark-mode .navbar-gray.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.toast.bg-teal { - background-color: rgba(32, 201, 151, 0.9) !important; +.dark-mode .navbar-gray.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.toast.bg-teal .close, .toast.bg-teal .mailbox-attachment-close { - color: #fff; - text-shadow: 0 1px 0 #000; +.dark-mode .navbar-gray.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.toast.bg-teal .toast-header { - background-color: rgba(32, 201, 151, 0.85); - color: #fff; +.dark-mode .navbar-gray.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.toast.bg-cyan { - background-color: rgba(38, 108, 119, 0.9) !important; +.dark-mode .navbar-gray.navbar-dark .form-control-navbar, +.dark-mode .navbar-gray.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #757f88; + border-color: #838c94; + color: rgba(255, 255, 255, 0.8); } -.toast.bg-cyan .close, .toast.bg-cyan .mailbox-attachment-close { +.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { color: #fff; - text-shadow: 0 1px 0 #000; } -.toast.bg-cyan .toast-header { - background-color: rgba(38, 108, 119, 0.85); +.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::-moz-placeholder { color: #fff; } -.toast.bg-white { - background-color: rgba(255, 255, 255, 0.9) !important; +.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.toast.bg-white .toast-header { - background-color: rgba(255, 255, 255, 0.85); - color: #1f2d3d; +.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.toast.bg-gray { - background-color: rgba(108, 117, 125, 0.9) !important; +.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.toast.bg-gray .close, .toast.bg-gray .mailbox-attachment-close { +.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #78828a; + border-color: #838c94 !important; color: #fff; - text-shadow: 0 1px 0 #000; } -.toast.bg-gray .toast-header { - background-color: rgba(108, 117, 125, 0.85); +.dark-mode .navbar-gray-dark { + background-color: #343a40; color: #fff; } -.toast.bg-gray-dark { - background-color: rgba(52, 58, 64, 0.9) !important; +.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::-webkit-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.toast.bg-gray-dark .close, .toast.bg-gray-dark .mailbox-attachment-close { - color: #fff; - text-shadow: 0 1px 0 #000; +.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::-moz-placeholder { + color: rgba(52, 58, 64, 0.8); } -.toast.bg-gray-dark .toast-header { - background-color: rgba(52, 58, 64, 0.85); - color: #fff; +.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.btn.disabled, .btn:disabled { - cursor: not-allowed; +.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::-ms-input-placeholder { + color: rgba(52, 58, 64, 0.8); } -.btn.btn-flat { - border-radius: 0; - border-width: 1px; - box-shadow: none; +.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::placeholder { + color: rgba(52, 58, 64, 0.8); } -.btn.btn-file { - overflow: hidden; - position: relative; +.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar, +.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #2b3035; + border-color: #1f2327; + color: rgba(52, 58, 64, 0.8); } -.btn.btn-file > input[type="file"] { - background-color: #fff; - cursor: inherit; - display: block; - font-size: 100px; - min-height: 100%; - min-width: 100%; - opacity: 0; - outline: none; - position: absolute; - right: 0; - text-align: right; - top: 0; +.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::-webkit-input-placeholder { + color: #343a40; } -.text-sm .btn { - font-size: 0.875rem !important; +.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::-moz-placeholder { + color: #343a40; } -.btn-default { - background-color: #f8f9fa; - border-color: #ddd; - color: #444; +.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus:-ms-input-placeholder { + color: #343a40; } -.btn-default:hover, .btn-default:active, .btn-default.hover { - background-color: #e9ecef; - color: #2b2b2b; +.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::-ms-input-placeholder { + color: #343a40; } -.btn-app { - border-radius: 3px; - background-color: #f8f9fa; - border: 1px solid #ddd; - color: #6c757d; - font-size: 12px; - height: 60px; - margin: 0 0 10px 10px; - min-width: 80px; - padding: 15px 5px; - position: relative; - text-align: center; +.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::placeholder { + color: #343a40; } -.btn-app > .fa, -.btn-app > .fas, -.btn-app > .far, -.btn-app > .fab, -.btn-app > .fal, -.btn-app > .fad, -.btn-app > .svg-inline--fa, -.btn-app > .ion { - display: block; - font-size: 20px; +.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus, +.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #292d32; + border-color: #1f2327 !important; + color: #343a40; } -.btn-app > .svg-inline--fa { - margin: 0 auto; +.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.btn-app:hover { - background-color: #f8f9fa; - border-color: #aaaaaa; - color: #444; +.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::-moz-placeholder { + color: rgba(255, 255, 255, 0.8); } -.btn-app:active, .btn-app:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.btn-app > .badge { - font-size: 10px; - font-weight: 400; - position: absolute; - right: -10px; - top: -3px; +.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.8); } -.btn-xs { - padding: 0.125rem 0.25rem; - font-size: 0.75rem; - line-height: 1.5; - border-radius: 0.15rem; +.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.8); } -.dark-mode .btn-default, -.dark-mode .btn-app { - background-color: #3a4047; - color: #fff; - border-color: #6c757d; +.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar, +.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #3d444b; + border-color: #495159; + color: rgba(255, 255, 255, 0.8); } -.dark-mode .btn-default:hover, .dark-mode .btn-default:focus, -.dark-mode .btn-app:hover, -.dark-mode .btn-app:focus { - background-color: #3f474e; - color: #dee2e6; - border-color: #727b84; +.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder { + color: #fff; } -.dark-mode .btn-light { - background-color: #454d55; +.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-moz-placeholder { color: #fff; - border-color: #6c757d; } -.dark-mode .btn-light:hover, .dark-mode .btn-light:focus { - background-color: #4b545c; - color: #dee2e6; - border-color: #78828a; +.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus:-ms-input-placeholder { + color: #fff; } -.callout { - border-radius: 0.25rem; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #fff; - border-left: 5px solid #e9ecef; - margin-bottom: 1rem; - padding: 1rem; +.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-ms-input-placeholder { + color: #fff; } -.callout a { - color: #495057; - text-decoration: underline; +.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::placeholder { + color: #fff; } -.callout a:hover { - color: #e9ecef; +.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus, +.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #3f474e; + border-color: #495159 !important; + color: #fff; } -.callout p:last-child { - margin-bottom: 0; +.pagination-month .page-item { + justify-self: stretch; } -.callout.callout-danger { - border-left-color: #bd2130; +.pagination-month .page-item .page-link { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-direction: column; + flex-direction: column; + box-shadow: none; } -.callout.callout-warning { - border-left-color: #d39e00; +.pagination-month .page-item:first-child .page-link, .pagination-month .page-item:last-child .page-link { + height: 100%; + font-size: 1.25rem; } -.callout.callout-info { - border-left-color: #1a4950; +.pagination-month .page-item .page-month { + margin-bottom: 0; + font-size: 1.25rem; + font-weight: 700; } -.callout.callout-success { - border-left-color: #1e7e34; +.pagination-month .page-item .page-year { + margin-bottom: 0; } -.dark-mode .callout { - background-color: #3f474e; +.pagination-month.pagination-lg .page-month { + font-size: 1.5625rem; } -.alert .icon { - margin-right: 10px; +.pagination-month.pagination-sm .page-month { + font-size: 1rem; } -.alert .close, .alert .mailbox-attachment-close { - color: #000; - opacity: .2; +.dark-mode .page-item.disabled a, +.dark-mode .page-item.disabled .page-link { + background-color: #3a4047 !important; + border-color: #6c757d !important; + color: #6c757d; } -.alert .close:hover, .alert .mailbox-attachment-close:hover { - opacity: .5; +.dark-mode .page-item .page-link { + color: #3f6791; } -.alert a { +.dark-mode .page-item.active .page-link { + background-color: #3f6791; + border-color: #3f6791; color: #fff; - text-decoration: underline; } -.alert-primary { - color: #fff; - background-color: #007bff; - border-color: #006fe6; +.dark-mode .page-item.active .page-link:hover, .dark-mode .page-item.active .page-link:focus { + color: #ced4da !important; } -.alert-default-primary { - color: #004085; - background-color: #cce5ff; - border-color: #b8daff; +.dark-mode .page-item:not(.active) .page-link { + background-color: #343a40; + border-color: #6c757d; } -.alert-default-primary hr { - border-top-color: #9fcdff; +.dark-mode .page-item:not(.active) .page-link:hover, .dark-mode .page-item:not(.active) .page-link:focus { + color: #4774a3; + background-color: #3f474e; } -.alert-default-primary .alert-link { - color: #002752; +.form-group.has-icon { + position: relative; } -.alert-secondary { - color: #fff; - background-color: #6c757d; - border-color: #60686f; +.form-group.has-icon .form-control { + padding-right: 35px; } -.alert-default-secondary { - color: #383d41; - background-color: #e2e3e5; - border-color: #d6d8db; +.form-group.has-icon .form-icon { + background-color: transparent; + border: 0; + cursor: pointer; + font-size: 1rem; + padding: 0.375rem 0.75rem; + position: absolute; + right: 3px; + top: 0; } -.alert-default-secondary hr { - border-top-color: #c8cbcf; +.btn-group-vertical .btn.btn-flat:first-of-type, .btn-group-vertical .btn.btn-flat:last-of-type { + border-radius: 0; } -.alert-default-secondary .alert-link { - color: #202326; +.form-control-feedback.fa, .form-control-feedback.fas, .form-control-feedback.far, .form-control-feedback.fab, .form-control-feedback.fal, .form-control-feedback.fad, .form-control-feedback.svg-inline--fa, .form-control-feedback.ion { + line-height: calc(2.25rem + 2px); } -.alert-success { - color: #fff; - background-color: #28a745; - border-color: #23923d; +.input-lg + .form-control-feedback.fa, .input-lg + .form-control-feedback.fas, .input-lg + .form-control-feedback.far, .input-lg + .form-control-feedback.fab, .input-lg + .form-control-feedback.fal, .input-lg + .form-control-feedback.fad, .input-lg + .form-control-feedback.svg-inline--fa, .input-lg + .form-control-feedback.ion, +.input-group-lg + .form-control-feedback.fa, +.input-group-lg + .form-control-feedback.fas, +.input-group-lg + .form-control-feedback.far, +.input-group-lg + .form-control-feedback.fab, +.input-group-lg + .form-control-feedback.fal, +.input-group-lg + .form-control-feedback.fad, +.input-group-lg + .form-control-feedback.svg-inline--fa, +.input-group-lg + .form-control-feedback.ion { + line-height: calc(2.875rem + 2px); } -.alert-default-success { - color: #155724; - background-color: #d4edda; - border-color: #c3e6cb; +.form-group-lg .form-control + .form-control-feedback.fa, .form-group-lg .form-control + .form-control-feedback.fas, .form-group-lg .form-control + .form-control-feedback.far, .form-group-lg .form-control + .form-control-feedback.fab, .form-group-lg .form-control + .form-control-feedback.fal, .form-group-lg .form-control + .form-control-feedback.fad, .form-group-lg .form-control + .form-control-feedback.svg-inline--fa, .form-group-lg .form-control + .form-control-feedback.ion { + line-height: calc(2.875rem + 2px); } -.alert-default-success hr { - border-top-color: #b1dfbb; +.input-sm + .form-control-feedback.fa, .input-sm + .form-control-feedback.fas, .input-sm + .form-control-feedback.far, .input-sm + .form-control-feedback.fab, .input-sm + .form-control-feedback.fal, .input-sm + .form-control-feedback.fad, .input-sm + .form-control-feedback.svg-inline--fa, .input-sm + .form-control-feedback.ion, +.input-group-sm + .form-control-feedback.fa, +.input-group-sm + .form-control-feedback.fas, +.input-group-sm + .form-control-feedback.far, +.input-group-sm + .form-control-feedback.fab, +.input-group-sm + .form-control-feedback.fal, +.input-group-sm + .form-control-feedback.fad, +.input-group-sm + .form-control-feedback.svg-inline--fa, +.input-group-sm + .form-control-feedback.ion { + line-height: calc(1.8125rem + 2px); } -.alert-default-success .alert-link { - color: #0b2e13; +.form-group-sm .form-control + .form-control-feedback.fa, .form-group-sm .form-control + .form-control-feedback.fas, .form-group-sm .form-control + .form-control-feedback.far, .form-group-sm .form-control + .form-control-feedback.fab, .form-group-sm .form-control + .form-control-feedback.fal, .form-group-sm .form-control + .form-control-feedback.fad, .form-group-sm .form-control + .form-control-feedback.svg-inline--fa, .form-group-sm .form-control + .form-control-feedback.ion { + line-height: calc(1.8125rem + 2px); } -.alert-info { - color: #fff; - background-color: #266c77; - border-color: #205a64; +label:not(.form-check-label):not(.custom-file-label) { + font-weight: 700; } -.alert-default-info { - color: #14383e; - background-color: #d4e2e4; - border-color: #c2d6d9; +.warning-feedback { + font-size: 80%; + color: #FFC0C0; + display: none; + margin-top: 0.25rem; + width: 100%; } -.alert-default-info hr { - border-top-color: #b2cbcf; +.warning-tooltip { + border-radius: 0.25rem; + font-size: 0.875rem; + background-color: rgba(255, 192, 192, 0.9); + color: #1f2d3d; + display: none; + line-height: 1.5; + margin-top: .1rem; + max-width: 100%; + padding: 0.25rem 0.5rem; + position: absolute; + top: 100%; + z-index: 5; } -.alert-default-info .alert-link { - color: #081517; +.form-control.is-warning { + border-color: #FFC0C0; } -.alert-warning { - color: #1f2d3d; - background-color: #ffc107; - border-color: #edb100; +.form-control.is-warning:focus { + border-color: #FFC0C0; + box-shadow: 0 0 0 0 rgba(255, 192, 192, 0.25); } -.alert-default-warning { - color: #856404; - background-color: #fff3cd; - border-color: #ffeeba; +.form-control.is-warning ~ .warning-feedback, +.form-control.is-warning ~ .warning-tooltip { + display: block; } -.alert-default-warning hr { - border-top-color: #ffe8a1; +textarea.form-control.is-warning { + padding-right: 2.25rem; + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } -.alert-default-warning .alert-link { - color: #533f03; +.custom-select.is-warning { + border-color: #FFC0C0; } -.alert-danger { - color: #fff; - background-color: #dc3545; - border-color: #d32535; +.custom-select.is-warning:focus { + border-color: #FFC0C0; + box-shadow: 0 0 0 0 rgba(255, 192, 192, 0.25); } -.alert-default-danger { - color: #721c24; - background-color: #f8d7da; - border-color: #f5c6cb; +.custom-select.is-warning ~ .warning-feedback, +.custom-select.is-warning ~ .warning-tooltip { + display: block; } -.alert-default-danger hr { - border-top-color: #f1b0b7; +.form-control-file.is-warning ~ .warning-feedback, +.form-control-file.is-warning ~ .warning-tooltip { + display: block; } -.alert-default-danger .alert-link { - color: #491217; +.form-check-input.is-warning ~ .form-check-label { + color: #FFC0C0; } -.alert-light { - color: #1f2d3d; - background-color: #f8f9fa; - border-color: #e9ecef; +.form-check-input.is-warning ~ .warning-feedback, +.form-check-input.is-warning ~ .warning-tooltip { + display: block; } -.alert-default-light { - color: #818182; - background-color: #fefefe; - border-color: #fdfdfe; +.custom-control-input.is-warning ~ .custom-control-label { + color: #FFC0C0; } -.alert-default-light hr { - border-top-color: #ececf6; +.custom-control-input.is-warning ~ .custom-control-label::before { + border-color: #FFC0C0; } -.alert-default-light .alert-link { - color: #686868; +.custom-control-input.is-warning ~ .warning-feedback, +.custom-control-input.is-warning ~ .warning-tooltip { + display: block; } -.alert-dark { - color: #fff; - background-color: #343a40; - border-color: #292d32; +.custom-control-input.is-warning:checked ~ .custom-control-label::before { + background-color: #fff3f3; + border-color: #fff3f3; } -.alert-default-dark { - color: #1b1e21; - background-color: #d6d8d9; - border-color: #c6c8ca; +.custom-control-input.is-warning:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0 rgba(255, 192, 192, 0.25); } -.alert-default-dark hr { - border-top-color: #b9bbbe; +.custom-control-input.is-warning:focus:not(:checked) ~ .custom-control-label::before { + border-color: #FFC0C0; } -.alert-default-dark .alert-link { - color: #040505; +.custom-file-input.is-warning ~ .custom-file-label { + border-color: #FFC0C0; } -.table:not(.table-dark) { - color: inherit; +.custom-file-input.is-warning ~ .warning-feedback, +.custom-file-input.is-warning ~ .warning-tooltip { + display: block; } -.table.table-head-fixed thead tr:nth-child(1) th { - background-color: #fff; - border-bottom: 0; - box-shadow: inset 0 1px 0 #dee2e6, inset 0 -1px 0 #dee2e6; - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: 10; +.custom-file-input.is-warning:focus ~ .custom-file-label { + border-color: #FFC0C0; + box-shadow: 0 0 0 0 rgba(255, 192, 192, 0.25); } -.table.table-head-fixed.table-dark thead tr:nth-child(1) th { - background-color: #212529; - box-shadow: inset 0 1px 0 #383f45, inset 0 -1px 0 #383f45; +body.text-sm .input-group-text { + font-size: 0.875rem; } -.table.no-border, -.table.no-border td, -.table.no-border th { - border: 0; +.form-control.form-control-border, +.custom-select.form-control-border { + border-top: 0; + border-left: 0; + border-right: 0; + border-radius: 0; + box-shadow: inherit; } -.table.text-center, -.table.text-center td, -.table.text-center th { - text-align: center; +.form-control.form-control-border.border-width-2, +.custom-select.form-control-border.border-width-2 { + border-bottom-width: 2px; } -.table.table-valign-middle thead > tr > th, -.table.table-valign-middle thead > tr > td, -.table.table-valign-middle tbody > tr > th, -.table.table-valign-middle tbody > tr > td { - vertical-align: middle; +.form-control.form-control-border.border-width-3, +.custom-select.form-control-border.border-width-3 { + border-bottom-width: 3px; } -.card-body.p-0 .table thead > tr > th:first-of-type, -.card-body.p-0 .table thead > tr > td:first-of-type, -.card-body.p-0 .table tfoot > tr > th:first-of-type, -.card-body.p-0 .table tfoot > tr > td:first-of-type, -.card-body.p-0 .table tbody > tr > th:first-of-type, -.card-body.p-0 .table tbody > tr > td:first-of-type { - padding-left: 1.5rem; +.custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::before { + background-color: #007bff; + border-color: #004a99; } -.card-body.p-0 .table thead > tr > th:last-of-type, -.card-body.p-0 .table thead > tr > td:last-of-type, -.card-body.p-0 .table tfoot > tr > th:last-of-type, -.card-body.p-0 .table tfoot > tr > td:last-of-type, -.card-body.p-0 .table tbody > tr > th:last-of-type, -.card-body.p-0 .table tbody > tr > td:last-of-type { - padding-right: 1.5rem; +.custom-switch.custom-switch-off-primary .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); } -.table-hover tbody tr.expandable-body:hover { - background-color: inherit !important; +.custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::after { + background-color: #003e80; } -[data-widget="expandable-table"] { - cursor: pointer; +.custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::before { + background-color: #007bff; + border-color: #004a99; } -[data-widget="expandable-table"] i { - transition: transform 0.3s linear; +.custom-switch.custom-switch-on-primary .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); } -[data-widget="expandable-table"][aria-expanded="true"] td > i[class*="right"] { - transform: rotate(90deg); +.custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::after { + background-color: #99caff; } -[data-widget="expandable-table"][aria-expanded="true"] td > i[class*="left"] { - transform: rotate(-90deg); +.custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::before { + background-color: #6c757d; + border-color: #3d4246; } -.expandable-body > td { - padding: 0 !important; - width: 100%; +.custom-switch.custom-switch-off-secondary .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } -.expandable-body > td > div, -.expandable-body > td > p { - padding: 0.75rem; +.custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::after { + background-color: #313539; } -.expandable-body .table { - width: calc(100% - 0.75rem); - margin: 0 0 0 0.75rem; +.custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::before { + background-color: #6c757d; + border-color: #3d4246; } -.expandable-body .table tr:first-child td, -.expandable-body .table tr:first-child th { - border-top: none; +.custom-switch.custom-switch-on-secondary .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } -.dark-mode .table-bordered, -.dark-mode .table-bordered td, -.dark-mode .table-bordered th { - border-color: #6c757d; +.custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::after { + background-color: #bcc1c6; } -.dark-mode .table-hover tbody tr:hover { - color: #dee2e6; - background-color: #3a4047; - border-color: #6c757d; +.custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::before { + background-color: #28a745; + border-color: #145523; } -.dark-mode .table thead th { - border-bottom-color: #6c757d; +.custom-switch.custom-switch-off-success .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); } -.dark-mode .table th, -.dark-mode .table td { - border-top-color: #6c757d; +.custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::after { + background-color: #0f401b; } -.dark-mode .table.table-head-fixed thead tr:nth-child(1) th { - background-color: #3f474e; +.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::before { + background-color: #28a745; + border-color: #145523; } -.carousel-control-prev .carousel-control-custom-icon { - margin-left: -20px; +.custom-switch.custom-switch-on-success .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); } -.carousel-control-next .carousel-control-custom-icon { - margin-right: 20px; +.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::after { + background-color: #86e29b; } -.carousel-control-custom-icon > .fa, -.carousel-control-custom-icon > .fas, -.carousel-control-custom-icon > .far, -.carousel-control-custom-icon > .fab, -.carousel-control-custom-icon > .fal, -.carousel-control-custom-icon > .fad, -.carousel-control-custom-icon > .svg-inline--fa, -.carousel-control-custom-icon > .ion { - display: inline-block; - font-size: 40px; - margin-top: -20px; - position: absolute; - top: 50%; - z-index: 5; +.custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::before { + background-color: #17a2b8; + border-color: #0c525d; } -.close, .mailbox-attachment-close { - float: right; - font-size: 1.5rem; - font-weight: 700; - line-height: 1; - color: #000; - text-shadow: 0 1px 0 #fff; - opacity: .5; +.custom-switch.custom-switch-off-info .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25); } -.close:hover, .mailbox-attachment-close:hover { - color: #000; - text-decoration: none; +.custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::after { + background-color: #093e47; } -.close:not(:disabled):not(.disabled):hover, .mailbox-attachment-close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus, .mailbox-attachment-close:not(:disabled):not(.disabled):focus { - opacity: .75; +.custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::before { + background-color: #17a2b8; + border-color: #0c525d; } -.close:focus, .mailbox-attachment-close:focus { - outline: none; +.custom-switch.custom-switch-on-info .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25); } -button.close, button.mailbox-attachment-close { - padding: 0; - background-color: transparent; - border: 0; +.custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::after { + background-color: #7adeee; } -a.close.disabled, a.disabled.mailbox-attachment-close { - pointer-events: none; +.custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::before { + background-color: #FFC0C0; + border-color: #ff5a5a; } -.small-box { - border-radius: 0.25rem; - box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); - display: block; - margin-bottom: 20px; - position: relative; +.custom-switch.custom-switch-off-warning .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 192, 192, 0.25); } -.small-box > .inner { - padding: 10px; +.custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::after { + background-color: #ff4141; } -.small-box > .small-box-footer { - background-color: rgba(0, 0, 0, 0.1); - color: rgba(255, 255, 255, 0.8); - display: block; - padding: 3px 0; - position: relative; - text-align: center; - text-decoration: none; - z-index: 10; +.custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FFC0C0; + border-color: #ff5a5a; } -.small-box > .small-box-footer:hover { - background-color: rgba(0, 0, 0, 0.15); - color: #fff; +.custom-switch.custom-switch-on-warning .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 192, 192, 0.25); } -.small-box h3 { - font-size: 2.2rem; - font-weight: 700; - margin: 0 0 10px; - padding: 0; - white-space: nowrap; +.custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::after { + background-color: white; } -@media (min-width: 992px) { - .col-xl-2 .small-box h3, - .col-lg-2 .small-box h3, - .col-md-2 .small-box h3 { - font-size: 1.6rem; - } - .col-xl-3 .small-box h3, - .col-lg-3 .small-box h3, - .col-md-3 .small-box h3 { - font-size: 1.6rem; - } +.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::before { + background-color: #dc3545; + border-color: #921925; } -@media (min-width: 1200px) { - .col-xl-2 .small-box h3, - .col-lg-2 .small-box h3, - .col-md-2 .small-box h3 { - font-size: 2.2rem; - } - .col-xl-3 .small-box h3, - .col-lg-3 .small-box h3, - .col-md-3 .small-box h3 { - font-size: 2.2rem; - } +.custom-switch.custom-switch-off-danger .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); } -.small-box p { - font-size: 1rem; +.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::after { + background-color: #7c151f; } -.small-box p > small { - color: #f8f9fa; - display: block; - font-size: .9rem; - margin-top: 5px; +.custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::before { + background-color: #dc3545; + border-color: #921925; } -.small-box h3, -.small-box p { - z-index: 5; +.custom-switch.custom-switch-on-danger .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); } -.small-box .icon { - color: rgba(0, 0, 0, 0.15); - z-index: 0; +.custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::after { + background-color: #f3b7bd; } -.small-box .icon > i { - font-size: 90px; - position: absolute; - right: 15px; - top: 15px; - transition: transform 0.3s linear; +.custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::before { + background-color: #f8f9fa; + border-color: #bdc6d0; } -.small-box .icon > i.fa, .small-box .icon > i.fas, .small-box .icon > i.far, .small-box .icon > i.fab, .small-box .icon > i.fal, .small-box .icon > i.fad, .small-box .icon > i.ion { - font-size: 70px; - top: 20px; +.custom-switch.custom-switch-off-light .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25); } -.small-box .icon svg { - font-size: 70px; - position: absolute; - right: 15px; - top: 15px; - transition: transform 0.3s linear; +.custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::after { + background-color: #aeb9c5; } -.small-box:hover { - text-decoration: none; +.custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::before { + background-color: #f8f9fa; + border-color: #bdc6d0; } -.small-box:hover .icon > i, .small-box:hover .icon > i.fa, .small-box:hover .icon > i.fas, .small-box:hover .icon > i.far, .small-box:hover .icon > i.fab, .small-box:hover .icon > i.fal, .small-box:hover .icon > i.fad, .small-box:hover .icon > i.ion { - transform: scale(1.1); +.custom-switch.custom-switch-on-light .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25); } -.small-box:hover .icon > svg { - transform: scale(1.1); +.custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::after { + background-color: white; } -@media (max-width: 767.98px) { - .small-box { - text-align: center; - } - .small-box .icon { - display: none; - } - .small-box p { - font-size: 12px; - } +.custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::before { + background-color: #343a40; + border-color: #060708; } -.info-box { - box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); - border-radius: 0.25rem; - background-color: #fff; - display: -ms-flexbox; - display: flex; - margin-bottom: 1rem; - min-height: 80px; - padding: .5rem; - position: relative; - width: 100%; +.custom-switch.custom-switch-off-dark .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } -.info-box .progress { - background-color: rgba(0, 0, 0, 0.125); - height: 2px; - margin: 5px 0; +.custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::after { + background-color: black; } -.info-box .progress .progress-bar { - background-color: #fff; +.custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::before { + background-color: #343a40; + border-color: #060708; } -.info-box .info-box-icon { - border-radius: 0.25rem; - -ms-flex-align: center; - align-items: center; - display: -ms-flexbox; - display: flex; - font-size: 1.875rem; - -ms-flex-pack: center; - justify-content: center; - text-align: center; - width: 70px; +.custom-switch.custom-switch-on-dark .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } -.info-box .info-box-icon > img { - max-width: 100%; +.custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::after { + background-color: #7a8793; } -.info-box .info-box-content { - display: -ms-flexbox; - display: flex; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-pack: center; - justify-content: center; - line-height: 1.8; - -ms-flex: 1; - flex: 1; - padding: 0 10px; +.custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::before { + background-color: #3c8dbc; + border-color: #23536f; } -.info-box .info-box-number { - display: block; - margin-top: .25rem; - font-weight: 700; +.custom-switch.custom-switch-off-lightblue .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25); } -.info-box .progress-description, -.info-box .info-box-text { - display: block; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; +.custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::after { + background-color: #1d455b; } -.info-box .info-box .bg-primary, -.info-box .info-box .bg-gradient-primary { - color: #fff; +.custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::before { + background-color: #3c8dbc; + border-color: #23536f; } -.info-box .info-box .bg-primary .progress-bar, -.info-box .info-box .bg-gradient-primary .progress-bar { - background-color: #fff; +.custom-switch.custom-switch-on-lightblue .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25); } -.info-box .info-box .bg-secondary, -.info-box .info-box .bg-gradient-secondary { - color: #fff; +.custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::after { + background-color: #acd0e5; } -.info-box .info-box .bg-secondary .progress-bar, -.info-box .info-box .bg-gradient-secondary .progress-bar { - background-color: #fff; +.custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::before { + background-color: #001f3f; + border-color: black; } -.info-box .info-box .bg-success, -.info-box .info-box .bg-gradient-success { - color: #fff; +.custom-switch.custom-switch-off-navy .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25); } -.info-box .info-box .bg-success .progress-bar, -.info-box .info-box .bg-gradient-success .progress-bar { - background-color: #fff; +.custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::after { + background-color: black; } -.info-box .info-box .bg-info, -.info-box .info-box .bg-gradient-info { - color: #fff; +.custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::before { + background-color: #001f3f; + border-color: black; } -.info-box .info-box .bg-info .progress-bar, -.info-box .info-box .bg-gradient-info .progress-bar { - background-color: #fff; +.custom-switch.custom-switch-on-navy .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25); } -.info-box .info-box .bg-warning, -.info-box .info-box .bg-gradient-warning { - color: #1f2d3d; +.custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::after { + background-color: #006ad8; } -.info-box .info-box .bg-warning .progress-bar, -.info-box .info-box .bg-gradient-warning .progress-bar { - background-color: #1f2d3d; +.custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::before { + background-color: #3d9970; + border-color: #20503b; } -.info-box .info-box .bg-danger, -.info-box .info-box .bg-gradient-danger { - color: #fff; +.custom-switch.custom-switch-off-olive .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25); } -.info-box .info-box .bg-danger .progress-bar, -.info-box .info-box .bg-gradient-danger .progress-bar { - background-color: #fff; +.custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::after { + background-color: #193e2d; } -.info-box .info-box .bg-light, -.info-box .info-box .bg-gradient-light { - color: #1f2d3d; +.custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::before { + background-color: #3d9970; + border-color: #20503b; } -.info-box .info-box .bg-light .progress-bar, -.info-box .info-box .bg-gradient-light .progress-bar { - background-color: #1f2d3d; +.custom-switch.custom-switch-on-olive .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25); } -.info-box .info-box .bg-dark, -.info-box .info-box .bg-gradient-dark { - color: #fff; +.custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::after { + background-color: #99d6bb; } -.info-box .info-box .bg-dark .progress-bar, -.info-box .info-box .bg-gradient-dark .progress-bar { - background-color: #fff; +.custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::before { + background-color: #01ff70; + border-color: #009a43; } -.info-box .info-box-more { - display: block; +.custom-switch.custom-switch-off-lime .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25); } -.info-box .progress-description { - margin: 0; +.custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::after { + background-color: #008138; } -@media (min-width: 768px) { - .col-xl-2 .info-box .progress-description, - .col-lg-2 .info-box .progress-description, - .col-md-2 .info-box .progress-description { - display: none; - } - .col-xl-3 .info-box .progress-description, - .col-lg-3 .info-box .progress-description, - .col-md-3 .info-box .progress-description { - display: none; - } +.custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::before { + background-color: #01ff70; + border-color: #009a43; } -@media (min-width: 992px) { - .col-xl-2 .info-box .progress-description, - .col-lg-2 .info-box .progress-description, - .col-md-2 .info-box .progress-description { - font-size: 0.75rem; - display: block; - } - .col-xl-3 .info-box .progress-description, - .col-lg-3 .info-box .progress-description, - .col-md-3 .info-box .progress-description { - font-size: 0.75rem; - display: block; - } +.custom-switch.custom-switch-on-lime .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25); } -@media (min-width: 1200px) { - .col-xl-2 .info-box .progress-description, - .col-lg-2 .info-box .progress-description, - .col-md-2 .info-box .progress-description { - font-size: 1rem; - display: block; - } - .col-xl-3 .info-box .progress-description, - .col-lg-3 .info-box .progress-description, - .col-md-3 .info-box .progress-description { - font-size: 1rem; - display: block; - } +.custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::after { + background-color: #9affc6; } -.dark-mode .info-box { - background-color: #343a40; - color: #fff; +.custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::before { + background-color: #f012be; + border-color: #930974; } -.timeline { - margin: 0 0 45px; - padding: 0; - position: relative; +.custom-switch.custom-switch-off-fuchsia .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25); } -.timeline::before { - border-radius: 0.25rem; - background-color: #dee2e6; - bottom: 0; - content: ""; - left: 31px; - margin: 0; - position: absolute; - top: 0; - width: 4px; +.custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::after { + background-color: #7b0861; } -.timeline > div { - margin-bottom: 15px; - margin-right: 10px; - position: relative; +.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::before { + background-color: #f012be; + border-color: #930974; } -.timeline > div::before, .timeline > div::after { - content: ""; - display: table; +.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25); } -.timeline > div > .timeline-item { - box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); - border-radius: 0.25rem; - background-color: #fff; - color: #495057; - margin-left: 60px; - margin-right: 15px; - margin-top: 0; - padding: 0; - position: relative; +.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::after { + background-color: #f9a2e5; } -.timeline > div > .timeline-item > .time { - color: #999; - float: right; - font-size: 12px; - padding: 10px; +.custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::before { + background-color: #d81b60; + border-color: #7d1038; } -.timeline > div > .timeline-item > .timeline-header { - border-bottom: 1px solid rgba(0, 0, 0, 0.125); - color: #495057; - font-size: 16px; - line-height: 1.1; - margin: 0; - padding: 10px; +.custom-switch.custom-switch-off-maroon .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25); } -.timeline > div > .timeline-item > .timeline-header > a { - font-weight: 600; +.custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::after { + background-color: #670d2e; } -.timeline > div > .timeline-item > .timeline-body, -.timeline > div > .timeline-item > .timeline-footer { - padding: 10px; +.custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::before { + background-color: #d81b60; + border-color: #7d1038; } -.timeline > div > .timeline-item > .timeline-body > img { - margin: 10px; +.custom-switch.custom-switch-on-maroon .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25); } -.timeline > div > .timeline-item > .timeline-body > dl, -.timeline > div > .timeline-item > .timeline-body ol, -.timeline > div > .timeline-item > .timeline-body ul { - margin: 0; +.custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::after { + background-color: #f29aba; } -.timeline > div > .timeline-item > .timeline-footer > a { - color: #fff; +.custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::before { + background-color: #007bff; + border-color: #004a99; } -.timeline > div > .fa, -.timeline > div > .fas, -.timeline > div > .far, -.timeline > div > .fab, -.timeline > div > .fal, -.timeline > div > .fad, -.timeline > div > .svg-inline--fa, -.timeline > div > .ion { - background-color: #adb5bd; - border-radius: 50%; - font-size: 16px; - height: 30px; - left: 18px; - line-height: 30px; - position: absolute; - text-align: center; - top: 0; - width: 30px; +.custom-switch.custom-switch-off-blue .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); } -.timeline > div > .svg-inline--fa { - padding: 7px; +.custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::after { + background-color: #003e80; } -.timeline > .time-label > span { - border-radius: 4px; - background-color: #fff; - display: inline-block; - font-weight: 600; - padding: 5px; +.custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::before { + background-color: #007bff; + border-color: #004a99; } -.timeline-inverse > div > .timeline-item { - box-shadow: none; - background-color: #f8f9fa; - border: 1px solid #dee2e6; +.custom-switch.custom-switch-on-blue .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); } -.timeline-inverse > div > .timeline-item > .timeline-header { - border-bottom-color: #dee2e6; +.custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::after { + background-color: #99caff; } -.dark-mode .timeline::before { - background-color: #6c757d; +.custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::before { + background-color: #6610f2; + border-color: #3d0894; } -.dark-mode .timeline > div > .timeline-item { - background-color: #343a40; - color: #fff; - border-color: #6c757d; +.custom-switch.custom-switch-off-indigo .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25); } -.dark-mode .timeline > div > .timeline-item > .timeline-header { - color: #ced4da; - border-color: #6c757d; +.custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::after { + background-color: #33077c; } -.dark-mode .timeline > div > .timeline-item > .time { - color: #ced4da; +.custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::before { + background-color: #6610f2; + border-color: #3d0894; } -.products-list { - list-style: none; - margin: 0; - padding: 0; +.custom-switch.custom-switch-on-indigo .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25); } -.products-list > .item { - border-radius: 0.25rem; - background-color: #fff; - padding: 10px 0; -} - -.products-list > .item::after { - display: block; - clear: both; - content: ""; +.custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::after { + background-color: #c3a1fa; } -.products-list .product-img { - float: left; +.custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::before { + background-color: #6f42c1; + border-color: #432776; } -.products-list .product-img img { - height: 50px; - width: 50px; +.custom-switch.custom-switch-off-purple .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25); } -.products-list .product-info { - margin-left: 60px; +.custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::after { + background-color: #382063; } -.products-list .product-title { - font-weight: 600; +.custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::before { + background-color: #6f42c1; + border-color: #432776; } -.products-list .product-description { - color: #6c757d; - display: block; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; +.custom-switch.custom-switch-on-purple .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25); } -.product-list-in-card > .item { - border-radius: 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.125); +.custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::after { + background-color: #c7b5e7; } -.product-list-in-card > .item:last-of-type { - border-bottom-width: 0; +.custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::before { + background-color: #e83e8c; + border-color: #ac145a; } -.dark-mode .products-list > .item { - background-color: #343a40; - color: #fff; - border-bottom-color: #6c757d; +.custom-switch.custom-switch-off-pink .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25); } -.dark-mode .product-description { - color: #ced4da; +.custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::after { + background-color: #95124e; } -.direct-chat .card-body { - overflow-x: hidden; - padding: 0; - position: relative; +.custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::before { + background-color: #e83e8c; + border-color: #ac145a; } -.direct-chat.chat-pane-open .direct-chat-contacts { - transform: translate(0, 0); +.custom-switch.custom-switch-on-pink .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25); } -.direct-chat.timestamp-light .direct-chat-timestamp { - color: #30465f; +.custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::after { + background-color: #f8c7dd; } -.direct-chat.timestamp-dark .direct-chat-timestamp { - color: #cccccc; +.custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::before { + background-color: #dc3545; + border-color: #921925; } -.direct-chat-messages { - transform: translate(0, 0); - height: 250px; - overflow: auto; - padding: 10px; +.custom-switch.custom-switch-off-red .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); } -.direct-chat-msg, -.direct-chat-text { - display: block; +.custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::after { + background-color: #7c151f; } -.direct-chat-msg { - margin-bottom: 10px; +.custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::before { + background-color: #dc3545; + border-color: #921925; } -.direct-chat-msg::after { - display: block; - clear: both; - content: ""; +.custom-switch.custom-switch-on-red .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); } -.direct-chat-messages, -.direct-chat-contacts { - transition: transform .5s ease-in-out; +.custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::after { + background-color: #f3b7bd; } -.direct-chat-text { - border-radius: 0.3rem; - background-color: #d2d6de; - border: 1px solid #d2d6de; - color: #444; - margin: 5px 0 0 50px; - padding: 5px 10px; - position: relative; +.custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::before { + background-color: #fd7e14; + border-color: #aa4e01; } -.direct-chat-text::after, .direct-chat-text::before { - border: solid transparent; - border-right-color: #d2d6de; - content: " "; - height: 0; - pointer-events: none; - position: absolute; - right: 100%; - top: 15px; - width: 0; +.custom-switch.custom-switch-off-orange .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25); } -.direct-chat-text::after { - border-width: 5px; - margin-top: -5px; +.custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::after { + background-color: #904201; } -.direct-chat-text::before { - border-width: 6px; - margin-top: -6px; +.custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::before { + background-color: #fd7e14; + border-color: #aa4e01; } -.right .direct-chat-text { - margin-left: 0; - margin-right: 50px; +.custom-switch.custom-switch-on-orange .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25); } -.right .direct-chat-text::after, .right .direct-chat-text::before { - border-left-color: #d2d6de; - border-right-color: transparent; - left: 100%; - right: auto; +.custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fed1ac; } -.direct-chat-img { - border-radius: 50%; - float: left; - height: 40px; - width: 40px; +.custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::before { + background-color: #FFC0C0; + border-color: #ff5a5a; } -.right .direct-chat-img { - float: right; +.custom-switch.custom-switch-off-yellow .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 192, 192, 0.25); } -.direct-chat-infos { - display: block; - font-size: 0.875rem; - margin-bottom: 2px; +.custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::after { + background-color: #ff4141; } -.direct-chat-name { - font-weight: 600; +.custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FFC0C0; + border-color: #ff5a5a; } -.direct-chat-timestamp { - color: #697582; +.custom-switch.custom-switch-on-yellow .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 192, 192, 0.25); } -.direct-chat-contacts-open .direct-chat-contacts { - transform: translate(0, 0); +.custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::after { + background-color: white; } -.direct-chat-contacts { - transform: translate(101%, 0); - background-color: #343a40; - bottom: 0; - color: #fff; - height: 250px; - overflow: auto; - position: absolute; - top: 0; - width: 100%; +.custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::before { + background-color: #28a745; + border-color: #145523; } -.direct-chat-contacts-light { - background-color: #f8f9fa; +.custom-switch.custom-switch-off-green .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); } -.direct-chat-contacts-light .contacts-list-name { - color: #495057; +.custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::after { + background-color: #0f401b; } -.direct-chat-contacts-light .contacts-list-date { - color: #6c757d; +.custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::before { + background-color: #28a745; + border-color: #145523; } -.direct-chat-contacts-light .contacts-list-msg { - color: #545b62; +.custom-switch.custom-switch-on-green .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); } -.contacts-list { - padding-left: 0; - list-style: none; +.custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::after { + background-color: #86e29b; } -.contacts-list > li { - border-bottom: 1px solid rgba(0, 0, 0, 0.2); - margin: 0; - padding: 10px; +.custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::before { + background-color: #20c997; + border-color: #127155; } -.contacts-list > li::after { - display: block; - clear: both; - content: ""; +.custom-switch.custom-switch-off-teal .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25); } -.contacts-list > li:last-of-type { - border-bottom: 0; +.custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::after { + background-color: #0e5b44; } -.contacts-list-img { - border-radius: 50%; - float: left; - width: 40px; +.custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::before { + background-color: #20c997; + border-color: #127155; } -.contacts-list-info { - color: #fff; - margin-left: 45px; +.custom-switch.custom-switch-on-teal .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25); } -.contacts-list-name, -.contacts-list-status { - display: block; +.custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::after { + background-color: #94eed3; } -.contacts-list-name { - font-weight: 600; +.custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::before { + background-color: #17a2b8; + border-color: #0c525d; } -.contacts-list-status { - font-size: 0.875rem; +.custom-switch.custom-switch-off-cyan .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25); } -.contacts-list-date { - color: #ced4da; - font-weight: 400; +.custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::after { + background-color: #093e47; } -.contacts-list-msg { - color: #b1bbc4; +.custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::before { + background-color: #17a2b8; + border-color: #0c525d; } -.direct-chat-primary .right > .direct-chat-text { - background-color: #007bff; - border-color: #007bff; - color: #fff; +.custom-switch.custom-switch-on-cyan .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25); } -.direct-chat-primary .right > .direct-chat-text::after, .direct-chat-primary .right > .direct-chat-text::before { - border-left-color: #007bff; +.custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::after { + background-color: #7adeee; } -.direct-chat-secondary .right > .direct-chat-text { - background-color: #6c757d; - border-color: #6c757d; - color: #fff; +.custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::before { + background-color: #fff; + border-color: #cccccc; } -.direct-chat-secondary .right > .direct-chat-text::after, .direct-chat-secondary .right > .direct-chat-text::before { - border-left-color: #6c757d; +.custom-switch.custom-switch-off-white .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25); } -.direct-chat-success .right > .direct-chat-text { - background-color: #28a745; - border-color: #28a745; - color: #fff; +.custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::after { + background-color: #bfbfbf; } -.direct-chat-success .right > .direct-chat-text::after, .direct-chat-success .right > .direct-chat-text::before { - border-left-color: #28a745; +.custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::before { + background-color: #fff; + border-color: #cccccc; } -.direct-chat-info .right > .direct-chat-text { - background-color: #266c77; - border-color: #266c77; - color: #fff; +.custom-switch.custom-switch-on-white .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25); } -.direct-chat-info .right > .direct-chat-text::after, .direct-chat-info .right > .direct-chat-text::before { - border-left-color: #266c77; +.custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::after { + background-color: white; } -.direct-chat-warning .right > .direct-chat-text { - background-color: #ffc107; - border-color: #ffc107; - color: #1f2d3d; +.custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::before { + background-color: #6c757d; + border-color: #3d4246; } -.direct-chat-warning .right > .direct-chat-text::after, .direct-chat-warning .right > .direct-chat-text::before { - border-left-color: #ffc107; +.custom-switch.custom-switch-off-gray .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } -.direct-chat-danger .right > .direct-chat-text { - background-color: #dc3545; - border-color: #dc3545; - color: #fff; +.custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::after { + background-color: #313539; } -.direct-chat-danger .right > .direct-chat-text::after, .direct-chat-danger .right > .direct-chat-text::before { - border-left-color: #dc3545; +.custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::before { + background-color: #6c757d; + border-color: #3d4246; } -.direct-chat-light .right > .direct-chat-text { - background-color: #f8f9fa; - border-color: #f8f9fa; - color: #1f2d3d; +.custom-switch.custom-switch-on-gray .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } -.direct-chat-light .right > .direct-chat-text::after, .direct-chat-light .right > .direct-chat-text::before { - border-left-color: #f8f9fa; +.custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::after { + background-color: #bcc1c6; } -.direct-chat-dark .right > .direct-chat-text { +.custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::before { background-color: #343a40; - border-color: #343a40; - color: #fff; + border-color: #060708; } -.direct-chat-dark .right > .direct-chat-text::after, .direct-chat-dark .right > .direct-chat-text::before { - border-left-color: #343a40; +.custom-switch.custom-switch-off-gray-dark .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } -.direct-chat-lightblue .right > .direct-chat-text { - background-color: #3c8dbc; - border-color: #3c8dbc; - color: #fff; +.custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::after { + background-color: black; } -.direct-chat-lightblue .right > .direct-chat-text::after, .direct-chat-lightblue .right > .direct-chat-text::before { - border-left-color: #3c8dbc; +.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::before { + background-color: #343a40; + border-color: #060708; } -.direct-chat-navy .right > .direct-chat-text { - background-color: #001f3f; - border-color: #001f3f; - color: #fff; +.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } -.direct-chat-navy .right > .direct-chat-text::after, .direct-chat-navy .right > .direct-chat-text::before { - border-left-color: #001f3f; +.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::after { + background-color: #7a8793; } -.direct-chat-olive .right > .direct-chat-text { - background-color: #3d9970; - border-color: #3d9970; - color: #fff; +.custom-range.custom-range-primary:focus { + outline: none; } -.direct-chat-olive .right > .direct-chat-text::after, .direct-chat-olive .right > .direct-chat-text::before { - border-left-color: #3d9970; +.custom-range.custom-range-primary:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); } -.direct-chat-lime .right > .direct-chat-text { - background-color: #01ff70; - border-color: #01ff70; - color: #1f2d3d; +.custom-range.custom-range-primary:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); } -.direct-chat-lime .right > .direct-chat-text::after, .direct-chat-lime .right > .direct-chat-text::before { - border-left-color: #01ff70; +.custom-range.custom-range-primary:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); } -.direct-chat-fuchsia .right > .direct-chat-text { - background-color: #f012be; - border-color: #f012be; - color: #fff; +.custom-range.custom-range-primary::-webkit-slider-thumb { + background-color: #007bff; } -.direct-chat-fuchsia .right > .direct-chat-text::after, .direct-chat-fuchsia .right > .direct-chat-text::before { - border-left-color: #f012be; +.custom-range.custom-range-primary::-webkit-slider-thumb:active { + background-color: #b3d7ff; } -.direct-chat-maroon .right > .direct-chat-text { - background-color: #d81b60; - border-color: #d81b60; - color: #fff; +.custom-range.custom-range-primary::-moz-range-thumb { + background-color: #007bff; } -.direct-chat-maroon .right > .direct-chat-text::after, .direct-chat-maroon .right > .direct-chat-text::before { - border-left-color: #d81b60; +.custom-range.custom-range-primary::-moz-range-thumb:active { + background-color: #b3d7ff; } -.direct-chat-blue .right > .direct-chat-text { +.custom-range.custom-range-primary::-ms-thumb { background-color: #007bff; - border-color: #007bff; - color: #fff; } -.direct-chat-blue .right > .direct-chat-text::after, .direct-chat-blue .right > .direct-chat-text::before { - border-left-color: #007bff; +.custom-range.custom-range-primary::-ms-thumb:active { + background-color: #b3d7ff; } -.direct-chat-indigo .right > .direct-chat-text { - background-color: #6610f2; - border-color: #6610f2; - color: #fff; +.custom-range.custom-range-secondary:focus { + outline: none; } -.direct-chat-indigo .right > .direct-chat-text::after, .direct-chat-indigo .right > .direct-chat-text::before { - border-left-color: #6610f2; +.custom-range.custom-range-secondary:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } -.direct-chat-purple .right > .direct-chat-text { - background-color: #6f42c1; - border-color: #6f42c1; - color: #fff; +.custom-range.custom-range-secondary:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } -.direct-chat-purple .right > .direct-chat-text::after, .direct-chat-purple .right > .direct-chat-text::before { - border-left-color: #6f42c1; +.custom-range.custom-range-secondary:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } -.direct-chat-pink .right > .direct-chat-text { - background-color: #e83e8c; - border-color: #e83e8c; - color: #fff; +.custom-range.custom-range-secondary::-webkit-slider-thumb { + background-color: #6c757d; } -.direct-chat-pink .right > .direct-chat-text::after, .direct-chat-pink .right > .direct-chat-text::before { - border-left-color: #e83e8c; +.custom-range.custom-range-secondary::-webkit-slider-thumb:active { + background-color: #caced1; } -.direct-chat-red .right > .direct-chat-text { - background-color: #dc3545; - border-color: #dc3545; - color: #fff; +.custom-range.custom-range-secondary::-moz-range-thumb { + background-color: #6c757d; } -.direct-chat-red .right > .direct-chat-text::after, .direct-chat-red .right > .direct-chat-text::before { - border-left-color: #dc3545; +.custom-range.custom-range-secondary::-moz-range-thumb:active { + background-color: #caced1; } -.direct-chat-orange .right > .direct-chat-text { - background-color: #fd7e14; - border-color: #fd7e14; - color: #1f2d3d; +.custom-range.custom-range-secondary::-ms-thumb { + background-color: #6c757d; } -.direct-chat-orange .right > .direct-chat-text::after, .direct-chat-orange .right > .direct-chat-text::before { - border-left-color: #fd7e14; +.custom-range.custom-range-secondary::-ms-thumb:active { + background-color: #caced1; } -.direct-chat-yellow .right > .direct-chat-text { - background-color: #ffc107; - border-color: #ffc107; - color: #1f2d3d; +.custom-range.custom-range-success:focus { + outline: none; } -.direct-chat-yellow .right > .direct-chat-text::after, .direct-chat-yellow .right > .direct-chat-text::before { - border-left-color: #ffc107; +.custom-range.custom-range-success:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); } -.direct-chat-green .right > .direct-chat-text { - background-color: #28a745; - border-color: #28a745; - color: #fff; +.custom-range.custom-range-success:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); } -.direct-chat-green .right > .direct-chat-text::after, .direct-chat-green .right > .direct-chat-text::before { - border-left-color: #28a745; +.custom-range.custom-range-success:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); } -.direct-chat-teal .right > .direct-chat-text { - background-color: #20c997; - border-color: #20c997; - color: #fff; +.custom-range.custom-range-success::-webkit-slider-thumb { + background-color: #28a745; } -.direct-chat-teal .right > .direct-chat-text::after, .direct-chat-teal .right > .direct-chat-text::before { - border-left-color: #20c997; +.custom-range.custom-range-success::-webkit-slider-thumb:active { + background-color: #9be7ac; } -.direct-chat-cyan .right > .direct-chat-text { - background-color: #266c77; - border-color: #266c77; - color: #fff; +.custom-range.custom-range-success::-moz-range-thumb { + background-color: #28a745; } -.direct-chat-cyan .right > .direct-chat-text::after, .direct-chat-cyan .right > .direct-chat-text::before { - border-left-color: #266c77; +.custom-range.custom-range-success::-moz-range-thumb:active { + background-color: #9be7ac; } -.direct-chat-white .right > .direct-chat-text { - background-color: #fff; - border-color: #fff; - color: #1f2d3d; +.custom-range.custom-range-success::-ms-thumb { + background-color: #28a745; } -.direct-chat-white .right > .direct-chat-text::after, .direct-chat-white .right > .direct-chat-text::before { - border-left-color: #fff; +.custom-range.custom-range-success::-ms-thumb:active { + background-color: #9be7ac; } -.direct-chat-gray .right > .direct-chat-text { - background-color: #6c757d; - border-color: #6c757d; - color: #fff; +.custom-range.custom-range-info:focus { + outline: none; } -.direct-chat-gray .right > .direct-chat-text::after, .direct-chat-gray .right > .direct-chat-text::before { - border-left-color: #6c757d; +.custom-range.custom-range-info:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25); } -.direct-chat-gray-dark .right > .direct-chat-text { - background-color: #343a40; - border-color: #343a40; - color: #fff; +.custom-range.custom-range-info:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25); } -.direct-chat-gray-dark .right > .direct-chat-text::after, .direct-chat-gray-dark .right > .direct-chat-text::before { - border-left-color: #343a40; +.custom-range.custom-range-info:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25); } -.dark-mode .direct-chat-text { - background-color: #454d55; - border-color: #4b545c; - color: #fff; +.custom-range.custom-range-info::-webkit-slider-thumb { + background-color: #17a2b8; } -.dark-mode .direct-chat-text::after, .dark-mode .direct-chat-text::before { - border-right-color: #4b545c; +.custom-range.custom-range-info::-webkit-slider-thumb:active { + background-color: #90e4f1; } -.dark-mode .direct-chat-timestamp { - color: #adb5bd; +.custom-range.custom-range-info::-moz-range-thumb { + background-color: #17a2b8; } -.dark-mode .right > .direct-chat-text::after, .dark-mode .right > .direct-chat-text::before { - border-right-color: transparent; +.custom-range.custom-range-info::-moz-range-thumb:active { + background-color: #90e4f1; } -.users-list { - padding-left: 0; - list-style: none; +.custom-range.custom-range-info::-ms-thumb { + background-color: #17a2b8; } -.users-list > li { - float: left; - padding: 10px; - text-align: center; - width: 25%; +.custom-range.custom-range-info::-ms-thumb:active { + background-color: #90e4f1; } -.users-list > li img { - border-radius: 50%; - height: auto; - max-width: 100%; +.custom-range.custom-range-warning:focus { + outline: none; } -.users-list > li > a:hover, -.users-list > li > a:hover .users-list-name { - color: #999; +.custom-range.custom-range-warning:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 192, 192, 0.25); } -.users-list-name, -.users-list-date { - display: block; +.custom-range.custom-range-warning:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 192, 192, 0.25); } -.users-list-name { - color: #495057; - font-size: 0.875rem; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; +.custom-range.custom-range-warning:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 192, 192, 0.25); } -.users-list-date { - color: #748290; - font-size: 12px; +.custom-range.custom-range-warning::-webkit-slider-thumb { + background-color: #FFC0C0; } -.dark-mode .users-list-name { - color: #ced4da; +.custom-range.custom-range-warning::-webkit-slider-thumb:active { + background-color: white; } -.dark-mode .users-list-date { - color: #adb5bd; +.custom-range.custom-range-warning::-moz-range-thumb { + background-color: #FFC0C0; } -.card-widget { - border: 0; - position: relative; +.custom-range.custom-range-warning::-moz-range-thumb:active { + background-color: white; } -.widget-user .widget-user-header { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; - height: 135px; - padding: 1rem; - text-align: center; +.custom-range.custom-range-warning::-ms-thumb { + background-color: #FFC0C0; } -.widget-user .widget-user-username { - font-size: 25px; - font-weight: 300; - margin-bottom: 0; - margin-top: 0; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); +.custom-range.custom-range-warning::-ms-thumb:active { + background-color: white; } -.widget-user .widget-user-desc { - margin-top: 0; +.custom-range.custom-range-danger:focus { + outline: none; } -.widget-user .widget-user-image { - left: 50%; - margin-left: -45px; - position: absolute; - top: 80px; +.custom-range.custom-range-danger:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); } -.widget-user .widget-user-image > img { - border: 3px solid #fff; - height: auto; - width: 90px; +.custom-range.custom-range-danger:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); } -.widget-user .card-footer { - padding-top: 50px; +.custom-range.custom-range-danger:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); } -.widget-user-2 .widget-user-header { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; - padding: 1rem; +.custom-range.custom-range-danger::-webkit-slider-thumb { + background-color: #dc3545; } -.widget-user-2 .widget-user-username { - font-size: 25px; - font-weight: 300; - margin-bottom: 5px; - margin-top: 5px; +.custom-range.custom-range-danger::-webkit-slider-thumb:active { + background-color: #f6cdd1; } -.widget-user-2 .widget-user-desc { - margin-top: 0; +.custom-range.custom-range-danger::-moz-range-thumb { + background-color: #dc3545; } -.widget-user-2 .widget-user-username, -.widget-user-2 .widget-user-desc { - margin-left: 75px; +.custom-range.custom-range-danger::-moz-range-thumb:active { + background-color: #f6cdd1; } -.widget-user-2 .widget-user-image > img { - float: left; - height: auto; - width: 65px; +.custom-range.custom-range-danger::-ms-thumb { + background-color: #dc3545; } -.mailbox-messages > .table { - margin: 0; +.custom-range.custom-range-danger::-ms-thumb:active { + background-color: #f6cdd1; } -.mailbox-controls { - padding: 5px; +.custom-range.custom-range-light:focus { + outline: none; } -.mailbox-controls.with-border { - border-bottom: 1px solid rgba(0, 0, 0, 0.125); +.custom-range.custom-range-light:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25); } -.mailbox-read-info { - border-bottom: 1px solid rgba(0, 0, 0, 0.125); - padding: 10px; +.custom-range.custom-range-light:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25); } -.mailbox-read-info h3 { - font-size: 20px; - margin: 0; +.custom-range.custom-range-light:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25); } -.mailbox-read-info h5 { - margin: 0; - padding: 5px 0 0; +.custom-range.custom-range-light::-webkit-slider-thumb { + background-color: #f8f9fa; } -.mailbox-read-time { - color: #999; - font-size: 13px; +.custom-range.custom-range-light::-webkit-slider-thumb:active { + background-color: white; } -.mailbox-read-message { - padding: 10px; +.custom-range.custom-range-light::-moz-range-thumb { + background-color: #f8f9fa; } -.mailbox-attachments { - padding-left: 0; - list-style: none; +.custom-range.custom-range-light::-moz-range-thumb:active { + background-color: white; } -.mailbox-attachments li { - border: 1px solid #eee; - float: left; - margin-bottom: 10px; - margin-right: 10px; - width: 200px; +.custom-range.custom-range-light::-ms-thumb { + background-color: #f8f9fa; } -.mailbox-attachment-name { - color: #666; - font-weight: 700; +.custom-range.custom-range-light::-ms-thumb:active { + background-color: white; } -.mailbox-attachment-icon, -.mailbox-attachment-info, -.mailbox-attachment-size { - display: block; +.custom-range.custom-range-dark:focus { + outline: none; } -.mailbox-attachment-info { - background-color: #f8f9fa; - padding: 10px; +.custom-range.custom-range-dark:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } -.mailbox-attachment-size { - color: #999; - font-size: 12px; +.custom-range.custom-range-dark:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } -.mailbox-attachment-size > span { - display: inline-block; - padding-top: .75rem; +.custom-range.custom-range-dark:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } -.mailbox-attachment-icon { - color: #666; - font-size: 65px; - max-height: 132.5px; - padding: 20px 10px; - text-align: center; +.custom-range.custom-range-dark::-webkit-slider-thumb { + background-color: #343a40; } -.mailbox-attachment-icon.has-img { - padding: 0; +.custom-range.custom-range-dark::-webkit-slider-thumb:active { + background-color: #88939e; } -.mailbox-attachment-icon.has-img > img { - height: auto; - max-width: 100%; +.custom-range.custom-range-dark::-moz-range-thumb { + background-color: #343a40; } -.lockscreen { - background-color: #e9ecef; +.custom-range.custom-range-dark::-moz-range-thumb:active { + background-color: #88939e; } -.lockscreen .lockscreen-name { - font-weight: 600; - text-align: center; +.custom-range.custom-range-dark::-ms-thumb { + background-color: #343a40; } -.lockscreen-logo { - font-size: 35px; - font-weight: 300; - margin-bottom: 25px; - text-align: center; +.custom-range.custom-range-dark::-ms-thumb:active { + background-color: #88939e; } -.lockscreen-logo a { - color: #495057; +.custom-range.custom-range-lightblue:focus { + outline: none; } -.lockscreen-wrapper { - margin: 0 auto; - margin-top: 10%; - max-width: 400px; +.custom-range.custom-range-lightblue:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25); } -.lockscreen-item { - border-radius: 4px; - background-color: #fff; - margin: 10px auto 30px; - padding: 0; - position: relative; - width: 290px; +.custom-range.custom-range-lightblue:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25); } -.lockscreen-image { - border-radius: 50%; - background-color: #fff; - left: -10px; - padding: 5px; - position: absolute; - top: -25px; - z-index: 10; +.custom-range.custom-range-lightblue:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25); } -.lockscreen-image > img { - border-radius: 50%; - height: 70px; - width: 70px; +.custom-range.custom-range-lightblue::-webkit-slider-thumb { + background-color: #3c8dbc; } -.lockscreen-credentials { - margin-left: 70px; +.custom-range.custom-range-lightblue::-webkit-slider-thumb:active { + background-color: #c0dbeb; } -.lockscreen-credentials .form-control { - border: 0; +.custom-range.custom-range-lightblue::-moz-range-thumb { + background-color: #3c8dbc; } -.lockscreen-credentials .btn { - background-color: #fff; - border: 0; - padding: 0 10px; +.custom-range.custom-range-lightblue::-moz-range-thumb:active { + background-color: #c0dbeb; } -.lockscreen-footer { - margin-top: 10px; +.custom-range.custom-range-lightblue::-ms-thumb { + background-color: #3c8dbc; } -.dark-mode .lockscreen-item { - background-color: #343a40; +.custom-range.custom-range-lightblue::-ms-thumb:active { + background-color: #c0dbeb; } -.dark-mode .lockscreen-logo a { - color: #fff; +.custom-range.custom-range-navy:focus { + outline: none; } -.dark-mode .lockscreen-credentials .btn { - background-color: #343a40; +.custom-range.custom-range-navy:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25); } -.dark-mode .lockscreen-image { - background-color: #6c757d; +.custom-range.custom-range-navy:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25); } -.login-logo, -.register-logo { - font-size: 2.1rem; - font-weight: 300; - margin-bottom: .9rem; - text-align: center; +.custom-range.custom-range-navy:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25); } -.login-logo a, -.register-logo a { - color: #495057; +.custom-range.custom-range-navy::-webkit-slider-thumb { + background-color: #001f3f; } -.login-page, -.register-page { - -ms-flex-align: center; - align-items: center; - background-color: #e9ecef; - display: -ms-flexbox; - display: flex; - -ms-flex-direction: column; - flex-direction: column; - height: 100vh; - -ms-flex-pack: center; - justify-content: center; +.custom-range.custom-range-navy::-webkit-slider-thumb:active { + background-color: #0077f2; } -.login-box, -.register-box { - width: 360px; +.custom-range.custom-range-navy::-moz-range-thumb { + background-color: #001f3f; } -@media (max-width: 576px) { - .login-box, - .register-box { - margin-top: .5rem; - width: 90%; - } +.custom-range.custom-range-navy::-moz-range-thumb:active { + background-color: #0077f2; } -.login-box .card, -.register-box .card { - margin-bottom: 0; +.custom-range.custom-range-navy::-ms-thumb { + background-color: #001f3f; } -.login-card-body, -.register-card-body { - background-color: #fff; - border-top: 0; - color: #666; - padding: 20px; +.custom-range.custom-range-navy::-ms-thumb:active { + background-color: #0077f2; } -.login-card-body .input-group .form-control, -.register-card-body .input-group .form-control { - border-right: 0; +.custom-range.custom-range-olive:focus { + outline: none; } -.login-card-body .input-group .form-control:focus, -.register-card-body .input-group .form-control:focus { - box-shadow: none; +.custom-range.custom-range-olive:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25); } -.login-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text, -.login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text, -.register-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text, -.register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text { - border-color: #80bdff; +.custom-range.custom-range-olive:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25); } -.login-card-body .input-group .form-control.is-valid:focus, -.register-card-body .input-group .form-control.is-valid:focus { - box-shadow: none; +.custom-range.custom-range-olive:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25); } -.login-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text, -.login-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text, -.register-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text, -.register-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text { - border-color: #28a745; +.custom-range.custom-range-olive::-webkit-slider-thumb { + background-color: #3d9970; } -.login-card-body .input-group .form-control.is-invalid:focus, -.register-card-body .input-group .form-control.is-invalid:focus { - box-shadow: none; +.custom-range.custom-range-olive::-webkit-slider-thumb:active { + background-color: #abdec7; } -.login-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text, -.register-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text { - border-color: #dc3545; +.custom-range.custom-range-olive::-moz-range-thumb { + background-color: #3d9970; } -.login-card-body .input-group .input-group-text, -.register-card-body .input-group .input-group-text { - background-color: transparent; - border-bottom-right-radius: 0.25rem; - border-left: 0; - border-top-right-radius: 0.25rem; - color: #777; - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +.custom-range.custom-range-olive::-moz-range-thumb:active { + background-color: #abdec7; } -.login-box-msg, -.register-box-msg { - margin: 0; - padding: 0 20px 20px; - text-align: center; +.custom-range.custom-range-olive::-ms-thumb { + background-color: #3d9970; } -.social-auth-links { - margin: 10px 0; +.custom-range.custom-range-olive::-ms-thumb:active { + background-color: #abdec7; } -.dark-mode .login-card-body, -.dark-mode .register-card-body { - background-color: #343a40; - border-color: #6c757d; - color: #fff; +.custom-range.custom-range-lime:focus { + outline: none; } -.dark-mode .login-logo a, -.dark-mode .register-logo a { - color: #fff; +.custom-range.custom-range-lime:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25); } -.error-page { - margin: 20px auto 0; - width: 600px; +.custom-range.custom-range-lime:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25); } -@media (max-width: 767.98px) { - .error-page { - width: 100%; - } +.custom-range.custom-range-lime:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25); } -.error-page > .headline { - float: left; - font-size: 100px; - font-weight: 300; +.custom-range.custom-range-lime::-webkit-slider-thumb { + background-color: #01ff70; } -@media (max-width: 767.98px) { - .error-page > .headline { - float: none; - text-align: center; - } +.custom-range.custom-range-lime::-webkit-slider-thumb:active { + background-color: #b4ffd4; } -.error-page > .error-content { - display: block; - margin-left: 190px; +.custom-range.custom-range-lime::-moz-range-thumb { + background-color: #01ff70; } -@media (max-width: 767.98px) { - .error-page > .error-content { - margin-left: 0; - } +.custom-range.custom-range-lime::-moz-range-thumb:active { + background-color: #b4ffd4; } -.error-page > .error-content > h3 { - font-size: 25px; - font-weight: 300; +.custom-range.custom-range-lime::-ms-thumb { + background-color: #01ff70; } -@media (max-width: 767.98px) { - .error-page > .error-content > h3 { - text-align: center; - } +.custom-range.custom-range-lime::-ms-thumb:active { + background-color: #b4ffd4; } -.invoice { - background-color: #fff; - border: 1px solid rgba(0, 0, 0, 0.125); - position: relative; +.custom-range.custom-range-fuchsia:focus { + outline: none; } -.invoice-title { - margin-top: 0; +.custom-range.custom-range-fuchsia:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25); } -.dark-mode .invoice { - background-color: #343a40; +.custom-range.custom-range-fuchsia:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25); } -.profile-user-img { - border: 3px solid #adb5bd; - margin: 0 auto; - padding: 3px; - width: 100px; +.custom-range.custom-range-fuchsia:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25); } -.profile-username { - font-size: 21px; - margin-top: 5px; +.custom-range.custom-range-fuchsia::-webkit-slider-thumb { + background-color: #f012be; } -.post { - border-bottom: 1px solid #adb5bd; - color: #666; - margin-bottom: 15px; - padding-bottom: 15px; +.custom-range.custom-range-fuchsia::-webkit-slider-thumb:active { + background-color: #fbbaec; } -.post:last-of-type { - border-bottom: 0; - margin-bottom: 0; - padding-bottom: 0; -} - -.post .user-block { - margin-bottom: 15px; - width: 100%; +.custom-range.custom-range-fuchsia::-moz-range-thumb { + background-color: #f012be; } -.post .row { - width: 100%; +.custom-range.custom-range-fuchsia::-moz-range-thumb:active { + background-color: #fbbaec; } -.dark-mode .post { - color: #fff; - border-color: #6c757d; +.custom-range.custom-range-fuchsia::-ms-thumb { + background-color: #f012be; } -.product-image { - max-width: 100%; - height: auto; - width: 100%; +.custom-range.custom-range-fuchsia::-ms-thumb:active { + background-color: #fbbaec; } -.product-image-thumbs { - -ms-flex-align: stretch; - align-items: stretch; - display: -ms-flexbox; - display: flex; - margin-top: 2rem; +.custom-range.custom-range-maroon:focus { + outline: none; } -.product-image-thumb { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); - border-radius: 0.25rem; - background-color: #fff; - border: 1px solid #dee2e6; - display: -ms-flexbox; - display: flex; - margin-right: 1rem; - max-width: 7rem; - padding: 0.5rem; +.custom-range.custom-range-maroon:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25); } -.product-image-thumb img { - max-width: 100%; - height: auto; - -ms-flex-item-align: center; - align-self: center; +.custom-range.custom-range-maroon:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25); } -.product-image-thumb:hover { - opacity: .5; +.custom-range.custom-range-maroon:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25); } -.product-share a { - margin-right: .5rem; +.custom-range.custom-range-maroon::-webkit-slider-thumb { + background-color: #d81b60; } -.projects td { - vertical-align: middle; +.custom-range.custom-range-maroon::-webkit-slider-thumb:active { + background-color: #f5b0c9; } -.projects .list-inline { - margin-bottom: 0; +.custom-range.custom-range-maroon::-moz-range-thumb { + background-color: #d81b60; } -.projects img.table-avatar, -.projects .table-avatar img { - border-radius: 50%; - display: inline; - width: 2.5rem; +.custom-range.custom-range-maroon::-moz-range-thumb:active { + background-color: #f5b0c9; } -.projects .project-state { - text-align: center; +.custom-range.custom-range-maroon::-ms-thumb { + background-color: #d81b60; } -body.iframe-mode .main-sidebar { - display: none; +.custom-range.custom-range-maroon::-ms-thumb:active { + background-color: #f5b0c9; } -body.iframe-mode .content-wrapper { - margin-left: 0 !important; - margin-top: 0 !important; - padding-bottom: 0 !important; +.custom-range.custom-range-blue:focus { + outline: none; } -body.iframe-mode .main-header, -body.iframe-mode .main-footer { - display: none; +.custom-range.custom-range-blue:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); } -body.iframe-mode-fullscreen { - overflow: hidden; +.custom-range.custom-range-blue:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); } -.content-wrapper { - height: 100%; +.custom-range.custom-range-blue:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); } -.content-wrapper.iframe-mode .navbar-nav { - overflow-y: auto; - width: 100%; +.custom-range.custom-range-blue::-webkit-slider-thumb { + background-color: #007bff; } -.content-wrapper.iframe-mode .navbar-nav .nav-link { - white-space: nowrap; +.custom-range.custom-range-blue::-webkit-slider-thumb:active { + background-color: #b3d7ff; } -.content-wrapper.iframe-mode .tab-content { - position: relative; +.custom-range.custom-range-blue::-moz-range-thumb { + background-color: #007bff; } -.content-wrapper.iframe-mode .tab-empty { - width: 100%; - display: -ms-flexbox; - display: flex; - -ms-flex-pack: center; - justify-content: center; - -ms-flex-align: center; - align-items: center; +.custom-range.custom-range-blue::-moz-range-thumb:active { + background-color: #b3d7ff; } -.content-wrapper.iframe-mode .tab-loading { - position: absolute; - top: 0; - left: 0; - width: 100%; - display: none; - background-color: #f4f6f9; +.custom-range.custom-range-blue::-ms-thumb { + background-color: #007bff; } -.content-wrapper.iframe-mode .tab-loading > div { - display: -ms-flexbox; - display: flex; - -ms-flex-pack: center; - justify-content: center; - -ms-flex-align: center; - align-items: center; - width: 100%; - height: 100%; +.custom-range.custom-range-blue::-ms-thumb:active { + background-color: #b3d7ff; } -.content-wrapper.iframe-mode iframe { - border: 0; - width: 100%; - height: 100%; +.custom-range.custom-range-indigo:focus { + outline: none; } -.content-wrapper.iframe-mode iframe .content-wrapper { - padding-bottom: 0 !important; +.custom-range.custom-range-indigo:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25); } -body.iframe-mode-fullscreen .content-wrapper.iframe-mode { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - margin-left: 0 !important; - height: 100%; - min-height: 100%; - z-index: 1048; +.custom-range.custom-range-indigo:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25); } -.content-wrapper.kanban { - height: 1px; +.custom-range.custom-range-indigo:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25); } -.content-wrapper.kanban .content { - height: 100%; - overflow-x: auto; - overflow-y: hidden; +.custom-range.custom-range-indigo::-webkit-slider-thumb { + background-color: #6610f2; } -.content-wrapper.kanban .content .container, -.content-wrapper.kanban .content .container-fluid, -.content-wrapper.kanban .content .container-sm, -.content-wrapper.kanban .content .container-md, -.content-wrapper.kanban .content .container-lg, -.content-wrapper.kanban .content .container-xl { - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - display: -ms-flexbox; - display: flex; - -ms-flex-align: stretch; - align-items: stretch; +.custom-range.custom-range-indigo::-webkit-slider-thumb:active { + background-color: #d2b9fb; } -.content-wrapper.kanban .content-header + .content { - height: calc(100% - ((2 * 15px) + (1.8rem * 1.2))); +.custom-range.custom-range-indigo::-moz-range-thumb { + background-color: #6610f2; } -.content-wrapper.kanban .card .card-body { - padding: .5rem; +.custom-range.custom-range-indigo::-moz-range-thumb:active { + background-color: #d2b9fb; } -.content-wrapper.kanban .card.card-row { - width: 340px; - display: inline-block; - margin: 0 .5rem; +.custom-range.custom-range-indigo::-ms-thumb { + background-color: #6610f2; } -.content-wrapper.kanban .card.card-row:first-child { - margin-left: 0; +.custom-range.custom-range-indigo::-ms-thumb:active { + background-color: #d2b9fb; } -.content-wrapper.kanban .card.card-row .card-body { - height: 100%; - overflow-y: auto; +.custom-range.custom-range-purple:focus { + outline: none; } -.content-wrapper.kanban .card.card-row .card .card-header { - padding: .5rem .75rem; +.custom-range.custom-range-purple:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25); } -.content-wrapper.kanban .card.card-row .card .card-body { - padding: .75rem; +.custom-range.custom-range-purple:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25); } -.content-wrapper.kanban .btn-tool.btn-link { - text-decoration: underline; - padding-left: 0; - padding-right: 0; +.custom-range.custom-range-purple:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25); } -.fc-button { - background: #f8f9fa; - background-image: none; - border-bottom-color: #ddd; - border-color: #ddd; - color: #495057; +.custom-range.custom-range-purple::-webkit-slider-thumb { + background-color: #6f42c1; } -.fc-button:hover, .fc-button:active, .fc-button.hover { - background-color: #e9e9e9; +.custom-range.custom-range-purple::-webkit-slider-thumb:active { + background-color: #d5c8ed; } -.fc-header-title h2 { - color: #666; - font-size: 15px; - line-height: 1.6em; - margin-left: 10px; +.custom-range.custom-range-purple::-moz-range-thumb { + background-color: #6f42c1; } -.fc-header-right { - padding-right: 10px; +.custom-range.custom-range-purple::-moz-range-thumb:active { + background-color: #d5c8ed; } -.fc-header-left { - padding-left: 10px; +.custom-range.custom-range-purple::-ms-thumb { + background-color: #6f42c1; } -.fc-widget-header { - background: #fafafa; +.custom-range.custom-range-purple::-ms-thumb:active { + background-color: #d5c8ed; } -.fc-grid { - border: 0; - width: 100%; +.custom-range.custom-range-pink:focus { + outline: none; } -.fc-widget-header:first-of-type, -.fc-widget-content:first-of-type { - border-left: 0; - border-right: 0; +.custom-range.custom-range-pink:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25); } -.fc-widget-header:last-of-type, -.fc-widget-content:last-of-type { - border-right: 0; +.custom-range.custom-range-pink:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25); } -.fc-toolbar, -.fc-toolbar.fc-header-toolbar { - margin: 0; - padding: 1rem; +.custom-range.custom-range-pink:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25); } -@media (max-width: 575.98px) { - .fc-toolbar { - -ms-flex-direction: column; - flex-direction: column; - } - .fc-toolbar .fc-left { - -ms-flex-order: 1; - order: 1; - margin-bottom: .5rem; - } - .fc-toolbar .fc-center { - -ms-flex-order: 0; - order: 0; - margin-bottom: .375rem; - } - .fc-toolbar .fc-right { - -ms-flex-order: 2; - order: 2; - } +.custom-range.custom-range-pink::-webkit-slider-thumb { + background-color: #e83e8c; } -.fc-day-number { - font-size: 20px; - font-weight: 300; - padding-right: 10px; +.custom-range.custom-range-pink::-webkit-slider-thumb:active { + background-color: #fbddeb; } -.fc-color-picker { - list-style: none; - margin: 0; - padding: 0; +.custom-range.custom-range-pink::-moz-range-thumb { + background-color: #e83e8c; } -.fc-color-picker > li { - float: left; - font-size: 30px; - line-height: 30px; - margin-right: 5px; +.custom-range.custom-range-pink::-moz-range-thumb:active { + background-color: #fbddeb; } -.fc-color-picker > li .fa, -.fc-color-picker > li .fas, -.fc-color-picker > li .far, -.fc-color-picker > li .fab, -.fc-color-picker > li .fal, -.fc-color-picker > li .fad, -.fc-color-picker > li .svg-inline--fa, -.fc-color-picker > li .ion { - transition: transform linear .3s; +.custom-range.custom-range-pink::-ms-thumb { + background-color: #e83e8c; } -.fc-color-picker > li .fa:hover, -.fc-color-picker > li .fas:hover, -.fc-color-picker > li .far:hover, -.fc-color-picker > li .fab:hover, -.fc-color-picker > li .fal:hover, -.fc-color-picker > li .fad:hover, -.fc-color-picker > li .svg-inline--fa:hover, -.fc-color-picker > li .ion:hover { - transform: rotate(30deg); +.custom-range.custom-range-pink::-ms-thumb:active { + background-color: #fbddeb; } -#add-new-event { - transition: all linear .3s; +.custom-range.custom-range-red:focus { + outline: none; } -.external-event { - box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); - border-radius: 0.25rem; - cursor: move; - font-weight: 700; - margin-bottom: 4px; - padding: 5px 10px; +.custom-range.custom-range-red:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); } -.external-event:hover { - box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2); +.custom-range.custom-range-red:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); } -.select2-container--default .select2-selection--single { - border: 1px solid #ced4da; - padding: 0.46875rem 0.75rem; - height: calc(2.25rem + 2px); +.custom-range.custom-range-red:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); } -.select2-container--default.select2-container--open .select2-selection--single { - border-color: #80bdff; +.custom-range.custom-range-red::-webkit-slider-thumb { + background-color: #dc3545; } -.select2-container--default .select2-dropdown { - border: 1px solid #ced4da; +.custom-range.custom-range-red::-webkit-slider-thumb:active { + background-color: #f6cdd1; } -.select2-container--default .select2-results__option { - padding: 6px 12px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; +.custom-range.custom-range-red::-moz-range-thumb { + background-color: #dc3545; } -.select2-container--default .select2-selection--single .select2-selection__rendered { - padding-left: 0; - height: auto; - margin-top: -3px; +.custom-range.custom-range-red::-moz-range-thumb:active { + background-color: #f6cdd1; } -.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__rendered { - padding-right: 6px; - padding-left: 20px; +.custom-range.custom-range-red::-ms-thumb { + background-color: #dc3545; } -.select2-container--default .select2-selection--single .select2-selection__arrow { - height: 31px; - right: 6px; +.custom-range.custom-range-red::-ms-thumb:active { + background-color: #f6cdd1; } -.select2-container--default .select2-selection--single .select2-selection__arrow b { - margin-top: 0; +.custom-range.custom-range-orange:focus { + outline: none; } -.select2-container--default .select2-dropdown .select2-search__field, -.select2-container--default .select2-search--inline .select2-search__field { - border: 1px solid #ced4da; +.custom-range.custom-range-orange:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25); } -.select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-search--inline .select2-search__field:focus { - outline: none; - border: 1px solid #80bdff; +.custom-range.custom-range-orange:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25); } -.select2-container--default .select2-dropdown.select2-dropdown--below { - border-top: 0; +.custom-range.custom-range-orange:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25); } -.select2-container--default .select2-dropdown.select2-dropdown--above { - border-bottom: 0; +.custom-range.custom-range-orange::-webkit-slider-thumb { + background-color: #fd7e14; } -.select2-container--default .select2-results__option[aria-disabled='true'] { - color: #6c757d; +.custom-range.custom-range-orange::-webkit-slider-thumb:active { + background-color: #ffdfc5; } -.select2-container--default .select2-results__option[aria-selected='true'] { - background-color: #dee2e6; +.custom-range.custom-range-orange::-moz-range-thumb { + background-color: #fd7e14; } -.select2-container--default .select2-results__option[aria-selected='true'], .select2-container--default .select2-results__option[aria-selected='true']:hover { - color: #1f2d3d; +.custom-range.custom-range-orange::-moz-range-thumb:active { + background-color: #ffdfc5; } -.select2-container--default .select2-results__option--highlighted { - background-color: #007bff; - color: #fff; +.custom-range.custom-range-orange::-ms-thumb { + background-color: #fd7e14; } -.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #0074f0; - color: #fff; +.custom-range.custom-range-orange::-ms-thumb:active { + background-color: #ffdfc5; } -.select2-container--default .select2-selection--multiple { - border: 1px solid #ced4da; - min-height: calc(2.25rem + 2px); +.custom-range.custom-range-yellow:focus { + outline: none; } -.select2-container--default .select2-selection--multiple:focus { - border-color: #80bdff; +.custom-range.custom-range-yellow:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 192, 192, 0.25); } -.select2-container--default .select2-selection--multiple .select2-selection__rendered { - padding: 0 0.375rem 0.375rem; - margin-bottom: -0.375rem; +.custom-range.custom-range-yellow:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 192, 192, 0.25); } -.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline { - width: 100%; - margin-left: 0.375rem; +.custom-range.custom-range-yellow:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 192, 192, 0.25); } -.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline .select2-search__field { - width: 100% !important; +.custom-range.custom-range-yellow::-webkit-slider-thumb { + background-color: #FFC0C0; } -.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field { - border: 0; - margin-top: 6px; +.custom-range.custom-range-yellow::-webkit-slider-thumb:active { + background-color: white; } -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #007bff; - border-color: #006fe6; - color: #fff; - padding: 0 10px; - margin-top: .31rem; +.custom-range.custom-range-yellow::-moz-range-thumb { + background-color: #FFC0C0; } -.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); - float: right; - margin-left: 5px; - margin-right: -2px; +.custom-range.custom-range-yellow::-moz-range-thumb:active { + background-color: white; } -.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.custom-range.custom-range-yellow::-ms-thumb { + background-color: #FFC0C0; } -.text-sm .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field, .select2-container--default .select2-selection--multiple.text-sm .select2-search.select2-search--inline .select2-search__field { - margin-top: 8px; +.custom-range.custom-range-yellow::-ms-thumb:active { + background-color: white; } -.text-sm .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple.text-sm .select2-selection__choice { - margin-top: .4rem; +.custom-range.custom-range-green:focus { + outline: none; } -.select2-container--default.select2-container--focus .select2-selection--single, -.select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #80bdff; +.custom-range.custom-range-green:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); } -.select2-container--default.select2-container--focus .select2-search__field { - border: 0; +.custom-range.custom-range-green:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); } -.select2-container--default .select2-selection--single .select2-selection__rendered li { - padding-right: 10px; +.custom-range.custom-range-green:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); } -.input-group-prepend ~ .select2-container--default .select2-selection { - border-bottom-left-radius: 0; - border-top-left-radius: 0; +.custom-range.custom-range-green::-webkit-slider-thumb { + background-color: #28a745; } -.input-group > .select2-container--default:not(:last-child) .select2-selection { - border-bottom-right-radius: 0; - border-top-right-radius: 0; +.custom-range.custom-range-green::-webkit-slider-thumb:active { + background-color: #9be7ac; } -.select2-container--bootstrap4.select2-container--focus .select2-selection { - box-shadow: none; -} - -select.form-control-sm ~ .select2-container--default { - font-size: 0.875rem; +.custom-range.custom-range-green::-moz-range-thumb { + background-color: #28a745; } -.text-sm .select2-container--default .select2-selection--single, -select.form-control-sm ~ .select2-container--default .select2-selection--single { - height: calc(1.8125rem + 2px); +.custom-range.custom-range-green::-moz-range-thumb:active { + background-color: #9be7ac; } -.text-sm .select2-container--default .select2-selection--single .select2-selection__rendered, -select.form-control-sm ~ .select2-container--default .select2-selection--single .select2-selection__rendered { - margin-top: -.4rem; +.custom-range.custom-range-green::-ms-thumb { + background-color: #28a745; } -.text-sm .select2-container--default .select2-selection--single .select2-selection__arrow, -select.form-control-sm ~ .select2-container--default .select2-selection--single .select2-selection__arrow { - top: -.12rem; +.custom-range.custom-range-green::-ms-thumb:active { + background-color: #9be7ac; } -.text-sm .select2-container--default .select2-selection--multiple, -select.form-control-sm ~ .select2-container--default .select2-selection--multiple { - min-height: calc(1.8125rem + 2px); +.custom-range.custom-range-teal:focus { + outline: none; } -.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered, -select.form-control-sm ~ .select2-container--default .select2-selection--multiple .select2-selection__rendered { - padding: 0 0.25rem 0.25rem; - margin-top: -0.1rem; +.custom-range.custom-range-teal:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25); } -.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline, -select.form-control-sm ~ .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline { - margin-left: 0.25rem; +.custom-range.custom-range-teal:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25); } -.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field, -select.form-control-sm ~ .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field { - margin-top: 6px; +.custom-range.custom-range-teal:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25); } -.maximized-card .select2-dropdown { - z-index: 9999; +.custom-range.custom-range-teal::-webkit-slider-thumb { + background-color: #20c997; } -.select2-primary + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #80bdff; +.custom-range.custom-range-teal::-webkit-slider-thumb:active { + background-color: #aaf1dc; } -.select2-primary + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #80bdff; +.custom-range.custom-range-teal::-moz-range-thumb { + background-color: #20c997; } -.select2-container--default .select2-primary.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-primary .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-primary .select2-search--inline .select2-search__field:focus, -.select2-primary .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-primary .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-primary .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #80bdff; +.custom-range.custom-range-teal::-moz-range-thumb:active { + background-color: #aaf1dc; } -.select2-container--default .select2-primary .select2-results__option--highlighted, -.select2-primary .select2-container--default .select2-results__option--highlighted { - background-color: #007bff; - color: #fff; +.custom-range.custom-range-teal::-ms-thumb { + background-color: #20c997; } -.select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected]:hover, -.select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #0074f0; - color: #fff; +.custom-range.custom-range-teal::-ms-thumb:active { + background-color: #aaf1dc; } -.select2-container--default .select2-primary .select2-selection--multiple:focus, -.select2-primary .select2-container--default .select2-selection--multiple:focus { - border-color: #80bdff; +.custom-range.custom-range-cyan:focus { + outline: none; } -.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice, -.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #007bff; - border-color: #006fe6; - color: #fff; +.custom-range.custom-range-cyan:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25); } -.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove, -.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.custom-range.custom-range-cyan:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25); } -.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.custom-range.custom-range-cyan:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25); } -.select2-container--default .select2-primary.select2-container--focus .select2-selection--multiple, -.select2-primary .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #80bdff; +.custom-range.custom-range-cyan::-webkit-slider-thumb { + background-color: #17a2b8; } -.select2-secondary + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #afb5ba; +.custom-range.custom-range-cyan::-webkit-slider-thumb:active { + background-color: #90e4f1; } -.select2-secondary + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #afb5ba; +.custom-range.custom-range-cyan::-moz-range-thumb { + background-color: #17a2b8; } -.select2-container--default .select2-secondary.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-secondary .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-secondary .select2-search--inline .select2-search__field:focus, -.select2-secondary .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-secondary .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-secondary .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #afb5ba; +.custom-range.custom-range-cyan::-moz-range-thumb:active { + background-color: #90e4f1; } -.select2-container--default .select2-secondary .select2-results__option--highlighted, -.select2-secondary .select2-container--default .select2-results__option--highlighted { - background-color: #6c757d; - color: #fff; +.custom-range.custom-range-cyan::-ms-thumb { + background-color: #17a2b8; } -.select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected]:hover, -.select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #656d75; - color: #fff; +.custom-range.custom-range-cyan::-ms-thumb:active { + background-color: #90e4f1; } -.select2-container--default .select2-secondary .select2-selection--multiple:focus, -.select2-secondary .select2-container--default .select2-selection--multiple:focus { - border-color: #afb5ba; +.custom-range.custom-range-white:focus { + outline: none; } -.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice, -.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #6c757d; - border-color: #60686f; - color: #fff; +.custom-range.custom-range-white:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25); } -.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove, -.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.custom-range.custom-range-white:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25); } -.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.custom-range.custom-range-white:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25); } -.select2-container--default .select2-secondary.select2-container--focus .select2-selection--multiple, -.select2-secondary .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #afb5ba; +.custom-range.custom-range-white::-webkit-slider-thumb { + background-color: #fff; } -.select2-success + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #71dd8a; +.custom-range.custom-range-white::-webkit-slider-thumb:active { + background-color: white; } -.select2-success + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #71dd8a; +.custom-range.custom-range-white::-moz-range-thumb { + background-color: #fff; } -.select2-container--default .select2-success.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-success .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-success .select2-search--inline .select2-search__field:focus, -.select2-success .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-success .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-success .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #71dd8a; +.custom-range.custom-range-white::-moz-range-thumb:active { + background-color: white; } -.select2-container--default .select2-success .select2-results__option--highlighted, -.select2-success .select2-container--default .select2-results__option--highlighted { - background-color: #28a745; - color: #fff; +.custom-range.custom-range-white::-ms-thumb { + background-color: #fff; } -.select2-container--default .select2-success .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-success .select2-results__option--highlighted[aria-selected]:hover, -.select2-success .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-success .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #259b40; - color: #fff; +.custom-range.custom-range-white::-ms-thumb:active { + background-color: white; } -.select2-container--default .select2-success .select2-selection--multiple:focus, -.select2-success .select2-container--default .select2-selection--multiple:focus { - border-color: #71dd8a; +.custom-range.custom-range-gray:focus { + outline: none; } -.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice, -.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #28a745; - border-color: #23923d; - color: #fff; +.custom-range.custom-range-gray:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } -.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove, -.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.custom-range.custom-range-gray:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } -.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.custom-range.custom-range-gray:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } -.select2-container--default .select2-success.select2-container--focus .select2-selection--multiple, -.select2-success .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #71dd8a; +.custom-range.custom-range-gray::-webkit-slider-thumb { + background-color: #6c757d; } -.select2-info + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #54b9c8; +.custom-range.custom-range-gray::-webkit-slider-thumb:active { + background-color: #caced1; } -.select2-info + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #54b9c8; +.custom-range.custom-range-gray::-moz-range-thumb { + background-color: #6c757d; } -.select2-container--default .select2-info.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-info .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-info .select2-search--inline .select2-search__field:focus, -.select2-info .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-info .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-info .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #54b9c8; +.custom-range.custom-range-gray::-moz-range-thumb:active { + background-color: #caced1; } -.select2-container--default .select2-info .select2-results__option--highlighted, -.select2-info .select2-container--default .select2-results__option--highlighted { - background-color: #266c77; - color: #fff; +.custom-range.custom-range-gray::-ms-thumb { + background-color: #6c757d; } -.select2-container--default .select2-info .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-info .select2-results__option--highlighted[aria-selected]:hover, -.select2-info .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-info .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #22616b; - color: #fff; +.custom-range.custom-range-gray::-ms-thumb:active { + background-color: #caced1; } -.select2-container--default .select2-info .select2-selection--multiple:focus, -.select2-info .select2-container--default .select2-selection--multiple:focus { - border-color: #54b9c8; +.custom-range.custom-range-gray-dark:focus { + outline: none; } -.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice, -.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #266c77; - border-color: #205a64; - color: #fff; +.custom-range.custom-range-gray-dark:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } -.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove, -.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.custom-range.custom-range-gray-dark:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } -.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.custom-range.custom-range-gray-dark:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } -.select2-container--default .select2-info.select2-container--focus .select2-selection--multiple, -.select2-info .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #54b9c8; +.custom-range.custom-range-gray-dark::-webkit-slider-thumb { + background-color: #343a40; } -.select2-warning + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #ffe187; +.custom-range.custom-range-gray-dark::-webkit-slider-thumb:active { + background-color: #88939e; } -.select2-warning + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #ffe187; +.custom-range.custom-range-gray-dark::-moz-range-thumb { + background-color: #343a40; } -.select2-container--default .select2-warning.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-warning .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-warning .select2-search--inline .select2-search__field:focus, -.select2-warning .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-warning .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-warning .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #ffe187; +.custom-range.custom-range-gray-dark::-moz-range-thumb:active { + background-color: #88939e; } -.select2-container--default .select2-warning .select2-results__option--highlighted, -.select2-warning .select2-container--default .select2-results__option--highlighted { - background-color: #ffc107; - color: #1f2d3d; +.custom-range.custom-range-gray-dark::-ms-thumb { + background-color: #343a40; } -.select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected]:hover, -.select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #f7b900; - color: #1f2d3d; +.custom-range.custom-range-gray-dark::-ms-thumb:active { + background-color: #88939e; } -.select2-container--default .select2-warning .select2-selection--multiple:focus, -.select2-warning .select2-container--default .select2-selection--multiple:focus { - border-color: #ffe187; +.custom-control-input-primary:checked ~ .custom-control-label::before { + border-color: #007bff; + background-color: #007bff; } -.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice, -.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #ffc107; - border-color: #edb100; - color: #1f2d3d; +.custom-control-input-primary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23007bff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove, -.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(31, 45, 61, 0.7); +.custom-control-input-primary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23007bff'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #1f2d3d; +.custom-control-input-primary:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } -.select2-container--default .select2-warning.select2-container--focus .select2-selection--multiple, -.select2-warning .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #ffe187; +.custom-control-input-primary:focus:not(:checked) ~ .custom-control-label::before { + border-color: #80bdff; } -.select2-danger + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #efa2a9; +.custom-control-input-primary:not(:disabled):active ~ .custom-control-label::before { + background-color: #b3d7ff; + border-color: #b3d7ff; } -.select2-danger + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #efa2a9; +.custom-control-input-secondary:checked ~ .custom-control-label::before { + border-color: #6c757d; + background-color: #6c757d; } -.select2-container--default .select2-danger.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-danger .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-danger .select2-search--inline .select2-search__field:focus, -.select2-danger .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-danger .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-danger .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #efa2a9; +.custom-control-input-secondary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-danger .select2-results__option--highlighted, -.select2-danger .select2-container--default .select2-results__option--highlighted { - background-color: #dc3545; - color: #fff; +.custom-control-input-secondary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected]:hover, -.select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #da2839; - color: #fff; +.custom-control-input-secondary:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25); } -.select2-container--default .select2-danger .select2-selection--multiple:focus, -.select2-danger .select2-container--default .select2-selection--multiple:focus { - border-color: #efa2a9; +.custom-control-input-secondary:focus:not(:checked) ~ .custom-control-label::before { + border-color: #afb5ba; } -.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice, -.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #dc3545; - border-color: #d32535; - color: #fff; +.custom-control-input-secondary:not(:disabled):active ~ .custom-control-label::before { + background-color: #caced1; + border-color: #caced1; } -.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove, -.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.custom-control-input-success:checked ~ .custom-control-label::before { + border-color: #28a745; + background-color: #28a745; } -.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.custom-control-input-success.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-danger.select2-container--focus .select2-selection--multiple, -.select2-danger .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #efa2a9; +.custom-control-input-success.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2328a745'/%3E%3C/svg%3E") !important; } -.select2-light + .select2-container--default.select2-container--open .select2-selection--single { - border-color: white; +.custom-control-input-success:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } -.select2-light + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: white; +.custom-control-input-success:focus:not(:checked) ~ .custom-control-label::before { + border-color: #71dd8a; } -.select2-container--default .select2-light.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-light .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-light .select2-search--inline .select2-search__field:focus, -.select2-light .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-light .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-light .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid white; +.custom-control-input-success:not(:disabled):active ~ .custom-control-label::before { + background-color: #9be7ac; + border-color: #9be7ac; } -.select2-container--default .select2-light .select2-results__option--highlighted, -.select2-light .select2-container--default .select2-results__option--highlighted { - background-color: #f8f9fa; - color: #1f2d3d; +.custom-control-input-info:checked ~ .custom-control-label::before { + border-color: #17a2b8; + background-color: #17a2b8; } -.select2-container--default .select2-light .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-light .select2-results__option--highlighted[aria-selected]:hover, -.select2-light .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-light .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #eff1f4; - color: #1f2d3d; +.custom-control-input-info.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2317a2b8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-light .select2-selection--multiple:focus, -.select2-light .select2-container--default .select2-selection--multiple:focus { - border-color: white; +.custom-control-input-info.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2317a2b8'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice, -.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #f8f9fa; - border-color: #e9ecef; - color: #1f2d3d; +.custom-control-input-info:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(23, 162, 184, 0.25); } -.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove, -.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(31, 45, 61, 0.7); +.custom-control-input-info:focus:not(:checked) ~ .custom-control-label::before { + border-color: #63d9ec; } -.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #1f2d3d; +.custom-control-input-info:not(:disabled):active ~ .custom-control-label::before { + background-color: #90e4f1; + border-color: #90e4f1; } -.select2-container--default .select2-light.select2-container--focus .select2-selection--multiple, -.select2-light .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: white; +.custom-control-input-warning:checked ~ .custom-control-label::before { + border-color: #FFC0C0; + background-color: #FFC0C0; } -.select2-dark + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #6d7a86; +.custom-control-input-warning.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23FFC0C0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-dark + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #6d7a86; +.custom-control-input-warning.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23FFC0C0'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-dark.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-dark .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-dark .select2-search--inline .select2-search__field:focus, -.select2-dark .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-dark .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-dark .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #6d7a86; +.custom-control-input-warning:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 192, 192, 0.25); } -.select2-container--default .select2-dark .select2-results__option--highlighted, -.select2-dark .select2-container--default .select2-results__option--highlighted { - background-color: #343a40; - color: #fff; +.custom-control-input-warning:focus:not(:checked) ~ .custom-control-label::before { + border-color: white; } -.select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected]:hover, -.select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #2d3238; - color: #fff; +.custom-control-input-warning:not(:disabled):active ~ .custom-control-label::before { + background-color: white; + border-color: white; } -.select2-container--default .select2-dark .select2-selection--multiple:focus, -.select2-dark .select2-container--default .select2-selection--multiple:focus { - border-color: #6d7a86; +.custom-control-input-danger:checked ~ .custom-control-label::before { + border-color: #dc3545; + background-color: #dc3545; } -.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice, -.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #343a40; - border-color: #292d32; - color: #fff; +.custom-control-input-danger.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23dc3545' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove, -.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.custom-control-input-danger.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23dc3545'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.custom-control-input-danger:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } -.select2-container--default .select2-dark.select2-container--focus .select2-selection--multiple, -.select2-dark .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #6d7a86; +.custom-control-input-danger:focus:not(:checked) ~ .custom-control-label::before { + border-color: #efa2a9; } -.select2-lightblue + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #99c5de; +.custom-control-input-danger:not(:disabled):active ~ .custom-control-label::before { + background-color: #f6cdd1; + border-color: #f6cdd1; } -.select2-lightblue + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #99c5de; +.custom-control-input-light:checked ~ .custom-control-label::before { + border-color: #f8f9fa; + background-color: #f8f9fa; } -.select2-container--default .select2-lightblue.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-lightblue .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-lightblue .select2-search--inline .select2-search__field:focus, -.select2-lightblue .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-lightblue .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-lightblue .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #99c5de; +.custom-control-input-light.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f8f9fa' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-lightblue .select2-results__option--highlighted, -.select2-lightblue .select2-container--default .select2-results__option--highlighted { - background-color: #3c8dbc; - color: #fff; +.custom-control-input-light.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f8f9fa'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-lightblue .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-lightblue .select2-results__option--highlighted[aria-selected]:hover, -.select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #3884b0; - color: #fff; +.custom-control-input-light:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(248, 249, 250, 0.25); } -.select2-container--default .select2-lightblue .select2-selection--multiple:focus, -.select2-lightblue .select2-container--default .select2-selection--multiple:focus { - border-color: #99c5de; +.custom-control-input-light:focus:not(:checked) ~ .custom-control-label::before { + border-color: white; } -.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice, -.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #3c8dbc; - border-color: #367fa9; - color: #fff; +.custom-control-input-light:not(:disabled):active ~ .custom-control-label::before { + background-color: white; + border-color: white; } -.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove, -.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.custom-control-input-dark:checked ~ .custom-control-label::before { + border-color: #343a40; + background-color: #343a40; } -.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.custom-control-input-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-lightblue.select2-container--focus .select2-selection--multiple, -.select2-lightblue .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #99c5de; +.custom-control-input-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important; } -.select2-navy + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #005ebf; +.custom-control-input-dark:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25); } -.select2-navy + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #005ebf; +.custom-control-input-dark:focus:not(:checked) ~ .custom-control-label::before { + border-color: #6d7a86; } -.select2-container--default .select2-navy.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-navy .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-navy .select2-search--inline .select2-search__field:focus, -.select2-navy .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-navy .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-navy .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #005ebf; +.custom-control-input-dark:not(:disabled):active ~ .custom-control-label::before { + background-color: #88939e; + border-color: #88939e; } -.select2-container--default .select2-navy .select2-results__option--highlighted, -.select2-navy .select2-container--default .select2-results__option--highlighted { - background-color: #001f3f; - color: #fff; +.custom-control-input-lightblue:checked ~ .custom-control-label::before { + border-color: #3c8dbc; + background-color: #3c8dbc; } -.select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected]:hover, -.select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #001730; - color: #fff; +.custom-control-input-lightblue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233c8dbc' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-navy .select2-selection--multiple:focus, -.select2-navy .select2-container--default .select2-selection--multiple:focus { - border-color: #005ebf; +.custom-control-input-lightblue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233c8dbc'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice, -.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #001f3f; - border-color: #001226; - color: #fff; +.custom-control-input-lightblue:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(60, 141, 188, 0.25); } -.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove, -.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.custom-control-input-lightblue:focus:not(:checked) ~ .custom-control-label::before { + border-color: #99c5de; } -.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.custom-control-input-lightblue:not(:disabled):active ~ .custom-control-label::before { + background-color: #c0dbeb; + border-color: #c0dbeb; } -.select2-container--default .select2-navy.select2-container--focus .select2-selection--multiple, -.select2-navy .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #005ebf; +.custom-control-input-navy:checked ~ .custom-control-label::before { + border-color: #001f3f; + background-color: #001f3f; } -.select2-olive + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #87cfaf; +.custom-control-input-navy.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23001f3f' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-olive + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #87cfaf; +.custom-control-input-navy.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23001f3f'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-olive.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-olive .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-olive .select2-search--inline .select2-search__field:focus, -.select2-olive .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-olive .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-olive .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #87cfaf; +.custom-control-input-navy:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 31, 63, 0.25); } -.select2-container--default .select2-olive .select2-results__option--highlighted, -.select2-olive .select2-container--default .select2-results__option--highlighted { - background-color: #3d9970; - color: #fff; +.custom-control-input-navy:focus:not(:checked) ~ .custom-control-label::before { + border-color: #005ebf; } -.select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected]:hover, -.select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #398e68; - color: #fff; +.custom-control-input-navy:not(:disabled):active ~ .custom-control-label::before { + background-color: #0077f2; + border-color: #0077f2; } -.select2-container--default .select2-olive .select2-selection--multiple:focus, -.select2-olive .select2-container--default .select2-selection--multiple:focus { - border-color: #87cfaf; +.custom-control-input-olive:checked ~ .custom-control-label::before { + border-color: #3d9970; + background-color: #3d9970; } -.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice, -.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #3d9970; - border-color: #368763; - color: #fff; +.custom-control-input-olive.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233d9970' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove, -.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.custom-control-input-olive.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233d9970'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.custom-control-input-olive:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(61, 153, 112, 0.25); } -.select2-container--default .select2-olive.select2-container--focus .select2-selection--multiple, -.select2-olive .select2-container--default.select2-container--focus .select2-selection--multiple { +.custom-control-input-olive:focus:not(:checked) ~ .custom-control-label::before { border-color: #87cfaf; } -.select2-lime + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #81ffb8; +.custom-control-input-olive:not(:disabled):active ~ .custom-control-label::before { + background-color: #abdec7; + border-color: #abdec7; } -.select2-lime + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #81ffb8; +.custom-control-input-lime:checked ~ .custom-control-label::before { + border-color: #01ff70; + background-color: #01ff70; } -.select2-container--default .select2-lime.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-lime .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-lime .select2-search--inline .select2-search__field:focus, -.select2-lime .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-lime .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-lime .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #81ffb8; +.custom-control-input-lime.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2301ff70' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-lime .select2-results__option--highlighted, -.select2-lime .select2-container--default .select2-results__option--highlighted { - background-color: #01ff70; - color: #1f2d3d; +.custom-control-input-lime.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2301ff70'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected]:hover, -.select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #00f169; - color: #1f2d3d; +.custom-control-input-lime:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(1, 255, 112, 0.25); } -.select2-container--default .select2-lime .select2-selection--multiple:focus, -.select2-lime .select2-container--default .select2-selection--multiple:focus { +.custom-control-input-lime:focus:not(:checked) ~ .custom-control-label::before { border-color: #81ffb8; } -.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice, -.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #01ff70; - border-color: #00e765; - color: #1f2d3d; +.custom-control-input-lime:not(:disabled):active ~ .custom-control-label::before { + background-color: #b4ffd4; + border-color: #b4ffd4; } -.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove, -.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(31, 45, 61, 0.7); +.custom-control-input-fuchsia:checked ~ .custom-control-label::before { + border-color: #f012be; + background-color: #f012be; } -.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #1f2d3d; +.custom-control-input-fuchsia.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f012be' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-lime.select2-container--focus .select2-selection--multiple, -.select2-lime .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #81ffb8; +.custom-control-input-fuchsia.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f012be'/%3E%3C/svg%3E") !important; } -.select2-fuchsia + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #f88adf; +.custom-control-input-fuchsia:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(240, 18, 190, 0.25); } -.select2-fuchsia + .select2-container--default.select2-container--focus .select2-selection--single { +.custom-control-input-fuchsia:focus:not(:checked) ~ .custom-control-label::before { border-color: #f88adf; } -.select2-container--default .select2-fuchsia.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-fuchsia .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-fuchsia .select2-search--inline .select2-search__field:focus, -.select2-fuchsia .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-fuchsia .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-fuchsia .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #f88adf; +.custom-control-input-fuchsia:not(:disabled):active ~ .custom-control-label::before { + background-color: #fbbaec; + border-color: #fbbaec; } -.select2-container--default .select2-fuchsia .select2-results__option--highlighted, -.select2-fuchsia .select2-container--default .select2-results__option--highlighted { - background-color: #f012be; - color: #fff; +.custom-control-input-maroon:checked ~ .custom-control-label::before { + border-color: #d81b60; + background-color: #d81b60; } -.select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected]:hover, -.select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #e40eb4; - color: #fff; +.custom-control-input-maroon.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23d81b60' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-fuchsia .select2-selection--multiple:focus, -.select2-fuchsia .select2-container--default .select2-selection--multiple:focus { - border-color: #f88adf; +.custom-control-input-maroon.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23d81b60'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice, -.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #f012be; - border-color: #db0ead; - color: #fff; +.custom-control-input-maroon:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(216, 27, 96, 0.25); } -.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove, -.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.custom-control-input-maroon:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f083ab; } -.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.custom-control-input-maroon:not(:disabled):active ~ .custom-control-label::before { + background-color: #f5b0c9; + border-color: #f5b0c9; } -.select2-container--default .select2-fuchsia.select2-container--focus .select2-selection--multiple, -.select2-fuchsia .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #f88adf; +.custom-control-input-blue:checked ~ .custom-control-label::before { + border-color: #007bff; + background-color: #007bff; } -.select2-maroon + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #f083ab; +.custom-control-input-blue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23007bff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-maroon + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #f083ab; +.custom-control-input-blue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23007bff'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-maroon.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-maroon .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-maroon .select2-search--inline .select2-search__field:focus, -.select2-maroon .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-maroon .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-maroon .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #f083ab; +.custom-control-input-blue:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } -.select2-container--default .select2-maroon .select2-results__option--highlighted, -.select2-maroon .select2-container--default .select2-results__option--highlighted { - background-color: #d81b60; - color: #fff; +.custom-control-input-blue:focus:not(:checked) ~ .custom-control-label::before { + border-color: #80bdff; } -.select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected]:hover, -.select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #ca195a; - color: #fff; +.custom-control-input-blue:not(:disabled):active ~ .custom-control-label::before { + background-color: #b3d7ff; + border-color: #b3d7ff; } -.select2-container--default .select2-maroon .select2-selection--multiple:focus, -.select2-maroon .select2-container--default .select2-selection--multiple:focus { - border-color: #f083ab; +.custom-control-input-indigo:checked ~ .custom-control-label::before { + border-color: #6610f2; + background-color: #6610f2; } -.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice, -.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #d81b60; - border-color: #c11856; - color: #fff; +.custom-control-input-indigo.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236610f2' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove, -.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.custom-control-input-indigo.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236610f2'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.custom-control-input-indigo:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(102, 16, 242, 0.25); } -.select2-container--default .select2-maroon.select2-container--focus .select2-selection--multiple, -.select2-maroon .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #f083ab; +.custom-control-input-indigo:focus:not(:checked) ~ .custom-control-label::before { + border-color: #b389f9; } -.select2-blue + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #80bdff; +.custom-control-input-indigo:not(:disabled):active ~ .custom-control-label::before { + background-color: #d2b9fb; + border-color: #d2b9fb; } -.select2-blue + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #80bdff; +.custom-control-input-purple:checked ~ .custom-control-label::before { + border-color: #6f42c1; + background-color: #6f42c1; } -.select2-container--default .select2-blue.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-blue .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-blue .select2-search--inline .select2-search__field:focus, -.select2-blue .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-blue .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-blue .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #80bdff; +.custom-control-input-purple.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236f42c1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-blue .select2-results__option--highlighted, -.select2-blue .select2-container--default .select2-results__option--highlighted { - background-color: #007bff; - color: #fff; +.custom-control-input-purple.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236f42c1'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected]:hover, -.select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #0074f0; - color: #fff; +.custom-control-input-purple:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(111, 66, 193, 0.25); } -.select2-container--default .select2-blue .select2-selection--multiple:focus, -.select2-blue .select2-container--default .select2-selection--multiple:focus { - border-color: #80bdff; +.custom-control-input-purple:focus:not(:checked) ~ .custom-control-label::before { + border-color: #b8a2e0; } -.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice, -.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #007bff; - border-color: #006fe6; - color: #fff; +.custom-control-input-purple:not(:disabled):active ~ .custom-control-label::before { + background-color: #d5c8ed; + border-color: #d5c8ed; } -.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove, -.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.custom-control-input-pink:checked ~ .custom-control-label::before { + border-color: #e83e8c; + background-color: #e83e8c; } -.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.custom-control-input-pink.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e83e8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-blue.select2-container--focus .select2-selection--multiple, -.select2-blue .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #80bdff; +.custom-control-input-pink.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e83e8c'/%3E%3C/svg%3E") !important; } -.select2-indigo + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #b389f9; +.custom-control-input-pink:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(232, 62, 140, 0.25); } -.select2-indigo + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #b389f9; +.custom-control-input-pink:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f6b0d0; } -.select2-container--default .select2-indigo.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-indigo .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-indigo .select2-search--inline .select2-search__field:focus, -.select2-indigo .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-indigo .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-indigo .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #b389f9; +.custom-control-input-pink:not(:disabled):active ~ .custom-control-label::before { + background-color: #fbddeb; + border-color: #fbddeb; } -.select2-container--default .select2-indigo .select2-results__option--highlighted, -.select2-indigo .select2-container--default .select2-results__option--highlighted { - background-color: #6610f2; - color: #fff; +.custom-control-input-red:checked ~ .custom-control-label::before { + border-color: #dc3545; + background-color: #dc3545; } -.select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected]:hover, -.select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #5f0de6; - color: #fff; +.custom-control-input-red.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23dc3545' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-indigo .select2-selection--multiple:focus, -.select2-indigo .select2-container--default .select2-selection--multiple:focus { - border-color: #b389f9; +.custom-control-input-red.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23dc3545'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice, -.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #6610f2; - border-color: #5b0cdd; - color: #fff; +.custom-control-input-red:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } -.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove, -.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.custom-control-input-red:focus:not(:checked) ~ .custom-control-label::before { + border-color: #efa2a9; } -.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.custom-control-input-red:not(:disabled):active ~ .custom-control-label::before { + background-color: #f6cdd1; + border-color: #f6cdd1; } -.select2-container--default .select2-indigo.select2-container--focus .select2-selection--multiple, -.select2-indigo .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #b389f9; +.custom-control-input-orange:checked ~ .custom-control-label::before { + border-color: #fd7e14; + background-color: #fd7e14; } -.select2-purple + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #b8a2e0; +.custom-control-input-orange.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fd7e14' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-purple + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #b8a2e0; +.custom-control-input-orange.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fd7e14'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-purple.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-purple .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-purple .select2-search--inline .select2-search__field:focus, -.select2-purple .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-purple .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-purple .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #b8a2e0; +.custom-control-input-orange:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(253, 126, 20, 0.25); } -.select2-container--default .select2-purple .select2-results__option--highlighted, -.select2-purple .select2-container--default .select2-results__option--highlighted { - background-color: #6f42c1; - color: #fff; +.custom-control-input-orange:focus:not(:checked) ~ .custom-control-label::before { + border-color: #fec392; } -.select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected]:hover, -.select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #683cb8; - color: #fff; +.custom-control-input-orange:not(:disabled):active ~ .custom-control-label::before { + background-color: #ffdfc5; + border-color: #ffdfc5; } -.select2-container--default .select2-purple .select2-selection--multiple:focus, -.select2-purple .select2-container--default .select2-selection--multiple:focus { - border-color: #b8a2e0; +.custom-control-input-yellow:checked ~ .custom-control-label::before { + border-color: #FFC0C0; + background-color: #FFC0C0; } -.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice, -.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #6f42c1; - border-color: #643ab0; - color: #fff; +.custom-control-input-yellow.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23FFC0C0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove, -.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.custom-control-input-yellow.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23FFC0C0'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.custom-control-input-yellow:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 192, 192, 0.25); } -.select2-container--default .select2-purple.select2-container--focus .select2-selection--multiple, -.select2-purple .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #b8a2e0; +.custom-control-input-yellow:focus:not(:checked) ~ .custom-control-label::before { + border-color: white; } -.select2-pink + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #f6b0d0; +.custom-control-input-yellow:not(:disabled):active ~ .custom-control-label::before { + background-color: white; + border-color: white; } -.select2-pink + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #f6b0d0; +.custom-control-input-green:checked ~ .custom-control-label::before { + border-color: #28a745; + background-color: #28a745; } -.select2-container--default .select2-pink.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-pink .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-pink .select2-search--inline .select2-search__field:focus, -.select2-pink .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-pink .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-pink .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #f6b0d0; +.custom-control-input-green.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-pink .select2-results__option--highlighted, -.select2-pink .select2-container--default .select2-results__option--highlighted { - background-color: #e83e8c; - color: #fff; +.custom-control-input-green.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2328a745'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected]:hover, -.select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #e63084; - color: #fff; +.custom-control-input-green:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } -.select2-container--default .select2-pink .select2-selection--multiple:focus, -.select2-pink .select2-container--default .select2-selection--multiple:focus { - border-color: #f6b0d0; +.custom-control-input-green:focus:not(:checked) ~ .custom-control-label::before { + border-color: #71dd8a; } -.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice, -.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #e83e8c; - border-color: #e5277e; - color: #fff; +.custom-control-input-green:not(:disabled):active ~ .custom-control-label::before { + background-color: #9be7ac; + border-color: #9be7ac; } -.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove, -.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.custom-control-input-teal:checked ~ .custom-control-label::before { + border-color: #20c997; + background-color: #20c997; } -.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.custom-control-input-teal.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2320c997' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-pink.select2-container--focus .select2-selection--multiple, -.select2-pink .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #f6b0d0; +.custom-control-input-teal.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2320c997'/%3E%3C/svg%3E") !important; } -.select2-red + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #efa2a9; +.custom-control-input-teal:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(32, 201, 151, 0.25); } -.select2-red + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #efa2a9; +.custom-control-input-teal:focus:not(:checked) ~ .custom-control-label::before { + border-color: #7eeaca; } -.select2-container--default .select2-red.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-red .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-red .select2-search--inline .select2-search__field:focus, -.select2-red .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-red .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-red .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #efa2a9; +.custom-control-input-teal:not(:disabled):active ~ .custom-control-label::before { + background-color: #aaf1dc; + border-color: #aaf1dc; } -.select2-container--default .select2-red .select2-results__option--highlighted, -.select2-red .select2-container--default .select2-results__option--highlighted { - background-color: #dc3545; - color: #fff; +.custom-control-input-cyan:checked ~ .custom-control-label::before { + border-color: #17a2b8; + background-color: #17a2b8; } -.select2-container--default .select2-red .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-red .select2-results__option--highlighted[aria-selected]:hover, -.select2-red .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-red .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #da2839; - color: #fff; +.custom-control-input-cyan.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2317a2b8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-red .select2-selection--multiple:focus, -.select2-red .select2-container--default .select2-selection--multiple:focus { - border-color: #efa2a9; +.custom-control-input-cyan.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2317a2b8'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice, -.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #dc3545; - border-color: #d32535; - color: #fff; +.custom-control-input-cyan:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(23, 162, 184, 0.25); } -.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove, -.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.custom-control-input-cyan:focus:not(:checked) ~ .custom-control-label::before { + border-color: #63d9ec; } -.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.custom-control-input-cyan:not(:disabled):active ~ .custom-control-label::before { + background-color: #90e4f1; + border-color: #90e4f1; } -.select2-container--default .select2-red.select2-container--focus .select2-selection--multiple, -.select2-red .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #efa2a9; +.custom-control-input-white:checked ~ .custom-control-label::before { + border-color: #fff; + background-color: #fff; } -.select2-orange + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #fec392; +.custom-control-input-white.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-orange + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #fec392; +.custom-control-input-white.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-orange.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-orange .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-orange .select2-search--inline .select2-search__field:focus, -.select2-orange .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-orange .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-orange .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #fec392; +.custom-control-input-white:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 255, 255, 0.25); } -.select2-container--default .select2-orange .select2-results__option--highlighted, -.select2-orange .select2-container--default .select2-results__option--highlighted { - background-color: #fd7e14; - color: #1f2d3d; +.custom-control-input-white:focus:not(:checked) ~ .custom-control-label::before { + border-color: white; } -.select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected]:hover, -.select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #fd7605; - color: #fff; +.custom-control-input-white:not(:disabled):active ~ .custom-control-label::before { + background-color: white; + border-color: white; } -.select2-container--default .select2-orange .select2-selection--multiple:focus, -.select2-orange .select2-container--default .select2-selection--multiple:focus { - border-color: #fec392; +.custom-control-input-gray:checked ~ .custom-control-label::before { + border-color: #6c757d; + background-color: #6c757d; } -.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice, -.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #fd7e14; - border-color: #f57102; - color: #1f2d3d; +.custom-control-input-gray.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove, -.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(31, 45, 61, 0.7); +.custom-control-input-gray.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #1f2d3d; +.custom-control-input-gray:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25); } -.select2-container--default .select2-orange.select2-container--focus .select2-selection--multiple, -.select2-orange .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #fec392; +.custom-control-input-gray:focus:not(:checked) ~ .custom-control-label::before { + border-color: #afb5ba; } -.select2-yellow + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #ffe187; +.custom-control-input-gray:not(:disabled):active ~ .custom-control-label::before { + background-color: #caced1; + border-color: #caced1; } -.select2-yellow + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #ffe187; +.custom-control-input-gray-dark:checked ~ .custom-control-label::before { + border-color: #343a40; + background-color: #343a40; } -.select2-container--default .select2-yellow.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-yellow .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-yellow .select2-search--inline .select2-search__field:focus, -.select2-yellow .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-yellow .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-yellow .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #ffe187; +.custom-control-input-gray-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-yellow .select2-results__option--highlighted, -.select2-yellow .select2-container--default .select2-results__option--highlighted { - background-color: #ffc107; - color: #1f2d3d; +.custom-control-input-gray-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important; } -.select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected]:hover, -.select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #f7b900; - color: #1f2d3d; +.custom-control-input-gray-dark:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25); } -.select2-container--default .select2-yellow .select2-selection--multiple:focus, -.select2-yellow .select2-container--default .select2-selection--multiple:focus { - border-color: #ffe187; +.custom-control-input-gray-dark:focus:not(:checked) ~ .custom-control-label::before { + border-color: #6d7a86; } -.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice, -.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #ffc107; - border-color: #edb100; - color: #1f2d3d; +.custom-control-input-gray-dark:not(:disabled):active ~ .custom-control-label::before { + background-color: #88939e; + border-color: #88939e; } -.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove, -.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(31, 45, 61, 0.7); +.custom-control-input-outline ~ .custom-control-label::before { + background-color: transparent !important; + box-shadow: none; } -.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #1f2d3d; +.custom-control-input-outline:checked ~ .custom-control-label::before { + background-color: transparent; } -.select2-container--default .select2-yellow.select2-container--focus .select2-selection--multiple, -.select2-yellow .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #ffe187; +.navbar-dark .btn-navbar, +.navbar-dark .form-control-navbar { + background-color: #3f474e; + border: 1px solid #56606a; + color: white; } -.select2-green + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #71dd8a; +.navbar-dark .btn-navbar:hover { + background-color: #454d55; } -.select2-green + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #71dd8a; +.navbar-dark .btn-navbar:focus { + background-color: #4b545c; } -.select2-container--default .select2-green.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-green .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-green .select2-search--inline .select2-search__field:focus, -.select2-green .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-green .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-green .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #71dd8a; +.navbar-dark .form-control-navbar + .input-group-prepend > .btn-navbar, +.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #3f474e; + color: #fff; + border: 1px solid #56606a; + border-left: none; } -.select2-container--default .select2-green .select2-results__option--highlighted, -.select2-green .select2-container--default .select2-results__option--highlighted { - background-color: #28a745; +.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar), +.dark-mode .custom-select, +.dark-mode .custom-file-label, +.dark-mode .custom-file-label::after, +.dark-mode .custom-control-label::before, +.dark-mode .input-group-text { + background-color: #343a40; color: #fff; } -.select2-container--default .select2-green .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-green .select2-results__option--highlighted[aria-selected]:hover, -.select2-green .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-green .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #259b40; +.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar):not(.is-invalid):not(:focus), +.dark-mode .custom-file-label, +.dark-mode .custom-file-label::after { + border-color: #6c757d; +} + +.dark-mode select { + background-color: #343a40; color: #fff; + border-color: #6c757d; } -.select2-container--default .select2-green .select2-selection--multiple:focus, -.select2-green .select2-container--default .select2-selection--multiple:focus { - border-color: #71dd8a; +.dark-mode .custom-select { + background: #343a40 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; } -.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice, -.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #28a745; - border-color: #23923d; - color: #fff; +.dark-mode .custom-select[multiple] { + background: #343a40; } -.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove, -.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.dark-mode .input-group-text { + border-color: #6c757d; } -.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { +.dark-mode .custom-control-input:disabled ~ .custom-control-label::before, +.dark-mode .custom-control-input[disabled] ~ .custom-control-label::before { + background-color: #3f474e; + border-color: #6c757d; color: #fff; } -.select2-container--default .select2-green.select2-container--focus .select2-selection--multiple, -.select2-green .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #71dd8a; +.dark-mode input:-webkit-autofill, +.dark-mode input:-webkit-autofill:hover, +.dark-mode input:-webkit-autofill:focus, +.dark-mode textarea:-webkit-autofill, +.dark-mode textarea:-webkit-autofill:hover, +.dark-mode textarea:-webkit-autofill:focus, +.dark-mode select:-webkit-autofill, +.dark-mode select:-webkit-autofill:hover, +.dark-mode select:-webkit-autofill:focus { + -webkit-text-fill-color: #fff; } -.select2-teal + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #7eeaca; +.dark-mode .custom-range::-webkit-slider-runnable-track { + background-color: #454d55; } -.select2-teal + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #7eeaca; +.dark-mode .custom-range::-moz-range-track { + background-color: #454d55; } -.select2-container--default .select2-teal.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-teal .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-teal .select2-search--inline .select2-search__field:focus, -.select2-teal .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-teal .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-teal .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #7eeaca; +.dark-mode .custom-range::-ms-track { + background-color: #454d55; } -.select2-container--default .select2-teal .select2-results__option--highlighted, -.select2-teal .select2-container--default .select2-results__option--highlighted { - background-color: #20c997; - color: #fff; +.dark-mode .custom-range.custom-range-primary:focus { + outline: none; } -.select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected]:hover, -.select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #1ebc8d; - color: #fff; +.dark-mode .custom-range.custom-range-primary:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25); } -.select2-container--default .select2-teal .select2-selection--multiple:focus, -.select2-teal .select2-container--default .select2-selection--multiple:focus { - border-color: #7eeaca; +.dark-mode .custom-range.custom-range-primary:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25); } -.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice, -.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #20c997; - border-color: #1cb386; - color: #fff; +.dark-mode .custom-range.custom-range-primary:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25); } -.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove, -.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.dark-mode .custom-range.custom-range-primary::-webkit-slider-thumb { + background-color: #3f6791; } -.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.dark-mode .custom-range.custom-range-primary::-webkit-slider-thumb:active { + background-color: #a9c1da; } -.select2-container--default .select2-teal.select2-container--focus .select2-selection--multiple, -.select2-teal .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #7eeaca; +.dark-mode .custom-range.custom-range-primary::-moz-range-thumb { + background-color: #3f6791; } -.select2-cyan + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #54b9c8; +.dark-mode .custom-range.custom-range-primary::-moz-range-thumb:active { + background-color: #a9c1da; } -.select2-cyan + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #54b9c8; +.dark-mode .custom-range.custom-range-primary::-ms-thumb { + background-color: #3f6791; } -.select2-container--default .select2-cyan.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-cyan .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-cyan .select2-search--inline .select2-search__field:focus, -.select2-cyan .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-cyan .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-cyan .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #54b9c8; +.dark-mode .custom-range.custom-range-primary::-ms-thumb:active { + background-color: #a9c1da; } -.select2-container--default .select2-cyan .select2-results__option--highlighted, -.select2-cyan .select2-container--default .select2-results__option--highlighted { - background-color: #266c77; - color: #fff; +.dark-mode .custom-range.custom-range-secondary:focus { + outline: none; } -.select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected]:hover, -.select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #22616b; - color: #fff; +.dark-mode .custom-range.custom-range-secondary:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } -.select2-container--default .select2-cyan .select2-selection--multiple:focus, -.select2-cyan .select2-container--default .select2-selection--multiple:focus { - border-color: #54b9c8; +.dark-mode .custom-range.custom-range-secondary:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } -.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice, -.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #266c77; - border-color: #205a64; - color: #fff; +.dark-mode .custom-range.custom-range-secondary:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } -.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove, -.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.dark-mode .custom-range.custom-range-secondary::-webkit-slider-thumb { + background-color: #6c757d; } -.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.dark-mode .custom-range.custom-range-secondary::-webkit-slider-thumb:active { + background-color: #caced1; } -.select2-container--default .select2-cyan.select2-container--focus .select2-selection--multiple, -.select2-cyan .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #54b9c8; +.dark-mode .custom-range.custom-range-secondary::-moz-range-thumb { + background-color: #6c757d; } -.select2-white + .select2-container--default.select2-container--open .select2-selection--single { - border-color: white; +.dark-mode .custom-range.custom-range-secondary::-moz-range-thumb:active { + background-color: #caced1; } -.select2-white + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: white; +.dark-mode .custom-range.custom-range-secondary::-ms-thumb { + background-color: #6c757d; } -.select2-container--default .select2-white.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-white .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-white .select2-search--inline .select2-search__field:focus, -.select2-white .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-white .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-white .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid white; +.dark-mode .custom-range.custom-range-secondary::-ms-thumb:active { + background-color: #caced1; } -.select2-container--default .select2-white .select2-results__option--highlighted, -.select2-white .select2-container--default .select2-results__option--highlighted { - background-color: #fff; - color: #1f2d3d; +.dark-mode .custom-range.custom-range-success:focus { + outline: none; } -.select2-container--default .select2-white .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-white .select2-results__option--highlighted[aria-selected]:hover, -.select2-white .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-white .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #f7f7f7; - color: #1f2d3d; +.dark-mode .custom-range.custom-range-success:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25); } -.select2-container--default .select2-white .select2-selection--multiple:focus, -.select2-white .select2-container--default .select2-selection--multiple:focus { - border-color: white; +.dark-mode .custom-range.custom-range-success:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25); } -.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice, -.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #fff; - border-color: #f2f2f2; - color: #1f2d3d; +.dark-mode .custom-range.custom-range-success:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25); } -.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove, -.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(31, 45, 61, 0.7); +.dark-mode .custom-range.custom-range-success::-webkit-slider-thumb { + background-color: #00bc8c; } -.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #1f2d3d; +.dark-mode .custom-range.custom-range-success::-webkit-slider-thumb:active { + background-color: #70ffda; } -.select2-container--default .select2-white.select2-container--focus .select2-selection--multiple, -.select2-white .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: white; +.dark-mode .custom-range.custom-range-success::-moz-range-thumb { + background-color: #00bc8c; } -.select2-gray + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #afb5ba; +.dark-mode .custom-range.custom-range-success::-moz-range-thumb:active { + background-color: #70ffda; } -.select2-gray + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #afb5ba; +.dark-mode .custom-range.custom-range-success::-ms-thumb { + background-color: #00bc8c; } -.select2-container--default .select2-gray.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-gray .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-gray .select2-search--inline .select2-search__field:focus, -.select2-gray .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-gray .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-gray .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #afb5ba; +.dark-mode .custom-range.custom-range-success::-ms-thumb:active { + background-color: #70ffda; } -.select2-container--default .select2-gray .select2-results__option--highlighted, -.select2-gray .select2-container--default .select2-results__option--highlighted { - background-color: #6c757d; - color: #fff; +.dark-mode .custom-range.custom-range-info:focus { + outline: none; } -.select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected]:hover, -.select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #656d75; - color: #fff; +.dark-mode .custom-range.custom-range-info:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25); } -.select2-container--default .select2-gray .select2-selection--multiple:focus, -.select2-gray .select2-container--default .select2-selection--multiple:focus { - border-color: #afb5ba; +.dark-mode .custom-range.custom-range-info:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25); } -.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice, -.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #6c757d; - border-color: #60686f; - color: #fff; +.dark-mode .custom-range.custom-range-info:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25); } -.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove, -.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.dark-mode .custom-range.custom-range-info::-webkit-slider-thumb { + background-color: #3498db; } -.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.dark-mode .custom-range.custom-range-info::-webkit-slider-thumb:active { + background-color: #cce5f6; } -.select2-container--default .select2-gray.select2-container--focus .select2-selection--multiple, -.select2-gray .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #afb5ba; +.dark-mode .custom-range.custom-range-info::-moz-range-thumb { + background-color: #3498db; } -.select2-gray-dark + .select2-container--default.select2-container--open .select2-selection--single { - border-color: #6d7a86; +.dark-mode .custom-range.custom-range-info::-moz-range-thumb:active { + background-color: #cce5f6; } -.select2-gray-dark + .select2-container--default.select2-container--focus .select2-selection--single { - border-color: #6d7a86; +.dark-mode .custom-range.custom-range-info::-ms-thumb { + background-color: #3498db; } -.select2-container--default .select2-gray-dark.select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-gray-dark .select2-dropdown .select2-search__field:focus, -.select2-container--default .select2-gray-dark .select2-search--inline .select2-search__field:focus, -.select2-gray-dark .select2-container--default.select2-dropdown .select2-search__field:focus, -.select2-gray-dark .select2-container--default .select2-dropdown .select2-search__field:focus, -.select2-gray-dark .select2-container--default .select2-search--inline .select2-search__field:focus { - border: 1px solid #6d7a86; +.dark-mode .custom-range.custom-range-info::-ms-thumb:active { + background-color: #cce5f6; } -.select2-container--default .select2-gray-dark .select2-results__option--highlighted, -.select2-gray-dark .select2-container--default .select2-results__option--highlighted { - background-color: #343a40; - color: #fff; +.dark-mode .custom-range.custom-range-warning:focus { + outline: none; } -.select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected]:hover, -.select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected], -.select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { - background-color: #2d3238; - color: #fff; +.dark-mode .custom-range.custom-range-warning:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25); } -.select2-container--default .select2-gray-dark .select2-selection--multiple:focus, -.select2-gray-dark .select2-container--default .select2-selection--multiple:focus { - border-color: #6d7a86; +.dark-mode .custom-range.custom-range-warning:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25); } -.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice, -.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #343a40; - border-color: #292d32; - color: #fff; +.dark-mode .custom-range.custom-range-warning:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25); } -.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove, -.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: rgba(255, 255, 255, 0.7); +.dark-mode .custom-range.custom-range-warning::-webkit-slider-thumb { + background-color: #f39c12; } -.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove:hover, -.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; +.dark-mode .custom-range.custom-range-warning::-webkit-slider-thumb:active { + background-color: #fce3bc; } -.select2-container--default .select2-gray-dark.select2-container--focus .select2-selection--multiple, -.select2-gray-dark .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #6d7a86; +.dark-mode .custom-range.custom-range-warning::-moz-range-thumb { + background-color: #f39c12; } -.dark-mode .select2-selection { - background-color: #343a40; - border-color: #6c757d; +.dark-mode .custom-range.custom-range-warning::-moz-range-thumb:active { + background-color: #fce3bc; } -.dark-mode .select2-container--disabled .select2-selection--single { - background-color: #454d55; +.dark-mode .custom-range.custom-range-warning::-ms-thumb { + background-color: #f39c12; } -.dark-mode .select2-selection--single { - background-color: #343a40; - border-color: #6c757d; +.dark-mode .custom-range.custom-range-warning::-ms-thumb:active { + background-color: #fce3bc; } -.dark-mode .select2-selection--single .select2-selection__rendered { - color: #fff; +.dark-mode .custom-range.custom-range-danger:focus { + outline: none; } -.dark-mode .select2-dropdown .select2-search__field, -.dark-mode .select2-search--inline .select2-search__field { - background-color: #343a40; - border-color: #6c757d; - color: white; +.dark-mode .custom-range.custom-range-danger:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25); } -.dark-mode .select2-dropdown { - background-color: #343a40; - border-color: #6c757d; - color: white; +.dark-mode .custom-range.custom-range-danger:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25); } -.dark-mode .select2-results__option[aria-selected="true"] { - background-color: #3f474e !important; - color: #dee2e6; +.dark-mode .custom-range.custom-range-danger:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25); } -.dark-mode .select2-container .select2-search--inline .select2-search__field { - background-color: transparent; - color: #fff; +.dark-mode .custom-range.custom-range-danger::-webkit-slider-thumb { + background-color: #e74c3c; } -.dark-mode .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice { - color: #fff; +.dark-mode .custom-range.custom-range-danger::-webkit-slider-thumb:active { + background-color: #fbdedb; } -.slider .tooltip.in { - opacity: 0.9; +.dark-mode .custom-range.custom-range-danger::-moz-range-thumb { + background-color: #e74c3c; } -.slider.slider-vertical { - height: 100%; +.dark-mode .custom-range.custom-range-danger::-moz-range-thumb:active { + background-color: #fbdedb; } -.slider.slider-horizontal { - width: 100%; +.dark-mode .custom-range.custom-range-danger::-ms-thumb { + background-color: #e74c3c; } -.slider-primary .slider .slider-selection { - background: #007bff; +.dark-mode .custom-range.custom-range-danger::-ms-thumb:active { + background-color: #fbdedb; } -.slider-secondary .slider .slider-selection { - background: #6c757d; +.dark-mode .custom-range.custom-range-light:focus { + outline: none; } -.slider-success .slider .slider-selection { - background: #28a745; +.dark-mode .custom-range.custom-range-light:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25); } -.slider-info .slider .slider-selection { - background: #266c77; +.dark-mode .custom-range.custom-range-light:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25); } -.slider-warning .slider .slider-selection { - background: #ffc107; +.dark-mode .custom-range.custom-range-light:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25); } -.slider-danger .slider .slider-selection { - background: #dc3545; +.dark-mode .custom-range.custom-range-light::-webkit-slider-thumb { + background-color: #f8f9fa; } -.slider-light .slider .slider-selection { - background: #f8f9fa; +.dark-mode .custom-range.custom-range-light::-webkit-slider-thumb:active { + background-color: white; } -.slider-dark .slider .slider-selection { - background: #343a40; +.dark-mode .custom-range.custom-range-light::-moz-range-thumb { + background-color: #f8f9fa; } -.slider-lightblue .slider .slider-selection { - background: #3c8dbc; +.dark-mode .custom-range.custom-range-light::-moz-range-thumb:active { + background-color: white; } -.slider-navy .slider .slider-selection { - background: #001f3f; +.dark-mode .custom-range.custom-range-light::-ms-thumb { + background-color: #f8f9fa; } -.slider-olive .slider .slider-selection { - background: #3d9970; +.dark-mode .custom-range.custom-range-light::-ms-thumb:active { + background-color: white; } -.slider-lime .slider .slider-selection { - background: #01ff70; +.dark-mode .custom-range.custom-range-dark:focus { + outline: none; } -.slider-fuchsia .slider .slider-selection { - background: #f012be; +.dark-mode .custom-range.custom-range-dark:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } -.slider-maroon .slider .slider-selection { - background: #d81b60; +.dark-mode .custom-range.custom-range-dark:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } -.slider-blue .slider .slider-selection { - background: #007bff; +.dark-mode .custom-range.custom-range-dark:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } -.slider-indigo .slider .slider-selection { - background: #6610f2; +.dark-mode .custom-range.custom-range-dark::-webkit-slider-thumb { + background-color: #343a40; } -.slider-purple .slider .slider-selection { - background: #6f42c1; +.dark-mode .custom-range.custom-range-dark::-webkit-slider-thumb:active { + background-color: #88939e; } -.slider-pink .slider .slider-selection { - background: #e83e8c; +.dark-mode .custom-range.custom-range-dark::-moz-range-thumb { + background-color: #343a40; } -.slider-red .slider .slider-selection { - background: #dc3545; +.dark-mode .custom-range.custom-range-dark::-moz-range-thumb:active { + background-color: #88939e; } -.slider-orange .slider .slider-selection { - background: #fd7e14; +.dark-mode .custom-range.custom-range-dark::-ms-thumb { + background-color: #343a40; } -.slider-yellow .slider .slider-selection { - background: #ffc107; +.dark-mode .custom-range.custom-range-dark::-ms-thumb:active { + background-color: #88939e; } -.slider-green .slider .slider-selection { - background: #28a745; +.dark-mode .custom-range.custom-range-lightblue:focus { + outline: none; } -.slider-teal .slider .slider-selection { - background: #20c997; +.dark-mode .custom-range.custom-range-lightblue:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25); } -.slider-cyan .slider .slider-selection { - background: #266c77; +.dark-mode .custom-range.custom-range-lightblue:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25); } -.slider-white .slider .slider-selection { - background: #fff; +.dark-mode .custom-range.custom-range-lightblue:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25); } -.slider-gray .slider .slider-selection { - background: #6c757d; +.dark-mode .custom-range.custom-range-lightblue::-webkit-slider-thumb { + background-color: #86bad8; } -.slider-gray-dark .slider .slider-selection { - background: #343a40; +.dark-mode .custom-range.custom-range-lightblue::-webkit-slider-thumb:active { + background-color: white; } -.dark-mode .slider-track { - background-color: #4b545c; - background-image: none; +.dark-mode .custom-range.custom-range-lightblue::-moz-range-thumb { + background-color: #86bad8; } -.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #007bff; +.dark-mode .custom-range.custom-range-lightblue::-moz-range-thumb:active { + background-color: white; } -.icheck-primary > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-primary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #007bff; +.dark-mode .custom-range.custom-range-lightblue::-ms-thumb { + background-color: #86bad8; } -.icheck-primary > input:first-child:checked + label::before, -.icheck-primary > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #007bff; - border-color: #007bff; +.dark-mode .custom-range.custom-range-lightblue::-ms-thumb:active { + background-color: white; } -.icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #6c757d; +.dark-mode .custom-range.custom-range-navy:focus { + outline: none; } -.icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #6c757d; +.dark-mode .custom-range.custom-range-navy:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25); } -.icheck-secondary > input:first-child:checked + label::before, -.icheck-secondary > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #6c757d; - border-color: #6c757d; +.dark-mode .custom-range.custom-range-navy:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25); } -.icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #28a745; +.dark-mode .custom-range.custom-range-navy:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25); } -.icheck-success > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-success > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #28a745; +.dark-mode .custom-range.custom-range-navy::-webkit-slider-thumb { + background-color: #002c59; } -.icheck-success > input:first-child:checked + label::before, -.icheck-success > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #28a745; - border-color: #28a745; +.dark-mode .custom-range.custom-range-navy::-webkit-slider-thumb:active { + background-color: #0c84ff; } -.icheck-info > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-info > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #266c77; +.dark-mode .custom-range.custom-range-navy::-moz-range-thumb { + background-color: #002c59; } -.icheck-info > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-info > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #266c77; +.dark-mode .custom-range.custom-range-navy::-moz-range-thumb:active { + background-color: #0c84ff; } -.icheck-info > input:first-child:checked + label::before, -.icheck-info > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #266c77; - border-color: #266c77; +.dark-mode .custom-range.custom-range-navy::-ms-thumb { + background-color: #002c59; } -.icheck-warning > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-warning > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #ffc107; +.dark-mode .custom-range.custom-range-navy::-ms-thumb:active { + background-color: #0c84ff; } -.icheck-warning > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-warning > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #ffc107; +.dark-mode .custom-range.custom-range-olive:focus { + outline: none; } -.icheck-warning > input:first-child:checked + label::before, -.icheck-warning > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #ffc107; - border-color: #ffc107; +.dark-mode .custom-range.custom-range-olive:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25); } -.icheck-danger > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-danger > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #dc3545; +.dark-mode .custom-range.custom-range-olive:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25); } -.icheck-danger > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-danger > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #dc3545; +.dark-mode .custom-range.custom-range-olive:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25); } -.icheck-danger > input:first-child:checked + label::before, -.icheck-danger > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #dc3545; - border-color: #dc3545; +.dark-mode .custom-range.custom-range-olive::-webkit-slider-thumb { + background-color: #74c8a3; } -.icheck-light > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-light > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #f8f9fa; +.dark-mode .custom-range.custom-range-olive::-webkit-slider-thumb:active { + background-color: #f4fbf8; } -.icheck-light > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-light > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #f8f9fa; +.dark-mode .custom-range.custom-range-olive::-moz-range-thumb { + background-color: #74c8a3; } -.icheck-light > input:first-child:checked + label::before, -.icheck-light > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #f8f9fa; - border-color: #f8f9fa; +.dark-mode .custom-range.custom-range-olive::-moz-range-thumb:active { + background-color: #f4fbf8; } -.icheck-dark > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #343a40; +.dark-mode .custom-range.custom-range-olive::-ms-thumb { + background-color: #74c8a3; } -.icheck-dark > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #343a40; +.dark-mode .custom-range.custom-range-olive::-ms-thumb:active { + background-color: #f4fbf8; } -.icheck-dark > input:first-child:checked + label::before, -.icheck-dark > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #343a40; - border-color: #343a40; +.dark-mode .custom-range.custom-range-lime:focus { + outline: none; } -.icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #3c8dbc; +.dark-mode .custom-range.custom-range-lime:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25); } -.icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #3c8dbc; +.dark-mode .custom-range.custom-range-lime:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25); } -.icheck-lightblue > input:first-child:checked + label::before, -.icheck-lightblue > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #3c8dbc; - border-color: #3c8dbc; +.dark-mode .custom-range.custom-range-lime:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25); } -.icheck-navy > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-navy > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #001f3f; +.dark-mode .custom-range.custom-range-lime::-webkit-slider-thumb { + background-color: #67ffa9; } -.icheck-navy > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-navy > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #001f3f; +.dark-mode .custom-range.custom-range-lime::-webkit-slider-thumb:active { + background-color: white; } -.icheck-navy > input:first-child:checked + label::before, -.icheck-navy > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #001f3f; - border-color: #001f3f; +.dark-mode .custom-range.custom-range-lime::-moz-range-thumb { + background-color: #67ffa9; } -.icheck-olive > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-olive > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #3d9970; +.dark-mode .custom-range.custom-range-lime::-moz-range-thumb:active { + background-color: white; } -.icheck-olive > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-olive > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #3d9970; +.dark-mode .custom-range.custom-range-lime::-ms-thumb { + background-color: #67ffa9; } -.icheck-olive > input:first-child:checked + label::before, -.icheck-olive > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #3d9970; - border-color: #3d9970; +.dark-mode .custom-range.custom-range-lime::-ms-thumb:active { + background-color: white; } -.icheck-lime > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-lime > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #01ff70; +.dark-mode .custom-range.custom-range-fuchsia:focus { + outline: none; } -.icheck-lime > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-lime > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #01ff70; +.dark-mode .custom-range.custom-range-fuchsia:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25); } -.icheck-lime > input:first-child:checked + label::before, -.icheck-lime > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #01ff70; - border-color: #01ff70; +.dark-mode .custom-range.custom-range-fuchsia:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25); } -.icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #f012be; +.dark-mode .custom-range.custom-range-fuchsia:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25); } -.icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #f012be; +.dark-mode .custom-range.custom-range-fuchsia::-webkit-slider-thumb { + background-color: #f672d8; } -.icheck-fuchsia > input:first-child:checked + label::before, -.icheck-fuchsia > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #f012be; - border-color: #f012be; +.dark-mode .custom-range.custom-range-fuchsia::-webkit-slider-thumb:active { + background-color: white; } -.icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #d81b60; +.dark-mode .custom-range.custom-range-fuchsia::-moz-range-thumb { + background-color: #f672d8; } -.icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #d81b60; +.dark-mode .custom-range.custom-range-fuchsia::-moz-range-thumb:active { + background-color: white; } -.icheck-maroon > input:first-child:checked + label::before, -.icheck-maroon > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #d81b60; - border-color: #d81b60; +.dark-mode .custom-range.custom-range-fuchsia::-ms-thumb { + background-color: #f672d8; } -.icheck-blue > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-blue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #007bff; +.dark-mode .custom-range.custom-range-fuchsia::-ms-thumb:active { + background-color: white; } -.icheck-blue > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-blue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #007bff; +.dark-mode .custom-range.custom-range-maroon:focus { + outline: none; } -.icheck-blue > input:first-child:checked + label::before, -.icheck-blue > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #007bff; - border-color: #007bff; +.dark-mode .custom-range.custom-range-maroon:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25); } -.icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #6610f2; +.dark-mode .custom-range.custom-range-maroon:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25); } -.icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #6610f2; +.dark-mode .custom-range.custom-range-maroon:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25); } -.icheck-indigo > input:first-child:checked + label::before, -.icheck-indigo > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #6610f2; - border-color: #6610f2; +.dark-mode .custom-range.custom-range-maroon::-webkit-slider-thumb { + background-color: #ed6c9b; } -.icheck-purple > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-purple > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #6f42c1; +.dark-mode .custom-range.custom-range-maroon::-webkit-slider-thumb:active { + background-color: white; } -.icheck-purple > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-purple > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #6f42c1; +.dark-mode .custom-range.custom-range-maroon::-moz-range-thumb { + background-color: #ed6c9b; } -.icheck-purple > input:first-child:checked + label::before, -.icheck-purple > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #6f42c1; - border-color: #6f42c1; +.dark-mode .custom-range.custom-range-maroon::-moz-range-thumb:active { + background-color: white; } -.icheck-pink > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-pink > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #e83e8c; +.dark-mode .custom-range.custom-range-maroon::-ms-thumb { + background-color: #ed6c9b; } -.icheck-pink > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-pink > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #e83e8c; +.dark-mode .custom-range.custom-range-maroon::-ms-thumb:active { + background-color: white; } -.icheck-pink > input:first-child:checked + label::before, -.icheck-pink > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #e83e8c; - border-color: #e83e8c; +.dark-mode .custom-range.custom-range-blue:focus { + outline: none; } -.icheck-red > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-red > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #dc3545; +.dark-mode .custom-range.custom-range-blue:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25); } -.icheck-red > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-red > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #dc3545; +.dark-mode .custom-range.custom-range-blue:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25); } -.icheck-red > input:first-child:checked + label::before, -.icheck-red > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #dc3545; - border-color: #dc3545; +.dark-mode .custom-range.custom-range-blue:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25); } -.icheck-orange > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-orange > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #fd7e14; +.dark-mode .custom-range.custom-range-blue::-webkit-slider-thumb { + background-color: #3f6791; } -.icheck-orange > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-orange > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #fd7e14; +.dark-mode .custom-range.custom-range-blue::-webkit-slider-thumb:active { + background-color: #a9c1da; } -.icheck-orange > input:first-child:checked + label::before, -.icheck-orange > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #fd7e14; - border-color: #fd7e14; +.dark-mode .custom-range.custom-range-blue::-moz-range-thumb { + background-color: #3f6791; } -.icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #ffc107; +.dark-mode .custom-range.custom-range-blue::-moz-range-thumb:active { + background-color: #a9c1da; } -.icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #ffc107; +.dark-mode .custom-range.custom-range-blue::-ms-thumb { + background-color: #3f6791; } -.icheck-yellow > input:first-child:checked + label::before, -.icheck-yellow > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #ffc107; - border-color: #ffc107; +.dark-mode .custom-range.custom-range-blue::-ms-thumb:active { + background-color: #a9c1da; } -.icheck-green > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-green > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #28a745; +.dark-mode .custom-range.custom-range-indigo:focus { + outline: none; } -.icheck-green > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-green > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #28a745; +.dark-mode .custom-range.custom-range-indigo:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25); } -.icheck-green > input:first-child:checked + label::before, -.icheck-green > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #28a745; - border-color: #28a745; +.dark-mode .custom-range.custom-range-indigo:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25); } -.icheck-teal > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-teal > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #20c997; +.dark-mode .custom-range.custom-range-indigo:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25); } -.icheck-teal > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-teal > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #20c997; +.dark-mode .custom-range.custom-range-indigo::-webkit-slider-thumb { + background-color: #6610f2; } -.icheck-teal > input:first-child:checked + label::before, -.icheck-teal > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #20c997; - border-color: #20c997; +.dark-mode .custom-range.custom-range-indigo::-webkit-slider-thumb:active { + background-color: #d2b9fb; } -.icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #266c77; +.dark-mode .custom-range.custom-range-indigo::-moz-range-thumb { + background-color: #6610f2; } -.icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #266c77; +.dark-mode .custom-range.custom-range-indigo::-moz-range-thumb:active { + background-color: #d2b9fb; } -.icheck-cyan > input:first-child:checked + label::before, -.icheck-cyan > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #266c77; - border-color: #266c77; +.dark-mode .custom-range.custom-range-indigo::-ms-thumb { + background-color: #6610f2; } -.icheck-white > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #fff; +.dark-mode .custom-range.custom-range-indigo::-ms-thumb:active { + background-color: #d2b9fb; } -.icheck-white > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-white > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #fff; +.dark-mode .custom-range.custom-range-purple:focus { + outline: none; } -.icheck-white > input:first-child:checked + label::before, -.icheck-white > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #fff; - border-color: #fff; +.dark-mode .custom-range.custom-range-purple:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25); } -.icheck-gray > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-gray > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #6c757d; +.dark-mode .custom-range.custom-range-purple:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25); } -.icheck-gray > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-gray > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #6c757d; +.dark-mode .custom-range.custom-range-purple:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25); } -.icheck-gray > input:first-child:checked + label::before, -.icheck-gray > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #6c757d; - border-color: #6c757d; +.dark-mode .custom-range.custom-range-purple::-webkit-slider-thumb { + background-color: #6f42c1; } -.icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + label::before, -.icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #343a40; +.dark-mode .custom-range.custom-range-purple::-webkit-slider-thumb:active { + background-color: #d5c8ed; } -.icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + label::before, -.icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #343a40; +.dark-mode .custom-range.custom-range-purple::-moz-range-thumb { + background-color: #6f42c1; } -.icheck-gray-dark > input:first-child:checked + label::before, -.icheck-gray-dark > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #343a40; - border-color: #343a40; +.dark-mode .custom-range.custom-range-purple::-moz-range-thumb:active { + background-color: #d5c8ed; } -.dark-mode [class*="icheck-"] > input:first-child:not(:checked) + input[type="hidden"] + label::before, -.dark-mode [class*="icheck-"] > input:first-child:not(:checked) + label::before { - border-color: #6c757d; +.dark-mode .custom-range.custom-range-purple::-ms-thumb { + background-color: #6f42c1; } -.mapael .map { - position: relative; +.dark-mode .custom-range.custom-range-purple::-ms-thumb:active { + background-color: #d5c8ed; } -.mapael .mapTooltip { - font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-style: normal; - font-weight: 400; - line-height: 1.5; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - word-spacing: normal; - white-space: normal; - line-break: auto; - border-radius: 0.25rem; - font-size: 0.875rem; - background-color: #000; - color: #fff; - display: block; - max-width: 200px; - padding: 0.25rem 0.5rem; - position: absolute; - text-align: center; - word-wrap: break-word; - z-index: 1070; +.dark-mode .custom-range.custom-range-pink:focus { + outline: none; } -.mapael .myLegend { - background-color: #f8f9fa; - border: 1px solid #adb5bd; - padding: 10px; - width: 600px; +.dark-mode .custom-range.custom-range-pink:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25); } -.mapael .zoomButton { - background-color: #f8f9fa; - border: 1px solid #ddd; - border-radius: 0.25rem; - color: #444; - cursor: pointer; - font-weight: 700; - height: 16px; - left: 10px; - line-height: 14px; - padding-left: 1px; - position: absolute; - text-align: center; - top: 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - width: 16px; +.dark-mode .custom-range.custom-range-pink:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25); } -.mapael .zoomButton:hover, .mapael .zoomButton:active, .mapael .zoomButton.hover { - background-color: #e9ecef; - color: #2b2b2b; +.dark-mode .custom-range.custom-range-pink:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25); } -.mapael .zoomReset { - line-height: 12px; - top: 10px; +.dark-mode .custom-range.custom-range-pink::-webkit-slider-thumb { + background-color: #e83e8c; } -.mapael .zoomIn { - top: 30px; +.dark-mode .custom-range.custom-range-pink::-webkit-slider-thumb:active { + background-color: #fbddeb; } -.mapael .zoomOut { - top: 50px; +.dark-mode .custom-range.custom-range-pink::-moz-range-thumb { + background-color: #e83e8c; } -.jqvmap-zoomin, -.jqvmap-zoomout { - background-color: #f8f9fa; - border: 1px solid #ddd; - border-radius: 0.25rem; - color: #444; - height: 15px; - width: 15px; +.dark-mode .custom-range.custom-range-pink::-moz-range-thumb:active { + background-color: #fbddeb; } -.jqvmap-zoomin:hover, .jqvmap-zoomin:active, .jqvmap-zoomin.hover, -.jqvmap-zoomout:hover, -.jqvmap-zoomout:active, -.jqvmap-zoomout.hover { - background-color: #e9ecef; - color: #2b2b2b; +.dark-mode .custom-range.custom-range-pink::-ms-thumb { + background-color: #e83e8c; } -.swal2-icon.swal2-info { - border-color: ligthen(#266c77, 20%); - color: #266c77; +.dark-mode .custom-range.custom-range-pink::-ms-thumb:active { + background-color: #fbddeb; } -.swal2-icon.swal2-warning { - border-color: ligthen(#ffc107, 20%); - color: #ffc107; +.dark-mode .custom-range.custom-range-red:focus { + outline: none; } -.swal2-icon.swal2-error { - border-color: ligthen(#dc3545, 20%); - color: #dc3545; +.dark-mode .custom-range.custom-range-red:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25); } -.swal2-icon.swal2-question { - border-color: ligthen(#6c757d, 20%); - color: #6c757d; +.dark-mode .custom-range.custom-range-red:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25); } -.swal2-icon.swal2-success { - border-color: ligthen(#28a745, 20%); - color: #28a745; +.dark-mode .custom-range.custom-range-red:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25); } -.swal2-icon.swal2-success .swal2-success-ring { - border-color: ligthen(#28a745, 20%); +.dark-mode .custom-range.custom-range-red::-webkit-slider-thumb { + background-color: #e74c3c; } -.swal2-icon.swal2-success [class^='swal2-success-line'] { - background-color: #28a745; +.dark-mode .custom-range.custom-range-red::-webkit-slider-thumb:active { + background-color: #fbdedb; } -.dark-mode .swal2-popup { - background-color: #343a40; - color: #e9ecef; +.dark-mode .custom-range.custom-range-red::-moz-range-thumb { + background-color: #e74c3c; } -.dark-mode .swal2-popup .swal2-content, -.dark-mode .swal2-popup .swal2-title { - color: #e9ecef; +.dark-mode .custom-range.custom-range-red::-moz-range-thumb:active { + background-color: #fbdedb; } -#toast-container .toast { - background-color: #007bff; +.dark-mode .custom-range.custom-range-red::-ms-thumb { + background-color: #e74c3c; } -#toast-container .toast-success { - background-color: #28a745; +.dark-mode .custom-range.custom-range-red::-ms-thumb:active { + background-color: #fbdedb; } -#toast-container .toast-error { - background-color: #dc3545; +.dark-mode .custom-range.custom-range-orange:focus { + outline: none; } -#toast-container .toast-info { - background-color: #266c77; +.dark-mode .custom-range.custom-range-orange:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25); } -#toast-container .toast-warning { - background-color: #ffc107; +.dark-mode .custom-range.custom-range-orange:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25); } -.toast-bottom-full-width .toast, -.toast-top-full-width .toast { - max-width: inherit; +.dark-mode .custom-range.custom-range-orange:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25); } -.pace { - z-index: 1048; +.dark-mode .custom-range.custom-range-orange::-webkit-slider-thumb { + background-color: #fd7e14; } -.pace .pace-progress { - z-index: 1049; +.dark-mode .custom-range.custom-range-orange::-webkit-slider-thumb:active { + background-color: #ffdfc5; } -.pace .pace-activity { - z-index: 1050; +.dark-mode .custom-range.custom-range-orange::-moz-range-thumb { + background-color: #fd7e14; } -.pace-primary .pace .pace-progress { - background: #007bff; +.dark-mode .custom-range.custom-range-orange::-moz-range-thumb:active { + background-color: #ffdfc5; } -.pace-barber-shop-primary .pace { - background: #fff; +.dark-mode .custom-range.custom-range-orange::-ms-thumb { + background-color: #fd7e14; } -.pace-barber-shop-primary .pace .pace-progress { - background: #007bff; +.dark-mode .custom-range.custom-range-orange::-ms-thumb:active { + background-color: #ffdfc5; } -.pace-barber-shop-primary .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.dark-mode .custom-range.custom-range-yellow:focus { + outline: none; } -.pace-big-counter-primary .pace .pace-progress::after { - color: rgba(0, 123, 255, 0.2); +.dark-mode .custom-range.custom-range-yellow:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25); } -.pace-bounce-primary .pace .pace-activity { - background: #007bff; +.dark-mode .custom-range.custom-range-yellow:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25); } -.pace-center-atom-primary .pace-progress { - height: 100px; - width: 80px; +.dark-mode .custom-range.custom-range-yellow:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25); } -.pace-center-atom-primary .pace-progress::before { - background: #007bff; - color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.dark-mode .custom-range.custom-range-yellow::-webkit-slider-thumb { + background-color: #f39c12; } -.pace-center-atom-primary .pace-activity { - border-color: #007bff; +.dark-mode .custom-range.custom-range-yellow::-webkit-slider-thumb:active { + background-color: #fce3bc; } -.pace-center-atom-primary .pace-activity::after, .pace-center-atom-primary .pace-activity::before { - border-color: #007bff; +.dark-mode .custom-range.custom-range-yellow::-moz-range-thumb { + background-color: #f39c12; } -.pace-center-circle-primary .pace .pace-progress { - background: rgba(0, 123, 255, 0.8); - color: #fff; +.dark-mode .custom-range.custom-range-yellow::-moz-range-thumb:active { + background-color: #fce3bc; } -.pace-center-radar-primary .pace .pace-activity { - border-color: #007bff transparent transparent; +.dark-mode .custom-range.custom-range-yellow::-ms-thumb { + background-color: #f39c12; } -.pace-center-radar-primary .pace .pace-activity::before { - border-color: #007bff transparent transparent; +.dark-mode .custom-range.custom-range-yellow::-ms-thumb:active { + background-color: #fce3bc; } -.pace-center-simple-primary .pace { - background: #fff; - border-color: #007bff; +.dark-mode .custom-range.custom-range-green:focus { + outline: none; } -.pace-center-simple-primary .pace .pace-progress { - background: #007bff; +.dark-mode .custom-range.custom-range-green:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25); } -.pace-material-primary .pace { - color: #007bff; +.dark-mode .custom-range.custom-range-green:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25); } -.pace-corner-indicator-primary .pace .pace-activity { - background: #007bff; +.dark-mode .custom-range.custom-range-green:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25); } -.pace-corner-indicator-primary .pace .pace-activity::after, -.pace-corner-indicator-primary .pace .pace-activity::before { - border: 5px solid #fff; +.dark-mode .custom-range.custom-range-green::-webkit-slider-thumb { + background-color: #00bc8c; } -.pace-corner-indicator-primary .pace .pace-activity::before { - border-right-color: rgba(0, 123, 255, 0.2); - border-left-color: rgba(0, 123, 255, 0.2); +.dark-mode .custom-range.custom-range-green::-webkit-slider-thumb:active { + background-color: #70ffda; } -.pace-corner-indicator-primary .pace .pace-activity::after { - border-top-color: rgba(0, 123, 255, 0.2); - border-bottom-color: rgba(0, 123, 255, 0.2); +.dark-mode .custom-range.custom-range-green::-moz-range-thumb { + background-color: #00bc8c; } -.pace-fill-left-primary .pace .pace-progress { - background-color: rgba(0, 123, 255, 0.2); +.dark-mode .custom-range.custom-range-green::-moz-range-thumb:active { + background-color: #70ffda; } -.pace-flash-primary .pace .pace-progress { - background: #007bff; +.dark-mode .custom-range.custom-range-green::-ms-thumb { + background-color: #00bc8c; } -.pace-flash-primary .pace .pace-progress-inner { - box-shadow: 0 0 10px #007bff, 0 0 5px #007bff; +.dark-mode .custom-range.custom-range-green::-ms-thumb:active { + background-color: #70ffda; } -.pace-flash-primary .pace .pace-activity { - border-top-color: #007bff; - border-left-color: #007bff; +.dark-mode .custom-range.custom-range-teal:focus { + outline: none; } -.pace-loading-bar-primary .pace .pace-progress { - background: #007bff; - color: #007bff; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.dark-mode .custom-range.custom-range-teal:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25); } -.pace-loading-bar-primary .pace .pace-activity { - box-shadow: inset 0 0 0 2px #007bff, inset 0 0 0 7px #fff; +.dark-mode .custom-range.custom-range-teal:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25); } -.pace-mac-osx-primary .pace .pace-progress { - background-color: #007bff; - box-shadow: inset -1px 0 #007bff, inset 0 -1px #007bff, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +.dark-mode .custom-range.custom-range-teal:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25); } -.pace-mac-osx-primary .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.dark-mode .custom-range.custom-range-teal::-webkit-slider-thumb { + background-color: #20c997; } -.pace-progress-color-primary .pace-progress { - color: #007bff; +.dark-mode .custom-range.custom-range-teal::-webkit-slider-thumb:active { + background-color: #aaf1dc; } -.pace-secondary .pace .pace-progress { - background: #6c757d; +.dark-mode .custom-range.custom-range-teal::-moz-range-thumb { + background-color: #20c997; } -.pace-barber-shop-secondary .pace { - background: #fff; +.dark-mode .custom-range.custom-range-teal::-moz-range-thumb:active { + background-color: #aaf1dc; } -.pace-barber-shop-secondary .pace .pace-progress { - background: #6c757d; +.dark-mode .custom-range.custom-range-teal::-ms-thumb { + background-color: #20c997; } -.pace-barber-shop-secondary .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.dark-mode .custom-range.custom-range-teal::-ms-thumb:active { + background-color: #aaf1dc; } -.pace-big-counter-secondary .pace .pace-progress::after { - color: rgba(108, 117, 125, 0.2); +.dark-mode .custom-range.custom-range-cyan:focus { + outline: none; } -.pace-bounce-secondary .pace .pace-activity { - background: #6c757d; +.dark-mode .custom-range.custom-range-cyan:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25); } -.pace-center-atom-secondary .pace-progress { - height: 100px; - width: 80px; +.dark-mode .custom-range.custom-range-cyan:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25); } -.pace-center-atom-secondary .pace-progress::before { - background: #6c757d; - color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.dark-mode .custom-range.custom-range-cyan:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25); } -.pace-center-atom-secondary .pace-activity { - border-color: #6c757d; +.dark-mode .custom-range.custom-range-cyan::-webkit-slider-thumb { + background-color: #3498db; } -.pace-center-atom-secondary .pace-activity::after, .pace-center-atom-secondary .pace-activity::before { - border-color: #6c757d; +.dark-mode .custom-range.custom-range-cyan::-webkit-slider-thumb:active { + background-color: #cce5f6; } -.pace-center-circle-secondary .pace .pace-progress { - background: rgba(108, 117, 125, 0.8); - color: #fff; +.dark-mode .custom-range.custom-range-cyan::-moz-range-thumb { + background-color: #3498db; } -.pace-center-radar-secondary .pace .pace-activity { - border-color: #6c757d transparent transparent; +.dark-mode .custom-range.custom-range-cyan::-moz-range-thumb:active { + background-color: #cce5f6; } -.pace-center-radar-secondary .pace .pace-activity::before { - border-color: #6c757d transparent transparent; +.dark-mode .custom-range.custom-range-cyan::-ms-thumb { + background-color: #3498db; } -.pace-center-simple-secondary .pace { - background: #fff; - border-color: #6c757d; +.dark-mode .custom-range.custom-range-cyan::-ms-thumb:active { + background-color: #cce5f6; } -.pace-center-simple-secondary .pace .pace-progress { - background: #6c757d; +.dark-mode .custom-range.custom-range-white:focus { + outline: none; } -.pace-material-secondary .pace { - color: #6c757d; +.dark-mode .custom-range.custom-range-white:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25); } -.pace-corner-indicator-secondary .pace .pace-activity { - background: #6c757d; +.dark-mode .custom-range.custom-range-white:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25); } -.pace-corner-indicator-secondary .pace .pace-activity::after, -.pace-corner-indicator-secondary .pace .pace-activity::before { - border: 5px solid #fff; +.dark-mode .custom-range.custom-range-white:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25); } -.pace-corner-indicator-secondary .pace .pace-activity::before { - border-right-color: rgba(108, 117, 125, 0.2); - border-left-color: rgba(108, 117, 125, 0.2); +.dark-mode .custom-range.custom-range-white::-webkit-slider-thumb { + background-color: #fff; } -.pace-corner-indicator-secondary .pace .pace-activity::after { - border-top-color: rgba(108, 117, 125, 0.2); - border-bottom-color: rgba(108, 117, 125, 0.2); +.dark-mode .custom-range.custom-range-white::-webkit-slider-thumb:active { + background-color: white; } -.pace-fill-left-secondary .pace .pace-progress { - background-color: rgba(108, 117, 125, 0.2); +.dark-mode .custom-range.custom-range-white::-moz-range-thumb { + background-color: #fff; } -.pace-flash-secondary .pace .pace-progress { - background: #6c757d; +.dark-mode .custom-range.custom-range-white::-moz-range-thumb:active { + background-color: white; } -.pace-flash-secondary .pace .pace-progress-inner { - box-shadow: 0 0 10px #6c757d, 0 0 5px #6c757d; +.dark-mode .custom-range.custom-range-white::-ms-thumb { + background-color: #fff; } -.pace-flash-secondary .pace .pace-activity { - border-top-color: #6c757d; - border-left-color: #6c757d; +.dark-mode .custom-range.custom-range-white::-ms-thumb:active { + background-color: white; } -.pace-loading-bar-secondary .pace .pace-progress { - background: #6c757d; - color: #6c757d; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.dark-mode .custom-range.custom-range-gray:focus { + outline: none; } -.pace-loading-bar-secondary .pace .pace-activity { - box-shadow: inset 0 0 0 2px #6c757d, inset 0 0 0 7px #fff; +.dark-mode .custom-range.custom-range-gray:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } -.pace-mac-osx-secondary .pace .pace-progress { - background-color: #6c757d; - box-shadow: inset -1px 0 #6c757d, inset 0 -1px #6c757d, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +.dark-mode .custom-range.custom-range-gray:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } -.pace-mac-osx-secondary .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.dark-mode .custom-range.custom-range-gray:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } -.pace-progress-color-secondary .pace-progress { - color: #6c757d; +.dark-mode .custom-range.custom-range-gray::-webkit-slider-thumb { + background-color: #6c757d; } -.pace-success .pace .pace-progress { - background: #28a745; +.dark-mode .custom-range.custom-range-gray::-webkit-slider-thumb:active { + background-color: #caced1; } -.pace-barber-shop-success .pace { - background: #fff; +.dark-mode .custom-range.custom-range-gray::-moz-range-thumb { + background-color: #6c757d; } -.pace-barber-shop-success .pace .pace-progress { - background: #28a745; +.dark-mode .custom-range.custom-range-gray::-moz-range-thumb:active { + background-color: #caced1; } -.pace-barber-shop-success .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.dark-mode .custom-range.custom-range-gray::-ms-thumb { + background-color: #6c757d; } -.pace-big-counter-success .pace .pace-progress::after { - color: rgba(40, 167, 69, 0.2); +.dark-mode .custom-range.custom-range-gray::-ms-thumb:active { + background-color: #caced1; } -.pace-bounce-success .pace .pace-activity { - background: #28a745; +.dark-mode .custom-range.custom-range-gray-dark:focus { + outline: none; } -.pace-center-atom-success .pace-progress { - height: 100px; - width: 80px; +.dark-mode .custom-range.custom-range-gray-dark:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } -.pace-center-atom-success .pace-progress::before { - background: #28a745; - color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.dark-mode .custom-range.custom-range-gray-dark:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } -.pace-center-atom-success .pace-activity { - border-color: #28a745; +.dark-mode .custom-range.custom-range-gray-dark:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } -.pace-center-atom-success .pace-activity::after, .pace-center-atom-success .pace-activity::before { - border-color: #28a745; +.dark-mode .custom-range.custom-range-gray-dark::-webkit-slider-thumb { + background-color: #343a40; } -.pace-center-circle-success .pace .pace-progress { - background: rgba(40, 167, 69, 0.8); - color: #fff; +.dark-mode .custom-range.custom-range-gray-dark::-webkit-slider-thumb:active { + background-color: #88939e; } -.pace-center-radar-success .pace .pace-activity { - border-color: #28a745 transparent transparent; +.dark-mode .custom-range.custom-range-gray-dark::-moz-range-thumb { + background-color: #343a40; } -.pace-center-radar-success .pace .pace-activity::before { - border-color: #28a745 transparent transparent; +.dark-mode .custom-range.custom-range-gray-dark::-moz-range-thumb:active { + background-color: #88939e; } -.pace-center-simple-success .pace { - background: #fff; - border-color: #28a745; +.dark-mode .custom-range.custom-range-gray-dark::-ms-thumb { + background-color: #343a40; } -.pace-center-simple-success .pace .pace-progress { - background: #28a745; +.dark-mode .custom-range.custom-range-gray-dark::-ms-thumb:active { + background-color: #88939e; } -.pace-material-success .pace { - color: #28a745; +.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::before { + background-color: #3f6791; + border-color: #20344a; } -.pace-corner-indicator-success .pace .pace-activity { - background: #28a745; +.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25); } -.pace-corner-indicator-success .pace .pace-activity::after, -.pace-corner-indicator-success .pace .pace-activity::before { - border: 5px solid #fff; +.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::after { + background-color: #182838; } -.pace-corner-indicator-success .pace .pace-activity::before { - border-right-color: rgba(40, 167, 69, 0.2); - border-left-color: rgba(40, 167, 69, 0.2); +.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::before { + background-color: #3f6791; + border-color: #20344a; } -.pace-corner-indicator-success .pace .pace-activity::after { - border-top-color: rgba(40, 167, 69, 0.2); - border-bottom-color: rgba(40, 167, 69, 0.2); +.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25); } -.pace-fill-left-success .pace .pace-progress { - background-color: rgba(40, 167, 69, 0.2); +.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::after { + background-color: #97b4d2; } -.pace-flash-success .pace .pace-progress { - background: #28a745; +.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::before { + background-color: #6c757d; + border-color: #3d4246; } -.pace-flash-success .pace .pace-progress-inner { - box-shadow: 0 0 10px #28a745, 0 0 5px #28a745; +.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } -.pace-flash-success .pace .pace-activity { - border-top-color: #28a745; - border-left-color: #28a745; +.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::after { + background-color: #313539; } -.pace-loading-bar-success .pace .pace-progress { - background: #28a745; - color: #28a745; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::before { + background-color: #6c757d; + border-color: #3d4246; } -.pace-loading-bar-success .pace .pace-activity { - box-shadow: inset 0 0 0 2px #28a745, inset 0 0 0 7px #fff; +.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } -.pace-mac-osx-success .pace .pace-progress { - background-color: #28a745; - box-shadow: inset -1px 0 #28a745, inset 0 -1px #28a745, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::after { + background-color: #bcc1c6; } -.pace-mac-osx-success .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.dark-mode .custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::before { + background-color: #00bc8c; + border-color: #005640; } -.pace-progress-color-success .pace-progress { - color: #28a745; +.dark-mode .custom-switch.custom-switch-off-success .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25); } -.pace-info .pace .pace-progress { - background: #266c77; +.dark-mode .custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::after { + background-color: #003d2d; } -.pace-barber-shop-info .pace { - background: #fff; +.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::before { + background-color: #00bc8c; + border-color: #005640; } -.pace-barber-shop-info .pace .pace-progress { - background: #266c77; +.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25); } -.pace-barber-shop-info .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::after { + background-color: #56ffd4; } -.pace-big-counter-info .pace .pace-progress::after { - color: rgba(38, 108, 119, 0.2); +.dark-mode .custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::before { + background-color: #3498db; + border-color: #196090; } -.pace-bounce-info .pace .pace-activity { - background: #266c77; +.dark-mode .custom-switch.custom-switch-off-info .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25); } -.pace-center-atom-info .pace-progress { - height: 100px; - width: 80px; +.dark-mode .custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::after { + background-color: #16527a; } -.pace-center-atom-info .pace-progress::before { - background: #266c77; - color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::before { + background-color: #3498db; + border-color: #196090; } -.pace-center-atom-info .pace-activity { - border-color: #266c77; +.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25); } -.pace-center-atom-info .pace-activity::after, .pace-center-atom-info .pace-activity::before { - border-color: #266c77; +.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::after { + background-color: #b6daf2; } -.pace-center-circle-info .pace .pace-progress { - background: rgba(38, 108, 119, 0.8); - color: #fff; +.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::before { + background-color: #f39c12; + border-color: #976008; } -.pace-center-radar-info .pace .pace-activity { - border-color: #266c77 transparent transparent; +.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25); } -.pace-center-radar-info .pace .pace-activity::before { - border-color: #266c77 transparent transparent; +.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::after { + background-color: #7f5006; } -.pace-center-simple-info .pace { - background: #fff; - border-color: #266c77; +.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::before { + background-color: #f39c12; + border-color: #976008; } -.pace-center-simple-info .pace .pace-progress { - background: #266c77; +.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25); } -.pace-material-info .pace { - color: #266c77; +.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fad9a4; } -.pace-corner-indicator-info .pace .pace-activity { - background: #266c77; +.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::before { + background-color: #e74c3c; + border-color: #a82315; } -.pace-corner-indicator-info .pace .pace-activity::after, -.pace-corner-indicator-info .pace .pace-activity::before { - border: 5px solid #fff; +.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25); } -.pace-corner-indicator-info .pace .pace-activity::before { - border-right-color: rgba(38, 108, 119, 0.2); - border-left-color: rgba(38, 108, 119, 0.2); +.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::after { + background-color: #921e12; } -.pace-corner-indicator-info .pace .pace-activity::after { - border-top-color: rgba(38, 108, 119, 0.2); - border-bottom-color: rgba(38, 108, 119, 0.2); +.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::before { + background-color: #e74c3c; + border-color: #a82315; } -.pace-fill-left-info .pace .pace-progress { - background-color: rgba(38, 108, 119, 0.2); +.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25); } -.pace-flash-info .pace .pace-progress { - background: #266c77; +.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::after { + background-color: #f8c9c4; } -.pace-flash-info .pace .pace-progress-inner { - box-shadow: 0 0 10px #266c77, 0 0 5px #266c77; +.dark-mode .custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::before { + background-color: #f8f9fa; + border-color: #bdc6d0; } -.pace-flash-info .pace .pace-activity { - border-top-color: #266c77; - border-left-color: #266c77; +.dark-mode .custom-switch.custom-switch-off-light .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25); } -.pace-loading-bar-info .pace .pace-progress { - background: #266c77; - color: #266c77; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.dark-mode .custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::after { + background-color: #aeb9c5; } -.pace-loading-bar-info .pace .pace-activity { - box-shadow: inset 0 0 0 2px #266c77, inset 0 0 0 7px #fff; +.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::before { + background-color: #f8f9fa; + border-color: #bdc6d0; } -.pace-mac-osx-info .pace .pace-progress { - background-color: #266c77; - box-shadow: inset -1px 0 #266c77, inset 0 -1px #266c77, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25); } -.pace-mac-osx-info .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::after { + background-color: white; } -.pace-progress-color-info .pace-progress { - color: #266c77; +.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::before { + background-color: #343a40; + border-color: #060708; } -.pace-warning .pace .pace-progress { - background: #ffc107; +.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } -.pace-barber-shop-warning .pace { - background: #1f2d3d; +.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::after { + background-color: black; } -.pace-barber-shop-warning .pace .pace-progress { - background: #ffc107; +.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::before { + background-color: #343a40; + border-color: #060708; } -.pace-barber-shop-warning .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent); +.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } -.pace-big-counter-warning .pace .pace-progress::after { - color: rgba(255, 193, 7, 0.2); +.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::after { + background-color: #7a8793; } -.pace-bounce-warning .pace .pace-activity { - background: #ffc107; +.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::before { + background-color: #86bad8; + border-color: #3c8dbc; } -.pace-center-atom-warning .pace-progress { - height: 100px; - width: 80px; +.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25); } -.pace-center-atom-warning .pace-progress::before { - background: #ffc107; - color: #1f2d3d; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::after { + background-color: #367fa9; } -.pace-center-atom-warning .pace-activity { - border-color: #ffc107; +.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::before { + background-color: #86bad8; + border-color: #3c8dbc; } -.pace-center-atom-warning .pace-activity::after, .pace-center-atom-warning .pace-activity::before { - border-color: #ffc107; +.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25); } -.pace-center-circle-warning .pace .pace-progress { - background: rgba(255, 193, 7, 0.8); - color: #1f2d3d; +.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fafcfd; } -.pace-center-radar-warning .pace .pace-activity { - border-color: #ffc107 transparent transparent; +.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::before { + background-color: #002c59; + border-color: black; } -.pace-center-radar-warning .pace .pace-activity::before { - border-color: #ffc107 transparent transparent; +.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25); } -.pace-center-simple-warning .pace { - background: #1f2d3d; - border-color: #ffc107; +.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::after { + background-color: black; } -.pace-center-simple-warning .pace .pace-progress { - background: #ffc107; +.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::before { + background-color: #002c59; + border-color: black; } -.pace-material-warning .pace { - color: #ffc107; +.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25); } -.pace-corner-indicator-warning .pace .pace-activity { - background: #ffc107; +.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::after { + background-color: #0077f2; } -.pace-corner-indicator-warning .pace .pace-activity::after, -.pace-corner-indicator-warning .pace .pace-activity::before { - border: 5px solid #1f2d3d; +.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::before { + background-color: #74c8a3; + border-color: #3d9970; } -.pace-corner-indicator-warning .pace .pace-activity::before { - border-right-color: rgba(255, 193, 7, 0.2); - border-left-color: rgba(255, 193, 7, 0.2); +.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25); } -.pace-corner-indicator-warning .pace .pace-activity::after { - border-top-color: rgba(255, 193, 7, 0.2); - border-bottom-color: rgba(255, 193, 7, 0.2); +.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::after { + background-color: #368763; } -.pace-fill-left-warning .pace .pace-progress { - background-color: rgba(255, 193, 7, 0.2); +.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::before { + background-color: #74c8a3; + border-color: #3d9970; } -.pace-flash-warning .pace .pace-progress { - background: #ffc107; +.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25); } -.pace-flash-warning .pace .pace-progress-inner { - box-shadow: 0 0 10px #ffc107, 0 0 5px #ffc107; +.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::after { + background-color: #e2f3eb; } -.pace-flash-warning .pace .pace-activity { - border-top-color: #ffc107; - border-left-color: #ffc107; +.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::before { + background-color: #67ffa9; + border-color: #01ff70; } -.pace-loading-bar-warning .pace .pace-progress { - background: #ffc107; - color: #ffc107; - box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d; +.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25); } -.pace-loading-bar-warning .pace .pace-activity { - box-shadow: inset 0 0 0 2px #ffc107, inset 0 0 0 7px #1f2d3d; +.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::after { + background-color: #00e765; } -.pace-mac-osx-warning .pace .pace-progress { - background-color: #ffc107; - box-shadow: inset -1px 0 #ffc107, inset 0 -1px #ffc107, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3); +.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::before { + background-color: #67ffa9; + border-color: #01ff70; } -.pace-mac-osx-warning .pace .pace-activity { - background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%); - height: 12px; +.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25); } -.pace-progress-color-warning .pace-progress { - color: #ffc107; +.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::after { + background-color: white; } -.pace-danger .pace .pace-progress { - background: #dc3545; +.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::before { + background-color: #f672d8; + border-color: #f012be; } -.pace-barber-shop-danger .pace { - background: #fff; +.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25); } -.pace-barber-shop-danger .pace .pace-progress { - background: #dc3545; +.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::after { + background-color: #db0ead; } -.pace-barber-shop-danger .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::before { + background-color: #f672d8; + border-color: #f012be; } -.pace-big-counter-danger .pace .pace-progress::after { - color: rgba(220, 53, 69, 0.2); +.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25); } -.pace-bounce-danger .pace .pace-activity { - background: #dc3545; +.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::after { + background-color: white; } -.pace-center-atom-danger .pace-progress { - height: 100px; - width: 80px; +.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::before { + background-color: #ed6c9b; + border-color: #d81b60; } -.pace-center-atom-danger .pace-progress::before { - background: #dc3545; - color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25); } -.pace-center-atom-danger .pace-activity { - border-color: #dc3545; +.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::after { + background-color: #c11856; } -.pace-center-atom-danger .pace-activity::after, .pace-center-atom-danger .pace-activity::before { - border-color: #dc3545; +.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::before { + background-color: #ed6c9b; + border-color: #d81b60; } -.pace-center-circle-danger .pace .pace-progress { - background: rgba(220, 53, 69, 0.8); - color: #fff; +.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25); } -.pace-center-radar-danger .pace .pace-activity { - border-color: #dc3545 transparent transparent; +.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fef4f8; } -.pace-center-radar-danger .pace .pace-activity::before { - border-color: #dc3545 transparent transparent; +.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::before { + background-color: #3f6791; + border-color: #20344a; } -.pace-center-simple-danger .pace { - background: #fff; - border-color: #dc3545; +.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25); } -.pace-center-simple-danger .pace .pace-progress { - background: #dc3545; +.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::after { + background-color: #182838; } -.pace-material-danger .pace { - color: #dc3545; +.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::before { + background-color: #3f6791; + border-color: #20344a; } -.pace-corner-indicator-danger .pace .pace-activity { - background: #dc3545; +.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25); } -.pace-corner-indicator-danger .pace .pace-activity::after, -.pace-corner-indicator-danger .pace .pace-activity::before { - border: 5px solid #fff; +.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::after { + background-color: #97b4d2; } -.pace-corner-indicator-danger .pace .pace-activity::before { - border-right-color: rgba(220, 53, 69, 0.2); - border-left-color: rgba(220, 53, 69, 0.2); +.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::before { + background-color: #6610f2; + border-color: #3d0894; } -.pace-corner-indicator-danger .pace .pace-activity::after { - border-top-color: rgba(220, 53, 69, 0.2); - border-bottom-color: rgba(220, 53, 69, 0.2); +.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25); } -.pace-fill-left-danger .pace .pace-progress { - background-color: rgba(220, 53, 69, 0.2); +.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::after { + background-color: #33077c; } -.pace-flash-danger .pace .pace-progress { - background: #dc3545; +.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::before { + background-color: #6610f2; + border-color: #3d0894; } -.pace-flash-danger .pace .pace-progress-inner { - box-shadow: 0 0 10px #dc3545, 0 0 5px #dc3545; +.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25); } -.pace-flash-danger .pace .pace-activity { - border-top-color: #dc3545; - border-left-color: #dc3545; +.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::after { + background-color: #c3a1fa; } -.pace-loading-bar-danger .pace .pace-progress { - background: #dc3545; - color: #dc3545; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::before { + background-color: #6f42c1; + border-color: #432776; } -.pace-loading-bar-danger .pace .pace-activity { - box-shadow: inset 0 0 0 2px #dc3545, inset 0 0 0 7px #fff; +.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25); } -.pace-mac-osx-danger .pace .pace-progress { - background-color: #dc3545; - box-shadow: inset -1px 0 #dc3545, inset 0 -1px #dc3545, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::after { + background-color: #382063; } -.pace-mac-osx-danger .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::before { + background-color: #6f42c1; + border-color: #432776; } -.pace-progress-color-danger .pace-progress { - color: #dc3545; +.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25); } -.pace-light .pace .pace-progress { - background: #f8f9fa; +.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::after { + background-color: #c7b5e7; } -.pace-barber-shop-light .pace { - background: #1f2d3d; +.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::before { + background-color: #e83e8c; + border-color: #ac145a; } -.pace-barber-shop-light .pace .pace-progress { - background: #f8f9fa; +.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25); } -.pace-barber-shop-light .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent); +.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::after { + background-color: #95124e; } -.pace-big-counter-light .pace .pace-progress::after { - color: rgba(248, 249, 250, 0.2); +.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::before { + background-color: #e83e8c; + border-color: #ac145a; } -.pace-bounce-light .pace .pace-activity { - background: #f8f9fa; +.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25); } -.pace-center-atom-light .pace-progress { - height: 100px; - width: 80px; +.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::after { + background-color: #f8c7dd; } -.pace-center-atom-light .pace-progress::before { - background: #f8f9fa; - color: #1f2d3d; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.dark-mode .custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::before { + background-color: #e74c3c; + border-color: #a82315; } -.pace-center-atom-light .pace-activity { - border-color: #f8f9fa; +.dark-mode .custom-switch.custom-switch-off-red .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25); } -.pace-center-atom-light .pace-activity::after, .pace-center-atom-light .pace-activity::before { - border-color: #f8f9fa; +.dark-mode .custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::after { + background-color: #921e12; } -.pace-center-circle-light .pace .pace-progress { - background: rgba(248, 249, 250, 0.8); - color: #1f2d3d; +.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::before { + background-color: #e74c3c; + border-color: #a82315; } -.pace-center-radar-light .pace .pace-activity { - border-color: #f8f9fa transparent transparent; +.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25); } -.pace-center-radar-light .pace .pace-activity::before { - border-color: #f8f9fa transparent transparent; +.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::after { + background-color: #f8c9c4; } -.pace-center-simple-light .pace { - background: #1f2d3d; - border-color: #f8f9fa; +.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::before { + background-color: #fd7e14; + border-color: #aa4e01; } -.pace-center-simple-light .pace .pace-progress { - background: #f8f9fa; +.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25); } -.pace-material-light .pace { - color: #f8f9fa; +.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::after { + background-color: #904201; } -.pace-corner-indicator-light .pace .pace-activity { - background: #f8f9fa; +.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::before { + background-color: #fd7e14; + border-color: #aa4e01; } -.pace-corner-indicator-light .pace .pace-activity::after, -.pace-corner-indicator-light .pace .pace-activity::before { - border: 5px solid #1f2d3d; +.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25); } -.pace-corner-indicator-light .pace .pace-activity::before { - border-right-color: rgba(248, 249, 250, 0.2); - border-left-color: rgba(248, 249, 250, 0.2); +.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fed1ac; } -.pace-corner-indicator-light .pace .pace-activity::after { - border-top-color: rgba(248, 249, 250, 0.2); - border-bottom-color: rgba(248, 249, 250, 0.2); +.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::before { + background-color: #f39c12; + border-color: #976008; } -.pace-fill-left-light .pace .pace-progress { - background-color: rgba(248, 249, 250, 0.2); +.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25); } -.pace-flash-light .pace .pace-progress { - background: #f8f9fa; +.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::after { + background-color: #7f5006; } -.pace-flash-light .pace .pace-progress-inner { - box-shadow: 0 0 10px #f8f9fa, 0 0 5px #f8f9fa; +.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::before { + background-color: #f39c12; + border-color: #976008; } -.pace-flash-light .pace .pace-activity { - border-top-color: #f8f9fa; - border-left-color: #f8f9fa; +.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25); } -.pace-loading-bar-light .pace .pace-progress { - background: #f8f9fa; - color: #f8f9fa; - box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d; +.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fad9a4; } -.pace-loading-bar-light .pace .pace-activity { - box-shadow: inset 0 0 0 2px #f8f9fa, inset 0 0 0 7px #1f2d3d; +.dark-mode .custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::before { + background-color: #00bc8c; + border-color: #005640; } -.pace-mac-osx-light .pace .pace-progress { - background-color: #f8f9fa; - box-shadow: inset -1px 0 #f8f9fa, inset 0 -1px #f8f9fa, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3); +.dark-mode .custom-switch.custom-switch-off-green .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25); } -.pace-mac-osx-light .pace .pace-activity { - background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%); - height: 12px; +.dark-mode .custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::after { + background-color: #003d2d; } -.pace-progress-color-light .pace-progress { - color: #f8f9fa; +.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::before { + background-color: #00bc8c; + border-color: #005640; } -.pace-dark .pace .pace-progress { - background: #343a40; +.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25); } -.pace-barber-shop-dark .pace { - background: #fff; +.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::after { + background-color: #56ffd4; } -.pace-barber-shop-dark .pace .pace-progress { - background: #343a40; +.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::before { + background-color: #20c997; + border-color: #127155; } -.pace-barber-shop-dark .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25); } -.pace-big-counter-dark .pace .pace-progress::after { - color: rgba(52, 58, 64, 0.2); +.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::after { + background-color: #0e5b44; } -.pace-bounce-dark .pace .pace-activity { - background: #343a40; +.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::before { + background-color: #20c997; + border-color: #127155; } -.pace-center-atom-dark .pace-progress { - height: 100px; - width: 80px; +.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25); } -.pace-center-atom-dark .pace-progress::before { - background: #343a40; - color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::after { + background-color: #94eed3; } -.pace-center-atom-dark .pace-activity { - border-color: #343a40; +.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::before { + background-color: #3498db; + border-color: #196090; } -.pace-center-atom-dark .pace-activity::after, .pace-center-atom-dark .pace-activity::before { - border-color: #343a40; +.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25); } -.pace-center-circle-dark .pace .pace-progress { - background: rgba(52, 58, 64, 0.8); - color: #fff; +.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::after { + background-color: #16527a; } -.pace-center-radar-dark .pace .pace-activity { - border-color: #343a40 transparent transparent; +.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::before { + background-color: #3498db; + border-color: #196090; } -.pace-center-radar-dark .pace .pace-activity::before { - border-color: #343a40 transparent transparent; +.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25); } -.pace-center-simple-dark .pace { - background: #fff; - border-color: #343a40; +.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::after { + background-color: #b6daf2; } -.pace-center-simple-dark .pace .pace-progress { - background: #343a40; +.dark-mode .custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::before { + background-color: #fff; + border-color: #cccccc; } -.pace-material-dark .pace { - color: #343a40; +.dark-mode .custom-switch.custom-switch-off-white .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25); } -.pace-corner-indicator-dark .pace .pace-activity { - background: #343a40; +.dark-mode .custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::after { + background-color: #bfbfbf; } -.pace-corner-indicator-dark .pace .pace-activity::after, -.pace-corner-indicator-dark .pace .pace-activity::before { - border: 5px solid #fff; +.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::before { + background-color: #fff; + border-color: #cccccc; } -.pace-corner-indicator-dark .pace .pace-activity::before { - border-right-color: rgba(52, 58, 64, 0.2); - border-left-color: rgba(52, 58, 64, 0.2); +.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25); } -.pace-corner-indicator-dark .pace .pace-activity::after { - border-top-color: rgba(52, 58, 64, 0.2); - border-bottom-color: rgba(52, 58, 64, 0.2); +.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::after { + background-color: white; } -.pace-fill-left-dark .pace .pace-progress { - background-color: rgba(52, 58, 64, 0.2); +.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::before { + background-color: #6c757d; + border-color: #3d4246; } -.pace-flash-dark .pace .pace-progress { - background: #343a40; +.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } -.pace-flash-dark .pace .pace-progress-inner { - box-shadow: 0 0 10px #343a40, 0 0 5px #343a40; +.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::after { + background-color: #313539; } -.pace-flash-dark .pace .pace-activity { - border-top-color: #343a40; - border-left-color: #343a40; +.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::before { + background-color: #6c757d; + border-color: #3d4246; } -.pace-loading-bar-dark .pace .pace-progress { - background: #343a40; - color: #343a40; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } -.pace-loading-bar-dark .pace .pace-activity { - box-shadow: inset 0 0 0 2px #343a40, inset 0 0 0 7px #fff; +.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::after { + background-color: #bcc1c6; } -.pace-mac-osx-dark .pace .pace-progress { +.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::before { background-color: #343a40; - box-shadow: inset -1px 0 #343a40, inset 0 -1px #343a40, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); + border-color: #060708; } -.pace-mac-osx-dark .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } -.pace-progress-color-dark .pace-progress { - color: #343a40; +.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::after { + background-color: black; } -.pace-lightblue .pace .pace-progress { - background: #3c8dbc; +.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::before { + background-color: #343a40; + border-color: #060708; } -.pace-barber-shop-lightblue .pace { - background: #fff; +.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } -.pace-barber-shop-lightblue .pace .pace-progress { - background: #3c8dbc; +.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::after { + background-color: #7a8793; } -.pace-barber-shop-lightblue .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.dark-mode .custom-control-input-primary:checked ~ .custom-control-label::before { + border-color: #3f6791; + background-color: #3f6791; } -.pace-big-counter-lightblue .pace .pace-progress::after { - color: rgba(60, 141, 188, 0.2); +.dark-mode .custom-control-input-primary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233f6791' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-bounce-lightblue .pace .pace-activity { - background: #3c8dbc; +.dark-mode .custom-control-input-primary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233f6791'/%3E%3C/svg%3E") !important; } -.pace-center-atom-lightblue .pace-progress { - height: 100px; - width: 80px; +.dark-mode .custom-control-input-primary:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(63, 103, 145, 0.25); } -.pace-center-atom-lightblue .pace-progress::before { - background: #3c8dbc; - color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.dark-mode .custom-control-input-primary:focus:not(:checked) ~ .custom-control-label::before { + border-color: #85a7ca; } -.pace-center-atom-lightblue .pace-activity { - border-color: #3c8dbc; +.dark-mode .custom-control-input-primary:not(:disabled):active ~ .custom-control-label::before { + background-color: #a9c1da; + border-color: #a9c1da; } -.pace-center-atom-lightblue .pace-activity::after, .pace-center-atom-lightblue .pace-activity::before { - border-color: #3c8dbc; +.dark-mode .custom-control-input-secondary:checked ~ .custom-control-label::before { + border-color: #6c757d; + background-color: #6c757d; } -.pace-center-circle-lightblue .pace .pace-progress { - background: rgba(60, 141, 188, 0.8); - color: #fff; +.dark-mode .custom-control-input-secondary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-center-radar-lightblue .pace .pace-activity { - border-color: #3c8dbc transparent transparent; +.dark-mode .custom-control-input-secondary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important; } -.pace-center-radar-lightblue .pace .pace-activity::before { - border-color: #3c8dbc transparent transparent; +.dark-mode .custom-control-input-secondary:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25); } -.pace-center-simple-lightblue .pace { - background: #fff; - border-color: #3c8dbc; +.dark-mode .custom-control-input-secondary:focus:not(:checked) ~ .custom-control-label::before { + border-color: #afb5ba; } -.pace-center-simple-lightblue .pace .pace-progress { - background: #3c8dbc; +.dark-mode .custom-control-input-secondary:not(:disabled):active ~ .custom-control-label::before { + background-color: #caced1; + border-color: #caced1; } -.pace-material-lightblue .pace { - color: #3c8dbc; +.dark-mode .custom-control-input-success:checked ~ .custom-control-label::before { + border-color: #00bc8c; + background-color: #00bc8c; } -.pace-corner-indicator-lightblue .pace .pace-activity { - background: #3c8dbc; +.dark-mode .custom-control-input-success.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300bc8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-corner-indicator-lightblue .pace .pace-activity::after, -.pace-corner-indicator-lightblue .pace .pace-activity::before { - border: 5px solid #fff; +.dark-mode .custom-control-input-success.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2300bc8c'/%3E%3C/svg%3E") !important; } -.pace-corner-indicator-lightblue .pace .pace-activity::before { - border-right-color: rgba(60, 141, 188, 0.2); - border-left-color: rgba(60, 141, 188, 0.2); +.dark-mode .custom-control-input-success:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 188, 140, 0.25); } -.pace-corner-indicator-lightblue .pace .pace-activity::after { - border-top-color: rgba(60, 141, 188, 0.2); - border-bottom-color: rgba(60, 141, 188, 0.2); +.dark-mode .custom-control-input-success:focus:not(:checked) ~ .custom-control-label::before { + border-color: #3dffcd; } -.pace-fill-left-lightblue .pace .pace-progress { - background-color: rgba(60, 141, 188, 0.2); +.dark-mode .custom-control-input-success:not(:disabled):active ~ .custom-control-label::before { + background-color: #70ffda; + border-color: #70ffda; } -.pace-flash-lightblue .pace .pace-progress { - background: #3c8dbc; +.dark-mode .custom-control-input-info:checked ~ .custom-control-label::before { + border-color: #3498db; + background-color: #3498db; } -.pace-flash-lightblue .pace .pace-progress-inner { - box-shadow: 0 0 10px #3c8dbc, 0 0 5px #3c8dbc; +.dark-mode .custom-control-input-info.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233498db' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-flash-lightblue .pace .pace-activity { - border-top-color: #3c8dbc; - border-left-color: #3c8dbc; +.dark-mode .custom-control-input-info.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233498db'/%3E%3C/svg%3E") !important; } -.pace-loading-bar-lightblue .pace .pace-progress { - background: #3c8dbc; - color: #3c8dbc; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.dark-mode .custom-control-input-info:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 152, 219, 0.25); } -.pace-loading-bar-lightblue .pace .pace-activity { - box-shadow: inset 0 0 0 2px #3c8dbc, inset 0 0 0 7px #fff; +.dark-mode .custom-control-input-info:focus:not(:checked) ~ .custom-control-label::before { + border-color: #a0cfee; } -.pace-mac-osx-lightblue .pace .pace-progress { - background-color: #3c8dbc; - box-shadow: inset -1px 0 #3c8dbc, inset 0 -1px #3c8dbc, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +.dark-mode .custom-control-input-info:not(:disabled):active ~ .custom-control-label::before { + background-color: #cce5f6; + border-color: #cce5f6; } -.pace-mac-osx-lightblue .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.dark-mode .custom-control-input-warning:checked ~ .custom-control-label::before { + border-color: #f39c12; + background-color: #f39c12; } -.pace-progress-color-lightblue .pace-progress { - color: #3c8dbc; +.dark-mode .custom-control-input-warning.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f39c12' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-navy .pace .pace-progress { - background: #001f3f; +.dark-mode .custom-control-input-warning.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f39c12'/%3E%3C/svg%3E") !important; } -.pace-barber-shop-navy .pace { - background: #fff; +.dark-mode .custom-control-input-warning:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(243, 156, 18, 0.25); } -.pace-barber-shop-navy .pace .pace-progress { - background: #001f3f; +.dark-mode .custom-control-input-warning:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f9cf8b; } -.pace-barber-shop-navy .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.dark-mode .custom-control-input-warning:not(:disabled):active ~ .custom-control-label::before { + background-color: #fce3bc; + border-color: #fce3bc; } -.pace-big-counter-navy .pace .pace-progress::after { - color: rgba(0, 31, 63, 0.2); +.dark-mode .custom-control-input-danger:checked ~ .custom-control-label::before { + border-color: #e74c3c; + background-color: #e74c3c; } -.pace-bounce-navy .pace .pace-activity { - background: #001f3f; +.dark-mode .custom-control-input-danger.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e74c3c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-center-atom-navy .pace-progress { - height: 100px; - width: 80px; +.dark-mode .custom-control-input-danger.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e74c3c'/%3E%3C/svg%3E") !important; } -.pace-center-atom-navy .pace-progress::before { - background: #001f3f; - color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.dark-mode .custom-control-input-danger:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(231, 76, 60, 0.25); } -.pace-center-atom-navy .pace-activity { - border-color: #001f3f; +.dark-mode .custom-control-input-danger:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f5b4ae; } -.pace-center-atom-navy .pace-activity::after, .pace-center-atom-navy .pace-activity::before { - border-color: #001f3f; +.dark-mode .custom-control-input-danger:not(:disabled):active ~ .custom-control-label::before { + background-color: #fbdedb; + border-color: #fbdedb; } -.pace-center-circle-navy .pace .pace-progress { - background: rgba(0, 31, 63, 0.8); - color: #fff; +.dark-mode .custom-control-input-light:checked ~ .custom-control-label::before { + border-color: #f8f9fa; + background-color: #f8f9fa; } -.pace-center-radar-navy .pace .pace-activity { - border-color: #001f3f transparent transparent; +.dark-mode .custom-control-input-light.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f8f9fa' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-center-radar-navy .pace .pace-activity::before { - border-color: #001f3f transparent transparent; +.dark-mode .custom-control-input-light.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f8f9fa'/%3E%3C/svg%3E") !important; } -.pace-center-simple-navy .pace { - background: #fff; - border-color: #001f3f; +.dark-mode .custom-control-input-light:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(248, 249, 250, 0.25); } -.pace-center-simple-navy .pace .pace-progress { - background: #001f3f; +.dark-mode .custom-control-input-light:focus:not(:checked) ~ .custom-control-label::before { + border-color: white; } -.pace-material-navy .pace { - color: #001f3f; +.dark-mode .custom-control-input-light:not(:disabled):active ~ .custom-control-label::before { + background-color: white; + border-color: white; } -.pace-corner-indicator-navy .pace .pace-activity { - background: #001f3f; +.dark-mode .custom-control-input-dark:checked ~ .custom-control-label::before { + border-color: #343a40; + background-color: #343a40; } -.pace-corner-indicator-navy .pace .pace-activity::after, -.pace-corner-indicator-navy .pace .pace-activity::before { - border: 5px solid #fff; +.dark-mode .custom-control-input-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-corner-indicator-navy .pace .pace-activity::before { - border-right-color: rgba(0, 31, 63, 0.2); - border-left-color: rgba(0, 31, 63, 0.2); +.dark-mode .custom-control-input-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important; } -.pace-corner-indicator-navy .pace .pace-activity::after { - border-top-color: rgba(0, 31, 63, 0.2); - border-bottom-color: rgba(0, 31, 63, 0.2); +.dark-mode .custom-control-input-dark:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25); } -.pace-fill-left-navy .pace .pace-progress { - background-color: rgba(0, 31, 63, 0.2); +.dark-mode .custom-control-input-dark:focus:not(:checked) ~ .custom-control-label::before { + border-color: #6d7a86; } -.pace-flash-navy .pace .pace-progress { - background: #001f3f; +.dark-mode .custom-control-input-dark:not(:disabled):active ~ .custom-control-label::before { + background-color: #88939e; + border-color: #88939e; } -.pace-flash-navy .pace .pace-progress-inner { - box-shadow: 0 0 10px #001f3f, 0 0 5px #001f3f; +.dark-mode .custom-control-input-lightblue:checked ~ .custom-control-label::before { + border-color: #86bad8; + background-color: #86bad8; } -.pace-flash-navy .pace .pace-activity { - border-top-color: #001f3f; - border-left-color: #001f3f; +.dark-mode .custom-control-input-lightblue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2386bad8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-loading-bar-navy .pace .pace-progress { - background: #001f3f; - color: #001f3f; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.dark-mode .custom-control-input-lightblue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386bad8'/%3E%3C/svg%3E") !important; } -.pace-loading-bar-navy .pace .pace-activity { - box-shadow: inset 0 0 0 2px #001f3f, inset 0 0 0 7px #fff; +.dark-mode .custom-control-input-lightblue:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(134, 186, 216, 0.25); } -.pace-mac-osx-navy .pace .pace-progress { - background-color: #001f3f; - box-shadow: inset -1px 0 #001f3f, inset 0 -1px #001f3f, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +.dark-mode .custom-control-input-lightblue:focus:not(:checked) ~ .custom-control-label::before { + border-color: #e6f1f7; } -.pace-mac-osx-navy .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.dark-mode .custom-control-input-lightblue:not(:disabled):active ~ .custom-control-label::before { + background-color: white; + border-color: white; } -.pace-progress-color-navy .pace-progress { - color: #001f3f; +.dark-mode .custom-control-input-navy:checked ~ .custom-control-label::before { + border-color: #002c59; + background-color: #002c59; } -.pace-olive .pace .pace-progress { - background: #3d9970; +.dark-mode .custom-control-input-navy.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23002c59' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-barber-shop-olive .pace { - background: #fff; +.dark-mode .custom-control-input-navy.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23002c59'/%3E%3C/svg%3E") !important; } -.pace-barber-shop-olive .pace .pace-progress { - background: #3d9970; +.dark-mode .custom-control-input-navy:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 44, 89, 0.25); } -.pace-barber-shop-olive .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.dark-mode .custom-control-input-navy:focus:not(:checked) ~ .custom-control-label::before { + border-color: #006ad8; } -.pace-big-counter-olive .pace .pace-progress::after { - color: rgba(61, 153, 112, 0.2); +.dark-mode .custom-control-input-navy:not(:disabled):active ~ .custom-control-label::before { + background-color: #0c84ff; + border-color: #0c84ff; } -.pace-bounce-olive .pace .pace-activity { - background: #3d9970; +.dark-mode .custom-control-input-olive:checked ~ .custom-control-label::before { + border-color: #74c8a3; + background-color: #74c8a3; } -.pace-center-atom-olive .pace-progress { - height: 100px; - width: 80px; +.dark-mode .custom-control-input-olive.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2374c8a3' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-center-atom-olive .pace-progress::before { - background: #3d9970; - color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.dark-mode .custom-control-input-olive.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2374c8a3'/%3E%3C/svg%3E") !important; } -.pace-center-atom-olive .pace-activity { - border-color: #3d9970; +.dark-mode .custom-control-input-olive:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(116, 200, 163, 0.25); } -.pace-center-atom-olive .pace-activity::after, .pace-center-atom-olive .pace-activity::before { - border-color: #3d9970; +.dark-mode .custom-control-input-olive:focus:not(:checked) ~ .custom-control-label::before { + border-color: #cfecdf; } -.pace-center-circle-olive .pace .pace-progress { - background: rgba(61, 153, 112, 0.8); - color: #fff; +.dark-mode .custom-control-input-olive:not(:disabled):active ~ .custom-control-label::before { + background-color: #f4fbf8; + border-color: #f4fbf8; } -.pace-center-radar-olive .pace .pace-activity { - border-color: #3d9970 transparent transparent; +.dark-mode .custom-control-input-lime:checked ~ .custom-control-label::before { + border-color: #67ffa9; + background-color: #67ffa9; } -.pace-center-radar-olive .pace .pace-activity::before { - border-color: #3d9970 transparent transparent; +.dark-mode .custom-control-input-lime.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2367ffa9' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-center-simple-olive .pace { - background: #fff; - border-color: #3d9970; +.dark-mode .custom-control-input-lime.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2367ffa9'/%3E%3C/svg%3E") !important; } -.pace-center-simple-olive .pace .pace-progress { - background: #3d9970; +.dark-mode .custom-control-input-lime:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(103, 255, 169, 0.25); } -.pace-material-olive .pace { - color: #3d9970; +.dark-mode .custom-control-input-lime:focus:not(:checked) ~ .custom-control-label::before { + border-color: #e7fff1; } -.pace-corner-indicator-olive .pace .pace-activity { - background: #3d9970; +.dark-mode .custom-control-input-lime:not(:disabled):active ~ .custom-control-label::before { + background-color: white; + border-color: white; } -.pace-corner-indicator-olive .pace .pace-activity::after, -.pace-corner-indicator-olive .pace .pace-activity::before { - border: 5px solid #fff; +.dark-mode .custom-control-input-fuchsia:checked ~ .custom-control-label::before { + border-color: #f672d8; + background-color: #f672d8; } -.pace-corner-indicator-olive .pace .pace-activity::before { - border-right-color: rgba(61, 153, 112, 0.2); - border-left-color: rgba(61, 153, 112, 0.2); +.dark-mode .custom-control-input-fuchsia.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f672d8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-corner-indicator-olive .pace .pace-activity::after { - border-top-color: rgba(61, 153, 112, 0.2); - border-bottom-color: rgba(61, 153, 112, 0.2); +.dark-mode .custom-control-input-fuchsia.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f672d8'/%3E%3C/svg%3E") !important; } -.pace-fill-left-olive .pace .pace-progress { - background-color: rgba(61, 153, 112, 0.2); +.dark-mode .custom-control-input-fuchsia:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(246, 114, 216, 0.25); } -.pace-flash-olive .pace .pace-progress { - background: #3d9970; +.dark-mode .custom-control-input-fuchsia:focus:not(:checked) ~ .custom-control-label::before { + border-color: #feeaf9; } -.pace-flash-olive .pace .pace-progress-inner { - box-shadow: 0 0 10px #3d9970, 0 0 5px #3d9970; +.dark-mode .custom-control-input-fuchsia:not(:disabled):active ~ .custom-control-label::before { + background-color: white; + border-color: white; } -.pace-flash-olive .pace .pace-activity { - border-top-color: #3d9970; - border-left-color: #3d9970; +.dark-mode .custom-control-input-maroon:checked ~ .custom-control-label::before { + border-color: #ed6c9b; + background-color: #ed6c9b; } -.pace-loading-bar-olive .pace .pace-progress { - background: #3d9970; - color: #3d9970; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.dark-mode .custom-control-input-maroon.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ed6c9b' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-loading-bar-olive .pace .pace-activity { - box-shadow: inset 0 0 0 2px #3d9970, inset 0 0 0 7px #fff; +.dark-mode .custom-control-input-maroon.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ed6c9b'/%3E%3C/svg%3E") !important; } -.pace-mac-osx-olive .pace .pace-progress { - background-color: #3d9970; - box-shadow: inset -1px 0 #3d9970, inset 0 -1px #3d9970, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +.dark-mode .custom-control-input-maroon:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(237, 108, 155, 0.25); } -.pace-mac-osx-olive .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.dark-mode .custom-control-input-maroon:focus:not(:checked) ~ .custom-control-label::before { + border-color: #fbdee8; } -.pace-progress-color-olive .pace-progress { - color: #3d9970; +.dark-mode .custom-control-input-maroon:not(:disabled):active ~ .custom-control-label::before { + background-color: white; + border-color: white; } -.pace-lime .pace .pace-progress { - background: #01ff70; +.dark-mode .custom-control-input-blue:checked ~ .custom-control-label::before { + border-color: #3f6791; + background-color: #3f6791; } -.pace-barber-shop-lime .pace { - background: #1f2d3d; +.dark-mode .custom-control-input-blue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233f6791' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-barber-shop-lime .pace .pace-progress { - background: #01ff70; +.dark-mode .custom-control-input-blue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233f6791'/%3E%3C/svg%3E") !important; } -.pace-barber-shop-lime .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent); +.dark-mode .custom-control-input-blue:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(63, 103, 145, 0.25); } -.pace-big-counter-lime .pace .pace-progress::after { - color: rgba(1, 255, 112, 0.2); +.dark-mode .custom-control-input-blue:focus:not(:checked) ~ .custom-control-label::before { + border-color: #85a7ca; } -.pace-bounce-lime .pace .pace-activity { - background: #01ff70; +.dark-mode .custom-control-input-blue:not(:disabled):active ~ .custom-control-label::before { + background-color: #a9c1da; + border-color: #a9c1da; } -.pace-center-atom-lime .pace-progress { - height: 100px; - width: 80px; +.dark-mode .custom-control-input-indigo:checked ~ .custom-control-label::before { + border-color: #6610f2; + background-color: #6610f2; } -.pace-center-atom-lime .pace-progress::before { - background: #01ff70; - color: #1f2d3d; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.dark-mode .custom-control-input-indigo.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236610f2' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-center-atom-lime .pace-activity { - border-color: #01ff70; +.dark-mode .custom-control-input-indigo.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236610f2'/%3E%3C/svg%3E") !important; } -.pace-center-atom-lime .pace-activity::after, .pace-center-atom-lime .pace-activity::before { - border-color: #01ff70; +.dark-mode .custom-control-input-indigo:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(102, 16, 242, 0.25); } -.pace-center-circle-lime .pace .pace-progress { - background: rgba(1, 255, 112, 0.8); - color: #1f2d3d; +.dark-mode .custom-control-input-indigo:focus:not(:checked) ~ .custom-control-label::before { + border-color: #b389f9; } -.pace-center-radar-lime .pace .pace-activity { - border-color: #01ff70 transparent transparent; +.dark-mode .custom-control-input-indigo:not(:disabled):active ~ .custom-control-label::before { + background-color: #d2b9fb; + border-color: #d2b9fb; } -.pace-center-radar-lime .pace .pace-activity::before { - border-color: #01ff70 transparent transparent; +.dark-mode .custom-control-input-purple:checked ~ .custom-control-label::before { + border-color: #6f42c1; + background-color: #6f42c1; } -.pace-center-simple-lime .pace { - background: #1f2d3d; - border-color: #01ff70; +.dark-mode .custom-control-input-purple.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236f42c1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-center-simple-lime .pace .pace-progress { - background: #01ff70; +.dark-mode .custom-control-input-purple.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236f42c1'/%3E%3C/svg%3E") !important; } -.pace-material-lime .pace { - color: #01ff70; +.dark-mode .custom-control-input-purple:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(111, 66, 193, 0.25); } -.pace-corner-indicator-lime .pace .pace-activity { - background: #01ff70; +.dark-mode .custom-control-input-purple:focus:not(:checked) ~ .custom-control-label::before { + border-color: #b8a2e0; } -.pace-corner-indicator-lime .pace .pace-activity::after, -.pace-corner-indicator-lime .pace .pace-activity::before { - border: 5px solid #1f2d3d; +.dark-mode .custom-control-input-purple:not(:disabled):active ~ .custom-control-label::before { + background-color: #d5c8ed; + border-color: #d5c8ed; } -.pace-corner-indicator-lime .pace .pace-activity::before { - border-right-color: rgba(1, 255, 112, 0.2); - border-left-color: rgba(1, 255, 112, 0.2); +.dark-mode .custom-control-input-pink:checked ~ .custom-control-label::before { + border-color: #e83e8c; + background-color: #e83e8c; } -.pace-corner-indicator-lime .pace .pace-activity::after { - border-top-color: rgba(1, 255, 112, 0.2); - border-bottom-color: rgba(1, 255, 112, 0.2); +.dark-mode .custom-control-input-pink.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e83e8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-fill-left-lime .pace .pace-progress { - background-color: rgba(1, 255, 112, 0.2); +.dark-mode .custom-control-input-pink.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e83e8c'/%3E%3C/svg%3E") !important; } -.pace-flash-lime .pace .pace-progress { - background: #01ff70; +.dark-mode .custom-control-input-pink:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(232, 62, 140, 0.25); } -.pace-flash-lime .pace .pace-progress-inner { - box-shadow: 0 0 10px #01ff70, 0 0 5px #01ff70; +.dark-mode .custom-control-input-pink:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f6b0d0; } -.pace-flash-lime .pace .pace-activity { - border-top-color: #01ff70; - border-left-color: #01ff70; +.dark-mode .custom-control-input-pink:not(:disabled):active ~ .custom-control-label::before { + background-color: #fbddeb; + border-color: #fbddeb; } -.pace-loading-bar-lime .pace .pace-progress { - background: #01ff70; - color: #01ff70; - box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d; +.dark-mode .custom-control-input-red:checked ~ .custom-control-label::before { + border-color: #e74c3c; + background-color: #e74c3c; } -.pace-loading-bar-lime .pace .pace-activity { - box-shadow: inset 0 0 0 2px #01ff70, inset 0 0 0 7px #1f2d3d; +.dark-mode .custom-control-input-red.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e74c3c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-mac-osx-lime .pace .pace-progress { - background-color: #01ff70; - box-shadow: inset -1px 0 #01ff70, inset 0 -1px #01ff70, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3); +.dark-mode .custom-control-input-red.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e74c3c'/%3E%3C/svg%3E") !important; } -.pace-mac-osx-lime .pace .pace-activity { - background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%); - height: 12px; +.dark-mode .custom-control-input-red:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(231, 76, 60, 0.25); } -.pace-progress-color-lime .pace-progress { - color: #01ff70; +.dark-mode .custom-control-input-red:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f5b4ae; } -.pace-fuchsia .pace .pace-progress { - background: #f012be; +.dark-mode .custom-control-input-red:not(:disabled):active ~ .custom-control-label::before { + background-color: #fbdedb; + border-color: #fbdedb; } -.pace-barber-shop-fuchsia .pace { - background: #fff; +.dark-mode .custom-control-input-orange:checked ~ .custom-control-label::before { + border-color: #fd7e14; + background-color: #fd7e14; } -.pace-barber-shop-fuchsia .pace .pace-progress { - background: #f012be; +.dark-mode .custom-control-input-orange.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fd7e14' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-barber-shop-fuchsia .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.dark-mode .custom-control-input-orange.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fd7e14'/%3E%3C/svg%3E") !important; } -.pace-big-counter-fuchsia .pace .pace-progress::after { - color: rgba(240, 18, 190, 0.2); +.dark-mode .custom-control-input-orange:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(253, 126, 20, 0.25); } -.pace-bounce-fuchsia .pace .pace-activity { - background: #f012be; +.dark-mode .custom-control-input-orange:focus:not(:checked) ~ .custom-control-label::before { + border-color: #fec392; } -.pace-center-atom-fuchsia .pace-progress { - height: 100px; - width: 80px; +.dark-mode .custom-control-input-orange:not(:disabled):active ~ .custom-control-label::before { + background-color: #ffdfc5; + border-color: #ffdfc5; } -.pace-center-atom-fuchsia .pace-progress::before { - background: #f012be; - color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.dark-mode .custom-control-input-yellow:checked ~ .custom-control-label::before { + border-color: #f39c12; + background-color: #f39c12; } -.pace-center-atom-fuchsia .pace-activity { - border-color: #f012be; +.dark-mode .custom-control-input-yellow.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f39c12' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-center-atom-fuchsia .pace-activity::after, .pace-center-atom-fuchsia .pace-activity::before { - border-color: #f012be; +.dark-mode .custom-control-input-yellow.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f39c12'/%3E%3C/svg%3E") !important; } -.pace-center-circle-fuchsia .pace .pace-progress { - background: rgba(240, 18, 190, 0.8); - color: #fff; +.dark-mode .custom-control-input-yellow:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(243, 156, 18, 0.25); } -.pace-center-radar-fuchsia .pace .pace-activity { - border-color: #f012be transparent transparent; +.dark-mode .custom-control-input-yellow:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f9cf8b; } -.pace-center-radar-fuchsia .pace .pace-activity::before { - border-color: #f012be transparent transparent; +.dark-mode .custom-control-input-yellow:not(:disabled):active ~ .custom-control-label::before { + background-color: #fce3bc; + border-color: #fce3bc; } -.pace-center-simple-fuchsia .pace { - background: #fff; - border-color: #f012be; +.dark-mode .custom-control-input-green:checked ~ .custom-control-label::before { + border-color: #00bc8c; + background-color: #00bc8c; } -.pace-center-simple-fuchsia .pace .pace-progress { - background: #f012be; +.dark-mode .custom-control-input-green.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300bc8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-material-fuchsia .pace { - color: #f012be; +.dark-mode .custom-control-input-green.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2300bc8c'/%3E%3C/svg%3E") !important; } -.pace-corner-indicator-fuchsia .pace .pace-activity { - background: #f012be; +.dark-mode .custom-control-input-green:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 188, 140, 0.25); } -.pace-corner-indicator-fuchsia .pace .pace-activity::after, -.pace-corner-indicator-fuchsia .pace .pace-activity::before { - border: 5px solid #fff; +.dark-mode .custom-control-input-green:focus:not(:checked) ~ .custom-control-label::before { + border-color: #3dffcd; } -.pace-corner-indicator-fuchsia .pace .pace-activity::before { - border-right-color: rgba(240, 18, 190, 0.2); - border-left-color: rgba(240, 18, 190, 0.2); +.dark-mode .custom-control-input-green:not(:disabled):active ~ .custom-control-label::before { + background-color: #70ffda; + border-color: #70ffda; } -.pace-corner-indicator-fuchsia .pace .pace-activity::after { - border-top-color: rgba(240, 18, 190, 0.2); - border-bottom-color: rgba(240, 18, 190, 0.2); +.dark-mode .custom-control-input-teal:checked ~ .custom-control-label::before { + border-color: #20c997; + background-color: #20c997; } -.pace-fill-left-fuchsia .pace .pace-progress { - background-color: rgba(240, 18, 190, 0.2); +.dark-mode .custom-control-input-teal.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2320c997' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-flash-fuchsia .pace .pace-progress { - background: #f012be; +.dark-mode .custom-control-input-teal.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2320c997'/%3E%3C/svg%3E") !important; } -.pace-flash-fuchsia .pace .pace-progress-inner { - box-shadow: 0 0 10px #f012be, 0 0 5px #f012be; +.dark-mode .custom-control-input-teal:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(32, 201, 151, 0.25); } -.pace-flash-fuchsia .pace .pace-activity { - border-top-color: #f012be; - border-left-color: #f012be; +.dark-mode .custom-control-input-teal:focus:not(:checked) ~ .custom-control-label::before { + border-color: #7eeaca; } -.pace-loading-bar-fuchsia .pace .pace-progress { - background: #f012be; - color: #f012be; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.dark-mode .custom-control-input-teal:not(:disabled):active ~ .custom-control-label::before { + background-color: #aaf1dc; + border-color: #aaf1dc; } -.pace-loading-bar-fuchsia .pace .pace-activity { - box-shadow: inset 0 0 0 2px #f012be, inset 0 0 0 7px #fff; +.dark-mode .custom-control-input-cyan:checked ~ .custom-control-label::before { + border-color: #3498db; + background-color: #3498db; } -.pace-mac-osx-fuchsia .pace .pace-progress { - background-color: #f012be; - box-shadow: inset -1px 0 #f012be, inset 0 -1px #f012be, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +.dark-mode .custom-control-input-cyan.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233498db' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-mac-osx-fuchsia .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.dark-mode .custom-control-input-cyan.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233498db'/%3E%3C/svg%3E") !important; } -.pace-progress-color-fuchsia .pace-progress { - color: #f012be; +.dark-mode .custom-control-input-cyan:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 152, 219, 0.25); } -.pace-maroon .pace .pace-progress { - background: #d81b60; +.dark-mode .custom-control-input-cyan:focus:not(:checked) ~ .custom-control-label::before { + border-color: #a0cfee; } -.pace-barber-shop-maroon .pace { - background: #fff; +.dark-mode .custom-control-input-cyan:not(:disabled):active ~ .custom-control-label::before { + background-color: #cce5f6; + border-color: #cce5f6; } -.pace-barber-shop-maroon .pace .pace-progress { - background: #d81b60; +.dark-mode .custom-control-input-white:checked ~ .custom-control-label::before { + border-color: #fff; + background-color: #fff; } -.pace-barber-shop-maroon .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.dark-mode .custom-control-input-white.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-big-counter-maroon .pace .pace-progress::after { - color: rgba(216, 27, 96, 0.2); +.dark-mode .custom-control-input-white.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") !important; } -.pace-bounce-maroon .pace .pace-activity { - background: #d81b60; +.dark-mode .custom-control-input-white:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 255, 255, 0.25); } -.pace-center-atom-maroon .pace-progress { - height: 100px; - width: 80px; +.dark-mode .custom-control-input-white:focus:not(:checked) ~ .custom-control-label::before { + border-color: white; } -.pace-center-atom-maroon .pace-progress::before { - background: #d81b60; - color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.dark-mode .custom-control-input-white:not(:disabled):active ~ .custom-control-label::before { + background-color: white; + border-color: white; } -.pace-center-atom-maroon .pace-activity { - border-color: #d81b60; +.dark-mode .custom-control-input-gray:checked ~ .custom-control-label::before { + border-color: #6c757d; + background-color: #6c757d; } -.pace-center-atom-maroon .pace-activity::after, .pace-center-atom-maroon .pace-activity::before { - border-color: #d81b60; +.dark-mode .custom-control-input-gray.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-center-circle-maroon .pace .pace-progress { - background: rgba(216, 27, 96, 0.8); - color: #fff; +.dark-mode .custom-control-input-gray.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important; } -.pace-center-radar-maroon .pace .pace-activity { - border-color: #d81b60 transparent transparent; +.dark-mode .custom-control-input-gray:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25); } -.pace-center-radar-maroon .pace .pace-activity::before { - border-color: #d81b60 transparent transparent; +.dark-mode .custom-control-input-gray:focus:not(:checked) ~ .custom-control-label::before { + border-color: #afb5ba; } -.pace-center-simple-maroon .pace { - background: #fff; - border-color: #d81b60; +.dark-mode .custom-control-input-gray:not(:disabled):active ~ .custom-control-label::before { + background-color: #caced1; + border-color: #caced1; } -.pace-center-simple-maroon .pace .pace-progress { - background: #d81b60; +.dark-mode .custom-control-input-gray-dark:checked ~ .custom-control-label::before { + border-color: #343a40; + background-color: #343a40; } -.pace-material-maroon .pace { - color: #d81b60; +.dark-mode .custom-control-input-gray-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; } -.pace-corner-indicator-maroon .pace .pace-activity { - background: #d81b60; +.dark-mode .custom-control-input-gray-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important; } -.pace-corner-indicator-maroon .pace .pace-activity::after, -.pace-corner-indicator-maroon .pace .pace-activity::before { - border: 5px solid #fff; +.dark-mode .custom-control-input-gray-dark:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25); } -.pace-corner-indicator-maroon .pace .pace-activity::before { - border-right-color: rgba(216, 27, 96, 0.2); - border-left-color: rgba(216, 27, 96, 0.2); +.dark-mode .custom-control-input-gray-dark:focus:not(:checked) ~ .custom-control-label::before { + border-color: #6d7a86; } -.pace-corner-indicator-maroon .pace .pace-activity::after { - border-top-color: rgba(216, 27, 96, 0.2); - border-bottom-color: rgba(216, 27, 96, 0.2); +.dark-mode .custom-control-input-gray-dark:not(:disabled):active ~ .custom-control-label::before { + background-color: #88939e; + border-color: #88939e; } -.pace-fill-left-maroon .pace .pace-progress { - background-color: rgba(216, 27, 96, 0.2); +.progress { + box-shadow: none; + border-radius: 1px; } -.pace-flash-maroon .pace .pace-progress { - background: #d81b60; +.progress.vertical { + display: inline-block; + height: 200px; + margin-right: 10px; + position: relative; + width: 30px; } -.pace-flash-maroon .pace .pace-progress-inner { - box-shadow: 0 0 10px #d81b60, 0 0 5px #d81b60; +.progress.vertical > .progress-bar { + bottom: 0; + position: absolute; + width: 100%; } -.pace-flash-maroon .pace .pace-activity { - border-top-color: #d81b60; - border-left-color: #d81b60; +.progress.vertical.sm, .progress.vertical.progress-sm { + width: 20px; } -.pace-loading-bar-maroon .pace .pace-progress { - background: #d81b60; - color: #d81b60; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.progress.vertical.xs, .progress.vertical.progress-xs { + width: 10px; } -.pace-loading-bar-maroon .pace .pace-activity { - box-shadow: inset 0 0 0 2px #d81b60, inset 0 0 0 7px #fff; +.progress.vertical.xxs, .progress.vertical.progress-xxs { + width: 3px; } -.pace-mac-osx-maroon .pace .pace-progress { - background-color: #d81b60; - box-shadow: inset -1px 0 #d81b60, inset 0 -1px #d81b60, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +.progress-group { + margin-bottom: 0.5rem; } -.pace-mac-osx-maroon .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.progress-sm { + height: 10px; } -.pace-progress-color-maroon .pace-progress { - color: #d81b60; +.progress-xs { + height: 7px; } -.pace-blue .pace .pace-progress { - background: #007bff; +.progress-xxs { + height: 3px; } -.pace-barber-shop-blue .pace { - background: #fff; +.table tr > td .progress { + margin: 0; } -.pace-barber-shop-blue .pace .pace-progress { - background: #007bff; +.dark-mode .progress { + background: #454d55; } -.pace-barber-shop-blue .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.card-primary:not(.card-outline) > .card-header { + background-color: #007bff; } -.pace-big-counter-blue .pace .pace-progress::after { - color: rgba(0, 123, 255, 0.2); +.card-primary:not(.card-outline) > .card-header, +.card-primary:not(.card-outline) > .card-header a { + color: #fff; } -.pace-bounce-blue .pace .pace-activity { - background: #007bff; +.card-primary:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-center-atom-blue .pace-progress { - height: 100px; - width: 80px; +.card-primary.card-outline { + border-top: 3px solid #007bff; } -.pace-center-atom-blue .pace-progress::before { - background: #007bff; - color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.card-primary.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-center-atom-blue .pace-activity { - border-color: #007bff; +.card-primary.card-outline-tabs > .card-header a.active { + border-top: 3px solid #007bff; } -.pace-center-atom-blue .pace-activity::after, .pace-center-atom-blue .pace-activity::before { - border-color: #007bff; +.bg-primary > .card-header .btn-tool, +.bg-gradient-primary > .card-header .btn-tool, +.card-primary:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-center-circle-blue .pace .pace-progress { - background: rgba(0, 123, 255, 0.8); +.bg-primary > .card-header .btn-tool:hover, +.bg-gradient-primary > .card-header .btn-tool:hover, +.card-primary:not(.card-outline) > .card-header .btn-tool:hover { color: #fff; } -.pace-center-radar-blue .pace .pace-activity { - border-color: #007bff transparent transparent; +.card.bg-primary .bootstrap-datetimepicker-widget .table td, +.card.bg-primary .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-center-radar-blue .pace .pace-activity::before { - border-color: #007bff transparent transparent; +.card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #0067d6; + color: #fff; } -.pace-center-simple-blue .pace { - background: #fff; - border-color: #007bff; +.card.bg-primary .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-center-simple-blue .pace .pace-progress { - background: #007bff; +.card.bg-primary .bootstrap-datetimepicker-widget table td.active, +.card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #3395ff; + color: #fff; } -.pace-material-blue .pace { - color: #007bff; +.card-secondary:not(.card-outline) > .card-header { + background-color: #6c757d; } -.pace-corner-indicator-blue .pace .pace-activity { - background: #007bff; +.card-secondary:not(.card-outline) > .card-header, +.card-secondary:not(.card-outline) > .card-header a { + color: #fff; } -.pace-corner-indicator-blue .pace .pace-activity::after, -.pace-corner-indicator-blue .pace .pace-activity::before { - border: 5px solid #fff; +.card-secondary:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-corner-indicator-blue .pace .pace-activity::before { - border-right-color: rgba(0, 123, 255, 0.2); - border-left-color: rgba(0, 123, 255, 0.2); +.card-secondary.card-outline { + border-top: 3px solid #6c757d; } -.pace-corner-indicator-blue .pace .pace-activity::after { - border-top-color: rgba(0, 123, 255, 0.2); - border-bottom-color: rgba(0, 123, 255, 0.2); +.card-secondary.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-fill-left-blue .pace .pace-progress { - background-color: rgba(0, 123, 255, 0.2); +.card-secondary.card-outline-tabs > .card-header a.active { + border-top: 3px solid #6c757d; } -.pace-flash-blue .pace .pace-progress { - background: #007bff; +.bg-secondary > .card-header .btn-tool, +.bg-gradient-secondary > .card-header .btn-tool, +.card-secondary:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-flash-blue .pace .pace-progress-inner { - box-shadow: 0 0 10px #007bff, 0 0 5px #007bff; +.bg-secondary > .card-header .btn-tool:hover, +.bg-gradient-secondary > .card-header .btn-tool:hover, +.card-secondary:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.pace-flash-blue .pace .pace-activity { - border-top-color: #007bff; - border-left-color: #007bff; +.card.bg-secondary .bootstrap-datetimepicker-widget .table td, +.card.bg-secondary .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-loading-bar-blue .pace .pace-progress { - background: #007bff; - color: #007bff; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #596167; + color: #fff; } -.pace-loading-bar-blue .pace .pace-activity { - box-shadow: inset 0 0 0 2px #007bff, inset 0 0 0 7px #fff; +.card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-mac-osx-blue .pace .pace-progress { - background-color: #007bff; - box-shadow: inset -1px 0 #007bff, inset 0 -1px #007bff, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +.card.bg-secondary .bootstrap-datetimepicker-widget table td.active, +.card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #868e96; + color: #fff; } -.pace-mac-osx-blue .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.card-success:not(.card-outline) > .card-header { + background-color: #28a745; } -.pace-progress-color-blue .pace-progress { - color: #007bff; +.card-success:not(.card-outline) > .card-header, +.card-success:not(.card-outline) > .card-header a { + color: #fff; } -.pace-indigo .pace .pace-progress { - background: #6610f2; +.card-success:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-barber-shop-indigo .pace { - background: #fff; +.card-success.card-outline { + border-top: 3px solid #28a745; } -.pace-barber-shop-indigo .pace .pace-progress { - background: #6610f2; +.card-success.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-barber-shop-indigo .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.card-success.card-outline-tabs > .card-header a.active { + border-top: 3px solid #28a745; } -.pace-big-counter-indigo .pace .pace-progress::after { - color: rgba(102, 16, 242, 0.2); +.bg-success > .card-header .btn-tool, +.bg-gradient-success > .card-header .btn-tool, +.card-success:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-bounce-indigo .pace .pace-activity { - background: #6610f2; +.bg-success > .card-header .btn-tool:hover, +.bg-gradient-success > .card-header .btn-tool:hover, +.card-success:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.pace-center-atom-indigo .pace-progress { - height: 100px; - width: 80px; +.card.bg-success .bootstrap-datetimepicker-widget .table td, +.card.bg-success .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-success .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-success .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-center-atom-indigo .pace-progress::before { - background: #6610f2; +.card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-success .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-success .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #208637; color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; -} - -.pace-center-atom-indigo .pace-activity { - border-color: #6610f2; } -.pace-center-atom-indigo .pace-activity::after, .pace-center-atom-indigo .pace-activity::before { - border-color: #6610f2; +.card.bg-success .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-center-circle-indigo .pace .pace-progress { - background: rgba(102, 16, 242, 0.8); +.card.bg-success .bootstrap-datetimepicker-widget table td.active, +.card.bg-success .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #34ce57; color: #fff; } -.pace-center-radar-indigo .pace .pace-activity { - border-color: #6610f2 transparent transparent; +.card-info:not(.card-outline) > .card-header { + background-color: #17a2b8; } -.pace-center-radar-indigo .pace .pace-activity::before { - border-color: #6610f2 transparent transparent; +.card-info:not(.card-outline) > .card-header, +.card-info:not(.card-outline) > .card-header a { + color: #fff; } -.pace-center-simple-indigo .pace { - background: #fff; - border-color: #6610f2; +.card-info:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-center-simple-indigo .pace .pace-progress { - background: #6610f2; +.card-info.card-outline { + border-top: 3px solid #17a2b8; } -.pace-material-indigo .pace { - color: #6610f2; +.card-info.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-corner-indicator-indigo .pace .pace-activity { - background: #6610f2; +.card-info.card-outline-tabs > .card-header a.active { + border-top: 3px solid #17a2b8; } -.pace-corner-indicator-indigo .pace .pace-activity::after, -.pace-corner-indicator-indigo .pace .pace-activity::before { - border: 5px solid #fff; +.bg-info > .card-header .btn-tool, +.bg-gradient-info > .card-header .btn-tool, +.card-info:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-corner-indicator-indigo .pace .pace-activity::before { - border-right-color: rgba(102, 16, 242, 0.2); - border-left-color: rgba(102, 16, 242, 0.2); +.bg-info > .card-header .btn-tool:hover, +.bg-gradient-info > .card-header .btn-tool:hover, +.card-info:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.pace-corner-indicator-indigo .pace .pace-activity::after { - border-top-color: rgba(102, 16, 242, 0.2); - border-bottom-color: rgba(102, 16, 242, 0.2); +.card.bg-info .bootstrap-datetimepicker-widget .table td, +.card.bg-info .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-info .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-info .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-fill-left-indigo .pace .pace-progress { - background-color: rgba(102, 16, 242, 0.2); +.card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-info .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-info .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #128294; + color: #fff; } -.pace-flash-indigo .pace .pace-progress { - background: #6610f2; +.card.bg-info .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-flash-indigo .pace .pace-progress-inner { - box-shadow: 0 0 10px #6610f2, 0 0 5px #6610f2; +.card.bg-info .bootstrap-datetimepicker-widget table td.active, +.card.bg-info .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #1fc8e3; + color: #fff; } -.pace-flash-indigo .pace .pace-activity { - border-top-color: #6610f2; - border-left-color: #6610f2; +.card-warning:not(.card-outline) > .card-header { + background-color: #FFC0C0; } -.pace-loading-bar-indigo .pace .pace-progress { - background: #6610f2; - color: #6610f2; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.card-warning:not(.card-outline) > .card-header, +.card-warning:not(.card-outline) > .card-header a { + color: #1f2d3d; } -.pace-loading-bar-indigo .pace .pace-activity { - box-shadow: inset 0 0 0 2px #6610f2, inset 0 0 0 7px #fff; +.card-warning:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-mac-osx-indigo .pace .pace-progress { - background-color: #6610f2; - box-shadow: inset -1px 0 #6610f2, inset 0 -1px #6610f2, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +.card-warning.card-outline { + border-top: 3px solid #FFC0C0; } -.pace-mac-osx-indigo .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.card-warning.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-progress-color-indigo .pace-progress { - color: #6610f2; +.card-warning.card-outline-tabs > .card-header a.active { + border-top: 3px solid #FFC0C0; } -.pace-purple .pace .pace-progress { - background: #6f42c1; +.bg-warning > .card-header .btn-tool, +.bg-gradient-warning > .card-header .btn-tool, +.card-warning:not(.card-outline) > .card-header .btn-tool { + color: rgba(31, 45, 61, 0.8); } -.pace-barber-shop-purple .pace { - background: #fff; +.bg-warning > .card-header .btn-tool:hover, +.bg-gradient-warning > .card-header .btn-tool:hover, +.card-warning:not(.card-outline) > .card-header .btn-tool:hover { + color: #1f2d3d; } -.pace-barber-shop-purple .pace .pace-progress { - background: #6f42c1; -} +.card.bg-warning .bootstrap-datetimepicker-widget .table td, +.card.bg-warning .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th { + border: none; +} -.pace-barber-shop-purple .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #ff9797; + color: #1f2d3d; } -.pace-big-counter-purple .pace .pace-progress::after { - color: rgba(111, 66, 193, 0.2); +.card.bg-warning .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1f2d3d; } -.pace-bounce-purple .pace .pace-activity { - background: #6f42c1; +.card.bg-warning .bootstrap-datetimepicker-widget table td.active, +.card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #fff3f3; + color: #1f2d3d; } -.pace-center-atom-purple .pace-progress { - height: 100px; - width: 80px; +.card-danger:not(.card-outline) > .card-header { + background-color: #dc3545; } -.pace-center-atom-purple .pace-progress::before { - background: #6f42c1; +.card-danger:not(.card-outline) > .card-header, +.card-danger:not(.card-outline) > .card-header a { color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; } -.pace-center-atom-purple .pace-activity { - border-color: #6f42c1; +.card-danger:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-center-atom-purple .pace-activity::after, .pace-center-atom-purple .pace-activity::before { - border-color: #6f42c1; +.card-danger.card-outline { + border-top: 3px solid #dc3545; } -.pace-center-circle-purple .pace .pace-progress { - background: rgba(111, 66, 193, 0.8); - color: #fff; +.card-danger.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-center-radar-purple .pace .pace-activity { - border-color: #6f42c1 transparent transparent; +.card-danger.card-outline-tabs > .card-header a.active { + border-top: 3px solid #dc3545; } -.pace-center-radar-purple .pace .pace-activity::before { - border-color: #6f42c1 transparent transparent; +.bg-danger > .card-header .btn-tool, +.bg-gradient-danger > .card-header .btn-tool, +.card-danger:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-center-simple-purple .pace { - background: #fff; - border-color: #6f42c1; +.bg-danger > .card-header .btn-tool:hover, +.bg-gradient-danger > .card-header .btn-tool:hover, +.card-danger:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.pace-center-simple-purple .pace .pace-progress { - background: #6f42c1; +.card.bg-danger .bootstrap-datetimepicker-widget .table td, +.card.bg-danger .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-material-purple .pace { - color: #6f42c1; +.card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #c62232; + color: #fff; } -.pace-corner-indicator-purple .pace .pace-activity { - background: #6f42c1; +.card.bg-danger .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-corner-indicator-purple .pace .pace-activity::after, -.pace-corner-indicator-purple .pace .pace-activity::before { - border: 5px solid #fff; +.card.bg-danger .bootstrap-datetimepicker-widget table td.active, +.card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #e4606d; + color: #fff; } -.pace-corner-indicator-purple .pace .pace-activity::before { - border-right-color: rgba(111, 66, 193, 0.2); - border-left-color: rgba(111, 66, 193, 0.2); +.card-light:not(.card-outline) > .card-header { + background-color: #f8f9fa; } -.pace-corner-indicator-purple .pace .pace-activity::after { - border-top-color: rgba(111, 66, 193, 0.2); - border-bottom-color: rgba(111, 66, 193, 0.2); +.card-light:not(.card-outline) > .card-header, +.card-light:not(.card-outline) > .card-header a { + color: #1f2d3d; } -.pace-fill-left-purple .pace .pace-progress { - background-color: rgba(111, 66, 193, 0.2); +.card-light:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-flash-purple .pace .pace-progress { - background: #6f42c1; +.card-light.card-outline { + border-top: 3px solid #f8f9fa; } -.pace-flash-purple .pace .pace-progress-inner { - box-shadow: 0 0 10px #6f42c1, 0 0 5px #6f42c1; +.card-light.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-flash-purple .pace .pace-activity { - border-top-color: #6f42c1; - border-left-color: #6f42c1; +.card-light.card-outline-tabs > .card-header a.active { + border-top: 3px solid #f8f9fa; } -.pace-loading-bar-purple .pace .pace-progress { - background: #6f42c1; - color: #6f42c1; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.bg-light > .card-header .btn-tool, +.bg-gradient-light > .card-header .btn-tool, +.card-light:not(.card-outline) > .card-header .btn-tool { + color: rgba(31, 45, 61, 0.8); } -.pace-loading-bar-purple .pace .pace-activity { - box-shadow: inset 0 0 0 2px #6f42c1, inset 0 0 0 7px #fff; +.bg-light > .card-header .btn-tool:hover, +.bg-gradient-light > .card-header .btn-tool:hover, +.card-light:not(.card-outline) > .card-header .btn-tool:hover { + color: #1f2d3d; } -.pace-mac-osx-purple .pace .pace-progress { - background-color: #6f42c1; - box-shadow: inset -1px 0 #6f42c1, inset 0 -1px #6f42c1, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +.card.bg-light .bootstrap-datetimepicker-widget .table td, +.card.bg-light .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-light .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-light .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-mac-osx-purple .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-light .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-light .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #e0e5e9; + color: #1f2d3d; } -.pace-progress-color-purple .pace-progress { - color: #6f42c1; +.card.bg-light .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1f2d3d; } -.pace-pink .pace .pace-progress { - background: #e83e8c; +.card.bg-light .bootstrap-datetimepicker-widget table td.active, +.card.bg-light .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover { + background-color: white; + color: #1f2d3d; } -.pace-barber-shop-pink .pace { - background: #fff; +.card-dark:not(.card-outline) > .card-header { + background-color: #343a40; } -.pace-barber-shop-pink .pace .pace-progress { - background: #e83e8c; +.card-dark:not(.card-outline) > .card-header, +.card-dark:not(.card-outline) > .card-header a { + color: #fff; } -.pace-barber-shop-pink .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.card-dark:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-big-counter-pink .pace .pace-progress::after { - color: rgba(232, 62, 140, 0.2); +.card-dark.card-outline { + border-top: 3px solid #343a40; } -.pace-bounce-pink .pace .pace-activity { - background: #e83e8c; +.card-dark.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-center-atom-pink .pace-progress { - height: 100px; - width: 80px; +.card-dark.card-outline-tabs > .card-header a.active { + border-top: 3px solid #343a40; } -.pace-center-atom-pink .pace-progress::before { - background: #e83e8c; - color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.bg-dark > .card-header .btn-tool, +.bg-gradient-dark > .card-header .btn-tool, +.card-dark:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-center-atom-pink .pace-activity { - border-color: #e83e8c; +.bg-dark > .card-header .btn-tool:hover, +.bg-gradient-dark > .card-header .btn-tool:hover, +.card-dark:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.pace-center-atom-pink .pace-activity::after, .pace-center-atom-pink .pace-activity::before { - border-color: #e83e8c; +.card.bg-dark .bootstrap-datetimepicker-widget .table td, +.card.bg-dark .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-center-circle-pink .pace .pace-progress { - background: rgba(232, 62, 140, 0.8); +.card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #222629; color: #fff; } -.pace-center-radar-pink .pace .pace-activity { - border-color: #e83e8c transparent transparent; +.card.bg-dark .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-center-radar-pink .pace .pace-activity::before { - border-color: #e83e8c transparent transparent; +.card.bg-dark .bootstrap-datetimepicker-widget table td.active, +.card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #4b545c; + color: #fff; } -.pace-center-simple-pink .pace { - background: #fff; - border-color: #e83e8c; +.card-lightblue:not(.card-outline) > .card-header { + background-color: #3c8dbc; } -.pace-center-simple-pink .pace .pace-progress { - background: #e83e8c; +.card-lightblue:not(.card-outline) > .card-header, +.card-lightblue:not(.card-outline) > .card-header a { + color: #fff; } -.pace-material-pink .pace { - color: #e83e8c; +.card-lightblue:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-corner-indicator-pink .pace .pace-activity { - background: #e83e8c; +.card-lightblue.card-outline { + border-top: 3px solid #3c8dbc; } -.pace-corner-indicator-pink .pace .pace-activity::after, -.pace-corner-indicator-pink .pace .pace-activity::before { - border: 5px solid #fff; +.card-lightblue.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-corner-indicator-pink .pace .pace-activity::before { - border-right-color: rgba(232, 62, 140, 0.2); - border-left-color: rgba(232, 62, 140, 0.2); +.card-lightblue.card-outline-tabs > .card-header a.active { + border-top: 3px solid #3c8dbc; } -.pace-corner-indicator-pink .pace .pace-activity::after { - border-top-color: rgba(232, 62, 140, 0.2); - border-bottom-color: rgba(232, 62, 140, 0.2); +.bg-lightblue > .card-header .btn-tool, +.bg-gradient-lightblue > .card-header .btn-tool, +.card-lightblue:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-fill-left-pink .pace .pace-progress { - background-color: rgba(232, 62, 140, 0.2); +.bg-lightblue > .card-header .btn-tool:hover, +.bg-gradient-lightblue > .card-header .btn-tool:hover, +.card-lightblue:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.pace-flash-pink .pace .pace-progress { - background: #e83e8c; +.card.bg-lightblue .bootstrap-datetimepicker-widget .table td, +.card.bg-lightblue .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-flash-pink .pace .pace-progress-inner { - box-shadow: 0 0 10px #e83e8c, 0 0 5px #e83e8c; +.card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #32769d; + color: #fff; } -.pace-flash-pink .pace .pace-activity { - border-top-color: #e83e8c; - border-left-color: #e83e8c; +.card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-loading-bar-pink .pace .pace-progress { - background: #e83e8c; - color: #e83e8c; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active, +.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #5fa4cc; + color: #fff; } -.pace-loading-bar-pink .pace .pace-activity { - box-shadow: inset 0 0 0 2px #e83e8c, inset 0 0 0 7px #fff; +.card-navy:not(.card-outline) > .card-header { + background-color: #001f3f; } -.pace-mac-osx-pink .pace .pace-progress { - background-color: #e83e8c; - box-shadow: inset -1px 0 #e83e8c, inset 0 -1px #e83e8c, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +.card-navy:not(.card-outline) > .card-header, +.card-navy:not(.card-outline) > .card-header a { + color: #fff; } -.pace-mac-osx-pink .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.card-navy:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-progress-color-pink .pace-progress { - color: #e83e8c; +.card-navy.card-outline { + border-top: 3px solid #001f3f; } -.pace-red .pace .pace-progress { - background: #dc3545; +.card-navy.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-barber-shop-red .pace { - background: #fff; +.card-navy.card-outline-tabs > .card-header a.active { + border-top: 3px solid #001f3f; } -.pace-barber-shop-red .pace .pace-progress { - background: #dc3545; +.bg-navy > .card-header .btn-tool, +.bg-gradient-navy > .card-header .btn-tool, +.card-navy:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-barber-shop-red .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.bg-navy > .card-header .btn-tool:hover, +.bg-gradient-navy > .card-header .btn-tool:hover, +.card-navy:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.pace-big-counter-red .pace .pace-progress::after { - color: rgba(220, 53, 69, 0.2); +.card.bg-navy .bootstrap-datetimepicker-widget .table td, +.card.bg-navy .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-bounce-red .pace .pace-activity { - background: #dc3545; +.card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #000b16; + color: #fff; } -.pace-center-atom-red .pace-progress { - height: 100px; - width: 80px; +.card.bg-navy .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-center-atom-red .pace-progress::before { - background: #dc3545; +.card.bg-navy .bootstrap-datetimepicker-widget table td.active, +.card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #003872; color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; } -.pace-center-atom-red .pace-activity { - border-color: #dc3545; +.card-olive:not(.card-outline) > .card-header { + background-color: #3d9970; } -.pace-center-atom-red .pace-activity::after, .pace-center-atom-red .pace-activity::before { - border-color: #dc3545; +.card-olive:not(.card-outline) > .card-header, +.card-olive:not(.card-outline) > .card-header a { + color: #fff; } -.pace-center-circle-red .pace .pace-progress { - background: rgba(220, 53, 69, 0.8); - color: #fff; +.card-olive:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-center-radar-red .pace .pace-activity { - border-color: #dc3545 transparent transparent; +.card-olive.card-outline { + border-top: 3px solid #3d9970; } -.pace-center-radar-red .pace .pace-activity::before { - border-color: #dc3545 transparent transparent; +.card-olive.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-center-simple-red .pace { - background: #fff; - border-color: #dc3545; +.card-olive.card-outline-tabs > .card-header a.active { + border-top: 3px solid #3d9970; } -.pace-center-simple-red .pace .pace-progress { - background: #dc3545; +.bg-olive > .card-header .btn-tool, +.bg-gradient-olive > .card-header .btn-tool, +.card-olive:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-material-red .pace { - color: #dc3545; +.bg-olive > .card-header .btn-tool:hover, +.bg-gradient-olive > .card-header .btn-tool:hover, +.card-olive:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.pace-corner-indicator-red .pace .pace-activity { - background: #dc3545; +.card.bg-olive .bootstrap-datetimepicker-widget .table td, +.card.bg-olive .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-corner-indicator-red .pace .pace-activity::after, -.pace-corner-indicator-red .pace .pace-activity::before { - border: 5px solid #fff; +.card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #317c5b; + color: #fff; } -.pace-corner-indicator-red .pace .pace-activity::before { - border-right-color: rgba(220, 53, 69, 0.2); - border-left-color: rgba(220, 53, 69, 0.2); +.card.bg-olive .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-corner-indicator-red .pace .pace-activity::after { - border-top-color: rgba(220, 53, 69, 0.2); - border-bottom-color: rgba(220, 53, 69, 0.2); +.card.bg-olive .bootstrap-datetimepicker-widget table td.active, +.card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #50b98a; + color: #fff; } -.pace-fill-left-red .pace .pace-progress { - background-color: rgba(220, 53, 69, 0.2); +.card-lime:not(.card-outline) > .card-header { + background-color: #01ff70; } -.pace-flash-red .pace .pace-progress { - background: #dc3545; +.card-lime:not(.card-outline) > .card-header, +.card-lime:not(.card-outline) > .card-header a { + color: #1f2d3d; } -.pace-flash-red .pace .pace-progress-inner { - box-shadow: 0 0 10px #dc3545, 0 0 5px #dc3545; +.card-lime:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-flash-red .pace .pace-activity { - border-top-color: #dc3545; - border-left-color: #dc3545; +.card-lime.card-outline { + border-top: 3px solid #01ff70; } -.pace-loading-bar-red .pace .pace-progress { - background: #dc3545; - color: #dc3545; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.card-lime.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-loading-bar-red .pace .pace-activity { - box-shadow: inset 0 0 0 2px #dc3545, inset 0 0 0 7px #fff; +.card-lime.card-outline-tabs > .card-header a.active { + border-top: 3px solid #01ff70; } -.pace-mac-osx-red .pace .pace-progress { - background-color: #dc3545; - box-shadow: inset -1px 0 #dc3545, inset 0 -1px #dc3545, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +.bg-lime > .card-header .btn-tool, +.bg-gradient-lime > .card-header .btn-tool, +.card-lime:not(.card-outline) > .card-header .btn-tool { + color: rgba(31, 45, 61, 0.8); } -.pace-mac-osx-red .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.bg-lime > .card-header .btn-tool:hover, +.bg-gradient-lime > .card-header .btn-tool:hover, +.card-lime:not(.card-outline) > .card-header .btn-tool:hover { + color: #1f2d3d; } -.pace-progress-color-red .pace-progress { - color: #dc3545; +.card.bg-lime .bootstrap-datetimepicker-widget .table td, +.card.bg-lime .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-orange .pace .pace-progress { - background: #fd7e14; +.card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #00d75e; + color: #1f2d3d; } -.pace-barber-shop-orange .pace { - background: #1f2d3d; +.card.bg-lime .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1f2d3d; } -.pace-barber-shop-orange .pace .pace-progress { - background: #fd7e14; +.card.bg-lime .bootstrap-datetimepicker-widget table td.active, +.card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #34ff8d; + color: #1f2d3d; } -.pace-barber-shop-orange .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent); +.card-fuchsia:not(.card-outline) > .card-header { + background-color: #f012be; } -.pace-big-counter-orange .pace .pace-progress::after { - color: rgba(253, 126, 20, 0.2); +.card-fuchsia:not(.card-outline) > .card-header, +.card-fuchsia:not(.card-outline) > .card-header a { + color: #fff; } -.pace-bounce-orange .pace .pace-activity { - background: #fd7e14; +.card-fuchsia:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-center-atom-orange .pace-progress { - height: 100px; - width: 80px; +.card-fuchsia.card-outline { + border-top: 3px solid #f012be; } -.pace-center-atom-orange .pace-progress::before { - background: #fd7e14; - color: #1f2d3d; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.card-fuchsia.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-center-atom-orange .pace-activity { - border-color: #fd7e14; +.card-fuchsia.card-outline-tabs > .card-header a.active { + border-top: 3px solid #f012be; } -.pace-center-atom-orange .pace-activity::after, .pace-center-atom-orange .pace-activity::before { - border-color: #fd7e14; +.bg-fuchsia > .card-header .btn-tool, +.bg-gradient-fuchsia > .card-header .btn-tool, +.card-fuchsia:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-center-circle-orange .pace .pace-progress { - background: rgba(253, 126, 20, 0.8); - color: #1f2d3d; +.bg-fuchsia > .card-header .btn-tool:hover, +.bg-gradient-fuchsia > .card-header .btn-tool:hover, +.card-fuchsia:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.pace-center-radar-orange .pace .pace-activity { - border-color: #fd7e14 transparent transparent; +.card.bg-fuchsia .bootstrap-datetimepicker-widget .table td, +.card.bg-fuchsia .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-center-radar-orange .pace .pace-activity::before { - border-color: #fd7e14 transparent transparent; +.card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #cc0da1; + color: #fff; } -.pace-center-simple-orange .pace { - background: #1f2d3d; - border-color: #fd7e14; +.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-center-simple-orange .pace .pace-progress { - background: #fd7e14; +.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active, +.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #f342cb; + color: #fff; } -.pace-material-orange .pace { - color: #fd7e14; +.card-maroon:not(.card-outline) > .card-header { + background-color: #d81b60; } -.pace-corner-indicator-orange .pace .pace-activity { - background: #fd7e14; +.card-maroon:not(.card-outline) > .card-header, +.card-maroon:not(.card-outline) > .card-header a { + color: #fff; } -.pace-corner-indicator-orange .pace .pace-activity::after, -.pace-corner-indicator-orange .pace .pace-activity::before { - border: 5px solid #1f2d3d; +.card-maroon:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-corner-indicator-orange .pace .pace-activity::before { - border-right-color: rgba(253, 126, 20, 0.2); - border-left-color: rgba(253, 126, 20, 0.2); +.card-maroon.card-outline { + border-top: 3px solid #d81b60; } -.pace-corner-indicator-orange .pace .pace-activity::after { - border-top-color: rgba(253, 126, 20, 0.2); - border-bottom-color: rgba(253, 126, 20, 0.2); +.card-maroon.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-fill-left-orange .pace .pace-progress { - background-color: rgba(253, 126, 20, 0.2); +.card-maroon.card-outline-tabs > .card-header a.active { + border-top: 3px solid #d81b60; } -.pace-flash-orange .pace .pace-progress { - background: #fd7e14; +.bg-maroon > .card-header .btn-tool, +.bg-gradient-maroon > .card-header .btn-tool, +.card-maroon:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-flash-orange .pace .pace-progress-inner { - box-shadow: 0 0 10px #fd7e14, 0 0 5px #fd7e14; +.bg-maroon > .card-header .btn-tool:hover, +.bg-gradient-maroon > .card-header .btn-tool:hover, +.card-maroon:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.pace-flash-orange .pace .pace-activity { - border-top-color: #fd7e14; - border-left-color: #fd7e14; +.card.bg-maroon .bootstrap-datetimepicker-widget .table td, +.card.bg-maroon .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-loading-bar-orange .pace .pace-progress { - background: #fd7e14; - color: #fd7e14; - box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d; +.card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #b41650; + color: #fff; } -.pace-loading-bar-orange .pace .pace-activity { - box-shadow: inset 0 0 0 2px #fd7e14, inset 0 0 0 7px #1f2d3d; +.card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-mac-osx-orange .pace .pace-progress { - background-color: #fd7e14; - box-shadow: inset -1px 0 #fd7e14, inset 0 -1px #fd7e14, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3); +.card.bg-maroon .bootstrap-datetimepicker-widget table td.active, +.card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #e73f7c; + color: #fff; } -.pace-mac-osx-orange .pace .pace-activity { - background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%); - height: 12px; +.card-blue:not(.card-outline) > .card-header { + background-color: #007bff; } -.pace-progress-color-orange .pace-progress { - color: #fd7e14; +.card-blue:not(.card-outline) > .card-header, +.card-blue:not(.card-outline) > .card-header a { + color: #fff; } -.pace-yellow .pace .pace-progress { - background: #ffc107; +.card-blue:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-barber-shop-yellow .pace { - background: #1f2d3d; +.card-blue.card-outline { + border-top: 3px solid #007bff; } -.pace-barber-shop-yellow .pace .pace-progress { - background: #ffc107; +.card-blue.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-barber-shop-yellow .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent); +.card-blue.card-outline-tabs > .card-header a.active { + border-top: 3px solid #007bff; } -.pace-big-counter-yellow .pace .pace-progress::after { - color: rgba(255, 193, 7, 0.2); +.bg-blue > .card-header .btn-tool, +.bg-gradient-blue > .card-header .btn-tool, +.card-blue:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-bounce-yellow .pace .pace-activity { - background: #ffc107; +.bg-blue > .card-header .btn-tool:hover, +.bg-gradient-blue > .card-header .btn-tool:hover, +.card-blue:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.pace-center-atom-yellow .pace-progress { - height: 100px; - width: 80px; +.card.bg-blue .bootstrap-datetimepicker-widget .table td, +.card.bg-blue .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-center-atom-yellow .pace-progress::before { - background: #ffc107; - color: #1f2d3d; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #0067d6; + color: #fff; } -.pace-center-atom-yellow .pace-activity { - border-color: #ffc107; +.card.bg-blue .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-center-atom-yellow .pace-activity::after, .pace-center-atom-yellow .pace-activity::before { - border-color: #ffc107; +.card.bg-blue .bootstrap-datetimepicker-widget table td.active, +.card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #3395ff; + color: #fff; } -.pace-center-circle-yellow .pace .pace-progress { - background: rgba(255, 193, 7, 0.8); +.card-indigo:not(.card-outline) > .card-header { + background-color: #6610f2; +} + +.card-indigo:not(.card-outline) > .card-header, +.card-indigo:not(.card-outline) > .card-header a { + color: #fff; +} + +.card-indigo:not(.card-outline) > .card-header a.active { color: #1f2d3d; } -.pace-center-radar-yellow .pace .pace-activity { - border-color: #ffc107 transparent transparent; +.card-indigo.card-outline { + border-top: 3px solid #6610f2; } -.pace-center-radar-yellow .pace .pace-activity::before { - border-color: #ffc107 transparent transparent; +.card-indigo.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-center-simple-yellow .pace { - background: #1f2d3d; - border-color: #ffc107; +.card-indigo.card-outline-tabs > .card-header a.active { + border-top: 3px solid #6610f2; } -.pace-center-simple-yellow .pace .pace-progress { - background: #ffc107; +.bg-indigo > .card-header .btn-tool, +.bg-gradient-indigo > .card-header .btn-tool, +.card-indigo:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-material-yellow .pace { - color: #ffc107; +.bg-indigo > .card-header .btn-tool:hover, +.bg-gradient-indigo > .card-header .btn-tool:hover, +.card-indigo:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.pace-corner-indicator-yellow .pace .pace-activity { - background: #ffc107; +.card.bg-indigo .bootstrap-datetimepicker-widget .table td, +.card.bg-indigo .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-corner-indicator-yellow .pace .pace-activity::after, -.pace-corner-indicator-yellow .pace .pace-activity::before { - border: 5px solid #1f2d3d; +.card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #550bce; + color: #fff; } -.pace-corner-indicator-yellow .pace .pace-activity::before { - border-right-color: rgba(255, 193, 7, 0.2); - border-left-color: rgba(255, 193, 7, 0.2); +.card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-corner-indicator-yellow .pace .pace-activity::after { - border-top-color: rgba(255, 193, 7, 0.2); - border-bottom-color: rgba(255, 193, 7, 0.2); +.card.bg-indigo .bootstrap-datetimepicker-widget table td.active, +.card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #8540f5; + color: #fff; } -.pace-fill-left-yellow .pace .pace-progress { - background-color: rgba(255, 193, 7, 0.2); +.card-purple:not(.card-outline) > .card-header { + background-color: #6f42c1; } -.pace-flash-yellow .pace .pace-progress { - background: #ffc107; +.card-purple:not(.card-outline) > .card-header, +.card-purple:not(.card-outline) > .card-header a { + color: #fff; } -.pace-flash-yellow .pace .pace-progress-inner { - box-shadow: 0 0 10px #ffc107, 0 0 5px #ffc107; +.card-purple:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-flash-yellow .pace .pace-activity { - border-top-color: #ffc107; - border-left-color: #ffc107; +.card-purple.card-outline { + border-top: 3px solid #6f42c1; } -.pace-loading-bar-yellow .pace .pace-progress { - background: #ffc107; - color: #ffc107; - box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d; +.card-purple.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-loading-bar-yellow .pace .pace-activity { - box-shadow: inset 0 0 0 2px #ffc107, inset 0 0 0 7px #1f2d3d; +.card-purple.card-outline-tabs > .card-header a.active { + border-top: 3px solid #6f42c1; } -.pace-mac-osx-yellow .pace .pace-progress { - background-color: #ffc107; - box-shadow: inset -1px 0 #ffc107, inset 0 -1px #ffc107, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3); +.bg-purple > .card-header .btn-tool, +.bg-gradient-purple > .card-header .btn-tool, +.card-purple:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-mac-osx-yellow .pace .pace-activity { - background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%); - height: 12px; +.bg-purple > .card-header .btn-tool:hover, +.bg-gradient-purple > .card-header .btn-tool:hover, +.card-purple:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.pace-progress-color-yellow .pace-progress { - color: #ffc107; +.card.bg-purple .bootstrap-datetimepicker-widget .table td, +.card.bg-purple .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-green .pace .pace-progress { - background: #28a745; +.card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #5d36a4; + color: #fff; } -.pace-barber-shop-green .pace { - background: #fff; +.card.bg-purple .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-barber-shop-green .pace .pace-progress { - background: #28a745; +.card.bg-purple .bootstrap-datetimepicker-widget table td.active, +.card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #8c68ce; + color: #fff; } -.pace-barber-shop-green .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.card-pink:not(.card-outline) > .card-header { + background-color: #e83e8c; } -.pace-big-counter-green .pace .pace-progress::after { - color: rgba(40, 167, 69, 0.2); +.card-pink:not(.card-outline) > .card-header, +.card-pink:not(.card-outline) > .card-header a { + color: #fff; } -.pace-bounce-green .pace .pace-activity { - background: #28a745; +.card-pink:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-center-atom-green .pace-progress { - height: 100px; - width: 80px; +.card-pink.card-outline { + border-top: 3px solid #e83e8c; } -.pace-center-atom-green .pace-progress::before { - background: #28a745; - color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.card-pink.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-center-atom-green .pace-activity { - border-color: #28a745; +.card-pink.card-outline-tabs > .card-header a.active { + border-top: 3px solid #e83e8c; } -.pace-center-atom-green .pace-activity::after, .pace-center-atom-green .pace-activity::before { - border-color: #28a745; +.bg-pink > .card-header .btn-tool, +.bg-gradient-pink > .card-header .btn-tool, +.card-pink:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-center-circle-green .pace .pace-progress { - background: rgba(40, 167, 69, 0.8); +.bg-pink > .card-header .btn-tool:hover, +.bg-gradient-pink > .card-header .btn-tool:hover, +.card-pink:not(.card-outline) > .card-header .btn-tool:hover { color: #fff; } -.pace-center-radar-green .pace .pace-activity { - border-color: #28a745 transparent transparent; +.card.bg-pink .bootstrap-datetimepicker-widget .table td, +.card.bg-pink .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-center-radar-green .pace .pace-activity::before { - border-color: #28a745 transparent transparent; +.card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #e21b76; + color: #fff; } -.pace-center-simple-green .pace { - background: #fff; - border-color: #28a745; +.card.bg-pink .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-center-simple-green .pace .pace-progress { - background: #28a745; +.card.bg-pink .bootstrap-datetimepicker-widget table td.active, +.card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #ed6ca7; + color: #fff; } -.pace-material-green .pace { - color: #28a745; +.card-red:not(.card-outline) > .card-header { + background-color: #dc3545; } -.pace-corner-indicator-green .pace .pace-activity { - background: #28a745; +.card-red:not(.card-outline) > .card-header, +.card-red:not(.card-outline) > .card-header a { + color: #fff; } -.pace-corner-indicator-green .pace .pace-activity::after, -.pace-corner-indicator-green .pace .pace-activity::before { - border: 5px solid #fff; +.card-red:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-corner-indicator-green .pace .pace-activity::before { - border-right-color: rgba(40, 167, 69, 0.2); - border-left-color: rgba(40, 167, 69, 0.2); +.card-red.card-outline { + border-top: 3px solid #dc3545; } -.pace-corner-indicator-green .pace .pace-activity::after { - border-top-color: rgba(40, 167, 69, 0.2); - border-bottom-color: rgba(40, 167, 69, 0.2); +.card-red.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-fill-left-green .pace .pace-progress { - background-color: rgba(40, 167, 69, 0.2); +.card-red.card-outline-tabs > .card-header a.active { + border-top: 3px solid #dc3545; } -.pace-flash-green .pace .pace-progress { - background: #28a745; +.bg-red > .card-header .btn-tool, +.bg-gradient-red > .card-header .btn-tool, +.card-red:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-flash-green .pace .pace-progress-inner { - box-shadow: 0 0 10px #28a745, 0 0 5px #28a745; +.bg-red > .card-header .btn-tool:hover, +.bg-gradient-red > .card-header .btn-tool:hover, +.card-red:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.pace-flash-green .pace .pace-activity { - border-top-color: #28a745; - border-left-color: #28a745; +.card.bg-red .bootstrap-datetimepicker-widget .table td, +.card.bg-red .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-red .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-red .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-loading-bar-green .pace .pace-progress { - background: #28a745; - color: #28a745; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-red .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-red .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #c62232; + color: #fff; } -.pace-loading-bar-green .pace .pace-activity { - box-shadow: inset 0 0 0 2px #28a745, inset 0 0 0 7px #fff; +.card.bg-red .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-mac-osx-green .pace .pace-progress { - background-color: #28a745; - box-shadow: inset -1px 0 #28a745, inset 0 -1px #28a745, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +.card.bg-red .bootstrap-datetimepicker-widget table td.active, +.card.bg-red .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #e4606d; + color: #fff; } -.pace-mac-osx-green .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.card-orange:not(.card-outline) > .card-header { + background-color: #fd7e14; } -.pace-progress-color-green .pace-progress { - color: #28a745; +.card-orange:not(.card-outline) > .card-header, +.card-orange:not(.card-outline) > .card-header a { + color: #1f2d3d; } -.pace-teal .pace .pace-progress { - background: #20c997; +.card-orange:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-barber-shop-teal .pace { - background: #fff; +.card-orange.card-outline { + border-top: 3px solid #fd7e14; } -.pace-barber-shop-teal .pace .pace-progress { - background: #20c997; +.card-orange.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-barber-shop-teal .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.card-orange.card-outline-tabs > .card-header a.active { + border-top: 3px solid #fd7e14; } -.pace-big-counter-teal .pace .pace-progress::after { - color: rgba(32, 201, 151, 0.2); +.bg-orange > .card-header .btn-tool, +.bg-gradient-orange > .card-header .btn-tool, +.card-orange:not(.card-outline) > .card-header .btn-tool { + color: rgba(31, 45, 61, 0.8); } -.pace-bounce-teal .pace .pace-activity { - background: #20c997; +.bg-orange > .card-header .btn-tool:hover, +.bg-gradient-orange > .card-header .btn-tool:hover, +.card-orange:not(.card-outline) > .card-header .btn-tool:hover { + color: #1f2d3d; } -.pace-center-atom-teal .pace-progress { - height: 100px; - width: 80px; -} - -.pace-center-atom-teal .pace-progress::before { - background: #20c997; - color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.card.bg-orange .bootstrap-datetimepicker-widget .table td, +.card.bg-orange .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-center-atom-teal .pace-activity { - border-color: #20c997; +.card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #e66a02; + color: #1f2d3d; } -.pace-center-atom-teal .pace-activity::after, .pace-center-atom-teal .pace-activity::before { - border-color: #20c997; +.card.bg-orange .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1f2d3d; } -.pace-center-circle-teal .pace .pace-progress { - background: rgba(32, 201, 151, 0.8); - color: #fff; +.card.bg-orange .bootstrap-datetimepicker-widget table td.active, +.card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #fd9a47; + color: #1f2d3d; } -.pace-center-radar-teal .pace .pace-activity { - border-color: #20c997 transparent transparent; +.card-yellow:not(.card-outline) > .card-header { + background-color: #FFC0C0; } -.pace-center-radar-teal .pace .pace-activity::before { - border-color: #20c997 transparent transparent; +.card-yellow:not(.card-outline) > .card-header, +.card-yellow:not(.card-outline) > .card-header a { + color: #1f2d3d; } -.pace-center-simple-teal .pace { - background: #fff; - border-color: #20c997; +.card-yellow:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-center-simple-teal .pace .pace-progress { - background: #20c997; +.card-yellow.card-outline { + border-top: 3px solid #FFC0C0; } -.pace-material-teal .pace { - color: #20c997; +.card-yellow.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-corner-indicator-teal .pace .pace-activity { - background: #20c997; +.card-yellow.card-outline-tabs > .card-header a.active { + border-top: 3px solid #FFC0C0; } -.pace-corner-indicator-teal .pace .pace-activity::after, -.pace-corner-indicator-teal .pace .pace-activity::before { - border: 5px solid #fff; +.bg-yellow > .card-header .btn-tool, +.bg-gradient-yellow > .card-header .btn-tool, +.card-yellow:not(.card-outline) > .card-header .btn-tool { + color: rgba(31, 45, 61, 0.8); } -.pace-corner-indicator-teal .pace .pace-activity::before { - border-right-color: rgba(32, 201, 151, 0.2); - border-left-color: rgba(32, 201, 151, 0.2); +.bg-yellow > .card-header .btn-tool:hover, +.bg-gradient-yellow > .card-header .btn-tool:hover, +.card-yellow:not(.card-outline) > .card-header .btn-tool:hover { + color: #1f2d3d; } -.pace-corner-indicator-teal .pace .pace-activity::after { - border-top-color: rgba(32, 201, 151, 0.2); - border-bottom-color: rgba(32, 201, 151, 0.2); +.card.bg-yellow .bootstrap-datetimepicker-widget .table td, +.card.bg-yellow .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-fill-left-teal .pace .pace-progress { - background-color: rgba(32, 201, 151, 0.2); +.card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #ff9797; + color: #1f2d3d; } -.pace-flash-teal .pace .pace-progress { - background: #20c997; +.card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1f2d3d; } -.pace-flash-teal .pace .pace-progress-inner { - box-shadow: 0 0 10px #20c997, 0 0 5px #20c997; +.card.bg-yellow .bootstrap-datetimepicker-widget table td.active, +.card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #fff3f3; + color: #1f2d3d; } -.pace-flash-teal .pace .pace-activity { - border-top-color: #20c997; - border-left-color: #20c997; +.card-green:not(.card-outline) > .card-header { + background-color: #28a745; } -.pace-loading-bar-teal .pace .pace-progress { - background: #20c997; - color: #20c997; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.card-green:not(.card-outline) > .card-header, +.card-green:not(.card-outline) > .card-header a { + color: #fff; } -.pace-loading-bar-teal .pace .pace-activity { - box-shadow: inset 0 0 0 2px #20c997, inset 0 0 0 7px #fff; +.card-green:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-mac-osx-teal .pace .pace-progress { - background-color: #20c997; - box-shadow: inset -1px 0 #20c997, inset 0 -1px #20c997, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +.card-green.card-outline { + border-top: 3px solid #28a745; } -.pace-mac-osx-teal .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.card-green.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-progress-color-teal .pace-progress { - color: #20c997; +.card-green.card-outline-tabs > .card-header a.active { + border-top: 3px solid #28a745; } -.pace-cyan .pace .pace-progress { - background: #266c77; +.bg-green > .card-header .btn-tool, +.bg-gradient-green > .card-header .btn-tool, +.card-green:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-barber-shop-cyan .pace { - background: #fff; +.bg-green > .card-header .btn-tool:hover, +.bg-gradient-green > .card-header .btn-tool:hover, +.card-green:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.pace-barber-shop-cyan .pace .pace-progress { - background: #266c77; +.card.bg-green .bootstrap-datetimepicker-widget .table td, +.card.bg-green .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-green .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-green .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-barber-shop-cyan .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-green .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-green .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #208637; + color: #fff; } -.pace-big-counter-cyan .pace .pace-progress::after { - color: rgba(38, 108, 119, 0.2); +.card.bg-green .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-bounce-cyan .pace .pace-activity { - background: #266c77; +.card.bg-green .bootstrap-datetimepicker-widget table td.active, +.card.bg-green .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #34ce57; + color: #fff; } -.pace-center-atom-cyan .pace-progress { - height: 100px; - width: 80px; +.card-teal:not(.card-outline) > .card-header { + background-color: #20c997; } -.pace-center-atom-cyan .pace-progress::before { - background: #266c77; +.card-teal:not(.card-outline) > .card-header, +.card-teal:not(.card-outline) > .card-header a { color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; } -.pace-center-atom-cyan .pace-activity { - border-color: #266c77; +.card-teal:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-center-atom-cyan .pace-activity::after, .pace-center-atom-cyan .pace-activity::before { - border-color: #266c77; +.card-teal.card-outline { + border-top: 3px solid #20c997; } -.pace-center-circle-cyan .pace .pace-progress { - background: rgba(38, 108, 119, 0.8); - color: #fff; +.card-teal.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-center-radar-cyan .pace .pace-activity { - border-color: #266c77 transparent transparent; +.card-teal.card-outline-tabs > .card-header a.active { + border-top: 3px solid #20c997; } -.pace-center-radar-cyan .pace .pace-activity::before { - border-color: #266c77 transparent transparent; +.bg-teal > .card-header .btn-tool, +.bg-gradient-teal > .card-header .btn-tool, +.card-teal:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-center-simple-cyan .pace { - background: #fff; - border-color: #266c77; +.bg-teal > .card-header .btn-tool:hover, +.bg-gradient-teal > .card-header .btn-tool:hover, +.card-teal:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.pace-center-simple-cyan .pace .pace-progress { - background: #266c77; +.card.bg-teal .bootstrap-datetimepicker-widget .table td, +.card.bg-teal .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-material-cyan .pace { - color: #266c77; +.card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #1aa67d; + color: #fff; } -.pace-corner-indicator-cyan .pace .pace-activity { - background: #266c77; +.card.bg-teal .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-corner-indicator-cyan .pace .pace-activity::after, -.pace-corner-indicator-cyan .pace .pace-activity::before { - border: 5px solid #fff; +.card.bg-teal .bootstrap-datetimepicker-widget table td.active, +.card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #3ce0af; + color: #fff; } -.pace-corner-indicator-cyan .pace .pace-activity::before { - border-right-color: rgba(38, 108, 119, 0.2); - border-left-color: rgba(38, 108, 119, 0.2); +.card-cyan:not(.card-outline) > .card-header { + background-color: #17a2b8; } -.pace-corner-indicator-cyan .pace .pace-activity::after { - border-top-color: rgba(38, 108, 119, 0.2); - border-bottom-color: rgba(38, 108, 119, 0.2); +.card-cyan:not(.card-outline) > .card-header, +.card-cyan:not(.card-outline) > .card-header a { + color: #fff; } -.pace-fill-left-cyan .pace .pace-progress { - background-color: rgba(38, 108, 119, 0.2); +.card-cyan:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-flash-cyan .pace .pace-progress { - background: #266c77; +.card-cyan.card-outline { + border-top: 3px solid #17a2b8; } -.pace-flash-cyan .pace .pace-progress-inner { - box-shadow: 0 0 10px #266c77, 0 0 5px #266c77; +.card-cyan.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-flash-cyan .pace .pace-activity { - border-top-color: #266c77; - border-left-color: #266c77; +.card-cyan.card-outline-tabs > .card-header a.active { + border-top: 3px solid #17a2b8; } -.pace-loading-bar-cyan .pace .pace-progress { - background: #266c77; - color: #266c77; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.bg-cyan > .card-header .btn-tool, +.bg-gradient-cyan > .card-header .btn-tool, +.card-cyan:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-loading-bar-cyan .pace .pace-activity { - box-shadow: inset 0 0 0 2px #266c77, inset 0 0 0 7px #fff; +.bg-cyan > .card-header .btn-tool:hover, +.bg-gradient-cyan > .card-header .btn-tool:hover, +.card-cyan:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.pace-mac-osx-cyan .pace .pace-progress { - background-color: #266c77; - box-shadow: inset -1px 0 #266c77, inset 0 -1px #266c77, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +.card.bg-cyan .bootstrap-datetimepicker-widget .table td, +.card.bg-cyan .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-mac-osx-cyan .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #128294; + color: #fff; } -.pace-progress-color-cyan .pace-progress { - color: #266c77; +.card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-white .pace .pace-progress { - background: #fff; +.card.bg-cyan .bootstrap-datetimepicker-widget table td.active, +.card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #1fc8e3; + color: #fff; } -.pace-barber-shop-white .pace { - background: #1f2d3d; +.card-white:not(.card-outline) > .card-header { + background-color: #fff; } -.pace-barber-shop-white .pace .pace-progress { - background: #fff; +.card-white:not(.card-outline) > .card-header, +.card-white:not(.card-outline) > .card-header a { + color: #1f2d3d; } -.pace-barber-shop-white .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent); +.card-white:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-big-counter-white .pace .pace-progress::after { - color: rgba(255, 255, 255, 0.2); +.card-white.card-outline { + border-top: 3px solid #fff; } -.pace-bounce-white .pace .pace-activity { - background: #fff; +.card-white.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-center-atom-white .pace-progress { - height: 100px; - width: 80px; +.card-white.card-outline-tabs > .card-header a.active { + border-top: 3px solid #fff; } -.pace-center-atom-white .pace-progress::before { - background: #fff; - color: #1f2d3d; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.bg-white > .card-header .btn-tool, +.bg-gradient-white > .card-header .btn-tool, +.card-white:not(.card-outline) > .card-header .btn-tool { + color: rgba(31, 45, 61, 0.8); } -.pace-center-atom-white .pace-activity { - border-color: #fff; +.bg-white > .card-header .btn-tool:hover, +.bg-gradient-white > .card-header .btn-tool:hover, +.card-white:not(.card-outline) > .card-header .btn-tool:hover { + color: #1f2d3d; } -.pace-center-atom-white .pace-activity::after, .pace-center-atom-white .pace-activity::before { - border-color: #fff; +.card.bg-white .bootstrap-datetimepicker-widget .table td, +.card.bg-white .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-white .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-white .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-center-circle-white .pace .pace-progress { - background: rgba(255, 255, 255, 0.8); +.card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-white .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-white .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #ebebeb; color: #1f2d3d; } -.pace-center-radar-white .pace .pace-activity { - border-color: #fff transparent transparent; -} - -.pace-center-radar-white .pace .pace-activity::before { - border-color: #fff transparent transparent; +.card.bg-white .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1f2d3d; } -.pace-center-simple-white .pace { - background: #1f2d3d; - border-color: #fff; +.card.bg-white .bootstrap-datetimepicker-widget table td.active, +.card.bg-white .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover { + background-color: white; + color: #1f2d3d; } -.pace-center-simple-white .pace .pace-progress { - background: #fff; +.card-gray:not(.card-outline) > .card-header { + background-color: #6c757d; } -.pace-material-white .pace { +.card-gray:not(.card-outline) > .card-header, +.card-gray:not(.card-outline) > .card-header a { color: #fff; } -.pace-corner-indicator-white .pace .pace-activity { - background: #fff; -} - -.pace-corner-indicator-white .pace .pace-activity::after, -.pace-corner-indicator-white .pace .pace-activity::before { - border: 5px solid #1f2d3d; +.card-gray:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-corner-indicator-white .pace .pace-activity::before { - border-right-color: rgba(255, 255, 255, 0.2); - border-left-color: rgba(255, 255, 255, 0.2); +.card-gray.card-outline { + border-top: 3px solid #6c757d; } -.pace-corner-indicator-white .pace .pace-activity::after { - border-top-color: rgba(255, 255, 255, 0.2); - border-bottom-color: rgba(255, 255, 255, 0.2); +.card-gray.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-fill-left-white .pace .pace-progress { - background-color: rgba(255, 255, 255, 0.2); +.card-gray.card-outline-tabs > .card-header a.active { + border-top: 3px solid #6c757d; } -.pace-flash-white .pace .pace-progress { - background: #fff; +.bg-gray > .card-header .btn-tool, +.bg-gradient-gray > .card-header .btn-tool, +.card-gray:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-flash-white .pace .pace-progress-inner { - box-shadow: 0 0 10px #fff, 0 0 5px #fff; +.bg-gray > .card-header .btn-tool:hover, +.bg-gradient-gray > .card-header .btn-tool:hover, +.card-gray:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.pace-flash-white .pace .pace-activity { - border-top-color: #fff; - border-left-color: #fff; +.card.bg-gray .bootstrap-datetimepicker-widget .table td, +.card.bg-gray .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-loading-bar-white .pace .pace-progress { - background: #fff; +.card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #596167; color: #fff; - box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d; } -.pace-loading-bar-white .pace .pace-activity { - box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 7px #1f2d3d; +.card.bg-gray .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-mac-osx-white .pace .pace-progress { - background-color: #fff; - box-shadow: inset -1px 0 #fff, inset 0 -1px #fff, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3); +.card.bg-gray .bootstrap-datetimepicker-widget table td.active, +.card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #868e96; + color: #fff; } -.pace-mac-osx-white .pace .pace-activity { - background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%); - height: 12px; +.card-gray-dark:not(.card-outline) > .card-header { + background-color: #343a40; } -.pace-progress-color-white .pace-progress { +.card-gray-dark:not(.card-outline) > .card-header, +.card-gray-dark:not(.card-outline) > .card-header a { color: #fff; } -.pace-gray .pace .pace-progress { - background: #6c757d; +.card-gray-dark:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.pace-barber-shop-gray .pace { - background: #fff; +.card-gray-dark.card-outline { + border-top: 3px solid #343a40; } -.pace-barber-shop-gray .pace .pace-progress { - background: #6c757d; +.card-gray-dark.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-barber-shop-gray .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.card-gray-dark.card-outline-tabs > .card-header a.active { + border-top: 3px solid #343a40; } -.pace-big-counter-gray .pace .pace-progress::after { - color: rgba(108, 117, 125, 0.2); +.bg-gray-dark > .card-header .btn-tool, +.bg-gradient-gray-dark > .card-header .btn-tool, +.card-gray-dark:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.pace-bounce-gray .pace .pace-activity { - background: #6c757d; +.bg-gray-dark > .card-header .btn-tool:hover, +.bg-gradient-gray-dark > .card-header .btn-tool:hover, +.card-gray-dark:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.pace-center-atom-gray .pace-progress { - height: 100px; - width: 80px; +.card.bg-gray-dark .bootstrap-datetimepicker-widget .table td, +.card.bg-gray-dark .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th { + border: none; } -.pace-center-atom-gray .pace-progress::before { - background: #6c757d; +.card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #222629; color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; -} - -.pace-center-atom-gray .pace-activity { - border-color: #6c757d; } -.pace-center-atom-gray .pace-activity::after, .pace-center-atom-gray .pace-activity::before { - border-color: #6c757d; +.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.pace-center-circle-gray .pace .pace-progress { - background: rgba(108, 117, 125, 0.8); +.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active, +.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #4b545c; color: #fff; } -.pace-center-radar-gray .pace .pace-activity { - border-color: #6c757d transparent transparent; +.card { + box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); + margin-bottom: 1rem; } -.pace-center-radar-gray .pace .pace-activity::before { - border-color: #6c757d transparent transparent; +.card.bg-dark .card-header { + border-color: #383f45; } -.pace-center-simple-gray .pace { - background: #fff; - border-color: #6c757d; +.card.bg-dark, +.card.bg-dark .card-body { + color: #fff; } -.pace-center-simple-gray .pace .pace-progress { - background: #6c757d; +.card.maximized-card { + height: 100% !important; + left: 0; + max-height: 100% !important; + max-width: 100% !important; + position: fixed; + top: 0; + width: 100% !important; + z-index: 1040; } -.pace-material-gray .pace { - color: #6c757d; +.card.maximized-card.was-collapsed .card-body { + display: block !important; } -.pace-corner-indicator-gray .pace .pace-activity { - background: #6c757d; +.card.maximized-card .card-body { + overflow: auto; } -.pace-corner-indicator-gray .pace .pace-activity::after, -.pace-corner-indicator-gray .pace .pace-activity::before { - border: 5px solid #fff; +.card.maximized-card [data-card-widgett="collapse"] { + display: none; } -.pace-corner-indicator-gray .pace .pace-activity::before { - border-right-color: rgba(108, 117, 125, 0.2); - border-left-color: rgba(108, 117, 125, 0.2); +.card.maximized-card .card-header, +.card.maximized-card .card-footer { + border-radius: 0 !important; } -.pace-corner-indicator-gray .pace .pace-activity::after { - border-top-color: rgba(108, 117, 125, 0.2); - border-bottom-color: rgba(108, 117, 125, 0.2); +.card.collapsed-card .card-body, +.card.collapsed-card .card-footer { + display: none; } -.pace-fill-left-gray .pace .pace-progress { - background-color: rgba(108, 117, 125, 0.2); +.card .nav.flex-column:not(.nav-sidebar) > li { + border-bottom: 1px solid rgba(0, 0, 0, 0.125); + margin: 0; } -.pace-flash-gray .pace .pace-progress { - background: #6c757d; +.card .nav.flex-column:not(.nav-sidebar) > li:last-of-type { + border-bottom: 0; } -.pace-flash-gray .pace .pace-progress-inner { - box-shadow: 0 0 10px #6c757d, 0 0 5px #6c757d; +.card.height-control .card-body { + max-height: 300px; + overflow: auto; } -.pace-flash-gray .pace .pace-activity { - border-top-color: #6c757d; - border-left-color: #6c757d; +.card .border-right { + border-right: 1px solid rgba(0, 0, 0, 0.125); } -.pace-loading-bar-gray .pace .pace-progress { - background: #6c757d; - color: #6c757d; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.card .border-left { + border-left: 1px solid rgba(0, 0, 0, 0.125); } -.pace-loading-bar-gray .pace .pace-activity { - box-shadow: inset 0 0 0 2px #6c757d, inset 0 0 0 7px #fff; +.card.card-tabs:not(.card-outline) > .card-header { + border-bottom: 0; } -.pace-mac-osx-gray .pace .pace-progress { - background-color: #6c757d; - box-shadow: inset -1px 0 #6c757d, inset 0 -1px #6c757d, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +.card.card-tabs:not(.card-outline) > .card-header .nav-item:first-child .nav-link { + border-left-color: transparent; } -.pace-mac-osx-gray .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.card.card-tabs.card-outline .nav-item { + border-bottom: 0; } -.pace-progress-color-gray .pace-progress { - color: #6c757d; +.card.card-tabs.card-outline .nav-item:first-child .nav-link { + border-left: 0; + margin-left: 0; } -.pace-gray-dark .pace .pace-progress { - background: #343a40; +.card.card-tabs .card-tools { + margin: .3rem .5rem; } -.pace-barber-shop-gray-dark .pace { - background: #fff; +.card.card-tabs:not(.expanding-card).collapsed-card .card-header { + border-bottom: 0; } -.pace-barber-shop-gray-dark .pace .pace-progress { - background: #343a40; +.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs { + border-bottom: 0; } -.pace-barber-shop-gray-dark .pace .pace-activity { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item { + margin-bottom: 0; } -.pace-big-counter-gray-dark .pace .pace-progress::after { - color: rgba(52, 58, 64, 0.2); +.card.card-tabs.expanding-card .card-header .nav-tabs .nav-item { + margin-bottom: -1px; } -.pace-bounce-gray-dark .pace .pace-activity { - background: #343a40; +.card.card-outline-tabs { + border-top: 0; } -.pace-center-atom-gray-dark .pace-progress { - height: 100px; - width: 80px; +.card.card-outline-tabs .card-header .nav-item:first-child .nav-link { + border-left: 0; + margin-left: 0; } -.pace-center-atom-gray-dark .pace-progress::before { - background: #343a40; - color: #fff; - font-size: .8rem; - line-height: .7rem; - padding-top: 17%; +.card.card-outline-tabs .card-header a { + border-top: 3px solid transparent; } -.pace-center-atom-gray-dark .pace-activity { - border-color: #343a40; +.card.card-outline-tabs .card-header a:hover { + border-top: 3px solid #dee2e6; } -.pace-center-atom-gray-dark .pace-activity::after, .pace-center-atom-gray-dark .pace-activity::before { - border-color: #343a40; +.card.card-outline-tabs .card-header a.active:hover { + margin-top: 0; } -.pace-center-circle-gray-dark .pace .pace-progress { - background: rgba(52, 58, 64, 0.8); - color: #fff; +.card.card-outline-tabs .card-tools { + margin: .5rem .5rem .3rem; } -.pace-center-radar-gray-dark .pace .pace-activity { - border-color: #343a40 transparent transparent; +.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header { + border-bottom: 0; } -.pace-center-radar-gray-dark .pace .pace-activity::before { - border-color: #343a40 transparent transparent; +.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs { + border-bottom: 0; } -.pace-center-simple-gray-dark .pace { - background: #fff; - border-color: #343a40; +.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item { + margin-bottom: 0; } -.pace-center-simple-gray-dark .pace .pace-progress { - background: #343a40; +.card.card-outline-tabs.expanding-card .card-header .nav-tabs .nav-item { + margin-bottom: -1px; } -.pace-material-gray-dark .pace { - color: #343a40; +html.maximized-card { + overflow: hidden; } -.pace-corner-indicator-gray-dark .pace .pace-activity { - background: #343a40; +.card-header::after, +.card-body::after, +.card-footer::after { + display: block; + clear: both; + content: ""; } -.pace-corner-indicator-gray-dark .pace .pace-activity::after, -.pace-corner-indicator-gray-dark .pace .pace-activity::before { - border: 5px solid #fff; +.card-header { + background-color: transparent; + border-bottom: 1px solid rgba(0, 0, 0, 0.125); + padding: 0.75rem 1.25rem; + position: relative; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } -.pace-corner-indicator-gray-dark .pace .pace-activity::before { - border-right-color: rgba(52, 58, 64, 0.2); - border-left-color: rgba(52, 58, 64, 0.2); +.collapsed-card .card-header { + border-bottom: 0; } -.pace-corner-indicator-gray-dark .pace .pace-activity::after { - border-top-color: rgba(52, 58, 64, 0.2); - border-bottom-color: rgba(52, 58, 64, 0.2); +.card-header > .card-tools { + float: right; + margin-right: -0.625rem; } -.pace-fill-left-gray-dark .pace .pace-progress { - background-color: rgba(52, 58, 64, 0.2); +.card-header > .card-tools .input-group, +.card-header > .card-tools .nav, +.card-header > .card-tools .pagination { + margin-bottom: -0.3rem; + margin-top: -0.3rem; } -.pace-flash-gray-dark .pace .pace-progress { - background: #343a40; +.card-header > .card-tools [data-toggle="tooltip"] { + position: relative; } -.pace-flash-gray-dark .pace .pace-progress-inner { - box-shadow: 0 0 10px #343a40, 0 0 5px #343a40; +.card-title { + float: left; + font-size: 1.1rem; + font-weight: 400; + margin: 0; } -.pace-flash-gray-dark .pace .pace-activity { - border-top-color: #343a40; - border-left-color: #343a40; +.card-text { + clear: both; } -.pace-loading-bar-gray-dark .pace .pace-progress { - background: #343a40; - color: #343a40; - box-shadow: 120px 0 #fff, 240px 0 #fff; +.btn-tool { + background-color: transparent; + color: #adb5bd; + font-size: 0.875rem; + margin: -0.75rem 0; + padding: .25rem .5rem; } -.pace-loading-bar-gray-dark .pace .pace-activity { - box-shadow: inset 0 0 0 2px #343a40, inset 0 0 0 7px #fff; +.btn-group.show .btn-tool, .btn-tool:hover { + color: #495057; } -.pace-mac-osx-gray-dark .pace .pace-progress { - background-color: #343a40; - box-shadow: inset -1px 0 #343a40, inset 0 -1px #343a40, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +.show .btn-tool, .btn-tool:focus { + box-shadow: none !important; } -.pace-mac-osx-gray-dark .pace .pace-activity { - background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); - height: 12px; +.text-sm .card-title { + font-size: 1rem; } -.pace-progress-color-gray-dark .pace-progress { - color: #343a40; +.text-sm .nav-link { + padding: 0.4rem 0.8rem; } -/** - * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches. - * - * @version v3.4 (MODDED) - * @homepage https://bttstrp.github.io/bootstrap-switch - * @author Mattia Larentis (http://larentis.eu) - * @license MIT - */ -.bootstrap-switch { - border: 1px solid #ced4da; - border-radius: 0.25rem; - cursor: pointer; - direction: ltr; - display: inline-block; - line-height: .5rem; - overflow: hidden; - position: relative; - text-align: left; - transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - z-index: 0; +.card-body > .table { + margin-bottom: 0; } -.bootstrap-switch .bootstrap-switch-container { - border-radius: 0.25rem; - display: inline-block; - top: 0; - transform: translate3d(0, 0, 0); +.card-body > .table > thead > tr > th, +.card-body > .table > thead > tr > td { + border-top-width: 0; } -.bootstrap-switch:focus-within { - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +.card-body .fc { + margin-top: 5px; } -.bootstrap-switch .bootstrap-switch-handle-on, -.bootstrap-switch .bootstrap-switch-handle-off, -.bootstrap-switch .bootstrap-switch-label { - box-sizing: border-box; - cursor: pointer; - display: table-cell; - font-size: 1rem; - font-weight: 500; - line-height: 1.2rem; - padding: .25rem .5rem; - vertical-align: middle; +.card-body .full-width-chart { + margin: -19px; } -.bootstrap-switch .bootstrap-switch-handle-on, -.bootstrap-switch .bootstrap-switch-handle-off { - text-align: center; - z-index: 1; +.card-body.p-0 .full-width-chart { + margin: -9px; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { - background: #e9ecef; - color: #1f2d3d; +.chart-legend { + padding-left: 0; + list-style: none; + margin: 10px 0; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { - background: #007bff; - color: #fff; +@media (max-width: 576px) { + .chart-legend > li { + float: left; + margin-right: 10px; + } } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary { - background: #6c757d; - color: #fff; +.card-comments { + background-color: #f8f9fa; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { - background: #28a745; - color: #fff; +.card-comments .card-comment { + border-bottom: 1px solid #e9ecef; + padding: 8px 0; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info { - background: #266c77; - color: #fff; +.card-comments .card-comment::after { + display: block; + clear: both; + content: ""; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { - background: #ffc107; - color: #1f2d3d; +.card-comments .card-comment:last-of-type { + border-bottom: 0; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger { - background: #dc3545; - color: #fff; +.card-comments .card-comment:first-of-type { + padding-top: 0; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light { - background: #f8f9fa; - color: #1f2d3d; +.card-comments .card-comment img { + height: 1.875rem; + width: 1.875rem; + float: left; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark { - background: #343a40; - color: #fff; +.card-comments .comment-text { + color: #78838e; + margin-left: 40px; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lightblue, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lightblue { - background: #3c8dbc; - color: #fff; +.card-comments .username { + color: #495057; + display: block; + font-weight: 600; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-navy, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-navy { - background: #001f3f; - color: #fff; +.card-comments .text-muted { + font-size: 12px; + font-weight: 400; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-olive, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-olive { - background: #3d9970; - color: #fff; +.todo-list { + list-style: none; + margin: 0; + overflow: auto; + padding: 0; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lime, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lime { - background: #01ff70; - color: #1f2d3d; +.todo-list > li { + border-radius: 2px; + background-color: #f8f9fa; + border-left: 2px solid #e9ecef; + color: #495057; + margin-bottom: 2px; + padding: 10px; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-fuchsia, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-fuchsia { - background: #f012be; - color: #fff; +.todo-list > li:last-of-type { + margin-bottom: 0; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-maroon, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-maroon { - background: #d81b60; - color: #fff; +.todo-list > li > input[type="checkbox"] { + margin: 0 10px 0 5px; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue { - background: #007bff; - color: #fff; +.todo-list > li .text { + display: inline-block; + font-weight: 600; + margin-left: 5px; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-indigo, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-indigo { - background: #6610f2; - color: #fff; +.todo-list > li .badge { + font-size: .7rem; + margin-left: 10px; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-purple, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-purple { - background: #6f42c1; - color: #fff; +.todo-list > li .tools { + color: #dc3545; + display: none; + float: right; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-pink, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-pink { - background: #e83e8c; - color: #fff; +.todo-list > li .tools > .fa, +.todo-list > li .tools > .fas, +.todo-list > li .tools > .far, +.todo-list > li .tools > .fab, +.todo-list > li .tools > .fal, +.todo-list > li .tools > .fad, +.todo-list > li .tools > .svg-inline--fa, +.todo-list > li .tools > .ion { + cursor: pointer; + margin-right: 5px; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red { - background: #dc3545; - color: #fff; +.todo-list > li:hover .tools { + display: inline-block; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange { - background: #fd7e14; - color: #1f2d3d; +.todo-list > li.done { + color: #697582; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-yellow, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-yellow { - background: #ffc107; - color: #1f2d3d; +.todo-list > li.done .text { + font-weight: 500; + text-decoration: line-through; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green { - background: #28a745; - color: #fff; +.todo-list > li.done .badge { + background-color: #adb5bd !important; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-teal, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-teal { - background: #20c997; - color: #fff; +.todo-list .primary { + border-left-color: #007bff; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-cyan, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-cyan { - background: #266c77; - color: #fff; +.todo-list .secondary { + border-left-color: #6c757d; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-white, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-white { - background: #fff; - color: #1f2d3d; +.todo-list .success { + border-left-color: #28a745; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray { - background: #6c757d; - color: #fff; +.todo-list .info { + border-left-color: #17a2b8; } -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray-dark, -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray-dark { - background: #343a40; - color: #fff; +.todo-list .warning { + border-left-color: #FFC0C0; } -.bootstrap-switch .bootstrap-switch-handle-on { - border-bottom-left-radius: 0.1rem; - border-top-left-radius: 0.1rem; +.todo-list .danger { + border-left-color: #dc3545; } -.bootstrap-switch .bootstrap-switch-handle-off { - border-bottom-right-radius: 0.1rem; - border-top-right-radius: 0.1rem; +.todo-list .light { + border-left-color: #f8f9fa; } -.bootstrap-switch input[type='radio'], -.bootstrap-switch input[type='checkbox'] { - filter: alpha(opacity=0); - left: 0; - margin: 0; - opacity: 0; - position: absolute; - top: 0; - visibility: hidden; - z-index: -1; +.todo-list .dark { + border-left-color: #343a40; } -.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, -.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, -.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { - font-size: .875rem; - line-height: 1.5; - padding: .1rem .3rem; +.todo-list .lightblue { + border-left-color: #3c8dbc; } -.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, -.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, -.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label { - font-size: .875rem; - line-height: 1.5; - padding: .2rem .4rem; +.todo-list .navy { + border-left-color: #001f3f; } -.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, -.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, -.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label { - font-size: 1.25rem; - line-height: 1.3333333rem; - padding: .3rem .5rem; +.todo-list .olive { + border-left-color: #3d9970; } -.bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, .bootstrap-switch.bootstrap-switch-indeterminate { - cursor: default; +.todo-list .lime { + border-left-color: #01ff70; } -.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, -.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, -.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, -.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, -.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, -.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, -.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label { - cursor: default; - filter: alpha(opacity=50); - opacity: .5; +.todo-list .fuchsia { + border-left-color: #f012be; } -.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { - transition: margin-left .5s; +.todo-list .maroon { + border-left-color: #d81b60; } -.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { - border-radius: 0 0.1rem 0.1rem 0; +.todo-list .blue { + border-left-color: #007bff; } -.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { - border-radius: 0.1rem 0 0 0.1rem; +.todo-list .indigo { + border-left-color: #6610f2; } -.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, -.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { - border-bottom-right-radius: 0.1rem; - border-top-right-radius: 0.1rem; +.todo-list .purple { + border-left-color: #6f42c1; } -.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, -.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { - border-bottom-left-radius: 0.1rem; - border-top-left-radius: 0.1rem; +.todo-list .pink { + border-left-color: #e83e8c; } -.dark-mode .bootstrap-switch { - border-color: #6c757d; +.todo-list .red { + border-left-color: #dc3545; } -.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, -.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default { - background-color: #3a4047; - color: #fff; - border-color: #454d55; +.todo-list .orange { + border-left-color: #fd7e14; } -.jqstooltip { - height: auto !important; - padding: 5px !important; - width: auto !important; +.todo-list .yellow { + border-left-color: #FFC0C0; } -.connectedSortable { - min-height: 100px; +.todo-list .green { + border-left-color: #28a745; } -.ui-helper-hidden-accessible { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; +.todo-list .teal { + border-left-color: #20c997; } -.sort-highlight { - background: #f8f9fa; - border: 1px dashed #dee2e6; - margin-bottom: 10px; +.todo-list .cyan { + border-left-color: #17a2b8; } -.chart { - overflow: hidden; - position: relative; +.todo-list .white { + border-left-color: #fff; } -.dark-mode .irs--flat .irs-line { - background-color: #4b545c; +.todo-list .gray { + border-left-color: #6c757d; } -.dark-mode .jsgrid-edit-row > .jsgrid-cell, -.dark-mode .jsgrid-filter-row > .jsgrid-cell, -.dark-mode .jsgrid-grid-body, .dark-mode .jsgrid-grid-header, -.dark-mode .jsgrid-header-row > .jsgrid-header-cell, -.dark-mode .jsgrid-insert-row > .jsgrid-cell, -.dark-mode .jsgrid-row > .jsgrid-cell, -.dark-mode .jsgrid-alt-row > .jsgrid-cell { - border-color: #6c757d; +.todo-list .gray-dark { + border-left-color: #343a40; } -.dark-mode .jsgrid-header-row > .jsgrid-header-cell, -.dark-mode .jsgrid-row > .jsgrid-cell { - background-color: #343a40; +.todo-list .handle { + cursor: move; + display: inline-block; + margin: 0 5px; } -.dark-mode .jsgrid-alt-row > .jsgrid-cell { - background-color: #3a4047; +.card-input { + max-width: 200px; } -.dark-mode .jsgrid-selected-row > .jsgrid-cell { - background-color: #3f474e; +.card-default .nav-item:first-child .nav-link { + border-left: 0; } -.border-transparent { - border-color: transparent !important; +.dark-mode .card-primary:not(.card-outline) > .card-header { + background-color: #3f6791; } -.description-block { - display: block; - margin: 10px 0; - text-align: center; +.dark-mode .card-primary:not(.card-outline) > .card-header, +.dark-mode .card-primary:not(.card-outline) > .card-header a { + color: #fff; } -.description-block.margin-bottom { - margin-bottom: 25px; +.dark-mode .card-primary:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.description-block > .description-header { - font-size: 16px; - font-weight: 600; - margin: 0; - padding: 0; +.dark-mode .card-primary.card-outline { + border-top: 3px solid #3f6791; } -.description-block > .description-text { - text-transform: uppercase; +.dark-mode .card-primary.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.description-block .description-icon { - font-size: 16px; +.dark-mode .card-primary.card-outline-tabs > .card-header a.active { + border-top: 3px solid #3f6791; } -.list-group-unbordered > .list-group-item { - border-left: 0; - border-radius: 0; - border-right: 0; - padding-left: 0; - padding-right: 0; +.dark-mode .bg-primary > .card-header .btn-tool, +.dark-mode .bg-gradient-primary > .card-header .btn-tool, +.dark-mode .card-primary:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.list-header { - color: #6c757d; - font-size: 15px; - font-weight: 700; - padding: 10px 4px; +.dark-mode .bg-primary > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-primary > .card-header .btn-tool:hover, +.dark-mode .card-primary:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.list-seperator { - background-color: rgba(0, 0, 0, 0.125); - height: 1px; - margin: 15px 0 9px; +.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th { + border: none; } -.list-link > a { - color: #6c757d; - padding: 4px; +.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #335375; + color: #fff; } -.list-link > a:hover { - color: #212529; +.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.user-block { - float: left; +.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #5080b3; + color: #fff; } -.user-block img { - float: left; - height: 40px; - width: 40px; +.dark-mode .card-secondary:not(.card-outline) > .card-header { + background-color: #6c757d; } -.user-block .username, -.user-block .description, -.user-block .comment { - display: block; - margin-left: 50px; +.dark-mode .card-secondary:not(.card-outline) > .card-header, +.dark-mode .card-secondary:not(.card-outline) > .card-header a { + color: #fff; } -.user-block .username { - font-size: 16px; - font-weight: 600; - margin-top: -1px; +.dark-mode .card-secondary:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.user-block .description { - color: #6c757d; - font-size: 13px; - margin-top: -3px; +.dark-mode .card-secondary.card-outline { + border-top: 3px solid #6c757d; } -.user-block.user-block-sm img { - width: 1.875rem; - height: 1.875rem; +.dark-mode .card-secondary.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.user-block.user-block-sm .username, -.user-block.user-block-sm .description, -.user-block.user-block-sm .comment { - margin-left: 40px; +.dark-mode .card-secondary.card-outline-tabs > .card-header a.active { + border-top: 3px solid #6c757d; } -.user-block.user-block-sm .username { - font-size: 14px; +.dark-mode .bg-secondary > .card-header .btn-tool, +.dark-mode .bg-gradient-secondary > .card-header .btn-tool, +.dark-mode .card-secondary:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.img-sm, -.img-md, -.img-lg { - float: left; +.dark-mode .bg-secondary > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-secondary > .card-header .btn-tool:hover, +.dark-mode .card-secondary:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.img-sm { - height: 1.875rem; - width: 1.875rem; +.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th { + border: none; } -.img-sm + .img-push { - margin-left: 2.5rem; +.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #596167; + color: #fff; } -.img-md { - width: 3.75rem; - height: 3.75rem; +.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.img-md + .img-push { - margin-left: 4.375rem; +.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #868e96; + color: #fff; } -.img-lg { - width: 6.25rem; - height: 6.25rem; +.dark-mode .card-success:not(.card-outline) > .card-header { + background-color: #00bc8c; } -.img-lg + .img-push { - margin-left: 6.875rem; +.dark-mode .card-success:not(.card-outline) > .card-header, +.dark-mode .card-success:not(.card-outline) > .card-header a { + color: #fff; } -.img-bordered { - border: 3px solid #adb5bd; - padding: 3px; +.dark-mode .card-success:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.img-bordered-sm { - border: 2px solid #adb5bd; - padding: 2px; +.dark-mode .card-success.card-outline { + border-top: 3px solid #00bc8c; } -.img-rounded { - border-radius: 0.25rem; +.dark-mode .card-success.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.img-circle { - border-radius: 50%; +.dark-mode .card-success.card-outline-tabs > .card-header a.active { + border-top: 3px solid #00bc8c; } -.img-size-64, -.img-size-50, -.img-size-32 { - height: auto; +.dark-mode .bg-success > .card-header .btn-tool, +.dark-mode .bg-gradient-success > .card-header .btn-tool, +.dark-mode .card-success:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.img-size-64 { - width: 64px; +.dark-mode .bg-success > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-success > .card-header .btn-tool:hover, +.dark-mode .card-success:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.img-size-50 { - width: 50px; +.dark-mode .card.bg-success .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-success .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget .table th { + border: none; } -.img-size-32 { - width: 32px; +.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #00936e; + color: #fff; } -.size-32, -.size-40, -.size-50 { - display: block; - text-align: center; +.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.size-32 { - height: 32px; - line-height: 32px; - width: 32px; +.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #00efb2; + color: #fff; } -.size-40 { - height: 40px; - line-height: 40px; - width: 40px; +.dark-mode .card-info:not(.card-outline) > .card-header { + background-color: #3498db; } -.size-50 { - height: 50px; - line-height: 50px; - width: 50px; +.dark-mode .card-info:not(.card-outline) > .card-header, +.dark-mode .card-info:not(.card-outline) > .card-header a { + color: #fff; } -.attachment-block { - background-color: #f8f9fa; - border: 1px solid rgba(0, 0, 0, 0.125); - margin-bottom: 10px; - padding: 5px; +.dark-mode .card-info:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.attachment-block .attachment-img { - float: left; - height: auto; - max-height: 100px; - max-width: 100px; +.dark-mode .card-info.card-outline { + border-top: 3px solid #3498db; } -.attachment-block .attachment-pushed { - margin-left: 110px; +.dark-mode .card-info.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.attachment-block .attachment-heading { - margin: 0; +.dark-mode .card-info.card-outline-tabs > .card-header a.active { + border-top: 3px solid #3498db; } -.attachment-block .attachment-text { - color: #495057; +.dark-mode .bg-info > .card-header .btn-tool, +.dark-mode .bg-gradient-info > .card-header .btn-tool, +.dark-mode .card-info:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -.card > .overlay, -.card > .loading-img, -.overlay-wrapper > .overlay, -.overlay-wrapper > .loading-img, -.info-box > .overlay, -.info-box > .loading-img, -.small-box > .overlay, -.small-box > .loading-img { - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; +.dark-mode .bg-info > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-info > .card-header .btn-tool:hover, +.dark-mode .card-info:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -.card .overlay, -.overlay-wrapper .overlay, -.info-box .overlay, -.small-box .overlay { - border-radius: 0.25rem; - -ms-flex-align: center; - align-items: center; - background-color: rgba(255, 255, 255, 0.7); - display: -ms-flexbox; - display: flex; - -ms-flex-pack: center; - justify-content: center; - z-index: 50; +.dark-mode .card.bg-info .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-info .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget .table th { + border: none; } -.card .overlay > .fa, -.card .overlay > .fas, -.card .overlay > .far, -.card .overlay > .fab, -.card .overlay > .fal, -.card .overlay > .fad, -.card .overlay > .svg-inline--fa, -.card .overlay > .ion, -.overlay-wrapper .overlay > .fa, -.overlay-wrapper .overlay > .fas, -.overlay-wrapper .overlay > .far, -.overlay-wrapper .overlay > .fab, -.overlay-wrapper .overlay > .fal, -.overlay-wrapper .overlay > .fad, -.overlay-wrapper .overlay > .svg-inline--fa, -.overlay-wrapper .overlay > .ion, -.info-box .overlay > .fa, -.info-box .overlay > .fas, -.info-box .overlay > .far, -.info-box .overlay > .fab, -.info-box .overlay > .fal, -.info-box .overlay > .fad, -.info-box .overlay > .svg-inline--fa, -.info-box .overlay > .ion, -.small-box .overlay > .fa, -.small-box .overlay > .fas, -.small-box .overlay > .far, -.small-box .overlay > .fab, -.small-box .overlay > .fal, -.small-box .overlay > .fad, -.small-box .overlay > .svg-inline--fa, -.small-box .overlay > .ion { - color: #343a40; +.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #2383c4; + color: #fff; } -.card .overlay.dark, -.overlay-wrapper .overlay.dark, -.info-box .overlay.dark, -.small-box .overlay.dark { - background-color: rgba(0, 0, 0, 0.5); +.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; } -.card .overlay.dark > .fa, -.card .overlay.dark > .fas, -.card .overlay.dark > .far, -.card .overlay.dark > .fab, -.card .overlay.dark > .fal, -.card .overlay.dark > .fad, -.card .overlay.dark > .svg-inline--fa, -.card .overlay.dark > .ion, -.overlay-wrapper .overlay.dark > .fa, -.overlay-wrapper .overlay.dark > .fas, -.overlay-wrapper .overlay.dark > .far, -.overlay-wrapper .overlay.dark > .fab, -.overlay-wrapper .overlay.dark > .fal, -.overlay-wrapper .overlay.dark > .fad, -.overlay-wrapper .overlay.dark > .svg-inline--fa, -.overlay-wrapper .overlay.dark > .ion, -.info-box .overlay.dark > .fa, -.info-box .overlay.dark > .fas, -.info-box .overlay.dark > .far, -.info-box .overlay.dark > .fab, -.info-box .overlay.dark > .fal, -.info-box .overlay.dark > .fad, -.info-box .overlay.dark > .svg-inline--fa, -.info-box .overlay.dark > .ion, -.small-box .overlay.dark > .fa, -.small-box .overlay.dark > .fas, -.small-box .overlay.dark > .far, -.small-box .overlay.dark > .fab, -.small-box .overlay.dark > .fal, -.small-box .overlay.dark > .fad, -.small-box .overlay.dark > .svg-inline--fa, -.small-box .overlay.dark > .ion { - color: #ced4da; +.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #5faee3; + color: #fff; } -.tab-pane > .overlay-wrapper { - position: relative; +.dark-mode .card-warning:not(.card-outline) > .card-header { + background-color: #f39c12; } -.tab-pane > .overlay-wrapper > .overlay { - border-top-left-radius: 0; - border-top-right-radius: 0; - -ms-flex-direction: column; - flex-direction: column; - margin-top: -1.25rem; - margin-left: -1.25rem; - height: calc(100% + 2 * 1.25rem); - width: calc(100% + 2 * 1.25rem); +.dark-mode .card-warning:not(.card-outline) > .card-header, +.dark-mode .card-warning:not(.card-outline) > .card-header a { + color: #1f2d3d; } -.tab-pane > .overlay-wrapper > .overlay.dark { - color: #fff; +.dark-mode .card-warning:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -.ribbon-wrapper { - height: 70px; - overflow: hidden; - position: absolute; - right: -2px; - top: -2px; - width: 70px; - z-index: 10; +.dark-mode .card-warning.card-outline { + border-top: 3px solid #f39c12; } -.ribbon-wrapper.ribbon-lg { - height: 120px; - width: 120px; +.dark-mode .card-warning.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -.ribbon-wrapper.ribbon-lg .ribbon { - right: 0; - top: 26px; - width: 160px; +.dark-mode .card-warning.card-outline-tabs > .card-header a.active { + border-top: 3px solid #f39c12; } -.ribbon-wrapper.ribbon-xl { - height: 180px; - width: 180px; +.dark-mode .bg-warning > .card-header .btn-tool, +.dark-mode .bg-gradient-warning > .card-header .btn-tool, +.dark-mode .card-warning:not(.card-outline) > .card-header .btn-tool { + color: rgba(31, 45, 61, 0.8); } -.ribbon-wrapper.ribbon-xl .ribbon { - right: 4px; - top: 47px; - width: 240px; +.dark-mode .bg-warning > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-warning > .card-header .btn-tool:hover, +.dark-mode .card-warning:not(.card-outline) > .card-header .btn-tool:hover { + color: #1f2d3d; } -.ribbon-wrapper .ribbon { - box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); - font-size: 0.8rem; - line-height: 100%; - padding: 0.375rem 0; - position: relative; - right: -2px; - text-align: center; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); - text-transform: uppercase; - top: 10px; - transform: rotate(45deg); - width: 90px; +.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th { + border: none; } -.ribbon-wrapper .ribbon::before, .ribbon-wrapper .ribbon::after { - border-left: 3px solid transparent; - border-right: 3px solid transparent; - border-top: 3px solid #9e9e9e; - bottom: -3px; - content: ""; - position: absolute; +.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #d2850b; + color: #1f2d3d; } -.ribbon-wrapper .ribbon::before { - left: 0; +.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1f2d3d; } -.ribbon-wrapper .ribbon::after { - right: 0; +.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #f5b043; + color: #1f2d3d; } -.back-to-top { - bottom: 1.25rem; - position: fixed; - right: 1.25rem; - z-index: 1032; +.dark-mode .card-danger:not(.card-outline) > .card-header { + background-color: #e74c3c; } -.back-to-top:focus { - box-shadow: none; +.dark-mode .card-danger:not(.card-outline) > .card-header, +.dark-mode .card-danger:not(.card-outline) > .card-header a { + color: #fff; } -pre { - padding: .75rem; +.dark-mode .card-danger:not(.card-outline) > .card-header a.active { + color: #1f2d3d; } -blockquote { - background-color: #fff; - border-left: 0.7rem solid #007bff; - margin: 1.5em .7rem; - padding: .5em .7rem; +.dark-mode .card-danger.card-outline { + border-top: 3px solid #e74c3c; } -.box blockquote { - background-color: #e9ecef; +.dark-mode .card-danger.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; } -blockquote p:last-child { - margin-bottom: 0; +.dark-mode .card-danger.card-outline-tabs > .card-header a.active { + border-top: 3px solid #e74c3c; } -blockquote h1, -blockquote h2, -blockquote h3, -blockquote h4, -blockquote h5, -blockquote h6 { - color: #007bff; - font-size: 1.25rem; - font-weight: 600; +.dark-mode .bg-danger > .card-header .btn-tool, +.dark-mode .bg-gradient-danger > .card-header .btn-tool, +.dark-mode .card-danger:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); } -blockquote.quote-primary { - border-color: #007bff; +.dark-mode .bg-danger > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-danger > .card-header .btn-tool:hover, +.dark-mode .card-danger:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; } -blockquote.quote-primary h1, +.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #df2e1b; + color: #fff; +} + +.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; +} + +.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #ed7669; + color: #fff; +} + +.dark-mode .card-light:not(.card-outline) > .card-header { + background-color: #f8f9fa; +} + +.dark-mode .card-light:not(.card-outline) > .card-header, +.dark-mode .card-light:not(.card-outline) > .card-header a { + color: #1f2d3d; +} + +.dark-mode .card-light:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-light.card-outline { + border-top: 3px solid #f8f9fa; +} + +.dark-mode .card-light.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-light.card-outline-tabs > .card-header a.active { + border-top: 3px solid #f8f9fa; +} + +.dark-mode .bg-light > .card-header .btn-tool, +.dark-mode .bg-gradient-light > .card-header .btn-tool, +.dark-mode .card-light:not(.card-outline) > .card-header .btn-tool { + color: rgba(31, 45, 61, 0.8); +} + +.dark-mode .bg-light > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-light > .card-header .btn-tool:hover, +.dark-mode .card-light:not(.card-outline) > .card-header .btn-tool:hover { + color: #1f2d3d; +} + +.dark-mode .card.bg-light .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-light .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #e0e5e9; + color: #1f2d3d; +} + +.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1f2d3d; +} + +.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover { + background-color: white; + color: #1f2d3d; +} + +.dark-mode .card-dark:not(.card-outline) > .card-header { + background-color: #343a40; +} + +.dark-mode .card-dark:not(.card-outline) > .card-header, +.dark-mode .card-dark:not(.card-outline) > .card-header a { + color: #fff; +} + +.dark-mode .card-dark:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-dark.card-outline { + border-top: 3px solid #343a40; +} + +.dark-mode .card-dark.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-dark.card-outline-tabs > .card-header a.active { + border-top: 3px solid #343a40; +} + +.dark-mode .bg-dark > .card-header .btn-tool, +.dark-mode .bg-gradient-dark > .card-header .btn-tool, +.dark-mode .card-dark:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.dark-mode .bg-dark > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-dark > .card-header .btn-tool:hover, +.dark-mode .card-dark:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; +} + +.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #222629; + color: #fff; +} + +.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; +} + +.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #4b545c; + color: #fff; +} + +.dark-mode .card-lightblue:not(.card-outline) > .card-header { + background-color: #86bad8; +} + +.dark-mode .card-lightblue:not(.card-outline) > .card-header, +.dark-mode .card-lightblue:not(.card-outline) > .card-header a { + color: #1f2d3d; +} + +.dark-mode .card-lightblue:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-lightblue.card-outline { + border-top: 3px solid #86bad8; +} + +.dark-mode .card-lightblue.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-lightblue.card-outline-tabs > .card-header a.active { + border-top: 3px solid #86bad8; +} + +.dark-mode .bg-lightblue > .card-header .btn-tool, +.dark-mode .bg-gradient-lightblue > .card-header .btn-tool, +.dark-mode .card-lightblue:not(.card-outline) > .card-header .btn-tool { + color: rgba(31, 45, 61, 0.8); +} + +.dark-mode .bg-lightblue > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-lightblue > .card-header .btn-tool:hover, +.dark-mode .card-lightblue:not(.card-outline) > .card-header .btn-tool:hover { + color: #1f2d3d; +} + +.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #67a8ce; + color: #1f2d3d; +} + +.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1f2d3d; +} + +.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #acd0e5; + color: #1f2d3d; +} + +.dark-mode .card-navy:not(.card-outline) > .card-header { + background-color: #002c59; +} + +.dark-mode .card-navy:not(.card-outline) > .card-header, +.dark-mode .card-navy:not(.card-outline) > .card-header a { + color: #fff; +} + +.dark-mode .card-navy:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-navy.card-outline { + border-top: 3px solid #002c59; +} + +.dark-mode .card-navy.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-navy.card-outline-tabs > .card-header a.active { + border-top: 3px solid #002c59; +} + +.dark-mode .bg-navy > .card-header .btn-tool, +.dark-mode .bg-gradient-navy > .card-header .btn-tool, +.dark-mode .card-navy:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.dark-mode .bg-navy > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-navy > .card-header .btn-tool:hover, +.dark-mode .card-navy:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; +} + +.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #001730; + color: #fff; +} + +.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; +} + +.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #00458c; + color: #fff; +} + +.dark-mode .card-olive:not(.card-outline) > .card-header { + background-color: #74c8a3; +} + +.dark-mode .card-olive:not(.card-outline) > .card-header, +.dark-mode .card-olive:not(.card-outline) > .card-header a { + color: #1f2d3d; +} + +.dark-mode .card-olive:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-olive.card-outline { + border-top: 3px solid #74c8a3; +} + +.dark-mode .card-olive.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-olive.card-outline-tabs > .card-header a.active { + border-top: 3px solid #74c8a3; +} + +.dark-mode .bg-olive > .card-header .btn-tool, +.dark-mode .bg-gradient-olive > .card-header .btn-tool, +.dark-mode .card-olive:not(.card-outline) > .card-header .btn-tool { + color: rgba(31, 45, 61, 0.8); +} + +.dark-mode .bg-olive > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-olive > .card-header .btn-tool:hover, +.dark-mode .card-olive:not(.card-outline) > .card-header .btn-tool:hover { + color: #1f2d3d; +} + +.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #57bc8f; + color: #1f2d3d; +} + +.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1f2d3d; +} + +.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #99d6bb; + color: #1f2d3d; +} + +.dark-mode .card-lime:not(.card-outline) > .card-header { + background-color: #67ffa9; +} + +.dark-mode .card-lime:not(.card-outline) > .card-header, +.dark-mode .card-lime:not(.card-outline) > .card-header a { + color: #1f2d3d; +} + +.dark-mode .card-lime:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-lime.card-outline { + border-top: 3px solid #67ffa9; +} + +.dark-mode .card-lime.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-lime.card-outline-tabs > .card-header a.active { + border-top: 3px solid #67ffa9; +} + +.dark-mode .bg-lime > .card-header .btn-tool, +.dark-mode .bg-gradient-lime > .card-header .btn-tool, +.dark-mode .card-lime:not(.card-outline) > .card-header .btn-tool { + color: rgba(31, 45, 61, 0.8); +} + +.dark-mode .bg-lime > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-lime > .card-header .btn-tool:hover, +.dark-mode .card-lime:not(.card-outline) > .card-header .btn-tool:hover { + color: #1f2d3d; +} + +.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #3eff92; + color: #1f2d3d; +} + +.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1f2d3d; +} + +.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #9affc6; + color: #1f2d3d; +} + +.dark-mode .card-fuchsia:not(.card-outline) > .card-header { + background-color: #f672d8; +} + +.dark-mode .card-fuchsia:not(.card-outline) > .card-header, +.dark-mode .card-fuchsia:not(.card-outline) > .card-header a { + color: #1f2d3d; +} + +.dark-mode .card-fuchsia:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-fuchsia.card-outline { + border-top: 3px solid #f672d8; +} + +.dark-mode .card-fuchsia.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-fuchsia.card-outline-tabs > .card-header a.active { + border-top: 3px solid #f672d8; +} + +.dark-mode .bg-fuchsia > .card-header .btn-tool, +.dark-mode .bg-gradient-fuchsia > .card-header .btn-tool, +.dark-mode .card-fuchsia:not(.card-outline) > .card-header .btn-tool { + color: rgba(31, 45, 61, 0.8); +} + +.dark-mode .bg-fuchsia > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-fuchsia > .card-header .btn-tool:hover, +.dark-mode .card-fuchsia:not(.card-outline) > .card-header .btn-tool:hover { + color: #1f2d3d; +} + +.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #f44cce; + color: #1f2d3d; +} + +.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1f2d3d; +} + +.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #f9a2e5; + color: #1f2d3d; +} + +.dark-mode .card-maroon:not(.card-outline) > .card-header { + background-color: #ed6c9b; +} + +.dark-mode .card-maroon:not(.card-outline) > .card-header, +.dark-mode .card-maroon:not(.card-outline) > .card-header a { + color: #1f2d3d; +} + +.dark-mode .card-maroon:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-maroon.card-outline { + border-top: 3px solid #ed6c9b; +} + +.dark-mode .card-maroon.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-maroon.card-outline-tabs > .card-header a.active { + border-top: 3px solid #ed6c9b; +} + +.dark-mode .bg-maroon > .card-header .btn-tool, +.dark-mode .bg-gradient-maroon > .card-header .btn-tool, +.dark-mode .card-maroon:not(.card-outline) > .card-header .btn-tool { + color: rgba(31, 45, 61, 0.8); +} + +.dark-mode .bg-maroon > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-maroon > .card-header .btn-tool:hover, +.dark-mode .card-maroon:not(.card-outline) > .card-header .btn-tool:hover { + color: #1f2d3d; +} + +.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #e84883; + color: #1f2d3d; +} + +.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1f2d3d; +} + +.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #f29aba; + color: #1f2d3d; +} + +.dark-mode .card-blue:not(.card-outline) > .card-header { + background-color: #3f6791; +} + +.dark-mode .card-blue:not(.card-outline) > .card-header, +.dark-mode .card-blue:not(.card-outline) > .card-header a { + color: #fff; +} + +.dark-mode .card-blue:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-blue.card-outline { + border-top: 3px solid #3f6791; +} + +.dark-mode .card-blue.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-blue.card-outline-tabs > .card-header a.active { + border-top: 3px solid #3f6791; +} + +.dark-mode .bg-blue > .card-header .btn-tool, +.dark-mode .bg-gradient-blue > .card-header .btn-tool, +.dark-mode .card-blue:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.dark-mode .bg-blue > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-blue > .card-header .btn-tool:hover, +.dark-mode .card-blue:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; +} + +.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #335375; + color: #fff; +} + +.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; +} + +.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #5080b3; + color: #fff; +} + +.dark-mode .card-indigo:not(.card-outline) > .card-header { + background-color: #6610f2; +} + +.dark-mode .card-indigo:not(.card-outline) > .card-header, +.dark-mode .card-indigo:not(.card-outline) > .card-header a { + color: #fff; +} + +.dark-mode .card-indigo:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-indigo.card-outline { + border-top: 3px solid #6610f2; +} + +.dark-mode .card-indigo.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-indigo.card-outline-tabs > .card-header a.active { + border-top: 3px solid #6610f2; +} + +.dark-mode .bg-indigo > .card-header .btn-tool, +.dark-mode .bg-gradient-indigo > .card-header .btn-tool, +.dark-mode .card-indigo:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.dark-mode .bg-indigo > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-indigo > .card-header .btn-tool:hover, +.dark-mode .card-indigo:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; +} + +.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #550bce; + color: #fff; +} + +.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; +} + +.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #8540f5; + color: #fff; +} + +.dark-mode .card-purple:not(.card-outline) > .card-header { + background-color: #6f42c1; +} + +.dark-mode .card-purple:not(.card-outline) > .card-header, +.dark-mode .card-purple:not(.card-outline) > .card-header a { + color: #fff; +} + +.dark-mode .card-purple:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-purple.card-outline { + border-top: 3px solid #6f42c1; +} + +.dark-mode .card-purple.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-purple.card-outline-tabs > .card-header a.active { + border-top: 3px solid #6f42c1; +} + +.dark-mode .bg-purple > .card-header .btn-tool, +.dark-mode .bg-gradient-purple > .card-header .btn-tool, +.dark-mode .card-purple:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.dark-mode .bg-purple > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-purple > .card-header .btn-tool:hover, +.dark-mode .card-purple:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; +} + +.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #5d36a4; + color: #fff; +} + +.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; +} + +.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #8c68ce; + color: #fff; +} + +.dark-mode .card-pink:not(.card-outline) > .card-header { + background-color: #e83e8c; +} + +.dark-mode .card-pink:not(.card-outline) > .card-header, +.dark-mode .card-pink:not(.card-outline) > .card-header a { + color: #fff; +} + +.dark-mode .card-pink:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-pink.card-outline { + border-top: 3px solid #e83e8c; +} + +.dark-mode .card-pink.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-pink.card-outline-tabs > .card-header a.active { + border-top: 3px solid #e83e8c; +} + +.dark-mode .bg-pink > .card-header .btn-tool, +.dark-mode .bg-gradient-pink > .card-header .btn-tool, +.dark-mode .card-pink:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.dark-mode .bg-pink > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-pink > .card-header .btn-tool:hover, +.dark-mode .card-pink:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; +} + +.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #e21b76; + color: #fff; +} + +.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; +} + +.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #ed6ca7; + color: #fff; +} + +.dark-mode .card-red:not(.card-outline) > .card-header { + background-color: #e74c3c; +} + +.dark-mode .card-red:not(.card-outline) > .card-header, +.dark-mode .card-red:not(.card-outline) > .card-header a { + color: #fff; +} + +.dark-mode .card-red:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-red.card-outline { + border-top: 3px solid #e74c3c; +} + +.dark-mode .card-red.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-red.card-outline-tabs > .card-header a.active { + border-top: 3px solid #e74c3c; +} + +.dark-mode .bg-red > .card-header .btn-tool, +.dark-mode .bg-gradient-red > .card-header .btn-tool, +.dark-mode .card-red:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.dark-mode .bg-red > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-red > .card-header .btn-tool:hover, +.dark-mode .card-red:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; +} + +.dark-mode .card.bg-red .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-red .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #df2e1b; + color: #fff; +} + +.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; +} + +.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #ed7669; + color: #fff; +} + +.dark-mode .card-orange:not(.card-outline) > .card-header { + background-color: #fd7e14; +} + +.dark-mode .card-orange:not(.card-outline) > .card-header, +.dark-mode .card-orange:not(.card-outline) > .card-header a { + color: #1f2d3d; +} + +.dark-mode .card-orange:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-orange.card-outline { + border-top: 3px solid #fd7e14; +} + +.dark-mode .card-orange.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-orange.card-outline-tabs > .card-header a.active { + border-top: 3px solid #fd7e14; +} + +.dark-mode .bg-orange > .card-header .btn-tool, +.dark-mode .bg-gradient-orange > .card-header .btn-tool, +.dark-mode .card-orange:not(.card-outline) > .card-header .btn-tool { + color: rgba(31, 45, 61, 0.8); +} + +.dark-mode .bg-orange > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-orange > .card-header .btn-tool:hover, +.dark-mode .card-orange:not(.card-outline) > .card-header .btn-tool:hover { + color: #1f2d3d; +} + +.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #e66a02; + color: #1f2d3d; +} + +.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1f2d3d; +} + +.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #fd9a47; + color: #1f2d3d; +} + +.dark-mode .card-yellow:not(.card-outline) > .card-header { + background-color: #f39c12; +} + +.dark-mode .card-yellow:not(.card-outline) > .card-header, +.dark-mode .card-yellow:not(.card-outline) > .card-header a { + color: #1f2d3d; +} + +.dark-mode .card-yellow:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-yellow.card-outline { + border-top: 3px solid #f39c12; +} + +.dark-mode .card-yellow.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-yellow.card-outline-tabs > .card-header a.active { + border-top: 3px solid #f39c12; +} + +.dark-mode .bg-yellow > .card-header .btn-tool, +.dark-mode .bg-gradient-yellow > .card-header .btn-tool, +.dark-mode .card-yellow:not(.card-outline) > .card-header .btn-tool { + color: rgba(31, 45, 61, 0.8); +} + +.dark-mode .bg-yellow > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-yellow > .card-header .btn-tool:hover, +.dark-mode .card-yellow:not(.card-outline) > .card-header .btn-tool:hover { + color: #1f2d3d; +} + +.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #d2850b; + color: #1f2d3d; +} + +.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1f2d3d; +} + +.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #f5b043; + color: #1f2d3d; +} + +.dark-mode .card-green:not(.card-outline) > .card-header { + background-color: #00bc8c; +} + +.dark-mode .card-green:not(.card-outline) > .card-header, +.dark-mode .card-green:not(.card-outline) > .card-header a { + color: #fff; +} + +.dark-mode .card-green:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-green.card-outline { + border-top: 3px solid #00bc8c; +} + +.dark-mode .card-green.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-green.card-outline-tabs > .card-header a.active { + border-top: 3px solid #00bc8c; +} + +.dark-mode .bg-green > .card-header .btn-tool, +.dark-mode .bg-gradient-green > .card-header .btn-tool, +.dark-mode .card-green:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.dark-mode .bg-green > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-green > .card-header .btn-tool:hover, +.dark-mode .card-green:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; +} + +.dark-mode .card.bg-green .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-green .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #00936e; + color: #fff; +} + +.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; +} + +.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #00efb2; + color: #fff; +} + +.dark-mode .card-teal:not(.card-outline) > .card-header { + background-color: #20c997; +} + +.dark-mode .card-teal:not(.card-outline) > .card-header, +.dark-mode .card-teal:not(.card-outline) > .card-header a { + color: #fff; +} + +.dark-mode .card-teal:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-teal.card-outline { + border-top: 3px solid #20c997; +} + +.dark-mode .card-teal.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-teal.card-outline-tabs > .card-header a.active { + border-top: 3px solid #20c997; +} + +.dark-mode .bg-teal > .card-header .btn-tool, +.dark-mode .bg-gradient-teal > .card-header .btn-tool, +.dark-mode .card-teal:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.dark-mode .bg-teal > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-teal > .card-header .btn-tool:hover, +.dark-mode .card-teal:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; +} + +.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #1aa67d; + color: #fff; +} + +.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; +} + +.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #3ce0af; + color: #fff; +} + +.dark-mode .card-cyan:not(.card-outline) > .card-header { + background-color: #3498db; +} + +.dark-mode .card-cyan:not(.card-outline) > .card-header, +.dark-mode .card-cyan:not(.card-outline) > .card-header a { + color: #fff; +} + +.dark-mode .card-cyan:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-cyan.card-outline { + border-top: 3px solid #3498db; +} + +.dark-mode .card-cyan.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-cyan.card-outline-tabs > .card-header a.active { + border-top: 3px solid #3498db; +} + +.dark-mode .bg-cyan > .card-header .btn-tool, +.dark-mode .bg-gradient-cyan > .card-header .btn-tool, +.dark-mode .card-cyan:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.dark-mode .bg-cyan > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-cyan > .card-header .btn-tool:hover, +.dark-mode .card-cyan:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; +} + +.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #2383c4; + color: #fff; +} + +.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; +} + +.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #5faee3; + color: #fff; +} + +.dark-mode .card-white:not(.card-outline) > .card-header { + background-color: #fff; +} + +.dark-mode .card-white:not(.card-outline) > .card-header, +.dark-mode .card-white:not(.card-outline) > .card-header a { + color: #1f2d3d; +} + +.dark-mode .card-white:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-white.card-outline { + border-top: 3px solid #fff; +} + +.dark-mode .card-white.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-white.card-outline-tabs > .card-header a.active { + border-top: 3px solid #fff; +} + +.dark-mode .bg-white > .card-header .btn-tool, +.dark-mode .bg-gradient-white > .card-header .btn-tool, +.dark-mode .card-white:not(.card-outline) > .card-header .btn-tool { + color: rgba(31, 45, 61, 0.8); +} + +.dark-mode .bg-white > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-white > .card-header .btn-tool:hover, +.dark-mode .card-white:not(.card-outline) > .card-header .btn-tool:hover { + color: #1f2d3d; +} + +.dark-mode .card.bg-white .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-white .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #ebebeb; + color: #1f2d3d; +} + +.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1f2d3d; +} + +.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover { + background-color: white; + color: #1f2d3d; +} + +.dark-mode .card-gray:not(.card-outline) > .card-header { + background-color: #6c757d; +} + +.dark-mode .card-gray:not(.card-outline) > .card-header, +.dark-mode .card-gray:not(.card-outline) > .card-header a { + color: #fff; +} + +.dark-mode .card-gray:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-gray.card-outline { + border-top: 3px solid #6c757d; +} + +.dark-mode .card-gray.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-gray.card-outline-tabs > .card-header a.active { + border-top: 3px solid #6c757d; +} + +.dark-mode .bg-gray > .card-header .btn-tool, +.dark-mode .bg-gradient-gray > .card-header .btn-tool, +.dark-mode .card-gray:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.dark-mode .bg-gray > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-gray > .card-header .btn-tool:hover, +.dark-mode .card-gray:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; +} + +.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #596167; + color: #fff; +} + +.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; +} + +.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #868e96; + color: #fff; +} + +.dark-mode .card-gray-dark:not(.card-outline) > .card-header { + background-color: #343a40; +} + +.dark-mode .card-gray-dark:not(.card-outline) > .card-header, +.dark-mode .card-gray-dark:not(.card-outline) > .card-header a { + color: #fff; +} + +.dark-mode .card-gray-dark:not(.card-outline) > .card-header a.active { + color: #1f2d3d; +} + +.dark-mode .card-gray-dark.card-outline { + border-top: 3px solid #343a40; +} + +.dark-mode .card-gray-dark.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.dark-mode .card-gray-dark.card-outline-tabs > .card-header a.active { + border-top: 3px solid #343a40; +} + +.dark-mode .bg-gray-dark > .card-header .btn-tool, +.dark-mode .bg-gradient-gray-dark > .card-header .btn-tool, +.dark-mode .card-gray-dark:not(.card-outline) > .card-header .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.dark-mode .bg-gray-dark > .card-header .btn-tool:hover, +.dark-mode .bg-gradient-gray-dark > .card-header .btn-tool:hover, +.dark-mode .card-gray-dark:not(.card-outline) > .card-header .btn-tool:hover { + color: #fff; +} + +.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget .table th, +.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td, +.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover, +.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover, +.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover, +.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover, +.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover { + background-color: #222629; + color: #fff; +} + +.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before, +.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #fff; +} + +.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover, +.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active, +.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover { + background-color: #4b545c; + color: #fff; +} + +.dark-mode .card { + background-color: #343a40; + color: #fff; +} + +.dark-mode .card .card { + background-color: #3f474e; + color: #fff; +} + +.dark-mode .card .nav.flex-column > li { + border-bottom-color: #6c757d; +} + +.dark-mode .card .card-footer { + background-color: rgba(0, 0, 0, 0.1); +} + +.dark-mode .card.card-outline-tabs .card-header a:hover { + border-color: #6c757d; + border-bottom-color: transparent; +} + +.dark-mode .card:not(.card-outline) > .card-header a.active { + color: #fff; +} + +.dark-mode .card-comments { + background-color: #373d44; +} + +.dark-mode .card-comments .username { + color: #ced4da; +} + +.dark-mode .card-comments .card-comment { + border-bottom-color: #454d55; +} + +.dark-mode .todo-list > li { + background-color: #3f474e; + border-color: #454d55; + color: #fff; +} + +.dark-mode .todo-list .primary { + border-left-color: #3f6791; +} + +.dark-mode .todo-list .secondary { + border-left-color: #6c757d; +} + +.dark-mode .todo-list .success { + border-left-color: #00bc8c; +} + +.dark-mode .todo-list .info { + border-left-color: #3498db; +} + +.dark-mode .todo-list .warning { + border-left-color: #f39c12; +} + +.dark-mode .todo-list .danger { + border-left-color: #e74c3c; +} + +.dark-mode .todo-list .light { + border-left-color: #f8f9fa; +} + +.dark-mode .todo-list .dark { + border-left-color: #343a40; +} + +.dark-mode .todo-list .lightblue { + border-left-color: #86bad8; +} + +.dark-mode .todo-list .navy { + border-left-color: #002c59; +} + +.dark-mode .todo-list .olive { + border-left-color: #74c8a3; +} + +.dark-mode .todo-list .lime { + border-left-color: #67ffa9; +} + +.dark-mode .todo-list .fuchsia { + border-left-color: #f672d8; +} + +.dark-mode .todo-list .maroon { + border-left-color: #ed6c9b; +} + +.dark-mode .todo-list .blue { + border-left-color: #3f6791; +} + +.dark-mode .todo-list .indigo { + border-left-color: #6610f2; +} + +.dark-mode .todo-list .purple { + border-left-color: #6f42c1; +} + +.dark-mode .todo-list .pink { + border-left-color: #e83e8c; +} + +.dark-mode .todo-list .red { + border-left-color: #e74c3c; +} + +.dark-mode .todo-list .orange { + border-left-color: #fd7e14; +} + +.dark-mode .todo-list .yellow { + border-left-color: #f39c12; +} + +.dark-mode .todo-list .green { + border-left-color: #00bc8c; +} + +.dark-mode .todo-list .teal { + border-left-color: #20c997; +} + +.dark-mode .todo-list .cyan { + border-left-color: #3498db; +} + +.dark-mode .todo-list .white { + border-left-color: #fff; +} + +.dark-mode .todo-list .gray { + border-left-color: #6c757d; +} + +.dark-mode .todo-list .gray-dark { + border-left-color: #343a40; +} + +.modal-dialog .overlay { + display: -ms-flexbox; + display: flex; + position: absolute; + left: 0; + top: 0; + bottom: 0; + right: 0; + margin: -1px; + z-index: 1052; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + background-color: rgba(0, 0, 0, 0.7); + color: #666f76; + border-radius: 0.3rem; +} + +.modal-content.bg-warning .modal-header, +.modal-content.bg-warning .modal-footer { + border-color: #343a40; +} + +.modal-content.bg-primary .close, .modal-content.bg-primary .mailbox-attachment-close, .modal-content.bg-secondary .close, .modal-content.bg-secondary .mailbox-attachment-close, .modal-content.bg-info .close, .modal-content.bg-info .mailbox-attachment-close, .modal-content.bg-danger .close, .modal-content.bg-danger .mailbox-attachment-close, .modal-content.bg-success .close, .modal-content.bg-success .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.dark-mode .modal-header, +.dark-mode .modal-footer { + border-color: #6c757d; +} + +.dark-mode .modal-content { + background-color: #343a40; +} + +.dark-mode .modal-content.bg-warning .modal-header, +.dark-mode .modal-content.bg-warning .modal-footer { + border-color: #6c757d; +} + +.dark-mode .modal-content.bg-warning .close, .dark-mode .modal-content.bg-warning .mailbox-attachment-close { + color: #343a40 !important; + text-shadow: 0 1px 0 #495057 !important; +} + +.dark-mode .modal-content.bg-primary .modal-header, +.dark-mode .modal-content.bg-primary .modal-footer, .dark-mode .modal-content.bg-secondary .modal-header, +.dark-mode .modal-content.bg-secondary .modal-footer, .dark-mode .modal-content.bg-info .modal-header, +.dark-mode .modal-content.bg-info .modal-footer, .dark-mode .modal-content.bg-danger .modal-header, +.dark-mode .modal-content.bg-danger .modal-footer, .dark-mode .modal-content.bg-success .modal-header, +.dark-mode .modal-content.bg-success .modal-footer { + border-color: #fff; +} + +.toasts-top-right { + position: absolute; + right: 0; + top: 0; + z-index: 1040; +} + +.toasts-top-right.fixed { + position: fixed; +} + +.toasts-top-left { + left: 0; + position: absolute; + top: 0; + z-index: 1040; +} + +.toasts-top-left.fixed { + position: fixed; +} + +.toasts-bottom-right { + bottom: 0; + position: absolute; + right: 0; + z-index: 1040; +} + +.toasts-bottom-right.fixed { + position: fixed; +} + +.toasts-bottom-left { + bottom: 0; + left: 0; + position: absolute; + z-index: 1040; +} + +.toasts-bottom-left.fixed { + position: fixed; +} + +.dark-mode .toast { + background-color: rgba(52, 58, 64, 0.85); + color: #fff; +} + +.dark-mode .toast .toast-header { + background-color: rgba(52, 58, 64, 0.7); + color: #f8f9fa; +} + +.dark-mode .toast.bg-primary { + background-color: rgba(63, 103, 145, 0.9) !important; +} + +.dark-mode .toast.bg-primary .close, .dark-mode .toast.bg-primary .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.dark-mode .toast.bg-primary .toast-header { + background-color: rgba(63, 103, 145, 0.85); + color: #fff; +} + +.dark-mode .toast.bg-secondary { + background-color: rgba(108, 117, 125, 0.9) !important; +} + +.dark-mode .toast.bg-secondary .close, .dark-mode .toast.bg-secondary .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.dark-mode .toast.bg-secondary .toast-header { + background-color: rgba(108, 117, 125, 0.85); + color: #fff; +} + +.dark-mode .toast.bg-success { + background-color: rgba(0, 188, 140, 0.9) !important; +} + +.dark-mode .toast.bg-success .close, .dark-mode .toast.bg-success .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.dark-mode .toast.bg-success .toast-header { + background-color: rgba(0, 188, 140, 0.85); + color: #fff; +} + +.dark-mode .toast.bg-info { + background-color: rgba(52, 152, 219, 0.9) !important; +} + +.dark-mode .toast.bg-info .close, .dark-mode .toast.bg-info .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.dark-mode .toast.bg-info .toast-header { + background-color: rgba(52, 152, 219, 0.85); + color: #fff; +} + +.dark-mode .toast.bg-warning { + background-color: rgba(243, 156, 18, 0.9) !important; +} + +.dark-mode .toast.bg-warning .toast-header { + background-color: rgba(243, 156, 18, 0.85); + color: #1f2d3d; +} + +.dark-mode .toast.bg-danger { + background-color: rgba(231, 76, 60, 0.9) !important; +} + +.dark-mode .toast.bg-danger .close, .dark-mode .toast.bg-danger .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.dark-mode .toast.bg-danger .toast-header { + background-color: rgba(231, 76, 60, 0.85); + color: #fff; +} + +.dark-mode .toast.bg-light { + background-color: rgba(248, 249, 250, 0.9) !important; +} + +.dark-mode .toast.bg-light .toast-header { + background-color: rgba(248, 249, 250, 0.85); + color: #1f2d3d; +} + +.dark-mode .toast.bg-dark { + background-color: rgba(52, 58, 64, 0.9) !important; +} + +.dark-mode .toast.bg-dark .close, .dark-mode .toast.bg-dark .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.dark-mode .toast.bg-dark .toast-header { + background-color: rgba(52, 58, 64, 0.85); + color: #fff; +} + +.dark-mode .toast.bg-lightblue { + background-color: rgba(134, 186, 216, 0.9) !important; +} + +.dark-mode .toast.bg-lightblue .toast-header { + background-color: rgba(134, 186, 216, 0.85); + color: #1f2d3d; +} + +.dark-mode .toast.bg-navy { + background-color: rgba(0, 44, 89, 0.9) !important; +} + +.dark-mode .toast.bg-navy .close, .dark-mode .toast.bg-navy .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.dark-mode .toast.bg-navy .toast-header { + background-color: rgba(0, 44, 89, 0.85); + color: #fff; +} + +.dark-mode .toast.bg-olive { + background-color: rgba(116, 200, 163, 0.9) !important; +} + +.dark-mode .toast.bg-olive .toast-header { + background-color: rgba(116, 200, 163, 0.85); + color: #1f2d3d; +} + +.dark-mode .toast.bg-lime { + background-color: rgba(103, 255, 169, 0.9) !important; +} + +.dark-mode .toast.bg-lime .toast-header { + background-color: rgba(103, 255, 169, 0.85); + color: #1f2d3d; +} + +.dark-mode .toast.bg-fuchsia { + background-color: rgba(246, 114, 216, 0.9) !important; +} + +.dark-mode .toast.bg-fuchsia .toast-header { + background-color: rgba(246, 114, 216, 0.85); + color: #1f2d3d; +} + +.dark-mode .toast.bg-maroon { + background-color: rgba(237, 108, 155, 0.9) !important; +} + +.dark-mode .toast.bg-maroon .toast-header { + background-color: rgba(237, 108, 155, 0.85); + color: #1f2d3d; +} + +.dark-mode .toast.bg-blue { + background-color: rgba(63, 103, 145, 0.9) !important; +} + +.dark-mode .toast.bg-blue .close, .dark-mode .toast.bg-blue .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.dark-mode .toast.bg-blue .toast-header { + background-color: rgba(63, 103, 145, 0.85); + color: #fff; +} + +.dark-mode .toast.bg-indigo { + background-color: rgba(102, 16, 242, 0.9) !important; +} + +.dark-mode .toast.bg-indigo .close, .dark-mode .toast.bg-indigo .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.dark-mode .toast.bg-indigo .toast-header { + background-color: rgba(102, 16, 242, 0.85); + color: #fff; +} + +.dark-mode .toast.bg-purple { + background-color: rgba(111, 66, 193, 0.9) !important; +} + +.dark-mode .toast.bg-purple .close, .dark-mode .toast.bg-purple .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.dark-mode .toast.bg-purple .toast-header { + background-color: rgba(111, 66, 193, 0.85); + color: #fff; +} + +.dark-mode .toast.bg-pink { + background-color: rgba(232, 62, 140, 0.9) !important; +} + +.dark-mode .toast.bg-pink .close, .dark-mode .toast.bg-pink .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.dark-mode .toast.bg-pink .toast-header { + background-color: rgba(232, 62, 140, 0.85); + color: #fff; +} + +.dark-mode .toast.bg-red { + background-color: rgba(231, 76, 60, 0.9) !important; +} + +.dark-mode .toast.bg-red .close, .dark-mode .toast.bg-red .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.dark-mode .toast.bg-red .toast-header { + background-color: rgba(231, 76, 60, 0.85); + color: #fff; +} + +.dark-mode .toast.bg-orange { + background-color: rgba(253, 126, 20, 0.9) !important; +} + +.dark-mode .toast.bg-orange .toast-header { + background-color: rgba(253, 126, 20, 0.85); + color: #1f2d3d; +} + +.dark-mode .toast.bg-yellow { + background-color: rgba(243, 156, 18, 0.9) !important; +} + +.dark-mode .toast.bg-yellow .toast-header { + background-color: rgba(243, 156, 18, 0.85); + color: #1f2d3d; +} + +.dark-mode .toast.bg-green { + background-color: rgba(0, 188, 140, 0.9) !important; +} + +.dark-mode .toast.bg-green .close, .dark-mode .toast.bg-green .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.dark-mode .toast.bg-green .toast-header { + background-color: rgba(0, 188, 140, 0.85); + color: #fff; +} + +.dark-mode .toast.bg-teal { + background-color: rgba(32, 201, 151, 0.9) !important; +} + +.dark-mode .toast.bg-teal .close, .dark-mode .toast.bg-teal .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.dark-mode .toast.bg-teal .toast-header { + background-color: rgba(32, 201, 151, 0.85); + color: #fff; +} + +.dark-mode .toast.bg-cyan { + background-color: rgba(52, 152, 219, 0.9) !important; +} + +.dark-mode .toast.bg-cyan .close, .dark-mode .toast.bg-cyan .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.dark-mode .toast.bg-cyan .toast-header { + background-color: rgba(52, 152, 219, 0.85); + color: #fff; +} + +.dark-mode .toast.bg-white { + background-color: rgba(255, 255, 255, 0.9) !important; +} + +.dark-mode .toast.bg-white .toast-header { + background-color: rgba(255, 255, 255, 0.85); + color: #1f2d3d; +} + +.dark-mode .toast.bg-gray { + background-color: rgba(108, 117, 125, 0.9) !important; +} + +.dark-mode .toast.bg-gray .close, .dark-mode .toast.bg-gray .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.dark-mode .toast.bg-gray .toast-header { + background-color: rgba(108, 117, 125, 0.85); + color: #fff; +} + +.dark-mode .toast.bg-gray-dark { + background-color: rgba(52, 58, 64, 0.9) !important; +} + +.dark-mode .toast.bg-gray-dark .close, .dark-mode .toast.bg-gray-dark .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.dark-mode .toast.bg-gray-dark .toast-header { + background-color: rgba(52, 58, 64, 0.85); + color: #fff; +} + +.toast.bg-primary { + background-color: rgba(0, 123, 255, 0.9) !important; +} + +.toast.bg-primary .close, .toast.bg-primary .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-primary .toast-header { + background-color: rgba(0, 123, 255, 0.85); + color: #fff; +} + +.toast.bg-secondary { + background-color: rgba(108, 117, 125, 0.9) !important; +} + +.toast.bg-secondary .close, .toast.bg-secondary .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-secondary .toast-header { + background-color: rgba(108, 117, 125, 0.85); + color: #fff; +} + +.toast.bg-success { + background-color: rgba(40, 167, 69, 0.9) !important; +} + +.toast.bg-success .close, .toast.bg-success .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-success .toast-header { + background-color: rgba(40, 167, 69, 0.85); + color: #fff; +} + +.toast.bg-info { + background-color: rgba(23, 162, 184, 0.9) !important; +} + +.toast.bg-info .close, .toast.bg-info .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-info .toast-header { + background-color: rgba(23, 162, 184, 0.85); + color: #fff; +} + +.toast.bg-warning { + background-color: rgba(255, 192, 192, 0.9) !important; +} + +.toast.bg-warning .toast-header { + background-color: rgba(255, 192, 192, 0.85); + color: #1f2d3d; +} + +.toast.bg-danger { + background-color: rgba(220, 53, 69, 0.9) !important; +} + +.toast.bg-danger .close, .toast.bg-danger .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-danger .toast-header { + background-color: rgba(220, 53, 69, 0.85); + color: #fff; +} + +.toast.bg-light { + background-color: rgba(248, 249, 250, 0.9) !important; +} + +.toast.bg-light .toast-header { + background-color: rgba(248, 249, 250, 0.85); + color: #1f2d3d; +} + +.toast.bg-dark { + background-color: rgba(52, 58, 64, 0.9) !important; +} + +.toast.bg-dark .close, .toast.bg-dark .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-dark .toast-header { + background-color: rgba(52, 58, 64, 0.85); + color: #fff; +} + +.toast.bg-lightblue { + background-color: rgba(60, 141, 188, 0.9) !important; +} + +.toast.bg-lightblue .close, .toast.bg-lightblue .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-lightblue .toast-header { + background-color: rgba(60, 141, 188, 0.85); + color: #fff; +} + +.toast.bg-navy { + background-color: rgba(0, 31, 63, 0.9) !important; +} + +.toast.bg-navy .close, .toast.bg-navy .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-navy .toast-header { + background-color: rgba(0, 31, 63, 0.85); + color: #fff; +} + +.toast.bg-olive { + background-color: rgba(61, 153, 112, 0.9) !important; +} + +.toast.bg-olive .close, .toast.bg-olive .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-olive .toast-header { + background-color: rgba(61, 153, 112, 0.85); + color: #fff; +} + +.toast.bg-lime { + background-color: rgba(1, 255, 112, 0.9) !important; +} + +.toast.bg-lime .toast-header { + background-color: rgba(1, 255, 112, 0.85); + color: #1f2d3d; +} + +.toast.bg-fuchsia { + background-color: rgba(240, 18, 190, 0.9) !important; +} + +.toast.bg-fuchsia .close, .toast.bg-fuchsia .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-fuchsia .toast-header { + background-color: rgba(240, 18, 190, 0.85); + color: #fff; +} + +.toast.bg-maroon { + background-color: rgba(216, 27, 96, 0.9) !important; +} + +.toast.bg-maroon .close, .toast.bg-maroon .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-maroon .toast-header { + background-color: rgba(216, 27, 96, 0.85); + color: #fff; +} + +.toast.bg-blue { + background-color: rgba(0, 123, 255, 0.9) !important; +} + +.toast.bg-blue .close, .toast.bg-blue .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-blue .toast-header { + background-color: rgba(0, 123, 255, 0.85); + color: #fff; +} + +.toast.bg-indigo { + background-color: rgba(102, 16, 242, 0.9) !important; +} + +.toast.bg-indigo .close, .toast.bg-indigo .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-indigo .toast-header { + background-color: rgba(102, 16, 242, 0.85); + color: #fff; +} + +.toast.bg-purple { + background-color: rgba(111, 66, 193, 0.9) !important; +} + +.toast.bg-purple .close, .toast.bg-purple .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-purple .toast-header { + background-color: rgba(111, 66, 193, 0.85); + color: #fff; +} + +.toast.bg-pink { + background-color: rgba(232, 62, 140, 0.9) !important; +} + +.toast.bg-pink .close, .toast.bg-pink .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-pink .toast-header { + background-color: rgba(232, 62, 140, 0.85); + color: #fff; +} + +.toast.bg-red { + background-color: rgba(220, 53, 69, 0.9) !important; +} + +.toast.bg-red .close, .toast.bg-red .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-red .toast-header { + background-color: rgba(220, 53, 69, 0.85); + color: #fff; +} + +.toast.bg-orange { + background-color: rgba(253, 126, 20, 0.9) !important; +} + +.toast.bg-orange .toast-header { + background-color: rgba(253, 126, 20, 0.85); + color: #1f2d3d; +} + +.toast.bg-yellow { + background-color: rgba(255, 192, 192, 0.9) !important; +} + +.toast.bg-yellow .toast-header { + background-color: rgba(255, 192, 192, 0.85); + color: #1f2d3d; +} + +.toast.bg-green { + background-color: rgba(40, 167, 69, 0.9) !important; +} + +.toast.bg-green .close, .toast.bg-green .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-green .toast-header { + background-color: rgba(40, 167, 69, 0.85); + color: #fff; +} + +.toast.bg-teal { + background-color: rgba(32, 201, 151, 0.9) !important; +} + +.toast.bg-teal .close, .toast.bg-teal .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-teal .toast-header { + background-color: rgba(32, 201, 151, 0.85); + color: #fff; +} + +.toast.bg-cyan { + background-color: rgba(23, 162, 184, 0.9) !important; +} + +.toast.bg-cyan .close, .toast.bg-cyan .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-cyan .toast-header { + background-color: rgba(23, 162, 184, 0.85); + color: #fff; +} + +.toast.bg-white { + background-color: rgba(255, 255, 255, 0.9) !important; +} + +.toast.bg-white .toast-header { + background-color: rgba(255, 255, 255, 0.85); + color: #1f2d3d; +} + +.toast.bg-gray { + background-color: rgba(108, 117, 125, 0.9) !important; +} + +.toast.bg-gray .close, .toast.bg-gray .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-gray .toast-header { + background-color: rgba(108, 117, 125, 0.85); + color: #fff; +} + +.toast.bg-gray-dark { + background-color: rgba(52, 58, 64, 0.9) !important; +} + +.toast.bg-gray-dark .close, .toast.bg-gray-dark .mailbox-attachment-close { + color: #fff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-gray-dark .toast-header { + background-color: rgba(52, 58, 64, 0.85); + color: #fff; +} + +.btn.disabled, .btn:disabled { + cursor: not-allowed; +} + +.btn.btn-flat { + border-radius: 0; + border-width: 1px; + box-shadow: none; +} + +.btn.btn-file { + overflow: hidden; + position: relative; +} + +.btn.btn-file > input[type="file"] { + background-color: #fff; + cursor: inherit; + display: block; + font-size: 100px; + min-height: 100%; + min-width: 100%; + opacity: 0; + outline: none; + position: absolute; + right: 0; + text-align: right; + top: 0; +} + +.text-sm .btn { + font-size: 0.875rem !important; +} + +.btn-default { + background-color: #f8f9fa; + border-color: #ddd; + color: #444; +} + +.btn-default:hover, .btn-default:active, .btn-default.hover { + background-color: #e9ecef; + color: #2b2b2b; +} + +.btn-default.disabled, .btn-default:disabled { + color: #444; + background-color: #f8f9fa; +} + +.btn-outline-light { + color: #bdc6d0; + border-color: #bdc6d0; +} + +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #bdc6d0; + border-color: #bdc6d0; +} + +.btn-app { + border-radius: 3px; + background-color: #f8f9fa; + border: 1px solid #ddd; + color: #6c757d; + font-size: 12px; + height: 60px; + margin: 0 0 10px 10px; + min-width: 80px; + padding: 15px 5px; + position: relative; + text-align: center; +} + +.btn-app > .fa, +.btn-app > .fas, +.btn-app > .far, +.btn-app > .fab, +.btn-app > .fal, +.btn-app > .fad, +.btn-app > .svg-inline--fa, +.btn-app > .ion { + display: block; + font-size: 20px; +} + +.btn-app > .svg-inline--fa { + margin: 0 auto; +} + +.btn-app:hover { + background-color: #f8f9fa; + border-color: #aaaaaa; + color: #444; +} + +.btn-app:active, .btn-app:focus { + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} + +.btn-app > .badge { + font-size: 10px; + font-weight: 400; + position: absolute; + right: -10px; + top: -3px; +} + +.btn-xs { + padding: 0.125rem 0.25rem; + font-size: 0.75rem; + line-height: 1.5; + border-radius: 0.15rem; +} + +.dark-mode .btn-default, +.dark-mode .btn-app { + background-color: #3a4047; + color: #fff; + border-color: #6c757d; +} + +.dark-mode .btn-default:hover, .dark-mode .btn-default:focus, +.dark-mode .btn-app:hover, +.dark-mode .btn-app:focus { + background-color: #3f474e; + color: #dee2e6; + border-color: #727b84; +} + +.dark-mode .btn-light { + background-color: #454d55; + color: #fff; + border-color: #6c757d; +} + +.dark-mode .btn-light:hover, .dark-mode .btn-light:focus { + background-color: #4b545c; + color: #dee2e6; + border-color: #78828a; +} + +.dark-mode .btn-primary { + color: #fff; + background-color: #3f6791; + border-color: #3f6791; + box-shadow: none; +} + +.dark-mode .btn-primary:hover { + color: #fff; + background-color: #335476; + border-color: #304e6d; +} + +.dark-mode .btn-primary:focus, .dark-mode .btn-primary.focus { + color: #fff; + background-color: #335476; + border-color: #304e6d; + box-shadow: 0 0 0 0 rgba(92, 126, 162, 0.5); +} + +.dark-mode .btn-primary.disabled, .dark-mode .btn-primary:disabled { + color: #fff; + background-color: #3f6791; + border-color: #3f6791; +} + +.dark-mode .btn-primary:not(:disabled):not(.disabled):active, .dark-mode .btn-primary:not(:disabled):not(.disabled).active, +.show > .dark-mode .btn-primary.dropdown-toggle { + color: #fff; + background-color: #304e6d; + border-color: #2c4765; +} + +.dark-mode .btn-primary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-primary:not(:disabled):not(.disabled).active:focus, +.show > .dark-mode .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(92, 126, 162, 0.5); +} + +.dark-mode .btn-secondary { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; + box-shadow: none; +} + +.dark-mode .btn-secondary:hover { + color: #fff; + background-color: #5a6268; + border-color: #545b62; +} + +.dark-mode .btn-secondary:focus, .dark-mode .btn-secondary.focus { + color: #fff; + background-color: #5a6268; + border-color: #545b62; + box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5); +} + +.dark-mode .btn-secondary.disabled, .dark-mode .btn-secondary:disabled { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} + +.dark-mode .btn-secondary:not(:disabled):not(.disabled):active, .dark-mode .btn-secondary:not(:disabled):not(.disabled).active, +.show > .dark-mode .btn-secondary.dropdown-toggle { + color: #fff; + background-color: #545b62; + border-color: #4e555b; +} + +.dark-mode .btn-secondary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-secondary:not(:disabled):not(.disabled).active:focus, +.show > .dark-mode .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5); +} + +.dark-mode .btn-success { + color: #fff; + background-color: #00bc8c; + border-color: #00bc8c; + box-shadow: none; +} + +.dark-mode .btn-success:hover { + color: #fff; + background-color: #009670; + border-color: #008966; +} + +.dark-mode .btn-success:focus, .dark-mode .btn-success.focus { + color: #fff; + background-color: #009670; + border-color: #008966; + box-shadow: 0 0 0 0 rgba(38, 198, 157, 0.5); +} + +.dark-mode .btn-success.disabled, .dark-mode .btn-success:disabled { + color: #fff; + background-color: #00bc8c; + border-color: #00bc8c; +} + +.dark-mode .btn-success:not(:disabled):not(.disabled):active, .dark-mode .btn-success:not(:disabled):not(.disabled).active, +.show > .dark-mode .btn-success.dropdown-toggle { + color: #fff; + background-color: #008966; + border-color: #007c5d; +} + +.dark-mode .btn-success:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-success:not(:disabled):not(.disabled).active:focus, +.show > .dark-mode .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(38, 198, 157, 0.5); +} + +.dark-mode .btn-info { + color: #fff; + background-color: #3498db; + border-color: #3498db; + box-shadow: none; +} + +.dark-mode .btn-info:hover { + color: #fff; + background-color: #2384c6; + border-color: #217dbb; +} + +.dark-mode .btn-info:focus, .dark-mode .btn-info.focus { + color: #fff; + background-color: #2384c6; + border-color: #217dbb; + box-shadow: 0 0 0 0 rgba(82, 167, 224, 0.5); +} + +.dark-mode .btn-info.disabled, .dark-mode .btn-info:disabled { + color: #fff; + background-color: #3498db; + border-color: #3498db; +} + +.dark-mode .btn-info:not(:disabled):not(.disabled):active, .dark-mode .btn-info:not(:disabled):not(.disabled).active, +.show > .dark-mode .btn-info.dropdown-toggle { + color: #fff; + background-color: #217dbb; + border-color: #1f76b0; +} + +.dark-mode .btn-info:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-info:not(:disabled):not(.disabled).active:focus, +.show > .dark-mode .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(82, 167, 224, 0.5); +} + +.dark-mode .btn-warning { + color: #1f2d3d; + background-color: #f39c12; + border-color: #f39c12; + box-shadow: none; +} + +.dark-mode .btn-warning:hover { + color: #fff; + background-color: #d4860b; + border-color: #c87f0a; +} + +.dark-mode .btn-warning:focus, .dark-mode .btn-warning.focus { + color: #fff; + background-color: #d4860b; + border-color: #c87f0a; + box-shadow: 0 0 0 0 rgba(211, 139, 24, 0.5); +} + +.dark-mode .btn-warning.disabled, .dark-mode .btn-warning:disabled { + color: #1f2d3d; + background-color: #f39c12; + border-color: #f39c12; +} + +.dark-mode .btn-warning:not(:disabled):not(.disabled):active, .dark-mode .btn-warning:not(:disabled):not(.disabled).active, +.show > .dark-mode .btn-warning.dropdown-toggle { + color: #fff; + background-color: #c87f0a; + border-color: #bc770a; +} + +.dark-mode .btn-warning:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-warning:not(:disabled):not(.disabled).active:focus, +.show > .dark-mode .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(211, 139, 24, 0.5); +} + +.dark-mode .btn-danger { + color: #fff; + background-color: #e74c3c; + border-color: #e74c3c; + box-shadow: none; +} + +.dark-mode .btn-danger:hover { + color: #fff; + background-color: #e12e1c; + border-color: #d62c1a; +} + +.dark-mode .btn-danger:focus, .dark-mode .btn-danger.focus { + color: #fff; + background-color: #e12e1c; + border-color: #d62c1a; + box-shadow: 0 0 0 0 rgba(235, 103, 89, 0.5); +} + +.dark-mode .btn-danger.disabled, .dark-mode .btn-danger:disabled { + color: #fff; + background-color: #e74c3c; + border-color: #e74c3c; +} + +.dark-mode .btn-danger:not(:disabled):not(.disabled):active, .dark-mode .btn-danger:not(:disabled):not(.disabled).active, +.show > .dark-mode .btn-danger.dropdown-toggle { + color: #fff; + background-color: #d62c1a; + border-color: #ca2a19; +} + +.dark-mode .btn-danger:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-danger:not(:disabled):not(.disabled).active:focus, +.show > .dark-mode .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(235, 103, 89, 0.5); +} + +.dark-mode .btn-light { + color: #1f2d3d; + background-color: #f8f9fa; + border-color: #f8f9fa; + box-shadow: none; +} + +.dark-mode .btn-light:hover { + color: #1f2d3d; + background-color: #e2e6ea; + border-color: #dae0e5; +} + +.dark-mode .btn-light:focus, .dark-mode .btn-light.focus { + color: #1f2d3d; + background-color: #e2e6ea; + border-color: #dae0e5; + box-shadow: 0 0 0 0 rgba(215, 218, 222, 0.5); +} + +.dark-mode .btn-light.disabled, .dark-mode .btn-light:disabled { + color: #1f2d3d; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.dark-mode .btn-light:not(:disabled):not(.disabled):active, .dark-mode .btn-light:not(:disabled):not(.disabled).active, +.show > .dark-mode .btn-light.dropdown-toggle { + color: #1f2d3d; + background-color: #dae0e5; + border-color: #d3d9df; +} + +.dark-mode .btn-light:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-light:not(:disabled):not(.disabled).active:focus, +.show > .dark-mode .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(215, 218, 222, 0.5); +} + +.dark-mode .btn-dark { + color: #fff; + background-color: #292d32; + border-color: #4b545c; + box-shadow: none; +} + +.dark-mode .btn-dark:hover { + color: #fff; + background-color: #171a1d; + border-color: #343a40; +} + +.dark-mode .btn-dark:focus, .dark-mode .btn-dark.focus { + color: #fff; + background-color: #171a1d; + border-color: #343a40; + box-shadow: 0 0 0 0 rgba(102, 109, 117, 0.5); +} + +.dark-mode .btn-dark.disabled, .dark-mode .btn-dark:disabled { + color: #fff; + background-color: #292d32; + border-color: #4b545c; +} + +.dark-mode .btn-dark:not(:disabled):not(.disabled):active, .dark-mode .btn-dark:not(:disabled):not(.disabled).active, +.show > .dark-mode .btn-dark.dropdown-toggle { + color: #fff; + background-color: #121416; + border-color: #2e3439; +} + +.dark-mode .btn-dark:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-dark:not(:disabled):not(.disabled).active:focus, +.show > .dark-mode .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(102, 109, 117, 0.5); +} + +.dark-mode .btn-outline-primary { + color: #3f6791; + border-color: #3f6791; +} + +.dark-mode .btn-outline-primary:hover { + color: #fff; + background-color: #3f6791; + border-color: #3f6791; +} + +.dark-mode .btn-outline-primary:focus, .dark-mode .btn-outline-primary.focus { + box-shadow: 0 0 0 0 rgba(63, 103, 145, 0.5); +} + +.dark-mode .btn-outline-primary.disabled, .dark-mode .btn-outline-primary:disabled { + color: #3f6791; + background-color: transparent; +} + +.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active, +.show > .dark-mode .btn-outline-primary.dropdown-toggle { + color: #fff; + background-color: #3f6791; + border-color: #3f6791; +} + +.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active:focus, +.show > .dark-mode .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(63, 103, 145, 0.5); +} + +.dark-mode .btn-outline-secondary { + color: #6c757d; + border-color: #6c757d; +} + +.dark-mode .btn-outline-secondary:hover { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} + +.dark-mode .btn-outline-secondary:focus, .dark-mode .btn-outline-secondary.focus { + box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5); +} + +.dark-mode .btn-outline-secondary.disabled, .dark-mode .btn-outline-secondary:disabled { + color: #6c757d; + background-color: transparent; +} + +.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-secondary:not(:disabled):not(.disabled).active, +.show > .dark-mode .btn-outline-secondary.dropdown-toggle { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} + +.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, +.show > .dark-mode .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5); +} + +.dark-mode .btn-outline-success { + color: #00bc8c; + border-color: #00bc8c; +} + +.dark-mode .btn-outline-success:hover { + color: #fff; + background-color: #00bc8c; + border-color: #00bc8c; +} + +.dark-mode .btn-outline-success:focus, .dark-mode .btn-outline-success.focus { + box-shadow: 0 0 0 0 rgba(0, 188, 140, 0.5); +} + +.dark-mode .btn-outline-success.disabled, .dark-mode .btn-outline-success:disabled { + color: #00bc8c; + background-color: transparent; +} + +.dark-mode .btn-outline-success:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-success:not(:disabled):not(.disabled).active, +.show > .dark-mode .btn-outline-success.dropdown-toggle { + color: #fff; + background-color: #00bc8c; + border-color: #00bc8c; +} + +.dark-mode .btn-outline-success:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-success:not(:disabled):not(.disabled).active:focus, +.show > .dark-mode .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(0, 188, 140, 0.5); +} + +.dark-mode .btn-outline-info { + color: #3498db; + border-color: #3498db; +} + +.dark-mode .btn-outline-info:hover { + color: #fff; + background-color: #3498db; + border-color: #3498db; +} + +.dark-mode .btn-outline-info:focus, .dark-mode .btn-outline-info.focus { + box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.5); +} + +.dark-mode .btn-outline-info.disabled, .dark-mode .btn-outline-info:disabled { + color: #3498db; + background-color: transparent; +} + +.dark-mode .btn-outline-info:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-info:not(:disabled):not(.disabled).active, +.show > .dark-mode .btn-outline-info.dropdown-toggle { + color: #fff; + background-color: #3498db; + border-color: #3498db; +} + +.dark-mode .btn-outline-info:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-info:not(:disabled):not(.disabled).active:focus, +.show > .dark-mode .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.5); +} + +.dark-mode .btn-outline-warning { + color: #f39c12; + border-color: #f39c12; +} + +.dark-mode .btn-outline-warning:hover { + color: #1f2d3d; + background-color: #f39c12; + border-color: #f39c12; +} + +.dark-mode .btn-outline-warning:focus, .dark-mode .btn-outline-warning.focus { + box-shadow: 0 0 0 0 rgba(243, 156, 18, 0.5); +} + +.dark-mode .btn-outline-warning.disabled, .dark-mode .btn-outline-warning:disabled { + color: #f39c12; + background-color: transparent; +} + +.dark-mode .btn-outline-warning:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-warning:not(:disabled):not(.disabled).active, +.show > .dark-mode .btn-outline-warning.dropdown-toggle { + color: #1f2d3d; + background-color: #f39c12; + border-color: #f39c12; +} + +.dark-mode .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-warning:not(:disabled):not(.disabled).active:focus, +.show > .dark-mode .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(243, 156, 18, 0.5); +} + +.dark-mode .btn-outline-danger { + color: #e74c3c; + border-color: #e74c3c; +} + +.dark-mode .btn-outline-danger:hover { + color: #fff; + background-color: #e74c3c; + border-color: #e74c3c; +} + +.dark-mode .btn-outline-danger:focus, .dark-mode .btn-outline-danger.focus { + box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.5); +} + +.dark-mode .btn-outline-danger.disabled, .dark-mode .btn-outline-danger:disabled { + color: #e74c3c; + background-color: transparent; +} + +.dark-mode .btn-outline-danger:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-danger:not(:disabled):not(.disabled).active, +.show > .dark-mode .btn-outline-danger.dropdown-toggle { + color: #fff; + background-color: #e74c3c; + border-color: #e74c3c; +} + +.dark-mode .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-danger:not(:disabled):not(.disabled).active:focus, +.show > .dark-mode .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.5); +} + +.dark-mode .btn-outline-light { + color: #f8f9fa; + border-color: #f8f9fa; +} + +.dark-mode .btn-outline-light:hover { + color: #1f2d3d; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.dark-mode .btn-outline-light:focus, .dark-mode .btn-outline-light.focus { + box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5); +} + +.dark-mode .btn-outline-light.disabled, .dark-mode .btn-outline-light:disabled { + color: #f8f9fa; + background-color: transparent; +} + +.dark-mode .btn-outline-light:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-light:not(:disabled):not(.disabled).active, +.show > .dark-mode .btn-outline-light.dropdown-toggle { + color: #1f2d3d; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.dark-mode .btn-outline-light:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-light:not(:disabled):not(.disabled).active:focus, +.show > .dark-mode .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5); +} + +.dark-mode .btn-outline-dark { + color: #060708; + border-color: #060708; +} + +.dark-mode .btn-outline-dark:hover { + color: #fff; + background-color: #060708; + border-color: #060708; +} + +.dark-mode .btn-outline-dark:focus, .dark-mode .btn-outline-dark.focus { + box-shadow: 0 0 0 0 rgba(6, 7, 8, 0.5); +} + +.dark-mode .btn-outline-dark.disabled, .dark-mode .btn-outline-dark:disabled { + color: #060708; + background-color: transparent; +} + +.dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active, +.show > .dark-mode .btn-outline-dark.dropdown-toggle { + color: #fff; + background-color: #060708; + border-color: #060708; +} + +.dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active:focus, +.show > .dark-mode .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(6, 7, 8, 0.5); +} + +.callout { + border-radius: 0.25rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + background-color: #fff; + border-left: 5px solid #e9ecef; + margin-bottom: 1rem; + padding: 1rem; +} + +.callout a { + color: #495057; + text-decoration: underline; +} + +.callout a:hover { + color: #e9ecef; +} + +.callout p:last-child { + margin-bottom: 0; +} + +.callout.callout-danger { + border-left-color: #bd2130; +} + +.callout.callout-warning { + border-left-color: #ff8d8d; +} + +.callout.callout-info { + border-left-color: #117a8b; +} + +.callout.callout-success { + border-left-color: #1e7e34; +} + +.dark-mode .callout { + background-color: #3f474e; +} + +.dark-mode .callout.callout-danger { + border-left-color: #ed7669; +} + +.dark-mode .callout.callout-warning { + border-left-color: #f5b043; +} + +.dark-mode .callout.callout-info { + border-left-color: #5faee3; +} + +.dark-mode .callout.callout-success { + border-left-color: #00efb2; +} + +.alert .icon { + margin-right: 10px; +} + +.alert .close, .alert .mailbox-attachment-close { + color: #000; + opacity: .2; +} + +.alert .close:hover, .alert .mailbox-attachment-close:hover { + opacity: .5; +} + +.alert a { + color: #fff; + text-decoration: underline; +} + +.alert-primary { + color: #fff; + background-color: #007bff; + border-color: #006fe6; +} + +.alert-default-primary { + color: #004085; + background-color: #cce5ff; + border-color: #b8daff; +} + +.alert-default-primary hr { + border-top-color: #9fcdff; +} + +.alert-default-primary .alert-link { + color: #002752; +} + +.alert-secondary { + color: #fff; + background-color: #6c757d; + border-color: #60686f; +} + +.alert-default-secondary { + color: #383d41; + background-color: #e2e3e5; + border-color: #d6d8db; +} + +.alert-default-secondary hr { + border-top-color: #c8cbcf; +} + +.alert-default-secondary .alert-link { + color: #202326; +} + +.alert-success { + color: #fff; + background-color: #28a745; + border-color: #23923d; +} + +.alert-default-success { + color: #155724; + background-color: #d4edda; + border-color: #c3e6cb; +} + +.alert-default-success hr { + border-top-color: #b1dfbb; +} + +.alert-default-success .alert-link { + color: #0b2e13; +} + +.alert-info { + color: #fff; + background-color: #17a2b8; + border-color: #148ea1; +} + +.alert-default-info { + color: #0c5460; + background-color: #d1ecf1; + border-color: #bee5eb; +} + +.alert-default-info hr { + border-top-color: #abdde5; +} + +.alert-default-info .alert-link { + color: #062c33; +} + +.alert-warning { + color: #1f2d3d; + background-color: #FFC0C0; + border-color: #ffa7a7; +} + +.alert-default-warning { + color: #856464; + background-color: #fff2f2; + border-color: #ffeded; +} + +.alert-default-warning hr { + border-top-color: #ffd4d4; +} + +.alert-default-warning .alert-link { + color: #684e4e; +} + +.alert-danger { + color: #fff; + background-color: #dc3545; + border-color: #d32535; +} + +.alert-default-danger { + color: #721c24; + background-color: #f8d7da; + border-color: #f5c6cb; +} + +.alert-default-danger hr { + border-top-color: #f1b0b7; +} + +.alert-default-danger .alert-link { + color: #491217; +} + +.alert-light { + color: #1f2d3d; + background-color: #f8f9fa; + border-color: #e9ecef; +} + +.alert-default-light { + color: #818182; + background-color: #fefefe; + border-color: #fdfdfe; +} + +.alert-default-light hr { + border-top-color: #ececf6; +} + +.alert-default-light .alert-link { + color: #686868; +} + +.alert-dark { + color: #fff; + background-color: #343a40; + border-color: #292d32; +} + +.alert-default-dark { + color: #1b1e21; + background-color: #d6d8d9; + border-color: #c6c8ca; +} + +.alert-default-dark hr { + border-top-color: #b9bbbe; +} + +.alert-default-dark .alert-link { + color: #040505; +} + +.dark-mode .alert-primary { + color: #fff; + background-color: #3f6791; + border-color: #375a7f; +} + +.dark-mode .alert-default-primary { + color: #004085; + background-color: #cce5ff; + border-color: #b8daff; +} + +.dark-mode .alert-default-primary hr { + border-top-color: #9fcdff; +} + +.dark-mode .alert-default-primary .alert-link { + color: #002752; +} + +.dark-mode .alert-secondary { + color: #fff; + background-color: #6c757d; + border-color: #60686f; +} + +.dark-mode .alert-default-secondary { + color: #383d41; + background-color: #e2e3e5; + border-color: #d6d8db; +} + +.dark-mode .alert-default-secondary hr { + border-top-color: #c8cbcf; +} + +.dark-mode .alert-default-secondary .alert-link { + color: #202326; +} + +.dark-mode .alert-success { + color: #fff; + background-color: #00bc8c; + border-color: #00a379; +} + +.dark-mode .alert-default-success { + color: #155724; + background-color: #d4edda; + border-color: #c3e6cb; +} + +.dark-mode .alert-default-success hr { + border-top-color: #b1dfbb; +} + +.dark-mode .alert-default-success .alert-link { + color: #0b2e13; +} + +.dark-mode .alert-info { + color: #fff; + background-color: #3498db; + border-color: #258cd1; +} + +.dark-mode .alert-default-info { + color: #0c5460; + background-color: #d1ecf1; + border-color: #bee5eb; +} + +.dark-mode .alert-default-info hr { + border-top-color: #abdde5; +} + +.dark-mode .alert-default-info .alert-link { + color: #062c33; +} + +.dark-mode .alert-warning { + color: #1f2d3d; + background-color: #f39c12; + border-color: #e08e0b; +} + +.dark-mode .alert-default-warning { + color: #856464; + background-color: #fff2f2; + border-color: #ffeded; +} + +.dark-mode .alert-default-warning hr { + border-top-color: #ffd4d4; +} + +.dark-mode .alert-default-warning .alert-link { + color: #684e4e; +} + +.dark-mode .alert-danger { + color: #fff; + background-color: #e74c3c; + border-color: #e43725; +} + +.dark-mode .alert-default-danger { + color: #721c24; + background-color: #f8d7da; + border-color: #f5c6cb; +} + +.dark-mode .alert-default-danger hr { + border-top-color: #f1b0b7; +} + +.dark-mode .alert-default-danger .alert-link { + color: #491217; +} + +.dark-mode .alert-light { + color: #1f2d3d; + background-color: #f8f9fa; + border-color: #e9ecef; +} + +.dark-mode .alert-default-light { + color: #818182; + background-color: #fefefe; + border-color: #fdfdfe; +} + +.dark-mode .alert-default-light hr { + border-top-color: #ececf6; +} + +.dark-mode .alert-default-light .alert-link { + color: #686868; +} + +.dark-mode .alert-dark { + color: #fff; + background-color: #343a40; + border-color: #292d32; +} + +.dark-mode .alert-default-dark { + color: #1b1e21; + background-color: #d6d8d9; + border-color: #c6c8ca; +} + +.dark-mode .alert-default-dark hr { + border-top-color: #b9bbbe; +} + +.dark-mode .alert-default-dark .alert-link { + color: #040505; +} + +.table:not(.table-dark) { + color: inherit; +} + +.table.table-head-fixed thead tr:nth-child(1) th { + background-color: #fff; + border-bottom: 0; + box-shadow: inset 0 1px 0 #dee2e6, inset 0 -1px 0 #dee2e6; + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 10; +} + +.table.table-head-fixed.table-dark thead tr:nth-child(1) th { + background-color: #212529; + box-shadow: inset 0 1px 0 #383f45, inset 0 -1px 0 #383f45; +} + +.table.no-border, +.table.no-border td, +.table.no-border th { + border: 0; +} + +.table.text-center, +.table.text-center td, +.table.text-center th { + text-align: center; +} + +.table.table-valign-middle thead > tr > th, +.table.table-valign-middle thead > tr > td, +.table.table-valign-middle tbody > tr > th, +.table.table-valign-middle tbody > tr > td { + vertical-align: middle; +} + +.card-body.p-0 .table thead > tr > th:first-of-type, +.card-body.p-0 .table thead > tr > td:first-of-type, +.card-body.p-0 .table tfoot > tr > th:first-of-type, +.card-body.p-0 .table tfoot > tr > td:first-of-type, +.card-body.p-0 .table tbody > tr > th:first-of-type, +.card-body.p-0 .table tbody > tr > td:first-of-type { + padding-left: 1.5rem; +} + +.card-body.p-0 .table thead > tr > th:last-of-type, +.card-body.p-0 .table thead > tr > td:last-of-type, +.card-body.p-0 .table tfoot > tr > th:last-of-type, +.card-body.p-0 .table tfoot > tr > td:last-of-type, +.card-body.p-0 .table tbody > tr > th:last-of-type, +.card-body.p-0 .table tbody > tr > td:last-of-type { + padding-right: 1.5rem; +} + +.table-hover tbody tr.expandable-body:hover { + background-color: inherit !important; +} + +[data-widget="expandable-table"] { + cursor: pointer; +} + +[data-widget="expandable-table"] i.expandable-table-caret { + transition: -webkit-transform 0.3s linear; + transition: transform 0.3s linear; + transition: transform 0.3s linear, -webkit-transform 0.3s linear; +} + +[data-widget="expandable-table"][aria-expanded="true"] td i.expandable-table-caret[class*="right"] { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} + +[data-widget="expandable-table"][aria-expanded="true"] td i.expandable-table-caret[class*="left"] { + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); +} + +.expandable-body > td { + padding: 0 !important; + width: 100%; +} + +.expandable-body > td > div, +.expandable-body > td > p { + padding: 0.75rem; +} + +.expandable-body .table { + width: calc(100% - 0.75rem); + margin: 0 0 0 0.75rem; +} + +.expandable-body .table tr:first-child td, +.expandable-body .table tr:first-child th { + border-top: none; +} + +.dark-mode .table-bordered, +.dark-mode .table-bordered td, +.dark-mode .table-bordered th { + border-color: #6c757d; +} + +.dark-mode .table-hover tbody tr:hover { + color: #dee2e6; + background-color: #3a4047; + border-color: #6c757d; +} + +.dark-mode .table thead th { + border-bottom-color: #6c757d; +} + +.dark-mode .table th, +.dark-mode .table td { + border-top-color: #6c757d; +} + +.dark-mode .table.table-head-fixed thead tr:nth-child(1) th { + background-color: #3f474e; +} + +.carousel-control-prev .carousel-control-custom-icon { + margin-left: -20px; +} + +.carousel-control-next .carousel-control-custom-icon { + margin-right: 20px; +} + +.carousel-control-custom-icon > .fa, +.carousel-control-custom-icon > .fas, +.carousel-control-custom-icon > .far, +.carousel-control-custom-icon > .fab, +.carousel-control-custom-icon > .fal, +.carousel-control-custom-icon > .fad, +.carousel-control-custom-icon > .svg-inline--fa, +.carousel-control-custom-icon > .ion { + display: inline-block; + font-size: 40px; + margin-top: -20px; + position: absolute; + top: 50%; + z-index: 5; +} + +.close, .mailbox-attachment-close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: .5; +} + +.close:hover, .mailbox-attachment-close:hover { + color: #000; + text-decoration: none; +} + +.close:not(:disabled):not(.disabled):hover, .mailbox-attachment-close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus, .mailbox-attachment-close:not(:disabled):not(.disabled):focus { + opacity: .75; +} + +.close:focus, .mailbox-attachment-close:focus { + outline: none; +} + +button.close, button.mailbox-attachment-close { + padding: 0; + background-color: transparent; + border: 0; +} + +a.close.disabled, a.disabled.mailbox-attachment-close { + pointer-events: none; +} + +.small-box { + border-radius: 0.25rem; + box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); + display: block; + margin-bottom: 20px; + position: relative; +} + +.small-box > .inner { + padding: 10px; +} + +.small-box > .small-box-footer { + background-color: rgba(0, 0, 0, 0.1); + color: rgba(255, 255, 255, 0.8); + display: block; + padding: 3px 0; + position: relative; + text-align: center; + text-decoration: none; + z-index: 10; +} + +.small-box > .small-box-footer:hover { + background-color: rgba(0, 0, 0, 0.15); + color: #fff; +} + +.small-box h3 { + font-size: 2.2rem; + font-weight: 700; + margin: 0 0 10px; + padding: 0; + white-space: nowrap; +} + +@media (min-width: 992px) { + .col-xl-2 .small-box h3, + .col-lg-2 .small-box h3, + .col-md-2 .small-box h3 { + font-size: 1.6rem; + } + .col-xl-3 .small-box h3, + .col-lg-3 .small-box h3, + .col-md-3 .small-box h3 { + font-size: 1.6rem; + } +} + +@media (min-width: 1200px) { + .col-xl-2 .small-box h3, + .col-lg-2 .small-box h3, + .col-md-2 .small-box h3 { + font-size: 2.2rem; + } + .col-xl-3 .small-box h3, + .col-lg-3 .small-box h3, + .col-md-3 .small-box h3 { + font-size: 2.2rem; + } +} + +.small-box p { + font-size: 1rem; +} + +.small-box p > small { + color: #f8f9fa; + display: block; + font-size: .9rem; + margin-top: 5px; +} + +.small-box h3, +.small-box p { + z-index: 5; +} + +.small-box .icon { + color: rgba(0, 0, 0, 0.15); + z-index: 0; +} + +.small-box .icon > i { + font-size: 90px; + position: absolute; + right: 15px; + top: 15px; + transition: -webkit-transform 0.3s linear; + transition: transform 0.3s linear; + transition: transform 0.3s linear, -webkit-transform 0.3s linear; +} + +.small-box .icon > i.fa, .small-box .icon > i.fas, .small-box .icon > i.far, .small-box .icon > i.fab, .small-box .icon > i.fal, .small-box .icon > i.fad, .small-box .icon > i.ion { + font-size: 70px; + top: 20px; +} + +.small-box .icon svg { + font-size: 70px; + position: absolute; + right: 15px; + top: 15px; + transition: -webkit-transform 0.3s linear; + transition: transform 0.3s linear; + transition: transform 0.3s linear, -webkit-transform 0.3s linear; +} + +.small-box:hover { + text-decoration: none; +} + +.small-box:hover .icon > i, .small-box:hover .icon > i.fa, .small-box:hover .icon > i.fas, .small-box:hover .icon > i.far, .small-box:hover .icon > i.fab, .small-box:hover .icon > i.fal, .small-box:hover .icon > i.fad, .small-box:hover .icon > i.ion { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} + +.small-box:hover .icon > svg { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} + +@media (max-width: 767.98px) { + .small-box { + text-align: center; + } + .small-box .icon { + display: none; + } + .small-box p { + font-size: 12px; + } +} + +.info-box { + box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); + border-radius: 0.25rem; + background-color: #fff; + display: -ms-flexbox; + display: flex; + margin-bottom: 1rem; + min-height: 80px; + padding: .5rem; + position: relative; + width: 100%; +} + +.info-box .progress { + background-color: rgba(0, 0, 0, 0.125); + height: 2px; + margin: 5px 0; +} + +.info-box .progress .progress-bar { + background-color: #fff; +} + +.info-box .info-box-icon { + border-radius: 0.25rem; + -ms-flex-align: center; + align-items: center; + display: -ms-flexbox; + display: flex; + font-size: 1.875rem; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + width: 70px; +} + +.info-box .info-box-icon > img { + max-width: 100%; +} + +.info-box .info-box-content { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + line-height: 1.8; + -ms-flex: 1; + flex: 1; + padding: 0 10px; + overflow: hidden; +} + +.info-box .info-box-number { + display: block; + margin-top: .25rem; + font-weight: 700; +} + +.info-box .progress-description, +.info-box .info-box-text { + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.info-box .info-box .bg-primary, +.info-box .info-box .bg-gradient-primary { + color: #fff; +} + +.info-box .info-box .bg-primary .progress-bar, +.info-box .info-box .bg-gradient-primary .progress-bar { + background-color: #fff; +} + +.info-box .info-box .bg-secondary, +.info-box .info-box .bg-gradient-secondary { + color: #fff; +} + +.info-box .info-box .bg-secondary .progress-bar, +.info-box .info-box .bg-gradient-secondary .progress-bar { + background-color: #fff; +} + +.info-box .info-box .bg-success, +.info-box .info-box .bg-gradient-success { + color: #fff; +} + +.info-box .info-box .bg-success .progress-bar, +.info-box .info-box .bg-gradient-success .progress-bar { + background-color: #fff; +} + +.info-box .info-box .bg-info, +.info-box .info-box .bg-gradient-info { + color: #fff; +} + +.info-box .info-box .bg-info .progress-bar, +.info-box .info-box .bg-gradient-info .progress-bar { + background-color: #fff; +} + +.info-box .info-box .bg-warning, +.info-box .info-box .bg-gradient-warning { + color: #1f2d3d; +} + +.info-box .info-box .bg-warning .progress-bar, +.info-box .info-box .bg-gradient-warning .progress-bar { + background-color: #1f2d3d; +} + +.info-box .info-box .bg-danger, +.info-box .info-box .bg-gradient-danger { + color: #fff; +} + +.info-box .info-box .bg-danger .progress-bar, +.info-box .info-box .bg-gradient-danger .progress-bar { + background-color: #fff; +} + +.info-box .info-box .bg-light, +.info-box .info-box .bg-gradient-light { + color: #1f2d3d; +} + +.info-box .info-box .bg-light .progress-bar, +.info-box .info-box .bg-gradient-light .progress-bar { + background-color: #1f2d3d; +} + +.info-box .info-box .bg-dark, +.info-box .info-box .bg-gradient-dark { + color: #fff; +} + +.info-box .info-box .bg-dark .progress-bar, +.info-box .info-box .bg-gradient-dark .progress-bar { + background-color: #fff; +} + +.info-box .info-box-more { + display: block; +} + +.info-box .progress-description { + margin: 0; +} + +@media (min-width: 768px) { + .col-xl-2 .info-box .progress-description, + .col-lg-2 .info-box .progress-description, + .col-md-2 .info-box .progress-description { + display: none; + } + .col-xl-3 .info-box .progress-description, + .col-lg-3 .info-box .progress-description, + .col-md-3 .info-box .progress-description { + display: none; + } +} + +@media (min-width: 992px) { + .col-xl-2 .info-box .progress-description, + .col-lg-2 .info-box .progress-description, + .col-md-2 .info-box .progress-description { + font-size: 0.75rem; + display: block; + } + .col-xl-3 .info-box .progress-description, + .col-lg-3 .info-box .progress-description, + .col-md-3 .info-box .progress-description { + font-size: 0.75rem; + display: block; + } +} + +@media (min-width: 1200px) { + .col-xl-2 .info-box .progress-description, + .col-lg-2 .info-box .progress-description, + .col-md-2 .info-box .progress-description { + font-size: 1rem; + display: block; + } + .col-xl-3 .info-box .progress-description, + .col-lg-3 .info-box .progress-description, + .col-md-3 .info-box .progress-description { + font-size: 1rem; + display: block; + } +} + +.dark-mode .info-box { + background-color: #343a40; + color: #fff; +} + +.dark-mode .info-box .info-box .bg-primary, +.dark-mode .info-box .info-box .bg-gradient-primary { + color: #fff; +} + +.dark-mode .info-box .info-box .bg-primary .progress-bar, +.dark-mode .info-box .info-box .bg-gradient-primary .progress-bar { + background-color: #fff; +} + +.dark-mode .info-box .info-box .bg-secondary, +.dark-mode .info-box .info-box .bg-gradient-secondary { + color: #fff; +} + +.dark-mode .info-box .info-box .bg-secondary .progress-bar, +.dark-mode .info-box .info-box .bg-gradient-secondary .progress-bar { + background-color: #fff; +} + +.dark-mode .info-box .info-box .bg-success, +.dark-mode .info-box .info-box .bg-gradient-success { + color: #fff; +} + +.dark-mode .info-box .info-box .bg-success .progress-bar, +.dark-mode .info-box .info-box .bg-gradient-success .progress-bar { + background-color: #fff; +} + +.dark-mode .info-box .info-box .bg-info, +.dark-mode .info-box .info-box .bg-gradient-info { + color: #fff; +} + +.dark-mode .info-box .info-box .bg-info .progress-bar, +.dark-mode .info-box .info-box .bg-gradient-info .progress-bar { + background-color: #fff; +} + +.dark-mode .info-box .info-box .bg-warning, +.dark-mode .info-box .info-box .bg-gradient-warning { + color: #1f2d3d; +} + +.dark-mode .info-box .info-box .bg-warning .progress-bar, +.dark-mode .info-box .info-box .bg-gradient-warning .progress-bar { + background-color: #1f2d3d; +} + +.dark-mode .info-box .info-box .bg-danger, +.dark-mode .info-box .info-box .bg-gradient-danger { + color: #fff; +} + +.dark-mode .info-box .info-box .bg-danger .progress-bar, +.dark-mode .info-box .info-box .bg-gradient-danger .progress-bar { + background-color: #fff; +} + +.dark-mode .info-box .info-box .bg-light, +.dark-mode .info-box .info-box .bg-gradient-light { + color: #1f2d3d; +} + +.dark-mode .info-box .info-box .bg-light .progress-bar, +.dark-mode .info-box .info-box .bg-gradient-light .progress-bar { + background-color: #1f2d3d; +} + +.dark-mode .info-box .info-box .bg-dark, +.dark-mode .info-box .info-box .bg-gradient-dark { + color: #fff; +} + +.dark-mode .info-box .info-box .bg-dark .progress-bar, +.dark-mode .info-box .info-box .bg-gradient-dark .progress-bar { + background-color: #fff; +} + +.timeline { + margin: 0 0 45px; + padding: 0; + position: relative; +} + +.timeline::before { + border-radius: 0.25rem; + background-color: #dee2e6; + bottom: 0; + content: ""; + left: 31px; + margin: 0; + position: absolute; + top: 0; + width: 4px; +} + +.timeline > div { + margin-bottom: 15px; + margin-right: 10px; + position: relative; +} + +.timeline > div::before, .timeline > div::after { + content: ""; + display: table; +} + +.timeline > div > .timeline-item { + box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); + border-radius: 0.25rem; + background-color: #fff; + color: #495057; + margin-left: 60px; + margin-right: 15px; + margin-top: 0; + padding: 0; + position: relative; +} + +.timeline > div > .timeline-item > .time { + color: #999; + float: right; + font-size: 12px; + padding: 10px; +} + +.timeline > div > .timeline-item > .timeline-header { + border-bottom: 1px solid rgba(0, 0, 0, 0.125); + color: #495057; + font-size: 16px; + line-height: 1.1; + margin: 0; + padding: 10px; +} + +.timeline > div > .timeline-item > .timeline-header > a { + font-weight: 600; +} + +.timeline > div > .timeline-item > .timeline-body, +.timeline > div > .timeline-item > .timeline-footer { + padding: 10px; +} + +.timeline > div > .timeline-item > .timeline-body > img { + margin: 10px; +} + +.timeline > div > .timeline-item > .timeline-body > dl, +.timeline > div > .timeline-item > .timeline-body ol, +.timeline > div > .timeline-item > .timeline-body ul { + margin: 0; +} + +.timeline > div > .timeline-item > .timeline-footer > a { + color: #fff; +} + +.timeline > div > .fa, +.timeline > div > .fas, +.timeline > div > .far, +.timeline > div > .fab, +.timeline > div > .fal, +.timeline > div > .fad, +.timeline > div > .svg-inline--fa, +.timeline > div > .ion { + background-color: #adb5bd; + border-radius: 50%; + font-size: 16px; + height: 30px; + left: 18px; + line-height: 30px; + position: absolute; + text-align: center; + top: 0; + width: 30px; +} + +.timeline > div > .svg-inline--fa { + padding: 7px; +} + +.timeline > .time-label > span { + border-radius: 4px; + background-color: #fff; + display: inline-block; + font-weight: 600; + padding: 5px; +} + +.timeline-inverse > div > .timeline-item { + box-shadow: none; + background-color: #f8f9fa; + border: 1px solid #dee2e6; +} + +.timeline-inverse > div > .timeline-item > .timeline-header { + border-bottom-color: #dee2e6; +} + +.dark-mode .timeline::before { + background-color: #6c757d; +} + +.dark-mode .timeline > div > .timeline-item { + background-color: #343a40; + color: #fff; + border-color: #6c757d; +} + +.dark-mode .timeline > div > .timeline-item > .timeline-header { + color: #ced4da; + border-color: #6c757d; +} + +.dark-mode .timeline > div > .timeline-item > .time { + color: #ced4da; +} + +.products-list { + list-style: none; + margin: 0; + padding: 0; +} + +.products-list > .item { + border-radius: 0.25rem; + background-color: #fff; + padding: 10px 0; +} + +.products-list > .item::after { + display: block; + clear: both; + content: ""; +} + +.products-list .product-img { + float: left; +} + +.products-list .product-img img { + height: 50px; + width: 50px; +} + +.products-list .product-info { + margin-left: 60px; +} + +.products-list .product-title { + font-weight: 600; +} + +.products-list .product-description { + color: #6c757d; + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.product-list-in-card > .item { + border-radius: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.125); +} + +.product-list-in-card > .item:last-of-type { + border-bottom-width: 0; +} + +.dark-mode .products-list > .item { + background-color: #343a40; + color: #fff; + border-bottom-color: #6c757d; +} + +.dark-mode .product-description { + color: #ced4da; +} + +.direct-chat .card-body { + overflow-x: hidden; + padding: 0; + position: relative; +} + +.direct-chat.chat-pane-open .direct-chat-contacts { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} + +.direct-chat.timestamp-light .direct-chat-timestamp { + color: #30465f; +} + +.direct-chat.timestamp-dark .direct-chat-timestamp { + color: #cccccc; +} + +.direct-chat-messages { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + height: 250px; + overflow: auto; + padding: 10px; +} + +.direct-chat-msg, +.direct-chat-text { + display: block; +} + +.direct-chat-msg { + margin-bottom: 10px; +} + +.direct-chat-msg::after { + display: block; + clear: both; + content: ""; +} + +.direct-chat-messages, +.direct-chat-contacts { + transition: -webkit-transform .5s ease-in-out; + transition: transform .5s ease-in-out; + transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; +} + +.direct-chat-text { + border-radius: 0.3rem; + background-color: #d2d6de; + border: 1px solid #d2d6de; + color: #444; + margin: 5px 0 0 50px; + padding: 5px 10px; + position: relative; +} + +.direct-chat-text::after, .direct-chat-text::before { + border: solid transparent; + border-right-color: #d2d6de; + content: " "; + height: 0; + pointer-events: none; + position: absolute; + right: 100%; + top: 15px; + width: 0; +} + +.direct-chat-text::after { + border-width: 5px; + margin-top: -5px; +} + +.direct-chat-text::before { + border-width: 6px; + margin-top: -6px; +} + +.right .direct-chat-text { + margin-left: 0; + margin-right: 50px; +} + +.right .direct-chat-text::after, .right .direct-chat-text::before { + border-left-color: #d2d6de; + border-right-color: transparent; + left: 100%; + right: auto; +} + +.direct-chat-img { + border-radius: 50%; + float: left; + height: 40px; + width: 40px; +} + +.right .direct-chat-img { + float: right; +} + +.direct-chat-infos { + display: block; + font-size: 0.875rem; + margin-bottom: 2px; +} + +.direct-chat-name { + font-weight: 600; +} + +.direct-chat-timestamp { + color: #697582; +} + +.direct-chat-contacts-open .direct-chat-contacts { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} + +.direct-chat-contacts { + -webkit-transform: translate(101%, 0); + transform: translate(101%, 0); + background-color: #343a40; + bottom: 0; + color: #fff; + height: 250px; + overflow: auto; + position: absolute; + top: 0; + width: 100%; +} + +.direct-chat-contacts-light { + background-color: #f8f9fa; +} + +.direct-chat-contacts-light .contacts-list-name { + color: #495057; +} + +.direct-chat-contacts-light .contacts-list-date { + color: #6c757d; +} + +.direct-chat-contacts-light .contacts-list-msg { + color: #545b62; +} + +.contacts-list { + padding-left: 0; + list-style: none; +} + +.contacts-list > li { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + margin: 0; + padding: 10px; +} + +.contacts-list > li::after { + display: block; + clear: both; + content: ""; +} + +.contacts-list > li:last-of-type { + border-bottom: 0; +} + +.contacts-list-img { + border-radius: 50%; + float: left; + width: 40px; +} + +.contacts-list-info { + color: #fff; + margin-left: 45px; +} + +.contacts-list-name, +.contacts-list-status { + display: block; +} + +.contacts-list-name { + font-weight: 600; +} + +.contacts-list-status { + font-size: 0.875rem; +} + +.contacts-list-date { + color: #ced4da; + font-weight: 400; +} + +.contacts-list-msg { + color: #b1bbc4; +} + +.direct-chat-primary .right > .direct-chat-text { + background-color: #007bff; + border-color: #007bff; + color: #fff; +} + +.direct-chat-primary .right > .direct-chat-text::after, .direct-chat-primary .right > .direct-chat-text::before { + border-left-color: #007bff; +} + +.direct-chat-secondary .right > .direct-chat-text { + background-color: #6c757d; + border-color: #6c757d; + color: #fff; +} + +.direct-chat-secondary .right > .direct-chat-text::after, .direct-chat-secondary .right > .direct-chat-text::before { + border-left-color: #6c757d; +} + +.direct-chat-success .right > .direct-chat-text { + background-color: #28a745; + border-color: #28a745; + color: #fff; +} + +.direct-chat-success .right > .direct-chat-text::after, .direct-chat-success .right > .direct-chat-text::before { + border-left-color: #28a745; +} + +.direct-chat-info .right > .direct-chat-text { + background-color: #17a2b8; + border-color: #17a2b8; + color: #fff; +} + +.direct-chat-info .right > .direct-chat-text::after, .direct-chat-info .right > .direct-chat-text::before { + border-left-color: #17a2b8; +} + +.direct-chat-warning .right > .direct-chat-text { + background-color: #FFC0C0; + border-color: #FFC0C0; + color: #1f2d3d; +} + +.direct-chat-warning .right > .direct-chat-text::after, .direct-chat-warning .right > .direct-chat-text::before { + border-left-color: #FFC0C0; +} + +.direct-chat-danger .right > .direct-chat-text { + background-color: #dc3545; + border-color: #dc3545; + color: #fff; +} + +.direct-chat-danger .right > .direct-chat-text::after, .direct-chat-danger .right > .direct-chat-text::before { + border-left-color: #dc3545; +} + +.direct-chat-light .right > .direct-chat-text { + background-color: #f8f9fa; + border-color: #f8f9fa; + color: #1f2d3d; +} + +.direct-chat-light .right > .direct-chat-text::after, .direct-chat-light .right > .direct-chat-text::before { + border-left-color: #f8f9fa; +} + +.direct-chat-dark .right > .direct-chat-text { + background-color: #343a40; + border-color: #343a40; + color: #fff; +} + +.direct-chat-dark .right > .direct-chat-text::after, .direct-chat-dark .right > .direct-chat-text::before { + border-left-color: #343a40; +} + +.direct-chat-lightblue .right > .direct-chat-text { + background-color: #3c8dbc; + border-color: #3c8dbc; + color: #fff; +} + +.direct-chat-lightblue .right > .direct-chat-text::after, .direct-chat-lightblue .right > .direct-chat-text::before { + border-left-color: #3c8dbc; +} + +.direct-chat-navy .right > .direct-chat-text { + background-color: #001f3f; + border-color: #001f3f; + color: #fff; +} + +.direct-chat-navy .right > .direct-chat-text::after, .direct-chat-navy .right > .direct-chat-text::before { + border-left-color: #001f3f; +} + +.direct-chat-olive .right > .direct-chat-text { + background-color: #3d9970; + border-color: #3d9970; + color: #fff; +} + +.direct-chat-olive .right > .direct-chat-text::after, .direct-chat-olive .right > .direct-chat-text::before { + border-left-color: #3d9970; +} + +.direct-chat-lime .right > .direct-chat-text { + background-color: #01ff70; + border-color: #01ff70; + color: #1f2d3d; +} + +.direct-chat-lime .right > .direct-chat-text::after, .direct-chat-lime .right > .direct-chat-text::before { + border-left-color: #01ff70; +} + +.direct-chat-fuchsia .right > .direct-chat-text { + background-color: #f012be; + border-color: #f012be; + color: #fff; +} + +.direct-chat-fuchsia .right > .direct-chat-text::after, .direct-chat-fuchsia .right > .direct-chat-text::before { + border-left-color: #f012be; +} + +.direct-chat-maroon .right > .direct-chat-text { + background-color: #d81b60; + border-color: #d81b60; + color: #fff; +} + +.direct-chat-maroon .right > .direct-chat-text::after, .direct-chat-maroon .right > .direct-chat-text::before { + border-left-color: #d81b60; +} + +.direct-chat-blue .right > .direct-chat-text { + background-color: #007bff; + border-color: #007bff; + color: #fff; +} + +.direct-chat-blue .right > .direct-chat-text::after, .direct-chat-blue .right > .direct-chat-text::before { + border-left-color: #007bff; +} + +.direct-chat-indigo .right > .direct-chat-text { + background-color: #6610f2; + border-color: #6610f2; + color: #fff; +} + +.direct-chat-indigo .right > .direct-chat-text::after, .direct-chat-indigo .right > .direct-chat-text::before { + border-left-color: #6610f2; +} + +.direct-chat-purple .right > .direct-chat-text { + background-color: #6f42c1; + border-color: #6f42c1; + color: #fff; +} + +.direct-chat-purple .right > .direct-chat-text::after, .direct-chat-purple .right > .direct-chat-text::before { + border-left-color: #6f42c1; +} + +.direct-chat-pink .right > .direct-chat-text { + background-color: #e83e8c; + border-color: #e83e8c; + color: #fff; +} + +.direct-chat-pink .right > .direct-chat-text::after, .direct-chat-pink .right > .direct-chat-text::before { + border-left-color: #e83e8c; +} + +.direct-chat-red .right > .direct-chat-text { + background-color: #dc3545; + border-color: #dc3545; + color: #fff; +} + +.direct-chat-red .right > .direct-chat-text::after, .direct-chat-red .right > .direct-chat-text::before { + border-left-color: #dc3545; +} + +.direct-chat-orange .right > .direct-chat-text { + background-color: #fd7e14; + border-color: #fd7e14; + color: #1f2d3d; +} + +.direct-chat-orange .right > .direct-chat-text::after, .direct-chat-orange .right > .direct-chat-text::before { + border-left-color: #fd7e14; +} + +.direct-chat-yellow .right > .direct-chat-text { + background-color: #FFC0C0; + border-color: #FFC0C0; + color: #1f2d3d; +} + +.direct-chat-yellow .right > .direct-chat-text::after, .direct-chat-yellow .right > .direct-chat-text::before { + border-left-color: #FFC0C0; +} + +.direct-chat-green .right > .direct-chat-text { + background-color: #28a745; + border-color: #28a745; + color: #fff; +} + +.direct-chat-green .right > .direct-chat-text::after, .direct-chat-green .right > .direct-chat-text::before { + border-left-color: #28a745; +} + +.direct-chat-teal .right > .direct-chat-text { + background-color: #20c997; + border-color: #20c997; + color: #fff; +} + +.direct-chat-teal .right > .direct-chat-text::after, .direct-chat-teal .right > .direct-chat-text::before { + border-left-color: #20c997; +} + +.direct-chat-cyan .right > .direct-chat-text { + background-color: #17a2b8; + border-color: #17a2b8; + color: #fff; +} + +.direct-chat-cyan .right > .direct-chat-text::after, .direct-chat-cyan .right > .direct-chat-text::before { + border-left-color: #17a2b8; +} + +.direct-chat-white .right > .direct-chat-text { + background-color: #fff; + border-color: #fff; + color: #1f2d3d; +} + +.direct-chat-white .right > .direct-chat-text::after, .direct-chat-white .right > .direct-chat-text::before { + border-left-color: #fff; +} + +.direct-chat-gray .right > .direct-chat-text { + background-color: #6c757d; + border-color: #6c757d; + color: #fff; +} + +.direct-chat-gray .right > .direct-chat-text::after, .direct-chat-gray .right > .direct-chat-text::before { + border-left-color: #6c757d; +} + +.direct-chat-gray-dark .right > .direct-chat-text { + background-color: #343a40; + border-color: #343a40; + color: #fff; +} + +.direct-chat-gray-dark .right > .direct-chat-text::after, .direct-chat-gray-dark .right > .direct-chat-text::before { + border-left-color: #343a40; +} + +.dark-mode .direct-chat-text { + background-color: #454d55; + border-color: #4b545c; + color: #fff; +} + +.dark-mode .direct-chat-text::after, .dark-mode .direct-chat-text::before { + border-right-color: #4b545c; +} + +.dark-mode .direct-chat-timestamp { + color: #adb5bd; +} + +.dark-mode .right > .direct-chat-text::after, .dark-mode .right > .direct-chat-text::before { + border-right-color: transparent; +} + +.dark-mode .direct-chat-primary .right > .direct-chat-text { + background-color: #3f6791; + border-color: #3f6791; + color: #fff; +} + +.dark-mode .direct-chat-primary .right > .direct-chat-text::after, .dark-mode .direct-chat-primary .right > .direct-chat-text::before { + border-left-color: #3f6791; +} + +.dark-mode .direct-chat-secondary .right > .direct-chat-text { + background-color: #6c757d; + border-color: #6c757d; + color: #fff; +} + +.dark-mode .direct-chat-secondary .right > .direct-chat-text::after, .dark-mode .direct-chat-secondary .right > .direct-chat-text::before { + border-left-color: #6c757d; +} + +.dark-mode .direct-chat-success .right > .direct-chat-text { + background-color: #00bc8c; + border-color: #00bc8c; + color: #fff; +} + +.dark-mode .direct-chat-success .right > .direct-chat-text::after, .dark-mode .direct-chat-success .right > .direct-chat-text::before { + border-left-color: #00bc8c; +} + +.dark-mode .direct-chat-info .right > .direct-chat-text { + background-color: #3498db; + border-color: #3498db; + color: #fff; +} + +.dark-mode .direct-chat-info .right > .direct-chat-text::after, .dark-mode .direct-chat-info .right > .direct-chat-text::before { + border-left-color: #3498db; +} + +.dark-mode .direct-chat-warning .right > .direct-chat-text { + background-color: #f39c12; + border-color: #f39c12; + color: #1f2d3d; +} + +.dark-mode .direct-chat-warning .right > .direct-chat-text::after, .dark-mode .direct-chat-warning .right > .direct-chat-text::before { + border-left-color: #f39c12; +} + +.dark-mode .direct-chat-danger .right > .direct-chat-text { + background-color: #e74c3c; + border-color: #e74c3c; + color: #fff; +} + +.dark-mode .direct-chat-danger .right > .direct-chat-text::after, .dark-mode .direct-chat-danger .right > .direct-chat-text::before { + border-left-color: #e74c3c; +} + +.dark-mode .direct-chat-light .right > .direct-chat-text { + background-color: #f8f9fa; + border-color: #f8f9fa; + color: #1f2d3d; +} + +.dark-mode .direct-chat-light .right > .direct-chat-text::after, .dark-mode .direct-chat-light .right > .direct-chat-text::before { + border-left-color: #f8f9fa; +} + +.dark-mode .direct-chat-dark .right > .direct-chat-text { + background-color: #343a40; + border-color: #343a40; + color: #fff; +} + +.dark-mode .direct-chat-dark .right > .direct-chat-text::after, .dark-mode .direct-chat-dark .right > .direct-chat-text::before { + border-left-color: #343a40; +} + +.dark-mode .direct-chat-lightblue .right > .direct-chat-text { + background-color: #86bad8; + border-color: #86bad8; + color: #1f2d3d; +} + +.dark-mode .direct-chat-lightblue .right > .direct-chat-text::after, .dark-mode .direct-chat-lightblue .right > .direct-chat-text::before { + border-left-color: #86bad8; +} + +.dark-mode .direct-chat-navy .right > .direct-chat-text { + background-color: #002c59; + border-color: #002c59; + color: #fff; +} + +.dark-mode .direct-chat-navy .right > .direct-chat-text::after, .dark-mode .direct-chat-navy .right > .direct-chat-text::before { + border-left-color: #002c59; +} + +.dark-mode .direct-chat-olive .right > .direct-chat-text { + background-color: #74c8a3; + border-color: #74c8a3; + color: #1f2d3d; +} + +.dark-mode .direct-chat-olive .right > .direct-chat-text::after, .dark-mode .direct-chat-olive .right > .direct-chat-text::before { + border-left-color: #74c8a3; +} + +.dark-mode .direct-chat-lime .right > .direct-chat-text { + background-color: #67ffa9; + border-color: #67ffa9; + color: #1f2d3d; +} + +.dark-mode .direct-chat-lime .right > .direct-chat-text::after, .dark-mode .direct-chat-lime .right > .direct-chat-text::before { + border-left-color: #67ffa9; +} + +.dark-mode .direct-chat-fuchsia .right > .direct-chat-text { + background-color: #f672d8; + border-color: #f672d8; + color: #1f2d3d; +} + +.dark-mode .direct-chat-fuchsia .right > .direct-chat-text::after, .dark-mode .direct-chat-fuchsia .right > .direct-chat-text::before { + border-left-color: #f672d8; +} + +.dark-mode .direct-chat-maroon .right > .direct-chat-text { + background-color: #ed6c9b; + border-color: #ed6c9b; + color: #1f2d3d; +} + +.dark-mode .direct-chat-maroon .right > .direct-chat-text::after, .dark-mode .direct-chat-maroon .right > .direct-chat-text::before { + border-left-color: #ed6c9b; +} + +.dark-mode .direct-chat-blue .right > .direct-chat-text { + background-color: #3f6791; + border-color: #3f6791; + color: #fff; +} + +.dark-mode .direct-chat-blue .right > .direct-chat-text::after, .dark-mode .direct-chat-blue .right > .direct-chat-text::before { + border-left-color: #3f6791; +} + +.dark-mode .direct-chat-indigo .right > .direct-chat-text { + background-color: #6610f2; + border-color: #6610f2; + color: #fff; +} + +.dark-mode .direct-chat-indigo .right > .direct-chat-text::after, .dark-mode .direct-chat-indigo .right > .direct-chat-text::before { + border-left-color: #6610f2; +} + +.dark-mode .direct-chat-purple .right > .direct-chat-text { + background-color: #6f42c1; + border-color: #6f42c1; + color: #fff; +} + +.dark-mode .direct-chat-purple .right > .direct-chat-text::after, .dark-mode .direct-chat-purple .right > .direct-chat-text::before { + border-left-color: #6f42c1; +} + +.dark-mode .direct-chat-pink .right > .direct-chat-text { + background-color: #e83e8c; + border-color: #e83e8c; + color: #fff; +} + +.dark-mode .direct-chat-pink .right > .direct-chat-text::after, .dark-mode .direct-chat-pink .right > .direct-chat-text::before { + border-left-color: #e83e8c; +} + +.dark-mode .direct-chat-red .right > .direct-chat-text { + background-color: #e74c3c; + border-color: #e74c3c; + color: #fff; +} + +.dark-mode .direct-chat-red .right > .direct-chat-text::after, .dark-mode .direct-chat-red .right > .direct-chat-text::before { + border-left-color: #e74c3c; +} + +.dark-mode .direct-chat-orange .right > .direct-chat-text { + background-color: #fd7e14; + border-color: #fd7e14; + color: #1f2d3d; +} + +.dark-mode .direct-chat-orange .right > .direct-chat-text::after, .dark-mode .direct-chat-orange .right > .direct-chat-text::before { + border-left-color: #fd7e14; +} + +.dark-mode .direct-chat-yellow .right > .direct-chat-text { + background-color: #f39c12; + border-color: #f39c12; + color: #1f2d3d; +} + +.dark-mode .direct-chat-yellow .right > .direct-chat-text::after, .dark-mode .direct-chat-yellow .right > .direct-chat-text::before { + border-left-color: #f39c12; +} + +.dark-mode .direct-chat-green .right > .direct-chat-text { + background-color: #00bc8c; + border-color: #00bc8c; + color: #fff; +} + +.dark-mode .direct-chat-green .right > .direct-chat-text::after, .dark-mode .direct-chat-green .right > .direct-chat-text::before { + border-left-color: #00bc8c; +} + +.dark-mode .direct-chat-teal .right > .direct-chat-text { + background-color: #20c997; + border-color: #20c997; + color: #fff; +} + +.dark-mode .direct-chat-teal .right > .direct-chat-text::after, .dark-mode .direct-chat-teal .right > .direct-chat-text::before { + border-left-color: #20c997; +} + +.dark-mode .direct-chat-cyan .right > .direct-chat-text { + background-color: #3498db; + border-color: #3498db; + color: #fff; +} + +.dark-mode .direct-chat-cyan .right > .direct-chat-text::after, .dark-mode .direct-chat-cyan .right > .direct-chat-text::before { + border-left-color: #3498db; +} + +.dark-mode .direct-chat-white .right > .direct-chat-text { + background-color: #fff; + border-color: #fff; + color: #1f2d3d; +} + +.dark-mode .direct-chat-white .right > .direct-chat-text::after, .dark-mode .direct-chat-white .right > .direct-chat-text::before { + border-left-color: #fff; +} + +.dark-mode .direct-chat-gray .right > .direct-chat-text { + background-color: #6c757d; + border-color: #6c757d; + color: #fff; +} + +.dark-mode .direct-chat-gray .right > .direct-chat-text::after, .dark-mode .direct-chat-gray .right > .direct-chat-text::before { + border-left-color: #6c757d; +} + +.dark-mode .direct-chat-gray-dark .right > .direct-chat-text { + background-color: #343a40; + border-color: #343a40; + color: #fff; +} + +.dark-mode .direct-chat-gray-dark .right > .direct-chat-text::after, .dark-mode .direct-chat-gray-dark .right > .direct-chat-text::before { + border-left-color: #343a40; +} + +.users-list { + padding-left: 0; + list-style: none; +} + +.users-list > li { + float: left; + padding: 10px; + text-align: center; + width: 25%; +} + +.users-list > li img { + border-radius: 50%; + height: auto; + max-width: 100%; +} + +.users-list > li > a:hover, +.users-list > li > a:hover .users-list-name { + color: #999; +} + +.users-list-name, +.users-list-date { + display: block; +} + +.users-list-name { + color: #495057; + font-size: 0.875rem; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.users-list-date { + color: #748290; + font-size: 12px; +} + +.dark-mode .users-list-name { + color: #ced4da; +} + +.dark-mode .users-list-date { + color: #adb5bd; +} + +.card-widget { + border: 0; + position: relative; +} + +.widget-user .widget-user-header { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + height: 135px; + padding: 1rem; + text-align: center; +} + +.widget-user .widget-user-username { + font-size: 25px; + font-weight: 300; + margin-bottom: 0; + margin-top: 0; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); +} + +.widget-user .widget-user-desc { + margin-top: 0; +} + +.widget-user .widget-user-image { + left: 50%; + margin-left: -45px; + position: absolute; + top: 80px; +} + +.widget-user .widget-user-image > img { + border: 3px solid #fff; + height: auto; + width: 90px; +} + +.widget-user .card-footer { + padding-top: 50px; +} + +.widget-user-2 .widget-user-header { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + padding: 1rem; +} + +.widget-user-2 .widget-user-username { + font-size: 25px; + font-weight: 300; + margin-bottom: 5px; + margin-top: 5px; +} + +.widget-user-2 .widget-user-desc { + margin-top: 0; +} + +.widget-user-2 .widget-user-username, +.widget-user-2 .widget-user-desc { + margin-left: 75px; +} + +.widget-user-2 .widget-user-image > img { + float: left; + height: auto; + width: 65px; +} + +.mailbox-messages > .table { + margin: 0; +} + +.mailbox-controls { + padding: 5px; +} + +.mailbox-controls.with-border { + border-bottom: 1px solid rgba(0, 0, 0, 0.125); +} + +.mailbox-read-info { + border-bottom: 1px solid rgba(0, 0, 0, 0.125); + padding: 10px; +} + +.mailbox-read-info h3 { + font-size: 20px; + margin: 0; +} + +.mailbox-read-info h5 { + margin: 0; + padding: 5px 0 0; +} + +.mailbox-read-time { + color: #999; + font-size: 13px; +} + +.mailbox-read-message { + padding: 10px; +} + +.mailbox-attachments { + padding-left: 0; + list-style: none; +} + +.mailbox-attachments li { + border: 1px solid #eee; + float: left; + margin-bottom: 10px; + margin-right: 10px; + width: 200px; +} + +.mailbox-attachment-name { + color: #666; + font-weight: 700; +} + +.mailbox-attachment-icon, +.mailbox-attachment-info, +.mailbox-attachment-size { + display: block; +} + +.mailbox-attachment-info { + background-color: #f8f9fa; + padding: 10px; +} + +.mailbox-attachment-size { + color: #999; + font-size: 12px; +} + +.mailbox-attachment-size > span { + display: inline-block; + padding-top: .75rem; +} + +.mailbox-attachment-icon { + color: #666; + font-size: 65px; + max-height: 132.5px; + padding: 20px 10px; + text-align: center; +} + +.mailbox-attachment-icon.has-img { + padding: 0; +} + +.mailbox-attachment-icon.has-img > img { + height: auto; + max-width: 100%; +} + +.lockscreen { + background-color: #e9ecef; +} + +.lockscreen .lockscreen-name { + font-weight: 600; + text-align: center; +} + +.lockscreen-logo { + font-size: 35px; + font-weight: 300; + margin-bottom: 25px; + text-align: center; +} + +.lockscreen-logo a { + color: #495057; +} + +.lockscreen-wrapper { + margin: 0 auto; + margin-top: 10%; + max-width: 400px; +} + +.lockscreen-item { + border-radius: 4px; + background-color: #fff; + margin: 10px auto 30px; + padding: 0; + position: relative; + width: 290px; +} + +.lockscreen-image { + border-radius: 50%; + background-color: #fff; + left: -10px; + padding: 5px; + position: absolute; + top: -25px; + z-index: 10; +} + +.lockscreen-image > img { + border-radius: 50%; + height: 70px; + width: 70px; +} + +.lockscreen-credentials { + margin-left: 70px; +} + +.lockscreen-credentials .form-control { + border: 0; +} + +.lockscreen-credentials .btn { + background-color: #fff; + border: 0; + padding: 0 10px; +} + +.lockscreen-footer { + margin-top: 10px; +} + +.dark-mode .lockscreen-item { + background-color: #343a40; +} + +.dark-mode .lockscreen-logo a { + color: #fff; +} + +.dark-mode .lockscreen-credentials .btn { + background-color: #343a40; +} + +.dark-mode .lockscreen-image { + background-color: #6c757d; +} + +.login-logo, +.register-logo { + font-size: 2.1rem; + font-weight: 300; + margin-bottom: .9rem; + text-align: center; +} + +.login-logo a, +.register-logo a { + color: #495057; +} + +.login-page, +.register-page { + -ms-flex-align: center; + align-items: center; + background-color: #e9ecef; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + height: 100vh; + -ms-flex-pack: center; + justify-content: center; +} + +.login-box, +.register-box { + width: 360px; +} + +@media (max-width: 576px) { + .login-box, + .register-box { + margin-top: .5rem; + width: 90%; + } +} + +.login-box .card, +.register-box .card { + margin-bottom: 0; +} + +.login-card-body, +.register-card-body { + background-color: #fff; + border-top: 0; + color: #666; + padding: 20px; +} + +.login-card-body .input-group .form-control, +.register-card-body .input-group .form-control { + border-right: 0; +} + +.login-card-body .input-group .form-control:focus, +.register-card-body .input-group .form-control:focus { + box-shadow: none; +} + +.login-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text, +.login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text, +.register-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text, +.register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text { + border-color: #80bdff; +} + +.login-card-body .input-group .form-control.is-valid:focus, +.register-card-body .input-group .form-control.is-valid:focus { + box-shadow: none; +} + +.login-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text, +.login-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text, +.register-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text, +.register-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text { + border-color: #28a745; +} + +.login-card-body .input-group .form-control.is-invalid:focus, +.register-card-body .input-group .form-control.is-invalid:focus { + box-shadow: none; +} + +.login-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text, +.register-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text { + border-color: #dc3545; +} + +.login-card-body .input-group .input-group-text, +.register-card-body .input-group .input-group-text { + background-color: transparent; + border-bottom-right-radius: 0.25rem; + border-left: 0; + border-top-right-radius: 0.25rem; + color: #777; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +.login-box-msg, +.register-box-msg { + margin: 0; + padding: 0 20px 20px; + text-align: center; +} + +.social-auth-links { + margin: 10px 0; +} + +.dark-mode .login-card-body, +.dark-mode .register-card-body { + background-color: #343a40; + border-color: #6c757d; + color: #fff; +} + +.dark-mode .login-logo a, +.dark-mode .register-logo a { + color: #fff; +} + +.error-page { + margin: 20px auto 0; + width: 600px; +} + +@media (max-width: 767.98px) { + .error-page { + width: 100%; + } +} + +.error-page > .headline { + float: left; + font-size: 100px; + font-weight: 300; +} + +@media (max-width: 767.98px) { + .error-page > .headline { + float: none; + text-align: center; + } +} + +.error-page > .error-content { + display: block; + margin-left: 190px; +} + +@media (max-width: 767.98px) { + .error-page > .error-content { + margin-left: 0; + } +} + +.error-page > .error-content > h3 { + font-size: 25px; + font-weight: 300; +} + +@media (max-width: 767.98px) { + .error-page > .error-content > h3 { + text-align: center; + } +} + +.invoice { + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.125); + position: relative; +} + +.invoice-title { + margin-top: 0; +} + +.dark-mode .invoice { + background-color: #343a40; +} + +.profile-user-img { + border: 3px solid #adb5bd; + margin: 0 auto; + padding: 3px; + width: 100px; +} + +.profile-username { + font-size: 21px; + margin-top: 5px; +} + +.post { + border-bottom: 1px solid #adb5bd; + color: #666; + margin-bottom: 15px; + padding-bottom: 15px; +} + +.post:last-of-type { + border-bottom: 0; + margin-bottom: 0; + padding-bottom: 0; +} + +.post .user-block { + margin-bottom: 15px; + width: 100%; +} + +.post .row { + width: 100%; +} + +.dark-mode .post { + color: #fff; + border-color: #6c757d; +} + +.product-image { + max-width: 100%; + height: auto; + width: 100%; +} + +.product-image-thumbs { + -ms-flex-align: stretch; + align-items: stretch; + display: -ms-flexbox; + display: flex; + margin-top: 2rem; +} + +.product-image-thumb { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); + border-radius: 0.25rem; + background-color: #fff; + border: 1px solid #dee2e6; + display: -ms-flexbox; + display: flex; + margin-right: 1rem; + max-width: 7rem; + padding: 0.5rem; +} + +.product-image-thumb img { + max-width: 100%; + height: auto; + -ms-flex-item-align: center; + align-self: center; +} + +.product-image-thumb:hover { + opacity: .5; +} + +.product-share a { + margin-right: .5rem; +} + +.projects td { + vertical-align: middle; +} + +.projects .list-inline { + margin-bottom: 0; +} + +.projects img.table-avatar, +.projects .table-avatar img { + border-radius: 50%; + display: inline; + width: 2.5rem; +} + +.projects .project-state { + text-align: center; +} + +body.iframe-mode .main-sidebar { + display: none; +} + +body.iframe-mode .content-wrapper { + margin-left: 0 !important; + margin-top: 0 !important; + padding-bottom: 0 !important; +} + +body.iframe-mode .main-header, +body.iframe-mode .main-footer { + display: none; +} + +body.iframe-mode-fullscreen { + overflow: hidden; +} + +body.iframe-mode-fullscreen.layout-navbar-fixed .wrapper .content-wrapper { + margin-top: 0 !important; +} + +.content-wrapper { + height: 100%; +} + +.content-wrapper.iframe-mode .btn-iframe-close { + color: #dc3545; + position: absolute; + line-height: 1; + right: .125rem; + top: .125rem; + z-index: 10; + visibility: hidden; +} + +.content-wrapper.iframe-mode .btn-iframe-close:hover, .content-wrapper.iframe-mode .btn-iframe-close:focus { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + visibility: visible; +} + +@media (hover: none) and (pointer: coarse) { + .content-wrapper.iframe-mode .btn-iframe-close { + visibility: visible; + } +} + +.content-wrapper.iframe-mode .navbar-nav { + overflow-y: auto; + width: 100%; +} + +.content-wrapper.iframe-mode .navbar-nav .nav-link { + white-space: nowrap; +} + +.content-wrapper.iframe-mode .navbar-nav .nav-item { + position: relative; +} + +.content-wrapper.iframe-mode .navbar-nav .nav-item:hover .btn-iframe-close, .content-wrapper.iframe-mode .navbar-nav .nav-item:focus .btn-iframe-close { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + visibility: visible; +} + +@media (hover: none) and (pointer: coarse) { + .content-wrapper.iframe-mode .navbar-nav .nav-item:hover .btn-iframe-close, .content-wrapper.iframe-mode .navbar-nav .nav-item:focus .btn-iframe-close { + visibility: visible; + } +} + +.content-wrapper.iframe-mode .tab-content { + position: relative; +} + +.content-wrapper.iframe-mode .tab-pane + .tab-empty { + display: none; +} + +.content-wrapper.iframe-mode .tab-empty { + width: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; +} + +.content-wrapper.iframe-mode .tab-loading { + position: absolute; + top: 0; + left: 0; + width: 100%; + display: none; + background-color: #f4f6f9; +} + +.content-wrapper.iframe-mode .tab-loading > div { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + height: 100%; +} + +.content-wrapper.iframe-mode iframe { + border: 0; + width: 100%; + height: 100%; + margin-bottom: -8px; +} + +.content-wrapper.iframe-mode iframe .content-wrapper { + padding-bottom: 0 !important; +} + +body.iframe-mode-fullscreen .content-wrapper.iframe-mode { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + margin-left: 0 !important; + height: 100%; + min-height: 100%; + z-index: 1048; +} + +.permanent-btn-iframe-close .btn-iframe-close { + -webkit-animation: none !important; + animation: none !important; + visibility: visible !important; + opacity: 1; +} + +.dark-mode .content-wrapper.iframe-mode .tab-loading { + background-color: #343a40; +} + +.content-wrapper.kanban { + height: 1px; +} + +.content-wrapper.kanban .content { + height: 100%; + overflow-x: auto; + overflow-y: hidden; +} + +.content-wrapper.kanban .content .container, +.content-wrapper.kanban .content .container-fluid, +.content-wrapper.kanban .content .container-sm, +.content-wrapper.kanban .content .container-md, +.content-wrapper.kanban .content .container-lg, +.content-wrapper.kanban .content .container-xl { + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + display: -ms-flexbox; + display: flex; + -ms-flex-align: stretch; + align-items: stretch; +} + +.content-wrapper.kanban .content-header + .content { + height: calc(100% - ((2 * 15px) + (1.8rem * 1.2))); +} + +.content-wrapper.kanban .card .card-body { + padding: .5rem; +} + +.content-wrapper.kanban .card.card-row { + width: 340px; + display: inline-block; + margin: 0 .5rem; +} + +.content-wrapper.kanban .card.card-row:first-child { + margin-left: 0; +} + +.content-wrapper.kanban .card.card-row .card-body { + height: calc(100% - (12px + (1.8rem * 1.2) + .5rem)); + overflow-y: auto; +} + +.content-wrapper.kanban .card.card-row .card:last-child { + margin-bottom: 0; + border-bottom-width: 1px; +} + +.content-wrapper.kanban .card.card-row .card .card-header { + padding: .5rem .75rem; +} + +.content-wrapper.kanban .card.card-row .card .card-body { + padding: .75rem; +} + +.content-wrapper.kanban .btn-tool.btn-link { + text-decoration: underline; + padding-left: 0; + padding-right: 0; +} + +.fc-button { + background: #f8f9fa; + background-image: none; + border-bottom-color: #ddd; + border-color: #ddd; + color: #495057; +} + +.fc-button:hover, .fc-button:active, .fc-button.hover { + background-color: #e9e9e9; +} + +.fc-header-title h2 { + color: #666; + font-size: 15px; + line-height: 1.6em; + margin-left: 10px; +} + +.fc-header-right { + padding-right: 10px; +} + +.fc-header-left { + padding-left: 10px; +} + +.fc-widget-header { + background: #fafafa; +} + +.fc-grid { + border: 0; + width: 100%; +} + +.fc-widget-header:first-of-type, +.fc-widget-content:first-of-type { + border-left: 0; + border-right: 0; +} + +.fc-widget-header:last-of-type, +.fc-widget-content:last-of-type { + border-right: 0; +} + +.fc-toolbar, +.fc-toolbar.fc-header-toolbar { + margin: 0; + padding: 1rem; +} + +@media (max-width: 575.98px) { + .fc-toolbar { + -ms-flex-direction: column; + flex-direction: column; + } + .fc-toolbar .fc-left { + -ms-flex-order: 1; + order: 1; + margin-bottom: .5rem; + } + .fc-toolbar .fc-center { + -ms-flex-order: 0; + order: 0; + margin-bottom: .375rem; + } + .fc-toolbar .fc-right { + -ms-flex-order: 2; + order: 2; + } +} + +.fc-day-number { + font-size: 20px; + font-weight: 300; + padding-right: 10px; +} + +.fc-color-picker { + list-style: none; + margin: 0; + padding: 0; +} + +.fc-color-picker > li { + float: left; + font-size: 30px; + line-height: 30px; + margin-right: 5px; +} + +.fc-color-picker > li .fa, +.fc-color-picker > li .fas, +.fc-color-picker > li .far, +.fc-color-picker > li .fab, +.fc-color-picker > li .fal, +.fc-color-picker > li .fad, +.fc-color-picker > li .svg-inline--fa, +.fc-color-picker > li .ion { + transition: -webkit-transform linear .3s; + transition: transform linear .3s; + transition: transform linear .3s, -webkit-transform linear .3s; +} + +.fc-color-picker > li .fa:hover, +.fc-color-picker > li .fas:hover, +.fc-color-picker > li .far:hover, +.fc-color-picker > li .fab:hover, +.fc-color-picker > li .fal:hover, +.fc-color-picker > li .fad:hover, +.fc-color-picker > li .svg-inline--fa:hover, +.fc-color-picker > li .ion:hover { + -webkit-transform: rotate(30deg); + transform: rotate(30deg); +} + +#add-new-event { + transition: all linear .3s; +} + +.external-event { + box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); + border-radius: 0.25rem; + cursor: move; + font-weight: 700; + margin-bottom: 4px; + padding: 5px 10px; +} + +.external-event:hover { + box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2); +} + +.select2-container--default .select2-selection--single { + border: 1px solid #ced4da; + padding: 0.46875rem 0.75rem; + height: calc(2.25rem + 2px); +} + +.select2-container--default.select2-container--open .select2-selection--single { + border-color: #80bdff; +} + +.select2-container--default .select2-dropdown { + border: 1px solid #ced4da; +} + +.select2-container--default .select2-results__option { + padding: 6px 12px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.select2-container--default .select2-selection--single .select2-selection__rendered { + padding-left: 0; + height: auto; + margin-top: -3px; +} + +.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__rendered { + padding-right: 6px; + padding-left: 20px; +} + +.select2-container--default .select2-selection--single .select2-selection__arrow { + height: 31px; + right: 6px; +} + +.select2-container--default .select2-selection--single .select2-selection__arrow b { + margin-top: 0; +} + +.select2-container--default .select2-dropdown .select2-search__field, +.select2-container--default .select2-search--inline .select2-search__field { + border: 1px solid #ced4da; +} + +.select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-search--inline .select2-search__field:focus { + outline: none; + border: 1px solid #80bdff; +} + +.select2-container--default .select2-dropdown.select2-dropdown--below { + border-top: 0; +} + +.select2-container--default .select2-dropdown.select2-dropdown--above { + border-bottom: 0; +} + +.select2-container--default .select2-results__option[aria-disabled='true'] { + color: #6c757d; +} + +.select2-container--default .select2-results__option[aria-selected='true'] { + background-color: #dee2e6; +} + +.select2-container--default .select2-results__option[aria-selected='true'], .select2-container--default .select2-results__option[aria-selected='true']:hover { + color: #1f2d3d; +} + +.select2-container--default .select2-results__option--highlighted { + background-color: #007bff; + color: #fff; +} + +.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #0074f0; + color: #fff; +} + +.select2-container--default .select2-selection--multiple { + border: 1px solid #ced4da; + min-height: calc(2.25rem + 2px); +} + +.select2-container--default .select2-selection--multiple:focus { + border-color: #80bdff; +} + +.select2-container--default .select2-selection--multiple .select2-selection__rendered { + padding: 0 0.375rem 0.375rem; + margin-bottom: -0.375rem; +} + +.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline { + width: 100%; + margin-left: 0.375rem; +} + +.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline .select2-search__field { + width: 100% !important; +} + +.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field { + border: 0; + margin-top: 6px; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #007bff; + border-color: #006fe6; + color: #fff; + padding: 0 10px; + margin-top: .31rem; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); + float: right; + margin-left: 5px; + margin-right: -2px; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.text-sm .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field, .select2-container--default .select2-selection--multiple.text-sm .select2-search.select2-search--inline .select2-search__field { + margin-top: 8px; +} + +.text-sm .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple.text-sm .select2-selection__choice { + margin-top: .4rem; +} + +.select2-container--default.select2-container--focus .select2-selection--single, +.select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #80bdff; +} + +.select2-container--default.select2-container--focus .select2-search__field { + border: 0; +} + +.select2-container--default .select2-selection--single .select2-selection__rendered li { + padding-right: 10px; +} + +.input-group-prepend ~ .select2-container--default .select2-selection { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.input-group > .select2-container--default:not(:last-child) .select2-selection { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +.select2-container--bootstrap4.select2-container--focus .select2-selection { + box-shadow: none; +} + +select.form-control-sm ~ .select2-container--default { + font-size: 0.875rem; +} + +.text-sm .select2-container--default .select2-selection--single, +select.form-control-sm ~ .select2-container--default .select2-selection--single { + height: calc(1.8125rem + 2px); +} + +.text-sm .select2-container--default .select2-selection--single .select2-selection__rendered, +select.form-control-sm ~ .select2-container--default .select2-selection--single .select2-selection__rendered { + margin-top: -.4rem; +} + +.text-sm .select2-container--default .select2-selection--single .select2-selection__arrow, +select.form-control-sm ~ .select2-container--default .select2-selection--single .select2-selection__arrow { + top: -.12rem; +} + +.text-sm .select2-container--default .select2-selection--multiple, +select.form-control-sm ~ .select2-container--default .select2-selection--multiple { + min-height: calc(1.8125rem + 2px); +} + +.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered, +select.form-control-sm ~ .select2-container--default .select2-selection--multiple .select2-selection__rendered { + padding: 0 0.25rem 0.25rem; + margin-top: -0.1rem; +} + +.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline, +select.form-control-sm ~ .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline { + margin-left: 0.25rem; +} + +.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field, +select.form-control-sm ~ .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field { + margin-top: 6px; +} + +.maximized-card .select2-dropdown { + z-index: 9999; +} + +.select2-primary + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #80bdff; +} + +.select2-primary + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #80bdff; +} + +.select2-container--default .select2-primary.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-primary .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-primary .select2-search--inline .select2-search__field:focus, +.select2-primary .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-primary .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-primary .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #80bdff; +} + +.select2-container--default .select2-primary .select2-results__option--highlighted, +.select2-primary .select2-container--default .select2-results__option--highlighted { + background-color: #007bff; + color: #fff; +} + +.select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected]:hover, +.select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #0074f0; + color: #fff; +} + +.select2-container--default .select2-primary .select2-selection--multiple:focus, +.select2-primary .select2-container--default .select2-selection--multiple:focus { + border-color: #80bdff; +} + +.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice, +.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #007bff; + border-color: #006fe6; + color: #fff; +} + +.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove, +.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-primary.select2-container--focus .select2-selection--multiple, +.select2-primary .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #80bdff; +} + +.select2-secondary + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #afb5ba; +} + +.select2-secondary + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #afb5ba; +} + +.select2-container--default .select2-secondary.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-secondary .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-secondary .select2-search--inline .select2-search__field:focus, +.select2-secondary .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-secondary .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-secondary .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #afb5ba; +} + +.select2-container--default .select2-secondary .select2-results__option--highlighted, +.select2-secondary .select2-container--default .select2-results__option--highlighted { + background-color: #6c757d; + color: #fff; +} + +.select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected]:hover, +.select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #656d75; + color: #fff; +} + +.select2-container--default .select2-secondary .select2-selection--multiple:focus, +.select2-secondary .select2-container--default .select2-selection--multiple:focus { + border-color: #afb5ba; +} + +.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice, +.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #6c757d; + border-color: #60686f; + color: #fff; +} + +.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove, +.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-secondary.select2-container--focus .select2-selection--multiple, +.select2-secondary .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #afb5ba; +} + +.select2-success + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #71dd8a; +} + +.select2-success + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #71dd8a; +} + +.select2-container--default .select2-success.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-success .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-success .select2-search--inline .select2-search__field:focus, +.select2-success .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-success .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-success .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #71dd8a; +} + +.select2-container--default .select2-success .select2-results__option--highlighted, +.select2-success .select2-container--default .select2-results__option--highlighted { + background-color: #28a745; + color: #fff; +} + +.select2-container--default .select2-success .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-success .select2-results__option--highlighted[aria-selected]:hover, +.select2-success .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-success .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #259b40; + color: #fff; +} + +.select2-container--default .select2-success .select2-selection--multiple:focus, +.select2-success .select2-container--default .select2-selection--multiple:focus { + border-color: #71dd8a; +} + +.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice, +.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #28a745; + border-color: #23923d; + color: #fff; +} + +.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove, +.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-success.select2-container--focus .select2-selection--multiple, +.select2-success .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #71dd8a; +} + +.select2-info + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #63d9ec; +} + +.select2-info + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #63d9ec; +} + +.select2-container--default .select2-info.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-info .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-info .select2-search--inline .select2-search__field:focus, +.select2-info .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-info .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-info .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #63d9ec; +} + +.select2-container--default .select2-info .select2-results__option--highlighted, +.select2-info .select2-container--default .select2-results__option--highlighted { + background-color: #17a2b8; + color: #fff; +} + +.select2-container--default .select2-info .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-info .select2-results__option--highlighted[aria-selected]:hover, +.select2-info .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-info .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #1596aa; + color: #fff; +} + +.select2-container--default .select2-info .select2-selection--multiple:focus, +.select2-info .select2-container--default .select2-selection--multiple:focus { + border-color: #63d9ec; +} + +.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice, +.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #17a2b8; + border-color: #148ea1; + color: #fff; +} + +.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove, +.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-info.select2-container--focus .select2-selection--multiple, +.select2-info .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #63d9ec; +} + +.select2-warning + .select2-container--default.select2-container--open .select2-selection--single { + border-color: white; +} + +.select2-warning + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: white; +} + +.select2-container--default .select2-warning.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-warning .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-warning .select2-search--inline .select2-search__field:focus, +.select2-warning .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-warning .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-warning .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid white; +} + +.select2-container--default .select2-warning .select2-results__option--highlighted, +.select2-warning .select2-container--default .select2-results__option--highlighted { + background-color: #FFC0C0; + color: #1f2d3d; +} + +.select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected]:hover, +.select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #ffb1b1; + color: #1f2d3d; +} + +.select2-container--default .select2-warning .select2-selection--multiple:focus, +.select2-warning .select2-container--default .select2-selection--multiple:focus { + border-color: white; +} + +.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice, +.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #FFC0C0; + border-color: #ffa7a7; + color: #1f2d3d; +} + +.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove, +.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1f2d3d; +} + +.select2-container--default .select2-warning.select2-container--focus .select2-selection--multiple, +.select2-warning .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: white; +} + +.select2-danger + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #efa2a9; +} + +.select2-danger + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #efa2a9; +} + +.select2-container--default .select2-danger.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-danger .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-danger .select2-search--inline .select2-search__field:focus, +.select2-danger .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-danger .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-danger .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #efa2a9; +} + +.select2-container--default .select2-danger .select2-results__option--highlighted, +.select2-danger .select2-container--default .select2-results__option--highlighted { + background-color: #dc3545; + color: #fff; +} + +.select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected]:hover, +.select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #da2839; + color: #fff; +} + +.select2-container--default .select2-danger .select2-selection--multiple:focus, +.select2-danger .select2-container--default .select2-selection--multiple:focus { + border-color: #efa2a9; +} + +.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice, +.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #dc3545; + border-color: #d32535; + color: #fff; +} + +.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove, +.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-danger.select2-container--focus .select2-selection--multiple, +.select2-danger .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #efa2a9; +} + +.select2-light + .select2-container--default.select2-container--open .select2-selection--single { + border-color: white; +} + +.select2-light + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: white; +} + +.select2-container--default .select2-light.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-light .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-light .select2-search--inline .select2-search__field:focus, +.select2-light .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-light .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-light .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid white; +} + +.select2-container--default .select2-light .select2-results__option--highlighted, +.select2-light .select2-container--default .select2-results__option--highlighted { + background-color: #f8f9fa; + color: #1f2d3d; +} + +.select2-container--default .select2-light .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-light .select2-results__option--highlighted[aria-selected]:hover, +.select2-light .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-light .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #eff1f4; + color: #1f2d3d; +} + +.select2-container--default .select2-light .select2-selection--multiple:focus, +.select2-light .select2-container--default .select2-selection--multiple:focus { + border-color: white; +} + +.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice, +.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #f8f9fa; + border-color: #e9ecef; + color: #1f2d3d; +} + +.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove, +.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1f2d3d; +} + +.select2-container--default .select2-light.select2-container--focus .select2-selection--multiple, +.select2-light .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: white; +} + +.select2-dark + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #6d7a86; +} + +.select2-dark + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #6d7a86; +} + +.select2-container--default .select2-dark.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-dark .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-dark .select2-search--inline .select2-search__field:focus, +.select2-dark .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-dark .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-dark .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #6d7a86; +} + +.select2-container--default .select2-dark .select2-results__option--highlighted, +.select2-dark .select2-container--default .select2-results__option--highlighted { + background-color: #343a40; + color: #fff; +} + +.select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected]:hover, +.select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #2d3238; + color: #fff; +} + +.select2-container--default .select2-dark .select2-selection--multiple:focus, +.select2-dark .select2-container--default .select2-selection--multiple:focus { + border-color: #6d7a86; +} + +.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice, +.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #343a40; + border-color: #292d32; + color: #fff; +} + +.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove, +.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-dark.select2-container--focus .select2-selection--multiple, +.select2-dark .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #6d7a86; +} + +.select2-lightblue + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #99c5de; +} + +.select2-lightblue + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #99c5de; +} + +.select2-container--default .select2-lightblue.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-lightblue .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-lightblue .select2-search--inline .select2-search__field:focus, +.select2-lightblue .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-lightblue .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-lightblue .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #99c5de; +} + +.select2-container--default .select2-lightblue .select2-results__option--highlighted, +.select2-lightblue .select2-container--default .select2-results__option--highlighted { + background-color: #3c8dbc; + color: #fff; +} + +.select2-container--default .select2-lightblue .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-lightblue .select2-results__option--highlighted[aria-selected]:hover, +.select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #3884b0; + color: #fff; +} + +.select2-container--default .select2-lightblue .select2-selection--multiple:focus, +.select2-lightblue .select2-container--default .select2-selection--multiple:focus { + border-color: #99c5de; +} + +.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice, +.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #3c8dbc; + border-color: #367fa9; + color: #fff; +} + +.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove, +.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-lightblue.select2-container--focus .select2-selection--multiple, +.select2-lightblue .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #99c5de; +} + +.select2-navy + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #005ebf; +} + +.select2-navy + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #005ebf; +} + +.select2-container--default .select2-navy.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-navy .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-navy .select2-search--inline .select2-search__field:focus, +.select2-navy .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-navy .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-navy .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #005ebf; +} + +.select2-container--default .select2-navy .select2-results__option--highlighted, +.select2-navy .select2-container--default .select2-results__option--highlighted { + background-color: #001f3f; + color: #fff; +} + +.select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected]:hover, +.select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #001730; + color: #fff; +} + +.select2-container--default .select2-navy .select2-selection--multiple:focus, +.select2-navy .select2-container--default .select2-selection--multiple:focus { + border-color: #005ebf; +} + +.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice, +.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #001f3f; + border-color: #001226; + color: #fff; +} + +.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove, +.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-navy.select2-container--focus .select2-selection--multiple, +.select2-navy .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #005ebf; +} + +.select2-olive + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #87cfaf; +} + +.select2-olive + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #87cfaf; +} + +.select2-container--default .select2-olive.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-olive .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-olive .select2-search--inline .select2-search__field:focus, +.select2-olive .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-olive .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-olive .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #87cfaf; +} + +.select2-container--default .select2-olive .select2-results__option--highlighted, +.select2-olive .select2-container--default .select2-results__option--highlighted { + background-color: #3d9970; + color: #fff; +} + +.select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected]:hover, +.select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #398e68; + color: #fff; +} + +.select2-container--default .select2-olive .select2-selection--multiple:focus, +.select2-olive .select2-container--default .select2-selection--multiple:focus { + border-color: #87cfaf; +} + +.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice, +.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #3d9970; + border-color: #368763; + color: #fff; +} + +.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove, +.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-olive.select2-container--focus .select2-selection--multiple, +.select2-olive .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #87cfaf; +} + +.select2-lime + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #81ffb8; +} + +.select2-lime + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #81ffb8; +} + +.select2-container--default .select2-lime.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-lime .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-lime .select2-search--inline .select2-search__field:focus, +.select2-lime .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-lime .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-lime .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #81ffb8; +} + +.select2-container--default .select2-lime .select2-results__option--highlighted, +.select2-lime .select2-container--default .select2-results__option--highlighted { + background-color: #01ff70; + color: #1f2d3d; +} + +.select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected]:hover, +.select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #00f169; + color: #1f2d3d; +} + +.select2-container--default .select2-lime .select2-selection--multiple:focus, +.select2-lime .select2-container--default .select2-selection--multiple:focus { + border-color: #81ffb8; +} + +.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice, +.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #01ff70; + border-color: #00e765; + color: #1f2d3d; +} + +.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove, +.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1f2d3d; +} + +.select2-container--default .select2-lime.select2-container--focus .select2-selection--multiple, +.select2-lime .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #81ffb8; +} + +.select2-fuchsia + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #f88adf; +} + +.select2-fuchsia + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #f88adf; +} + +.select2-container--default .select2-fuchsia.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-fuchsia .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-fuchsia .select2-search--inline .select2-search__field:focus, +.select2-fuchsia .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-fuchsia .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-fuchsia .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #f88adf; +} + +.select2-container--default .select2-fuchsia .select2-results__option--highlighted, +.select2-fuchsia .select2-container--default .select2-results__option--highlighted { + background-color: #f012be; + color: #fff; +} + +.select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected]:hover, +.select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #e40eb4; + color: #fff; +} + +.select2-container--default .select2-fuchsia .select2-selection--multiple:focus, +.select2-fuchsia .select2-container--default .select2-selection--multiple:focus { + border-color: #f88adf; +} + +.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice, +.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #f012be; + border-color: #db0ead; + color: #fff; +} + +.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove, +.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-fuchsia.select2-container--focus .select2-selection--multiple, +.select2-fuchsia .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #f88adf; +} + +.select2-maroon + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #f083ab; +} + +.select2-maroon + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #f083ab; +} + +.select2-container--default .select2-maroon.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-maroon .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-maroon .select2-search--inline .select2-search__field:focus, +.select2-maroon .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-maroon .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-maroon .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #f083ab; +} + +.select2-container--default .select2-maroon .select2-results__option--highlighted, +.select2-maroon .select2-container--default .select2-results__option--highlighted { + background-color: #d81b60; + color: #fff; +} + +.select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected]:hover, +.select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #ca195a; + color: #fff; +} + +.select2-container--default .select2-maroon .select2-selection--multiple:focus, +.select2-maroon .select2-container--default .select2-selection--multiple:focus { + border-color: #f083ab; +} + +.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice, +.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #d81b60; + border-color: #c11856; + color: #fff; +} + +.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove, +.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-maroon.select2-container--focus .select2-selection--multiple, +.select2-maroon .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #f083ab; +} + +.select2-blue + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #80bdff; +} + +.select2-blue + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #80bdff; +} + +.select2-container--default .select2-blue.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-blue .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-blue .select2-search--inline .select2-search__field:focus, +.select2-blue .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-blue .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-blue .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #80bdff; +} + +.select2-container--default .select2-blue .select2-results__option--highlighted, +.select2-blue .select2-container--default .select2-results__option--highlighted { + background-color: #007bff; + color: #fff; +} + +.select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected]:hover, +.select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #0074f0; + color: #fff; +} + +.select2-container--default .select2-blue .select2-selection--multiple:focus, +.select2-blue .select2-container--default .select2-selection--multiple:focus { + border-color: #80bdff; +} + +.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice, +.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #007bff; + border-color: #006fe6; + color: #fff; +} + +.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove, +.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-blue.select2-container--focus .select2-selection--multiple, +.select2-blue .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #80bdff; +} + +.select2-indigo + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #b389f9; +} + +.select2-indigo + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #b389f9; +} + +.select2-container--default .select2-indigo.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-indigo .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-indigo .select2-search--inline .select2-search__field:focus, +.select2-indigo .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-indigo .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-indigo .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #b389f9; +} + +.select2-container--default .select2-indigo .select2-results__option--highlighted, +.select2-indigo .select2-container--default .select2-results__option--highlighted { + background-color: #6610f2; + color: #fff; +} + +.select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected]:hover, +.select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #5f0de6; + color: #fff; +} + +.select2-container--default .select2-indigo .select2-selection--multiple:focus, +.select2-indigo .select2-container--default .select2-selection--multiple:focus { + border-color: #b389f9; +} + +.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice, +.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #6610f2; + border-color: #5b0cdd; + color: #fff; +} + +.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove, +.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-indigo.select2-container--focus .select2-selection--multiple, +.select2-indigo .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #b389f9; +} + +.select2-purple + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #b8a2e0; +} + +.select2-purple + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #b8a2e0; +} + +.select2-container--default .select2-purple.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-purple .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-purple .select2-search--inline .select2-search__field:focus, +.select2-purple .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-purple .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-purple .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #b8a2e0; +} + +.select2-container--default .select2-purple .select2-results__option--highlighted, +.select2-purple .select2-container--default .select2-results__option--highlighted { + background-color: #6f42c1; + color: #fff; +} + +.select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected]:hover, +.select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #683cb8; + color: #fff; +} + +.select2-container--default .select2-purple .select2-selection--multiple:focus, +.select2-purple .select2-container--default .select2-selection--multiple:focus { + border-color: #b8a2e0; +} + +.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice, +.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #6f42c1; + border-color: #643ab0; + color: #fff; +} + +.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove, +.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-purple.select2-container--focus .select2-selection--multiple, +.select2-purple .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #b8a2e0; +} + +.select2-pink + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #f6b0d0; +} + +.select2-pink + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #f6b0d0; +} + +.select2-container--default .select2-pink.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-pink .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-pink .select2-search--inline .select2-search__field:focus, +.select2-pink .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-pink .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-pink .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #f6b0d0; +} + +.select2-container--default .select2-pink .select2-results__option--highlighted, +.select2-pink .select2-container--default .select2-results__option--highlighted { + background-color: #e83e8c; + color: #fff; +} + +.select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected]:hover, +.select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #e63084; + color: #fff; +} + +.select2-container--default .select2-pink .select2-selection--multiple:focus, +.select2-pink .select2-container--default .select2-selection--multiple:focus { + border-color: #f6b0d0; +} + +.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice, +.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #e83e8c; + border-color: #e5277e; + color: #fff; +} + +.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove, +.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-pink.select2-container--focus .select2-selection--multiple, +.select2-pink .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #f6b0d0; +} + +.select2-red + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #efa2a9; +} + +.select2-red + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #efa2a9; +} + +.select2-container--default .select2-red.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-red .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-red .select2-search--inline .select2-search__field:focus, +.select2-red .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-red .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-red .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #efa2a9; +} + +.select2-container--default .select2-red .select2-results__option--highlighted, +.select2-red .select2-container--default .select2-results__option--highlighted { + background-color: #dc3545; + color: #fff; +} + +.select2-container--default .select2-red .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-red .select2-results__option--highlighted[aria-selected]:hover, +.select2-red .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-red .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #da2839; + color: #fff; +} + +.select2-container--default .select2-red .select2-selection--multiple:focus, +.select2-red .select2-container--default .select2-selection--multiple:focus { + border-color: #efa2a9; +} + +.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice, +.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #dc3545; + border-color: #d32535; + color: #fff; +} + +.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove, +.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-red.select2-container--focus .select2-selection--multiple, +.select2-red .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #efa2a9; +} + +.select2-orange + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #fec392; +} + +.select2-orange + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #fec392; +} + +.select2-container--default .select2-orange.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-orange .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-orange .select2-search--inline .select2-search__field:focus, +.select2-orange .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-orange .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-orange .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #fec392; +} + +.select2-container--default .select2-orange .select2-results__option--highlighted, +.select2-orange .select2-container--default .select2-results__option--highlighted { + background-color: #fd7e14; + color: #1f2d3d; +} + +.select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected]:hover, +.select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #fd7605; + color: #fff; +} + +.select2-container--default .select2-orange .select2-selection--multiple:focus, +.select2-orange .select2-container--default .select2-selection--multiple:focus { + border-color: #fec392; +} + +.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice, +.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #fd7e14; + border-color: #f57102; + color: #1f2d3d; +} + +.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove, +.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1f2d3d; +} + +.select2-container--default .select2-orange.select2-container--focus .select2-selection--multiple, +.select2-orange .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #fec392; +} + +.select2-yellow + .select2-container--default.select2-container--open .select2-selection--single { + border-color: white; +} + +.select2-yellow + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: white; +} + +.select2-container--default .select2-yellow.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-yellow .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-yellow .select2-search--inline .select2-search__field:focus, +.select2-yellow .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-yellow .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-yellow .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid white; +} + +.select2-container--default .select2-yellow .select2-results__option--highlighted, +.select2-yellow .select2-container--default .select2-results__option--highlighted { + background-color: #FFC0C0; + color: #1f2d3d; +} + +.select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected]:hover, +.select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #ffb1b1; + color: #1f2d3d; +} + +.select2-container--default .select2-yellow .select2-selection--multiple:focus, +.select2-yellow .select2-container--default .select2-selection--multiple:focus { + border-color: white; +} + +.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice, +.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #FFC0C0; + border-color: #ffa7a7; + color: #1f2d3d; +} + +.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove, +.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1f2d3d; +} + +.select2-container--default .select2-yellow.select2-container--focus .select2-selection--multiple, +.select2-yellow .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: white; +} + +.select2-green + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #71dd8a; +} + +.select2-green + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #71dd8a; +} + +.select2-container--default .select2-green.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-green .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-green .select2-search--inline .select2-search__field:focus, +.select2-green .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-green .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-green .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #71dd8a; +} + +.select2-container--default .select2-green .select2-results__option--highlighted, +.select2-green .select2-container--default .select2-results__option--highlighted { + background-color: #28a745; + color: #fff; +} + +.select2-container--default .select2-green .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-green .select2-results__option--highlighted[aria-selected]:hover, +.select2-green .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-green .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #259b40; + color: #fff; +} + +.select2-container--default .select2-green .select2-selection--multiple:focus, +.select2-green .select2-container--default .select2-selection--multiple:focus { + border-color: #71dd8a; +} + +.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice, +.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #28a745; + border-color: #23923d; + color: #fff; +} + +.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove, +.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-green.select2-container--focus .select2-selection--multiple, +.select2-green .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #71dd8a; +} + +.select2-teal + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #7eeaca; +} + +.select2-teal + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #7eeaca; +} + +.select2-container--default .select2-teal.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-teal .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-teal .select2-search--inline .select2-search__field:focus, +.select2-teal .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-teal .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-teal .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #7eeaca; +} + +.select2-container--default .select2-teal .select2-results__option--highlighted, +.select2-teal .select2-container--default .select2-results__option--highlighted { + background-color: #20c997; + color: #fff; +} + +.select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected]:hover, +.select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #1ebc8d; + color: #fff; +} + +.select2-container--default .select2-teal .select2-selection--multiple:focus, +.select2-teal .select2-container--default .select2-selection--multiple:focus { + border-color: #7eeaca; +} + +.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice, +.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #20c997; + border-color: #1cb386; + color: #fff; +} + +.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove, +.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-teal.select2-container--focus .select2-selection--multiple, +.select2-teal .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #7eeaca; +} + +.select2-cyan + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #63d9ec; +} + +.select2-cyan + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #63d9ec; +} + +.select2-container--default .select2-cyan.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-cyan .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-cyan .select2-search--inline .select2-search__field:focus, +.select2-cyan .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-cyan .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-cyan .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #63d9ec; +} + +.select2-container--default .select2-cyan .select2-results__option--highlighted, +.select2-cyan .select2-container--default .select2-results__option--highlighted { + background-color: #17a2b8; + color: #fff; +} + +.select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected]:hover, +.select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #1596aa; + color: #fff; +} + +.select2-container--default .select2-cyan .select2-selection--multiple:focus, +.select2-cyan .select2-container--default .select2-selection--multiple:focus { + border-color: #63d9ec; +} + +.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice, +.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #17a2b8; + border-color: #148ea1; + color: #fff; +} + +.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove, +.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-cyan.select2-container--focus .select2-selection--multiple, +.select2-cyan .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #63d9ec; +} + +.select2-white + .select2-container--default.select2-container--open .select2-selection--single { + border-color: white; +} + +.select2-white + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: white; +} + +.select2-container--default .select2-white.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-white .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-white .select2-search--inline .select2-search__field:focus, +.select2-white .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-white .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-white .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid white; +} + +.select2-container--default .select2-white .select2-results__option--highlighted, +.select2-white .select2-container--default .select2-results__option--highlighted { + background-color: #fff; + color: #1f2d3d; +} + +.select2-container--default .select2-white .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-white .select2-results__option--highlighted[aria-selected]:hover, +.select2-white .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-white .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #f7f7f7; + color: #1f2d3d; +} + +.select2-container--default .select2-white .select2-selection--multiple:focus, +.select2-white .select2-container--default .select2-selection--multiple:focus { + border-color: white; +} + +.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice, +.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #fff; + border-color: #f2f2f2; + color: #1f2d3d; +} + +.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove, +.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1f2d3d; +} + +.select2-container--default .select2-white.select2-container--focus .select2-selection--multiple, +.select2-white .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: white; +} + +.select2-gray + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #afb5ba; +} + +.select2-gray + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #afb5ba; +} + +.select2-container--default .select2-gray.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-gray .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-gray .select2-search--inline .select2-search__field:focus, +.select2-gray .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-gray .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-gray .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #afb5ba; +} + +.select2-container--default .select2-gray .select2-results__option--highlighted, +.select2-gray .select2-container--default .select2-results__option--highlighted { + background-color: #6c757d; + color: #fff; +} + +.select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected]:hover, +.select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #656d75; + color: #fff; +} + +.select2-container--default .select2-gray .select2-selection--multiple:focus, +.select2-gray .select2-container--default .select2-selection--multiple:focus { + border-color: #afb5ba; +} + +.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice, +.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #6c757d; + border-color: #60686f; + color: #fff; +} + +.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove, +.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-gray.select2-container--focus .select2-selection--multiple, +.select2-gray .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #afb5ba; +} + +.select2-gray-dark + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #6d7a86; +} + +.select2-gray-dark + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #6d7a86; +} + +.select2-container--default .select2-gray-dark.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-gray-dark .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-gray-dark .select2-search--inline .select2-search__field:focus, +.select2-gray-dark .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-gray-dark .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-gray-dark .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #6d7a86; +} + +.select2-container--default .select2-gray-dark .select2-results__option--highlighted, +.select2-gray-dark .select2-container--default .select2-results__option--highlighted { + background-color: #343a40; + color: #fff; +} + +.select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected]:hover, +.select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #2d3238; + color: #fff; +} + +.select2-container--default .select2-gray-dark .select2-selection--multiple:focus, +.select2-gray-dark .select2-container--default .select2-selection--multiple:focus { + border-color: #6d7a86; +} + +.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice, +.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #343a40; + border-color: #292d32; + color: #fff; +} + +.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove, +.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .select2-gray-dark.select2-container--focus .select2-selection--multiple, +.select2-gray-dark .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #6d7a86; +} + +.dark-mode .select2-selection { + background-color: #343a40; + border-color: #6c757d; +} + +.dark-mode .select2-container--disabled .select2-selection--single { + background-color: #454d55; +} + +.dark-mode .select2-selection--single { + background-color: #343a40; + border-color: #6c757d; +} + +.dark-mode .select2-selection--single .select2-selection__rendered { + color: #fff; +} + +.dark-mode .select2-dropdown .select2-search__field, +.dark-mode .select2-search--inline .select2-search__field { + background-color: #343a40; + border-color: #6c757d; + color: white; +} + +.dark-mode .select2-dropdown { + background-color: #343a40; + border-color: #6c757d; + color: white; +} + +.dark-mode .select2-results__option[aria-selected="true"] { + background-color: #3f474e !important; + color: #dee2e6; +} + +.dark-mode .select2-container .select2-search--inline .select2-search__field { + background-color: transparent; + color: #fff; +} + +.dark-mode .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice { + color: #fff; +} + +.dark-mode .select2-primary + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #85a7ca; +} + +.dark-mode .select2-primary + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #85a7ca; +} + +.select2-container--default .dark-mode .select2-primary.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-primary .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-primary .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-primary .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-primary .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-primary .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #85a7ca; +} + +.select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted, +.dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted { + background-color: #3f6791; + color: #fff; +} + +.select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #3a5f86; + color: #fff; +} + +.select2-container--default .dark-mode .select2-primary .select2-selection--multiple:focus, +.dark-mode .select2-primary .select2-container--default .select2-selection--multiple:focus { + border-color: #85a7ca; +} + +.select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #3f6791; + border-color: #375a7f; + color: #fff; +} + +.select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .dark-mode .select2-primary.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-primary .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #85a7ca; +} + +.dark-mode .select2-secondary + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #afb5ba; +} + +.dark-mode .select2-secondary + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #afb5ba; +} + +.select2-container--default .dark-mode .select2-secondary.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-secondary .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-secondary .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-secondary .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-secondary .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-secondary .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #afb5ba; +} + +.select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted, +.dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted { + background-color: #6c757d; + color: #fff; +} + +.select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #656d75; + color: #fff; +} + +.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple:focus, +.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple:focus { + border-color: #afb5ba; +} + +.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #6c757d; + border-color: #60686f; + color: #fff; +} + +.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .dark-mode .select2-secondary.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-secondary .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #afb5ba; +} + +.dark-mode .select2-success + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #3dffcd; +} + +.dark-mode .select2-success + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #3dffcd; +} + +.select2-container--default .dark-mode .select2-success.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-success .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-success .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-success .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-success .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-success .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #3dffcd; +} + +.select2-container--default .dark-mode .select2-success .select2-results__option--highlighted, +.dark-mode .select2-success .select2-container--default .select2-results__option--highlighted { + background-color: #00bc8c; + color: #fff; +} + +.select2-container--default .dark-mode .select2-success .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-success .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #00ad81; + color: #fff; +} + +.select2-container--default .dark-mode .select2-success .select2-selection--multiple:focus, +.dark-mode .select2-success .select2-container--default .select2-selection--multiple:focus { + border-color: #3dffcd; +} + +.select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #00bc8c; + border-color: #00a379; + color: #fff; +} + +.select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .dark-mode .select2-success.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-success .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #3dffcd; +} + +.dark-mode .select2-info + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #a0cfee; +} + +.dark-mode .select2-info + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #a0cfee; +} + +.select2-container--default .dark-mode .select2-info.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-info .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-info .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-info .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-info .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-info .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #a0cfee; +} + +.select2-container--default .dark-mode .select2-info .select2-results__option--highlighted, +.dark-mode .select2-info .select2-container--default .select2-results__option--highlighted { + background-color: #3498db; + color: #fff; +} + +.select2-container--default .dark-mode .select2-info .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-info .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #2791d9; + color: #fff; +} + +.select2-container--default .dark-mode .select2-info .select2-selection--multiple:focus, +.dark-mode .select2-info .select2-container--default .select2-selection--multiple:focus { + border-color: #a0cfee; +} + +.select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #3498db; + border-color: #258cd1; + color: #fff; +} + +.select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .dark-mode .select2-info.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-info .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #a0cfee; +} + +.dark-mode .select2-warning + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #f9cf8b; +} + +.dark-mode .select2-warning + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #f9cf8b; +} + +.select2-container--default .dark-mode .select2-warning.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-warning .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-warning .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-warning .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-warning .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-warning .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #f9cf8b; +} + +.select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted, +.dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted { + background-color: #f39c12; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #ea940c; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-warning .select2-selection--multiple:focus, +.dark-mode .select2-warning .select2-container--default .select2-selection--multiple:focus { + border-color: #f9cf8b; +} + +.select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #f39c12; + border-color: #e08e0b; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-warning.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-warning .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #f9cf8b; +} + +.dark-mode .select2-danger + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #f5b4ae; +} + +.dark-mode .select2-danger + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #f5b4ae; +} + +.select2-container--default .dark-mode .select2-danger.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-danger .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-danger .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-danger .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-danger .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-danger .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #f5b4ae; +} + +.select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted, +.dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted { + background-color: #e74c3c; + color: #fff; +} + +.select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #e53f2e; + color: #fff; +} + +.select2-container--default .dark-mode .select2-danger .select2-selection--multiple:focus, +.dark-mode .select2-danger .select2-container--default .select2-selection--multiple:focus { + border-color: #f5b4ae; +} + +.select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #e74c3c; + border-color: #e43725; + color: #fff; +} + +.select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .dark-mode .select2-danger.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-danger .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #f5b4ae; +} + +.dark-mode .select2-light + .select2-container--default.select2-container--open .select2-selection--single { + border-color: white; +} + +.dark-mode .select2-light + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: white; +} + +.select2-container--default .dark-mode .select2-light.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-light .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-light .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-light .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-light .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-light .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid white; +} + +.select2-container--default .dark-mode .select2-light .select2-results__option--highlighted, +.dark-mode .select2-light .select2-container--default .select2-results__option--highlighted { + background-color: #f8f9fa; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-light .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-light .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #eff1f4; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-light .select2-selection--multiple:focus, +.dark-mode .select2-light .select2-container--default .select2-selection--multiple:focus { + border-color: white; +} + +.select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #f8f9fa; + border-color: #e9ecef; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-light.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-light .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: white; +} + +.dark-mode .select2-dark + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #6d7a86; +} + +.dark-mode .select2-dark + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #6d7a86; +} + +.select2-container--default .dark-mode .select2-dark.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-dark .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-dark .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-dark .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-dark .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-dark .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #6d7a86; +} + +.select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted, +.dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted { + background-color: #343a40; + color: #fff; +} + +.select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #2d3238; + color: #fff; +} + +.select2-container--default .dark-mode .select2-dark .select2-selection--multiple:focus, +.dark-mode .select2-dark .select2-container--default .select2-selection--multiple:focus { + border-color: #6d7a86; +} + +.select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #343a40; + border-color: #292d32; + color: #fff; +} + +.select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .dark-mode .select2-dark.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-dark .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #6d7a86; +} + +.dark-mode .select2-lightblue + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #e6f1f7; +} + +.dark-mode .select2-lightblue + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #e6f1f7; +} + +.select2-container--default .dark-mode .select2-lightblue.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-lightblue .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-lightblue .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-lightblue .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-lightblue .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-lightblue .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #e6f1f7; +} + +.select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted, +.dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted { + background-color: #86bad8; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #7ab3d5; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple:focus, +.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple:focus { + border-color: #e6f1f7; +} + +.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #86bad8; + border-color: #72afd2; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-lightblue.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-lightblue .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #e6f1f7; +} + +.dark-mode .select2-navy + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #006ad8; +} + +.dark-mode .select2-navy + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #006ad8; +} + +.select2-container--default .dark-mode .select2-navy.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-navy .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-navy .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-navy .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-navy .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-navy .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #006ad8; +} + +.select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted, +.dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted { + background-color: #002c59; + color: #fff; +} + +.select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #002449; + color: #fff; +} + +.select2-container--default .dark-mode .select2-navy .select2-selection--multiple:focus, +.dark-mode .select2-navy .select2-container--default .select2-selection--multiple:focus { + border-color: #006ad8; +} + +.select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #002c59; + border-color: #001f3f; + color: #fff; +} + +.select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .dark-mode .select2-navy.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-navy .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #006ad8; +} + +.dark-mode .select2-olive + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #cfecdf; +} + +.dark-mode .select2-olive + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #cfecdf; +} + +.select2-container--default .dark-mode .select2-olive.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-olive .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-olive .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-olive .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-olive .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-olive .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #cfecdf; +} + +.select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted, +.dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted { + background-color: #74c8a3; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #69c39b; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-olive .select2-selection--multiple:focus, +.dark-mode .select2-olive .select2-container--default .select2-selection--multiple:focus { + border-color: #cfecdf; +} + +.select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #74c8a3; + border-color: #62c096; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-olive.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-olive .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #cfecdf; +} + +.dark-mode .select2-lime + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #e7fff1; +} + +.dark-mode .select2-lime + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #e7fff1; +} + +.select2-container--default .dark-mode .select2-lime.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-lime .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-lime .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-lime .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-lime .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-lime .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #e7fff1; +} + +.select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted, +.dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted { + background-color: #67ffa9; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #58ffa1; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-lime .select2-selection--multiple:focus, +.dark-mode .select2-lime .select2-container--default .select2-selection--multiple:focus { + border-color: #e7fff1; +} + +.select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #67ffa9; + border-color: #4eff9b; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-lime.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-lime .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #e7fff1; +} + +.dark-mode .select2-fuchsia + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #feeaf9; +} + +.dark-mode .select2-fuchsia + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #feeaf9; +} + +.select2-container--default .dark-mode .select2-fuchsia.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-fuchsia .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-fuchsia .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-fuchsia .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-fuchsia .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-fuchsia .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #feeaf9; +} + +.select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted, +.dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted { + background-color: #f672d8; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #f564d4; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple:focus, +.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple:focus { + border-color: #feeaf9; +} + +.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #f672d8; + border-color: #f55ad2; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-fuchsia.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-fuchsia .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #feeaf9; +} + +.dark-mode .select2-maroon + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #fbdee8; +} + +.dark-mode .select2-maroon + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #fbdee8; +} + +.select2-container--default .dark-mode .select2-maroon.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-maroon .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-maroon .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-maroon .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-maroon .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-maroon .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #fbdee8; +} + +.select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted, +.dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted { + background-color: #ed6c9b; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #eb5f92; + color: #fff; +} + +.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple:focus, +.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple:focus { + border-color: #fbdee8; +} + +.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #ed6c9b; + border-color: #ea568c; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-maroon.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-maroon .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #fbdee8; +} + +.dark-mode .select2-blue + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #85a7ca; +} + +.dark-mode .select2-blue + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #85a7ca; +} + +.select2-container--default .dark-mode .select2-blue.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-blue .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-blue .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-blue .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-blue .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-blue .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #85a7ca; +} + +.select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted, +.dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted { + background-color: #3f6791; + color: #fff; +} + +.select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #3a5f86; + color: #fff; +} + +.select2-container--default .dark-mode .select2-blue .select2-selection--multiple:focus, +.dark-mode .select2-blue .select2-container--default .select2-selection--multiple:focus { + border-color: #85a7ca; +} + +.select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #3f6791; + border-color: #375a7f; + color: #fff; +} + +.select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .dark-mode .select2-blue.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-blue .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #85a7ca; +} + +.dark-mode .select2-indigo + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #b389f9; +} + +.dark-mode .select2-indigo + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #b389f9; +} + +.select2-container--default .dark-mode .select2-indigo.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-indigo .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-indigo .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-indigo .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-indigo .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-indigo .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #b389f9; +} + +.select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted, +.dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted { + background-color: #6610f2; + color: #fff; +} + +.select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #5f0de6; + color: #fff; +} + +.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple:focus, +.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple:focus { + border-color: #b389f9; +} + +.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #6610f2; + border-color: #5b0cdd; + color: #fff; +} + +.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .dark-mode .select2-indigo.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-indigo .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #b389f9; +} + +.dark-mode .select2-purple + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #b8a2e0; +} + +.dark-mode .select2-purple + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #b8a2e0; +} + +.select2-container--default .dark-mode .select2-purple.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-purple .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-purple .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-purple .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-purple .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-purple .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #b8a2e0; +} + +.select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted, +.dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted { + background-color: #6f42c1; + color: #fff; +} + +.select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #683cb8; + color: #fff; +} + +.select2-container--default .dark-mode .select2-purple .select2-selection--multiple:focus, +.dark-mode .select2-purple .select2-container--default .select2-selection--multiple:focus { + border-color: #b8a2e0; +} + +.select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #6f42c1; + border-color: #643ab0; + color: #fff; +} + +.select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .dark-mode .select2-purple.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-purple .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #b8a2e0; +} + +.dark-mode .select2-pink + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #f6b0d0; +} + +.dark-mode .select2-pink + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #f6b0d0; +} + +.select2-container--default .dark-mode .select2-pink.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-pink .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-pink .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-pink .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-pink .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-pink .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #f6b0d0; +} + +.select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted, +.dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted { + background-color: #e83e8c; + color: #fff; +} + +.select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #e63084; + color: #fff; +} + +.select2-container--default .dark-mode .select2-pink .select2-selection--multiple:focus, +.dark-mode .select2-pink .select2-container--default .select2-selection--multiple:focus { + border-color: #f6b0d0; +} + +.select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #e83e8c; + border-color: #e5277e; + color: #fff; +} + +.select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .dark-mode .select2-pink.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-pink .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #f6b0d0; +} + +.dark-mode .select2-red + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #f5b4ae; +} + +.dark-mode .select2-red + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #f5b4ae; +} + +.select2-container--default .dark-mode .select2-red.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-red .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-red .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-red .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-red .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-red .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #f5b4ae; +} + +.select2-container--default .dark-mode .select2-red .select2-results__option--highlighted, +.dark-mode .select2-red .select2-container--default .select2-results__option--highlighted { + background-color: #e74c3c; + color: #fff; +} + +.select2-container--default .dark-mode .select2-red .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-red .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #e53f2e; + color: #fff; +} + +.select2-container--default .dark-mode .select2-red .select2-selection--multiple:focus, +.dark-mode .select2-red .select2-container--default .select2-selection--multiple:focus { + border-color: #f5b4ae; +} + +.select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #e74c3c; + border-color: #e43725; + color: #fff; +} + +.select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .dark-mode .select2-red.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-red .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #f5b4ae; +} + +.dark-mode .select2-orange + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #fec392; +} + +.dark-mode .select2-orange + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #fec392; +} + +.select2-container--default .dark-mode .select2-orange.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-orange .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-orange .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-orange .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-orange .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-orange .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #fec392; +} + +.select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted, +.dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted { + background-color: #fd7e14; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #fd7605; + color: #fff; +} + +.select2-container--default .dark-mode .select2-orange .select2-selection--multiple:focus, +.dark-mode .select2-orange .select2-container--default .select2-selection--multiple:focus { + border-color: #fec392; +} + +.select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #fd7e14; + border-color: #f57102; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-orange.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-orange .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #fec392; +} + +.dark-mode .select2-yellow + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #f9cf8b; +} + +.dark-mode .select2-yellow + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #f9cf8b; +} + +.select2-container--default .dark-mode .select2-yellow.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-yellow .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-yellow .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-yellow .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-yellow .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-yellow .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #f9cf8b; +} + +.select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted, +.dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted { + background-color: #f39c12; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #ea940c; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple:focus, +.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple:focus { + border-color: #f9cf8b; +} + +.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #f39c12; + border-color: #e08e0b; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-yellow.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-yellow .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #f9cf8b; +} + +.dark-mode .select2-green + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #3dffcd; +} + +.dark-mode .select2-green + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #3dffcd; +} + +.select2-container--default .dark-mode .select2-green.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-green .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-green .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-green .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-green .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-green .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #3dffcd; +} + +.select2-container--default .dark-mode .select2-green .select2-results__option--highlighted, +.dark-mode .select2-green .select2-container--default .select2-results__option--highlighted { + background-color: #00bc8c; + color: #fff; +} + +.select2-container--default .dark-mode .select2-green .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-green .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #00ad81; + color: #fff; +} + +.select2-container--default .dark-mode .select2-green .select2-selection--multiple:focus, +.dark-mode .select2-green .select2-container--default .select2-selection--multiple:focus { + border-color: #3dffcd; +} + +.select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #00bc8c; + border-color: #00a379; + color: #fff; +} + +.select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .dark-mode .select2-green.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-green .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #3dffcd; +} + +.dark-mode .select2-teal + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #7eeaca; +} + +.dark-mode .select2-teal + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #7eeaca; +} + +.select2-container--default .dark-mode .select2-teal.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-teal .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-teal .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-teal .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-teal .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-teal .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #7eeaca; +} + +.select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted, +.dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted { + background-color: #20c997; + color: #fff; +} + +.select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #1ebc8d; + color: #fff; +} + +.select2-container--default .dark-mode .select2-teal .select2-selection--multiple:focus, +.dark-mode .select2-teal .select2-container--default .select2-selection--multiple:focus { + border-color: #7eeaca; +} + +.select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #20c997; + border-color: #1cb386; + color: #fff; +} + +.select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .dark-mode .select2-teal.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-teal .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #7eeaca; +} + +.dark-mode .select2-cyan + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #a0cfee; +} + +.dark-mode .select2-cyan + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #a0cfee; +} + +.select2-container--default .dark-mode .select2-cyan.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-cyan .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-cyan .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-cyan .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-cyan .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-cyan .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #a0cfee; +} + +.select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted, +.dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted { + background-color: #3498db; + color: #fff; +} + +.select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #2791d9; + color: #fff; +} + +.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple:focus, +.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple:focus { + border-color: #a0cfee; +} + +.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #3498db; + border-color: #258cd1; + color: #fff; +} + +.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .dark-mode .select2-cyan.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-cyan .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #a0cfee; +} + +.dark-mode .select2-white + .select2-container--default.select2-container--open .select2-selection--single { + border-color: white; +} + +.dark-mode .select2-white + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: white; +} + +.select2-container--default .dark-mode .select2-white.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-white .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-white .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-white .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-white .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-white .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid white; +} + +.select2-container--default .dark-mode .select2-white .select2-results__option--highlighted, +.dark-mode .select2-white .select2-container--default .select2-results__option--highlighted { + background-color: #fff; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-white .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-white .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #f7f7f7; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-white .select2-selection--multiple:focus, +.dark-mode .select2-white .select2-container--default .select2-selection--multiple:focus { + border-color: white; +} + +.select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #fff; + border-color: #f2f2f2; + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1f2d3d; +} + +.select2-container--default .dark-mode .select2-white.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-white .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: white; +} + +.dark-mode .select2-gray + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #afb5ba; +} + +.dark-mode .select2-gray + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #afb5ba; +} + +.select2-container--default .dark-mode .select2-gray.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-gray .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-gray .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-gray .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-gray .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-gray .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #afb5ba; +} + +.select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted, +.dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted { + background-color: #6c757d; + color: #fff; +} + +.select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #656d75; + color: #fff; +} + +.select2-container--default .dark-mode .select2-gray .select2-selection--multiple:focus, +.dark-mode .select2-gray .select2-container--default .select2-selection--multiple:focus { + border-color: #afb5ba; +} + +.select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #6c757d; + border-color: #60686f; + color: #fff; +} + +.select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .dark-mode .select2-gray.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-gray .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #afb5ba; +} + +.dark-mode .select2-gray-dark + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #6d7a86; +} + +.dark-mode .select2-gray-dark + .select2-container--default.select2-container--focus .select2-selection--single { + border-color: #6d7a86; +} + +.select2-container--default .dark-mode .select2-gray-dark.select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-gray-dark .select2-dropdown .select2-search__field:focus, +.select2-container--default .dark-mode .select2-gray-dark .select2-search--inline .select2-search__field:focus, +.dark-mode .select2-gray-dark .select2-container--default.select2-dropdown .select2-search__field:focus, +.dark-mode .select2-gray-dark .select2-container--default .select2-dropdown .select2-search__field:focus, +.dark-mode .select2-gray-dark .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #6d7a86; +} + +.select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted, +.dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted { + background-color: #343a40; + color: #fff; +} + +.select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted[aria-selected]:hover, +.dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected], +.dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #2d3238; + color: #fff; +} + +.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple:focus, +.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple:focus { + border-color: #6d7a86; +} + +.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice, +.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #343a40; + border-color: #292d32; + color: #fff; +} + +.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove, +.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove:hover, +.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #fff; +} + +.select2-container--default .dark-mode .select2-gray-dark.select2-container--focus .select2-selection--multiple, +.dark-mode .select2-gray-dark .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #6d7a86; +} + +.slider .tooltip.in { + opacity: 0.9; +} + +.slider.slider-vertical { + height: 100%; +} + +.slider.slider-horizontal { + width: 100%; +} + +.slider-primary .slider .slider-selection { + background: #007bff; +} + +.slider-secondary .slider .slider-selection { + background: #6c757d; +} + +.slider-success .slider .slider-selection { + background: #28a745; +} + +.slider-info .slider .slider-selection { + background: #17a2b8; +} + +.slider-warning .slider .slider-selection { + background: #FFC0C0; +} + +.slider-danger .slider .slider-selection { + background: #dc3545; +} + +.slider-light .slider .slider-selection { + background: #f8f9fa; +} + +.slider-dark .slider .slider-selection { + background: #343a40; +} + +.slider-lightblue .slider .slider-selection { + background: #3c8dbc; +} + +.slider-navy .slider .slider-selection { + background: #001f3f; +} + +.slider-olive .slider .slider-selection { + background: #3d9970; +} + +.slider-lime .slider .slider-selection { + background: #01ff70; +} + +.slider-fuchsia .slider .slider-selection { + background: #f012be; +} + +.slider-maroon .slider .slider-selection { + background: #d81b60; +} + +.slider-blue .slider .slider-selection { + background: #007bff; +} + +.slider-indigo .slider .slider-selection { + background: #6610f2; +} + +.slider-purple .slider .slider-selection { + background: #6f42c1; +} + +.slider-pink .slider .slider-selection { + background: #e83e8c; +} + +.slider-red .slider .slider-selection { + background: #dc3545; +} + +.slider-orange .slider .slider-selection { + background: #fd7e14; +} + +.slider-yellow .slider .slider-selection { + background: #FFC0C0; +} + +.slider-green .slider .slider-selection { + background: #28a745; +} + +.slider-teal .slider .slider-selection { + background: #20c997; +} + +.slider-cyan .slider .slider-selection { + background: #17a2b8; +} + +.slider-white .slider .slider-selection { + background: #fff; +} + +.slider-gray .slider .slider-selection { + background: #6c757d; +} + +.slider-gray-dark .slider .slider-selection { + background: #343a40; +} + +.dark-mode .slider-track { + background-color: #4b545c; + background-image: none; +} + +.dark-mode .slider-primary .slider .slider-selection { + background: #3f6791; +} + +.dark-mode .slider-secondary .slider .slider-selection { + background: #6c757d; +} + +.dark-mode .slider-success .slider .slider-selection { + background: #00bc8c; +} + +.dark-mode .slider-info .slider .slider-selection { + background: #3498db; +} + +.dark-mode .slider-warning .slider .slider-selection { + background: #f39c12; +} + +.dark-mode .slider-danger .slider .slider-selection { + background: #e74c3c; +} + +.dark-mode .slider-light .slider .slider-selection { + background: #f8f9fa; +} + +.dark-mode .slider-dark .slider .slider-selection { + background: #343a40; +} + +.dark-mode .slider-lightblue .slider .slider-selection { + background: #86bad8; +} + +.dark-mode .slider-navy .slider .slider-selection { + background: #002c59; +} + +.dark-mode .slider-olive .slider .slider-selection { + background: #74c8a3; +} + +.dark-mode .slider-lime .slider .slider-selection { + background: #67ffa9; +} + +.dark-mode .slider-fuchsia .slider .slider-selection { + background: #f672d8; +} + +.dark-mode .slider-maroon .slider .slider-selection { + background: #ed6c9b; +} + +.dark-mode .slider-blue .slider .slider-selection { + background: #3f6791; +} + +.dark-mode .slider-indigo .slider .slider-selection { + background: #6610f2; +} + +.dark-mode .slider-purple .slider .slider-selection { + background: #6f42c1; +} + +.dark-mode .slider-pink .slider .slider-selection { + background: #e83e8c; +} + +.dark-mode .slider-red .slider .slider-selection { + background: #e74c3c; +} + +.dark-mode .slider-orange .slider .slider-selection { + background: #fd7e14; +} + +.dark-mode .slider-yellow .slider .slider-selection { + background: #f39c12; +} + +.dark-mode .slider-green .slider .slider-selection { + background: #00bc8c; +} + +.dark-mode .slider-teal .slider .slider-selection { + background: #20c997; +} + +.dark-mode .slider-cyan .slider .slider-selection { + background: #3498db; +} + +.dark-mode .slider-white .slider .slider-selection { + background: #fff; +} + +.dark-mode .slider-gray .slider .slider-selection { + background: #6c757d; +} + +.dark-mode .slider-gray-dark .slider .slider-selection { + background: #343a40; +} + +.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #007bff; +} + +.icheck-primary > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-primary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #007bff; +} + +.icheck-primary > input:first-child:checked + label::before, +.icheck-primary > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #007bff; + border-color: #007bff; +} + +.icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #6c757d; +} + +.icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #6c757d; +} + +.icheck-secondary > input:first-child:checked + label::before, +.icheck-secondary > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #6c757d; + border-color: #6c757d; +} + +.icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #28a745; +} + +.icheck-success > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-success > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #28a745; +} + +.icheck-success > input:first-child:checked + label::before, +.icheck-success > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #28a745; + border-color: #28a745; +} + +.icheck-info > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-info > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #17a2b8; +} + +.icheck-info > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-info > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #17a2b8; +} + +.icheck-info > input:first-child:checked + label::before, +.icheck-info > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #17a2b8; + border-color: #17a2b8; +} + +.icheck-warning > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-warning > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #FFC0C0; +} + +.icheck-warning > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-warning > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #FFC0C0; +} + +.icheck-warning > input:first-child:checked + label::before, +.icheck-warning > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #FFC0C0; + border-color: #FFC0C0; +} + +.icheck-danger > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-danger > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #dc3545; +} + +.icheck-danger > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-danger > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #dc3545; +} + +.icheck-danger > input:first-child:checked + label::before, +.icheck-danger > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #dc3545; + border-color: #dc3545; +} + +.icheck-light > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-light > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #f8f9fa; +} + +.icheck-light > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-light > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #f8f9fa; +} + +.icheck-light > input:first-child:checked + label::before, +.icheck-light > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.icheck-dark > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #343a40; +} + +.icheck-dark > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #343a40; +} + +.icheck-dark > input:first-child:checked + label::before, +.icheck-dark > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #343a40; + border-color: #343a40; +} + +.icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #3c8dbc; +} + +.icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #3c8dbc; +} + +.icheck-lightblue > input:first-child:checked + label::before, +.icheck-lightblue > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #3c8dbc; + border-color: #3c8dbc; +} + +.icheck-navy > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-navy > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #001f3f; +} + +.icheck-navy > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-navy > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #001f3f; +} + +.icheck-navy > input:first-child:checked + label::before, +.icheck-navy > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #001f3f; + border-color: #001f3f; +} + +.icheck-olive > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-olive > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #3d9970; +} + +.icheck-olive > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-olive > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #3d9970; +} + +.icheck-olive > input:first-child:checked + label::before, +.icheck-olive > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #3d9970; + border-color: #3d9970; +} + +.icheck-lime > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-lime > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #01ff70; +} + +.icheck-lime > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-lime > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #01ff70; +} + +.icheck-lime > input:first-child:checked + label::before, +.icheck-lime > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #01ff70; + border-color: #01ff70; +} + +.icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #f012be; +} + +.icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #f012be; +} + +.icheck-fuchsia > input:first-child:checked + label::before, +.icheck-fuchsia > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #f012be; + border-color: #f012be; +} + +.icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #d81b60; +} + +.icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #d81b60; +} + +.icheck-maroon > input:first-child:checked + label::before, +.icheck-maroon > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #d81b60; + border-color: #d81b60; +} + +.icheck-blue > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-blue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #007bff; +} + +.icheck-blue > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-blue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #007bff; +} + +.icheck-blue > input:first-child:checked + label::before, +.icheck-blue > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #007bff; + border-color: #007bff; +} + +.icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #6610f2; +} + +.icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #6610f2; +} + +.icheck-indigo > input:first-child:checked + label::before, +.icheck-indigo > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #6610f2; + border-color: #6610f2; +} + +.icheck-purple > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-purple > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #6f42c1; +} + +.icheck-purple > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-purple > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #6f42c1; +} + +.icheck-purple > input:first-child:checked + label::before, +.icheck-purple > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #6f42c1; + border-color: #6f42c1; +} + +.icheck-pink > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-pink > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #e83e8c; +} + +.icheck-pink > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-pink > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #e83e8c; +} + +.icheck-pink > input:first-child:checked + label::before, +.icheck-pink > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #e83e8c; + border-color: #e83e8c; +} + +.icheck-red > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-red > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #dc3545; +} + +.icheck-red > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-red > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #dc3545; +} + +.icheck-red > input:first-child:checked + label::before, +.icheck-red > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #dc3545; + border-color: #dc3545; +} + +.icheck-orange > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-orange > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #fd7e14; +} + +.icheck-orange > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-orange > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #fd7e14; +} + +.icheck-orange > input:first-child:checked + label::before, +.icheck-orange > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #fd7e14; + border-color: #fd7e14; +} + +.icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #FFC0C0; +} + +.icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #FFC0C0; +} + +.icheck-yellow > input:first-child:checked + label::before, +.icheck-yellow > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #FFC0C0; + border-color: #FFC0C0; +} + +.icheck-green > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-green > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #28a745; +} + +.icheck-green > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-green > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #28a745; +} + +.icheck-green > input:first-child:checked + label::before, +.icheck-green > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #28a745; + border-color: #28a745; +} + +.icheck-teal > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-teal > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #20c997; +} + +.icheck-teal > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-teal > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #20c997; +} + +.icheck-teal > input:first-child:checked + label::before, +.icheck-teal > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #20c997; + border-color: #20c997; +} + +.icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #17a2b8; +} + +.icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #17a2b8; +} + +.icheck-cyan > input:first-child:checked + label::before, +.icheck-cyan > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #17a2b8; + border-color: #17a2b8; +} + +.icheck-white > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #fff; +} + +.icheck-white > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-white > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #fff; +} + +.icheck-white > input:first-child:checked + label::before, +.icheck-white > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #fff; + border-color: #fff; +} + +.icheck-gray > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-gray > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #6c757d; +} + +.icheck-gray > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-gray > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #6c757d; +} + +.icheck-gray > input:first-child:checked + label::before, +.icheck-gray > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #6c757d; + border-color: #6c757d; +} + +.icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #343a40; +} + +.icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #343a40; +} + +.icheck-gray-dark > input:first-child:checked + label::before, +.icheck-gray-dark > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #343a40; + border-color: #343a40; +} + +.dark-mode [class*="icheck-"] > input:first-child:not(:checked) + input[type="hidden"] + label::before, +.dark-mode [class*="icheck-"] > input:first-child:not(:checked) + label::before { + border-color: #6c757d; +} + +.dark-mode .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #3f6791; +} + +.dark-mode .icheck-primary > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-primary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #3f6791; +} + +.dark-mode .icheck-primary > input:first-child:checked + label::before, +.dark-mode .icheck-primary > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #3f6791; + border-color: #3f6791; +} + +.dark-mode .icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #6c757d; +} + +.dark-mode .icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #6c757d; +} + +.dark-mode .icheck-secondary > input:first-child:checked + label::before, +.dark-mode .icheck-secondary > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #6c757d; + border-color: #6c757d; +} + +.dark-mode .icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #00bc8c; +} + +.dark-mode .icheck-success > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-success > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #00bc8c; +} + +.dark-mode .icheck-success > input:first-child:checked + label::before, +.dark-mode .icheck-success > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #00bc8c; + border-color: #00bc8c; +} + +.dark-mode .icheck-info > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-info > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #3498db; +} + +.dark-mode .icheck-info > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-info > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #3498db; +} + +.dark-mode .icheck-info > input:first-child:checked + label::before, +.dark-mode .icheck-info > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #3498db; + border-color: #3498db; +} + +.dark-mode .icheck-warning > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-warning > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #f39c12; +} + +.dark-mode .icheck-warning > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-warning > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #f39c12; +} + +.dark-mode .icheck-warning > input:first-child:checked + label::before, +.dark-mode .icheck-warning > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #f39c12; + border-color: #f39c12; +} + +.dark-mode .icheck-danger > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-danger > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #e74c3c; +} + +.dark-mode .icheck-danger > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-danger > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #e74c3c; +} + +.dark-mode .icheck-danger > input:first-child:checked + label::before, +.dark-mode .icheck-danger > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #e74c3c; + border-color: #e74c3c; +} + +.dark-mode .icheck-light > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-light > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #f8f9fa; +} + +.dark-mode .icheck-light > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-light > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #f8f9fa; +} + +.dark-mode .icheck-light > input:first-child:checked + label::before, +.dark-mode .icheck-light > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.dark-mode .icheck-dark > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #343a40; +} + +.dark-mode .icheck-dark > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #343a40; +} + +.dark-mode .icheck-dark > input:first-child:checked + label::before, +.dark-mode .icheck-dark > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #343a40; + border-color: #343a40; +} + +.dark-mode .icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #86bad8; +} + +.dark-mode .icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #86bad8; +} + +.dark-mode .icheck-lightblue > input:first-child:checked + label::before, +.dark-mode .icheck-lightblue > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #86bad8; + border-color: #86bad8; +} + +.dark-mode .icheck-navy > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-navy > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #002c59; +} + +.dark-mode .icheck-navy > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-navy > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #002c59; +} + +.dark-mode .icheck-navy > input:first-child:checked + label::before, +.dark-mode .icheck-navy > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #002c59; + border-color: #002c59; +} + +.dark-mode .icheck-olive > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-olive > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #74c8a3; +} + +.dark-mode .icheck-olive > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-olive > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #74c8a3; +} + +.dark-mode .icheck-olive > input:first-child:checked + label::before, +.dark-mode .icheck-olive > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #74c8a3; + border-color: #74c8a3; +} + +.dark-mode .icheck-lime > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-lime > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #67ffa9; +} + +.dark-mode .icheck-lime > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-lime > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #67ffa9; +} + +.dark-mode .icheck-lime > input:first-child:checked + label::before, +.dark-mode .icheck-lime > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #67ffa9; + border-color: #67ffa9; +} + +.dark-mode .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #f672d8; +} + +.dark-mode .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #f672d8; +} + +.dark-mode .icheck-fuchsia > input:first-child:checked + label::before, +.dark-mode .icheck-fuchsia > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #f672d8; + border-color: #f672d8; +} + +.dark-mode .icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #ed6c9b; +} + +.dark-mode .icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #ed6c9b; +} + +.dark-mode .icheck-maroon > input:first-child:checked + label::before, +.dark-mode .icheck-maroon > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #ed6c9b; + border-color: #ed6c9b; +} + +.dark-mode .icheck-blue > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-blue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #3f6791; +} + +.dark-mode .icheck-blue > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-blue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #3f6791; +} + +.dark-mode .icheck-blue > input:first-child:checked + label::before, +.dark-mode .icheck-blue > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #3f6791; + border-color: #3f6791; +} + +.dark-mode .icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #6610f2; +} + +.dark-mode .icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #6610f2; +} + +.dark-mode .icheck-indigo > input:first-child:checked + label::before, +.dark-mode .icheck-indigo > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #6610f2; + border-color: #6610f2; +} + +.dark-mode .icheck-purple > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-purple > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #6f42c1; +} + +.dark-mode .icheck-purple > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-purple > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #6f42c1; +} + +.dark-mode .icheck-purple > input:first-child:checked + label::before, +.dark-mode .icheck-purple > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #6f42c1; + border-color: #6f42c1; +} + +.dark-mode .icheck-pink > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-pink > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #e83e8c; +} + +.dark-mode .icheck-pink > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-pink > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #e83e8c; +} + +.dark-mode .icheck-pink > input:first-child:checked + label::before, +.dark-mode .icheck-pink > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #e83e8c; + border-color: #e83e8c; +} + +.dark-mode .icheck-red > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-red > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #e74c3c; +} + +.dark-mode .icheck-red > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-red > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #e74c3c; +} + +.dark-mode .icheck-red > input:first-child:checked + label::before, +.dark-mode .icheck-red > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #e74c3c; + border-color: #e74c3c; +} + +.dark-mode .icheck-orange > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-orange > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #fd7e14; +} + +.dark-mode .icheck-orange > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-orange > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #fd7e14; +} + +.dark-mode .icheck-orange > input:first-child:checked + label::before, +.dark-mode .icheck-orange > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #fd7e14; + border-color: #fd7e14; +} + +.dark-mode .icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #f39c12; +} + +.dark-mode .icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #f39c12; +} + +.dark-mode .icheck-yellow > input:first-child:checked + label::before, +.dark-mode .icheck-yellow > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #f39c12; + border-color: #f39c12; +} + +.dark-mode .icheck-green > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-green > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #00bc8c; +} + +.dark-mode .icheck-green > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-green > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #00bc8c; +} + +.dark-mode .icheck-green > input:first-child:checked + label::before, +.dark-mode .icheck-green > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #00bc8c; + border-color: #00bc8c; +} + +.dark-mode .icheck-teal > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-teal > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #20c997; +} + +.dark-mode .icheck-teal > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-teal > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #20c997; +} + +.dark-mode .icheck-teal > input:first-child:checked + label::before, +.dark-mode .icheck-teal > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #20c997; + border-color: #20c997; +} + +.dark-mode .icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #3498db; +} + +.dark-mode .icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #3498db; +} + +.dark-mode .icheck-cyan > input:first-child:checked + label::before, +.dark-mode .icheck-cyan > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #3498db; + border-color: #3498db; +} + +.dark-mode .icheck-white > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #fff; +} + +.dark-mode .icheck-white > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-white > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #fff; +} + +.dark-mode .icheck-white > input:first-child:checked + label::before, +.dark-mode .icheck-white > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #fff; + border-color: #fff; +} + +.dark-mode .icheck-gray > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-gray > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #6c757d; +} + +.dark-mode .icheck-gray > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-gray > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #6c757d; +} + +.dark-mode .icheck-gray > input:first-child:checked + label::before, +.dark-mode .icheck-gray > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #6c757d; + border-color: #6c757d; +} + +.dark-mode .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + label::before, +.dark-mode .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #343a40; +} + +.dark-mode .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + label::before, +.dark-mode .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #343a40; +} + +.dark-mode .icheck-gray-dark > input:first-child:checked + label::before, +.dark-mode .icheck-gray-dark > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #343a40; + border-color: #343a40; +} + +.mapael .map { + position: relative; +} + +.mapael .mapTooltip { + font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + border-radius: 0.25rem; + font-size: 0.875rem; + background-color: #000; + color: #fff; + display: block; + max-width: 200px; + padding: 0.25rem 0.5rem; + position: absolute; + text-align: center; + word-wrap: break-word; + z-index: 1070; +} + +.mapael .myLegend { + background-color: #f8f9fa; + border: 1px solid #adb5bd; + padding: 10px; + width: 600px; +} + +.mapael .zoomButton { + background-color: #f8f9fa; + border: 1px solid #ddd; + border-radius: 0.25rem; + color: #444; + cursor: pointer; + font-weight: 700; + height: 16px; + left: 10px; + line-height: 14px; + padding-left: 1px; + position: absolute; + text-align: center; + top: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 16px; +} + +.mapael .zoomButton:hover, .mapael .zoomButton:active, .mapael .zoomButton.hover { + background-color: #e9ecef; + color: #2b2b2b; +} + +.mapael .zoomReset { + line-height: 12px; + top: 10px; +} + +.mapael .zoomIn { + top: 30px; +} + +.mapael .zoomOut { + top: 50px; +} + +.jqvmap-zoomin, +.jqvmap-zoomout { + background-color: #f8f9fa; + border: 1px solid #ddd; + border-radius: 0.25rem; + color: #444; + height: 15px; + width: 15px; +} + +.jqvmap-zoomin:hover, .jqvmap-zoomin:active, .jqvmap-zoomin.hover, +.jqvmap-zoomout:hover, +.jqvmap-zoomout:active, +.jqvmap-zoomout.hover { + background-color: #e9ecef; + color: #2b2b2b; +} + +.swal2-icon.swal2-info { + border-color: ligthen(#17a2b8, 20%); + color: #17a2b8; +} + +.swal2-icon.swal2-warning { + border-color: ligthen(#FFC0C0, 20%); + color: #FFC0C0; +} + +.swal2-icon.swal2-error { + border-color: ligthen(#dc3545, 20%); + color: #dc3545; +} + +.swal2-icon.swal2-question { + border-color: ligthen(#6c757d, 20%); + color: #6c757d; +} + +.swal2-icon.swal2-success { + border-color: ligthen(#28a745, 20%); + color: #28a745; +} + +.swal2-icon.swal2-success .swal2-success-ring { + border-color: ligthen(#28a745, 20%); +} + +.swal2-icon.swal2-success [class^='swal2-success-line'] { + background-color: #28a745; +} + +.dark-mode .swal2-popup { + background-color: #343a40; + color: #e9ecef; +} + +.dark-mode .swal2-popup .swal2-content, +.dark-mode .swal2-popup .swal2-title { + color: #e9ecef; +} + +#toast-container .toast { + background-color: #007bff; +} + +#toast-container .toast-success { + background-color: #28a745; +} + +#toast-container .toast-error { + background-color: #dc3545; +} + +#toast-container .toast-info { + background-color: #17a2b8; +} + +#toast-container .toast-warning { + background-color: #FFC0C0; +} + +.toast-bottom-full-width .toast, +.toast-top-full-width .toast { + max-width: inherit; +} + +.pace { + z-index: 1048; +} + +.pace .pace-progress { + z-index: 1049; +} + +.pace .pace-activity { + z-index: 1050; +} + +.pace-primary .pace .pace-progress { + background: #007bff; +} + +.pace-barber-shop-primary .pace { + background: #fff; +} + +.pace-barber-shop-primary .pace .pace-progress { + background: #007bff; +} + +.pace-barber-shop-primary .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-primary .pace .pace-progress::after { + color: rgba(0, 123, 255, 0.2); +} + +.pace-bounce-primary .pace .pace-activity { + background: #007bff; +} + +.pace-center-atom-primary .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-primary .pace-progress::before { + background: #007bff; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-primary .pace-activity { + border-color: #007bff; +} + +.pace-center-atom-primary .pace-activity::after, .pace-center-atom-primary .pace-activity::before { + border-color: #007bff; +} + +.pace-center-circle-primary .pace .pace-progress { + background: rgba(0, 123, 255, 0.8); + color: #fff; +} + +.pace-center-radar-primary .pace .pace-activity { + border-color: #007bff transparent transparent; +} + +.pace-center-radar-primary .pace .pace-activity::before { + border-color: #007bff transparent transparent; +} + +.pace-center-simple-primary .pace { + background: #fff; + border-color: #007bff; +} + +.pace-center-simple-primary .pace .pace-progress { + background: #007bff; +} + +.pace-material-primary .pace { + color: #007bff; +} + +.pace-corner-indicator-primary .pace .pace-activity { + background: #007bff; +} + +.pace-corner-indicator-primary .pace .pace-activity::after, +.pace-corner-indicator-primary .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-primary .pace .pace-activity::before { + border-right-color: rgba(0, 123, 255, 0.2); + border-left-color: rgba(0, 123, 255, 0.2); +} + +.pace-corner-indicator-primary .pace .pace-activity::after { + border-top-color: rgba(0, 123, 255, 0.2); + border-bottom-color: rgba(0, 123, 255, 0.2); +} + +.pace-fill-left-primary .pace .pace-progress { + background-color: rgba(0, 123, 255, 0.2); +} + +.pace-flash-primary .pace .pace-progress { + background: #007bff; +} + +.pace-flash-primary .pace .pace-progress-inner { + box-shadow: 0 0 10px #007bff, 0 0 5px #007bff; +} + +.pace-flash-primary .pace .pace-activity { + border-top-color: #007bff; + border-left-color: #007bff; +} + +.pace-loading-bar-primary .pace .pace-progress { + background: #007bff; + color: #007bff; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-primary .pace .pace-activity { + box-shadow: inset 0 0 0 2px #007bff, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-primary .pace .pace-progress { + background-color: #007bff; + box-shadow: inset -1px 0 #007bff, inset 0 -1px #007bff, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-primary .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-primary .pace-progress { + color: #007bff; +} + +.pace-secondary .pace .pace-progress { + background: #6c757d; +} + +.pace-barber-shop-secondary .pace { + background: #fff; +} + +.pace-barber-shop-secondary .pace .pace-progress { + background: #6c757d; +} + +.pace-barber-shop-secondary .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-secondary .pace .pace-progress::after { + color: rgba(108, 117, 125, 0.2); +} + +.pace-bounce-secondary .pace .pace-activity { + background: #6c757d; +} + +.pace-center-atom-secondary .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-secondary .pace-progress::before { + background: #6c757d; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-secondary .pace-activity { + border-color: #6c757d; +} + +.pace-center-atom-secondary .pace-activity::after, .pace-center-atom-secondary .pace-activity::before { + border-color: #6c757d; +} + +.pace-center-circle-secondary .pace .pace-progress { + background: rgba(108, 117, 125, 0.8); + color: #fff; +} + +.pace-center-radar-secondary .pace .pace-activity { + border-color: #6c757d transparent transparent; +} + +.pace-center-radar-secondary .pace .pace-activity::before { + border-color: #6c757d transparent transparent; +} + +.pace-center-simple-secondary .pace { + background: #fff; + border-color: #6c757d; +} + +.pace-center-simple-secondary .pace .pace-progress { + background: #6c757d; +} + +.pace-material-secondary .pace { + color: #6c757d; +} + +.pace-corner-indicator-secondary .pace .pace-activity { + background: #6c757d; +} + +.pace-corner-indicator-secondary .pace .pace-activity::after, +.pace-corner-indicator-secondary .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-secondary .pace .pace-activity::before { + border-right-color: rgba(108, 117, 125, 0.2); + border-left-color: rgba(108, 117, 125, 0.2); +} + +.pace-corner-indicator-secondary .pace .pace-activity::after { + border-top-color: rgba(108, 117, 125, 0.2); + border-bottom-color: rgba(108, 117, 125, 0.2); +} + +.pace-fill-left-secondary .pace .pace-progress { + background-color: rgba(108, 117, 125, 0.2); +} + +.pace-flash-secondary .pace .pace-progress { + background: #6c757d; +} + +.pace-flash-secondary .pace .pace-progress-inner { + box-shadow: 0 0 10px #6c757d, 0 0 5px #6c757d; +} + +.pace-flash-secondary .pace .pace-activity { + border-top-color: #6c757d; + border-left-color: #6c757d; +} + +.pace-loading-bar-secondary .pace .pace-progress { + background: #6c757d; + color: #6c757d; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-secondary .pace .pace-activity { + box-shadow: inset 0 0 0 2px #6c757d, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-secondary .pace .pace-progress { + background-color: #6c757d; + box-shadow: inset -1px 0 #6c757d, inset 0 -1px #6c757d, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-secondary .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-secondary .pace-progress { + color: #6c757d; +} + +.pace-success .pace .pace-progress { + background: #28a745; +} + +.pace-barber-shop-success .pace { + background: #fff; +} + +.pace-barber-shop-success .pace .pace-progress { + background: #28a745; +} + +.pace-barber-shop-success .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-success .pace .pace-progress::after { + color: rgba(40, 167, 69, 0.2); +} + +.pace-bounce-success .pace .pace-activity { + background: #28a745; +} + +.pace-center-atom-success .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-success .pace-progress::before { + background: #28a745; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-success .pace-activity { + border-color: #28a745; +} + +.pace-center-atom-success .pace-activity::after, .pace-center-atom-success .pace-activity::before { + border-color: #28a745; +} + +.pace-center-circle-success .pace .pace-progress { + background: rgba(40, 167, 69, 0.8); + color: #fff; +} + +.pace-center-radar-success .pace .pace-activity { + border-color: #28a745 transparent transparent; +} + +.pace-center-radar-success .pace .pace-activity::before { + border-color: #28a745 transparent transparent; +} + +.pace-center-simple-success .pace { + background: #fff; + border-color: #28a745; +} + +.pace-center-simple-success .pace .pace-progress { + background: #28a745; +} + +.pace-material-success .pace { + color: #28a745; +} + +.pace-corner-indicator-success .pace .pace-activity { + background: #28a745; +} + +.pace-corner-indicator-success .pace .pace-activity::after, +.pace-corner-indicator-success .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-success .pace .pace-activity::before { + border-right-color: rgba(40, 167, 69, 0.2); + border-left-color: rgba(40, 167, 69, 0.2); +} + +.pace-corner-indicator-success .pace .pace-activity::after { + border-top-color: rgba(40, 167, 69, 0.2); + border-bottom-color: rgba(40, 167, 69, 0.2); +} + +.pace-fill-left-success .pace .pace-progress { + background-color: rgba(40, 167, 69, 0.2); +} + +.pace-flash-success .pace .pace-progress { + background: #28a745; +} + +.pace-flash-success .pace .pace-progress-inner { + box-shadow: 0 0 10px #28a745, 0 0 5px #28a745; +} + +.pace-flash-success .pace .pace-activity { + border-top-color: #28a745; + border-left-color: #28a745; +} + +.pace-loading-bar-success .pace .pace-progress { + background: #28a745; + color: #28a745; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-success .pace .pace-activity { + box-shadow: inset 0 0 0 2px #28a745, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-success .pace .pace-progress { + background-color: #28a745; + box-shadow: inset -1px 0 #28a745, inset 0 -1px #28a745, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-success .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-success .pace-progress { + color: #28a745; +} + +.pace-info .pace .pace-progress { + background: #17a2b8; +} + +.pace-barber-shop-info .pace { + background: #fff; +} + +.pace-barber-shop-info .pace .pace-progress { + background: #17a2b8; +} + +.pace-barber-shop-info .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-info .pace .pace-progress::after { + color: rgba(23, 162, 184, 0.2); +} + +.pace-bounce-info .pace .pace-activity { + background: #17a2b8; +} + +.pace-center-atom-info .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-info .pace-progress::before { + background: #17a2b8; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-info .pace-activity { + border-color: #17a2b8; +} + +.pace-center-atom-info .pace-activity::after, .pace-center-atom-info .pace-activity::before { + border-color: #17a2b8; +} + +.pace-center-circle-info .pace .pace-progress { + background: rgba(23, 162, 184, 0.8); + color: #fff; +} + +.pace-center-radar-info .pace .pace-activity { + border-color: #17a2b8 transparent transparent; +} + +.pace-center-radar-info .pace .pace-activity::before { + border-color: #17a2b8 transparent transparent; +} + +.pace-center-simple-info .pace { + background: #fff; + border-color: #17a2b8; +} + +.pace-center-simple-info .pace .pace-progress { + background: #17a2b8; +} + +.pace-material-info .pace { + color: #17a2b8; +} + +.pace-corner-indicator-info .pace .pace-activity { + background: #17a2b8; +} + +.pace-corner-indicator-info .pace .pace-activity::after, +.pace-corner-indicator-info .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-info .pace .pace-activity::before { + border-right-color: rgba(23, 162, 184, 0.2); + border-left-color: rgba(23, 162, 184, 0.2); +} + +.pace-corner-indicator-info .pace .pace-activity::after { + border-top-color: rgba(23, 162, 184, 0.2); + border-bottom-color: rgba(23, 162, 184, 0.2); +} + +.pace-fill-left-info .pace .pace-progress { + background-color: rgba(23, 162, 184, 0.2); +} + +.pace-flash-info .pace .pace-progress { + background: #17a2b8; +} + +.pace-flash-info .pace .pace-progress-inner { + box-shadow: 0 0 10px #17a2b8, 0 0 5px #17a2b8; +} + +.pace-flash-info .pace .pace-activity { + border-top-color: #17a2b8; + border-left-color: #17a2b8; +} + +.pace-loading-bar-info .pace .pace-progress { + background: #17a2b8; + color: #17a2b8; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-info .pace .pace-activity { + box-shadow: inset 0 0 0 2px #17a2b8, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-info .pace .pace-progress { + background-color: #17a2b8; + box-shadow: inset -1px 0 #17a2b8, inset 0 -1px #17a2b8, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-info .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-info .pace-progress { + color: #17a2b8; +} + +.pace-warning .pace .pace-progress { + background: #FFC0C0; +} + +.pace-barber-shop-warning .pace { + background: #1f2d3d; +} + +.pace-barber-shop-warning .pace .pace-progress { + background: #FFC0C0; +} + +.pace-barber-shop-warning .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-warning .pace .pace-progress::after { + color: rgba(255, 192, 192, 0.2); +} + +.pace-bounce-warning .pace .pace-activity { + background: #FFC0C0; +} + +.pace-center-atom-warning .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-warning .pace-progress::before { + background: #FFC0C0; + color: #1f2d3d; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-warning .pace-activity { + border-color: #FFC0C0; +} + +.pace-center-atom-warning .pace-activity::after, .pace-center-atom-warning .pace-activity::before { + border-color: #FFC0C0; +} + +.pace-center-circle-warning .pace .pace-progress { + background: rgba(255, 192, 192, 0.8); + color: #1f2d3d; +} + +.pace-center-radar-warning .pace .pace-activity { + border-color: #FFC0C0 transparent transparent; +} + +.pace-center-radar-warning .pace .pace-activity::before { + border-color: #FFC0C0 transparent transparent; +} + +.pace-center-simple-warning .pace { + background: #1f2d3d; + border-color: #FFC0C0; +} + +.pace-center-simple-warning .pace .pace-progress { + background: #FFC0C0; +} + +.pace-material-warning .pace { + color: #FFC0C0; +} + +.pace-corner-indicator-warning .pace .pace-activity { + background: #FFC0C0; +} + +.pace-corner-indicator-warning .pace .pace-activity::after, +.pace-corner-indicator-warning .pace .pace-activity::before { + border: 5px solid #1f2d3d; +} + +.pace-corner-indicator-warning .pace .pace-activity::before { + border-right-color: rgba(255, 192, 192, 0.2); + border-left-color: rgba(255, 192, 192, 0.2); +} + +.pace-corner-indicator-warning .pace .pace-activity::after { + border-top-color: rgba(255, 192, 192, 0.2); + border-bottom-color: rgba(255, 192, 192, 0.2); +} + +.pace-fill-left-warning .pace .pace-progress { + background-color: rgba(255, 192, 192, 0.2); +} + +.pace-flash-warning .pace .pace-progress { + background: #FFC0C0; +} + +.pace-flash-warning .pace .pace-progress-inner { + box-shadow: 0 0 10px #FFC0C0, 0 0 5px #FFC0C0; +} + +.pace-flash-warning .pace .pace-activity { + border-top-color: #FFC0C0; + border-left-color: #FFC0C0; +} + +.pace-loading-bar-warning .pace .pace-progress { + background: #FFC0C0; + color: #FFC0C0; + box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d; +} + +.pace-loading-bar-warning .pace .pace-activity { + box-shadow: inset 0 0 0 2px #FFC0C0, inset 0 0 0 7px #1f2d3d; +} + +.pace-mac-osx-warning .pace .pace-progress { + background-color: #FFC0C0; + box-shadow: inset -1px 0 #FFC0C0, inset 0 -1px #FFC0C0, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3); +} + +.pace-mac-osx-warning .pace .pace-activity { + background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-warning .pace-progress { + color: #FFC0C0; +} + +.pace-danger .pace .pace-progress { + background: #dc3545; +} + +.pace-barber-shop-danger .pace { + background: #fff; +} + +.pace-barber-shop-danger .pace .pace-progress { + background: #dc3545; +} + +.pace-barber-shop-danger .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-danger .pace .pace-progress::after { + color: rgba(220, 53, 69, 0.2); +} + +.pace-bounce-danger .pace .pace-activity { + background: #dc3545; +} + +.pace-center-atom-danger .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-danger .pace-progress::before { + background: #dc3545; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-danger .pace-activity { + border-color: #dc3545; +} + +.pace-center-atom-danger .pace-activity::after, .pace-center-atom-danger .pace-activity::before { + border-color: #dc3545; +} + +.pace-center-circle-danger .pace .pace-progress { + background: rgba(220, 53, 69, 0.8); + color: #fff; +} + +.pace-center-radar-danger .pace .pace-activity { + border-color: #dc3545 transparent transparent; +} + +.pace-center-radar-danger .pace .pace-activity::before { + border-color: #dc3545 transparent transparent; +} + +.pace-center-simple-danger .pace { + background: #fff; + border-color: #dc3545; +} + +.pace-center-simple-danger .pace .pace-progress { + background: #dc3545; +} + +.pace-material-danger .pace { + color: #dc3545; +} + +.pace-corner-indicator-danger .pace .pace-activity { + background: #dc3545; +} + +.pace-corner-indicator-danger .pace .pace-activity::after, +.pace-corner-indicator-danger .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-danger .pace .pace-activity::before { + border-right-color: rgba(220, 53, 69, 0.2); + border-left-color: rgba(220, 53, 69, 0.2); +} + +.pace-corner-indicator-danger .pace .pace-activity::after { + border-top-color: rgba(220, 53, 69, 0.2); + border-bottom-color: rgba(220, 53, 69, 0.2); +} + +.pace-fill-left-danger .pace .pace-progress { + background-color: rgba(220, 53, 69, 0.2); +} + +.pace-flash-danger .pace .pace-progress { + background: #dc3545; +} + +.pace-flash-danger .pace .pace-progress-inner { + box-shadow: 0 0 10px #dc3545, 0 0 5px #dc3545; +} + +.pace-flash-danger .pace .pace-activity { + border-top-color: #dc3545; + border-left-color: #dc3545; +} + +.pace-loading-bar-danger .pace .pace-progress { + background: #dc3545; + color: #dc3545; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-danger .pace .pace-activity { + box-shadow: inset 0 0 0 2px #dc3545, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-danger .pace .pace-progress { + background-color: #dc3545; + box-shadow: inset -1px 0 #dc3545, inset 0 -1px #dc3545, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-danger .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-danger .pace-progress { + color: #dc3545; +} + +.pace-light .pace .pace-progress { + background: #f8f9fa; +} + +.pace-barber-shop-light .pace { + background: #1f2d3d; +} + +.pace-barber-shop-light .pace .pace-progress { + background: #f8f9fa; +} + +.pace-barber-shop-light .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-light .pace .pace-progress::after { + color: rgba(248, 249, 250, 0.2); +} + +.pace-bounce-light .pace .pace-activity { + background: #f8f9fa; +} + +.pace-center-atom-light .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-light .pace-progress::before { + background: #f8f9fa; + color: #1f2d3d; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-light .pace-activity { + border-color: #f8f9fa; +} + +.pace-center-atom-light .pace-activity::after, .pace-center-atom-light .pace-activity::before { + border-color: #f8f9fa; +} + +.pace-center-circle-light .pace .pace-progress { + background: rgba(248, 249, 250, 0.8); + color: #1f2d3d; +} + +.pace-center-radar-light .pace .pace-activity { + border-color: #f8f9fa transparent transparent; +} + +.pace-center-radar-light .pace .pace-activity::before { + border-color: #f8f9fa transparent transparent; +} + +.pace-center-simple-light .pace { + background: #1f2d3d; + border-color: #f8f9fa; +} + +.pace-center-simple-light .pace .pace-progress { + background: #f8f9fa; +} + +.pace-material-light .pace { + color: #f8f9fa; +} + +.pace-corner-indicator-light .pace .pace-activity { + background: #f8f9fa; +} + +.pace-corner-indicator-light .pace .pace-activity::after, +.pace-corner-indicator-light .pace .pace-activity::before { + border: 5px solid #1f2d3d; +} + +.pace-corner-indicator-light .pace .pace-activity::before { + border-right-color: rgba(248, 249, 250, 0.2); + border-left-color: rgba(248, 249, 250, 0.2); +} + +.pace-corner-indicator-light .pace .pace-activity::after { + border-top-color: rgba(248, 249, 250, 0.2); + border-bottom-color: rgba(248, 249, 250, 0.2); +} + +.pace-fill-left-light .pace .pace-progress { + background-color: rgba(248, 249, 250, 0.2); +} + +.pace-flash-light .pace .pace-progress { + background: #f8f9fa; +} + +.pace-flash-light .pace .pace-progress-inner { + box-shadow: 0 0 10px #f8f9fa, 0 0 5px #f8f9fa; +} + +.pace-flash-light .pace .pace-activity { + border-top-color: #f8f9fa; + border-left-color: #f8f9fa; +} + +.pace-loading-bar-light .pace .pace-progress { + background: #f8f9fa; + color: #f8f9fa; + box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d; +} + +.pace-loading-bar-light .pace .pace-activity { + box-shadow: inset 0 0 0 2px #f8f9fa, inset 0 0 0 7px #1f2d3d; +} + +.pace-mac-osx-light .pace .pace-progress { + background-color: #f8f9fa; + box-shadow: inset -1px 0 #f8f9fa, inset 0 -1px #f8f9fa, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3); +} + +.pace-mac-osx-light .pace .pace-activity { + background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-light .pace-progress { + color: #f8f9fa; +} + +.pace-dark .pace .pace-progress { + background: #343a40; +} + +.pace-barber-shop-dark .pace { + background: #fff; +} + +.pace-barber-shop-dark .pace .pace-progress { + background: #343a40; +} + +.pace-barber-shop-dark .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-dark .pace .pace-progress::after { + color: rgba(52, 58, 64, 0.2); +} + +.pace-bounce-dark .pace .pace-activity { + background: #343a40; +} + +.pace-center-atom-dark .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-dark .pace-progress::before { + background: #343a40; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-dark .pace-activity { + border-color: #343a40; +} + +.pace-center-atom-dark .pace-activity::after, .pace-center-atom-dark .pace-activity::before { + border-color: #343a40; +} + +.pace-center-circle-dark .pace .pace-progress { + background: rgba(52, 58, 64, 0.8); + color: #fff; +} + +.pace-center-radar-dark .pace .pace-activity { + border-color: #343a40 transparent transparent; +} + +.pace-center-radar-dark .pace .pace-activity::before { + border-color: #343a40 transparent transparent; +} + +.pace-center-simple-dark .pace { + background: #fff; + border-color: #343a40; +} + +.pace-center-simple-dark .pace .pace-progress { + background: #343a40; +} + +.pace-material-dark .pace { + color: #343a40; +} + +.pace-corner-indicator-dark .pace .pace-activity { + background: #343a40; +} + +.pace-corner-indicator-dark .pace .pace-activity::after, +.pace-corner-indicator-dark .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-dark .pace .pace-activity::before { + border-right-color: rgba(52, 58, 64, 0.2); + border-left-color: rgba(52, 58, 64, 0.2); +} + +.pace-corner-indicator-dark .pace .pace-activity::after { + border-top-color: rgba(52, 58, 64, 0.2); + border-bottom-color: rgba(52, 58, 64, 0.2); +} + +.pace-fill-left-dark .pace .pace-progress { + background-color: rgba(52, 58, 64, 0.2); +} + +.pace-flash-dark .pace .pace-progress { + background: #343a40; +} + +.pace-flash-dark .pace .pace-progress-inner { + box-shadow: 0 0 10px #343a40, 0 0 5px #343a40; +} + +.pace-flash-dark .pace .pace-activity { + border-top-color: #343a40; + border-left-color: #343a40; +} + +.pace-loading-bar-dark .pace .pace-progress { + background: #343a40; + color: #343a40; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-dark .pace .pace-activity { + box-shadow: inset 0 0 0 2px #343a40, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-dark .pace .pace-progress { + background-color: #343a40; + box-shadow: inset -1px 0 #343a40, inset 0 -1px #343a40, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-dark .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-dark .pace-progress { + color: #343a40; +} + +.pace-lightblue .pace .pace-progress { + background: #3c8dbc; +} + +.pace-barber-shop-lightblue .pace { + background: #fff; +} + +.pace-barber-shop-lightblue .pace .pace-progress { + background: #3c8dbc; +} + +.pace-barber-shop-lightblue .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-lightblue .pace .pace-progress::after { + color: rgba(60, 141, 188, 0.2); +} + +.pace-bounce-lightblue .pace .pace-activity { + background: #3c8dbc; +} + +.pace-center-atom-lightblue .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-lightblue .pace-progress::before { + background: #3c8dbc; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-lightblue .pace-activity { + border-color: #3c8dbc; +} + +.pace-center-atom-lightblue .pace-activity::after, .pace-center-atom-lightblue .pace-activity::before { + border-color: #3c8dbc; +} + +.pace-center-circle-lightblue .pace .pace-progress { + background: rgba(60, 141, 188, 0.8); + color: #fff; +} + +.pace-center-radar-lightblue .pace .pace-activity { + border-color: #3c8dbc transparent transparent; +} + +.pace-center-radar-lightblue .pace .pace-activity::before { + border-color: #3c8dbc transparent transparent; +} + +.pace-center-simple-lightblue .pace { + background: #fff; + border-color: #3c8dbc; +} + +.pace-center-simple-lightblue .pace .pace-progress { + background: #3c8dbc; +} + +.pace-material-lightblue .pace { + color: #3c8dbc; +} + +.pace-corner-indicator-lightblue .pace .pace-activity { + background: #3c8dbc; +} + +.pace-corner-indicator-lightblue .pace .pace-activity::after, +.pace-corner-indicator-lightblue .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-lightblue .pace .pace-activity::before { + border-right-color: rgba(60, 141, 188, 0.2); + border-left-color: rgba(60, 141, 188, 0.2); +} + +.pace-corner-indicator-lightblue .pace .pace-activity::after { + border-top-color: rgba(60, 141, 188, 0.2); + border-bottom-color: rgba(60, 141, 188, 0.2); +} + +.pace-fill-left-lightblue .pace .pace-progress { + background-color: rgba(60, 141, 188, 0.2); +} + +.pace-flash-lightblue .pace .pace-progress { + background: #3c8dbc; +} + +.pace-flash-lightblue .pace .pace-progress-inner { + box-shadow: 0 0 10px #3c8dbc, 0 0 5px #3c8dbc; +} + +.pace-flash-lightblue .pace .pace-activity { + border-top-color: #3c8dbc; + border-left-color: #3c8dbc; +} + +.pace-loading-bar-lightblue .pace .pace-progress { + background: #3c8dbc; + color: #3c8dbc; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-lightblue .pace .pace-activity { + box-shadow: inset 0 0 0 2px #3c8dbc, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-lightblue .pace .pace-progress { + background-color: #3c8dbc; + box-shadow: inset -1px 0 #3c8dbc, inset 0 -1px #3c8dbc, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-lightblue .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-lightblue .pace-progress { + color: #3c8dbc; +} + +.pace-navy .pace .pace-progress { + background: #001f3f; +} + +.pace-barber-shop-navy .pace { + background: #fff; +} + +.pace-barber-shop-navy .pace .pace-progress { + background: #001f3f; +} + +.pace-barber-shop-navy .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-navy .pace .pace-progress::after { + color: rgba(0, 31, 63, 0.2); +} + +.pace-bounce-navy .pace .pace-activity { + background: #001f3f; +} + +.pace-center-atom-navy .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-navy .pace-progress::before { + background: #001f3f; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-navy .pace-activity { + border-color: #001f3f; +} + +.pace-center-atom-navy .pace-activity::after, .pace-center-atom-navy .pace-activity::before { + border-color: #001f3f; +} + +.pace-center-circle-navy .pace .pace-progress { + background: rgba(0, 31, 63, 0.8); + color: #fff; +} + +.pace-center-radar-navy .pace .pace-activity { + border-color: #001f3f transparent transparent; +} + +.pace-center-radar-navy .pace .pace-activity::before { + border-color: #001f3f transparent transparent; +} + +.pace-center-simple-navy .pace { + background: #fff; + border-color: #001f3f; +} + +.pace-center-simple-navy .pace .pace-progress { + background: #001f3f; +} + +.pace-material-navy .pace { + color: #001f3f; +} + +.pace-corner-indicator-navy .pace .pace-activity { + background: #001f3f; +} + +.pace-corner-indicator-navy .pace .pace-activity::after, +.pace-corner-indicator-navy .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-navy .pace .pace-activity::before { + border-right-color: rgba(0, 31, 63, 0.2); + border-left-color: rgba(0, 31, 63, 0.2); +} + +.pace-corner-indicator-navy .pace .pace-activity::after { + border-top-color: rgba(0, 31, 63, 0.2); + border-bottom-color: rgba(0, 31, 63, 0.2); +} + +.pace-fill-left-navy .pace .pace-progress { + background-color: rgba(0, 31, 63, 0.2); +} + +.pace-flash-navy .pace .pace-progress { + background: #001f3f; +} + +.pace-flash-navy .pace .pace-progress-inner { + box-shadow: 0 0 10px #001f3f, 0 0 5px #001f3f; +} + +.pace-flash-navy .pace .pace-activity { + border-top-color: #001f3f; + border-left-color: #001f3f; +} + +.pace-loading-bar-navy .pace .pace-progress { + background: #001f3f; + color: #001f3f; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-navy .pace .pace-activity { + box-shadow: inset 0 0 0 2px #001f3f, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-navy .pace .pace-progress { + background-color: #001f3f; + box-shadow: inset -1px 0 #001f3f, inset 0 -1px #001f3f, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-navy .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-navy .pace-progress { + color: #001f3f; +} + +.pace-olive .pace .pace-progress { + background: #3d9970; +} + +.pace-barber-shop-olive .pace { + background: #fff; +} + +.pace-barber-shop-olive .pace .pace-progress { + background: #3d9970; +} + +.pace-barber-shop-olive .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-olive .pace .pace-progress::after { + color: rgba(61, 153, 112, 0.2); +} + +.pace-bounce-olive .pace .pace-activity { + background: #3d9970; +} + +.pace-center-atom-olive .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-olive .pace-progress::before { + background: #3d9970; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-olive .pace-activity { + border-color: #3d9970; +} + +.pace-center-atom-olive .pace-activity::after, .pace-center-atom-olive .pace-activity::before { + border-color: #3d9970; +} + +.pace-center-circle-olive .pace .pace-progress { + background: rgba(61, 153, 112, 0.8); + color: #fff; +} + +.pace-center-radar-olive .pace .pace-activity { + border-color: #3d9970 transparent transparent; +} + +.pace-center-radar-olive .pace .pace-activity::before { + border-color: #3d9970 transparent transparent; +} + +.pace-center-simple-olive .pace { + background: #fff; + border-color: #3d9970; +} + +.pace-center-simple-olive .pace .pace-progress { + background: #3d9970; +} + +.pace-material-olive .pace { + color: #3d9970; +} + +.pace-corner-indicator-olive .pace .pace-activity { + background: #3d9970; +} + +.pace-corner-indicator-olive .pace .pace-activity::after, +.pace-corner-indicator-olive .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-olive .pace .pace-activity::before { + border-right-color: rgba(61, 153, 112, 0.2); + border-left-color: rgba(61, 153, 112, 0.2); +} + +.pace-corner-indicator-olive .pace .pace-activity::after { + border-top-color: rgba(61, 153, 112, 0.2); + border-bottom-color: rgba(61, 153, 112, 0.2); +} + +.pace-fill-left-olive .pace .pace-progress { + background-color: rgba(61, 153, 112, 0.2); +} + +.pace-flash-olive .pace .pace-progress { + background: #3d9970; +} + +.pace-flash-olive .pace .pace-progress-inner { + box-shadow: 0 0 10px #3d9970, 0 0 5px #3d9970; +} + +.pace-flash-olive .pace .pace-activity { + border-top-color: #3d9970; + border-left-color: #3d9970; +} + +.pace-loading-bar-olive .pace .pace-progress { + background: #3d9970; + color: #3d9970; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-olive .pace .pace-activity { + box-shadow: inset 0 0 0 2px #3d9970, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-olive .pace .pace-progress { + background-color: #3d9970; + box-shadow: inset -1px 0 #3d9970, inset 0 -1px #3d9970, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-olive .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-olive .pace-progress { + color: #3d9970; +} + +.pace-lime .pace .pace-progress { + background: #01ff70; +} + +.pace-barber-shop-lime .pace { + background: #1f2d3d; +} + +.pace-barber-shop-lime .pace .pace-progress { + background: #01ff70; +} + +.pace-barber-shop-lime .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-lime .pace .pace-progress::after { + color: rgba(1, 255, 112, 0.2); +} + +.pace-bounce-lime .pace .pace-activity { + background: #01ff70; +} + +.pace-center-atom-lime .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-lime .pace-progress::before { + background: #01ff70; + color: #1f2d3d; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-lime .pace-activity { + border-color: #01ff70; +} + +.pace-center-atom-lime .pace-activity::after, .pace-center-atom-lime .pace-activity::before { + border-color: #01ff70; +} + +.pace-center-circle-lime .pace .pace-progress { + background: rgba(1, 255, 112, 0.8); + color: #1f2d3d; +} + +.pace-center-radar-lime .pace .pace-activity { + border-color: #01ff70 transparent transparent; +} + +.pace-center-radar-lime .pace .pace-activity::before { + border-color: #01ff70 transparent transparent; +} + +.pace-center-simple-lime .pace { + background: #1f2d3d; + border-color: #01ff70; +} + +.pace-center-simple-lime .pace .pace-progress { + background: #01ff70; +} + +.pace-material-lime .pace { + color: #01ff70; +} + +.pace-corner-indicator-lime .pace .pace-activity { + background: #01ff70; +} + +.pace-corner-indicator-lime .pace .pace-activity::after, +.pace-corner-indicator-lime .pace .pace-activity::before { + border: 5px solid #1f2d3d; +} + +.pace-corner-indicator-lime .pace .pace-activity::before { + border-right-color: rgba(1, 255, 112, 0.2); + border-left-color: rgba(1, 255, 112, 0.2); +} + +.pace-corner-indicator-lime .pace .pace-activity::after { + border-top-color: rgba(1, 255, 112, 0.2); + border-bottom-color: rgba(1, 255, 112, 0.2); +} + +.pace-fill-left-lime .pace .pace-progress { + background-color: rgba(1, 255, 112, 0.2); +} + +.pace-flash-lime .pace .pace-progress { + background: #01ff70; +} + +.pace-flash-lime .pace .pace-progress-inner { + box-shadow: 0 0 10px #01ff70, 0 0 5px #01ff70; +} + +.pace-flash-lime .pace .pace-activity { + border-top-color: #01ff70; + border-left-color: #01ff70; +} + +.pace-loading-bar-lime .pace .pace-progress { + background: #01ff70; + color: #01ff70; + box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d; +} + +.pace-loading-bar-lime .pace .pace-activity { + box-shadow: inset 0 0 0 2px #01ff70, inset 0 0 0 7px #1f2d3d; +} + +.pace-mac-osx-lime .pace .pace-progress { + background-color: #01ff70; + box-shadow: inset -1px 0 #01ff70, inset 0 -1px #01ff70, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3); +} + +.pace-mac-osx-lime .pace .pace-activity { + background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-lime .pace-progress { + color: #01ff70; +} + +.pace-fuchsia .pace .pace-progress { + background: #f012be; +} + +.pace-barber-shop-fuchsia .pace { + background: #fff; +} + +.pace-barber-shop-fuchsia .pace .pace-progress { + background: #f012be; +} + +.pace-barber-shop-fuchsia .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-fuchsia .pace .pace-progress::after { + color: rgba(240, 18, 190, 0.2); +} + +.pace-bounce-fuchsia .pace .pace-activity { + background: #f012be; +} + +.pace-center-atom-fuchsia .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-fuchsia .pace-progress::before { + background: #f012be; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-fuchsia .pace-activity { + border-color: #f012be; +} + +.pace-center-atom-fuchsia .pace-activity::after, .pace-center-atom-fuchsia .pace-activity::before { + border-color: #f012be; +} + +.pace-center-circle-fuchsia .pace .pace-progress { + background: rgba(240, 18, 190, 0.8); + color: #fff; +} + +.pace-center-radar-fuchsia .pace .pace-activity { + border-color: #f012be transparent transparent; +} + +.pace-center-radar-fuchsia .pace .pace-activity::before { + border-color: #f012be transparent transparent; +} + +.pace-center-simple-fuchsia .pace { + background: #fff; + border-color: #f012be; +} + +.pace-center-simple-fuchsia .pace .pace-progress { + background: #f012be; +} + +.pace-material-fuchsia .pace { + color: #f012be; +} + +.pace-corner-indicator-fuchsia .pace .pace-activity { + background: #f012be; +} + +.pace-corner-indicator-fuchsia .pace .pace-activity::after, +.pace-corner-indicator-fuchsia .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-fuchsia .pace .pace-activity::before { + border-right-color: rgba(240, 18, 190, 0.2); + border-left-color: rgba(240, 18, 190, 0.2); +} + +.pace-corner-indicator-fuchsia .pace .pace-activity::after { + border-top-color: rgba(240, 18, 190, 0.2); + border-bottom-color: rgba(240, 18, 190, 0.2); +} + +.pace-fill-left-fuchsia .pace .pace-progress { + background-color: rgba(240, 18, 190, 0.2); +} + +.pace-flash-fuchsia .pace .pace-progress { + background: #f012be; +} + +.pace-flash-fuchsia .pace .pace-progress-inner { + box-shadow: 0 0 10px #f012be, 0 0 5px #f012be; +} + +.pace-flash-fuchsia .pace .pace-activity { + border-top-color: #f012be; + border-left-color: #f012be; +} + +.pace-loading-bar-fuchsia .pace .pace-progress { + background: #f012be; + color: #f012be; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-fuchsia .pace .pace-activity { + box-shadow: inset 0 0 0 2px #f012be, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-fuchsia .pace .pace-progress { + background-color: #f012be; + box-shadow: inset -1px 0 #f012be, inset 0 -1px #f012be, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-fuchsia .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-fuchsia .pace-progress { + color: #f012be; +} + +.pace-maroon .pace .pace-progress { + background: #d81b60; +} + +.pace-barber-shop-maroon .pace { + background: #fff; +} + +.pace-barber-shop-maroon .pace .pace-progress { + background: #d81b60; +} + +.pace-barber-shop-maroon .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-maroon .pace .pace-progress::after { + color: rgba(216, 27, 96, 0.2); +} + +.pace-bounce-maroon .pace .pace-activity { + background: #d81b60; +} + +.pace-center-atom-maroon .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-maroon .pace-progress::before { + background: #d81b60; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-maroon .pace-activity { + border-color: #d81b60; +} + +.pace-center-atom-maroon .pace-activity::after, .pace-center-atom-maroon .pace-activity::before { + border-color: #d81b60; +} + +.pace-center-circle-maroon .pace .pace-progress { + background: rgba(216, 27, 96, 0.8); + color: #fff; +} + +.pace-center-radar-maroon .pace .pace-activity { + border-color: #d81b60 transparent transparent; +} + +.pace-center-radar-maroon .pace .pace-activity::before { + border-color: #d81b60 transparent transparent; +} + +.pace-center-simple-maroon .pace { + background: #fff; + border-color: #d81b60; +} + +.pace-center-simple-maroon .pace .pace-progress { + background: #d81b60; +} + +.pace-material-maroon .pace { + color: #d81b60; +} + +.pace-corner-indicator-maroon .pace .pace-activity { + background: #d81b60; +} + +.pace-corner-indicator-maroon .pace .pace-activity::after, +.pace-corner-indicator-maroon .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-maroon .pace .pace-activity::before { + border-right-color: rgba(216, 27, 96, 0.2); + border-left-color: rgba(216, 27, 96, 0.2); +} + +.pace-corner-indicator-maroon .pace .pace-activity::after { + border-top-color: rgba(216, 27, 96, 0.2); + border-bottom-color: rgba(216, 27, 96, 0.2); +} + +.pace-fill-left-maroon .pace .pace-progress { + background-color: rgba(216, 27, 96, 0.2); +} + +.pace-flash-maroon .pace .pace-progress { + background: #d81b60; +} + +.pace-flash-maroon .pace .pace-progress-inner { + box-shadow: 0 0 10px #d81b60, 0 0 5px #d81b60; +} + +.pace-flash-maroon .pace .pace-activity { + border-top-color: #d81b60; + border-left-color: #d81b60; +} + +.pace-loading-bar-maroon .pace .pace-progress { + background: #d81b60; + color: #d81b60; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-maroon .pace .pace-activity { + box-shadow: inset 0 0 0 2px #d81b60, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-maroon .pace .pace-progress { + background-color: #d81b60; + box-shadow: inset -1px 0 #d81b60, inset 0 -1px #d81b60, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-maroon .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-maroon .pace-progress { + color: #d81b60; +} + +.pace-blue .pace .pace-progress { + background: #007bff; +} + +.pace-barber-shop-blue .pace { + background: #fff; +} + +.pace-barber-shop-blue .pace .pace-progress { + background: #007bff; +} + +.pace-barber-shop-blue .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-blue .pace .pace-progress::after { + color: rgba(0, 123, 255, 0.2); +} + +.pace-bounce-blue .pace .pace-activity { + background: #007bff; +} + +.pace-center-atom-blue .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-blue .pace-progress::before { + background: #007bff; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-blue .pace-activity { + border-color: #007bff; +} + +.pace-center-atom-blue .pace-activity::after, .pace-center-atom-blue .pace-activity::before { + border-color: #007bff; +} + +.pace-center-circle-blue .pace .pace-progress { + background: rgba(0, 123, 255, 0.8); + color: #fff; +} + +.pace-center-radar-blue .pace .pace-activity { + border-color: #007bff transparent transparent; +} + +.pace-center-radar-blue .pace .pace-activity::before { + border-color: #007bff transparent transparent; +} + +.pace-center-simple-blue .pace { + background: #fff; + border-color: #007bff; +} + +.pace-center-simple-blue .pace .pace-progress { + background: #007bff; +} + +.pace-material-blue .pace { + color: #007bff; +} + +.pace-corner-indicator-blue .pace .pace-activity { + background: #007bff; +} + +.pace-corner-indicator-blue .pace .pace-activity::after, +.pace-corner-indicator-blue .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-blue .pace .pace-activity::before { + border-right-color: rgba(0, 123, 255, 0.2); + border-left-color: rgba(0, 123, 255, 0.2); +} + +.pace-corner-indicator-blue .pace .pace-activity::after { + border-top-color: rgba(0, 123, 255, 0.2); + border-bottom-color: rgba(0, 123, 255, 0.2); +} + +.pace-fill-left-blue .pace .pace-progress { + background-color: rgba(0, 123, 255, 0.2); +} + +.pace-flash-blue .pace .pace-progress { + background: #007bff; +} + +.pace-flash-blue .pace .pace-progress-inner { + box-shadow: 0 0 10px #007bff, 0 0 5px #007bff; +} + +.pace-flash-blue .pace .pace-activity { + border-top-color: #007bff; + border-left-color: #007bff; +} + +.pace-loading-bar-blue .pace .pace-progress { + background: #007bff; + color: #007bff; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-blue .pace .pace-activity { + box-shadow: inset 0 0 0 2px #007bff, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-blue .pace .pace-progress { + background-color: #007bff; + box-shadow: inset -1px 0 #007bff, inset 0 -1px #007bff, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-blue .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-blue .pace-progress { + color: #007bff; +} + +.pace-indigo .pace .pace-progress { + background: #6610f2; +} + +.pace-barber-shop-indigo .pace { + background: #fff; +} + +.pace-barber-shop-indigo .pace .pace-progress { + background: #6610f2; +} + +.pace-barber-shop-indigo .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-indigo .pace .pace-progress::after { + color: rgba(102, 16, 242, 0.2); +} + +.pace-bounce-indigo .pace .pace-activity { + background: #6610f2; +} + +.pace-center-atom-indigo .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-indigo .pace-progress::before { + background: #6610f2; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-indigo .pace-activity { + border-color: #6610f2; +} + +.pace-center-atom-indigo .pace-activity::after, .pace-center-atom-indigo .pace-activity::before { + border-color: #6610f2; +} + +.pace-center-circle-indigo .pace .pace-progress { + background: rgba(102, 16, 242, 0.8); + color: #fff; +} + +.pace-center-radar-indigo .pace .pace-activity { + border-color: #6610f2 transparent transparent; +} + +.pace-center-radar-indigo .pace .pace-activity::before { + border-color: #6610f2 transparent transparent; +} + +.pace-center-simple-indigo .pace { + background: #fff; + border-color: #6610f2; +} + +.pace-center-simple-indigo .pace .pace-progress { + background: #6610f2; +} + +.pace-material-indigo .pace { + color: #6610f2; +} + +.pace-corner-indicator-indigo .pace .pace-activity { + background: #6610f2; +} + +.pace-corner-indicator-indigo .pace .pace-activity::after, +.pace-corner-indicator-indigo .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-indigo .pace .pace-activity::before { + border-right-color: rgba(102, 16, 242, 0.2); + border-left-color: rgba(102, 16, 242, 0.2); +} + +.pace-corner-indicator-indigo .pace .pace-activity::after { + border-top-color: rgba(102, 16, 242, 0.2); + border-bottom-color: rgba(102, 16, 242, 0.2); +} + +.pace-fill-left-indigo .pace .pace-progress { + background-color: rgba(102, 16, 242, 0.2); +} + +.pace-flash-indigo .pace .pace-progress { + background: #6610f2; +} + +.pace-flash-indigo .pace .pace-progress-inner { + box-shadow: 0 0 10px #6610f2, 0 0 5px #6610f2; +} + +.pace-flash-indigo .pace .pace-activity { + border-top-color: #6610f2; + border-left-color: #6610f2; +} + +.pace-loading-bar-indigo .pace .pace-progress { + background: #6610f2; + color: #6610f2; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-indigo .pace .pace-activity { + box-shadow: inset 0 0 0 2px #6610f2, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-indigo .pace .pace-progress { + background-color: #6610f2; + box-shadow: inset -1px 0 #6610f2, inset 0 -1px #6610f2, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-indigo .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-indigo .pace-progress { + color: #6610f2; +} + +.pace-purple .pace .pace-progress { + background: #6f42c1; +} + +.pace-barber-shop-purple .pace { + background: #fff; +} + +.pace-barber-shop-purple .pace .pace-progress { + background: #6f42c1; +} + +.pace-barber-shop-purple .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-purple .pace .pace-progress::after { + color: rgba(111, 66, 193, 0.2); +} + +.pace-bounce-purple .pace .pace-activity { + background: #6f42c1; +} + +.pace-center-atom-purple .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-purple .pace-progress::before { + background: #6f42c1; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-purple .pace-activity { + border-color: #6f42c1; +} + +.pace-center-atom-purple .pace-activity::after, .pace-center-atom-purple .pace-activity::before { + border-color: #6f42c1; +} + +.pace-center-circle-purple .pace .pace-progress { + background: rgba(111, 66, 193, 0.8); + color: #fff; +} + +.pace-center-radar-purple .pace .pace-activity { + border-color: #6f42c1 transparent transparent; +} + +.pace-center-radar-purple .pace .pace-activity::before { + border-color: #6f42c1 transparent transparent; +} + +.pace-center-simple-purple .pace { + background: #fff; + border-color: #6f42c1; +} + +.pace-center-simple-purple .pace .pace-progress { + background: #6f42c1; +} + +.pace-material-purple .pace { + color: #6f42c1; +} + +.pace-corner-indicator-purple .pace .pace-activity { + background: #6f42c1; +} + +.pace-corner-indicator-purple .pace .pace-activity::after, +.pace-corner-indicator-purple .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-purple .pace .pace-activity::before { + border-right-color: rgba(111, 66, 193, 0.2); + border-left-color: rgba(111, 66, 193, 0.2); +} + +.pace-corner-indicator-purple .pace .pace-activity::after { + border-top-color: rgba(111, 66, 193, 0.2); + border-bottom-color: rgba(111, 66, 193, 0.2); +} + +.pace-fill-left-purple .pace .pace-progress { + background-color: rgba(111, 66, 193, 0.2); +} + +.pace-flash-purple .pace .pace-progress { + background: #6f42c1; +} + +.pace-flash-purple .pace .pace-progress-inner { + box-shadow: 0 0 10px #6f42c1, 0 0 5px #6f42c1; +} + +.pace-flash-purple .pace .pace-activity { + border-top-color: #6f42c1; + border-left-color: #6f42c1; +} + +.pace-loading-bar-purple .pace .pace-progress { + background: #6f42c1; + color: #6f42c1; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-purple .pace .pace-activity { + box-shadow: inset 0 0 0 2px #6f42c1, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-purple .pace .pace-progress { + background-color: #6f42c1; + box-shadow: inset -1px 0 #6f42c1, inset 0 -1px #6f42c1, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-purple .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-purple .pace-progress { + color: #6f42c1; +} + +.pace-pink .pace .pace-progress { + background: #e83e8c; +} + +.pace-barber-shop-pink .pace { + background: #fff; +} + +.pace-barber-shop-pink .pace .pace-progress { + background: #e83e8c; +} + +.pace-barber-shop-pink .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-pink .pace .pace-progress::after { + color: rgba(232, 62, 140, 0.2); +} + +.pace-bounce-pink .pace .pace-activity { + background: #e83e8c; +} + +.pace-center-atom-pink .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-pink .pace-progress::before { + background: #e83e8c; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-pink .pace-activity { + border-color: #e83e8c; +} + +.pace-center-atom-pink .pace-activity::after, .pace-center-atom-pink .pace-activity::before { + border-color: #e83e8c; +} + +.pace-center-circle-pink .pace .pace-progress { + background: rgba(232, 62, 140, 0.8); + color: #fff; +} + +.pace-center-radar-pink .pace .pace-activity { + border-color: #e83e8c transparent transparent; +} + +.pace-center-radar-pink .pace .pace-activity::before { + border-color: #e83e8c transparent transparent; +} + +.pace-center-simple-pink .pace { + background: #fff; + border-color: #e83e8c; +} + +.pace-center-simple-pink .pace .pace-progress { + background: #e83e8c; +} + +.pace-material-pink .pace { + color: #e83e8c; +} + +.pace-corner-indicator-pink .pace .pace-activity { + background: #e83e8c; +} + +.pace-corner-indicator-pink .pace .pace-activity::after, +.pace-corner-indicator-pink .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-pink .pace .pace-activity::before { + border-right-color: rgba(232, 62, 140, 0.2); + border-left-color: rgba(232, 62, 140, 0.2); +} + +.pace-corner-indicator-pink .pace .pace-activity::after { + border-top-color: rgba(232, 62, 140, 0.2); + border-bottom-color: rgba(232, 62, 140, 0.2); +} + +.pace-fill-left-pink .pace .pace-progress { + background-color: rgba(232, 62, 140, 0.2); +} + +.pace-flash-pink .pace .pace-progress { + background: #e83e8c; +} + +.pace-flash-pink .pace .pace-progress-inner { + box-shadow: 0 0 10px #e83e8c, 0 0 5px #e83e8c; +} + +.pace-flash-pink .pace .pace-activity { + border-top-color: #e83e8c; + border-left-color: #e83e8c; +} + +.pace-loading-bar-pink .pace .pace-progress { + background: #e83e8c; + color: #e83e8c; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-pink .pace .pace-activity { + box-shadow: inset 0 0 0 2px #e83e8c, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-pink .pace .pace-progress { + background-color: #e83e8c; + box-shadow: inset -1px 0 #e83e8c, inset 0 -1px #e83e8c, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-pink .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-pink .pace-progress { + color: #e83e8c; +} + +.pace-red .pace .pace-progress { + background: #dc3545; +} + +.pace-barber-shop-red .pace { + background: #fff; +} + +.pace-barber-shop-red .pace .pace-progress { + background: #dc3545; +} + +.pace-barber-shop-red .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-red .pace .pace-progress::after { + color: rgba(220, 53, 69, 0.2); +} + +.pace-bounce-red .pace .pace-activity { + background: #dc3545; +} + +.pace-center-atom-red .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-red .pace-progress::before { + background: #dc3545; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-red .pace-activity { + border-color: #dc3545; +} + +.pace-center-atom-red .pace-activity::after, .pace-center-atom-red .pace-activity::before { + border-color: #dc3545; +} + +.pace-center-circle-red .pace .pace-progress { + background: rgba(220, 53, 69, 0.8); + color: #fff; +} + +.pace-center-radar-red .pace .pace-activity { + border-color: #dc3545 transparent transparent; +} + +.pace-center-radar-red .pace .pace-activity::before { + border-color: #dc3545 transparent transparent; +} + +.pace-center-simple-red .pace { + background: #fff; + border-color: #dc3545; +} + +.pace-center-simple-red .pace .pace-progress { + background: #dc3545; +} + +.pace-material-red .pace { + color: #dc3545; +} + +.pace-corner-indicator-red .pace .pace-activity { + background: #dc3545; +} + +.pace-corner-indicator-red .pace .pace-activity::after, +.pace-corner-indicator-red .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-red .pace .pace-activity::before { + border-right-color: rgba(220, 53, 69, 0.2); + border-left-color: rgba(220, 53, 69, 0.2); +} + +.pace-corner-indicator-red .pace .pace-activity::after { + border-top-color: rgba(220, 53, 69, 0.2); + border-bottom-color: rgba(220, 53, 69, 0.2); +} + +.pace-fill-left-red .pace .pace-progress { + background-color: rgba(220, 53, 69, 0.2); +} + +.pace-flash-red .pace .pace-progress { + background: #dc3545; +} + +.pace-flash-red .pace .pace-progress-inner { + box-shadow: 0 0 10px #dc3545, 0 0 5px #dc3545; +} + +.pace-flash-red .pace .pace-activity { + border-top-color: #dc3545; + border-left-color: #dc3545; +} + +.pace-loading-bar-red .pace .pace-progress { + background: #dc3545; + color: #dc3545; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-red .pace .pace-activity { + box-shadow: inset 0 0 0 2px #dc3545, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-red .pace .pace-progress { + background-color: #dc3545; + box-shadow: inset -1px 0 #dc3545, inset 0 -1px #dc3545, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-red .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-red .pace-progress { + color: #dc3545; +} + +.pace-orange .pace .pace-progress { + background: #fd7e14; +} + +.pace-barber-shop-orange .pace { + background: #1f2d3d; +} + +.pace-barber-shop-orange .pace .pace-progress { + background: #fd7e14; +} + +.pace-barber-shop-orange .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-orange .pace .pace-progress::after { + color: rgba(253, 126, 20, 0.2); +} + +.pace-bounce-orange .pace .pace-activity { + background: #fd7e14; +} + +.pace-center-atom-orange .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-orange .pace-progress::before { + background: #fd7e14; + color: #1f2d3d; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-orange .pace-activity { + border-color: #fd7e14; +} + +.pace-center-atom-orange .pace-activity::after, .pace-center-atom-orange .pace-activity::before { + border-color: #fd7e14; +} + +.pace-center-circle-orange .pace .pace-progress { + background: rgba(253, 126, 20, 0.8); + color: #1f2d3d; +} + +.pace-center-radar-orange .pace .pace-activity { + border-color: #fd7e14 transparent transparent; +} + +.pace-center-radar-orange .pace .pace-activity::before { + border-color: #fd7e14 transparent transparent; +} + +.pace-center-simple-orange .pace { + background: #1f2d3d; + border-color: #fd7e14; +} + +.pace-center-simple-orange .pace .pace-progress { + background: #fd7e14; +} + +.pace-material-orange .pace { + color: #fd7e14; +} + +.pace-corner-indicator-orange .pace .pace-activity { + background: #fd7e14; +} + +.pace-corner-indicator-orange .pace .pace-activity::after, +.pace-corner-indicator-orange .pace .pace-activity::before { + border: 5px solid #1f2d3d; +} + +.pace-corner-indicator-orange .pace .pace-activity::before { + border-right-color: rgba(253, 126, 20, 0.2); + border-left-color: rgba(253, 126, 20, 0.2); +} + +.pace-corner-indicator-orange .pace .pace-activity::after { + border-top-color: rgba(253, 126, 20, 0.2); + border-bottom-color: rgba(253, 126, 20, 0.2); +} + +.pace-fill-left-orange .pace .pace-progress { + background-color: rgba(253, 126, 20, 0.2); +} + +.pace-flash-orange .pace .pace-progress { + background: #fd7e14; +} + +.pace-flash-orange .pace .pace-progress-inner { + box-shadow: 0 0 10px #fd7e14, 0 0 5px #fd7e14; +} + +.pace-flash-orange .pace .pace-activity { + border-top-color: #fd7e14; + border-left-color: #fd7e14; +} + +.pace-loading-bar-orange .pace .pace-progress { + background: #fd7e14; + color: #fd7e14; + box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d; +} + +.pace-loading-bar-orange .pace .pace-activity { + box-shadow: inset 0 0 0 2px #fd7e14, inset 0 0 0 7px #1f2d3d; +} + +.pace-mac-osx-orange .pace .pace-progress { + background-color: #fd7e14; + box-shadow: inset -1px 0 #fd7e14, inset 0 -1px #fd7e14, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3); +} + +.pace-mac-osx-orange .pace .pace-activity { + background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-orange .pace-progress { + color: #fd7e14; +} + +.pace-yellow .pace .pace-progress { + background: #FFC0C0; +} + +.pace-barber-shop-yellow .pace { + background: #1f2d3d; +} + +.pace-barber-shop-yellow .pace .pace-progress { + background: #FFC0C0; +} + +.pace-barber-shop-yellow .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-yellow .pace .pace-progress::after { + color: rgba(255, 192, 192, 0.2); +} + +.pace-bounce-yellow .pace .pace-activity { + background: #FFC0C0; +} + +.pace-center-atom-yellow .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-yellow .pace-progress::before { + background: #FFC0C0; + color: #1f2d3d; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-yellow .pace-activity { + border-color: #FFC0C0; +} + +.pace-center-atom-yellow .pace-activity::after, .pace-center-atom-yellow .pace-activity::before { + border-color: #FFC0C0; +} + +.pace-center-circle-yellow .pace .pace-progress { + background: rgba(255, 192, 192, 0.8); + color: #1f2d3d; +} + +.pace-center-radar-yellow .pace .pace-activity { + border-color: #FFC0C0 transparent transparent; +} + +.pace-center-radar-yellow .pace .pace-activity::before { + border-color: #FFC0C0 transparent transparent; +} + +.pace-center-simple-yellow .pace { + background: #1f2d3d; + border-color: #FFC0C0; +} + +.pace-center-simple-yellow .pace .pace-progress { + background: #FFC0C0; +} + +.pace-material-yellow .pace { + color: #FFC0C0; +} + +.pace-corner-indicator-yellow .pace .pace-activity { + background: #FFC0C0; +} + +.pace-corner-indicator-yellow .pace .pace-activity::after, +.pace-corner-indicator-yellow .pace .pace-activity::before { + border: 5px solid #1f2d3d; +} + +.pace-corner-indicator-yellow .pace .pace-activity::before { + border-right-color: rgba(255, 192, 192, 0.2); + border-left-color: rgba(255, 192, 192, 0.2); +} + +.pace-corner-indicator-yellow .pace .pace-activity::after { + border-top-color: rgba(255, 192, 192, 0.2); + border-bottom-color: rgba(255, 192, 192, 0.2); +} + +.pace-fill-left-yellow .pace .pace-progress { + background-color: rgba(255, 192, 192, 0.2); +} + +.pace-flash-yellow .pace .pace-progress { + background: #FFC0C0; +} + +.pace-flash-yellow .pace .pace-progress-inner { + box-shadow: 0 0 10px #FFC0C0, 0 0 5px #FFC0C0; +} + +.pace-flash-yellow .pace .pace-activity { + border-top-color: #FFC0C0; + border-left-color: #FFC0C0; +} + +.pace-loading-bar-yellow .pace .pace-progress { + background: #FFC0C0; + color: #FFC0C0; + box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d; +} + +.pace-loading-bar-yellow .pace .pace-activity { + box-shadow: inset 0 0 0 2px #FFC0C0, inset 0 0 0 7px #1f2d3d; +} + +.pace-mac-osx-yellow .pace .pace-progress { + background-color: #FFC0C0; + box-shadow: inset -1px 0 #FFC0C0, inset 0 -1px #FFC0C0, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3); +} + +.pace-mac-osx-yellow .pace .pace-activity { + background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-yellow .pace-progress { + color: #FFC0C0; +} + +.pace-green .pace .pace-progress { + background: #28a745; +} + +.pace-barber-shop-green .pace { + background: #fff; +} + +.pace-barber-shop-green .pace .pace-progress { + background: #28a745; +} + +.pace-barber-shop-green .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-green .pace .pace-progress::after { + color: rgba(40, 167, 69, 0.2); +} + +.pace-bounce-green .pace .pace-activity { + background: #28a745; +} + +.pace-center-atom-green .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-green .pace-progress::before { + background: #28a745; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-green .pace-activity { + border-color: #28a745; +} + +.pace-center-atom-green .pace-activity::after, .pace-center-atom-green .pace-activity::before { + border-color: #28a745; +} + +.pace-center-circle-green .pace .pace-progress { + background: rgba(40, 167, 69, 0.8); + color: #fff; +} + +.pace-center-radar-green .pace .pace-activity { + border-color: #28a745 transparent transparent; +} + +.pace-center-radar-green .pace .pace-activity::before { + border-color: #28a745 transparent transparent; +} + +.pace-center-simple-green .pace { + background: #fff; + border-color: #28a745; +} + +.pace-center-simple-green .pace .pace-progress { + background: #28a745; +} + +.pace-material-green .pace { + color: #28a745; +} + +.pace-corner-indicator-green .pace .pace-activity { + background: #28a745; +} + +.pace-corner-indicator-green .pace .pace-activity::after, +.pace-corner-indicator-green .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-green .pace .pace-activity::before { + border-right-color: rgba(40, 167, 69, 0.2); + border-left-color: rgba(40, 167, 69, 0.2); +} + +.pace-corner-indicator-green .pace .pace-activity::after { + border-top-color: rgba(40, 167, 69, 0.2); + border-bottom-color: rgba(40, 167, 69, 0.2); +} + +.pace-fill-left-green .pace .pace-progress { + background-color: rgba(40, 167, 69, 0.2); +} + +.pace-flash-green .pace .pace-progress { + background: #28a745; +} + +.pace-flash-green .pace .pace-progress-inner { + box-shadow: 0 0 10px #28a745, 0 0 5px #28a745; +} + +.pace-flash-green .pace .pace-activity { + border-top-color: #28a745; + border-left-color: #28a745; +} + +.pace-loading-bar-green .pace .pace-progress { + background: #28a745; + color: #28a745; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-green .pace .pace-activity { + box-shadow: inset 0 0 0 2px #28a745, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-green .pace .pace-progress { + background-color: #28a745; + box-shadow: inset -1px 0 #28a745, inset 0 -1px #28a745, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-green .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-green .pace-progress { + color: #28a745; +} + +.pace-teal .pace .pace-progress { + background: #20c997; +} + +.pace-barber-shop-teal .pace { + background: #fff; +} + +.pace-barber-shop-teal .pace .pace-progress { + background: #20c997; +} + +.pace-barber-shop-teal .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-teal .pace .pace-progress::after { + color: rgba(32, 201, 151, 0.2); +} + +.pace-bounce-teal .pace .pace-activity { + background: #20c997; +} + +.pace-center-atom-teal .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-teal .pace-progress::before { + background: #20c997; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-teal .pace-activity { + border-color: #20c997; +} + +.pace-center-atom-teal .pace-activity::after, .pace-center-atom-teal .pace-activity::before { + border-color: #20c997; +} + +.pace-center-circle-teal .pace .pace-progress { + background: rgba(32, 201, 151, 0.8); + color: #fff; +} + +.pace-center-radar-teal .pace .pace-activity { + border-color: #20c997 transparent transparent; +} + +.pace-center-radar-teal .pace .pace-activity::before { + border-color: #20c997 transparent transparent; +} + +.pace-center-simple-teal .pace { + background: #fff; + border-color: #20c997; +} + +.pace-center-simple-teal .pace .pace-progress { + background: #20c997; +} + +.pace-material-teal .pace { + color: #20c997; +} + +.pace-corner-indicator-teal .pace .pace-activity { + background: #20c997; +} + +.pace-corner-indicator-teal .pace .pace-activity::after, +.pace-corner-indicator-teal .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-teal .pace .pace-activity::before { + border-right-color: rgba(32, 201, 151, 0.2); + border-left-color: rgba(32, 201, 151, 0.2); +} + +.pace-corner-indicator-teal .pace .pace-activity::after { + border-top-color: rgba(32, 201, 151, 0.2); + border-bottom-color: rgba(32, 201, 151, 0.2); +} + +.pace-fill-left-teal .pace .pace-progress { + background-color: rgba(32, 201, 151, 0.2); +} + +.pace-flash-teal .pace .pace-progress { + background: #20c997; +} + +.pace-flash-teal .pace .pace-progress-inner { + box-shadow: 0 0 10px #20c997, 0 0 5px #20c997; +} + +.pace-flash-teal .pace .pace-activity { + border-top-color: #20c997; + border-left-color: #20c997; +} + +.pace-loading-bar-teal .pace .pace-progress { + background: #20c997; + color: #20c997; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-teal .pace .pace-activity { + box-shadow: inset 0 0 0 2px #20c997, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-teal .pace .pace-progress { + background-color: #20c997; + box-shadow: inset -1px 0 #20c997, inset 0 -1px #20c997, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-teal .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-teal .pace-progress { + color: #20c997; +} + +.pace-cyan .pace .pace-progress { + background: #17a2b8; +} + +.pace-barber-shop-cyan .pace { + background: #fff; +} + +.pace-barber-shop-cyan .pace .pace-progress { + background: #17a2b8; +} + +.pace-barber-shop-cyan .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-cyan .pace .pace-progress::after { + color: rgba(23, 162, 184, 0.2); +} + +.pace-bounce-cyan .pace .pace-activity { + background: #17a2b8; +} + +.pace-center-atom-cyan .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-cyan .pace-progress::before { + background: #17a2b8; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-cyan .pace-activity { + border-color: #17a2b8; +} + +.pace-center-atom-cyan .pace-activity::after, .pace-center-atom-cyan .pace-activity::before { + border-color: #17a2b8; +} + +.pace-center-circle-cyan .pace .pace-progress { + background: rgba(23, 162, 184, 0.8); + color: #fff; +} + +.pace-center-radar-cyan .pace .pace-activity { + border-color: #17a2b8 transparent transparent; +} + +.pace-center-radar-cyan .pace .pace-activity::before { + border-color: #17a2b8 transparent transparent; +} + +.pace-center-simple-cyan .pace { + background: #fff; + border-color: #17a2b8; +} + +.pace-center-simple-cyan .pace .pace-progress { + background: #17a2b8; +} + +.pace-material-cyan .pace { + color: #17a2b8; +} + +.pace-corner-indicator-cyan .pace .pace-activity { + background: #17a2b8; +} + +.pace-corner-indicator-cyan .pace .pace-activity::after, +.pace-corner-indicator-cyan .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-cyan .pace .pace-activity::before { + border-right-color: rgba(23, 162, 184, 0.2); + border-left-color: rgba(23, 162, 184, 0.2); +} + +.pace-corner-indicator-cyan .pace .pace-activity::after { + border-top-color: rgba(23, 162, 184, 0.2); + border-bottom-color: rgba(23, 162, 184, 0.2); +} + +.pace-fill-left-cyan .pace .pace-progress { + background-color: rgba(23, 162, 184, 0.2); +} + +.pace-flash-cyan .pace .pace-progress { + background: #17a2b8; +} + +.pace-flash-cyan .pace .pace-progress-inner { + box-shadow: 0 0 10px #17a2b8, 0 0 5px #17a2b8; +} + +.pace-flash-cyan .pace .pace-activity { + border-top-color: #17a2b8; + border-left-color: #17a2b8; +} + +.pace-loading-bar-cyan .pace .pace-progress { + background: #17a2b8; + color: #17a2b8; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-cyan .pace .pace-activity { + box-shadow: inset 0 0 0 2px #17a2b8, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-cyan .pace .pace-progress { + background-color: #17a2b8; + box-shadow: inset -1px 0 #17a2b8, inset 0 -1px #17a2b8, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-cyan .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-cyan .pace-progress { + color: #17a2b8; +} + +.pace-white .pace .pace-progress { + background: #fff; +} + +.pace-barber-shop-white .pace { + background: #1f2d3d; +} + +.pace-barber-shop-white .pace .pace-progress { + background: #fff; +} + +.pace-barber-shop-white .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-white .pace .pace-progress::after { + color: rgba(255, 255, 255, 0.2); +} + +.pace-bounce-white .pace .pace-activity { + background: #fff; +} + +.pace-center-atom-white .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-white .pace-progress::before { + background: #fff; + color: #1f2d3d; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-white .pace-activity { + border-color: #fff; +} + +.pace-center-atom-white .pace-activity::after, .pace-center-atom-white .pace-activity::before { + border-color: #fff; +} + +.pace-center-circle-white .pace .pace-progress { + background: rgba(255, 255, 255, 0.8); + color: #1f2d3d; +} + +.pace-center-radar-white .pace .pace-activity { + border-color: #fff transparent transparent; +} + +.pace-center-radar-white .pace .pace-activity::before { + border-color: #fff transparent transparent; +} + +.pace-center-simple-white .pace { + background: #1f2d3d; + border-color: #fff; +} + +.pace-center-simple-white .pace .pace-progress { + background: #fff; +} + +.pace-material-white .pace { + color: #fff; +} + +.pace-corner-indicator-white .pace .pace-activity { + background: #fff; +} + +.pace-corner-indicator-white .pace .pace-activity::after, +.pace-corner-indicator-white .pace .pace-activity::before { + border: 5px solid #1f2d3d; +} + +.pace-corner-indicator-white .pace .pace-activity::before { + border-right-color: rgba(255, 255, 255, 0.2); + border-left-color: rgba(255, 255, 255, 0.2); +} + +.pace-corner-indicator-white .pace .pace-activity::after { + border-top-color: rgba(255, 255, 255, 0.2); + border-bottom-color: rgba(255, 255, 255, 0.2); +} + +.pace-fill-left-white .pace .pace-progress { + background-color: rgba(255, 255, 255, 0.2); +} + +.pace-flash-white .pace .pace-progress { + background: #fff; +} + +.pace-flash-white .pace .pace-progress-inner { + box-shadow: 0 0 10px #fff, 0 0 5px #fff; +} + +.pace-flash-white .pace .pace-activity { + border-top-color: #fff; + border-left-color: #fff; +} + +.pace-loading-bar-white .pace .pace-progress { + background: #fff; + color: #fff; + box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d; +} + +.pace-loading-bar-white .pace .pace-activity { + box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 7px #1f2d3d; +} + +.pace-mac-osx-white .pace .pace-progress { + background-color: #fff; + box-shadow: inset -1px 0 #fff, inset 0 -1px #fff, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3); +} + +.pace-mac-osx-white .pace .pace-activity { + background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-white .pace-progress { + color: #fff; +} + +.pace-gray .pace .pace-progress { + background: #6c757d; +} + +.pace-barber-shop-gray .pace { + background: #fff; +} + +.pace-barber-shop-gray .pace .pace-progress { + background: #6c757d; +} + +.pace-barber-shop-gray .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-gray .pace .pace-progress::after { + color: rgba(108, 117, 125, 0.2); +} + +.pace-bounce-gray .pace .pace-activity { + background: #6c757d; +} + +.pace-center-atom-gray .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-gray .pace-progress::before { + background: #6c757d; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-gray .pace-activity { + border-color: #6c757d; +} + +.pace-center-atom-gray .pace-activity::after, .pace-center-atom-gray .pace-activity::before { + border-color: #6c757d; +} + +.pace-center-circle-gray .pace .pace-progress { + background: rgba(108, 117, 125, 0.8); + color: #fff; +} + +.pace-center-radar-gray .pace .pace-activity { + border-color: #6c757d transparent transparent; +} + +.pace-center-radar-gray .pace .pace-activity::before { + border-color: #6c757d transparent transparent; +} + +.pace-center-simple-gray .pace { + background: #fff; + border-color: #6c757d; +} + +.pace-center-simple-gray .pace .pace-progress { + background: #6c757d; +} + +.pace-material-gray .pace { + color: #6c757d; +} + +.pace-corner-indicator-gray .pace .pace-activity { + background: #6c757d; +} + +.pace-corner-indicator-gray .pace .pace-activity::after, +.pace-corner-indicator-gray .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-gray .pace .pace-activity::before { + border-right-color: rgba(108, 117, 125, 0.2); + border-left-color: rgba(108, 117, 125, 0.2); +} + +.pace-corner-indicator-gray .pace .pace-activity::after { + border-top-color: rgba(108, 117, 125, 0.2); + border-bottom-color: rgba(108, 117, 125, 0.2); +} + +.pace-fill-left-gray .pace .pace-progress { + background-color: rgba(108, 117, 125, 0.2); +} + +.pace-flash-gray .pace .pace-progress { + background: #6c757d; +} + +.pace-flash-gray .pace .pace-progress-inner { + box-shadow: 0 0 10px #6c757d, 0 0 5px #6c757d; +} + +.pace-flash-gray .pace .pace-activity { + border-top-color: #6c757d; + border-left-color: #6c757d; +} + +.pace-loading-bar-gray .pace .pace-progress { + background: #6c757d; + color: #6c757d; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-gray .pace .pace-activity { + box-shadow: inset 0 0 0 2px #6c757d, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-gray .pace .pace-progress { + background-color: #6c757d; + box-shadow: inset -1px 0 #6c757d, inset 0 -1px #6c757d, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-gray .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-gray .pace-progress { + color: #6c757d; +} + +.pace-gray-dark .pace .pace-progress { + background: #343a40; +} + +.pace-barber-shop-gray-dark .pace { + background: #fff; +} + +.pace-barber-shop-gray-dark .pace .pace-progress { + background: #343a40; +} + +.pace-barber-shop-gray-dark .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-gray-dark .pace .pace-progress::after { + color: rgba(52, 58, 64, 0.2); +} + +.pace-bounce-gray-dark .pace .pace-activity { + background: #343a40; +} + +.pace-center-atom-gray-dark .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-gray-dark .pace-progress::before { + background: #343a40; + color: #fff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-gray-dark .pace-activity { + border-color: #343a40; +} + +.pace-center-atom-gray-dark .pace-activity::after, .pace-center-atom-gray-dark .pace-activity::before { + border-color: #343a40; +} + +.pace-center-circle-gray-dark .pace .pace-progress { + background: rgba(52, 58, 64, 0.8); + color: #fff; +} + +.pace-center-radar-gray-dark .pace .pace-activity { + border-color: #343a40 transparent transparent; +} + +.pace-center-radar-gray-dark .pace .pace-activity::before { + border-color: #343a40 transparent transparent; +} + +.pace-center-simple-gray-dark .pace { + background: #fff; + border-color: #343a40; +} + +.pace-center-simple-gray-dark .pace .pace-progress { + background: #343a40; +} + +.pace-material-gray-dark .pace { + color: #343a40; +} + +.pace-corner-indicator-gray-dark .pace .pace-activity { + background: #343a40; +} + +.pace-corner-indicator-gray-dark .pace .pace-activity::after, +.pace-corner-indicator-gray-dark .pace .pace-activity::before { + border: 5px solid #fff; +} + +.pace-corner-indicator-gray-dark .pace .pace-activity::before { + border-right-color: rgba(52, 58, 64, 0.2); + border-left-color: rgba(52, 58, 64, 0.2); +} + +.pace-corner-indicator-gray-dark .pace .pace-activity::after { + border-top-color: rgba(52, 58, 64, 0.2); + border-bottom-color: rgba(52, 58, 64, 0.2); +} + +.pace-fill-left-gray-dark .pace .pace-progress { + background-color: rgba(52, 58, 64, 0.2); +} + +.pace-flash-gray-dark .pace .pace-progress { + background: #343a40; +} + +.pace-flash-gray-dark .pace .pace-progress-inner { + box-shadow: 0 0 10px #343a40, 0 0 5px #343a40; +} + +.pace-flash-gray-dark .pace .pace-activity { + border-top-color: #343a40; + border-left-color: #343a40; +} + +.pace-loading-bar-gray-dark .pace .pace-progress { + background: #343a40; + color: #343a40; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace-loading-bar-gray-dark .pace .pace-activity { + box-shadow: inset 0 0 0 2px #343a40, inset 0 0 0 7px #fff; +} + +.pace-mac-osx-gray-dark .pace .pace-progress { + background-color: #343a40; + box-shadow: inset -1px 0 #343a40, inset 0 -1px #343a40, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-gray-dark .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-gray-dark .pace-progress { + color: #343a40; +} + +/** + * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches. + * + * @version v3.4 (MODDED) + * @homepage https://bttstrp.github.io/bootstrap-switch + * @author Mattia Larentis (http://larentis.eu) + * @license MIT + */ +.bootstrap-switch { + border: 1px solid #ced4da; + border-radius: 0.25rem; + cursor: pointer; + direction: ltr; + display: inline-block; + line-height: .5rem; + overflow: hidden; + position: relative; + text-align: left; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + z-index: 0; +} + +.bootstrap-switch .bootstrap-switch-container { + border-radius: 0.25rem; + display: inline-block; + top: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.bootstrap-switch:focus-within { + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.bootstrap-switch .bootstrap-switch-handle-on, +.bootstrap-switch .bootstrap-switch-handle-off, +.bootstrap-switch .bootstrap-switch-label { + box-sizing: border-box; + cursor: pointer; + display: table-cell; + font-size: 1rem; + font-weight: 500; + line-height: 1.2rem; + padding: .25rem .5rem; + vertical-align: middle; +} + +.bootstrap-switch .bootstrap-switch-handle-on, +.bootstrap-switch .bootstrap-switch-handle-off { + text-align: center; + z-index: 1; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { + background: #e9ecef; + color: #1f2d3d; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { + background: #007bff; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary { + background: #6c757d; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { + background: #28a745; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info { + background: #17a2b8; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { + background: #FFC0C0; + color: #1f2d3d; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger { + background: #dc3545; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light { + background: #f8f9fa; + color: #1f2d3d; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark { + background: #343a40; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lightblue, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lightblue { + background: #3c8dbc; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-navy, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-navy { + background: #001f3f; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-olive, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-olive { + background: #3d9970; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lime, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lime { + background: #01ff70; + color: #1f2d3d; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-fuchsia, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-fuchsia { + background: #f012be; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-maroon, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-maroon { + background: #d81b60; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue { + background: #007bff; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-indigo, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-indigo { + background: #6610f2; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-purple, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-purple { + background: #6f42c1; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-pink, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-pink { + background: #e83e8c; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red { + background: #dc3545; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange { + background: #fd7e14; + color: #1f2d3d; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-yellow, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-yellow { + background: #FFC0C0; + color: #1f2d3d; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green { + background: #28a745; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-teal, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-teal { + background: #20c997; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-cyan, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-cyan { + background: #17a2b8; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-white, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-white { + background: #fff; + color: #1f2d3d; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray { + background: #6c757d; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray-dark, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray-dark { + background: #343a40; + color: #fff; +} + +.bootstrap-switch .bootstrap-switch-handle-on { + border-bottom-left-radius: 0.1rem; + border-top-left-radius: 0.1rem; +} + +.bootstrap-switch .bootstrap-switch-handle-off { + border-bottom-right-radius: 0.1rem; + border-top-right-radius: 0.1rem; +} + +.bootstrap-switch input[type='radio'], +.bootstrap-switch input[type='checkbox'] { + filter: alpha(opacity=0); + left: 0; + margin: 0; + opacity: 0; + position: absolute; + top: 0; + visibility: hidden; + z-index: -1; +} + +.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, +.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, +.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { + font-size: .875rem; + line-height: 1.5; + padding: .1rem .3rem; +} + +.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, +.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, +.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label { + font-size: .875rem; + line-height: 1.5; + padding: .2rem .4rem; +} + +.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, +.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, +.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label { + font-size: 1.25rem; + line-height: 1.3333333rem; + padding: .3rem .5rem; +} + +.bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, .bootstrap-switch.bootstrap-switch-indeterminate { + cursor: default; +} + +.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, +.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, +.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, +.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, +.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, +.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, +.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label { + cursor: default; + filter: alpha(opacity=50); + opacity: .5; +} + +.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { + transition: margin-left .5s; +} + +.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { + border-radius: 0 0.1rem 0.1rem 0; +} + +.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { + border-radius: 0.1rem 0 0 0.1rem; +} + +.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, +.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { + border-bottom-right-radius: 0.1rem; + border-top-right-radius: 0.1rem; +} + +.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, +.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { + border-bottom-left-radius: 0.1rem; + border-top-left-radius: 0.1rem; +} + +.dark-mode .bootstrap-switch { + border-color: #6c757d; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default { + background-color: #3a4047; + color: #fff; + border-color: #454d55; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { + background: #3f6791; + color: #fff; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary { + background: #6c757d; + color: #fff; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { + background: #00bc8c; + color: #fff; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info { + background: #3498db; + color: #fff; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { + background: #f39c12; + color: #1f2d3d; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger { + background: #e74c3c; + color: #fff; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light { + background: #f8f9fa; + color: #1f2d3d; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark { + background: #343a40; + color: #fff; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lightblue, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lightblue { + background: #86bad8; + color: #1f2d3d; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-navy, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-navy { + background: #002c59; + color: #fff; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-olive, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-olive { + background: #74c8a3; + color: #1f2d3d; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lime, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lime { + background: #67ffa9; + color: #1f2d3d; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-fuchsia, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-fuchsia { + background: #f672d8; + color: #1f2d3d; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-maroon, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-maroon { + background: #ed6c9b; + color: #1f2d3d; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue { + background: #3f6791; + color: #fff; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-indigo, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-indigo { + background: #6610f2; + color: #fff; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-purple, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-purple { + background: #6f42c1; + color: #fff; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-pink, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-pink { + background: #e83e8c; + color: #fff; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red { + background: #e74c3c; + color: #fff; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange { + background: #fd7e14; + color: #1f2d3d; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-yellow, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-yellow { + background: #f39c12; + color: #1f2d3d; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green { + background: #00bc8c; + color: #fff; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-teal, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-teal { + background: #20c997; + color: #fff; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-cyan, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-cyan { + background: #3498db; + color: #fff; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-white, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-white { + background: #fff; + color: #1f2d3d; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray { + background: #6c757d; + color: #fff; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray-dark, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray-dark { + background: #343a40; + color: #fff; +} + +.dark-mode .daterangepicker { + background-color: #3f474e; + border: inherit; +} + +.dark-mode .daterangepicker::before, .dark-mode .daterangepicker::after { + border-bottom-color: #3f474e; +} + +.dark-mode .daterangepicker td.available:hover, +.dark-mode .daterangepicker th.available:hover { + background-color: #3f474e; +} + +.dark-mode .daterangepicker td.in-range { + background-color: #4b545c; + color: #fff; +} + +.dark-mode .daterangepicker td.off, +.dark-mode .daterangepicker td.off.in-range, +.dark-mode .daterangepicker td.off.start-date, +.dark-mode .daterangepicker td.off.end-date { + background-color: #292d32; + color: #fff; +} + +.dark-mode .daterangepicker .ranges li:hover { + background-color: #343a40; +} + +.dark-mode .daterangepicker.show-ranges.ltr .drp-calendar { + border-color: #4b545c; +} + +.dark-mode .daterangepicker.show-ranges.ltr .drp-calendar.left, .dark-mode .daterangepicker.show-ranges.ltr .drp-calendar.right { + border-color: #4b545c; + padding-top: 0; +} + +.dark-mode .daterangepicker .drp-buttons { + border-color: #4b545c; +} + +.dark-mode .daterangepicker .calendar-table { + background-color: #343a40; + border-color: #4b545c; +} + +.dark-mode .daterangepicker .calendar-table th, +.dark-mode .daterangepicker .calendar-table td { + color: #fff; +} + +.dark-mode .daterangepicker .calendar-table .next span, +.dark-mode .daterangepicker .calendar-table .prev span { + border-color: #fff; +} + +.dark-mode .daterangepicker select.hourselect, +.dark-mode .daterangepicker select.minuteselect, +.dark-mode .daterangepicker select.secondselect, +.dark-mode .daterangepicker select.ampmselect { + background-color: #343a40; + border-color: #4b545c; +} + +.jqstooltip { + height: auto !important; + padding: 5px !important; + width: auto !important; +} + +.connectedSortable { + min-height: 100px; +} + +.ui-helper-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +.sort-highlight { + background: #f8f9fa; + border: 1px dashed #dee2e6; + margin-bottom: 10px; +} + +.chart { + overflow: hidden; + position: relative; +} + +.dark-mode .irs--flat .irs-line { + background-color: #4b545c; +} + +.dark-mode .jsgrid-edit-row > .jsgrid-cell, +.dark-mode .jsgrid-filter-row > .jsgrid-cell, +.dark-mode .jsgrid-grid-body, .dark-mode .jsgrid-grid-header, +.dark-mode .jsgrid-header-row > .jsgrid-header-cell, +.dark-mode .jsgrid-insert-row > .jsgrid-cell, +.dark-mode .jsgrid-row > .jsgrid-cell, +.dark-mode .jsgrid-alt-row > .jsgrid-cell { + border-color: #6c757d; +} + +.dark-mode .jsgrid-header-row > .jsgrid-header-cell, +.dark-mode .jsgrid-row > .jsgrid-cell { + background-color: #343a40; +} + +.dark-mode .jsgrid-alt-row > .jsgrid-cell { + background-color: #3a4047; +} + +.dark-mode .jsgrid-selected-row > .jsgrid-cell { + background-color: #3f474e; +} + +.border-transparent { + border-color: transparent !important; +} + +.description-block { + display: block; + margin: 10px 0; + text-align: center; +} + +.description-block.margin-bottom { + margin-bottom: 25px; +} + +.description-block > .description-header { + font-size: 16px; + font-weight: 600; + margin: 0; + padding: 0; +} + +.description-block > .description-text { + text-transform: uppercase; +} + +.description-block .description-icon { + font-size: 16px; +} + +.list-group-unbordered > .list-group-item { + border-left: 0; + border-radius: 0; + border-right: 0; + padding-left: 0; + padding-right: 0; +} + +.list-header { + color: #6c757d; + font-size: 15px; + font-weight: 700; + padding: 10px 4px; +} + +.list-seperator { + background-color: rgba(0, 0, 0, 0.125); + height: 1px; + margin: 15px 0 9px; +} + +.list-link > a { + color: #6c757d; + padding: 4px; +} + +.list-link > a:hover { + color: #212529; +} + +.user-block { + float: left; +} + +.user-block img { + float: left; + height: 40px; + width: 40px; +} + +.user-block .username, +.user-block .description, +.user-block .comment { + display: block; + margin-left: 50px; +} + +.user-block .username { + font-size: 16px; + font-weight: 600; + margin-top: -1px; +} + +.user-block .description { + color: #6c757d; + font-size: 13px; + margin-top: -3px; +} + +.user-block.user-block-sm img { + width: 1.875rem; + height: 1.875rem; +} + +.user-block.user-block-sm .username, +.user-block.user-block-sm .description, +.user-block.user-block-sm .comment { + margin-left: 40px; +} + +.user-block.user-block-sm .username { + font-size: 14px; +} + +.img-sm, +.img-md, +.img-lg { + float: left; +} + +.img-sm { + height: 1.875rem; + width: 1.875rem; +} + +.img-sm + .img-push { + margin-left: 2.5rem; +} + +.img-md { + width: 3.75rem; + height: 3.75rem; +} + +.img-md + .img-push { + margin-left: 4.375rem; +} + +.img-lg { + width: 6.25rem; + height: 6.25rem; +} + +.img-lg + .img-push { + margin-left: 6.875rem; +} + +.img-bordered { + border: 3px solid #adb5bd; + padding: 3px; +} + +.img-bordered-sm { + border: 2px solid #adb5bd; + padding: 2px; +} + +.img-rounded { + border-radius: 0.25rem; +} + +.img-circle { + border-radius: 50%; +} + +.img-size-64, +.img-size-50, +.img-size-32 { + height: auto; +} + +.img-size-64 { + width: 64px; +} + +.img-size-50 { + width: 50px; +} + +.img-size-32 { + width: 32px; +} + +.size-32, +.size-40, +.size-50 { + display: block; + text-align: center; +} + +.size-32 { + height: 32px; + line-height: 32px; + width: 32px; +} + +.size-40 { + height: 40px; + line-height: 40px; + width: 40px; +} + +.size-50 { + height: 50px; + line-height: 50px; + width: 50px; +} + +.attachment-block { + background-color: #f8f9fa; + border: 1px solid rgba(0, 0, 0, 0.125); + margin-bottom: 10px; + padding: 5px; +} + +.attachment-block .attachment-img { + float: left; + height: auto; + max-height: 100px; + max-width: 100px; +} + +.attachment-block .attachment-pushed { + margin-left: 110px; +} + +.attachment-block .attachment-heading { + margin: 0; +} + +.attachment-block .attachment-text { + color: #495057; +} + +.card > .overlay, +.card > .loading-img, +.overlay-wrapper > .overlay, +.overlay-wrapper > .loading-img, +.info-box > .overlay, +.info-box > .loading-img, +.small-box > .overlay, +.small-box > .loading-img { + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; +} + +.card .overlay, +.overlay-wrapper .overlay, +.info-box .overlay, +.small-box .overlay { + border-radius: 0.25rem; + -ms-flex-align: center; + align-items: center; + background-color: rgba(255, 255, 255, 0.7); + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + z-index: 50; +} + +.card .overlay > .fa, +.card .overlay > .fas, +.card .overlay > .far, +.card .overlay > .fab, +.card .overlay > .fal, +.card .overlay > .fad, +.card .overlay > .svg-inline--fa, +.card .overlay > .ion, +.overlay-wrapper .overlay > .fa, +.overlay-wrapper .overlay > .fas, +.overlay-wrapper .overlay > .far, +.overlay-wrapper .overlay > .fab, +.overlay-wrapper .overlay > .fal, +.overlay-wrapper .overlay > .fad, +.overlay-wrapper .overlay > .svg-inline--fa, +.overlay-wrapper .overlay > .ion, +.info-box .overlay > .fa, +.info-box .overlay > .fas, +.info-box .overlay > .far, +.info-box .overlay > .fab, +.info-box .overlay > .fal, +.info-box .overlay > .fad, +.info-box .overlay > .svg-inline--fa, +.info-box .overlay > .ion, +.small-box .overlay > .fa, +.small-box .overlay > .fas, +.small-box .overlay > .far, +.small-box .overlay > .fab, +.small-box .overlay > .fal, +.small-box .overlay > .fad, +.small-box .overlay > .svg-inline--fa, +.small-box .overlay > .ion { + color: #343a40; +} + +.card .overlay.dark, +.overlay-wrapper .overlay.dark, +.info-box .overlay.dark, +.small-box .overlay.dark { + background-color: rgba(0, 0, 0, 0.5); +} + +.card .overlay.dark > .fa, +.card .overlay.dark > .fas, +.card .overlay.dark > .far, +.card .overlay.dark > .fab, +.card .overlay.dark > .fal, +.card .overlay.dark > .fad, +.card .overlay.dark > .svg-inline--fa, +.card .overlay.dark > .ion, +.overlay-wrapper .overlay.dark > .fa, +.overlay-wrapper .overlay.dark > .fas, +.overlay-wrapper .overlay.dark > .far, +.overlay-wrapper .overlay.dark > .fab, +.overlay-wrapper .overlay.dark > .fal, +.overlay-wrapper .overlay.dark > .fad, +.overlay-wrapper .overlay.dark > .svg-inline--fa, +.overlay-wrapper .overlay.dark > .ion, +.info-box .overlay.dark > .fa, +.info-box .overlay.dark > .fas, +.info-box .overlay.dark > .far, +.info-box .overlay.dark > .fab, +.info-box .overlay.dark > .fal, +.info-box .overlay.dark > .fad, +.info-box .overlay.dark > .svg-inline--fa, +.info-box .overlay.dark > .ion, +.small-box .overlay.dark > .fa, +.small-box .overlay.dark > .fas, +.small-box .overlay.dark > .far, +.small-box .overlay.dark > .fab, +.small-box .overlay.dark > .fal, +.small-box .overlay.dark > .fad, +.small-box .overlay.dark > .svg-inline--fa, +.small-box .overlay.dark > .ion { + color: #ced4da; +} + +.tab-pane > .overlay-wrapper { + position: relative; +} + +.tab-pane > .overlay-wrapper > .overlay { + border-top-left-radius: 0; + border-top-right-radius: 0; + -ms-flex-direction: column; + flex-direction: column; + margin-top: -1.25rem; + margin-left: -1.25rem; + height: calc(100% + 2 * 1.25rem); + width: calc(100% + 2 * 1.25rem); +} + +.tab-pane > .overlay-wrapper > .overlay.dark { + color: #fff; +} + +.ribbon-wrapper { + height: 70px; + overflow: hidden; + position: absolute; + right: -2px; + top: -2px; + width: 70px; + z-index: 10; +} + +.ribbon-wrapper.ribbon-lg { + height: 120px; + width: 120px; +} + +.ribbon-wrapper.ribbon-lg .ribbon { + right: 0; + top: 26px; + width: 160px; +} + +.ribbon-wrapper.ribbon-xl { + height: 180px; + width: 180px; +} + +.ribbon-wrapper.ribbon-xl .ribbon { + right: 4px; + top: 47px; + width: 240px; +} + +.ribbon-wrapper .ribbon { + box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); + font-size: 0.8rem; + line-height: 100%; + padding: 0.375rem 0; + position: relative; + right: -2px; + text-align: center; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); + text-transform: uppercase; + top: 10px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + width: 90px; +} + +.ribbon-wrapper .ribbon::before, .ribbon-wrapper .ribbon::after { + border-left: 3px solid transparent; + border-right: 3px solid transparent; + border-top: 3px solid #9e9e9e; + bottom: -3px; + content: ""; + position: absolute; +} + +.ribbon-wrapper .ribbon::before { + left: 0; +} + +.ribbon-wrapper .ribbon::after { + right: 0; +} + +.back-to-top { + bottom: 1.25rem; + position: fixed; + right: 1.25rem; + z-index: 1032; +} + +.back-to-top:focus { + box-shadow: none; +} + +pre { + padding: .75rem; +} + +blockquote { + background-color: #fff; + border-left: 0.7rem solid #007bff; + margin: 1.5em .7rem; + padding: .5em .7rem; +} + +.box blockquote { + background-color: #e9ecef; +} + +blockquote p:last-child { + margin-bottom: 0; +} + +blockquote h1, +blockquote h2, +blockquote h3, +blockquote h4, +blockquote h5, +blockquote h6 { + color: #007bff; + font-size: 1.25rem; + font-weight: 600; +} + +blockquote.quote-primary { + border-color: #007bff; +} + +blockquote.quote-primary h1, blockquote.quote-primary h2, blockquote.quote-primary h3, blockquote.quote-primary h4, @@ -29277,3646 +44713,7539 @@ blockquote.quote-primary h6 { color: #007bff; } -blockquote.quote-secondary { - border-color: #6c757d; +blockquote.quote-secondary { + border-color: #6c757d; +} + +blockquote.quote-secondary h1, +blockquote.quote-secondary h2, +blockquote.quote-secondary h3, +blockquote.quote-secondary h4, +blockquote.quote-secondary h5, +blockquote.quote-secondary h6 { + color: #6c757d; +} + +blockquote.quote-success { + border-color: #28a745; +} + +blockquote.quote-success h1, +blockquote.quote-success h2, +blockquote.quote-success h3, +blockquote.quote-success h4, +blockquote.quote-success h5, +blockquote.quote-success h6 { + color: #28a745; +} + +blockquote.quote-info { + border-color: #17a2b8; +} + +blockquote.quote-info h1, +blockquote.quote-info h2, +blockquote.quote-info h3, +blockquote.quote-info h4, +blockquote.quote-info h5, +blockquote.quote-info h6 { + color: #17a2b8; +} + +blockquote.quote-warning { + border-color: #FFC0C0; +} + +blockquote.quote-warning h1, +blockquote.quote-warning h2, +blockquote.quote-warning h3, +blockquote.quote-warning h4, +blockquote.quote-warning h5, +blockquote.quote-warning h6 { + color: #FFC0C0; +} + +blockquote.quote-danger { + border-color: #dc3545; +} + +blockquote.quote-danger h1, +blockquote.quote-danger h2, +blockquote.quote-danger h3, +blockquote.quote-danger h4, +blockquote.quote-danger h5, +blockquote.quote-danger h6 { + color: #dc3545; +} + +blockquote.quote-light { + border-color: #f8f9fa; +} + +blockquote.quote-light h1, +blockquote.quote-light h2, +blockquote.quote-light h3, +blockquote.quote-light h4, +blockquote.quote-light h5, +blockquote.quote-light h6 { + color: #f8f9fa; +} + +blockquote.quote-dark { + border-color: #343a40; +} + +blockquote.quote-dark h1, +blockquote.quote-dark h2, +blockquote.quote-dark h3, +blockquote.quote-dark h4, +blockquote.quote-dark h5, +blockquote.quote-dark h6 { + color: #343a40; +} + +blockquote.quote-lightblue { + border-color: #3c8dbc; +} + +blockquote.quote-lightblue h1, +blockquote.quote-lightblue h2, +blockquote.quote-lightblue h3, +blockquote.quote-lightblue h4, +blockquote.quote-lightblue h5, +blockquote.quote-lightblue h6 { + color: #3c8dbc; +} + +blockquote.quote-navy { + border-color: #001f3f; +} + +blockquote.quote-navy h1, +blockquote.quote-navy h2, +blockquote.quote-navy h3, +blockquote.quote-navy h4, +blockquote.quote-navy h5, +blockquote.quote-navy h6 { + color: #001f3f; +} + +blockquote.quote-olive { + border-color: #3d9970; +} + +blockquote.quote-olive h1, +blockquote.quote-olive h2, +blockquote.quote-olive h3, +blockquote.quote-olive h4, +blockquote.quote-olive h5, +blockquote.quote-olive h6 { + color: #3d9970; +} + +blockquote.quote-lime { + border-color: #01ff70; +} + +blockquote.quote-lime h1, +blockquote.quote-lime h2, +blockquote.quote-lime h3, +blockquote.quote-lime h4, +blockquote.quote-lime h5, +blockquote.quote-lime h6 { + color: #01ff70; +} + +blockquote.quote-fuchsia { + border-color: #f012be; +} + +blockquote.quote-fuchsia h1, +blockquote.quote-fuchsia h2, +blockquote.quote-fuchsia h3, +blockquote.quote-fuchsia h4, +blockquote.quote-fuchsia h5, +blockquote.quote-fuchsia h6 { + color: #f012be; +} + +blockquote.quote-maroon { + border-color: #d81b60; +} + +blockquote.quote-maroon h1, +blockquote.quote-maroon h2, +blockquote.quote-maroon h3, +blockquote.quote-maroon h4, +blockquote.quote-maroon h5, +blockquote.quote-maroon h6 { + color: #d81b60; +} + +blockquote.quote-blue { + border-color: #007bff; +} + +blockquote.quote-blue h1, +blockquote.quote-blue h2, +blockquote.quote-blue h3, +blockquote.quote-blue h4, +blockquote.quote-blue h5, +blockquote.quote-blue h6 { + color: #007bff; +} + +blockquote.quote-indigo { + border-color: #6610f2; +} + +blockquote.quote-indigo h1, +blockquote.quote-indigo h2, +blockquote.quote-indigo h3, +blockquote.quote-indigo h4, +blockquote.quote-indigo h5, +blockquote.quote-indigo h6 { + color: #6610f2; +} + +blockquote.quote-purple { + border-color: #6f42c1; +} + +blockquote.quote-purple h1, +blockquote.quote-purple h2, +blockquote.quote-purple h3, +blockquote.quote-purple h4, +blockquote.quote-purple h5, +blockquote.quote-purple h6 { + color: #6f42c1; +} + +blockquote.quote-pink { + border-color: #e83e8c; +} + +blockquote.quote-pink h1, +blockquote.quote-pink h2, +blockquote.quote-pink h3, +blockquote.quote-pink h4, +blockquote.quote-pink h5, +blockquote.quote-pink h6 { + color: #e83e8c; +} + +blockquote.quote-red { + border-color: #dc3545; +} + +blockquote.quote-red h1, +blockquote.quote-red h2, +blockquote.quote-red h3, +blockquote.quote-red h4, +blockquote.quote-red h5, +blockquote.quote-red h6 { + color: #dc3545; +} + +blockquote.quote-orange { + border-color: #fd7e14; +} + +blockquote.quote-orange h1, +blockquote.quote-orange h2, +blockquote.quote-orange h3, +blockquote.quote-orange h4, +blockquote.quote-orange h5, +blockquote.quote-orange h6 { + color: #fd7e14; +} + +blockquote.quote-yellow { + border-color: #FFC0C0; +} + +blockquote.quote-yellow h1, +blockquote.quote-yellow h2, +blockquote.quote-yellow h3, +blockquote.quote-yellow h4, +blockquote.quote-yellow h5, +blockquote.quote-yellow h6 { + color: #FFC0C0; +} + +blockquote.quote-green { + border-color: #28a745; +} + +blockquote.quote-green h1, +blockquote.quote-green h2, +blockquote.quote-green h3, +blockquote.quote-green h4, +blockquote.quote-green h5, +blockquote.quote-green h6 { + color: #28a745; +} + +blockquote.quote-teal { + border-color: #20c997; +} + +blockquote.quote-teal h1, +blockquote.quote-teal h2, +blockquote.quote-teal h3, +blockquote.quote-teal h4, +blockquote.quote-teal h5, +blockquote.quote-teal h6 { + color: #20c997; +} + +blockquote.quote-cyan { + border-color: #17a2b8; +} + +blockquote.quote-cyan h1, +blockquote.quote-cyan h2, +blockquote.quote-cyan h3, +blockquote.quote-cyan h4, +blockquote.quote-cyan h5, +blockquote.quote-cyan h6 { + color: #17a2b8; +} + +blockquote.quote-white { + border-color: #fff; +} + +blockquote.quote-white h1, +blockquote.quote-white h2, +blockquote.quote-white h3, +blockquote.quote-white h4, +blockquote.quote-white h5, +blockquote.quote-white h6 { + color: #fff; +} + +blockquote.quote-gray { + border-color: #6c757d; +} + +blockquote.quote-gray h1, +blockquote.quote-gray h2, +blockquote.quote-gray h3, +blockquote.quote-gray h4, +blockquote.quote-gray h5, +blockquote.quote-gray h6 { + color: #6c757d; +} + +blockquote.quote-gray-dark { + border-color: #343a40; +} + +blockquote.quote-gray-dark h1, +blockquote.quote-gray-dark h2, +blockquote.quote-gray-dark h3, +blockquote.quote-gray-dark h4, +blockquote.quote-gray-dark h5, +blockquote.quote-gray-dark h6 { + color: #343a40; +} + +.tab-custom-content { + border-top: 1px solid #dee2e6; + margin-top: .5rem; + padding-top: .5rem; +} + +.nav + .tab-custom-content { + border-top: none; + border-bottom: 1px solid #dee2e6; + margin-top: 0; + margin-bottom: .5rem; + padding-bottom: .5rem; +} + +.badge-btn { + border-radius: 0.15rem; + font-size: 0.75rem; + font-weight: 400; + padding: 0.25rem 0.5rem; +} + +.badge-btn.badge-pill { + padding: .375rem .6rem; +} + +.dark-mode a:not(.btn):hover { + color: #3395ff; +} + +.dark-mode .attachment-block { + background-color: #3d444b; +} + +.dark-mode .attachment-block .attachment-text { + color: #ced4da; +} + +.dark-mode blockquote { + background-color: #3f474e; +} + +.dark-mode blockquote.quote-primary { + border-color: #007bff; +} + +.dark-mode blockquote.quote-primary h1, +.dark-mode blockquote.quote-primary h2, +.dark-mode blockquote.quote-primary h3, +.dark-mode blockquote.quote-primary h4, +.dark-mode blockquote.quote-primary h5, +.dark-mode blockquote.quote-primary h6 { + color: #007bff; +} + +.dark-mode blockquote.quote-secondary { + border-color: #6c757d; +} + +.dark-mode blockquote.quote-secondary h1, +.dark-mode blockquote.quote-secondary h2, +.dark-mode blockquote.quote-secondary h3, +.dark-mode blockquote.quote-secondary h4, +.dark-mode blockquote.quote-secondary h5, +.dark-mode blockquote.quote-secondary h6 { + color: #6c757d; +} + +.dark-mode blockquote.quote-success { + border-color: #28a745; +} + +.dark-mode blockquote.quote-success h1, +.dark-mode blockquote.quote-success h2, +.dark-mode blockquote.quote-success h3, +.dark-mode blockquote.quote-success h4, +.dark-mode blockquote.quote-success h5, +.dark-mode blockquote.quote-success h6 { + color: #28a745; +} + +.dark-mode blockquote.quote-info { + border-color: #17a2b8; +} + +.dark-mode blockquote.quote-info h1, +.dark-mode blockquote.quote-info h2, +.dark-mode blockquote.quote-info h3, +.dark-mode blockquote.quote-info h4, +.dark-mode blockquote.quote-info h5, +.dark-mode blockquote.quote-info h6 { + color: #17a2b8; +} + +.dark-mode blockquote.quote-warning { + border-color: #FFC0C0; +} + +.dark-mode blockquote.quote-warning h1, +.dark-mode blockquote.quote-warning h2, +.dark-mode blockquote.quote-warning h3, +.dark-mode blockquote.quote-warning h4, +.dark-mode blockquote.quote-warning h5, +.dark-mode blockquote.quote-warning h6 { + color: #FFC0C0; +} + +.dark-mode blockquote.quote-danger { + border-color: #dc3545; +} + +.dark-mode blockquote.quote-danger h1, +.dark-mode blockquote.quote-danger h2, +.dark-mode blockquote.quote-danger h3, +.dark-mode blockquote.quote-danger h4, +.dark-mode blockquote.quote-danger h5, +.dark-mode blockquote.quote-danger h6 { + color: #dc3545; +} + +.dark-mode blockquote.quote-light { + border-color: #f8f9fa; +} + +.dark-mode blockquote.quote-light h1, +.dark-mode blockquote.quote-light h2, +.dark-mode blockquote.quote-light h3, +.dark-mode blockquote.quote-light h4, +.dark-mode blockquote.quote-light h5, +.dark-mode blockquote.quote-light h6 { + color: #f8f9fa; +} + +.dark-mode blockquote.quote-dark { + border-color: #343a40; +} + +.dark-mode blockquote.quote-dark h1, +.dark-mode blockquote.quote-dark h2, +.dark-mode blockquote.quote-dark h3, +.dark-mode blockquote.quote-dark h4, +.dark-mode blockquote.quote-dark h5, +.dark-mode blockquote.quote-dark h6 { + color: #343a40; +} + +.dark-mode blockquote.quote-lightblue { + border-color: #3c8dbc; +} + +.dark-mode blockquote.quote-lightblue h1, +.dark-mode blockquote.quote-lightblue h2, +.dark-mode blockquote.quote-lightblue h3, +.dark-mode blockquote.quote-lightblue h4, +.dark-mode blockquote.quote-lightblue h5, +.dark-mode blockquote.quote-lightblue h6 { + color: #3c8dbc; +} + +.dark-mode blockquote.quote-navy { + border-color: #001f3f; +} + +.dark-mode blockquote.quote-navy h1, +.dark-mode blockquote.quote-navy h2, +.dark-mode blockquote.quote-navy h3, +.dark-mode blockquote.quote-navy h4, +.dark-mode blockquote.quote-navy h5, +.dark-mode blockquote.quote-navy h6 { + color: #001f3f; +} + +.dark-mode blockquote.quote-olive { + border-color: #3d9970; +} + +.dark-mode blockquote.quote-olive h1, +.dark-mode blockquote.quote-olive h2, +.dark-mode blockquote.quote-olive h3, +.dark-mode blockquote.quote-olive h4, +.dark-mode blockquote.quote-olive h5, +.dark-mode blockquote.quote-olive h6 { + color: #3d9970; +} + +.dark-mode blockquote.quote-lime { + border-color: #01ff70; +} + +.dark-mode blockquote.quote-lime h1, +.dark-mode blockquote.quote-lime h2, +.dark-mode blockquote.quote-lime h3, +.dark-mode blockquote.quote-lime h4, +.dark-mode blockquote.quote-lime h5, +.dark-mode blockquote.quote-lime h6 { + color: #01ff70; +} + +.dark-mode blockquote.quote-fuchsia { + border-color: #f012be; +} + +.dark-mode blockquote.quote-fuchsia h1, +.dark-mode blockquote.quote-fuchsia h2, +.dark-mode blockquote.quote-fuchsia h3, +.dark-mode blockquote.quote-fuchsia h4, +.dark-mode blockquote.quote-fuchsia h5, +.dark-mode blockquote.quote-fuchsia h6 { + color: #f012be; +} + +.dark-mode blockquote.quote-maroon { + border-color: #d81b60; +} + +.dark-mode blockquote.quote-maroon h1, +.dark-mode blockquote.quote-maroon h2, +.dark-mode blockquote.quote-maroon h3, +.dark-mode blockquote.quote-maroon h4, +.dark-mode blockquote.quote-maroon h5, +.dark-mode blockquote.quote-maroon h6 { + color: #d81b60; +} + +.dark-mode blockquote.quote-blue { + border-color: #007bff; +} + +.dark-mode blockquote.quote-blue h1, +.dark-mode blockquote.quote-blue h2, +.dark-mode blockquote.quote-blue h3, +.dark-mode blockquote.quote-blue h4, +.dark-mode blockquote.quote-blue h5, +.dark-mode blockquote.quote-blue h6 { + color: #007bff; +} + +.dark-mode blockquote.quote-indigo { + border-color: #6610f2; +} + +.dark-mode blockquote.quote-indigo h1, +.dark-mode blockquote.quote-indigo h2, +.dark-mode blockquote.quote-indigo h3, +.dark-mode blockquote.quote-indigo h4, +.dark-mode blockquote.quote-indigo h5, +.dark-mode blockquote.quote-indigo h6 { + color: #6610f2; +} + +.dark-mode blockquote.quote-purple { + border-color: #6f42c1; +} + +.dark-mode blockquote.quote-purple h1, +.dark-mode blockquote.quote-purple h2, +.dark-mode blockquote.quote-purple h3, +.dark-mode blockquote.quote-purple h4, +.dark-mode blockquote.quote-purple h5, +.dark-mode blockquote.quote-purple h6 { + color: #6f42c1; +} + +.dark-mode blockquote.quote-pink { + border-color: #e83e8c; +} + +.dark-mode blockquote.quote-pink h1, +.dark-mode blockquote.quote-pink h2, +.dark-mode blockquote.quote-pink h3, +.dark-mode blockquote.quote-pink h4, +.dark-mode blockquote.quote-pink h5, +.dark-mode blockquote.quote-pink h6 { + color: #e83e8c; +} + +.dark-mode blockquote.quote-red { + border-color: #dc3545; +} + +.dark-mode blockquote.quote-red h1, +.dark-mode blockquote.quote-red h2, +.dark-mode blockquote.quote-red h3, +.dark-mode blockquote.quote-red h4, +.dark-mode blockquote.quote-red h5, +.dark-mode blockquote.quote-red h6 { + color: #dc3545; +} + +.dark-mode blockquote.quote-orange { + border-color: #fd7e14; +} + +.dark-mode blockquote.quote-orange h1, +.dark-mode blockquote.quote-orange h2, +.dark-mode blockquote.quote-orange h3, +.dark-mode blockquote.quote-orange h4, +.dark-mode blockquote.quote-orange h5, +.dark-mode blockquote.quote-orange h6 { + color: #fd7e14; +} + +.dark-mode blockquote.quote-yellow { + border-color: #FFC0C0; +} + +.dark-mode blockquote.quote-yellow h1, +.dark-mode blockquote.quote-yellow h2, +.dark-mode blockquote.quote-yellow h3, +.dark-mode blockquote.quote-yellow h4, +.dark-mode blockquote.quote-yellow h5, +.dark-mode blockquote.quote-yellow h6 { + color: #FFC0C0; +} + +.dark-mode blockquote.quote-green { + border-color: #28a745; +} + +.dark-mode blockquote.quote-green h1, +.dark-mode blockquote.quote-green h2, +.dark-mode blockquote.quote-green h3, +.dark-mode blockquote.quote-green h4, +.dark-mode blockquote.quote-green h5, +.dark-mode blockquote.quote-green h6 { + color: #28a745; +} + +.dark-mode blockquote.quote-teal { + border-color: #20c997; +} + +.dark-mode blockquote.quote-teal h1, +.dark-mode blockquote.quote-teal h2, +.dark-mode blockquote.quote-teal h3, +.dark-mode blockquote.quote-teal h4, +.dark-mode blockquote.quote-teal h5, +.dark-mode blockquote.quote-teal h6 { + color: #20c997; +} + +.dark-mode blockquote.quote-cyan { + border-color: #17a2b8; +} + +.dark-mode blockquote.quote-cyan h1, +.dark-mode blockquote.quote-cyan h2, +.dark-mode blockquote.quote-cyan h3, +.dark-mode blockquote.quote-cyan h4, +.dark-mode blockquote.quote-cyan h5, +.dark-mode blockquote.quote-cyan h6 { + color: #17a2b8; +} + +.dark-mode blockquote.quote-white { + border-color: #fff; +} + +.dark-mode blockquote.quote-white h1, +.dark-mode blockquote.quote-white h2, +.dark-mode blockquote.quote-white h3, +.dark-mode blockquote.quote-white h4, +.dark-mode blockquote.quote-white h5, +.dark-mode blockquote.quote-white h6 { + color: #fff; +} + +.dark-mode blockquote.quote-gray { + border-color: #6c757d; +} + +.dark-mode blockquote.quote-gray h1, +.dark-mode blockquote.quote-gray h2, +.dark-mode blockquote.quote-gray h3, +.dark-mode blockquote.quote-gray h4, +.dark-mode blockquote.quote-gray h5, +.dark-mode blockquote.quote-gray h6 { + color: #6c757d; +} + +.dark-mode blockquote.quote-gray-dark { + border-color: #343a40; +} + +.dark-mode blockquote.quote-gray-dark h1, +.dark-mode blockquote.quote-gray-dark h2, +.dark-mode blockquote.quote-gray-dark h3, +.dark-mode blockquote.quote-gray-dark h4, +.dark-mode blockquote.quote-gray-dark h5, +.dark-mode blockquote.quote-gray-dark h6 { + color: #343a40; +} + +.dark-mode .close, .dark-mode .mailbox-attachment-close, +.dark-mode .mailbox-attachment-close { + color: #adb5bd; + text-shadow: 0 1px 0 #495057; +} + +.dark-mode .tab-custom-content { + border-color: #6c757d; +} + +.dark-mode .list-group-item { + background-color: #343a40; + border-color: #6c757d; +} + +@media print { + .no-print, .main-sidebar, + .main-header, + .content-header { + display: none !important; + } + .content-wrapper, + .main-footer { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + margin-left: 0 !important; + min-height: 0 !important; + } + .layout-fixed .content-wrapper { + padding-top: 0 !important; + } + .invoice { + border: 0; + margin: 0; + padding: 0; + width: 100%; + } + .invoice-col { + float: left; + width: 33.3333333%; + } + .table-responsive { + overflow: auto; + } + .table-responsive > .table tr th, + .table-responsive > .table tr td { + white-space: normal !important; + } +} + +.text-bold, +.text-bold.table td, +.text-bold.table th { + font-weight: 700; +} + +.text-xs { + font-size: 0.75rem !important; +} + +.text-sm { + font-size: 0.875rem !important; +} + +.text-md { + font-size: 1rem !important; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-xl { + font-size: 2rem !important; +} + +.text-lightblue { + color: #3c8dbc !important; +} + +.text-navy { + color: #001f3f !important; +} + +.text-olive { + color: #3d9970 !important; +} + +.text-lime { + color: #01ff70 !important; +} + +.text-fuchsia { + color: #f012be !important; +} + +.text-maroon { + color: #d81b60 !important; +} + +.text-blue { + color: #007bff !important; +} + +.text-indigo { + color: #6610f2 !important; +} + +.text-purple { + color: #6f42c1 !important; +} + +.text-pink { + color: #e83e8c !important; +} + +.text-red { + color: #dc3545 !important; +} + +.text-orange { + color: #fd7e14 !important; +} + +.text-yellow { + color: #FFC0C0 !important; +} + +.text-green { + color: #28a745 !important; +} + +.text-teal { + color: #20c997 !important; +} + +.text-cyan { + color: #17a2b8 !important; +} + +.text-white { + color: #fff !important; +} + +.text-gray { + color: #6c757d !important; +} + +.text-gray-dark { + color: #343a40 !important; +} + +.dark-mode .text-muted { + color: #adb5bd !important; +} + +.dark-mode .text-lightblue { + color: #86bad8 !important; +} + +.dark-mode .text-navy { + color: #002c59 !important; +} + +.dark-mode .text-olive { + color: #74c8a3 !important; +} + +.dark-mode .text-lime { + color: #67ffa9 !important; +} + +.dark-mode .text-fuchsia { + color: #f672d8 !important; +} + +.dark-mode .text-maroon { + color: #ed6c9b !important; +} + +.dark-mode .text-blue { + color: #3f6791 !important; +} + +.dark-mode .text-indigo { + color: #6610f2 !important; +} + +.dark-mode .text-purple { + color: #6f42c1 !important; +} + +.dark-mode .text-pink { + color: #e83e8c !important; +} + +.dark-mode .text-red { + color: #e74c3c !important; +} + +.dark-mode .text-orange { + color: #fd7e14 !important; +} + +.dark-mode .text-yellow { + color: #f39c12 !important; +} + +.dark-mode .text-green { + color: #00bc8c !important; +} + +.dark-mode .text-teal { + color: #20c997 !important; +} + +.dark-mode .text-cyan { + color: #3498db !important; +} + +.dark-mode .text-white { + color: #fff !important; +} + +.dark-mode .text-gray { + color: #6c757d !important; +} + +.dark-mode .text-gray-dark { + color: #343a40 !important; +} + +.elevation-0 { + box-shadow: none !important; +} + +.elevation-1 { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; +} + +.elevation-2 { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important; +} + +.elevation-3 { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important; +} + +.elevation-4 { + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important; +} + +.elevation-5 { + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22) !important; +} + +.bg-primary { + background-color: #007bff !important; +} + +.bg-primary, +.bg-primary > a { + color: #fff !important; +} + +.bg-primary.btn:hover { + border-color: #0062cc; + color: #ececec; +} + +.bg-primary.btn:not(:disabled):not(.disabled):active, .bg-primary.btn:not(:disabled):not(.disabled).active, .bg-primary.btn:active, .bg-primary.btn.active { + background-color: #0062cc !important; + border-color: #005cbf; + color: #fff; +} + +.bg-secondary { + background-color: #6c757d !important; +} + +.bg-secondary, +.bg-secondary > a { + color: #fff !important; +} + +.bg-secondary.btn:hover { + border-color: #545b62; + color: #ececec; +} + +.bg-secondary.btn:not(:disabled):not(.disabled):active, .bg-secondary.btn:not(:disabled):not(.disabled).active, .bg-secondary.btn:active, .bg-secondary.btn.active { + background-color: #545b62 !important; + border-color: #4e555b; + color: #fff; +} + +.bg-success { + background-color: #28a745 !important; +} + +.bg-success, +.bg-success > a { + color: #fff !important; +} + +.bg-success.btn:hover { + border-color: #1e7e34; + color: #ececec; +} + +.bg-success.btn:not(:disabled):not(.disabled):active, .bg-success.btn:not(:disabled):not(.disabled).active, .bg-success.btn:active, .bg-success.btn.active { + background-color: #1e7e34 !important; + border-color: #1c7430; + color: #fff; +} + +.bg-info { + background-color: #17a2b8 !important; +} + +.bg-info, +.bg-info > a { + color: #fff !important; +} + +.bg-info.btn:hover { + border-color: #117a8b; + color: #ececec; +} + +.bg-info.btn:not(:disabled):not(.disabled):active, .bg-info.btn:not(:disabled):not(.disabled).active, .bg-info.btn:active, .bg-info.btn.active { + background-color: #117a8b !important; + border-color: #10707f; + color: #fff; +} + +.bg-warning { + background-color: #FFC0C0 !important; +} + +.bg-warning, +.bg-warning > a { + color: #1f2d3d !important; +} + +.bg-warning.btn:hover { + border-color: #ff8d8d; + color: #121a24; +} + +.bg-warning.btn:not(:disabled):not(.disabled):active, .bg-warning.btn:not(:disabled):not(.disabled).active, .bg-warning.btn:active, .bg-warning.btn.active { + background-color: #ff8d8d !important; + border-color: #ff8080; + color: #1f2d3d; +} + +.bg-danger { + background-color: #dc3545 !important; +} + +.bg-danger, +.bg-danger > a { + color: #fff !important; +} + +.bg-danger.btn:hover { + border-color: #bd2130; + color: #ececec; +} + +.bg-danger.btn:not(:disabled):not(.disabled):active, .bg-danger.btn:not(:disabled):not(.disabled).active, .bg-danger.btn:active, .bg-danger.btn.active { + background-color: #bd2130 !important; + border-color: #b21f2d; + color: #fff; +} + +.bg-light { + background-color: #f8f9fa !important; +} + +.bg-light, +.bg-light > a { + color: #1f2d3d !important; +} + +.bg-light.btn:hover { + border-color: #dae0e5; + color: #121a24; +} + +.bg-light.btn:not(:disabled):not(.disabled):active, .bg-light.btn:not(:disabled):not(.disabled).active, .bg-light.btn:active, .bg-light.btn.active { + background-color: #dae0e5 !important; + border-color: #d3d9df; + color: #1f2d3d; +} + +.bg-dark { + background-color: #343a40 !important; +} + +.bg-dark, +.bg-dark > a { + color: #fff !important; +} + +.bg-dark.btn:hover { + border-color: #1d2124; + color: #ececec; +} + +.bg-dark.btn:not(:disabled):not(.disabled):active, .bg-dark.btn:not(:disabled):not(.disabled).active, .bg-dark.btn:active, .bg-dark.btn.active { + background-color: #1d2124 !important; + border-color: #171a1d; + color: #fff; +} + +.bg-lightblue { + background-color: #3c8dbc !important; +} + +.bg-lightblue, +.bg-lightblue > a { + color: #fff !important; +} + +.bg-lightblue.btn:hover { + border-color: #307095; + color: #ececec; +} + +.bg-lightblue.btn:not(:disabled):not(.disabled):active, .bg-lightblue.btn:not(:disabled):not(.disabled).active, .bg-lightblue.btn:active, .bg-lightblue.btn.active { + background-color: #307095 !important; + border-color: #2d698c; + color: #fff; +} + +.bg-navy { + background-color: #001f3f !important; +} + +.bg-navy, +.bg-navy > a { + color: #fff !important; +} + +.bg-navy.btn:hover { + border-color: #00060c; + color: #ececec; +} + +.bg-navy.btn:not(:disabled):not(.disabled):active, .bg-navy.btn:not(:disabled):not(.disabled).active, .bg-navy.btn:active, .bg-navy.btn.active { + background-color: #00060c !important; + border-color: black; + color: #fff; +} + +.bg-olive { + background-color: #3d9970 !important; +} + +.bg-olive, +.bg-olive > a { + color: #fff !important; +} + +.bg-olive.btn:hover { + border-color: #2e7555; + color: #ececec; +} + +.bg-olive.btn:not(:disabled):not(.disabled):active, .bg-olive.btn:not(:disabled):not(.disabled).active, .bg-olive.btn:active, .bg-olive.btn.active { + background-color: #2e7555 !important; + border-color: #2b6b4f; + color: #fff; +} + +.bg-lime { + background-color: #01ff70 !important; +} + +.bg-lime, +.bg-lime > a { + color: #1f2d3d !important; +} + +.bg-lime.btn:hover { + border-color: #00cd5a; + color: #121a24; +} + +.bg-lime.btn:not(:disabled):not(.disabled):active, .bg-lime.btn:not(:disabled):not(.disabled).active, .bg-lime.btn:active, .bg-lime.btn.active { + background-color: #00cd5a !important; + border-color: #00c054; + color: #fff; +} + +.bg-fuchsia { + background-color: #f012be !important; +} + +.bg-fuchsia, +.bg-fuchsia > a { + color: #fff !important; +} + +.bg-fuchsia.btn:hover { + border-color: #c30c9a; + color: #ececec; +} + +.bg-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-fuchsia.btn:active, .bg-fuchsia.btn.active { + background-color: #c30c9a !important; + border-color: #b70c90; + color: #fff; +} + +.bg-maroon { + background-color: #d81b60 !important; +} + +.bg-maroon, +.bg-maroon > a { + color: #fff !important; +} + +.bg-maroon.btn:hover { + border-color: #ab154c; + color: #ececec; +} + +.bg-maroon.btn:not(:disabled):not(.disabled):active, .bg-maroon.btn:not(:disabled):not(.disabled).active, .bg-maroon.btn:active, .bg-maroon.btn.active { + background-color: #ab154c !important; + border-color: #9f1447; + color: #fff; +} + +.bg-blue { + background-color: #007bff !important; +} + +.bg-blue, +.bg-blue > a { + color: #fff !important; +} + +.bg-blue.btn:hover { + border-color: #0062cc; + color: #ececec; +} + +.bg-blue.btn:not(:disabled):not(.disabled):active, .bg-blue.btn:not(:disabled):not(.disabled).active, .bg-blue.btn:active, .bg-blue.btn.active { + background-color: #0062cc !important; + border-color: #005cbf; + color: #fff; +} + +.bg-indigo { + background-color: #6610f2 !important; +} + +.bg-indigo, +.bg-indigo > a { + color: #fff !important; +} + +.bg-indigo.btn:hover { + border-color: #510bc4; + color: #ececec; +} + +.bg-indigo.btn:not(:disabled):not(.disabled):active, .bg-indigo.btn:not(:disabled):not(.disabled).active, .bg-indigo.btn:active, .bg-indigo.btn.active { + background-color: #510bc4 !important; + border-color: #4c0ab8; + color: #fff; +} + +.bg-purple { + background-color: #6f42c1 !important; +} + +.bg-purple, +.bg-purple > a { + color: #fff !important; +} + +.bg-purple.btn:hover { + border-color: #59339d; + color: #ececec; +} + +.bg-purple.btn:not(:disabled):not(.disabled):active, .bg-purple.btn:not(:disabled):not(.disabled).active, .bg-purple.btn:active, .bg-purple.btn.active { + background-color: #59339d !important; + border-color: #533093; + color: #fff; +} + +.bg-pink { + background-color: #e83e8c !important; +} + +.bg-pink, +.bg-pink > a { + color: #fff !important; +} + +.bg-pink.btn:hover { + border-color: #d91a72; + color: #ececec; +} + +.bg-pink.btn:not(:disabled):not(.disabled):active, .bg-pink.btn:not(:disabled):not(.disabled).active, .bg-pink.btn:active, .bg-pink.btn.active { + background-color: #d91a72 !important; + border-color: #ce196c; + color: #fff; +} + +.bg-red { + background-color: #dc3545 !important; +} + +.bg-red, +.bg-red > a { + color: #fff !important; +} + +.bg-red.btn:hover { + border-color: #bd2130; + color: #ececec; +} + +.bg-red.btn:not(:disabled):not(.disabled):active, .bg-red.btn:not(:disabled):not(.disabled).active, .bg-red.btn:active, .bg-red.btn.active { + background-color: #bd2130 !important; + border-color: #b21f2d; + color: #fff; +} + +.bg-orange { + background-color: #fd7e14 !important; +} + +.bg-orange, +.bg-orange > a { + color: #1f2d3d !important; +} + +.bg-orange.btn:hover { + border-color: #dc6502; + color: #121a24; +} + +.bg-orange.btn:not(:disabled):not(.disabled):active, .bg-orange.btn:not(:disabled):not(.disabled).active, .bg-orange.btn:active, .bg-orange.btn.active { + background-color: #dc6502 !important; + border-color: #cf5f02; + color: #fff; +} + +.bg-yellow { + background-color: #FFC0C0 !important; +} + +.bg-yellow, +.bg-yellow > a { + color: #1f2d3d !important; +} + +.bg-yellow.btn:hover { + border-color: #ff8d8d; + color: #121a24; +} + +.bg-yellow.btn:not(:disabled):not(.disabled):active, .bg-yellow.btn:not(:disabled):not(.disabled).active, .bg-yellow.btn:active, .bg-yellow.btn.active { + background-color: #ff8d8d !important; + border-color: #ff8080; + color: #1f2d3d; +} + +.bg-green { + background-color: #28a745 !important; +} + +.bg-green, +.bg-green > a { + color: #fff !important; +} + +.bg-green.btn:hover { + border-color: #1e7e34; + color: #ececec; +} + +.bg-green.btn:not(:disabled):not(.disabled):active, .bg-green.btn:not(:disabled):not(.disabled).active, .bg-green.btn:active, .bg-green.btn.active { + background-color: #1e7e34 !important; + border-color: #1c7430; + color: #fff; +} + +.bg-teal { + background-color: #20c997 !important; +} + +.bg-teal, +.bg-teal > a { + color: #fff !important; +} + +.bg-teal.btn:hover { + border-color: #199d76; + color: #ececec; +} + +.bg-teal.btn:not(:disabled):not(.disabled):active, .bg-teal.btn:not(:disabled):not(.disabled).active, .bg-teal.btn:active, .bg-teal.btn.active { + background-color: #199d76 !important; + border-color: #17926e; + color: #fff; +} + +.bg-cyan { + background-color: #17a2b8 !important; +} + +.bg-cyan, +.bg-cyan > a { + color: #fff !important; +} + +.bg-cyan.btn:hover { + border-color: #117a8b; + color: #ececec; +} + +.bg-cyan.btn:not(:disabled):not(.disabled):active, .bg-cyan.btn:not(:disabled):not(.disabled).active, .bg-cyan.btn:active, .bg-cyan.btn.active { + background-color: #117a8b !important; + border-color: #10707f; + color: #fff; +} + +.bg-white { + background-color: #fff !important; +} + +.bg-white, +.bg-white > a { + color: #1f2d3d !important; +} + +.bg-white.btn:hover { + border-color: #e6e6e6; + color: #121a24; +} + +.bg-white.btn:not(:disabled):not(.disabled):active, .bg-white.btn:not(:disabled):not(.disabled).active, .bg-white.btn:active, .bg-white.btn.active { + background-color: #e6e6e6 !important; + border-color: #dfdfdf; + color: #1f2d3d; +} + +.bg-gray { + background-color: #6c757d !important; +} + +.bg-gray, +.bg-gray > a { + color: #fff !important; +} + +.bg-gray.btn:hover { + border-color: #545b62; + color: #ececec; +} + +.bg-gray.btn:not(:disabled):not(.disabled):active, .bg-gray.btn:not(:disabled):not(.disabled).active, .bg-gray.btn:active, .bg-gray.btn.active { + background-color: #545b62 !important; + border-color: #4e555b; + color: #fff; +} + +.bg-gray-dark { + background-color: #343a40 !important; +} + +.bg-gray-dark, +.bg-gray-dark > a { + color: #fff !important; +} + +.bg-gray-dark.btn:hover { + border-color: #1d2124; + color: #ececec; +} + +.bg-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gray-dark.btn:active, .bg-gray-dark.btn.active { + background-color: #1d2124 !important; + border-color: #171a1d; + color: #fff; +} + +.bg-gray { + background-color: #adb5bd; + color: #1f2d3d; +} + +.bg-gray-light { + background-color: #f2f4f5; + color: #1f2d3d !important; +} + +.bg-black { + background-color: #000; + color: #fff !important; +} + +.bg-white { + background-color: #fff; + color: #1f2d3d !important; +} + +.bg-gradient-primary { + background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important; + color: #fff; +} + +.bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-primary.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-primary.btn:hover { + background: #007bff linear-gradient(180deg, #267fde, #0069d9) repeat-x !important; + border-color: #0062cc; + color: #ececec; +} + +.bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .bg-gradient-primary.btn:active, .bg-gradient-primary.btn.active { + background: #007bff linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important; + border-color: #005cbf; + color: #fff; +} + +.bg-gradient-primary.btn:disabled, .bg-gradient-primary.btn.disabled { + background-image: none !important; + border-color: #007bff; + color: #fff; +} + +.bg-gradient-secondary { + background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important; + color: #fff; +} + +.bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-secondary.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-secondary.btn:hover { + background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important; + border-color: #545b62; + color: #ececec; +} + +.bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, .bg-gradient-secondary.btn:active, .bg-gradient-secondary.btn.active { + background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important; + border-color: #4e555b; + color: #fff; +} + +.bg-gradient-secondary.btn:disabled, .bg-gradient-secondary.btn.disabled { + background-image: none !important; + border-color: #6c757d; + color: #fff; +} + +.bg-gradient-success { + background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important; + color: #fff; +} + +.bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-success.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-success.btn:hover { + background: #28a745 linear-gradient(180deg, #429a56, #218838) repeat-x !important; + border-color: #1e7e34; + color: #ececec; +} + +.bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active, .bg-gradient-success.btn:active, .bg-gradient-success.btn.active { + background: #28a745 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important; + border-color: #1c7430; + color: #fff; +} + +.bg-gradient-success.btn:disabled, .bg-gradient-success.btn.disabled { + background-image: none !important; + border-color: #28a745; + color: #fff; +} + +.bg-gradient-info { + background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important; + color: #fff; +} + +.bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-info.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-info.btn:hover { + background: #17a2b8 linear-gradient(180deg, #3697a6, #138496) repeat-x !important; + border-color: #117a8b; + color: #ececec; +} + +.bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active, .bg-gradient-info.btn:active, .bg-gradient-info.btn.active { + background: #17a2b8 linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important; + border-color: #10707f; + color: #fff; +} + +.bg-gradient-info.btn:disabled, .bg-gradient-info.btn.disabled { + background-image: none !important; + border-color: #17a2b8; + color: #fff; +} + +.bg-gradient-warning { + background: #FFC0C0 linear-gradient(180deg, #ffc9c9, #FFC0C0) repeat-x !important; + color: #1f2d3d; +} + +.bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-warning.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-warning.btn:hover { + background: #FFC0C0 linear-gradient(180deg, #ffa9a9, #ff9a9a) repeat-x !important; + border-color: #ff8d8d; + color: #121a24; +} + +.bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, .bg-gradient-warning.btn:active, .bg-gradient-warning.btn.active { + background: #FFC0C0 linear-gradient(180deg, #ff9e9e, #ff8d8d) repeat-x !important; + border-color: #ff8080; + color: #1f2d3d; +} + +.bg-gradient-warning.btn:disabled, .bg-gradient-warning.btn.disabled { + background-image: none !important; + border-color: #FFC0C0; + color: #1f2d3d; +} + +.bg-gradient-danger { + background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important; + color: #fff; +} + +.bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-danger.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-danger.btn:hover { + background: #dc3545 linear-gradient(180deg, #d04451, #c82333) repeat-x !important; + border-color: #bd2130; + color: #ececec; +} + +.bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, .bg-gradient-danger.btn:active, .bg-gradient-danger.btn.active { + background: #dc3545 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important; + border-color: #b21f2d; + color: #fff; +} + +.bg-gradient-danger.btn:disabled, .bg-gradient-danger.btn.disabled { + background-image: none !important; + border-color: #dc3545; + color: #fff; +} + +.bg-gradient-light { + background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important; + color: #1f2d3d; +} + +.bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-light.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-light.btn:hover { + background: #f8f9fa linear-gradient(180deg, #e6eaed, #e2e6ea) repeat-x !important; + border-color: #dae0e5; + color: #121a24; +} + +.bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active, .bg-gradient-light.btn:active, .bg-gradient-light.btn.active { + background: #f8f9fa linear-gradient(180deg, #e0e4e9, #dae0e5) repeat-x !important; + border-color: #d3d9df; + color: #1f2d3d; +} + +.bg-gradient-light.btn:disabled, .bg-gradient-light.btn.disabled { + background-image: none !important; + border-color: #f8f9fa; + color: #1f2d3d; +} + +.bg-gradient-dark { + background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important; + color: #fff; +} + +.bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-dark.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-dark.btn:hover { + background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important; + border-color: #1d2124; + color: #ececec; +} + +.bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-dark.btn:active, .bg-gradient-dark.btn.active { + background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important; + border-color: #171a1d; + color: #fff; +} + +.bg-gradient-dark.btn:disabled, .bg-gradient-dark.btn.disabled { + background-image: none !important; + border-color: #343a40; + color: #fff; +} + +.bg-gradient-lightblue { + background: #3c8dbc linear-gradient(180deg, #599ec6, #3c8dbc) repeat-x !important; + color: #fff; +} + +.bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-lightblue.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-lightblue.btn:hover { + background: #3c8dbc linear-gradient(180deg, #518cad, #33779f) repeat-x !important; + border-color: #307095; + color: #ececec; +} + +.bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, .bg-gradient-lightblue.btn:active, .bg-gradient-lightblue.btn.active { + background: #3c8dbc linear-gradient(180deg, #4f85a5, #307095) repeat-x !important; + border-color: #2d698c; + color: #fff; +} + +.bg-gradient-lightblue.btn:disabled, .bg-gradient-lightblue.btn.disabled { + background-image: none !important; + border-color: #3c8dbc; + color: #fff; +} + +.bg-gradient-navy { + background: #001f3f linear-gradient(180deg, #26415c, #001f3f) repeat-x !important; + color: #fff; +} + +.bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-navy.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-navy.btn:hover { + background: #001f3f linear-gradient(180deg, #26313b, #000c19) repeat-x !important; + border-color: #00060c; + color: #ececec; +} + +.bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, .bg-gradient-navy.btn:active, .bg-gradient-navy.btn.active { + background: #001f3f linear-gradient(180deg, #262b30, #00060c) repeat-x !important; + border-color: black; + color: #fff; +} + +.bg-gradient-navy.btn:disabled, .bg-gradient-navy.btn.disabled { + background-image: none !important; + border-color: #001f3f; + color: #fff; +} + +.bg-gradient-olive { + background: #3d9970 linear-gradient(180deg, #5aa885, #3d9970) repeat-x !important; + color: #fff; +} + +.bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-olive.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-olive.btn:hover { + background: #3d9970 linear-gradient(180deg, #519174, #327e5c) repeat-x !important; + border-color: #2e7555; + color: #ececec; +} + +.bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, .bg-gradient-olive.btn:active, .bg-gradient-olive.btn.active { + background: #3d9970 linear-gradient(180deg, #4e896f, #2e7555) repeat-x !important; + border-color: #2b6b4f; + color: #fff; +} + +.bg-gradient-olive.btn:disabled, .bg-gradient-olive.btn.disabled { + background-image: none !important; + border-color: #3d9970; + color: #fff; +} + +.bg-gradient-lime { + background: #01ff70 linear-gradient(180deg, #27ff85, #01ff70) repeat-x !important; + color: #1f2d3d; +} + +.bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-lime.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-lime.btn:hover { + background: #01ff70 linear-gradient(180deg, #26df77, #00da5f) repeat-x !important; + border-color: #00cd5a; + color: #121a24; +} + +.bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, .bg-gradient-lime.btn:active, .bg-gradient-lime.btn.active { + background: #01ff70 linear-gradient(180deg, #26d572, #00cd5a) repeat-x !important; + border-color: #00c054; + color: #fff; +} + +.bg-gradient-lime.btn:disabled, .bg-gradient-lime.btn.disabled { + background-image: none !important; + border-color: #01ff70; + color: #1f2d3d; +} + +.bg-gradient-fuchsia { + background: #f012be linear-gradient(180deg, #f236c8, #f012be) repeat-x !important; + color: #fff; +} + +.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-fuchsia.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-fuchsia.btn:hover { + background: #f012be linear-gradient(180deg, #d631b1, #cf0da3) repeat-x !important; + border-color: #c30c9a; + color: #ececec; +} + +.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-gradient-fuchsia.btn:active, .bg-gradient-fuchsia.btn.active { + background: #f012be linear-gradient(180deg, #cc31a9, #c30c9a) repeat-x !important; + border-color: #b70c90; + color: #fff; +} + +.bg-gradient-fuchsia.btn:disabled, .bg-gradient-fuchsia.btn.disabled { + background-image: none !important; + border-color: #f012be; + color: #fff; +} + +.bg-gradient-maroon { + background: #d81b60 linear-gradient(180deg, #de3d78, #d81b60) repeat-x !important; + color: #fff; +} + +.bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-maroon.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-maroon.btn:hover { + background: #d81b60 linear-gradient(180deg, #c13a6b, #b61751) repeat-x !important; + border-color: #ab154c; + color: #ececec; +} + +.bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, .bg-gradient-maroon.btn:active, .bg-gradient-maroon.btn.active { + background: #d81b60 linear-gradient(180deg, #b73867, #ab154c) repeat-x !important; + border-color: #9f1447; + color: #fff; +} + +.bg-gradient-maroon.btn:disabled, .bg-gradient-maroon.btn.disabled { + background-image: none !important; + border-color: #d81b60; + color: #fff; +} + +.bg-gradient-blue { + background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important; + color: #fff; +} + +.bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-blue.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-blue.btn:hover { + background: #007bff linear-gradient(180deg, #267fde, #0069d9) repeat-x !important; + border-color: #0062cc; + color: #ececec; +} + +.bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, .bg-gradient-blue.btn:active, .bg-gradient-blue.btn.active { + background: #007bff linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important; + border-color: #005cbf; + color: #fff; +} + +.bg-gradient-blue.btn:disabled, .bg-gradient-blue.btn.disabled { + background-image: none !important; + border-color: #007bff; + color: #fff; +} + +.bg-gradient-indigo { + background: #6610f2 linear-gradient(180deg, #7d34f4, #6610f2) repeat-x !important; + color: #fff; +} + +.bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-indigo.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-indigo.btn:hover { + background: #6610f2 linear-gradient(180deg, #7030d7, #560bd0) repeat-x !important; + border-color: #510bc4; + color: #ececec; +} + +.bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, .bg-gradient-indigo.btn:active, .bg-gradient-indigo.btn.active { + background: #6610f2 linear-gradient(180deg, #6b2fcd, #510bc4) repeat-x !important; + border-color: #4c0ab8; + color: #fff; +} + +.bg-gradient-indigo.btn:disabled, .bg-gradient-indigo.btn.disabled { + background-image: none !important; + border-color: #6610f2; + color: #fff; +} + +.bg-gradient-purple { + background: #6f42c1 linear-gradient(180deg, #855eca, #6f42c1) repeat-x !important; + color: #fff; +} + +.bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-purple.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-purple.btn:hover { + background: #6f42c1 linear-gradient(180deg, #7655b4, #5e37a6) repeat-x !important; + border-color: #59339d; + color: #ececec; +} + +.bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, .bg-gradient-purple.btn:active, .bg-gradient-purple.btn.active { + background: #6f42c1 linear-gradient(180deg, #7252ab, #59339d) repeat-x !important; + border-color: #533093; + color: #fff; +} + +.bg-gradient-purple.btn:disabled, .bg-gradient-purple.btn.disabled { + background-image: none !important; + border-color: #6f42c1; + color: #fff; +} + +.bg-gradient-pink { + background: #e83e8c linear-gradient(180deg, #eb5b9d, #e83e8c) repeat-x !important; + color: #fff; +} + +.bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-pink.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-pink.btn:hover { + background: #e83e8c linear-gradient(180deg, #e83e8c, #e41c78) repeat-x !important; + border-color: #d91a72; + color: #ececec; +} + +.bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, .bg-gradient-pink.btn:active, .bg-gradient-pink.btn.active { + background: #e83e8c linear-gradient(180deg, #df3c87, #d91a72) repeat-x !important; + border-color: #ce196c; + color: #fff; +} + +.bg-gradient-pink.btn:disabled, .bg-gradient-pink.btn.disabled { + background-image: none !important; + border-color: #e83e8c; + color: #fff; +} + +.bg-gradient-red { + background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important; + color: #fff; +} + +.bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-red.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-red.btn:hover { + background: #dc3545 linear-gradient(180deg, #d04451, #c82333) repeat-x !important; + border-color: #bd2130; + color: #ececec; +} + +.bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active, .bg-gradient-red.btn:active, .bg-gradient-red.btn.active { + background: #dc3545 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important; + border-color: #b21f2d; + color: #fff; +} + +.bg-gradient-red.btn:disabled, .bg-gradient-red.btn.disabled { + background-image: none !important; + border-color: #dc3545; + color: #fff; +} + +.bg-gradient-orange { + background: #fd7e14 linear-gradient(180deg, #fd9137, #fd7e14) repeat-x !important; + color: #1f2d3d; +} + +.bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-orange.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-orange.btn:hover { + background: #fd7e14 linear-gradient(180deg, #ec8128, #e96b02) repeat-x !important; + border-color: #dc6502; + color: #121a24; +} + +.bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, .bg-gradient-orange.btn:active, .bg-gradient-orange.btn.active { + background: #fd7e14 linear-gradient(180deg, #e17c28, #dc6502) repeat-x !important; + border-color: #cf5f02; + color: #fff; +} + +.bg-gradient-orange.btn:disabled, .bg-gradient-orange.btn.disabled { + background-image: none !important; + border-color: #fd7e14; + color: #1f2d3d; +} + +.bg-gradient-yellow { + background: #FFC0C0 linear-gradient(180deg, #ffc9c9, #FFC0C0) repeat-x !important; + color: #1f2d3d; +} + +.bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-yellow.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-yellow.btn:hover { + background: #FFC0C0 linear-gradient(180deg, #ffa9a9, #ff9a9a) repeat-x !important; + border-color: #ff8d8d; + color: #121a24; +} + +.bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, .bg-gradient-yellow.btn:active, .bg-gradient-yellow.btn.active { + background: #FFC0C0 linear-gradient(180deg, #ff9e9e, #ff8d8d) repeat-x !important; + border-color: #ff8080; + color: #1f2d3d; +} + +.bg-gradient-yellow.btn:disabled, .bg-gradient-yellow.btn.disabled { + background-image: none !important; + border-color: #FFC0C0; + color: #1f2d3d; +} + +.bg-gradient-green { + background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important; + color: #fff; +} + +.bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-green.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-green.btn:hover { + background: #28a745 linear-gradient(180deg, #429a56, #218838) repeat-x !important; + border-color: #1e7e34; + color: #ececec; +} + +.bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active, .bg-gradient-green.btn:active, .bg-gradient-green.btn.active { + background: #28a745 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important; + border-color: #1c7430; + color: #fff; +} + +.bg-gradient-green.btn:disabled, .bg-gradient-green.btn.disabled { + background-image: none !important; + border-color: #28a745; + color: #fff; +} + +.bg-gradient-teal { + background: #20c997 linear-gradient(180deg, #41d1a7, #20c997) repeat-x !important; + color: #fff; +} + +.bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-teal.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-teal.btn:hover { + background: #20c997 linear-gradient(180deg, #3db592, #1ba87e) repeat-x !important; + border-color: #199d76; + color: #ececec; +} + +.bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, .bg-gradient-teal.btn:active, .bg-gradient-teal.btn.active { + background: #20c997 linear-gradient(180deg, #3bac8b, #199d76) repeat-x !important; + border-color: #17926e; + color: #fff; +} + +.bg-gradient-teal.btn:disabled, .bg-gradient-teal.btn.disabled { + background-image: none !important; + border-color: #20c997; + color: #fff; +} + +.bg-gradient-cyan { + background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important; + color: #fff; +} + +.bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-cyan.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-cyan.btn:hover { + background: #17a2b8 linear-gradient(180deg, #3697a6, #138496) repeat-x !important; + border-color: #117a8b; + color: #ececec; +} + +.bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, .bg-gradient-cyan.btn:active, .bg-gradient-cyan.btn.active { + background: #17a2b8 linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important; + border-color: #10707f; + color: #fff; +} + +.bg-gradient-cyan.btn:disabled, .bg-gradient-cyan.btn.disabled { + background-image: none !important; + border-color: #17a2b8; + color: #fff; +} + +.bg-gradient-white { + background: #fff linear-gradient(180deg, white, #fff) repeat-x !important; + color: #1f2d3d; +} + +.bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-white.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-white.btn:hover { + background: #fff linear-gradient(180deg, #efefef, #ececec) repeat-x !important; + border-color: #e6e6e6; + color: #121a24; +} + +.bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active, .bg-gradient-white.btn:active, .bg-gradient-white.btn.active { + background: #fff linear-gradient(180deg, #e9e9e9, #e6e6e6) repeat-x !important; + border-color: #dfdfdf; + color: #1f2d3d; +} + +.bg-gradient-white.btn:disabled, .bg-gradient-white.btn.disabled { + background-image: none !important; + border-color: #fff; + color: #1f2d3d; +} + +.bg-gradient-gray { + background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important; + color: #fff; +} + +.bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-gray.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-gray.btn:hover { + background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important; + border-color: #545b62; + color: #ececec; +} + +.bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray.btn:active, .bg-gradient-gray.btn.active { + background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important; + border-color: #4e555b; + color: #fff; +} + +.bg-gradient-gray.btn:disabled, .bg-gradient-gray.btn.disabled { + background-image: none !important; + border-color: #6c757d; + color: #fff; +} + +.bg-gradient-gray-dark { + background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important; + color: #fff; +} + +.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-gray-dark.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-gray-dark.btn:hover { + background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important; + border-color: #1d2124; + color: #ececec; +} + +.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray-dark.btn:active, .bg-gradient-gray-dark.btn.active { + background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important; + border-color: #171a1d; + color: #fff; +} + +.bg-gradient-gray-dark.btn:disabled, .bg-gradient-gray-dark.btn.disabled { + background-image: none !important; + border-color: #343a40; + color: #fff; +} + +[class^="bg-"].disabled { + opacity: .65; +} + +a.text-muted:hover { + color: #007bff !important; +} + +.link-muted { + color: #5d6974; +} + +.link-muted:hover, .link-muted:focus { + color: #464f58; +} + +.link-black { + color: #6c757d; +} + +.link-black:hover, .link-black:focus { + color: #e6e8ea; +} + +.accent-primary .btn-link, +.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-primary .nav-tabs .nav-link { + color: #007bff; +} + +.accent-primary .btn-link:hover, +.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-primary .nav-tabs .nav-link:hover { + color: #0056b3; +} + +.accent-primary .dropdown-item:active, .accent-primary .dropdown-item.active { + background-color: #007bff; + color: #fff; +} + +.accent-primary .custom-control-input:checked ~ .custom-control-label::before { + background-color: #007bff; + border-color: #004a99; +} + +.accent-primary .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-primary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-primary .custom-select:focus, +.accent-primary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-primary .custom-file-input:focus ~ .custom-file-label { + border-color: #80bdff; +} + +.accent-primary .page-item .page-link { + color: #007bff; +} + +.accent-primary .page-item.active a, +.accent-primary .page-item.active .page-link { + background-color: #007bff; + border-color: #007bff; + color: #fff; +} + +.accent-primary .page-item.disabled a, +.accent-primary .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; +} + +.accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-primary .page-item .page-link:hover, .dark-mode.accent-primary .page-item .page-link:focus { + color: #1a88ff; +} + +.accent-secondary .btn-link, +.accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-secondary .nav-tabs .nav-link { + color: #6c757d; +} + +.accent-secondary .btn-link:hover, +.accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-secondary .nav-tabs .nav-link:hover { + color: #494f54; +} + +.accent-secondary .dropdown-item:active, .accent-secondary .dropdown-item.active { + background-color: #6c757d; + color: #fff; +} + +.accent-secondary .custom-control-input:checked ~ .custom-control-label::before { + background-color: #6c757d; + border-color: #3d4246; +} + +.accent-secondary .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-secondary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-secondary .custom-select:focus, +.accent-secondary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-secondary .custom-file-input:focus ~ .custom-file-label { + border-color: #afb5ba; +} + +.accent-secondary .page-item .page-link { + color: #6c757d; +} + +.accent-secondary .page-item.active a, +.accent-secondary .page-item.active .page-link { + background-color: #6c757d; + border-color: #6c757d; + color: #fff; +} + +.accent-secondary .page-item.disabled a, +.accent-secondary .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; +} + +.accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-secondary .page-item .page-link:hover, .dark-mode.accent-secondary .page-item .page-link:focus { + color: #78828a; +} + +.accent-success .btn-link, +.accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-success .nav-tabs .nav-link { + color: #28a745; +} + +.accent-success .btn-link:hover, +.accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-success .nav-tabs .nav-link:hover { + color: #19692c; +} + +.accent-success .dropdown-item:active, .accent-success .dropdown-item.active { + background-color: #28a745; + color: #fff; +} + +.accent-success .custom-control-input:checked ~ .custom-control-label::before { + background-color: #28a745; + border-color: #145523; +} + +.accent-success .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-success .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-success .custom-select:focus, +.accent-success .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-success .custom-file-input:focus ~ .custom-file-label { + border-color: #71dd8a; +} + +.accent-success .page-item .page-link { + color: #28a745; +} + +.accent-success .page-item.active a, +.accent-success .page-item.active .page-link { + background-color: #28a745; + border-color: #28a745; + color: #fff; +} + +.accent-success .page-item.disabled a, +.accent-success .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; +} + +.accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-success .page-item .page-link:hover, .dark-mode.accent-success .page-item .page-link:focus { + color: #2dbc4e; +} + +.accent-info .btn-link, +.accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-info .nav-tabs .nav-link { + color: #17a2b8; +} + +.accent-info .btn-link:hover, +.accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-info .nav-tabs .nav-link:hover { + color: #0f6674; +} + +.accent-info .dropdown-item:active, .accent-info .dropdown-item.active { + background-color: #17a2b8; + color: #fff; +} + +.accent-info .custom-control-input:checked ~ .custom-control-label::before { + background-color: #17a2b8; + border-color: #0c525d; +} + +.accent-info .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-info .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-info .custom-select:focus, +.accent-info .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-info .custom-file-input:focus ~ .custom-file-label { + border-color: #63d9ec; +} + +.accent-info .page-item .page-link { + color: #17a2b8; +} + +.accent-info .page-item.active a, +.accent-info .page-item.active .page-link { + background-color: #17a2b8; + border-color: #17a2b8; + color: #fff; +} + +.accent-info .page-item.disabled a, +.accent-info .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; +} + +.accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-info .page-item .page-link:hover, .dark-mode.accent-info .page-item .page-link:focus { + color: #1ab6cf; +} + +.accent-warning .btn-link, +.accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-warning .nav-tabs .nav-link { + color: #FFC0C0; +} + +.accent-warning .btn-link:hover, +.accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-warning .nav-tabs .nav-link:hover { + color: #ff7474; +} + +.accent-warning .dropdown-item:active, .accent-warning .dropdown-item.active { + background-color: #FFC0C0; + color: #1f2d3d; +} + +.accent-warning .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FFC0C0; + border-color: #ff5a5a; +} + +.accent-warning .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-warning .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-warning .custom-select:focus, +.accent-warning .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-warning .custom-file-input:focus ~ .custom-file-label { + border-color: white; +} + +.accent-warning .page-item .page-link { + color: #FFC0C0; +} + +.accent-warning .page-item.active a, +.accent-warning .page-item.active .page-link { + background-color: #FFC0C0; + border-color: #FFC0C0; + color: #fff; +} + +.accent-warning .page-item.disabled a, +.accent-warning .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; +} + +.accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-warning .page-item .page-link:hover, .dark-mode.accent-warning .page-item .page-link:focus { + color: #ffdada; +} + +.accent-danger .btn-link, +.accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-danger .nav-tabs .nav-link { + color: #dc3545; +} + +.accent-danger .btn-link:hover, +.accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-danger .nav-tabs .nav-link:hover { + color: #a71d2a; +} + +.accent-danger .dropdown-item:active, .accent-danger .dropdown-item.active { + background-color: #dc3545; + color: #fff; +} + +.accent-danger .custom-control-input:checked ~ .custom-control-label::before { + background-color: #dc3545; + border-color: #921925; +} + +.accent-danger .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-danger .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-danger .custom-select:focus, +.accent-danger .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-danger .custom-file-input:focus ~ .custom-file-label { + border-color: #efa2a9; +} + +.accent-danger .page-item .page-link { + color: #dc3545; +} + +.accent-danger .page-item.active a, +.accent-danger .page-item.active .page-link { + background-color: #dc3545; + border-color: #dc3545; + color: #fff; +} + +.accent-danger .page-item.disabled a, +.accent-danger .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; +} + +.accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-danger .page-item .page-link:hover, .dark-mode.accent-danger .page-item .page-link:focus { + color: #e04b59; +} + +.accent-light .btn-link, +.accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-light .nav-tabs .nav-link { + color: #f8f9fa; +} + +.accent-light .btn-link:hover, +.accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-light .nav-tabs .nav-link:hover { + color: #cbd3da; +} + +.accent-light .dropdown-item:active, .accent-light .dropdown-item.active { + background-color: #f8f9fa; + color: #1f2d3d; +} + +.accent-light .custom-control-input:checked ~ .custom-control-label::before { + background-color: #f8f9fa; + border-color: #bdc6d0; +} + +.accent-light .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-light .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-light .custom-select:focus, +.accent-light .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-light .custom-file-input:focus ~ .custom-file-label { + border-color: white; +} + +.accent-light .page-item .page-link { + color: #f8f9fa; +} + +.accent-light .page-item.active a, +.accent-light .page-item.active .page-link { + background-color: #f8f9fa; + border-color: #f8f9fa; + color: #fff; +} + +.accent-light .page-item.disabled a, +.accent-light .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; +} + +.accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-light .page-item .page-link:hover, .dark-mode.accent-light .page-item .page-link:focus { + color: white; +} + +.accent-dark .btn-link, +.accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-dark .nav-tabs .nav-link { + color: #343a40; +} + +.accent-dark .btn-link:hover, +.accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-dark .nav-tabs .nav-link:hover { + color: #121416; +} + +.accent-dark .dropdown-item:active, .accent-dark .dropdown-item.active { + background-color: #343a40; + color: #fff; +} + +.accent-dark .custom-control-input:checked ~ .custom-control-label::before { + background-color: #343a40; + border-color: #060708; +} + +.accent-dark .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-dark .custom-select:focus, +.accent-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-dark .custom-file-input:focus ~ .custom-file-label { + border-color: #6d7a86; +} + +.accent-dark .page-item .page-link { + color: #343a40; +} + +.accent-dark .page-item.active a, +.accent-dark .page-item.active .page-link { + background-color: #343a40; + border-color: #343a40; + color: #fff; +} + +.accent-dark .page-item.disabled a, +.accent-dark .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; +} + +.accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-dark .page-item .page-link:hover, .dark-mode.accent-dark .page-item .page-link:focus { + color: #3f474e; +} + +.accent-lightblue .btn-link, +.accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-lightblue .nav-tabs .nav-link { + color: #3c8dbc; +} + +.accent-lightblue .btn-link:hover, +.accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-lightblue .nav-tabs .nav-link:hover { + color: #296282; +} + +.accent-lightblue .dropdown-item:active, .accent-lightblue .dropdown-item.active { + background-color: #3c8dbc; + color: #fff; +} + +.accent-lightblue .custom-control-input:checked ~ .custom-control-label::before { + background-color: #3c8dbc; + border-color: #23536f; +} + +.accent-lightblue .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-lightblue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-lightblue .custom-select:focus, +.accent-lightblue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-lightblue .custom-file-input:focus ~ .custom-file-label { + border-color: #99c5de; +} + +.accent-lightblue .page-item .page-link { + color: #3c8dbc; +} + +.accent-lightblue .page-item.active a, +.accent-lightblue .page-item.active .page-link { + background-color: #3c8dbc; + border-color: #3c8dbc; + color: #fff; +} + +.accent-lightblue .page-item.disabled a, +.accent-lightblue .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; +} + +.accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-lightblue .page-item .page-link:hover, .dark-mode.accent-lightblue .page-item .page-link:focus { + color: #4c99c6; +} + +.accent-navy .btn-link, +.accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-navy .nav-tabs .nav-link { + color: #001f3f; +} + +.accent-navy .btn-link:hover, +.accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-navy .nav-tabs .nav-link:hover { + color: black; +} + +.accent-navy .dropdown-item:active, .accent-navy .dropdown-item.active { + background-color: #001f3f; + color: #fff; +} + +.accent-navy .custom-control-input:checked ~ .custom-control-label::before { + background-color: #001f3f; + border-color: black; +} + +.accent-navy .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-navy .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-navy .custom-select:focus, +.accent-navy .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-navy .custom-file-input:focus ~ .custom-file-label { + border-color: #005ebf; +} + +.accent-navy .page-item .page-link { + color: #001f3f; +} + +.accent-navy .page-item.active a, +.accent-navy .page-item.active .page-link { + background-color: #001f3f; + border-color: #001f3f; + color: #fff; +} + +.accent-navy .page-item.disabled a, +.accent-navy .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; +} + +.accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-navy .page-item .page-link:hover, .dark-mode.accent-navy .page-item .page-link:focus { + color: #002c59; +} + +.accent-olive .btn-link, +.accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-olive .nav-tabs .nav-link { + color: #3d9970; +} + +.accent-olive .btn-link:hover, +.accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-olive .nav-tabs .nav-link:hover { + color: #276248; +} + +.accent-olive .dropdown-item:active, .accent-olive .dropdown-item.active { + background-color: #3d9970; + color: #fff; +} + +.accent-olive .custom-control-input:checked ~ .custom-control-label::before { + background-color: #3d9970; + border-color: #20503b; +} + +.accent-olive .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-olive .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-olive .custom-select:focus, +.accent-olive .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-olive .custom-file-input:focus ~ .custom-file-label { + border-color: #87cfaf; +} + +.accent-olive .page-item .page-link { + color: #3d9970; +} + +.accent-olive .page-item.active a, +.accent-olive .page-item.active .page-link { + background-color: #3d9970; + border-color: #3d9970; + color: #fff; +} + +.accent-olive .page-item.disabled a, +.accent-olive .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; +} + +.accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-olive .page-item .page-link:hover, .dark-mode.accent-olive .page-item .page-link:focus { + color: #44ab7d; +} + +.accent-lime .btn-link, +.accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-lime .nav-tabs .nav-link { + color: #01ff70; +} + +.accent-lime .btn-link:hover, +.accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-lime .nav-tabs .nav-link:hover { + color: #00b44e; +} + +.accent-lime .dropdown-item:active, .accent-lime .dropdown-item.active { + background-color: #01ff70; + color: #1f2d3d; +} + +.accent-lime .custom-control-input:checked ~ .custom-control-label::before { + background-color: #01ff70; + border-color: #009a43; +} + +.accent-lime .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-lime .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-lime .custom-select:focus, +.accent-lime .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-lime .custom-file-input:focus ~ .custom-file-label { + border-color: #81ffb8; +} + +.accent-lime .page-item .page-link { + color: #01ff70; +} + +.accent-lime .page-item.active a, +.accent-lime .page-item.active .page-link { + background-color: #01ff70; + border-color: #01ff70; + color: #fff; +} + +.accent-lime .page-item.disabled a, +.accent-lime .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; +} + +.accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-lime .page-item .page-link:hover, .dark-mode.accent-lime .page-item .page-link:focus { + color: #1bff7e; +} + +.accent-fuchsia .btn-link, +.accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-fuchsia .nav-tabs .nav-link { + color: #f012be; +} + +.accent-fuchsia .btn-link:hover, +.accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-fuchsia .nav-tabs .nav-link:hover { + color: #ab0b87; +} + +.accent-fuchsia .dropdown-item:active, .accent-fuchsia .dropdown-item.active { + background-color: #f012be; + color: #fff; +} + +.accent-fuchsia .custom-control-input:checked ~ .custom-control-label::before { + background-color: #f012be; + border-color: #930974; +} + +.accent-fuchsia .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-fuchsia .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-fuchsia .custom-select:focus, +.accent-fuchsia .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-fuchsia .custom-file-input:focus ~ .custom-file-label { + border-color: #f88adf; +} + +.accent-fuchsia .page-item .page-link { + color: #f012be; +} + +.accent-fuchsia .page-item.active a, +.accent-fuchsia .page-item.active .page-link { + background-color: #f012be; + border-color: #f012be; + color: #fff; +} + +.accent-fuchsia .page-item.disabled a, +.accent-fuchsia .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; +} + +.accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-fuchsia .page-item .page-link:hover, .dark-mode.accent-fuchsia .page-item .page-link:focus { + color: #f22ac5; +} + +.accent-maroon .btn-link, +.accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-maroon .nav-tabs .nav-link { + color: #d81b60; +} + +.accent-maroon .btn-link:hover, +.accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-maroon .nav-tabs .nav-link:hover { + color: #941342; +} + +.accent-maroon .dropdown-item:active, .accent-maroon .dropdown-item.active { + background-color: #d81b60; + color: #fff; +} + +.accent-maroon .custom-control-input:checked ~ .custom-control-label::before { + background-color: #d81b60; + border-color: #7d1038; +} + +.accent-maroon .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-maroon .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-maroon .custom-select:focus, +.accent-maroon .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-maroon .custom-file-input:focus ~ .custom-file-label { + border-color: #f083ab; +} + +.accent-maroon .page-item .page-link { + color: #d81b60; +} + +.accent-maroon .page-item.active a, +.accent-maroon .page-item.active .page-link { + background-color: #d81b60; + border-color: #d81b60; + color: #fff; +} + +.accent-maroon .page-item.disabled a, +.accent-maroon .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; +} + +.accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-maroon .page-item .page-link:hover, .dark-mode.accent-maroon .page-item .page-link:focus { + color: #e4286d; +} + +.accent-blue .btn-link, +.accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-blue .nav-tabs .nav-link { + color: #007bff; +} + +.accent-blue .btn-link:hover, +.accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-blue .nav-tabs .nav-link:hover { + color: #0056b3; +} + +.accent-blue .dropdown-item:active, .accent-blue .dropdown-item.active { + background-color: #007bff; + color: #fff; +} + +.accent-blue .custom-control-input:checked ~ .custom-control-label::before { + background-color: #007bff; + border-color: #004a99; +} + +.accent-blue .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-blue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-blue .custom-select:focus, +.accent-blue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-blue .custom-file-input:focus ~ .custom-file-label { + border-color: #80bdff; +} + +.accent-blue .page-item .page-link { + color: #007bff; +} + +.accent-blue .page-item.active a, +.accent-blue .page-item.active .page-link { + background-color: #007bff; + border-color: #007bff; + color: #fff; +} + +.accent-blue .page-item.disabled a, +.accent-blue .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; +} + +.accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-blue .page-item .page-link:hover, .dark-mode.accent-blue .page-item .page-link:focus { + color: #1a88ff; +} + +.accent-indigo .btn-link, +.accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-indigo .nav-tabs .nav-link { + color: #6610f2; +} + +.accent-indigo .btn-link:hover, +.accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-indigo .nav-tabs .nav-link:hover { + color: #4709ac; +} + +.accent-indigo .dropdown-item:active, .accent-indigo .dropdown-item.active { + background-color: #6610f2; + color: #fff; +} + +.accent-indigo .custom-control-input:checked ~ .custom-control-label::before { + background-color: #6610f2; + border-color: #3d0894; +} + +.accent-indigo .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-indigo .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-indigo .custom-select:focus, +.accent-indigo .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-indigo .custom-file-input:focus ~ .custom-file-label { + border-color: #b389f9; +} + +.accent-indigo .page-item .page-link { + color: #6610f2; +} + +.accent-indigo .page-item.active a, +.accent-indigo .page-item.active .page-link { + background-color: #6610f2; + border-color: #6610f2; + color: #fff; +} + +.accent-indigo .page-item.disabled a, +.accent-indigo .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; +} + +.accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-indigo .page-item .page-link:hover, .dark-mode.accent-indigo .page-item .page-link:focus { + color: #7528f3; +} + +.accent-purple .btn-link, +.accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-purple .nav-tabs .nav-link { + color: #6f42c1; +} + +.accent-purple .btn-link:hover, +.accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-purple .nav-tabs .nav-link:hover { + color: #4e2d89; +} + +.accent-purple .dropdown-item:active, .accent-purple .dropdown-item.active { + background-color: #6f42c1; + color: #fff; +} + +.accent-purple .custom-control-input:checked ~ .custom-control-label::before { + background-color: #6f42c1; + border-color: #432776; +} + +.accent-purple .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-purple .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-purple .custom-select:focus, +.accent-purple .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-purple .custom-file-input:focus ~ .custom-file-label { + border-color: #b8a2e0; +} + +.accent-purple .page-item .page-link { + color: #6f42c1; +} + +.accent-purple .page-item.active a, +.accent-purple .page-item.active .page-link { + background-color: #6f42c1; + border-color: #6f42c1; + color: #fff; +} + +.accent-purple .page-item.disabled a, +.accent-purple .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; +} + +.accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-purple .page-item .page-link:hover, .dark-mode.accent-purple .page-item .page-link:focus { + color: #7e55c7; +} + +.accent-pink .btn-link, +.accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-pink .nav-tabs .nav-link { + color: #e83e8c; +} + +.accent-pink .btn-link:hover, +.accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-pink .nav-tabs .nav-link:hover { + color: #c21766; +} + +.accent-pink .dropdown-item:active, .accent-pink .dropdown-item.active { + background-color: #e83e8c; + color: #fff; +} + +.accent-pink .custom-control-input:checked ~ .custom-control-label::before { + background-color: #e83e8c; + border-color: #ac145a; +} + +.accent-pink .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-pink .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-pink .custom-select:focus, +.accent-pink .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-pink .custom-file-input:focus ~ .custom-file-label { + border-color: #f6b0d0; +} + +.accent-pink .page-item .page-link { + color: #e83e8c; +} + +.accent-pink .page-item.active a, +.accent-pink .page-item.active .page-link { + background-color: #e83e8c; + border-color: #e83e8c; + color: #fff; +} + +.accent-pink .page-item.disabled a, +.accent-pink .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; +} + +.accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-pink .page-item .page-link:hover, .dark-mode.accent-pink .page-item .page-link:focus { + color: #eb559a; +} + +.accent-red .btn-link, +.accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-red .nav-tabs .nav-link { + color: #dc3545; +} + +.accent-red .btn-link:hover, +.accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-red .nav-tabs .nav-link:hover { + color: #a71d2a; +} + +.accent-red .dropdown-item:active, .accent-red .dropdown-item.active { + background-color: #dc3545; + color: #fff; } -blockquote.quote-secondary h1, -blockquote.quote-secondary h2, -blockquote.quote-secondary h3, -blockquote.quote-secondary h4, -blockquote.quote-secondary h5, -blockquote.quote-secondary h6 { +.accent-red .custom-control-input:checked ~ .custom-control-label::before { + background-color: #dc3545; + border-color: #921925; +} + +.accent-red .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-red .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-red .custom-select:focus, +.accent-red .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-red .custom-file-input:focus ~ .custom-file-label { + border-color: #efa2a9; +} + +.accent-red .page-item .page-link { + color: #dc3545; +} + +.accent-red .page-item.active a, +.accent-red .page-item.active .page-link { + background-color: #dc3545; + border-color: #dc3545; + color: #fff; +} + +.accent-red .page-item.disabled a, +.accent-red .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; color: #6c757d; } -blockquote.quote-success { - border-color: #28a745; +.accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; } -blockquote.quote-success h1, -blockquote.quote-success h2, -blockquote.quote-success h3, -blockquote.quote-success h4, -blockquote.quote-success h5, -blockquote.quote-success h6 { - color: #28a745; +.accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; } -blockquote.quote-info { - border-color: #266c77; +.accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; } -blockquote.quote-info h1, -blockquote.quote-info h2, -blockquote.quote-info h3, -blockquote.quote-info h4, -blockquote.quote-info h5, -blockquote.quote-info h6 { - color: #266c77; +.accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; } -blockquote.quote-warning { - border-color: #ffc107; +.dark-mode.accent-red .page-item .page-link:hover, .dark-mode.accent-red .page-item .page-link:focus { + color: #e04b59; } -blockquote.quote-warning h1, -blockquote.quote-warning h2, -blockquote.quote-warning h3, -blockquote.quote-warning h4, -blockquote.quote-warning h5, -blockquote.quote-warning h6 { - color: #ffc107; +.accent-orange .btn-link, +.accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-orange .nav-tabs .nav-link { + color: #fd7e14; } -blockquote.quote-danger { - border-color: #dc3545; +.accent-orange .btn-link:hover, +.accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-orange .nav-tabs .nav-link:hover { + color: #c35a02; } -blockquote.quote-danger h1, -blockquote.quote-danger h2, -blockquote.quote-danger h3, -blockquote.quote-danger h4, -blockquote.quote-danger h5, -blockquote.quote-danger h6 { - color: #dc3545; +.accent-orange .dropdown-item:active, .accent-orange .dropdown-item.active { + background-color: #fd7e14; + color: #1f2d3d; } -blockquote.quote-light { - border-color: #f8f9fa; +.accent-orange .custom-control-input:checked ~ .custom-control-label::before { + background-color: #fd7e14; + border-color: #aa4e01; } -blockquote.quote-light h1, -blockquote.quote-light h2, -blockquote.quote-light h3, -blockquote.quote-light h4, -blockquote.quote-light h5, -blockquote.quote-light h6 { - color: #f8f9fa; +.accent-orange .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -blockquote.quote-dark { - border-color: #343a40; +.accent-orange .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-orange .custom-select:focus, +.accent-orange .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-orange .custom-file-input:focus ~ .custom-file-label { + border-color: #fec392; } -blockquote.quote-dark h1, -blockquote.quote-dark h2, -blockquote.quote-dark h3, -blockquote.quote-dark h4, -blockquote.quote-dark h5, -blockquote.quote-dark h6 { - color: #343a40; +.accent-orange .page-item .page-link { + color: #fd7e14; } -blockquote.quote-lightblue { - border-color: #3c8dbc; +.accent-orange .page-item.active a, +.accent-orange .page-item.active .page-link { + background-color: #fd7e14; + border-color: #fd7e14; + color: #fff; } -blockquote.quote-lightblue h1, -blockquote.quote-lightblue h2, -blockquote.quote-lightblue h3, -blockquote.quote-lightblue h4, -blockquote.quote-lightblue h5, -blockquote.quote-lightblue h6 { - color: #3c8dbc; +.accent-orange .page-item.disabled a, +.accent-orange .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; } -blockquote.quote-navy { - border-color: #001f3f; +.accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; } -blockquote.quote-navy h1, -blockquote.quote-navy h2, -blockquote.quote-navy h3, -blockquote.quote-navy h4, -blockquote.quote-navy h5, -blockquote.quote-navy h6 { - color: #001f3f; +.accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; } -blockquote.quote-olive { - border-color: #3d9970; +.accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; } -blockquote.quote-olive h1, -blockquote.quote-olive h2, -blockquote.quote-olive h3, -blockquote.quote-olive h4, -blockquote.quote-olive h5, -blockquote.quote-olive h6 { - color: #3d9970; +.accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; } -blockquote.quote-lime { - border-color: #01ff70; +.dark-mode.accent-orange .page-item .page-link:hover, .dark-mode.accent-orange .page-item .page-link:focus { + color: #fd8c2d; } -blockquote.quote-lime h1, -blockquote.quote-lime h2, -blockquote.quote-lime h3, -blockquote.quote-lime h4, -blockquote.quote-lime h5, -blockquote.quote-lime h6 { - color: #01ff70; +.accent-yellow .btn-link, +.accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-yellow .nav-tabs .nav-link { + color: #FFC0C0; } -blockquote.quote-fuchsia { - border-color: #f012be; +.accent-yellow .btn-link:hover, +.accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-yellow .nav-tabs .nav-link:hover { + color: #ff7474; } -blockquote.quote-fuchsia h1, -blockquote.quote-fuchsia h2, -blockquote.quote-fuchsia h3, -blockquote.quote-fuchsia h4, -blockquote.quote-fuchsia h5, -blockquote.quote-fuchsia h6 { - color: #f012be; +.accent-yellow .dropdown-item:active, .accent-yellow .dropdown-item.active { + background-color: #FFC0C0; + color: #1f2d3d; } -blockquote.quote-maroon { - border-color: #d81b60; +.accent-yellow .custom-control-input:checked ~ .custom-control-label::before { + background-color: #FFC0C0; + border-color: #ff5a5a; } -blockquote.quote-maroon h1, -blockquote.quote-maroon h2, -blockquote.quote-maroon h3, -blockquote.quote-maroon h4, -blockquote.quote-maroon h5, -blockquote.quote-maroon h6 { - color: #d81b60; +.accent-yellow .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -blockquote.quote-blue { - border-color: #007bff; +.accent-yellow .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-yellow .custom-select:focus, +.accent-yellow .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-yellow .custom-file-input:focus ~ .custom-file-label { + border-color: white; } -blockquote.quote-blue h1, -blockquote.quote-blue h2, -blockquote.quote-blue h3, -blockquote.quote-blue h4, -blockquote.quote-blue h5, -blockquote.quote-blue h6 { - color: #007bff; +.accent-yellow .page-item .page-link { + color: #FFC0C0; } -blockquote.quote-indigo { - border-color: #6610f2; +.accent-yellow .page-item.active a, +.accent-yellow .page-item.active .page-link { + background-color: #FFC0C0; + border-color: #FFC0C0; + color: #fff; } -blockquote.quote-indigo h1, -blockquote.quote-indigo h2, -blockquote.quote-indigo h3, -blockquote.quote-indigo h4, -blockquote.quote-indigo h5, -blockquote.quote-indigo h6 { - color: #6610f2; +.accent-yellow .page-item.disabled a, +.accent-yellow .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; } -blockquote.quote-purple { - border-color: #6f42c1; +.accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; } -blockquote.quote-purple h1, -blockquote.quote-purple h2, -blockquote.quote-purple h3, -blockquote.quote-purple h4, -blockquote.quote-purple h5, -blockquote.quote-purple h6 { - color: #6f42c1; +.accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; } -blockquote.quote-pink { - border-color: #e83e8c; +.accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; } -blockquote.quote-pink h1, -blockquote.quote-pink h2, -blockquote.quote-pink h3, -blockquote.quote-pink h4, -blockquote.quote-pink h5, -blockquote.quote-pink h6 { - color: #e83e8c; +.accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; } -blockquote.quote-red { - border-color: #dc3545; +.dark-mode.accent-yellow .page-item .page-link:hover, .dark-mode.accent-yellow .page-item .page-link:focus { + color: #ffdada; } -blockquote.quote-red h1, -blockquote.quote-red h2, -blockquote.quote-red h3, -blockquote.quote-red h4, -blockquote.quote-red h5, -blockquote.quote-red h6 { - color: #dc3545; +.accent-green .btn-link, +.accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-green .nav-tabs .nav-link { + color: #28a745; } -blockquote.quote-orange { - border-color: #fd7e14; +.accent-green .btn-link:hover, +.accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-green .nav-tabs .nav-link:hover { + color: #19692c; } -blockquote.quote-orange h1, -blockquote.quote-orange h2, -blockquote.quote-orange h3, -blockquote.quote-orange h4, -blockquote.quote-orange h5, -blockquote.quote-orange h6 { - color: #fd7e14; +.accent-green .dropdown-item:active, .accent-green .dropdown-item.active { + background-color: #28a745; + color: #fff; } -blockquote.quote-yellow { - border-color: #ffc107; +.accent-green .custom-control-input:checked ~ .custom-control-label::before { + background-color: #28a745; + border-color: #145523; } -blockquote.quote-yellow h1, -blockquote.quote-yellow h2, -blockquote.quote-yellow h3, -blockquote.quote-yellow h4, -blockquote.quote-yellow h5, -blockquote.quote-yellow h6 { - color: #ffc107; +.accent-green .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -blockquote.quote-green { - border-color: #28a745; +.accent-green .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-green .custom-select:focus, +.accent-green .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-green .custom-file-input:focus ~ .custom-file-label { + border-color: #71dd8a; } -blockquote.quote-green h1, -blockquote.quote-green h2, -blockquote.quote-green h3, -blockquote.quote-green h4, -blockquote.quote-green h5, -blockquote.quote-green h6 { +.accent-green .page-item .page-link { color: #28a745; } -blockquote.quote-teal { - border-color: #20c997; +.accent-green .page-item.active a, +.accent-green .page-item.active .page-link { + background-color: #28a745; + border-color: #28a745; + color: #fff; } -blockquote.quote-teal h1, -blockquote.quote-teal h2, -blockquote.quote-teal h3, -blockquote.quote-teal h4, -blockquote.quote-teal h5, -blockquote.quote-teal h6 { +.accent-green .page-item.disabled a, +.accent-green .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; +} + +.accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-green .page-item .page-link:hover, .dark-mode.accent-green .page-item .page-link:focus { + color: #2dbc4e; +} + +.accent-teal .btn-link, +.accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-teal .nav-tabs .nav-link { color: #20c997; } -blockquote.quote-cyan { - border-color: #266c77; +.accent-teal .btn-link:hover, +.accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-teal .nav-tabs .nav-link:hover { + color: #158765; } -blockquote.quote-cyan h1, -blockquote.quote-cyan h2, -blockquote.quote-cyan h3, -blockquote.quote-cyan h4, -blockquote.quote-cyan h5, -blockquote.quote-cyan h6 { - color: #266c77; +.accent-teal .dropdown-item:active, .accent-teal .dropdown-item.active { + background-color: #20c997; + color: #fff; } -blockquote.quote-white { - border-color: #fff; +.accent-teal .custom-control-input:checked ~ .custom-control-label::before { + background-color: #20c997; + border-color: #127155; } -blockquote.quote-white h1, -blockquote.quote-white h2, -blockquote.quote-white h3, -blockquote.quote-white h4, -blockquote.quote-white h5, -blockquote.quote-white h6 { +.accent-teal .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-teal .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-teal .custom-select:focus, +.accent-teal .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-teal .custom-file-input:focus ~ .custom-file-label { + border-color: #7eeaca; +} + +.accent-teal .page-item .page-link { + color: #20c997; +} + +.accent-teal .page-item.active a, +.accent-teal .page-item.active .page-link { + background-color: #20c997; + border-color: #20c997; color: #fff; } -blockquote.quote-gray { - border-color: #6c757d; +.accent-teal .page-item.disabled a, +.accent-teal .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; } -blockquote.quote-gray h1, -blockquote.quote-gray h2, -blockquote.quote-gray h3, -blockquote.quote-gray h4, -blockquote.quote-gray h5, -blockquote.quote-gray h6 { +.accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-teal .page-item .page-link:hover, .dark-mode.accent-teal .page-item .page-link:focus { + color: #26dca6; +} + +.accent-cyan .btn-link, +.accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-cyan .nav-tabs .nav-link { + color: #17a2b8; +} + +.accent-cyan .btn-link:hover, +.accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-cyan .nav-tabs .nav-link:hover { + color: #0f6674; +} + +.accent-cyan .dropdown-item:active, .accent-cyan .dropdown-item.active { + background-color: #17a2b8; + color: #fff; +} + +.accent-cyan .custom-control-input:checked ~ .custom-control-label::before { + background-color: #17a2b8; + border-color: #0c525d; +} + +.accent-cyan .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-cyan .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-cyan .custom-select:focus, +.accent-cyan .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-cyan .custom-file-input:focus ~ .custom-file-label { + border-color: #63d9ec; +} + +.accent-cyan .page-item .page-link { + color: #17a2b8; +} + +.accent-cyan .page-item.active a, +.accent-cyan .page-item.active .page-link { + background-color: #17a2b8; + border-color: #17a2b8; + color: #fff; +} + +.accent-cyan .page-item.disabled a, +.accent-cyan .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; color: #6c757d; } -blockquote.quote-gray-dark { - border-color: #343a40; +.accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; +} + +.accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; +} + +.accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; +} + +.accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; +} + +.dark-mode.accent-cyan .page-item .page-link:hover, .dark-mode.accent-cyan .page-item .page-link:focus { + color: #1ab6cf; +} + +.accent-white .btn-link, +.accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-white .nav-tabs .nav-link { + color: #fff; +} + +.accent-white .btn-link:hover, +.accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-white .nav-tabs .nav-link:hover { + color: #d9d9d9; +} + +.accent-white .dropdown-item:active, .accent-white .dropdown-item.active { + background-color: #fff; + color: #1f2d3d; +} + +.accent-white .custom-control-input:checked ~ .custom-control-label::before { + background-color: #fff; + border-color: #cccccc; +} + +.accent-white .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.accent-white .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-white .custom-select:focus, +.accent-white .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-white .custom-file-input:focus ~ .custom-file-label { + border-color: white; +} + +.accent-white .page-item .page-link { + color: #fff; } -blockquote.quote-gray-dark h1, -blockquote.quote-gray-dark h2, -blockquote.quote-gray-dark h3, -blockquote.quote-gray-dark h4, -blockquote.quote-gray-dark h5, -blockquote.quote-gray-dark h6 { - color: #343a40; +.accent-white .page-item.active a, +.accent-white .page-item.active .page-link { + background-color: #fff; + border-color: #fff; + color: #fff; } -.tab-custom-content { - border-top: 1px solid #dee2e6; - margin-top: .5rem; - padding-top: .5rem; +.accent-white .page-item.disabled a, +.accent-white .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; } -.nav + .tab-custom-content { - border-top: none; - border-bottom: 1px solid #dee2e6; - margin-top: 0; - margin-bottom: .5rem; - padding-bottom: .5rem; +.accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; } -.badge-btn { - border-radius: 0.15rem; - font-size: 0.75rem; - font-weight: 400; - padding: 0.25rem 0.5rem; +.accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; } -.badge-btn.badge-pill { - padding: .375rem .6rem; +.accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; } -.dark-mode a:not(.btn):hover { - color: #3395ff; +.accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; } -.dark-mode .attachment-block { - background-color: #3d444b; +.dark-mode.accent-white .page-item .page-link:hover, .dark-mode.accent-white .page-item .page-link:focus { + color: white; } -.dark-mode .attachment-block .attachment-text { - color: #ced4da; +.accent-gray .btn-link, +.accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-gray .nav-tabs .nav-link { + color: #6c757d; } -.dark-mode blockquote { - background-color: #3f474e; +.accent-gray .btn-link:hover, +.accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-gray .nav-tabs .nav-link:hover { + color: #494f54; } -.dark-mode .close, .dark-mode .mailbox-attachment-close, -.dark-mode .mailbox-attachment-close { - color: #adb5bd; - text-shadow: 0 1px 0 #495057; +.accent-gray .dropdown-item:active, .accent-gray .dropdown-item.active { + background-color: #6c757d; + color: #fff; } -.dark-mode .tab-custom-content { - border-color: #6c757d; +.accent-gray .custom-control-input:checked ~ .custom-control-label::before { + background-color: #6c757d; + border-color: #3d4246; } -.dark-mode .list-group-item { - background-color: #343a40; - border-color: #6c757d; +.accent-gray .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -@media print { - .no-print, .main-sidebar, - .main-header, - .content-header { - display: none !important; - } - .content-wrapper, - .main-footer { - transform: translate(0, 0); - margin-left: 0 !important; - min-height: 0 !important; - } - .layout-fixed .content-wrapper { - padding-top: 0 !important; - } - .invoice { - border: 0; - margin: 0; - padding: 0; - width: 100%; - } - .invoice-col { - float: left; - width: 33.3333333%; - } - .table-responsive { - overflow: auto; - } - .table-responsive > .table tr th, - .table-responsive > .table tr td { - white-space: normal !important; - } +.accent-gray .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-gray .custom-select:focus, +.accent-gray .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-gray .custom-file-input:focus ~ .custom-file-label { + border-color: #afb5ba; } -.text-bold, -.text-bold.table td, -.text-bold.table th { - font-weight: 700; +.accent-gray .page-item .page-link { + color: #6c757d; } -.text-xs { - font-size: 0.75rem !important; +.accent-gray .page-item.active a, +.accent-gray .page-item.active .page-link { + background-color: #6c757d; + border-color: #6c757d; + color: #fff; } -.text-sm { - font-size: 0.875rem !important; +.accent-gray .page-item.disabled a, +.accent-gray .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; } -.text-md { - font-size: 1rem !important; +.accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; } -.text-lg { - font-size: 1.25rem !important; +.accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; } -.text-xl { - font-size: 2rem !important; +.accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; } -.text-lightblue { - color: #3c8dbc !important; +.accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; } -.text-navy { - color: #001f3f !important; +.dark-mode.accent-gray .page-item .page-link:hover, .dark-mode.accent-gray .page-item .page-link:focus { + color: #78828a; } -.text-olive { - color: #3d9970 !important; +.accent-gray-dark .btn-link, +.accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.accent-gray-dark .nav-tabs .nav-link { + color: #343a40; } -.text-lime { - color: #01ff70 !important; +.accent-gray-dark .btn-link:hover, +.accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.accent-gray-dark .nav-tabs .nav-link:hover { + color: #121416; } -.text-fuchsia { - color: #f012be !important; +.accent-gray-dark .dropdown-item:active, .accent-gray-dark .dropdown-item.active { + background-color: #343a40; + color: #fff; } -.text-maroon { - color: #d81b60 !important; +.accent-gray-dark .custom-control-input:checked ~ .custom-control-label::before { + background-color: #343a40; + border-color: #060708; } -.text-blue { - color: #007bff !important; +.accent-gray-dark .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.text-indigo { - color: #6610f2 !important; +.accent-gray-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-gray-dark .custom-select:focus, +.accent-gray-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-gray-dark .custom-file-input:focus ~ .custom-file-label { + border-color: #6d7a86; } -.text-purple { - color: #6f42c1 !important; +.accent-gray-dark .page-item .page-link { + color: #343a40; } -.text-pink { - color: #e83e8c !important; +.accent-gray-dark .page-item.active a, +.accent-gray-dark .page-item.active .page-link { + background-color: #343a40; + border-color: #343a40; + color: #fff; } -.text-red { - color: #dc3545 !important; +.accent-gray-dark .page-item.disabled a, +.accent-gray-dark .page-item.disabled .page-link { + background-color: #fff; + border-color: #dee2e6; + color: #6c757d; } -.text-orange { - color: #fd7e14 !important; +.accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #c2c7d0; } -.text-yellow { - color: #ffc107 !important; +.accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #fff; } -.text-green { - color: #28a745 !important; +.accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { + color: #343a40; } -.text-teal { - color: #20c997 !important; +.accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { + color: #212529; } -.text-cyan { - color: #266c77 !important; +.dark-mode.accent-gray-dark .page-item .page-link:hover, .dark-mode.accent-gray-dark .page-item .page-link:focus { + color: #3f474e; } -.text-white { - color: #fff !important; +[class*="accent-"] a.btn-primary { + color: #fff; } -.text-gray { - color: #6c757d !important; +[class*="accent-"] a.btn-secondary { + color: #fff; } -.text-gray-dark { - color: #343a40 !important; +[class*="accent-"] a.btn-success { + color: #fff; } -.dark-mode .text-muted { - color: #adb5bd !important; +[class*="accent-"] a.btn-info { + color: #fff; } -.elevation-0 { - box-shadow: none !important; +[class*="accent-"] a.btn-warning { + color: #1f2d3d; } -.elevation-1 { - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; +[class*="accent-"] a.btn-danger { + color: #fff; } -.elevation-2 { - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important; +[class*="accent-"] a.btn-light { + color: #1f2d3d; } -.elevation-3 { - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important; +[class*="accent-"] a.btn-dark { + color: #fff; } -.elevation-4 { - box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important; +.dark-mode .bg-light { + background-color: #454d55 !important; + color: #fff !important; } -.elevation-5 { - box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22) !important; +.dark-mode .text-black, +.dark-mode .text-dark, +.dark-mode .link-black, +.dark-mode .link-dark { + color: #ced4da !important; } -.bg-primary { - background-color: #007bff !important; +.dark-mode .bg-primary { + background-color: #3f6791 !important; } -.bg-primary, -.bg-primary > a { +.dark-mode .bg-primary, +.dark-mode .bg-primary > a { color: #fff !important; } -.bg-primary.btn:hover { - border-color: #0062cc; +.dark-mode .bg-primary.btn:hover { + border-color: #304e6d; color: #ececec; } -.bg-primary.btn:not(:disabled):not(.disabled):active, .bg-primary.btn:not(:disabled):not(.disabled).active, .bg-primary.btn:active, .bg-primary.btn.active { - background-color: #0062cc !important; - border-color: #005cbf; +.dark-mode .bg-primary.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-primary.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-primary.btn:active, .dark-mode .bg-primary.btn.active { + background-color: #304e6d !important; + border-color: #2c4765; color: #fff; } -.bg-secondary { +.dark-mode .bg-secondary { background-color: #6c757d !important; } -.bg-secondary, -.bg-secondary > a { +.dark-mode .bg-secondary, +.dark-mode .bg-secondary > a { color: #fff !important; } -.bg-secondary.btn:hover { +.dark-mode .bg-secondary.btn:hover { border-color: #545b62; color: #ececec; } -.bg-secondary.btn:not(:disabled):not(.disabled):active, .bg-secondary.btn:not(:disabled):not(.disabled).active, .bg-secondary.btn:active, .bg-secondary.btn.active { +.dark-mode .bg-secondary.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-secondary.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-secondary.btn:active, .dark-mode .bg-secondary.btn.active { background-color: #545b62 !important; border-color: #4e555b; color: #fff; } -.bg-success { - background-color: #28a745 !important; +.dark-mode .bg-success { + background-color: #00bc8c !important; } -.bg-success, -.bg-success > a { +.dark-mode .bg-success, +.dark-mode .bg-success > a { color: #fff !important; } -.bg-success.btn:hover { - border-color: #1e7e34; +.dark-mode .bg-success.btn:hover { + border-color: #008966; color: #ececec; } -.bg-success.btn:not(:disabled):not(.disabled):active, .bg-success.btn:not(:disabled):not(.disabled).active, .bg-success.btn:active, .bg-success.btn.active { - background-color: #1e7e34 !important; - border-color: #1c7430; +.dark-mode .bg-success.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-success.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-success.btn:active, .dark-mode .bg-success.btn.active { + background-color: #008966 !important; + border-color: #007c5d; color: #fff; } -.bg-info { - background-color: #266c77 !important; +.dark-mode .bg-info { + background-color: #3498db !important; } -.bg-info, -.bg-info > a { +.dark-mode .bg-info, +.dark-mode .bg-info > a { color: #fff !important; } -.bg-info.btn:hover { - border-color: #1a4950; +.dark-mode .bg-info.btn:hover { + border-color: #217dbb; color: #ececec; } -.bg-info.btn:not(:disabled):not(.disabled):active, .bg-info.btn:not(:disabled):not(.disabled).active, .bg-info.btn:active, .bg-info.btn.active { - background-color: #1a4950 !important; - border-color: #174047; +.dark-mode .bg-info.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-info.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-info.btn:active, .dark-mode .bg-info.btn.active { + background-color: #217dbb !important; + border-color: #1f76b0; color: #fff; } -.bg-warning { - background-color: #ffc107 !important; +.dark-mode .bg-warning { + background-color: #f39c12 !important; } -.bg-warning, -.bg-warning > a { +.dark-mode .bg-warning, +.dark-mode .bg-warning > a { color: #1f2d3d !important; } -.bg-warning.btn:hover { - border-color: #d39e00; +.dark-mode .bg-warning.btn:hover { + border-color: #c87f0a; color: #121a24; } -.bg-warning.btn:not(:disabled):not(.disabled):active, .bg-warning.btn:not(:disabled):not(.disabled).active, .bg-warning.btn:active, .bg-warning.btn.active { - background-color: #d39e00 !important; - border-color: #c69500; - color: #1f2d3d; +.dark-mode .bg-warning.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-warning.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-warning.btn:active, .dark-mode .bg-warning.btn.active { + background-color: #c87f0a !important; + border-color: #bc770a; + color: #fff; } -.bg-danger { - background-color: #dc3545 !important; +.dark-mode .bg-danger { + background-color: #e74c3c !important; } -.bg-danger, -.bg-danger > a { +.dark-mode .bg-danger, +.dark-mode .bg-danger > a { color: #fff !important; } -.bg-danger.btn:hover { - border-color: #bd2130; +.dark-mode .bg-danger.btn:hover { + border-color: #d62c1a; color: #ececec; } -.bg-danger.btn:not(:disabled):not(.disabled):active, .bg-danger.btn:not(:disabled):not(.disabled).active, .bg-danger.btn:active, .bg-danger.btn.active { - background-color: #bd2130 !important; - border-color: #b21f2d; +.dark-mode .bg-danger.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-danger.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-danger.btn:active, .dark-mode .bg-danger.btn.active { + background-color: #d62c1a !important; + border-color: #ca2a19; color: #fff; } -.bg-light { +.dark-mode .bg-light { background-color: #f8f9fa !important; } -.bg-light, -.bg-light > a { +.dark-mode .bg-light, +.dark-mode .bg-light > a { color: #1f2d3d !important; } -.bg-light.btn:hover { +.dark-mode .bg-light.btn:hover { border-color: #dae0e5; color: #121a24; } -.bg-light.btn:not(:disabled):not(.disabled):active, .bg-light.btn:not(:disabled):not(.disabled).active, .bg-light.btn:active, .bg-light.btn.active { +.dark-mode .bg-light.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-light.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-light.btn:active, .dark-mode .bg-light.btn.active { background-color: #dae0e5 !important; border-color: #d3d9df; color: #1f2d3d; } -.bg-dark { +.dark-mode .bg-dark { background-color: #343a40 !important; } -.bg-dark, -.bg-dark > a { +.dark-mode .bg-dark, +.dark-mode .bg-dark > a { color: #fff !important; } -.bg-dark.btn:hover { +.dark-mode .bg-dark.btn:hover { border-color: #1d2124; color: #ececec; } -.bg-dark.btn:not(:disabled):not(.disabled):active, .bg-dark.btn:not(:disabled):not(.disabled).active, .bg-dark.btn:active, .bg-dark.btn.active { +.dark-mode .bg-dark.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-dark.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-dark.btn:active, .dark-mode .bg-dark.btn.active { background-color: #1d2124 !important; border-color: #171a1d; color: #fff; } -.bg-lightblue { - background-color: #3c8dbc !important; +.dark-mode .bg-lightblue { + background-color: #86bad8 !important; } -.bg-lightblue, -.bg-lightblue > a { - color: #fff !important; +.dark-mode .bg-lightblue, +.dark-mode .bg-lightblue > a { + color: #1f2d3d !important; } -.bg-lightblue.btn:hover { - border-color: #307095; - color: #ececec; +.dark-mode .bg-lightblue.btn:hover { + border-color: #5fa4cc; + color: #121a24; } -.bg-lightblue.btn:not(:disabled):not(.disabled):active, .bg-lightblue.btn:not(:disabled):not(.disabled).active, .bg-lightblue.btn:active, .bg-lightblue.btn.active { - background-color: #307095 !important; - border-color: #2d698c; +.dark-mode .bg-lightblue.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-lightblue.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-lightblue.btn:active, .dark-mode .bg-lightblue.btn.active { + background-color: #5fa4cc !important; + border-color: #559ec9; color: #fff; } -.bg-navy { - background-color: #001f3f !important; +.dark-mode .bg-navy { + background-color: #002c59 !important; } -.bg-navy, -.bg-navy > a { +.dark-mode .bg-navy, +.dark-mode .bg-navy > a { color: #fff !important; } -.bg-navy.btn:hover { - border-color: #00060c; +.dark-mode .bg-navy.btn:hover { + border-color: #001226; color: #ececec; } -.bg-navy.btn:not(:disabled):not(.disabled):active, .bg-navy.btn:not(:disabled):not(.disabled).active, .bg-navy.btn:active, .bg-navy.btn.active { - background-color: #00060c !important; - border-color: black; +.dark-mode .bg-navy.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-navy.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-navy.btn:active, .dark-mode .bg-navy.btn.active { + background-color: #001226 !important; + border-color: #000c19; color: #fff; } -.bg-olive { - background-color: #3d9970 !important; +.dark-mode .bg-olive { + background-color: #74c8a3 !important; } -.bg-olive, -.bg-olive > a { - color: #fff !important; +.dark-mode .bg-olive, +.dark-mode .bg-olive > a { + color: #1f2d3d !important; } -.bg-olive.btn:hover { - border-color: #2e7555; - color: #ececec; +.dark-mode .bg-olive.btn:hover { + border-color: #50b98a; + color: #121a24; } -.bg-olive.btn:not(:disabled):not(.disabled):active, .bg-olive.btn:not(:disabled):not(.disabled).active, .bg-olive.btn:active, .bg-olive.btn.active { - background-color: #2e7555 !important; - border-color: #2b6b4f; +.dark-mode .bg-olive.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-olive.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-olive.btn:active, .dark-mode .bg-olive.btn.active { + background-color: #50b98a !important; + border-color: #48b484; color: #fff; } -.bg-lime { - background-color: #01ff70 !important; +.dark-mode .bg-lime { + background-color: #67ffa9 !important; } -.bg-lime, -.bg-lime > a { +.dark-mode .bg-lime, +.dark-mode .bg-lime > a { color: #1f2d3d !important; } -.bg-lime.btn:hover { - border-color: #00cd5a; +.dark-mode .bg-lime.btn:hover { + border-color: #34ff8d; color: #121a24; } -.bg-lime.btn:not(:disabled):not(.disabled):active, .bg-lime.btn:not(:disabled):not(.disabled).active, .bg-lime.btn:active, .bg-lime.btn.active { - background-color: #00cd5a !important; - border-color: #00c054; - color: #fff; +.dark-mode .bg-lime.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-lime.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-lime.btn:active, .dark-mode .bg-lime.btn.active { + background-color: #34ff8d !important; + border-color: #27ff86; + color: #1f2d3d; } -.bg-fuchsia { - background-color: #f012be !important; +.dark-mode .bg-fuchsia { + background-color: #f672d8 !important; } -.bg-fuchsia, -.bg-fuchsia > a { - color: #fff !important; +.dark-mode .bg-fuchsia, +.dark-mode .bg-fuchsia > a { + color: #1f2d3d !important; } -.bg-fuchsia.btn:hover { - border-color: #c30c9a; - color: #ececec; +.dark-mode .bg-fuchsia.btn:hover { + border-color: #f342cb; + color: #121a24; } -.bg-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-fuchsia.btn:active, .bg-fuchsia.btn.active { - background-color: #c30c9a !important; - border-color: #b70c90; +.dark-mode .bg-fuchsia.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-fuchsia.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-fuchsia.btn:active, .dark-mode .bg-fuchsia.btn.active { + background-color: #f342cb !important; + border-color: #f236c8; color: #fff; } -.bg-maroon { - background-color: #d81b60 !important; +.dark-mode .bg-maroon { + background-color: #ed6c9b !important; } -.bg-maroon, -.bg-maroon > a { - color: #fff !important; +.dark-mode .bg-maroon, +.dark-mode .bg-maroon > a { + color: #1f2d3d !important; } -.bg-maroon.btn:hover { - border-color: #ab154c; - color: #ececec; +.dark-mode .bg-maroon.btn:hover { + border-color: #e73f7c; + color: #121a24; } -.bg-maroon.btn:not(:disabled):not(.disabled):active, .bg-maroon.btn:not(:disabled):not(.disabled).active, .bg-maroon.btn:active, .bg-maroon.btn.active { - background-color: #ab154c !important; - border-color: #9f1447; +.dark-mode .bg-maroon.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-maroon.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-maroon.btn:active, .dark-mode .bg-maroon.btn.active { + background-color: #e73f7c !important; + border-color: #e63475; color: #fff; } -.bg-blue { - background-color: #007bff !important; +.dark-mode .bg-blue { + background-color: #3f6791 !important; } -.bg-blue, -.bg-blue > a { +.dark-mode .bg-blue, +.dark-mode .bg-blue > a { color: #fff !important; } -.bg-blue.btn:hover { - border-color: #0062cc; +.dark-mode .bg-blue.btn:hover { + border-color: #304e6d; color: #ececec; } -.bg-blue.btn:not(:disabled):not(.disabled):active, .bg-blue.btn:not(:disabled):not(.disabled).active, .bg-blue.btn:active, .bg-blue.btn.active { - background-color: #0062cc !important; - border-color: #005cbf; +.dark-mode .bg-blue.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-blue.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-blue.btn:active, .dark-mode .bg-blue.btn.active { + background-color: #304e6d !important; + border-color: #2c4765; color: #fff; } -.bg-indigo { +.dark-mode .bg-indigo { background-color: #6610f2 !important; } -.bg-indigo, -.bg-indigo > a { +.dark-mode .bg-indigo, +.dark-mode .bg-indigo > a { color: #fff !important; } -.bg-indigo.btn:hover { +.dark-mode .bg-indigo.btn:hover { border-color: #510bc4; color: #ececec; } -.bg-indigo.btn:not(:disabled):not(.disabled):active, .bg-indigo.btn:not(:disabled):not(.disabled).active, .bg-indigo.btn:active, .bg-indigo.btn.active { +.dark-mode .bg-indigo.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-indigo.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-indigo.btn:active, .dark-mode .bg-indigo.btn.active { background-color: #510bc4 !important; border-color: #4c0ab8; color: #fff; } -.bg-purple { +.dark-mode .bg-purple { background-color: #6f42c1 !important; } -.bg-purple, -.bg-purple > a { +.dark-mode .bg-purple, +.dark-mode .bg-purple > a { color: #fff !important; } -.bg-purple.btn:hover { +.dark-mode .bg-purple.btn:hover { border-color: #59339d; color: #ececec; } -.bg-purple.btn:not(:disabled):not(.disabled):active, .bg-purple.btn:not(:disabled):not(.disabled).active, .bg-purple.btn:active, .bg-purple.btn.active { +.dark-mode .bg-purple.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-purple.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-purple.btn:active, .dark-mode .bg-purple.btn.active { background-color: #59339d !important; border-color: #533093; color: #fff; } -.bg-pink { +.dark-mode .bg-pink { background-color: #e83e8c !important; } -.bg-pink, -.bg-pink > a { +.dark-mode .bg-pink, +.dark-mode .bg-pink > a { color: #fff !important; } -.bg-pink.btn:hover { +.dark-mode .bg-pink.btn:hover { border-color: #d91a72; color: #ececec; } -.bg-pink.btn:not(:disabled):not(.disabled):active, .bg-pink.btn:not(:disabled):not(.disabled).active, .bg-pink.btn:active, .bg-pink.btn.active { +.dark-mode .bg-pink.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-pink.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-pink.btn:active, .dark-mode .bg-pink.btn.active { background-color: #d91a72 !important; border-color: #ce196c; color: #fff; } -.bg-red { - background-color: #dc3545 !important; +.dark-mode .bg-red { + background-color: #e74c3c !important; } -.bg-red, -.bg-red > a { +.dark-mode .bg-red, +.dark-mode .bg-red > a { color: #fff !important; } -.bg-red.btn:hover { - border-color: #bd2130; +.dark-mode .bg-red.btn:hover { + border-color: #d62c1a; color: #ececec; } -.bg-red.btn:not(:disabled):not(.disabled):active, .bg-red.btn:not(:disabled):not(.disabled).active, .bg-red.btn:active, .bg-red.btn.active { - background-color: #bd2130 !important; - border-color: #b21f2d; +.dark-mode .bg-red.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-red.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-red.btn:active, .dark-mode .bg-red.btn.active { + background-color: #d62c1a !important; + border-color: #ca2a19; color: #fff; } -.bg-orange { +.dark-mode .bg-orange { background-color: #fd7e14 !important; } -.bg-orange, -.bg-orange > a { +.dark-mode .bg-orange, +.dark-mode .bg-orange > a { color: #1f2d3d !important; } -.bg-orange.btn:hover { +.dark-mode .bg-orange.btn:hover { border-color: #dc6502; color: #121a24; } -.bg-orange.btn:not(:disabled):not(.disabled):active, .bg-orange.btn:not(:disabled):not(.disabled).active, .bg-orange.btn:active, .bg-orange.btn.active { +.dark-mode .bg-orange.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-orange.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-orange.btn:active, .dark-mode .bg-orange.btn.active { background-color: #dc6502 !important; border-color: #cf5f02; color: #fff; } -.bg-yellow { - background-color: #ffc107 !important; +.dark-mode .bg-yellow { + background-color: #f39c12 !important; } -.bg-yellow, -.bg-yellow > a { +.dark-mode .bg-yellow, +.dark-mode .bg-yellow > a { color: #1f2d3d !important; } -.bg-yellow.btn:hover { - border-color: #d39e00; +.dark-mode .bg-yellow.btn:hover { + border-color: #c87f0a; color: #121a24; } -.bg-yellow.btn:not(:disabled):not(.disabled):active, .bg-yellow.btn:not(:disabled):not(.disabled).active, .bg-yellow.btn:active, .bg-yellow.btn.active { - background-color: #d39e00 !important; - border-color: #c69500; - color: #1f2d3d; +.dark-mode .bg-yellow.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-yellow.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-yellow.btn:active, .dark-mode .bg-yellow.btn.active { + background-color: #c87f0a !important; + border-color: #bc770a; + color: #fff; } -.bg-green { - background-color: #28a745 !important; +.dark-mode .bg-green { + background-color: #00bc8c !important; } -.bg-green, -.bg-green > a { +.dark-mode .bg-green, +.dark-mode .bg-green > a { color: #fff !important; } -.bg-green.btn:hover { - border-color: #1e7e34; +.dark-mode .bg-green.btn:hover { + border-color: #008966; color: #ececec; } -.bg-green.btn:not(:disabled):not(.disabled):active, .bg-green.btn:not(:disabled):not(.disabled).active, .bg-green.btn:active, .bg-green.btn.active { - background-color: #1e7e34 !important; - border-color: #1c7430; +.dark-mode .bg-green.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-green.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-green.btn:active, .dark-mode .bg-green.btn.active { + background-color: #008966 !important; + border-color: #007c5d; color: #fff; } -.bg-teal { +.dark-mode .bg-teal { background-color: #20c997 !important; } -.bg-teal, -.bg-teal > a { +.dark-mode .bg-teal, +.dark-mode .bg-teal > a { color: #fff !important; } -.bg-teal.btn:hover { +.dark-mode .bg-teal.btn:hover { border-color: #199d76; color: #ececec; } -.bg-teal.btn:not(:disabled):not(.disabled):active, .bg-teal.btn:not(:disabled):not(.disabled).active, .bg-teal.btn:active, .bg-teal.btn.active { +.dark-mode .bg-teal.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-teal.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-teal.btn:active, .dark-mode .bg-teal.btn.active { background-color: #199d76 !important; border-color: #17926e; color: #fff; } -.bg-cyan { - background-color: #266c77 !important; +.dark-mode .bg-cyan { + background-color: #3498db !important; } -.bg-cyan, -.bg-cyan > a { +.dark-mode .bg-cyan, +.dark-mode .bg-cyan > a { color: #fff !important; } -.bg-cyan.btn:hover { - border-color: #1a4950; +.dark-mode .bg-cyan.btn:hover { + border-color: #217dbb; color: #ececec; } -.bg-cyan.btn:not(:disabled):not(.disabled):active, .bg-cyan.btn:not(:disabled):not(.disabled).active, .bg-cyan.btn:active, .bg-cyan.btn.active { - background-color: #1a4950 !important; - border-color: #174047; +.dark-mode .bg-cyan.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-cyan.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-cyan.btn:active, .dark-mode .bg-cyan.btn.active { + background-color: #217dbb !important; + border-color: #1f76b0; color: #fff; } -.bg-white { +.dark-mode .bg-white { background-color: #fff !important; } -.bg-white, -.bg-white > a { +.dark-mode .bg-white, +.dark-mode .bg-white > a { color: #1f2d3d !important; } -.bg-white.btn:hover { +.dark-mode .bg-white.btn:hover { border-color: #e6e6e6; color: #121a24; } -.bg-white.btn:not(:disabled):not(.disabled):active, .bg-white.btn:not(:disabled):not(.disabled).active, .bg-white.btn:active, .bg-white.btn.active { +.dark-mode .bg-white.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-white.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-white.btn:active, .dark-mode .bg-white.btn.active { background-color: #e6e6e6 !important; border-color: #dfdfdf; color: #1f2d3d; } -.bg-gray { +.dark-mode .bg-gray { background-color: #6c757d !important; } -.bg-gray, -.bg-gray > a { +.dark-mode .bg-gray, +.dark-mode .bg-gray > a { color: #fff !important; } -.bg-gray.btn:hover { +.dark-mode .bg-gray.btn:hover { border-color: #545b62; color: #ececec; } -.bg-gray.btn:not(:disabled):not(.disabled):active, .bg-gray.btn:not(:disabled):not(.disabled).active, .bg-gray.btn:active, .bg-gray.btn.active { +.dark-mode .bg-gray.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gray.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gray.btn:active, .dark-mode .bg-gray.btn.active { background-color: #545b62 !important; border-color: #4e555b; color: #fff; } -.bg-gray-dark { +.dark-mode .bg-gray-dark { background-color: #343a40 !important; } -.bg-gray-dark, -.bg-gray-dark > a { +.dark-mode .bg-gray-dark, +.dark-mode .bg-gray-dark > a { color: #fff !important; } -.bg-gray-dark.btn:hover { +.dark-mode .bg-gray-dark.btn:hover { border-color: #1d2124; color: #ececec; } -.bg-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gray-dark.btn:active, .bg-gray-dark.btn.active { +.dark-mode .bg-gray-dark.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gray-dark.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gray-dark.btn:active, .dark-mode .bg-gray-dark.btn.active { background-color: #1d2124 !important; border-color: #171a1d; color: #fff; } -.bg-gray { - background-color: #adb5bd; - color: #1f2d3d; -} - -.bg-gray-light { - background-color: #f2f4f5; - color: #1f2d3d !important; +.dark-mode .bg-gradient-primary { + background: #3f6791 linear-gradient(180deg, #5c7ea2, #3f6791) repeat-x !important; + color: #fff; } -.bg-black { - background-color: #000; - color: #fff !important; +.dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-primary.btn.dropdown-toggle { + background-image: none !important; } -.bg-white { - background-color: #fff; - color: #1f2d3d !important; +.dark-mode .bg-gradient-primary.btn:hover { + background: #3f6791 linear-gradient(180deg, #526e8b, #335476) repeat-x !important; + border-color: #304e6d; + color: #ececec; } -.bg-gradient-primary { - background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important; +.dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-primary.btn:active, .dark-mode .bg-gradient-primary.btn.active { + background: #3f6791 linear-gradient(180deg, #4f6883, #304e6d) repeat-x !important; + border-color: #2c4765; color: #fff; } -.bg-gradient-primary.btn.disabled, .bg-gradient-primary.btn:disabled, .bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-primary.btn.dropdown-toggle { +.dark-mode .bg-gradient-primary.btn:disabled, .dark-mode .bg-gradient-primary.btn.disabled { background-image: none !important; -} - -.bg-gradient-primary.btn:hover { - background: #007bff linear-gradient(180deg, #267fde, #0069d9) repeat-x !important; - border-color: #0062cc; - color: #ececec; -} - -.bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .bg-gradient-primary.btn:active, .bg-gradient-primary.btn.active { - background: #007bff linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important; - border-color: #005cbf; + border-color: #3f6791; color: #fff; } -.bg-gradient-secondary { +.dark-mode .bg-gradient-secondary { background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important; color: #fff; } -.bg-gradient-secondary.btn.disabled, .bg-gradient-secondary.btn:disabled, .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-secondary.btn.dropdown-toggle { +.dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-secondary.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-secondary.btn:hover { +.dark-mode .bg-gradient-secondary.btn:hover { background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important; border-color: #545b62; color: #ececec; } -.bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, .bg-gradient-secondary.btn:active, .bg-gradient-secondary.btn.active { +.dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-secondary.btn:active, .dark-mode .bg-gradient-secondary.btn.active { background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important; border-color: #4e555b; color: #fff; } -.bg-gradient-success { - background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important; +.dark-mode .bg-gradient-secondary.btn:disabled, .dark-mode .bg-gradient-secondary.btn.disabled { + background-image: none !important; + border-color: #6c757d; + color: #fff; +} + +.dark-mode .bg-gradient-success { + background: #00bc8c linear-gradient(180deg, #26c69d, #00bc8c) repeat-x !important; color: #fff; } -.bg-gradient-success.btn.disabled, .bg-gradient-success.btn:disabled, .bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-success.btn.dropdown-toggle { +.dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-success.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-success.btn:hover { - background: #28a745 linear-gradient(180deg, #429a56, #218838) repeat-x !important; - border-color: #1e7e34; +.dark-mode .bg-gradient-success.btn:hover { + background: #00bc8c linear-gradient(180deg, #26a685, #009670) repeat-x !important; + border-color: #008966; color: #ececec; } -.bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active, .bg-gradient-success.btn:active, .bg-gradient-success.btn.active { - background: #28a745 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important; - border-color: #1c7430; +.dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-success.btn:active, .dark-mode .bg-gradient-success.btn.active { + background: #00bc8c linear-gradient(180deg, #269b7d, #008966) repeat-x !important; + border-color: #007c5d; color: #fff; } -.bg-gradient-info { - background: #266c77 linear-gradient(180deg, #47828b, #266c77) repeat-x !important; +.dark-mode .bg-gradient-success.btn:disabled, .dark-mode .bg-gradient-success.btn.disabled { + background-image: none !important; + border-color: #00bc8c; color: #fff; } -.bg-gradient-info.btn.disabled, .bg-gradient-info.btn:disabled, .bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-info.btn.dropdown-toggle { +.dark-mode .bg-gradient-info { + background: #3498db linear-gradient(180deg, #52a7e0, #3498db) repeat-x !important; + color: #fff; +} + +.dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-info.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-info.btn:hover { - background: #266c77 linear-gradient(180deg, #3f6c73, #1d525a) repeat-x !important; - border-color: #1a4950; +.dark-mode .bg-gradient-info.btn:hover { + background: #3498db linear-gradient(180deg, #4497ce, #2384c6) repeat-x !important; + border-color: #217dbb; color: #ececec; } -.bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active, .bg-gradient-info.btn:active, .bg-gradient-info.btn.active { - background: #266c77 linear-gradient(180deg, #3c646b, #1a4950) repeat-x !important; - border-color: #174047; +.dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-info.btn:active, .dark-mode .bg-gradient-info.btn.active { + background: #3498db linear-gradient(180deg, #4291c5, #217dbb) repeat-x !important; + border-color: #1f76b0; color: #fff; } -.bg-gradient-warning { - background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important; +.dark-mode .bg-gradient-info.btn:disabled, .dark-mode .bg-gradient-info.btn.disabled { + background-image: none !important; + border-color: #3498db; + color: #fff; +} + +.dark-mode .bg-gradient-warning { + background: #f39c12 linear-gradient(180deg, #f5ab36, #f39c12) repeat-x !important; color: #1f2d3d; } -.bg-gradient-warning.btn.disabled, .bg-gradient-warning.btn:disabled, .bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-warning.btn.dropdown-toggle { +.dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-warning.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-warning.btn:hover { - background: #ffc107 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important; - border-color: #d39e00; +.dark-mode .bg-gradient-warning.btn:hover { + background: #f39c12 linear-gradient(180deg, #da982f, #d4860b) repeat-x !important; + border-color: #c87f0a; color: #121a24; } -.bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, .bg-gradient-warning.btn:active, .bg-gradient-warning.btn.active { - background: #ffc107 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important; - border-color: #c69500; +.dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-warning.btn:active, .dark-mode .bg-gradient-warning.btn.active { + background: #f39c12 linear-gradient(180deg, #d0922f, #c87f0a) repeat-x !important; + border-color: #bc770a; + color: #fff; +} + +.dark-mode .bg-gradient-warning.btn:disabled, .dark-mode .bg-gradient-warning.btn.disabled { + background-image: none !important; + border-color: #f39c12; color: #1f2d3d; } -.bg-gradient-danger { - background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important; +.dark-mode .bg-gradient-danger { + background: #e74c3c linear-gradient(180deg, #eb6759, #e74c3c) repeat-x !important; color: #fff; } -.bg-gradient-danger.btn.disabled, .bg-gradient-danger.btn:disabled, .bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-danger.btn.dropdown-toggle { +.dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-danger.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-danger.btn:hover { - background: #dc3545 linear-gradient(180deg, #d04451, #c82333) repeat-x !important; - border-color: #bd2130; +.dark-mode .bg-gradient-danger.btn:hover { + background: #e74c3c linear-gradient(180deg, #e64d3e, #e12e1c) repeat-x !important; + border-color: #d62c1a; color: #ececec; } -.bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, .bg-gradient-danger.btn:active, .bg-gradient-danger.btn.active { - background: #dc3545 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important; - border-color: #b21f2d; +.dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-danger.btn:active, .dark-mode .bg-gradient-danger.btn.active { + background: #e74c3c linear-gradient(180deg, #dc4c3d, #d62c1a) repeat-x !important; + border-color: #ca2a19; color: #fff; } -.bg-gradient-light { +.dark-mode .bg-gradient-danger.btn:disabled, .dark-mode .bg-gradient-danger.btn.disabled { + background-image: none !important; + border-color: #e74c3c; + color: #fff; +} + +.dark-mode .bg-gradient-light { background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important; color: #1f2d3d; } -.bg-gradient-light.btn.disabled, .bg-gradient-light.btn:disabled, .bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-light.btn.dropdown-toggle { +.dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-light.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-light.btn:hover { +.dark-mode .bg-gradient-light.btn:hover { background: #f8f9fa linear-gradient(180deg, #e6eaed, #e2e6ea) repeat-x !important; border-color: #dae0e5; color: #121a24; } -.bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active, .bg-gradient-light.btn:active, .bg-gradient-light.btn.active { +.dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-light.btn:active, .dark-mode .bg-gradient-light.btn.active { background: #f8f9fa linear-gradient(180deg, #e0e4e9, #dae0e5) repeat-x !important; border-color: #d3d9df; color: #1f2d3d; } -.bg-gradient-dark { +.dark-mode .bg-gradient-light.btn:disabled, .dark-mode .bg-gradient-light.btn.disabled { + background-image: none !important; + border-color: #f8f9fa; + color: #1f2d3d; +} + +.dark-mode .bg-gradient-dark { background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important; color: #fff; } -.bg-gradient-dark.btn.disabled, .bg-gradient-dark.btn:disabled, .bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-dark.btn.dropdown-toggle { +.dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-dark.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-dark.btn:hover { +.dark-mode .bg-gradient-dark.btn:hover { background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important; border-color: #1d2124; color: #ececec; } -.bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-dark.btn:active, .bg-gradient-dark.btn.active { +.dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-dark.btn:active, .dark-mode .bg-gradient-dark.btn.active { background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important; border-color: #171a1d; color: #fff; } -.bg-gradient-lightblue { - background: #3c8dbc linear-gradient(180deg, #599ec6, #3c8dbc) repeat-x !important; +.dark-mode .bg-gradient-dark.btn:disabled, .dark-mode .bg-gradient-dark.btn.disabled { + background-image: none !important; + border-color: #343a40; color: #fff; } -.bg-gradient-lightblue.btn.disabled, .bg-gradient-lightblue.btn:disabled, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-lightblue.btn.dropdown-toggle { +.dark-mode .bg-gradient-lightblue { + background: #86bad8 linear-gradient(180deg, #98c4de, #86bad8) repeat-x !important; + color: #1f2d3d; +} + +.dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-lightblue.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-lightblue.btn:hover { - background: #3c8dbc linear-gradient(180deg, #518cad, #33779f) repeat-x !important; - border-color: #307095; - color: #ececec; +.dark-mode .bg-gradient-lightblue.btn:hover { + background: #86bad8 linear-gradient(180deg, #7fb6d6, #69a9cf) repeat-x !important; + border-color: #5fa4cc; + color: #121a24; } -.bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, .bg-gradient-lightblue.btn:active, .bg-gradient-lightblue.btn.active { - background: #3c8dbc linear-gradient(180deg, #4f85a5, #307095) repeat-x !important; - border-color: #2d698c; +.dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-lightblue.btn:active, .dark-mode .bg-gradient-lightblue.btn.active { + background: #86bad8 linear-gradient(180deg, #77b2d4, #5fa4cc) repeat-x !important; + border-color: #559ec9; color: #fff; } -.bg-gradient-navy { - background: #001f3f linear-gradient(180deg, #26415c, #001f3f) repeat-x !important; +.dark-mode .bg-gradient-lightblue.btn:disabled, .dark-mode .bg-gradient-lightblue.btn.disabled { + background-image: none !important; + border-color: #86bad8; + color: #1f2d3d; +} + +.dark-mode .bg-gradient-navy { + background: #002c59 linear-gradient(180deg, #264b71, #002c59) repeat-x !important; color: #fff; } -.bg-gradient-navy.btn.disabled, .bg-gradient-navy.btn:disabled, .bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-navy.btn.dropdown-toggle { +.dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-navy.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-navy.btn:hover { - background: #001f3f linear-gradient(180deg, #26313b, #000c19) repeat-x !important; - border-color: #00060c; +.dark-mode .bg-gradient-navy.btn:hover { + background: #002c59 linear-gradient(180deg, #263b51, #001932) repeat-x !important; + border-color: #001226; color: #ececec; } -.bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, .bg-gradient-navy.btn:active, .bg-gradient-navy.btn.active { - background: #001f3f linear-gradient(180deg, #262b30, #00060c) repeat-x !important; - border-color: black; +.dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-navy.btn:active, .dark-mode .bg-gradient-navy.btn.active { + background: #002c59 linear-gradient(180deg, #263646, #001226) repeat-x !important; + border-color: #000c19; color: #fff; } -.bg-gradient-olive { - background: #3d9970 linear-gradient(180deg, #5aa885, #3d9970) repeat-x !important; +.dark-mode .bg-gradient-navy.btn:disabled, .dark-mode .bg-gradient-navy.btn.disabled { + background-image: none !important; + border-color: #002c59; color: #fff; } -.bg-gradient-olive.btn.disabled, .bg-gradient-olive.btn:disabled, .bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-olive.btn.dropdown-toggle { +.dark-mode .bg-gradient-olive { + background: #74c8a3 linear-gradient(180deg, #89d0b0, #74c8a3) repeat-x !important; + color: #1f2d3d; +} + +.dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-olive.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-olive.btn:hover { - background: #3d9970 linear-gradient(180deg, #519174, #327e5c) repeat-x !important; - border-color: #2e7555; - color: #ececec; +.dark-mode .bg-gradient-olive.btn:hover { + background: #74c8a3 linear-gradient(180deg, #72c7a1, #59bd90) repeat-x !important; + border-color: #50b98a; + color: #121a24; } -.bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, .bg-gradient-olive.btn:active, .bg-gradient-olive.btn.active { - background: #3d9970 linear-gradient(180deg, #4e896f, #2e7555) repeat-x !important; - border-color: #2b6b4f; +.dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-olive.btn:active, .dark-mode .bg-gradient-olive.btn.active { + background: #74c8a3 linear-gradient(180deg, #6ac49c, #50b98a) repeat-x !important; + border-color: #48b484; color: #fff; } -.bg-gradient-lime { - background: #01ff70 linear-gradient(180deg, #27ff85, #01ff70) repeat-x !important; +.dark-mode .bg-gradient-olive.btn:disabled, .dark-mode .bg-gradient-olive.btn.disabled { + background-image: none !important; + border-color: #74c8a3; color: #1f2d3d; } -.bg-gradient-lime.btn.disabled, .bg-gradient-lime.btn:disabled, .bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-lime.btn.dropdown-toggle { +.dark-mode .bg-gradient-lime { + background: #67ffa9 linear-gradient(180deg, #7effb6, #67ffa9) repeat-x !important; + color: #1f2d3d; +} + +.dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-lime.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-lime.btn:hover { - background: #01ff70 linear-gradient(180deg, #26df77, #00da5f) repeat-x !important; - border-color: #00cd5a; +.dark-mode .bg-gradient-lime.btn:hover { + background: #67ffa9 linear-gradient(180deg, #5dffa4, #41ff94) repeat-x !important; + border-color: #34ff8d; color: #121a24; } -.bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, .bg-gradient-lime.btn:active, .bg-gradient-lime.btn.active { - background: #01ff70 linear-gradient(180deg, #26d572, #00cd5a) repeat-x !important; - border-color: #00c054; - color: #fff; +.dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-lime.btn:active, .dark-mode .bg-gradient-lime.btn.active { + background: #67ffa9 linear-gradient(180deg, #52ff9e, #34ff8d) repeat-x !important; + border-color: #27ff86; + color: #1f2d3d; } -.bg-gradient-fuchsia { - background: #f012be linear-gradient(180deg, #f236c8, #f012be) repeat-x !important; - color: #fff; +.dark-mode .bg-gradient-lime.btn:disabled, .dark-mode .bg-gradient-lime.btn.disabled { + background-image: none !important; + border-color: #67ffa9; + color: #1f2d3d; } -.bg-gradient-fuchsia.btn.disabled, .bg-gradient-fuchsia.btn:disabled, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-fuchsia.btn.dropdown-toggle { +.dark-mode .bg-gradient-fuchsia { + background: #f672d8 linear-gradient(180deg, #f787de, #f672d8) repeat-x !important; + color: #1f2d3d; +} + +.dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-fuchsia.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-fuchsia.btn:hover { - background: #f012be linear-gradient(180deg, #d631b1, #cf0da3) repeat-x !important; - border-color: #c30c9a; - color: #ececec; +.dark-mode .bg-gradient-fuchsia.btn:hover { + background: #f672d8 linear-gradient(180deg, #f569d6, #f44ece) repeat-x !important; + border-color: #f342cb; + color: #121a24; } -.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-gradient-fuchsia.btn:active, .bg-gradient-fuchsia.btn.active { - background: #f012be linear-gradient(180deg, #cc31a9, #c30c9a) repeat-x !important; - border-color: #b70c90; +.dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-fuchsia.btn:active, .dark-mode .bg-gradient-fuchsia.btn.active { + background: #f672d8 linear-gradient(180deg, #f55ed3, #f342cb) repeat-x !important; + border-color: #f236c8; color: #fff; } -.bg-gradient-maroon { - background: #d81b60 linear-gradient(180deg, #de3d78, #d81b60) repeat-x !important; - color: #fff; +.dark-mode .bg-gradient-fuchsia.btn:disabled, .dark-mode .bg-gradient-fuchsia.btn.disabled { + background-image: none !important; + border-color: #f672d8; + color: #1f2d3d; } -.bg-gradient-maroon.btn.disabled, .bg-gradient-maroon.btn:disabled, .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-maroon.btn.dropdown-toggle { +.dark-mode .bg-gradient-maroon { + background: #ed6c9b linear-gradient(180deg, #ef82aa, #ed6c9b) repeat-x !important; + color: #1f2d3d; +} + +.dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-maroon.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-maroon.btn:hover { - background: #d81b60 linear-gradient(180deg, #c13a6b, #b61751) repeat-x !important; - border-color: #ab154c; - color: #ececec; +.dark-mode .bg-gradient-maroon.btn:hover { + background: #ed6c9b linear-gradient(180deg, #ec6596, #e84a84) repeat-x !important; + border-color: #e73f7c; + color: #121a24; } -.bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, .bg-gradient-maroon.btn:active, .bg-gradient-maroon.btn.active { - background: #d81b60 linear-gradient(180deg, #b73867, #ab154c) repeat-x !important; - border-color: #9f1447; +.dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-maroon.btn:active, .dark-mode .bg-gradient-maroon.btn.active { + background: #ed6c9b linear-gradient(180deg, #eb5c90, #e73f7c) repeat-x !important; + border-color: #e63475; color: #fff; } -.bg-gradient-blue { - background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important; +.dark-mode .bg-gradient-maroon.btn:disabled, .dark-mode .bg-gradient-maroon.btn.disabled { + background-image: none !important; + border-color: #ed6c9b; + color: #1f2d3d; +} + +.dark-mode .bg-gradient-blue { + background: #3f6791 linear-gradient(180deg, #5c7ea2, #3f6791) repeat-x !important; color: #fff; } -.bg-gradient-blue.btn.disabled, .bg-gradient-blue.btn:disabled, .bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-blue.btn.dropdown-toggle { +.dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-blue.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-blue.btn:hover { - background: #007bff linear-gradient(180deg, #267fde, #0069d9) repeat-x !important; - border-color: #0062cc; +.dark-mode .bg-gradient-blue.btn:hover { + background: #3f6791 linear-gradient(180deg, #526e8b, #335476) repeat-x !important; + border-color: #304e6d; color: #ececec; } -.bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, .bg-gradient-blue.btn:active, .bg-gradient-blue.btn.active { - background: #007bff linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important; - border-color: #005cbf; +.dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-blue.btn:active, .dark-mode .bg-gradient-blue.btn.active { + background: #3f6791 linear-gradient(180deg, #4f6883, #304e6d) repeat-x !important; + border-color: #2c4765; color: #fff; } -.bg-gradient-indigo { +.dark-mode .bg-gradient-blue.btn:disabled, .dark-mode .bg-gradient-blue.btn.disabled { + background-image: none !important; + border-color: #3f6791; + color: #fff; +} + +.dark-mode .bg-gradient-indigo { background: #6610f2 linear-gradient(180deg, #7d34f4, #6610f2) repeat-x !important; color: #fff; } -.bg-gradient-indigo.btn.disabled, .bg-gradient-indigo.btn:disabled, .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-indigo.btn.dropdown-toggle { +.dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-indigo.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-indigo.btn:hover { +.dark-mode .bg-gradient-indigo.btn:hover { background: #6610f2 linear-gradient(180deg, #7030d7, #560bd0) repeat-x !important; border-color: #510bc4; color: #ececec; } -.bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, .bg-gradient-indigo.btn:active, .bg-gradient-indigo.btn.active { +.dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-indigo.btn:active, .dark-mode .bg-gradient-indigo.btn.active { background: #6610f2 linear-gradient(180deg, #6b2fcd, #510bc4) repeat-x !important; border-color: #4c0ab8; color: #fff; } -.bg-gradient-purple { +.dark-mode .bg-gradient-indigo.btn:disabled, .dark-mode .bg-gradient-indigo.btn.disabled { + background-image: none !important; + border-color: #6610f2; + color: #fff; +} + +.dark-mode .bg-gradient-purple { background: #6f42c1 linear-gradient(180deg, #855eca, #6f42c1) repeat-x !important; color: #fff; } -.bg-gradient-purple.btn.disabled, .bg-gradient-purple.btn:disabled, .bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-purple.btn.dropdown-toggle { +.dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-purple.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-purple.btn:hover { +.dark-mode .bg-gradient-purple.btn:hover { background: #6f42c1 linear-gradient(180deg, #7655b4, #5e37a6) repeat-x !important; border-color: #59339d; color: #ececec; } -.bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, .bg-gradient-purple.btn:active, .bg-gradient-purple.btn.active { +.dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-purple.btn:active, .dark-mode .bg-gradient-purple.btn.active { background: #6f42c1 linear-gradient(180deg, #7252ab, #59339d) repeat-x !important; border-color: #533093; color: #fff; } -.bg-gradient-pink { +.dark-mode .bg-gradient-purple.btn:disabled, .dark-mode .bg-gradient-purple.btn.disabled { + background-image: none !important; + border-color: #6f42c1; + color: #fff; +} + +.dark-mode .bg-gradient-pink { background: #e83e8c linear-gradient(180deg, #eb5b9d, #e83e8c) repeat-x !important; color: #fff; } -.bg-gradient-pink.btn.disabled, .bg-gradient-pink.btn:disabled, .bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-pink.btn.dropdown-toggle { +.dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-pink.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-pink.btn:hover { +.dark-mode .bg-gradient-pink.btn:hover { background: #e83e8c linear-gradient(180deg, #e83e8c, #e41c78) repeat-x !important; border-color: #d91a72; color: #ececec; } -.bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, .bg-gradient-pink.btn:active, .bg-gradient-pink.btn.active { +.dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-pink.btn:active, .dark-mode .bg-gradient-pink.btn.active { background: #e83e8c linear-gradient(180deg, #df3c87, #d91a72) repeat-x !important; border-color: #ce196c; color: #fff; } -.bg-gradient-red { - background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important; +.dark-mode .bg-gradient-pink.btn:disabled, .dark-mode .bg-gradient-pink.btn.disabled { + background-image: none !important; + border-color: #e83e8c; color: #fff; } -.bg-gradient-red.btn.disabled, .bg-gradient-red.btn:disabled, .bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-red.btn.dropdown-toggle { +.dark-mode .bg-gradient-red { + background: #e74c3c linear-gradient(180deg, #eb6759, #e74c3c) repeat-x !important; + color: #fff; +} + +.dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-red.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-red.btn:hover { - background: #dc3545 linear-gradient(180deg, #d04451, #c82333) repeat-x !important; - border-color: #bd2130; +.dark-mode .bg-gradient-red.btn:hover { + background: #e74c3c linear-gradient(180deg, #e64d3e, #e12e1c) repeat-x !important; + border-color: #d62c1a; color: #ececec; } -.bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active, .bg-gradient-red.btn:active, .bg-gradient-red.btn.active { - background: #dc3545 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important; - border-color: #b21f2d; +.dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-red.btn:active, .dark-mode .bg-gradient-red.btn.active { + background: #e74c3c linear-gradient(180deg, #dc4c3d, #d62c1a) repeat-x !important; + border-color: #ca2a19; color: #fff; } -.bg-gradient-orange { +.dark-mode .bg-gradient-red.btn:disabled, .dark-mode .bg-gradient-red.btn.disabled { + background-image: none !important; + border-color: #e74c3c; + color: #fff; +} + +.dark-mode .bg-gradient-orange { background: #fd7e14 linear-gradient(180deg, #fd9137, #fd7e14) repeat-x !important; color: #1f2d3d; } -.bg-gradient-orange.btn.disabled, .bg-gradient-orange.btn:disabled, .bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-orange.btn.dropdown-toggle { +.dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-orange.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-orange.btn:hover { +.dark-mode .bg-gradient-orange.btn:hover { background: #fd7e14 linear-gradient(180deg, #ec8128, #e96b02) repeat-x !important; border-color: #dc6502; color: #121a24; } -.bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, .bg-gradient-orange.btn:active, .bg-gradient-orange.btn.active { +.dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-orange.btn:active, .dark-mode .bg-gradient-orange.btn.active { background: #fd7e14 linear-gradient(180deg, #e17c28, #dc6502) repeat-x !important; border-color: #cf5f02; color: #fff; } -.bg-gradient-yellow { - background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important; +.dark-mode .bg-gradient-orange.btn:disabled, .dark-mode .bg-gradient-orange.btn.disabled { + background-image: none !important; + border-color: #fd7e14; color: #1f2d3d; } -.bg-gradient-yellow.btn.disabled, .bg-gradient-yellow.btn:disabled, .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-yellow.btn.dropdown-toggle { +.dark-mode .bg-gradient-yellow { + background: #f39c12 linear-gradient(180deg, #f5ab36, #f39c12) repeat-x !important; + color: #1f2d3d; +} + +.dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-yellow.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-yellow.btn:hover { - background: #ffc107 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important; - border-color: #d39e00; +.dark-mode .bg-gradient-yellow.btn:hover { + background: #f39c12 linear-gradient(180deg, #da982f, #d4860b) repeat-x !important; + border-color: #c87f0a; color: #121a24; } -.bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, .bg-gradient-yellow.btn:active, .bg-gradient-yellow.btn.active { - background: #ffc107 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important; - border-color: #c69500; +.dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-yellow.btn:active, .dark-mode .bg-gradient-yellow.btn.active { + background: #f39c12 linear-gradient(180deg, #d0922f, #c87f0a) repeat-x !important; + border-color: #bc770a; + color: #fff; +} + +.dark-mode .bg-gradient-yellow.btn:disabled, .dark-mode .bg-gradient-yellow.btn.disabled { + background-image: none !important; + border-color: #f39c12; color: #1f2d3d; } -.bg-gradient-green { - background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important; +.dark-mode .bg-gradient-green { + background: #00bc8c linear-gradient(180deg, #26c69d, #00bc8c) repeat-x !important; color: #fff; } -.bg-gradient-green.btn.disabled, .bg-gradient-green.btn:disabled, .bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-green.btn.dropdown-toggle { +.dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-green.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-green.btn:hover { - background: #28a745 linear-gradient(180deg, #429a56, #218838) repeat-x !important; - border-color: #1e7e34; +.dark-mode .bg-gradient-green.btn:hover { + background: #00bc8c linear-gradient(180deg, #26a685, #009670) repeat-x !important; + border-color: #008966; color: #ececec; } -.bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active, .bg-gradient-green.btn:active, .bg-gradient-green.btn.active { - background: #28a745 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important; - border-color: #1c7430; +.dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-green.btn:active, .dark-mode .bg-gradient-green.btn.active { + background: #00bc8c linear-gradient(180deg, #269b7d, #008966) repeat-x !important; + border-color: #007c5d; color: #fff; } -.bg-gradient-teal { +.dark-mode .bg-gradient-green.btn:disabled, .dark-mode .bg-gradient-green.btn.disabled { + background-image: none !important; + border-color: #00bc8c; + color: #fff; +} + +.dark-mode .bg-gradient-teal { background: #20c997 linear-gradient(180deg, #41d1a7, #20c997) repeat-x !important; color: #fff; } -.bg-gradient-teal.btn.disabled, .bg-gradient-teal.btn:disabled, .bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-teal.btn.dropdown-toggle { +.dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-teal.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-teal.btn:hover { +.dark-mode .bg-gradient-teal.btn:hover { background: #20c997 linear-gradient(180deg, #3db592, #1ba87e) repeat-x !important; border-color: #199d76; color: #ececec; } -.bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, .bg-gradient-teal.btn:active, .bg-gradient-teal.btn.active { +.dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-teal.btn:active, .dark-mode .bg-gradient-teal.btn.active { background: #20c997 linear-gradient(180deg, #3bac8b, #199d76) repeat-x !important; border-color: #17926e; color: #fff; } -.bg-gradient-cyan { - background: #266c77 linear-gradient(180deg, #47828b, #266c77) repeat-x !important; +.dark-mode .bg-gradient-teal.btn:disabled, .dark-mode .bg-gradient-teal.btn.disabled { + background-image: none !important; + border-color: #20c997; color: #fff; } -.bg-gradient-cyan.btn.disabled, .bg-gradient-cyan.btn:disabled, .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-cyan.btn.dropdown-toggle { +.dark-mode .bg-gradient-cyan { + background: #3498db linear-gradient(180deg, #52a7e0, #3498db) repeat-x !important; + color: #fff; +} + +.dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-cyan.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-cyan.btn:hover { - background: #266c77 linear-gradient(180deg, #3f6c73, #1d525a) repeat-x !important; - border-color: #1a4950; +.dark-mode .bg-gradient-cyan.btn:hover { + background: #3498db linear-gradient(180deg, #4497ce, #2384c6) repeat-x !important; + border-color: #217dbb; color: #ececec; } -.bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, .bg-gradient-cyan.btn:active, .bg-gradient-cyan.btn.active { - background: #266c77 linear-gradient(180deg, #3c646b, #1a4950) repeat-x !important; - border-color: #174047; +.dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-cyan.btn:active, .dark-mode .bg-gradient-cyan.btn.active { + background: #3498db linear-gradient(180deg, #4291c5, #217dbb) repeat-x !important; + border-color: #1f76b0; color: #fff; } -.bg-gradient-white { +.dark-mode .bg-gradient-cyan.btn:disabled, .dark-mode .bg-gradient-cyan.btn.disabled { + background-image: none !important; + border-color: #3498db; + color: #fff; +} + +.dark-mode .bg-gradient-white { background: #fff linear-gradient(180deg, white, #fff) repeat-x !important; color: #1f2d3d; } -.bg-gradient-white.btn.disabled, .bg-gradient-white.btn:disabled, .bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-white.btn.dropdown-toggle { +.dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-white.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-white.btn:hover { +.dark-mode .bg-gradient-white.btn:hover { background: #fff linear-gradient(180deg, #efefef, #ececec) repeat-x !important; border-color: #e6e6e6; color: #121a24; } -.bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active, .bg-gradient-white.btn:active, .bg-gradient-white.btn.active { +.dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-white.btn:active, .dark-mode .bg-gradient-white.btn.active { background: #fff linear-gradient(180deg, #e9e9e9, #e6e6e6) repeat-x !important; border-color: #dfdfdf; color: #1f2d3d; } -.bg-gradient-gray { +.dark-mode .bg-gradient-white.btn:disabled, .dark-mode .bg-gradient-white.btn.disabled { + background-image: none !important; + border-color: #fff; + color: #1f2d3d; +} + +.dark-mode .bg-gradient-gray { background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important; color: #fff; } -.bg-gradient-gray.btn.disabled, .bg-gradient-gray.btn:disabled, .bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-gray.btn.dropdown-toggle { +.dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-gray.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-gray.btn:hover { +.dark-mode .bg-gradient-gray.btn:hover { background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important; border-color: #545b62; color: #ececec; } -.bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray.btn:active, .bg-gradient-gray.btn.active { +.dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-gray.btn:active, .dark-mode .bg-gradient-gray.btn.active { background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important; border-color: #4e555b; color: #fff; } -.bg-gradient-gray-dark { +.dark-mode .bg-gradient-gray.btn:disabled, .dark-mode .bg-gradient-gray.btn.disabled { + background-image: none !important; + border-color: #6c757d; + color: #fff; +} + +.dark-mode .bg-gradient-gray-dark { background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important; color: #fff; } -.bg-gradient-gray-dark.btn.disabled, .bg-gradient-gray-dark.btn:disabled, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, -.show > .bg-gradient-gray-dark.btn.dropdown-toggle { +.dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, +.show > .dark-mode .bg-gradient-gray-dark.btn.dropdown-toggle { background-image: none !important; } -.bg-gradient-gray-dark.btn:hover { +.dark-mode .bg-gradient-gray-dark.btn:hover { background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important; border-color: #1d2124; color: #ececec; } -.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray-dark.btn:active, .bg-gradient-gray-dark.btn.active { +.dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-gray-dark.btn:active, .dark-mode .bg-gradient-gray-dark.btn.active { background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important; border-color: #171a1d; color: #fff; } -[class^="bg-"].disabled { - opacity: .65; -} - -a.text-muted:hover { - color: #007bff !important; -} - -.link-muted { - color: #5d6974; -} - -.link-muted:hover, .link-muted:focus { - color: #464f58; -} - -.link-black { - color: #6c757d; -} - -.link-black:hover, .link-black:focus { - color: #e6e8ea; +.dark-mode .bg-gradient-gray-dark.btn:disabled, .dark-mode .bg-gradient-gray-dark.btn.disabled { + background-image: none !important; + border-color: #343a40; + color: #fff; } -.accent-primary .btn-link, -.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { - color: #007bff; +.dark-mode .accent-primary .btn-link, +.dark-mode .accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-primary .nav-tabs .nav-link { + color: #3f6791; } -.accent-primary .btn-link:hover, -.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { - color: #0056b3; +.dark-mode .accent-primary .btn-link:hover, +.dark-mode .accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-primary .nav-tabs .nav-link:hover { + color: #28415c; } -.accent-primary .dropdown-item:active, .accent-primary .dropdown-item.active { - background-color: #007bff; +.dark-mode .accent-primary .dropdown-item:active, .dark-mode .accent-primary .dropdown-item.active { + background-color: #3f6791; color: #fff; } -.accent-primary .custom-control-input:checked ~ .custom-control-label::before { - background-color: #007bff; - border-color: #004a99; +.dark-mode .accent-primary .custom-control-input:checked ~ .custom-control-label::before { + background-color: #3f6791; + border-color: #20344a; } -.accent-primary .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-primary .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-primary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-primary .custom-select:focus, -.accent-primary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-primary .custom-file-input:focus ~ .custom-file-label { - border-color: #80bdff; +.dark-mode .accent-primary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-primary .custom-select:focus, +.dark-mode .accent-primary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-primary .custom-file-input:focus ~ .custom-file-label { + border-color: #85a7ca; } -.accent-primary .page-item .page-link { - color: #007bff; +.dark-mode .accent-primary .page-item .page-link { + color: #3f6791; } -.accent-primary .page-item.active a, -.accent-primary .page-item.active .page-link { - background-color: #007bff; - border-color: #007bff; +.dark-mode .accent-primary .page-item.active a, +.dark-mode .accent-primary .page-item.active .page-link { + background-color: #3f6791; + border-color: #3f6791; color: #fff; } -.accent-primary .page-item.disabled a, -.accent-primary .page-item.disabled .page-link { +.dark-mode .accent-primary .page-item.disabled a, +.dark-mode .accent-primary .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-primary .page-item .page-link:hover, .dark-mode.accent-primary .page-item .page-link:focus { - color: #1a88ff; +.dark-mode .dark-mode.accent-primary .page-item .page-link:hover, .dark-mode .dark-mode.accent-primary .page-item .page-link:focus { + color: #4774a3; } -.accent-secondary .btn-link, -.accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { +.dark-mode .accent-secondary .btn-link, +.dark-mode .accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-secondary .nav-tabs .nav-link { color: #6c757d; } -.accent-secondary .btn-link:hover, -.accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { +.dark-mode .accent-secondary .btn-link:hover, +.dark-mode .accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-secondary .nav-tabs .nav-link:hover { color: #494f54; } -.accent-secondary .dropdown-item:active, .accent-secondary .dropdown-item.active { +.dark-mode .accent-secondary .dropdown-item:active, .dark-mode .accent-secondary .dropdown-item.active { background-color: #6c757d; color: #fff; } -.accent-secondary .custom-control-input:checked ~ .custom-control-label::before { +.dark-mode .accent-secondary .custom-control-input:checked ~ .custom-control-label::before { background-color: #6c757d; border-color: #3d4246; } -.accent-secondary .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-secondary .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-secondary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-secondary .custom-select:focus, -.accent-secondary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-secondary .custom-file-input:focus ~ .custom-file-label { +.dark-mode .accent-secondary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-secondary .custom-select:focus, +.dark-mode .accent-secondary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-secondary .custom-file-input:focus ~ .custom-file-label { border-color: #afb5ba; } -.accent-secondary .page-item .page-link { +.dark-mode .accent-secondary .page-item .page-link { color: #6c757d; } -.accent-secondary .page-item.active a, -.accent-secondary .page-item.active .page-link { +.dark-mode .accent-secondary .page-item.active a, +.dark-mode .accent-secondary .page-item.active .page-link { background-color: #6c757d; border-color: #6c757d; color: #fff; } -.accent-secondary .page-item.disabled a, -.accent-secondary .page-item.disabled .page-link { +.dark-mode .accent-secondary .page-item.disabled a, +.dark-mode .accent-secondary .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-secondary .page-item .page-link:hover, .dark-mode.accent-secondary .page-item .page-link:focus { +.dark-mode .dark-mode.accent-secondary .page-item .page-link:hover, .dark-mode .dark-mode.accent-secondary .page-item .page-link:focus { color: #78828a; } -.accent-success .btn-link, -.accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { - color: #28a745; +.dark-mode .accent-success .btn-link, +.dark-mode .accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-success .nav-tabs .nav-link { + color: #00bc8c; } -.accent-success .btn-link:hover, -.accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { - color: #19692c; +.dark-mode .accent-success .btn-link:hover, +.dark-mode .accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-success .nav-tabs .nav-link:hover { + color: #007053; } -.accent-success .dropdown-item:active, .accent-success .dropdown-item.active { - background-color: #28a745; +.dark-mode .accent-success .dropdown-item:active, .dark-mode .accent-success .dropdown-item.active { + background-color: #00bc8c; color: #fff; } -.accent-success .custom-control-input:checked ~ .custom-control-label::before { - background-color: #28a745; - border-color: #145523; +.dark-mode .accent-success .custom-control-input:checked ~ .custom-control-label::before { + background-color: #00bc8c; + border-color: #005640; } -.accent-success .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-success .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-success .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-success .custom-select:focus, -.accent-success .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-success .custom-file-input:focus ~ .custom-file-label { - border-color: #71dd8a; +.dark-mode .accent-success .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-success .custom-select:focus, +.dark-mode .accent-success .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-success .custom-file-input:focus ~ .custom-file-label { + border-color: #3dffcd; } -.accent-success .page-item .page-link { - color: #28a745; +.dark-mode .accent-success .page-item .page-link { + color: #00bc8c; } -.accent-success .page-item.active a, -.accent-success .page-item.active .page-link { - background-color: #28a745; - border-color: #28a745; +.dark-mode .accent-success .page-item.active a, +.dark-mode .accent-success .page-item.active .page-link { + background-color: #00bc8c; + border-color: #00bc8c; color: #fff; } -.accent-success .page-item.disabled a, -.accent-success .page-item.disabled .page-link { +.dark-mode .accent-success .page-item.disabled a, +.dark-mode .accent-success .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-success .page-item .page-link:hover, .dark-mode.accent-success .page-item .page-link:focus { - color: #2dbc4e; +.dark-mode .dark-mode.accent-success .page-item .page-link:hover, .dark-mode .dark-mode.accent-success .page-item .page-link:focus { + color: #00d69f; } -.accent-info .btn-link, -.accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { - color: #266c77; +.dark-mode .accent-info .btn-link, +.dark-mode .accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-info .nav-tabs .nav-link { + color: #3498db; } -.accent-info .btn-link:hover, -.accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { - color: #13373d; +.dark-mode .accent-info .btn-link:hover, +.dark-mode .accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-info .nav-tabs .nav-link:hover { + color: #1d6fa5; } -.accent-info .dropdown-item:active, .accent-info .dropdown-item.active { - background-color: #266c77; +.dark-mode .accent-info .dropdown-item:active, .dark-mode .accent-info .dropdown-item.active { + background-color: #3498db; color: #fff; } -.accent-info .custom-control-input:checked ~ .custom-control-label::before { - background-color: #266c77; - border-color: #0d262a; +.dark-mode .accent-info .custom-control-input:checked ~ .custom-control-label::before { + background-color: #3498db; + border-color: #196090; } -.accent-info .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-info .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-info .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-info .custom-select:focus, -.accent-info .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-info .custom-file-input:focus ~ .custom-file-label { - border-color: #54b9c8; +.dark-mode .accent-info .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-info .custom-select:focus, +.dark-mode .accent-info .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-info .custom-file-input:focus ~ .custom-file-label { + border-color: #a0cfee; } -.accent-info .page-item .page-link { - color: #266c77; +.dark-mode .accent-info .page-item .page-link { + color: #3498db; } -.accent-info .page-item.active a, -.accent-info .page-item.active .page-link { - background-color: #266c77; - border-color: #266c77; +.dark-mode .accent-info .page-item.active a, +.dark-mode .accent-info .page-item.active .page-link { + background-color: #3498db; + border-color: #3498db; color: #fff; } -.accent-info .page-item.disabled a, -.accent-info .page-item.disabled .page-link { +.dark-mode .accent-info .page-item.disabled a, +.dark-mode .accent-info .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-info .page-item .page-link:hover, .dark-mode.accent-info .page-item .page-link:focus { - color: #2c7e8a; +.dark-mode .dark-mode.accent-info .page-item .page-link:hover, .dark-mode .dark-mode.accent-info .page-item .page-link:focus { + color: #4aa3df; } -.accent-warning .btn-link, -.accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { - color: #ffc107; +.dark-mode .accent-warning .btn-link, +.dark-mode .accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-warning .nav-tabs .nav-link { + color: #f39c12; } -.accent-warning .btn-link:hover, -.accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { - color: #ba8b00; +.dark-mode .accent-warning .btn-link:hover, +.dark-mode .accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-warning .nav-tabs .nav-link:hover { + color: #b06f09; } -.accent-warning .dropdown-item:active, .accent-warning .dropdown-item.active { - background-color: #ffc107; +.dark-mode .accent-warning .dropdown-item:active, .dark-mode .accent-warning .dropdown-item.active { + background-color: #f39c12; color: #1f2d3d; } -.accent-warning .custom-control-input:checked ~ .custom-control-label::before { - background-color: #ffc107; - border-color: #a07800; +.dark-mode .accent-warning .custom-control-input:checked ~ .custom-control-label::before { + background-color: #f39c12; + border-color: #976008; } -.accent-warning .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-warning .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-warning .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-warning .custom-select:focus, -.accent-warning .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-warning .custom-file-input:focus ~ .custom-file-label { - border-color: #ffe187; +.dark-mode .accent-warning .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-warning .custom-select:focus, +.dark-mode .accent-warning .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-warning .custom-file-input:focus ~ .custom-file-label { + border-color: #f9cf8b; } -.accent-warning .page-item .page-link { - color: #ffc107; +.dark-mode .accent-warning .page-item .page-link { + color: #f39c12; } -.accent-warning .page-item.active a, -.accent-warning .page-item.active .page-link { - background-color: #ffc107; - border-color: #ffc107; +.dark-mode .accent-warning .page-item.active a, +.dark-mode .accent-warning .page-item.active .page-link { + background-color: #f39c12; + border-color: #f39c12; color: #fff; } -.accent-warning .page-item.disabled a, -.accent-warning .page-item.disabled .page-link { +.dark-mode .accent-warning .page-item.disabled a, +.dark-mode .accent-warning .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-warning .page-item .page-link:hover, .dark-mode.accent-warning .page-item .page-link:focus { - color: #ffc721; +.dark-mode .dark-mode.accent-warning .page-item .page-link:hover, .dark-mode .dark-mode.accent-warning .page-item .page-link:focus { + color: #f4a62a; } -.accent-danger .btn-link, -.accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { - color: #dc3545; +.dark-mode .accent-danger .btn-link, +.dark-mode .accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-danger .nav-tabs .nav-link { + color: #e74c3c; } -.accent-danger .btn-link:hover, -.accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { - color: #a71d2a; +.dark-mode .accent-danger .btn-link:hover, +.dark-mode .accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-danger .nav-tabs .nav-link:hover { + color: #bf2718; } -.accent-danger .dropdown-item:active, .accent-danger .dropdown-item.active { - background-color: #dc3545; +.dark-mode .accent-danger .dropdown-item:active, .dark-mode .accent-danger .dropdown-item.active { + background-color: #e74c3c; color: #fff; } -.accent-danger .custom-control-input:checked ~ .custom-control-label::before { - background-color: #dc3545; - border-color: #921925; +.dark-mode .accent-danger .custom-control-input:checked ~ .custom-control-label::before { + background-color: #e74c3c; + border-color: #a82315; } -.accent-danger .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-danger .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-danger .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-danger .custom-select:focus, -.accent-danger .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-danger .custom-file-input:focus ~ .custom-file-label { - border-color: #efa2a9; +.dark-mode .accent-danger .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-danger .custom-select:focus, +.dark-mode .accent-danger .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-danger .custom-file-input:focus ~ .custom-file-label { + border-color: #f5b4ae; } -.accent-danger .page-item .page-link { - color: #dc3545; +.dark-mode .accent-danger .page-item .page-link { + color: #e74c3c; } -.accent-danger .page-item.active a, -.accent-danger .page-item.active .page-link { - background-color: #dc3545; - border-color: #dc3545; +.dark-mode .accent-danger .page-item.active a, +.dark-mode .accent-danger .page-item.active .page-link { + background-color: #e74c3c; + border-color: #e74c3c; color: #fff; } -.accent-danger .page-item.disabled a, -.accent-danger .page-item.disabled .page-link { +.dark-mode .accent-danger .page-item.disabled a, +.dark-mode .accent-danger .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-danger .page-item .page-link:hover, .dark-mode.accent-danger .page-item .page-link:focus { - color: #e04b59; +.dark-mode .dark-mode.accent-danger .page-item .page-link:hover, .dark-mode .dark-mode.accent-danger .page-item .page-link:focus { + color: #ea6153; } -.accent-light .btn-link, -.accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { +.dark-mode .accent-light .btn-link, +.dark-mode .accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-light .nav-tabs .nav-link { color: #f8f9fa; } -.accent-light .btn-link:hover, -.accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { +.dark-mode .accent-light .btn-link:hover, +.dark-mode .accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-light .nav-tabs .nav-link:hover { color: #cbd3da; } -.accent-light .dropdown-item:active, .accent-light .dropdown-item.active { +.dark-mode .accent-light .dropdown-item:active, .dark-mode .accent-light .dropdown-item.active { background-color: #f8f9fa; color: #1f2d3d; } -.accent-light .custom-control-input:checked ~ .custom-control-label::before { +.dark-mode .accent-light .custom-control-input:checked ~ .custom-control-label::before { background-color: #f8f9fa; border-color: #bdc6d0; } -.accent-light .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-light .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-light .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-light .custom-select:focus, -.accent-light .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-light .custom-file-input:focus ~ .custom-file-label { +.dark-mode .accent-light .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-light .custom-select:focus, +.dark-mode .accent-light .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-light .custom-file-input:focus ~ .custom-file-label { border-color: white; } -.accent-light .page-item .page-link { +.dark-mode .accent-light .page-item .page-link { color: #f8f9fa; } -.accent-light .page-item.active a, -.accent-light .page-item.active .page-link { +.dark-mode .accent-light .page-item.active a, +.dark-mode .accent-light .page-item.active .page-link { background-color: #f8f9fa; border-color: #f8f9fa; color: #fff; } -.accent-light .page-item.disabled a, -.accent-light .page-item.disabled .page-link { +.dark-mode .accent-light .page-item.disabled a, +.dark-mode .accent-light .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-light .page-item .page-link:hover, .dark-mode.accent-light .page-item .page-link:focus { +.dark-mode .dark-mode.accent-light .page-item .page-link:hover, .dark-mode .dark-mode.accent-light .page-item .page-link:focus { color: white; } -.accent-dark .btn-link, -.accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { +.dark-mode .accent-dark .btn-link, +.dark-mode .accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-dark .nav-tabs .nav-link { color: #343a40; } -.accent-dark .btn-link:hover, -.accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { +.dark-mode .accent-dark .btn-link:hover, +.dark-mode .accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-dark .nav-tabs .nav-link:hover { color: #121416; } -.accent-dark .dropdown-item:active, .accent-dark .dropdown-item.active { +.dark-mode .accent-dark .dropdown-item:active, .dark-mode .accent-dark .dropdown-item.active { background-color: #343a40; color: #fff; } -.accent-dark .custom-control-input:checked ~ .custom-control-label::before { +.dark-mode .accent-dark .custom-control-input:checked ~ .custom-control-label::before { background-color: #343a40; border-color: #060708; } -.accent-dark .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-dark .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-dark .custom-select:focus, -.accent-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-dark .custom-file-input:focus ~ .custom-file-label { +.dark-mode .accent-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-dark .custom-select:focus, +.dark-mode .accent-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-dark .custom-file-input:focus ~ .custom-file-label { border-color: #6d7a86; } -.accent-dark .page-item .page-link { +.dark-mode .accent-dark .page-item .page-link { color: #343a40; } -.accent-dark .page-item.active a, -.accent-dark .page-item.active .page-link { +.dark-mode .accent-dark .page-item.active a, +.dark-mode .accent-dark .page-item.active .page-link { background-color: #343a40; border-color: #343a40; color: #fff; } -.accent-dark .page-item.disabled a, -.accent-dark .page-item.disabled .page-link { +.dark-mode .accent-dark .page-item.disabled a, +.dark-mode .accent-dark .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-dark .page-item .page-link:hover, .dark-mode.accent-dark .page-item .page-link:focus { +.dark-mode .dark-mode.accent-dark .page-item .page-link:hover, .dark-mode .dark-mode.accent-dark .page-item .page-link:focus { color: #3f474e; } -.accent-lightblue .btn-link, -.accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { - color: #3c8dbc; +.dark-mode [class*="accent-"] a.btn-primary { + color: #fff; } -.accent-lightblue .btn-link:hover, -.accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { - color: #296282; +.dark-mode [class*="accent-"] a.btn-secondary { + color: #fff; } -.accent-lightblue .dropdown-item:active, .accent-lightblue .dropdown-item.active { - background-color: #3c8dbc; +.dark-mode [class*="accent-"] a.btn-success { + color: #fff; +} + +.dark-mode [class*="accent-"] a.btn-info { + color: #fff; +} + +.dark-mode [class*="accent-"] a.btn-warning { + color: #1f2d3d; +} + +.dark-mode [class*="accent-"] a.btn-danger { + color: #fff; +} + +.dark-mode [class*="accent-"] a.btn-light { + color: #1f2d3d; +} + +.dark-mode [class*="accent-"] a.btn-dark { color: #fff; } -.accent-lightblue .custom-control-input:checked ~ .custom-control-label::before { - background-color: #3c8dbc; - border-color: #23536f; +.dark-mode .accent-lightblue .btn-link, +.dark-mode .accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-lightblue .nav-tabs .nav-link { + color: #86bad8; +} + +.dark-mode .accent-lightblue .btn-link:hover, +.dark-mode .accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-lightblue .nav-tabs .nav-link:hover { + color: #4c99c6; +} + +.dark-mode .accent-lightblue .dropdown-item:active, .dark-mode .accent-lightblue .dropdown-item.active { + background-color: #86bad8; + color: #1f2d3d; +} + +.dark-mode .accent-lightblue .custom-control-input:checked ~ .custom-control-label::before { + background-color: #86bad8; + border-color: #3c8dbc; } -.accent-lightblue .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +.dark-mode .accent-lightblue .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-lightblue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-lightblue .custom-select:focus, -.accent-lightblue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-lightblue .custom-file-input:focus ~ .custom-file-label { - border-color: #99c5de; +.dark-mode .accent-lightblue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-lightblue .custom-select:focus, +.dark-mode .accent-lightblue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-lightblue .custom-file-input:focus ~ .custom-file-label { + border-color: #e6f1f7; } -.accent-lightblue .page-item .page-link { - color: #3c8dbc; +.dark-mode .accent-lightblue .page-item .page-link { + color: #86bad8; } -.accent-lightblue .page-item.active a, -.accent-lightblue .page-item.active .page-link { - background-color: #3c8dbc; - border-color: #3c8dbc; +.dark-mode .accent-lightblue .page-item.active a, +.dark-mode .accent-lightblue .page-item.active .page-link { + background-color: #86bad8; + border-color: #86bad8; color: #fff; } -.accent-lightblue .page-item.disabled a, -.accent-lightblue .page-item.disabled .page-link { +.dark-mode .accent-lightblue .page-item.disabled a, +.dark-mode .accent-lightblue .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-lightblue .page-item .page-link:hover, .dark-mode.accent-lightblue .page-item .page-link:focus { - color: #4c99c6; +.dark-mode .dark-mode.accent-lightblue .page-item .page-link:hover, .dark-mode .dark-mode.accent-lightblue .page-item .page-link:focus { + color: #99c5de; } -.accent-navy .btn-link, -.accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { - color: #001f3f; +.dark-mode .accent-navy .btn-link, +.dark-mode .accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-navy .nav-tabs .nav-link { + color: #002c59; } -.accent-navy .btn-link:hover, -.accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { - color: black; +.dark-mode .accent-navy .btn-link:hover, +.dark-mode .accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-navy .nav-tabs .nav-link:hover { + color: #00060c; } -.accent-navy .dropdown-item:active, .accent-navy .dropdown-item.active { - background-color: #001f3f; +.dark-mode .accent-navy .dropdown-item:active, .dark-mode .accent-navy .dropdown-item.active { + background-color: #002c59; color: #fff; } -.accent-navy .custom-control-input:checked ~ .custom-control-label::before { - background-color: #001f3f; +.dark-mode .accent-navy .custom-control-input:checked ~ .custom-control-label::before { + background-color: #002c59; border-color: black; } -.accent-navy .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-navy .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-navy .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-navy .custom-select:focus, -.accent-navy .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-navy .custom-file-input:focus ~ .custom-file-label { - border-color: #005ebf; +.dark-mode .accent-navy .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-navy .custom-select:focus, +.dark-mode .accent-navy .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-navy .custom-file-input:focus ~ .custom-file-label { + border-color: #006ad8; } -.accent-navy .page-item .page-link { - color: #001f3f; +.dark-mode .accent-navy .page-item .page-link { + color: #002c59; } -.accent-navy .page-item.active a, -.accent-navy .page-item.active .page-link { - background-color: #001f3f; - border-color: #001f3f; +.dark-mode .accent-navy .page-item.active a, +.dark-mode .accent-navy .page-item.active .page-link { + background-color: #002c59; + border-color: #002c59; color: #fff; } -.accent-navy .page-item.disabled a, -.accent-navy .page-item.disabled .page-link { +.dark-mode .accent-navy .page-item.disabled a, +.dark-mode .accent-navy .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-navy .page-item .page-link:hover, .dark-mode.accent-navy .page-item .page-link:focus { - color: #002c59; +.dark-mode .dark-mode.accent-navy .page-item .page-link:hover, .dark-mode .dark-mode.accent-navy .page-item .page-link:focus { + color: #003872; } -.accent-olive .btn-link, -.accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { - color: #3d9970; +.dark-mode .accent-olive .btn-link, +.dark-mode .accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-olive .nav-tabs .nav-link { + color: #74c8a3; } -.accent-olive .btn-link:hover, -.accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { - color: #276248; +.dark-mode .accent-olive .btn-link:hover, +.dark-mode .accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-olive .nav-tabs .nav-link:hover { + color: #44ab7d; } -.accent-olive .dropdown-item:active, .accent-olive .dropdown-item.active { - background-color: #3d9970; - color: #fff; +.dark-mode .accent-olive .dropdown-item:active, .dark-mode .accent-olive .dropdown-item.active { + background-color: #74c8a3; + color: #1f2d3d; } -.accent-olive .custom-control-input:checked ~ .custom-control-label::before { - background-color: #3d9970; - border-color: #20503b; +.dark-mode .accent-olive .custom-control-input:checked ~ .custom-control-label::before { + background-color: #74c8a3; + border-color: #3d9970; } -.accent-olive .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +.dark-mode .accent-olive .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-olive .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-olive .custom-select:focus, -.accent-olive .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-olive .custom-file-input:focus ~ .custom-file-label { - border-color: #87cfaf; +.dark-mode .accent-olive .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-olive .custom-select:focus, +.dark-mode .accent-olive .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-olive .custom-file-input:focus ~ .custom-file-label { + border-color: #cfecdf; } -.accent-olive .page-item .page-link { - color: #3d9970; +.dark-mode .accent-olive .page-item .page-link { + color: #74c8a3; } -.accent-olive .page-item.active a, -.accent-olive .page-item.active .page-link { - background-color: #3d9970; - border-color: #3d9970; +.dark-mode .accent-olive .page-item.active a, +.dark-mode .accent-olive .page-item.active .page-link { + background-color: #74c8a3; + border-color: #74c8a3; color: #fff; } -.accent-olive .page-item.disabled a, -.accent-olive .page-item.disabled .page-link { +.dark-mode .accent-olive .page-item.disabled a, +.dark-mode .accent-olive .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-olive .page-item .page-link:hover, .dark-mode.accent-olive .page-item .page-link:focus { - color: #44ab7d; +.dark-mode .dark-mode.accent-olive .page-item .page-link:hover, .dark-mode .dark-mode.accent-olive .page-item .page-link:focus { + color: #87cfaf; } -.accent-lime .btn-link, -.accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { - color: #01ff70; +.dark-mode .accent-lime .btn-link, +.dark-mode .accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-lime .nav-tabs .nav-link { + color: #67ffa9; } -.accent-lime .btn-link:hover, -.accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { - color: #00b44e; +.dark-mode .accent-lime .btn-link:hover, +.dark-mode .accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-lime .nav-tabs .nav-link:hover { + color: #1bff7e; } -.accent-lime .dropdown-item:active, .accent-lime .dropdown-item.active { - background-color: #01ff70; +.dark-mode .accent-lime .dropdown-item:active, .dark-mode .accent-lime .dropdown-item.active { + background-color: #67ffa9; color: #1f2d3d; } -.accent-lime .custom-control-input:checked ~ .custom-control-label::before { - background-color: #01ff70; - border-color: #009a43; +.dark-mode .accent-lime .custom-control-input:checked ~ .custom-control-label::before { + background-color: #67ffa9; + border-color: #01ff70; } -.accent-lime .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-lime .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-lime .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-lime .custom-select:focus, -.accent-lime .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-lime .custom-file-input:focus ~ .custom-file-label { - border-color: #81ffb8; +.dark-mode .accent-lime .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-lime .custom-select:focus, +.dark-mode .accent-lime .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-lime .custom-file-input:focus ~ .custom-file-label { + border-color: #e7fff1; } -.accent-lime .page-item .page-link { - color: #01ff70; +.dark-mode .accent-lime .page-item .page-link { + color: #67ffa9; } -.accent-lime .page-item.active a, -.accent-lime .page-item.active .page-link { - background-color: #01ff70; - border-color: #01ff70; +.dark-mode .accent-lime .page-item.active a, +.dark-mode .accent-lime .page-item.active .page-link { + background-color: #67ffa9; + border-color: #67ffa9; color: #fff; } -.accent-lime .page-item.disabled a, -.accent-lime .page-item.disabled .page-link { +.dark-mode .accent-lime .page-item.disabled a, +.dark-mode .accent-lime .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-lime .page-item .page-link:hover, .dark-mode.accent-lime .page-item .page-link:focus { - color: #1bff7e; +.dark-mode .dark-mode.accent-lime .page-item .page-link:hover, .dark-mode .dark-mode.accent-lime .page-item .page-link:focus { + color: #81ffb8; } -.accent-fuchsia .btn-link, -.accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { - color: #f012be; +.dark-mode .accent-fuchsia .btn-link, +.dark-mode .accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-fuchsia .nav-tabs .nav-link { + color: #f672d8; } -.accent-fuchsia .btn-link:hover, -.accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { - color: #ab0b87; +.dark-mode .accent-fuchsia .btn-link:hover, +.dark-mode .accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-fuchsia .nav-tabs .nav-link:hover { + color: #f22ac5; } -.accent-fuchsia .dropdown-item:active, .accent-fuchsia .dropdown-item.active { - background-color: #f012be; - color: #fff; +.dark-mode .accent-fuchsia .dropdown-item:active, .dark-mode .accent-fuchsia .dropdown-item.active { + background-color: #f672d8; + color: #1f2d3d; } -.accent-fuchsia .custom-control-input:checked ~ .custom-control-label::before { - background-color: #f012be; - border-color: #930974; +.dark-mode .accent-fuchsia .custom-control-input:checked ~ .custom-control-label::before { + background-color: #f672d8; + border-color: #f012be; } -.accent-fuchsia .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +.dark-mode .accent-fuchsia .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-fuchsia .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-fuchsia .custom-select:focus, -.accent-fuchsia .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-fuchsia .custom-file-input:focus ~ .custom-file-label { - border-color: #f88adf; +.dark-mode .accent-fuchsia .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-fuchsia .custom-select:focus, +.dark-mode .accent-fuchsia .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-fuchsia .custom-file-input:focus ~ .custom-file-label { + border-color: #feeaf9; } -.accent-fuchsia .page-item .page-link { - color: #f012be; +.dark-mode .accent-fuchsia .page-item .page-link { + color: #f672d8; } -.accent-fuchsia .page-item.active a, -.accent-fuchsia .page-item.active .page-link { - background-color: #f012be; - border-color: #f012be; +.dark-mode .accent-fuchsia .page-item.active a, +.dark-mode .accent-fuchsia .page-item.active .page-link { + background-color: #f672d8; + border-color: #f672d8; color: #fff; } -.accent-fuchsia .page-item.disabled a, -.accent-fuchsia .page-item.disabled .page-link { +.dark-mode .accent-fuchsia .page-item.disabled a, +.dark-mode .accent-fuchsia .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-fuchsia .page-item .page-link:hover, .dark-mode.accent-fuchsia .page-item .page-link:focus { - color: #f22ac5; +.dark-mode .dark-mode.accent-fuchsia .page-item .page-link:hover, .dark-mode .dark-mode.accent-fuchsia .page-item .page-link:focus { + color: #f88adf; } -.accent-maroon .btn-link, -.accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { - color: #d81b60; +.dark-mode .accent-maroon .btn-link, +.dark-mode .accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-maroon .nav-tabs .nav-link { + color: #ed6c9b; } -.accent-maroon .btn-link:hover, -.accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { - color: #941342; +.dark-mode .accent-maroon .btn-link:hover, +.dark-mode .accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-maroon .nav-tabs .nav-link:hover { + color: #e4286d; } -.accent-maroon .dropdown-item:active, .accent-maroon .dropdown-item.active { - background-color: #d81b60; - color: #fff; +.dark-mode .accent-maroon .dropdown-item:active, .dark-mode .accent-maroon .dropdown-item.active { + background-color: #ed6c9b; + color: #1f2d3d; } -.accent-maroon .custom-control-input:checked ~ .custom-control-label::before { - background-color: #d81b60; - border-color: #7d1038; +.dark-mode .accent-maroon .custom-control-input:checked ~ .custom-control-label::before { + background-color: #ed6c9b; + border-color: #d81b60; } -.accent-maroon .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +.dark-mode .accent-maroon .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-maroon .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-maroon .custom-select:focus, -.accent-maroon .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-maroon .custom-file-input:focus ~ .custom-file-label { - border-color: #f083ab; +.dark-mode .accent-maroon .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-maroon .custom-select:focus, +.dark-mode .accent-maroon .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-maroon .custom-file-input:focus ~ .custom-file-label { + border-color: #fbdee8; } -.accent-maroon .page-item .page-link { - color: #d81b60; +.dark-mode .accent-maroon .page-item .page-link { + color: #ed6c9b; } -.accent-maroon .page-item.active a, -.accent-maroon .page-item.active .page-link { - background-color: #d81b60; - border-color: #d81b60; +.dark-mode .accent-maroon .page-item.active a, +.dark-mode .accent-maroon .page-item.active .page-link { + background-color: #ed6c9b; + border-color: #ed6c9b; color: #fff; } -.accent-maroon .page-item.disabled a, -.accent-maroon .page-item.disabled .page-link { +.dark-mode .accent-maroon .page-item.disabled a, +.dark-mode .accent-maroon .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-maroon .page-item .page-link:hover, .dark-mode.accent-maroon .page-item .page-link:focus { - color: #e4286d; +.dark-mode .dark-mode.accent-maroon .page-item .page-link:hover, .dark-mode .dark-mode.accent-maroon .page-item .page-link:focus { + color: #f083ab; } -.accent-blue .btn-link, -.accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { - color: #007bff; +.dark-mode .accent-blue .btn-link, +.dark-mode .accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-blue .nav-tabs .nav-link { + color: #3f6791; } -.accent-blue .btn-link:hover, -.accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { - color: #0056b3; +.dark-mode .accent-blue .btn-link:hover, +.dark-mode .accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-blue .nav-tabs .nav-link:hover { + color: #28415c; } -.accent-blue .dropdown-item:active, .accent-blue .dropdown-item.active { - background-color: #007bff; +.dark-mode .accent-blue .dropdown-item:active, .dark-mode .accent-blue .dropdown-item.active { + background-color: #3f6791; color: #fff; } -.accent-blue .custom-control-input:checked ~ .custom-control-label::before { - background-color: #007bff; - border-color: #004a99; +.dark-mode .accent-blue .custom-control-input:checked ~ .custom-control-label::before { + background-color: #3f6791; + border-color: #20344a; } -.accent-blue .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-blue .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-blue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-blue .custom-select:focus, -.accent-blue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-blue .custom-file-input:focus ~ .custom-file-label { - border-color: #80bdff; +.dark-mode .accent-blue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-blue .custom-select:focus, +.dark-mode .accent-blue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-blue .custom-file-input:focus ~ .custom-file-label { + border-color: #85a7ca; } -.accent-blue .page-item .page-link { - color: #007bff; +.dark-mode .accent-blue .page-item .page-link { + color: #3f6791; } -.accent-blue .page-item.active a, -.accent-blue .page-item.active .page-link { - background-color: #007bff; - border-color: #007bff; +.dark-mode .accent-blue .page-item.active a, +.dark-mode .accent-blue .page-item.active .page-link { + background-color: #3f6791; + border-color: #3f6791; color: #fff; } -.accent-blue .page-item.disabled a, -.accent-blue .page-item.disabled .page-link { +.dark-mode .accent-blue .page-item.disabled a, +.dark-mode .accent-blue .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-blue .page-item .page-link:hover, .dark-mode.accent-blue .page-item .page-link:focus { - color: #1a88ff; +.dark-mode .dark-mode.accent-blue .page-item .page-link:hover, .dark-mode .dark-mode.accent-blue .page-item .page-link:focus { + color: #4774a3; } -.accent-indigo .btn-link, -.accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { +.dark-mode .accent-indigo .btn-link, +.dark-mode .accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-indigo .nav-tabs .nav-link { color: #6610f2; } -.accent-indigo .btn-link:hover, -.accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { +.dark-mode .accent-indigo .btn-link:hover, +.dark-mode .accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-indigo .nav-tabs .nav-link:hover { color: #4709ac; } -.accent-indigo .dropdown-item:active, .accent-indigo .dropdown-item.active { +.dark-mode .accent-indigo .dropdown-item:active, .dark-mode .accent-indigo .dropdown-item.active { background-color: #6610f2; color: #fff; } -.accent-indigo .custom-control-input:checked ~ .custom-control-label::before { +.dark-mode .accent-indigo .custom-control-input:checked ~ .custom-control-label::before { background-color: #6610f2; border-color: #3d0894; } -.accent-indigo .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-indigo .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-indigo .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-indigo .custom-select:focus, -.accent-indigo .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-indigo .custom-file-input:focus ~ .custom-file-label { +.dark-mode .accent-indigo .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-indigo .custom-select:focus, +.dark-mode .accent-indigo .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-indigo .custom-file-input:focus ~ .custom-file-label { border-color: #b389f9; } -.accent-indigo .page-item .page-link { +.dark-mode .accent-indigo .page-item .page-link { color: #6610f2; } -.accent-indigo .page-item.active a, -.accent-indigo .page-item.active .page-link { +.dark-mode .accent-indigo .page-item.active a, +.dark-mode .accent-indigo .page-item.active .page-link { background-color: #6610f2; border-color: #6610f2; color: #fff; } -.accent-indigo .page-item.disabled a, -.accent-indigo .page-item.disabled .page-link { +.dark-mode .accent-indigo .page-item.disabled a, +.dark-mode .accent-indigo .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-indigo .page-item .page-link:hover, .dark-mode.accent-indigo .page-item .page-link:focus { +.dark-mode .dark-mode.accent-indigo .page-item .page-link:hover, .dark-mode .dark-mode.accent-indigo .page-item .page-link:focus { color: #7528f3; } -.accent-purple .btn-link, -.accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { +.dark-mode .accent-purple .btn-link, +.dark-mode .accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-purple .nav-tabs .nav-link { color: #6f42c1; } -.accent-purple .btn-link:hover, -.accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { +.dark-mode .accent-purple .btn-link:hover, +.dark-mode .accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-purple .nav-tabs .nav-link:hover { color: #4e2d89; } -.accent-purple .dropdown-item:active, .accent-purple .dropdown-item.active { +.dark-mode .accent-purple .dropdown-item:active, .dark-mode .accent-purple .dropdown-item.active { background-color: #6f42c1; color: #fff; } -.accent-purple .custom-control-input:checked ~ .custom-control-label::before { +.dark-mode .accent-purple .custom-control-input:checked ~ .custom-control-label::before { background-color: #6f42c1; border-color: #432776; } -.accent-purple .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-purple .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-purple .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-purple .custom-select:focus, -.accent-purple .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-purple .custom-file-input:focus ~ .custom-file-label { +.dark-mode .accent-purple .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-purple .custom-select:focus, +.dark-mode .accent-purple .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-purple .custom-file-input:focus ~ .custom-file-label { border-color: #b8a2e0; } -.accent-purple .page-item .page-link { +.dark-mode .accent-purple .page-item .page-link { color: #6f42c1; } -.accent-purple .page-item.active a, -.accent-purple .page-item.active .page-link { +.dark-mode .accent-purple .page-item.active a, +.dark-mode .accent-purple .page-item.active .page-link { background-color: #6f42c1; border-color: #6f42c1; color: #fff; } -.accent-purple .page-item.disabled a, -.accent-purple .page-item.disabled .page-link { +.dark-mode .accent-purple .page-item.disabled a, +.dark-mode .accent-purple .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-purple .page-item .page-link:hover, .dark-mode.accent-purple .page-item .page-link:focus { +.dark-mode .dark-mode.accent-purple .page-item .page-link:hover, .dark-mode .dark-mode.accent-purple .page-item .page-link:focus { color: #7e55c7; } -.accent-pink .btn-link, -.accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { +.dark-mode .accent-pink .btn-link, +.dark-mode .accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-pink .nav-tabs .nav-link { color: #e83e8c; } -.accent-pink .btn-link:hover, -.accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { +.dark-mode .accent-pink .btn-link:hover, +.dark-mode .accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-pink .nav-tabs .nav-link:hover { color: #c21766; } -.accent-pink .dropdown-item:active, .accent-pink .dropdown-item.active { +.dark-mode .accent-pink .dropdown-item:active, .dark-mode .accent-pink .dropdown-item.active { background-color: #e83e8c; color: #fff; } -.accent-pink .custom-control-input:checked ~ .custom-control-label::before { +.dark-mode .accent-pink .custom-control-input:checked ~ .custom-control-label::before { background-color: #e83e8c; border-color: #ac145a; } -.accent-pink .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-pink .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-pink .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-pink .custom-select:focus, -.accent-pink .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-pink .custom-file-input:focus ~ .custom-file-label { +.dark-mode .accent-pink .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-pink .custom-select:focus, +.dark-mode .accent-pink .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-pink .custom-file-input:focus ~ .custom-file-label { border-color: #f6b0d0; } -.accent-pink .page-item .page-link { +.dark-mode .accent-pink .page-item .page-link { color: #e83e8c; } -.accent-pink .page-item.active a, -.accent-pink .page-item.active .page-link { +.dark-mode .accent-pink .page-item.active a, +.dark-mode .accent-pink .page-item.active .page-link { background-color: #e83e8c; border-color: #e83e8c; color: #fff; } -.accent-pink .page-item.disabled a, -.accent-pink .page-item.disabled .page-link { +.dark-mode .accent-pink .page-item.disabled a, +.dark-mode .accent-pink .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-pink .page-item .page-link:hover, .dark-mode.accent-pink .page-item .page-link:focus { +.dark-mode .dark-mode.accent-pink .page-item .page-link:hover, .dark-mode .dark-mode.accent-pink .page-item .page-link:focus { color: #eb559a; } -.accent-red .btn-link, -.accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { - color: #dc3545; +.dark-mode .accent-red .btn-link, +.dark-mode .accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-red .nav-tabs .nav-link { + color: #e74c3c; } -.accent-red .btn-link:hover, -.accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { - color: #a71d2a; +.dark-mode .accent-red .btn-link:hover, +.dark-mode .accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-red .nav-tabs .nav-link:hover { + color: #bf2718; } -.accent-red .dropdown-item:active, .accent-red .dropdown-item.active { - background-color: #dc3545; +.dark-mode .accent-red .dropdown-item:active, .dark-mode .accent-red .dropdown-item.active { + background-color: #e74c3c; color: #fff; } -.accent-red .custom-control-input:checked ~ .custom-control-label::before { - background-color: #dc3545; - border-color: #921925; +.dark-mode .accent-red .custom-control-input:checked ~ .custom-control-label::before { + background-color: #e74c3c; + border-color: #a82315; } -.accent-red .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-red .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-red .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-red .custom-select:focus, -.accent-red .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-red .custom-file-input:focus ~ .custom-file-label { - border-color: #efa2a9; +.dark-mode .accent-red .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-red .custom-select:focus, +.dark-mode .accent-red .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-red .custom-file-input:focus ~ .custom-file-label { + border-color: #f5b4ae; } -.accent-red .page-item .page-link { - color: #dc3545; +.dark-mode .accent-red .page-item .page-link { + color: #e74c3c; } -.accent-red .page-item.active a, -.accent-red .page-item.active .page-link { - background-color: #dc3545; - border-color: #dc3545; +.dark-mode .accent-red .page-item.active a, +.dark-mode .accent-red .page-item.active .page-link { + background-color: #e74c3c; + border-color: #e74c3c; color: #fff; } -.accent-red .page-item.disabled a, -.accent-red .page-item.disabled .page-link { +.dark-mode .accent-red .page-item.disabled a, +.dark-mode .accent-red .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-red .page-item .page-link:hover, .dark-mode.accent-red .page-item .page-link:focus { - color: #e04b59; +.dark-mode .dark-mode.accent-red .page-item .page-link:hover, .dark-mode .dark-mode.accent-red .page-item .page-link:focus { + color: #ea6153; } -.accent-orange .btn-link, -.accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { +.dark-mode .accent-orange .btn-link, +.dark-mode .accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-orange .nav-tabs .nav-link { color: #fd7e14; } -.accent-orange .btn-link:hover, -.accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { +.dark-mode .accent-orange .btn-link:hover, +.dark-mode .accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-orange .nav-tabs .nav-link:hover { color: #c35a02; } -.accent-orange .dropdown-item:active, .accent-orange .dropdown-item.active { +.dark-mode .accent-orange .dropdown-item:active, .dark-mode .accent-orange .dropdown-item.active { background-color: #fd7e14; color: #1f2d3d; } -.accent-orange .custom-control-input:checked ~ .custom-control-label::before { +.dark-mode .accent-orange .custom-control-input:checked ~ .custom-control-label::before { background-color: #fd7e14; border-color: #aa4e01; } -.accent-orange .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-orange .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-orange .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-orange .custom-select:focus, -.accent-orange .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-orange .custom-file-input:focus ~ .custom-file-label { +.dark-mode .accent-orange .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-orange .custom-select:focus, +.dark-mode .accent-orange .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-orange .custom-file-input:focus ~ .custom-file-label { border-color: #fec392; } -.accent-orange .page-item .page-link { +.dark-mode .accent-orange .page-item .page-link { color: #fd7e14; } -.accent-orange .page-item.active a, -.accent-orange .page-item.active .page-link { +.dark-mode .accent-orange .page-item.active a, +.dark-mode .accent-orange .page-item.active .page-link { background-color: #fd7e14; border-color: #fd7e14; color: #fff; } -.accent-orange .page-item.disabled a, -.accent-orange .page-item.disabled .page-link { +.dark-mode .accent-orange .page-item.disabled a, +.dark-mode .accent-orange .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-orange .page-item .page-link:hover, .dark-mode.accent-orange .page-item .page-link:focus { +.dark-mode .dark-mode.accent-orange .page-item .page-link:hover, .dark-mode .dark-mode.accent-orange .page-item .page-link:focus { color: #fd8c2d; } -.accent-yellow .btn-link, -.accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { - color: #ffc107; +.dark-mode .accent-yellow .btn-link, +.dark-mode .accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-yellow .nav-tabs .nav-link { + color: #f39c12; } -.accent-yellow .btn-link:hover, -.accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { - color: #ba8b00; +.dark-mode .accent-yellow .btn-link:hover, +.dark-mode .accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-yellow .nav-tabs .nav-link:hover { + color: #b06f09; } -.accent-yellow .dropdown-item:active, .accent-yellow .dropdown-item.active { - background-color: #ffc107; +.dark-mode .accent-yellow .dropdown-item:active, .dark-mode .accent-yellow .dropdown-item.active { + background-color: #f39c12; color: #1f2d3d; } -.accent-yellow .custom-control-input:checked ~ .custom-control-label::before { - background-color: #ffc107; - border-color: #a07800; +.dark-mode .accent-yellow .custom-control-input:checked ~ .custom-control-label::before { + background-color: #f39c12; + border-color: #976008; } -.accent-yellow .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-yellow .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-yellow .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-yellow .custom-select:focus, -.accent-yellow .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-yellow .custom-file-input:focus ~ .custom-file-label { - border-color: #ffe187; +.dark-mode .accent-yellow .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-yellow .custom-select:focus, +.dark-mode .accent-yellow .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-yellow .custom-file-input:focus ~ .custom-file-label { + border-color: #f9cf8b; } -.accent-yellow .page-item .page-link { - color: #ffc107; +.dark-mode .accent-yellow .page-item .page-link { + color: #f39c12; } -.accent-yellow .page-item.active a, -.accent-yellow .page-item.active .page-link { - background-color: #ffc107; - border-color: #ffc107; +.dark-mode .accent-yellow .page-item.active a, +.dark-mode .accent-yellow .page-item.active .page-link { + background-color: #f39c12; + border-color: #f39c12; color: #fff; } -.accent-yellow .page-item.disabled a, -.accent-yellow .page-item.disabled .page-link { +.dark-mode .accent-yellow .page-item.disabled a, +.dark-mode .accent-yellow .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-yellow .page-item .page-link:hover, .dark-mode.accent-yellow .page-item .page-link:focus { - color: #ffc721; +.dark-mode .dark-mode.accent-yellow .page-item .page-link:hover, .dark-mode .dark-mode.accent-yellow .page-item .page-link:focus { + color: #f4a62a; } -.accent-green .btn-link, -.accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { - color: #28a745; +.dark-mode .accent-green .btn-link, +.dark-mode .accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-green .nav-tabs .nav-link { + color: #00bc8c; } -.accent-green .btn-link:hover, -.accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { - color: #19692c; +.dark-mode .accent-green .btn-link:hover, +.dark-mode .accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-green .nav-tabs .nav-link:hover { + color: #007053; } -.accent-green .dropdown-item:active, .accent-green .dropdown-item.active { - background-color: #28a745; +.dark-mode .accent-green .dropdown-item:active, .dark-mode .accent-green .dropdown-item.active { + background-color: #00bc8c; color: #fff; } -.accent-green .custom-control-input:checked ~ .custom-control-label::before { - background-color: #28a745; - border-color: #145523; +.dark-mode .accent-green .custom-control-input:checked ~ .custom-control-label::before { + background-color: #00bc8c; + border-color: #005640; } -.accent-green .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-green .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-green .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-green .custom-select:focus, -.accent-green .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-green .custom-file-input:focus ~ .custom-file-label { - border-color: #71dd8a; +.dark-mode .accent-green .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-green .custom-select:focus, +.dark-mode .accent-green .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-green .custom-file-input:focus ~ .custom-file-label { + border-color: #3dffcd; } -.accent-green .page-item .page-link { - color: #28a745; +.dark-mode .accent-green .page-item .page-link { + color: #00bc8c; } -.accent-green .page-item.active a, -.accent-green .page-item.active .page-link { - background-color: #28a745; - border-color: #28a745; +.dark-mode .accent-green .page-item.active a, +.dark-mode .accent-green .page-item.active .page-link { + background-color: #00bc8c; + border-color: #00bc8c; color: #fff; } -.accent-green .page-item.disabled a, -.accent-green .page-item.disabled .page-link { +.dark-mode .accent-green .page-item.disabled a, +.dark-mode .accent-green .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-green .page-item .page-link:hover, .dark-mode.accent-green .page-item .page-link:focus { - color: #2dbc4e; +.dark-mode .dark-mode.accent-green .page-item .page-link:hover, .dark-mode .dark-mode.accent-green .page-item .page-link:focus { + color: #00d69f; } -.accent-teal .btn-link, -.accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { +.dark-mode .accent-teal .btn-link, +.dark-mode .accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-teal .nav-tabs .nav-link { color: #20c997; } -.accent-teal .btn-link:hover, -.accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { +.dark-mode .accent-teal .btn-link:hover, +.dark-mode .accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-teal .nav-tabs .nav-link:hover { color: #158765; } -.accent-teal .dropdown-item:active, .accent-teal .dropdown-item.active { +.dark-mode .accent-teal .dropdown-item:active, .dark-mode .accent-teal .dropdown-item.active { background-color: #20c997; color: #fff; } -.accent-teal .custom-control-input:checked ~ .custom-control-label::before { +.dark-mode .accent-teal .custom-control-input:checked ~ .custom-control-label::before { background-color: #20c997; border-color: #127155; } -.accent-teal .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-teal .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-teal .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-teal .custom-select:focus, -.accent-teal .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-teal .custom-file-input:focus ~ .custom-file-label { +.dark-mode .accent-teal .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-teal .custom-select:focus, +.dark-mode .accent-teal .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-teal .custom-file-input:focus ~ .custom-file-label { border-color: #7eeaca; } -.accent-teal .page-item .page-link { +.dark-mode .accent-teal .page-item .page-link { color: #20c997; } -.accent-teal .page-item.active a, -.accent-teal .page-item.active .page-link { +.dark-mode .accent-teal .page-item.active a, +.dark-mode .accent-teal .page-item.active .page-link { background-color: #20c997; border-color: #20c997; color: #fff; } -.accent-teal .page-item.disabled a, -.accent-teal .page-item.disabled .page-link { +.dark-mode .accent-teal .page-item.disabled a, +.dark-mode .accent-teal .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-teal .page-item .page-link:hover, .dark-mode.accent-teal .page-item .page-link:focus { +.dark-mode .dark-mode.accent-teal .page-item .page-link:hover, .dark-mode .dark-mode.accent-teal .page-item .page-link:focus { color: #26dca6; } -.accent-cyan .btn-link, -.accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { - color: #266c77; +.dark-mode .accent-cyan .btn-link, +.dark-mode .accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-cyan .nav-tabs .nav-link { + color: #3498db; } -.accent-cyan .btn-link:hover, -.accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { - color: #13373d; +.dark-mode .accent-cyan .btn-link:hover, +.dark-mode .accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-cyan .nav-tabs .nav-link:hover { + color: #1d6fa5; } -.accent-cyan .dropdown-item:active, .accent-cyan .dropdown-item.active { - background-color: #266c77; +.dark-mode .accent-cyan .dropdown-item:active, .dark-mode .accent-cyan .dropdown-item.active { + background-color: #3498db; color: #fff; } -.accent-cyan .custom-control-input:checked ~ .custom-control-label::before { - background-color: #266c77; - border-color: #0d262a; +.dark-mode .accent-cyan .custom-control-input:checked ~ .custom-control-label::before { + background-color: #3498db; + border-color: #196090; } -.accent-cyan .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-cyan .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-cyan .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-cyan .custom-select:focus, -.accent-cyan .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-cyan .custom-file-input:focus ~ .custom-file-label { - border-color: #54b9c8; +.dark-mode .accent-cyan .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-cyan .custom-select:focus, +.dark-mode .accent-cyan .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-cyan .custom-file-input:focus ~ .custom-file-label { + border-color: #a0cfee; } -.accent-cyan .page-item .page-link { - color: #266c77; +.dark-mode .accent-cyan .page-item .page-link { + color: #3498db; } -.accent-cyan .page-item.active a, -.accent-cyan .page-item.active .page-link { - background-color: #266c77; - border-color: #266c77; +.dark-mode .accent-cyan .page-item.active a, +.dark-mode .accent-cyan .page-item.active .page-link { + background-color: #3498db; + border-color: #3498db; color: #fff; } -.accent-cyan .page-item.disabled a, -.accent-cyan .page-item.disabled .page-link { +.dark-mode .accent-cyan .page-item.disabled a, +.dark-mode .accent-cyan .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-cyan .page-item .page-link:hover, .dark-mode.accent-cyan .page-item .page-link:focus { - color: #2c7e8a; +.dark-mode .dark-mode.accent-cyan .page-item .page-link:hover, .dark-mode .dark-mode.accent-cyan .page-item .page-link:focus { + color: #4aa3df; } -.accent-white .btn-link, -.accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { +.dark-mode .accent-white .btn-link, +.dark-mode .accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-white .nav-tabs .nav-link { color: #fff; } -.accent-white .btn-link:hover, -.accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { +.dark-mode .accent-white .btn-link:hover, +.dark-mode .accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-white .nav-tabs .nav-link:hover { color: #d9d9d9; } -.accent-white .dropdown-item:active, .accent-white .dropdown-item.active { +.dark-mode .accent-white .dropdown-item:active, .dark-mode .accent-white .dropdown-item.active { background-color: #fff; color: #1f2d3d; } -.accent-white .custom-control-input:checked ~ .custom-control-label::before { +.dark-mode .accent-white .custom-control-input:checked ~ .custom-control-label::before { background-color: #fff; border-color: #cccccc; } -.accent-white .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-white .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-white .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-white .custom-select:focus, -.accent-white .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-white .custom-file-input:focus ~ .custom-file-label { +.dark-mode .accent-white .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-white .custom-select:focus, +.dark-mode .accent-white .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-white .custom-file-input:focus ~ .custom-file-label { border-color: white; } -.accent-white .page-item .page-link { +.dark-mode .accent-white .page-item .page-link { color: #fff; } -.accent-white .page-item.active a, -.accent-white .page-item.active .page-link { +.dark-mode .accent-white .page-item.active a, +.dark-mode .accent-white .page-item.active .page-link { background-color: #fff; border-color: #fff; color: #fff; } -.accent-white .page-item.disabled a, -.accent-white .page-item.disabled .page-link { +.dark-mode .accent-white .page-item.disabled a, +.dark-mode .accent-white .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-white .page-item .page-link:hover, .dark-mode.accent-white .page-item .page-link:focus { +.dark-mode .dark-mode.accent-white .page-item .page-link:hover, .dark-mode .dark-mode.accent-white .page-item .page-link:focus { color: white; } -.accent-gray .btn-link, -.accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { +.dark-mode .accent-gray .btn-link, +.dark-mode .accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-gray .nav-tabs .nav-link { color: #6c757d; } -.accent-gray .btn-link:hover, -.accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { +.dark-mode .accent-gray .btn-link:hover, +.dark-mode .accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-gray .nav-tabs .nav-link:hover { color: #494f54; } -.accent-gray .dropdown-item:active, .accent-gray .dropdown-item.active { +.dark-mode .accent-gray .dropdown-item:active, .dark-mode .accent-gray .dropdown-item.active { background-color: #6c757d; color: #fff; } -.accent-gray .custom-control-input:checked ~ .custom-control-label::before { +.dark-mode .accent-gray .custom-control-input:checked ~ .custom-control-label::before { background-color: #6c757d; border-color: #3d4246; } -.accent-gray .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-gray .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-gray .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-gray .custom-select:focus, -.accent-gray .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-gray .custom-file-input:focus ~ .custom-file-label { +.dark-mode .accent-gray .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-gray .custom-select:focus, +.dark-mode .accent-gray .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-gray .custom-file-input:focus ~ .custom-file-label { border-color: #afb5ba; } -.accent-gray .page-item .page-link { +.dark-mode .accent-gray .page-item .page-link { color: #6c757d; } -.accent-gray .page-item.active a, -.accent-gray .page-item.active .page-link { +.dark-mode .accent-gray .page-item.active a, +.dark-mode .accent-gray .page-item.active .page-link { background-color: #6c757d; border-color: #6c757d; color: #fff; } -.accent-gray .page-item.disabled a, -.accent-gray .page-item.disabled .page-link { +.dark-mode .accent-gray .page-item.disabled a, +.dark-mode .accent-gray .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-gray .page-item .page-link:hover, .dark-mode.accent-gray .page-item .page-link:focus { +.dark-mode .dark-mode.accent-gray .page-item .page-link:hover, .dark-mode .dark-mode.accent-gray .page-item .page-link:focus { color: #78828a; } -.accent-gray-dark .btn-link, -.accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { +.dark-mode .accent-gray-dark .btn-link, +.dark-mode .accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn), +.dark-mode .accent-gray-dark .nav-tabs .nav-link { color: #343a40; } -.accent-gray-dark .btn-link:hover, -.accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { +.dark-mode .accent-gray-dark .btn-link:hover, +.dark-mode .accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover, +.dark-mode .accent-gray-dark .nav-tabs .nav-link:hover { color: #121416; } -.accent-gray-dark .dropdown-item:active, .accent-gray-dark .dropdown-item.active { +.dark-mode .accent-gray-dark .dropdown-item:active, .dark-mode .accent-gray-dark .dropdown-item.active { background-color: #343a40; color: #fff; } -.accent-gray-dark .custom-control-input:checked ~ .custom-control-label::before { +.dark-mode .accent-gray-dark .custom-control-input:checked ~ .custom-control-label::before { background-color: #343a40; border-color: #060708; } -.accent-gray-dark .custom-control-input:checked ~ .custom-control-label::after { +.dark-mode .accent-gray-dark .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.accent-gray-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), -.accent-gray-dark .custom-select:focus, -.accent-gray-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, -.accent-gray-dark .custom-file-input:focus ~ .custom-file-label { +.dark-mode .accent-gray-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.dark-mode .accent-gray-dark .custom-select:focus, +.dark-mode .accent-gray-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.dark-mode .accent-gray-dark .custom-file-input:focus ~ .custom-file-label { border-color: #6d7a86; } -.accent-gray-dark .page-item .page-link { +.dark-mode .accent-gray-dark .page-item .page-link { color: #343a40; } -.accent-gray-dark .page-item.active a, -.accent-gray-dark .page-item.active .page-link { +.dark-mode .accent-gray-dark .page-item.active a, +.dark-mode .accent-gray-dark .page-item.active .page-link { background-color: #343a40; border-color: #343a40; color: #fff; } -.accent-gray-dark .page-item.disabled a, -.accent-gray-dark .page-item.disabled .page-link { +.dark-mode .accent-gray-dark .page-item.disabled a, +.dark-mode .accent-gray-dark .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; } -.accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #c2c7d0; } -.accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #fff; } -.accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { +.dark-mode .accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { color: #343a40; } -.accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { +.dark-mode .accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { color: #212529; } -.dark-mode.accent-gray-dark .page-item .page-link:hover, .dark-mode.accent-gray-dark .page-item .page-link:focus { +.dark-mode .dark-mode.accent-gray-dark .page-item .page-link:hover, .dark-mode .dark-mode.accent-gray-dark .page-item .page-link:focus { color: #3f474e; } -[class*="accent-"] a.btn-primary { - color: #fff; -} - -[class*="accent-"] a.btn-secondary { - color: #fff; -} - -[class*="accent-"] a.btn-success { - color: #fff; -} - -[class*="accent-"] a.btn-info { - color: #fff; -} - -[class*="accent-"] a.btn-warning { - color: #1f2d3d; -} - -[class*="accent-"] a.btn-danger { - color: #fff; -} - -[class*="accent-"] a.btn-light { - color: #1f2d3d; -} - -[class*="accent-"] a.btn-dark { - color: #fff; -} - -.dark-mode .bg-light { - background-color: #454d55 !important; - color: #fff !important; -} - -.dark-mode .text-black, -.dark-mode .text-dark, -.dark-mode .link-black, -.dark-mode .link-dark { - color: #ced4da; +.dark-mode .border-dark { + border-color: #4b545c !important; } /*# sourceMappingURL=adminlte.css.map */ \ No newline at end of file diff --git a/www/assets/css/app.css b/www/assets/css/app.css index 64a197220..c3ca89f2f 100644 --- a/www/assets/css/app.css +++ b/www/assets/css/app.css @@ -1,8 +1,8 @@ body { - font-family: "Roboto", "Helvetica Neue"; + font-family: "Segoe UI","Roboto", "Helvetica Neue"; background-color: #FaFaFa; } - + .brand-logo { width: 115px; height: 45px; @@ -10,7 +10,7 @@ body { background: url(/assets/images/logo.png) no-repeat; background-size: cover; } - + .logo-lg { font-family: "Georgia"; color: #00c0ef; @@ -20,13 +20,13 @@ body { .ctable { color:#000; background-color: #fff; - font-family: "Arial"; + font-family:"Segoe UI","Arial"; } .dark-mode .ctable { color:#fff; background-color: #454d55; - font-family: "Arial"; + font-family: "Segoe UI","Arial"; } @@ -127,7 +127,7 @@ body { font-size:smaller ; } table { - font-family: "Arial" + font-family:"Segoe UI","Arial" } .toast-header { @@ -135,8 +135,8 @@ table { } input[type=date] { - width:150px !important; + width:170px !important; } input[type=time] { - width:100px !important; + width:120px !important; } \ No newline at end of file diff --git a/www/assets/css/fontawesome-all.css b/www/assets/css/fontawesome-all.css new file mode 100644 index 000000000..8ebd25ff0 --- /dev/null +++ b/www/assets/css/fontawesome-all.css @@ -0,0 +1,4556 @@ +/*! + * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ +.fa, +.fas, +.far, +.fal, +.fad, +.fab { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; } + +.fa-lg { + font-size: 1.33333em; + line-height: 0.75em; + vertical-align: -.0667em; } + +.fa-xs { + font-size: .75em; } + +.fa-sm { + font-size: .875em; } + +.fa-1x { + font-size: 1em; } + +.fa-2x { + font-size: 2em; } + +.fa-3x { + font-size: 3em; } + +.fa-4x { + font-size: 4em; } + +.fa-5x { + font-size: 5em; } + +.fa-6x { + font-size: 6em; } + +.fa-7x { + font-size: 7em; } + +.fa-8x { + font-size: 8em; } + +.fa-9x { + font-size: 9em; } + +.fa-10x { + font-size: 10em; } + +.fa-fw { + text-align: center; + width: 1.25em; } + +.fa-ul { + list-style-type: none; + margin-left: 2.5em; + padding-left: 0; } + .fa-ul > li { + position: relative; } + +.fa-li { + left: -2em; + position: absolute; + text-align: center; + width: 2em; + line-height: inherit; } + +.fa-border { + border: solid 0.08em #eee; + border-radius: .1em; + padding: .2em .25em .15em; } + +.fa-pull-left { + float: left; } + +.fa-pull-right { + float: right; } + +.fa.fa-pull-left, +.fas.fa-pull-left, +.far.fa-pull-left, +.fal.fa-pull-left, +.fab.fa-pull-left { + margin-right: .3em; } + +.fa.fa-pull-right, +.fas.fa-pull-right, +.far.fa-pull-right, +.fal.fa-pull-right, +.fab.fa-pull-right { + margin-left: .3em; } + +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; } + +.fa-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); } + +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +.fa-rotate-90 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); } + +.fa-rotate-180 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } + +.fa-rotate-270 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; + -webkit-transform: rotate(270deg); + transform: rotate(270deg); } + +.fa-flip-horizontal { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; + -webkit-transform: scale(-1, 1); + transform: scale(-1, 1); } + +.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(1, -1); + transform: scale(1, -1); } + +.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(-1, -1); + transform: scale(-1, -1); } + +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-flip-horizontal, +:root .fa-flip-vertical, +:root .fa-flip-both { + -webkit-filter: none; + filter: none; } + +.fa-stack { + display: inline-block; + height: 2em; + line-height: 2em; + position: relative; + vertical-align: middle; + width: 2.5em; } + +.fa-stack-1x, +.fa-stack-2x { + left: 0; + position: absolute; + text-align: center; + width: 100%; } + +.fa-stack-1x { + line-height: inherit; } + +.fa-stack-2x { + font-size: 2em; } + +.fa-inverse { + color: #fff; } + +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen +readers do not read off random characters that represent icons */ +.fa-500px:before { + content: "\f26e"; } + +.fa-accessible-icon:before { + content: "\f368"; } + +.fa-accusoft:before { + content: "\f369"; } + +.fa-acquisitions-incorporated:before { + content: "\f6af"; } + +.fa-ad:before { + content: "\f641"; } + +.fa-address-book:before { + content: "\f2b9"; } + +.fa-address-card:before { + content: "\f2bb"; } + +.fa-adjust:before { + content: "\f042"; } + +.fa-adn:before { + content: "\f170"; } + +.fa-adobe:before { + content: "\f778"; } + +.fa-adversal:before { + content: "\f36a"; } + +.fa-affiliatetheme:before { + content: "\f36b"; } + +.fa-air-freshener:before { + content: "\f5d0"; } + +.fa-airbnb:before { + content: "\f834"; } + +.fa-algolia:before { + content: "\f36c"; } + +.fa-align-center:before { + content: "\f037"; } + +.fa-align-justify:before { + content: "\f039"; } + +.fa-align-left:before { + content: "\f036"; } + +.fa-align-right:before { + content: "\f038"; } + +.fa-alipay:before { + content: "\f642"; } + +.fa-allergies:before { + content: "\f461"; } + +.fa-amazon:before { + content: "\f270"; } + +.fa-amazon-pay:before { + content: "\f42c"; } + +.fa-ambulance:before { + content: "\f0f9"; } + +.fa-american-sign-language-interpreting:before { + content: "\f2a3"; } + +.fa-amilia:before { + content: "\f36d"; } + +.fa-anchor:before { + content: "\f13d"; } + +.fa-android:before { + content: "\f17b"; } + +.fa-angellist:before { + content: "\f209"; } + +.fa-angle-double-down:before { + content: "\f103"; } + +.fa-angle-double-left:before { + content: "\f100"; } + +.fa-angle-double-right:before { + content: "\f101"; } + +.fa-angle-double-up:before { + content: "\f102"; } + +.fa-angle-down:before { + content: "\f107"; } + +.fa-angle-left:before { + content: "\f104"; } + +.fa-angle-right:before { + content: "\f105"; } + +.fa-angle-up:before { + content: "\f106"; } + +.fa-angry:before { + content: "\f556"; } + +.fa-angrycreative:before { + content: "\f36e"; } + +.fa-angular:before { + content: "\f420"; } + +.fa-ankh:before { + content: "\f644"; } + +.fa-app-store:before { + content: "\f36f"; } + +.fa-app-store-ios:before { + content: "\f370"; } + +.fa-apper:before { + content: "\f371"; } + +.fa-apple:before { + content: "\f179"; } + +.fa-apple-alt:before { + content: "\f5d1"; } + +.fa-apple-pay:before { + content: "\f415"; } + +.fa-archive:before { + content: "\f187"; } + +.fa-archway:before { + content: "\f557"; } + +.fa-arrow-alt-circle-down:before { + content: "\f358"; } + +.fa-arrow-alt-circle-left:before { + content: "\f359"; } + +.fa-arrow-alt-circle-right:before { + content: "\f35a"; } + +.fa-arrow-alt-circle-up:before { + content: "\f35b"; } + +.fa-arrow-circle-down:before { + content: "\f0ab"; } + +.fa-arrow-circle-left:before { + content: "\f0a8"; } + +.fa-arrow-circle-right:before { + content: "\f0a9"; } + +.fa-arrow-circle-up:before { + content: "\f0aa"; } + +.fa-arrow-down:before { + content: "\f063"; } + +.fa-arrow-left:before { + content: "\f060"; } + +.fa-arrow-right:before { + content: "\f061"; } + +.fa-arrow-up:before { + content: "\f062"; } + +.fa-arrows-alt:before { + content: "\f0b2"; } + +.fa-arrows-alt-h:before { + content: "\f337"; } + +.fa-arrows-alt-v:before { + content: "\f338"; } + +.fa-artstation:before { + content: "\f77a"; } + +.fa-assistive-listening-systems:before { + content: "\f2a2"; } + +.fa-asterisk:before { + content: "\f069"; } + +.fa-asymmetrik:before { + content: "\f372"; } + +.fa-at:before { + content: "\f1fa"; } + +.fa-atlas:before { + content: "\f558"; } + +.fa-atlassian:before { + content: "\f77b"; } + +.fa-atom:before { + content: "\f5d2"; } + +.fa-audible:before { + content: "\f373"; } + +.fa-audio-description:before { + content: "\f29e"; } + +.fa-autoprefixer:before { + content: "\f41c"; } + +.fa-avianex:before { + content: "\f374"; } + +.fa-aviato:before { + content: "\f421"; } + +.fa-award:before { + content: "\f559"; } + +.fa-aws:before { + content: "\f375"; } + +.fa-baby:before { + content: "\f77c"; } + +.fa-baby-carriage:before { + content: "\f77d"; } + +.fa-backspace:before { + content: "\f55a"; } + +.fa-backward:before { + content: "\f04a"; } + +.fa-bacon:before { + content: "\f7e5"; } + +.fa-bahai:before { + content: "\f666"; } + +.fa-balance-scale:before { + content: "\f24e"; } + +.fa-balance-scale-left:before { + content: "\f515"; } + +.fa-balance-scale-right:before { + content: "\f516"; } + +.fa-ban:before { + content: "\f05e"; } + +.fa-band-aid:before { + content: "\f462"; } + +.fa-bandcamp:before { + content: "\f2d5"; } + +.fa-barcode:before { + content: "\f02a"; } + +.fa-bars:before { + content: "\f0c9"; } + +.fa-baseball-ball:before { + content: "\f433"; } + +.fa-basketball-ball:before { + content: "\f434"; } + +.fa-bath:before { + content: "\f2cd"; } + +.fa-battery-empty:before { + content: "\f244"; } + +.fa-battery-full:before { + content: "\f240"; } + +.fa-battery-half:before { + content: "\f242"; } + +.fa-battery-quarter:before { + content: "\f243"; } + +.fa-battery-three-quarters:before { + content: "\f241"; } + +.fa-battle-net:before { + content: "\f835"; } + +.fa-bed:before { + content: "\f236"; } + +.fa-beer:before { + content: "\f0fc"; } + +.fa-behance:before { + content: "\f1b4"; } + +.fa-behance-square:before { + content: "\f1b5"; } + +.fa-bell:before { + content: "\f0f3"; } + +.fa-bell-slash:before { + content: "\f1f6"; } + +.fa-bezier-curve:before { + content: "\f55b"; } + +.fa-bible:before { + content: "\f647"; } + +.fa-bicycle:before { + content: "\f206"; } + +.fa-biking:before { + content: "\f84a"; } + +.fa-bimobject:before { + content: "\f378"; } + +.fa-binoculars:before { + content: "\f1e5"; } + +.fa-biohazard:before { + content: "\f780"; } + +.fa-birthday-cake:before { + content: "\f1fd"; } + +.fa-bitbucket:before { + content: "\f171"; } + +.fa-bitcoin:before { + content: "\f379"; } + +.fa-bity:before { + content: "\f37a"; } + +.fa-black-tie:before { + content: "\f27e"; } + +.fa-blackberry:before { + content: "\f37b"; } + +.fa-blender:before { + content: "\f517"; } + +.fa-blender-phone:before { + content: "\f6b6"; } + +.fa-blind:before { + content: "\f29d"; } + +.fa-blog:before { + content: "\f781"; } + +.fa-blogger:before { + content: "\f37c"; } + +.fa-blogger-b:before { + content: "\f37d"; } + +.fa-bluetooth:before { + content: "\f293"; } + +.fa-bluetooth-b:before { + content: "\f294"; } + +.fa-bold:before { + content: "\f032"; } + +.fa-bolt:before { + content: "\f0e7"; } + +.fa-bomb:before { + content: "\f1e2"; } + +.fa-bone:before { + content: "\f5d7"; } + +.fa-bong:before { + content: "\f55c"; } + +.fa-book:before { + content: "\f02d"; } + +.fa-book-dead:before { + content: "\f6b7"; } + +.fa-book-medical:before { + content: "\f7e6"; } + +.fa-book-open:before { + content: "\f518"; } + +.fa-book-reader:before { + content: "\f5da"; } + +.fa-bookmark:before { + content: "\f02e"; } + +.fa-bootstrap:before { + content: "\f836"; } + +.fa-border-all:before { + content: "\f84c"; } + +.fa-border-none:before { + content: "\f850"; } + +.fa-border-style:before { + content: "\f853"; } + +.fa-bowling-ball:before { + content: "\f436"; } + +.fa-box:before { + content: "\f466"; } + +.fa-box-open:before { + content: "\f49e"; } + +.fa-box-tissue:before { + content: "\f95b"; } + +.fa-boxes:before { + content: "\f468"; } + +.fa-braille:before { + content: "\f2a1"; } + +.fa-brain:before { + content: "\f5dc"; } + +.fa-bread-slice:before { + content: "\f7ec"; } + +.fa-briefcase:before { + content: "\f0b1"; } + +.fa-briefcase-medical:before { + content: "\f469"; } + +.fa-broadcast-tower:before { + content: "\f519"; } + +.fa-broom:before { + content: "\f51a"; } + +.fa-brush:before { + content: "\f55d"; } + +.fa-btc:before { + content: "\f15a"; } + +.fa-buffer:before { + content: "\f837"; } + +.fa-bug:before { + content: "\f188"; } + +.fa-building:before { + content: "\f1ad"; } + +.fa-bullhorn:before { + content: "\f0a1"; } + +.fa-bullseye:before { + content: "\f140"; } + +.fa-burn:before { + content: "\f46a"; } + +.fa-buromobelexperte:before { + content: "\f37f"; } + +.fa-bus:before { + content: "\f207"; } + +.fa-bus-alt:before { + content: "\f55e"; } + +.fa-business-time:before { + content: "\f64a"; } + +.fa-buy-n-large:before { + content: "\f8a6"; } + +.fa-buysellads:before { + content: "\f20d"; } + +.fa-calculator:before { + content: "\f1ec"; } + +.fa-calendar:before { + content: "\f133"; } + +.fa-calendar-alt:before { + content: "\f073"; } + +.fa-calendar-check:before { + content: "\f274"; } + +.fa-calendar-day:before { + content: "\f783"; } + +.fa-calendar-minus:before { + content: "\f272"; } + +.fa-calendar-plus:before { + content: "\f271"; } + +.fa-calendar-times:before { + content: "\f273"; } + +.fa-calendar-week:before { + content: "\f784"; } + +.fa-camera:before { + content: "\f030"; } + +.fa-camera-retro:before { + content: "\f083"; } + +.fa-campground:before { + content: "\f6bb"; } + +.fa-canadian-maple-leaf:before { + content: "\f785"; } + +.fa-candy-cane:before { + content: "\f786"; } + +.fa-cannabis:before { + content: "\f55f"; } + +.fa-capsules:before { + content: "\f46b"; } + +.fa-car:before { + content: "\f1b9"; } + +.fa-car-alt:before { + content: "\f5de"; } + +.fa-car-battery:before { + content: "\f5df"; } + +.fa-car-crash:before { + content: "\f5e1"; } + +.fa-car-side:before { + content: "\f5e4"; } + +.fa-caravan:before { + content: "\f8ff"; } + +.fa-caret-down:before { + content: "\f0d7"; } + +.fa-caret-left:before { + content: "\f0d9"; } + +.fa-caret-right:before { + content: "\f0da"; } + +.fa-caret-square-down:before { + content: "\f150"; } + +.fa-caret-square-left:before { + content: "\f191"; } + +.fa-caret-square-right:before { + content: "\f152"; } + +.fa-caret-square-up:before { + content: "\f151"; } + +.fa-caret-up:before { + content: "\f0d8"; } + +.fa-carrot:before { + content: "\f787"; } + +.fa-cart-arrow-down:before { + content: "\f218"; } + +.fa-cart-plus:before { + content: "\f217"; } + +.fa-cash-register:before { + content: "\f788"; } + +.fa-cat:before { + content: "\f6be"; } + +.fa-cc-amazon-pay:before { + content: "\f42d"; } + +.fa-cc-amex:before { + content: "\f1f3"; } + +.fa-cc-apple-pay:before { + content: "\f416"; } + +.fa-cc-diners-club:before { + content: "\f24c"; } + +.fa-cc-discover:before { + content: "\f1f2"; } + +.fa-cc-jcb:before { + content: "\f24b"; } + +.fa-cc-mastercard:before { + content: "\f1f1"; } + +.fa-cc-paypal:before { + content: "\f1f4"; } + +.fa-cc-stripe:before { + content: "\f1f5"; } + +.fa-cc-visa:before { + content: "\f1f0"; } + +.fa-centercode:before { + content: "\f380"; } + +.fa-centos:before { + content: "\f789"; } + +.fa-certificate:before { + content: "\f0a3"; } + +.fa-chair:before { + content: "\f6c0"; } + +.fa-chalkboard:before { + content: "\f51b"; } + +.fa-chalkboard-teacher:before { + content: "\f51c"; } + +.fa-charging-station:before { + content: "\f5e7"; } + +.fa-chart-area:before { + content: "\f1fe"; } + +.fa-chart-bar:before { + content: "\f080"; } + +.fa-chart-line:before { + content: "\f201"; } + +.fa-chart-pie:before { + content: "\f200"; } + +.fa-check:before { + content: "\f00c"; } + +.fa-check-circle:before { + content: "\f058"; } + +.fa-check-double:before { + content: "\f560"; } + +.fa-check-square:before { + content: "\f14a"; } + +.fa-cheese:before { + content: "\f7ef"; } + +.fa-chess:before { + content: "\f439"; } + +.fa-chess-bishop:before { + content: "\f43a"; } + +.fa-chess-board:before { + content: "\f43c"; } + +.fa-chess-king:before { + content: "\f43f"; } + +.fa-chess-knight:before { + content: "\f441"; } + +.fa-chess-pawn:before { + content: "\f443"; } + +.fa-chess-queen:before { + content: "\f445"; } + +.fa-chess-rook:before { + content: "\f447"; } + +.fa-chevron-circle-down:before { + content: "\f13a"; } + +.fa-chevron-circle-left:before { + content: "\f137"; } + +.fa-chevron-circle-right:before { + content: "\f138"; } + +.fa-chevron-circle-up:before { + content: "\f139"; } + +.fa-chevron-down:before { + content: "\f078"; } + +.fa-chevron-left:before { + content: "\f053"; } + +.fa-chevron-right:before { + content: "\f054"; } + +.fa-chevron-up:before { + content: "\f077"; } + +.fa-child:before { + content: "\f1ae"; } + +.fa-chrome:before { + content: "\f268"; } + +.fa-chromecast:before { + content: "\f838"; } + +.fa-church:before { + content: "\f51d"; } + +.fa-circle:before { + content: "\f111"; } + +.fa-circle-notch:before { + content: "\f1ce"; } + +.fa-city:before { + content: "\f64f"; } + +.fa-clinic-medical:before { + content: "\f7f2"; } + +.fa-clipboard:before { + content: "\f328"; } + +.fa-clipboard-check:before { + content: "\f46c"; } + +.fa-clipboard-list:before { + content: "\f46d"; } + +.fa-clock:before { + content: "\f017"; } + +.fa-clone:before { + content: "\f24d"; } + +.fa-closed-captioning:before { + content: "\f20a"; } + +.fa-cloud:before { + content: "\f0c2"; } + +.fa-cloud-download-alt:before { + content: "\f381"; } + +.fa-cloud-meatball:before { + content: "\f73b"; } + +.fa-cloud-moon:before { + content: "\f6c3"; } + +.fa-cloud-moon-rain:before { + content: "\f73c"; } + +.fa-cloud-rain:before { + content: "\f73d"; } + +.fa-cloud-showers-heavy:before { + content: "\f740"; } + +.fa-cloud-sun:before { + content: "\f6c4"; } + +.fa-cloud-sun-rain:before { + content: "\f743"; } + +.fa-cloud-upload-alt:before { + content: "\f382"; } + +.fa-cloudscale:before { + content: "\f383"; } + +.fa-cloudsmith:before { + content: "\f384"; } + +.fa-cloudversify:before { + content: "\f385"; } + +.fa-cocktail:before { + content: "\f561"; } + +.fa-code:before { + content: "\f121"; } + +.fa-code-branch:before { + content: "\f126"; } + +.fa-codepen:before { + content: "\f1cb"; } + +.fa-codiepie:before { + content: "\f284"; } + +.fa-coffee:before { + content: "\f0f4"; } + +.fa-cog:before { + content: "\f013"; } + +.fa-cogs:before { + content: "\f085"; } + +.fa-coins:before { + content: "\f51e"; } + +.fa-columns:before { + content: "\f0db"; } + +.fa-comment:before { + content: "\f075"; } + +.fa-comment-alt:before { + content: "\f27a"; } + +.fa-comment-dollar:before { + content: "\f651"; } + +.fa-comment-dots:before { + content: "\f4ad"; } + +.fa-comment-medical:before { + content: "\f7f5"; } + +.fa-comment-slash:before { + content: "\f4b3"; } + +.fa-comments:before { + content: "\f086"; } + +.fa-comments-dollar:before { + content: "\f653"; } + +.fa-compact-disc:before { + content: "\f51f"; } + +.fa-compass:before { + content: "\f14e"; } + +.fa-compress:before { + content: "\f066"; } + +.fa-compress-alt:before { + content: "\f422"; } + +.fa-compress-arrows-alt:before { + content: "\f78c"; } + +.fa-concierge-bell:before { + content: "\f562"; } + +.fa-confluence:before { + content: "\f78d"; } + +.fa-connectdevelop:before { + content: "\f20e"; } + +.fa-contao:before { + content: "\f26d"; } + +.fa-cookie:before { + content: "\f563"; } + +.fa-cookie-bite:before { + content: "\f564"; } + +.fa-copy:before { + content: "\f0c5"; } + +.fa-copyright:before { + content: "\f1f9"; } + +.fa-cotton-bureau:before { + content: "\f89e"; } + +.fa-couch:before { + content: "\f4b8"; } + +.fa-cpanel:before { + content: "\f388"; } + +.fa-creative-commons:before { + content: "\f25e"; } + +.fa-creative-commons-by:before { + content: "\f4e7"; } + +.fa-creative-commons-nc:before { + content: "\f4e8"; } + +.fa-creative-commons-nc-eu:before { + content: "\f4e9"; } + +.fa-creative-commons-nc-jp:before { + content: "\f4ea"; } + +.fa-creative-commons-nd:before { + content: "\f4eb"; } + +.fa-creative-commons-pd:before { + content: "\f4ec"; } + +.fa-creative-commons-pd-alt:before { + content: "\f4ed"; } + +.fa-creative-commons-remix:before { + content: "\f4ee"; } + +.fa-creative-commons-sa:before { + content: "\f4ef"; } + +.fa-creative-commons-sampling:before { + content: "\f4f0"; } + +.fa-creative-commons-sampling-plus:before { + content: "\f4f1"; } + +.fa-creative-commons-share:before { + content: "\f4f2"; } + +.fa-creative-commons-zero:before { + content: "\f4f3"; } + +.fa-credit-card:before { + content: "\f09d"; } + +.fa-critical-role:before { + content: "\f6c9"; } + +.fa-crop:before { + content: "\f125"; } + +.fa-crop-alt:before { + content: "\f565"; } + +.fa-cross:before { + content: "\f654"; } + +.fa-crosshairs:before { + content: "\f05b"; } + +.fa-crow:before { + content: "\f520"; } + +.fa-crown:before { + content: "\f521"; } + +.fa-crutch:before { + content: "\f7f7"; } + +.fa-css3:before { + content: "\f13c"; } + +.fa-css3-alt:before { + content: "\f38b"; } + +.fa-cube:before { + content: "\f1b2"; } + +.fa-cubes:before { + content: "\f1b3"; } + +.fa-cut:before { + content: "\f0c4"; } + +.fa-cuttlefish:before { + content: "\f38c"; } + +.fa-d-and-d:before { + content: "\f38d"; } + +.fa-d-and-d-beyond:before { + content: "\f6ca"; } + +.fa-dailymotion:before { + content: "\f952"; } + +.fa-dashcube:before { + content: "\f210"; } + +.fa-database:before { + content: "\f1c0"; } + +.fa-deaf:before { + content: "\f2a4"; } + +.fa-delicious:before { + content: "\f1a5"; } + +.fa-democrat:before { + content: "\f747"; } + +.fa-deploydog:before { + content: "\f38e"; } + +.fa-deskpro:before { + content: "\f38f"; } + +.fa-desktop:before { + content: "\f108"; } + +.fa-dev:before { + content: "\f6cc"; } + +.fa-deviantart:before { + content: "\f1bd"; } + +.fa-dharmachakra:before { + content: "\f655"; } + +.fa-dhl:before { + content: "\f790"; } + +.fa-diagnoses:before { + content: "\f470"; } + +.fa-diaspora:before { + content: "\f791"; } + +.fa-dice:before { + content: "\f522"; } + +.fa-dice-d20:before { + content: "\f6cf"; } + +.fa-dice-d6:before { + content: "\f6d1"; } + +.fa-dice-five:before { + content: "\f523"; } + +.fa-dice-four:before { + content: "\f524"; } + +.fa-dice-one:before { + content: "\f525"; } + +.fa-dice-six:before { + content: "\f526"; } + +.fa-dice-three:before { + content: "\f527"; } + +.fa-dice-two:before { + content: "\f528"; } + +.fa-digg:before { + content: "\f1a6"; } + +.fa-digital-ocean:before { + content: "\f391"; } + +.fa-digital-tachograph:before { + content: "\f566"; } + +.fa-directions:before { + content: "\f5eb"; } + +.fa-discord:before { + content: "\f392"; } + +.fa-discourse:before { + content: "\f393"; } + +.fa-disease:before { + content: "\f7fa"; } + +.fa-divide:before { + content: "\f529"; } + +.fa-dizzy:before { + content: "\f567"; } + +.fa-dna:before { + content: "\f471"; } + +.fa-dochub:before { + content: "\f394"; } + +.fa-docker:before { + content: "\f395"; } + +.fa-dog:before { + content: "\f6d3"; } + +.fa-dollar-sign:before { + content: "\f155"; } + +.fa-dolly:before { + content: "\f472"; } + +.fa-dolly-flatbed:before { + content: "\f474"; } + +.fa-donate:before { + content: "\f4b9"; } + +.fa-door-closed:before { + content: "\f52a"; } + +.fa-door-open:before { + content: "\f52b"; } + +.fa-dot-circle:before { + content: "\f192"; } + +.fa-dove:before { + content: "\f4ba"; } + +.fa-download:before { + content: "\f019"; } + +.fa-draft2digital:before { + content: "\f396"; } + +.fa-drafting-compass:before { + content: "\f568"; } + +.fa-dragon:before { + content: "\f6d5"; } + +.fa-draw-polygon:before { + content: "\f5ee"; } + +.fa-dribbble:before { + content: "\f17d"; } + +.fa-dribbble-square:before { + content: "\f397"; } + +.fa-dropbox:before { + content: "\f16b"; } + +.fa-drum:before { + content: "\f569"; } + +.fa-drum-steelpan:before { + content: "\f56a"; } + +.fa-drumstick-bite:before { + content: "\f6d7"; } + +.fa-drupal:before { + content: "\f1a9"; } + +.fa-dumbbell:before { + content: "\f44b"; } + +.fa-dumpster:before { + content: "\f793"; } + +.fa-dumpster-fire:before { + content: "\f794"; } + +.fa-dungeon:before { + content: "\f6d9"; } + +.fa-dyalog:before { + content: "\f399"; } + +.fa-earlybirds:before { + content: "\f39a"; } + +.fa-ebay:before { + content: "\f4f4"; } + +.fa-edge:before { + content: "\f282"; } + +.fa-edit:before { + content: "\f044"; } + +.fa-egg:before { + content: "\f7fb"; } + +.fa-eject:before { + content: "\f052"; } + +.fa-elementor:before { + content: "\f430"; } + +.fa-ellipsis-h:before { + content: "\f141"; } + +.fa-ellipsis-v:before { + content: "\f142"; } + +.fa-ello:before { + content: "\f5f1"; } + +.fa-ember:before { + content: "\f423"; } + +.fa-empire:before { + content: "\f1d1"; } + +.fa-envelope:before { + content: "\f0e0"; } + +.fa-envelope-open:before { + content: "\f2b6"; } + +.fa-envelope-open-text:before { + content: "\f658"; } + +.fa-envelope-square:before { + content: "\f199"; } + +.fa-envira:before { + content: "\f299"; } + +.fa-equals:before { + content: "\f52c"; } + +.fa-eraser:before { + content: "\f12d"; } + +.fa-erlang:before { + content: "\f39d"; } + +.fa-ethereum:before { + content: "\f42e"; } + +.fa-ethernet:before { + content: "\f796"; } + +.fa-etsy:before { + content: "\f2d7"; } + +.fa-euro-sign:before { + content: "\f153"; } + +.fa-evernote:before { + content: "\f839"; } + +.fa-exchange-alt:before { + content: "\f362"; } + +.fa-exclamation:before { + content: "\f12a"; } + +.fa-exclamation-circle:before { + content: "\f06a"; } + +.fa-exclamation-triangle:before { + content: "\f071"; } + +.fa-expand:before { + content: "\f065"; } + +.fa-expand-alt:before { + content: "\f424"; } + +.fa-expand-arrows-alt:before { + content: "\f31e"; } + +.fa-expeditedssl:before { + content: "\f23e"; } + +.fa-external-link-alt:before { + content: "\f35d"; } + +.fa-external-link-square-alt:before { + content: "\f360"; } + +.fa-eye:before { + content: "\f06e"; } + +.fa-eye-dropper:before { + content: "\f1fb"; } + +.fa-eye-slash:before { + content: "\f070"; } + +.fa-facebook:before { + content: "\f09a"; } + +.fa-facebook-f:before { + content: "\f39e"; } + +.fa-facebook-messenger:before { + content: "\f39f"; } + +.fa-facebook-square:before { + content: "\f082"; } + +.fa-fan:before { + content: "\f863"; } + +.fa-fantasy-flight-games:before { + content: "\f6dc"; } + +.fa-fast-backward:before { + content: "\f049"; } + +.fa-fast-forward:before { + content: "\f050"; } + +.fa-faucet:before { + content: "\f905"; } + +.fa-fax:before { + content: "\f1ac"; } + +.fa-feather:before { + content: "\f52d"; } + +.fa-feather-alt:before { + content: "\f56b"; } + +.fa-fedex:before { + content: "\f797"; } + +.fa-fedora:before { + content: "\f798"; } + +.fa-female:before { + content: "\f182"; } + +.fa-fighter-jet:before { + content: "\f0fb"; } + +.fa-figma:before { + content: "\f799"; } + +.fa-file:before { + content: "\f15b"; } + +.fa-file-alt:before { + content: "\f15c"; } + +.fa-file-archive:before { + content: "\f1c6"; } + +.fa-file-audio:before { + content: "\f1c7"; } + +.fa-file-code:before { + content: "\f1c9"; } + +.fa-file-contract:before { + content: "\f56c"; } + +.fa-file-csv:before { + content: "\f6dd"; } + +.fa-file-download:before { + content: "\f56d"; } + +.fa-file-excel:before { + content: "\f1c3"; } + +.fa-file-export:before { + content: "\f56e"; } + +.fa-file-image:before { + content: "\f1c5"; } + +.fa-file-import:before { + content: "\f56f"; } + +.fa-file-invoice:before { + content: "\f570"; } + +.fa-file-invoice-dollar:before { + content: "\f571"; } + +.fa-file-medical:before { + content: "\f477"; } + +.fa-file-medical-alt:before { + content: "\f478"; } + +.fa-file-pdf:before { + content: "\f1c1"; } + +.fa-file-powerpoint:before { + content: "\f1c4"; } + +.fa-file-prescription:before { + content: "\f572"; } + +.fa-file-signature:before { + content: "\f573"; } + +.fa-file-upload:before { + content: "\f574"; } + +.fa-file-video:before { + content: "\f1c8"; } + +.fa-file-word:before { + content: "\f1c2"; } + +.fa-fill:before { + content: "\f575"; } + +.fa-fill-drip:before { + content: "\f576"; } + +.fa-film:before { + content: "\f008"; } + +.fa-filter:before { + content: "\f0b0"; } + +.fa-fingerprint:before { + content: "\f577"; } + +.fa-fire:before { + content: "\f06d"; } + +.fa-fire-alt:before { + content: "\f7e4"; } + +.fa-fire-extinguisher:before { + content: "\f134"; } + +.fa-firefox:before { + content: "\f269"; } + +.fa-firefox-browser:before { + content: "\f907"; } + +.fa-first-aid:before { + content: "\f479"; } + +.fa-first-order:before { + content: "\f2b0"; } + +.fa-first-order-alt:before { + content: "\f50a"; } + +.fa-firstdraft:before { + content: "\f3a1"; } + +.fa-fish:before { + content: "\f578"; } + +.fa-fist-raised:before { + content: "\f6de"; } + +.fa-flag:before { + content: "\f024"; } + +.fa-flag-checkered:before { + content: "\f11e"; } + +.fa-flag-usa:before { + content: "\f74d"; } + +.fa-flask:before { + content: "\f0c3"; } + +.fa-flickr:before { + content: "\f16e"; } + +.fa-flipboard:before { + content: "\f44d"; } + +.fa-flushed:before { + content: "\f579"; } + +.fa-fly:before { + content: "\f417"; } + +.fa-folder:before { + content: "\f07b"; } + +.fa-folder-minus:before { + content: "\f65d"; } + +.fa-folder-open:before { + content: "\f07c"; } + +.fa-folder-plus:before { + content: "\f65e"; } + +.fa-font:before { + content: "\f031"; } + +.fa-font-awesome:before { + content: "\f2b4"; } + +.fa-font-awesome-alt:before { + content: "\f35c"; } + +.fa-font-awesome-flag:before { + content: "\f425"; } + +.fa-font-awesome-logo-full:before { + content: "\f4e6"; } + +.fa-fonticons:before { + content: "\f280"; } + +.fa-fonticons-fi:before { + content: "\f3a2"; } + +.fa-football-ball:before { + content: "\f44e"; } + +.fa-fort-awesome:before { + content: "\f286"; } + +.fa-fort-awesome-alt:before { + content: "\f3a3"; } + +.fa-forumbee:before { + content: "\f211"; } + +.fa-forward:before { + content: "\f04e"; } + +.fa-foursquare:before { + content: "\f180"; } + +.fa-free-code-camp:before { + content: "\f2c5"; } + +.fa-freebsd:before { + content: "\f3a4"; } + +.fa-frog:before { + content: "\f52e"; } + +.fa-frown:before { + content: "\f119"; } + +.fa-frown-open:before { + content: "\f57a"; } + +.fa-fulcrum:before { + content: "\f50b"; } + +.fa-funnel-dollar:before { + content: "\f662"; } + +.fa-futbol:before { + content: "\f1e3"; } + +.fa-galactic-republic:before { + content: "\f50c"; } + +.fa-galactic-senate:before { + content: "\f50d"; } + +.fa-gamepad:before { + content: "\f11b"; } + +.fa-gas-pump:before { + content: "\f52f"; } + +.fa-gavel:before { + content: "\f0e3"; } + +.fa-gem:before { + content: "\f3a5"; } + +.fa-genderless:before { + content: "\f22d"; } + +.fa-get-pocket:before { + content: "\f265"; } + +.fa-gg:before { + content: "\f260"; } + +.fa-gg-circle:before { + content: "\f261"; } + +.fa-ghost:before { + content: "\f6e2"; } + +.fa-gift:before { + content: "\f06b"; } + +.fa-gifts:before { + content: "\f79c"; } + +.fa-git:before { + content: "\f1d3"; } + +.fa-git-alt:before { + content: "\f841"; } + +.fa-git-square:before { + content: "\f1d2"; } + +.fa-github:before { + content: "\f09b"; } + +.fa-github-alt:before { + content: "\f113"; } + +.fa-github-square:before { + content: "\f092"; } + +.fa-gitkraken:before { + content: "\f3a6"; } + +.fa-gitlab:before { + content: "\f296"; } + +.fa-gitter:before { + content: "\f426"; } + +.fa-glass-cheers:before { + content: "\f79f"; } + +.fa-glass-martini:before { + content: "\f000"; } + +.fa-glass-martini-alt:before { + content: "\f57b"; } + +.fa-glass-whiskey:before { + content: "\f7a0"; } + +.fa-glasses:before { + content: "\f530"; } + +.fa-glide:before { + content: "\f2a5"; } + +.fa-glide-g:before { + content: "\f2a6"; } + +.fa-globe:before { + content: "\f0ac"; } + +.fa-globe-africa:before { + content: "\f57c"; } + +.fa-globe-americas:before { + content: "\f57d"; } + +.fa-globe-asia:before { + content: "\f57e"; } + +.fa-globe-europe:before { + content: "\f7a2"; } + +.fa-gofore:before { + content: "\f3a7"; } + +.fa-golf-ball:before { + content: "\f450"; } + +.fa-goodreads:before { + content: "\f3a8"; } + +.fa-goodreads-g:before { + content: "\f3a9"; } + +.fa-google:before { + content: "\f1a0"; } + +.fa-google-drive:before { + content: "\f3aa"; } + +.fa-google-play:before { + content: "\f3ab"; } + +.fa-google-plus:before { + content: "\f2b3"; } + +.fa-google-plus-g:before { + content: "\f0d5"; } + +.fa-google-plus-square:before { + content: "\f0d4"; } + +.fa-google-wallet:before { + content: "\f1ee"; } + +.fa-gopuram:before { + content: "\f664"; } + +.fa-graduation-cap:before { + content: "\f19d"; } + +.fa-gratipay:before { + content: "\f184"; } + +.fa-grav:before { + content: "\f2d6"; } + +.fa-greater-than:before { + content: "\f531"; } + +.fa-greater-than-equal:before { + content: "\f532"; } + +.fa-grimace:before { + content: "\f57f"; } + +.fa-grin:before { + content: "\f580"; } + +.fa-grin-alt:before { + content: "\f581"; } + +.fa-grin-beam:before { + content: "\f582"; } + +.fa-grin-beam-sweat:before { + content: "\f583"; } + +.fa-grin-hearts:before { + content: "\f584"; } + +.fa-grin-squint:before { + content: "\f585"; } + +.fa-grin-squint-tears:before { + content: "\f586"; } + +.fa-grin-stars:before { + content: "\f587"; } + +.fa-grin-tears:before { + content: "\f588"; } + +.fa-grin-tongue:before { + content: "\f589"; } + +.fa-grin-tongue-squint:before { + content: "\f58a"; } + +.fa-grin-tongue-wink:before { + content: "\f58b"; } + +.fa-grin-wink:before { + content: "\f58c"; } + +.fa-grip-horizontal:before { + content: "\f58d"; } + +.fa-grip-lines:before { + content: "\f7a4"; } + +.fa-grip-lines-vertical:before { + content: "\f7a5"; } + +.fa-grip-vertical:before { + content: "\f58e"; } + +.fa-gripfire:before { + content: "\f3ac"; } + +.fa-grunt:before { + content: "\f3ad"; } + +.fa-guitar:before { + content: "\f7a6"; } + +.fa-gulp:before { + content: "\f3ae"; } + +.fa-h-square:before { + content: "\f0fd"; } + +.fa-hacker-news:before { + content: "\f1d4"; } + +.fa-hacker-news-square:before { + content: "\f3af"; } + +.fa-hackerrank:before { + content: "\f5f7"; } + +.fa-hamburger:before { + content: "\f805"; } + +.fa-hammer:before { + content: "\f6e3"; } + +.fa-hamsa:before { + content: "\f665"; } + +.fa-hand-holding:before { + content: "\f4bd"; } + +.fa-hand-holding-heart:before { + content: "\f4be"; } + +.fa-hand-holding-medical:before { + content: "\f95c"; } + +.fa-hand-holding-usd:before { + content: "\f4c0"; } + +.fa-hand-holding-water:before { + content: "\f4c1"; } + +.fa-hand-lizard:before { + content: "\f258"; } + +.fa-hand-middle-finger:before { + content: "\f806"; } + +.fa-hand-paper:before { + content: "\f256"; } + +.fa-hand-peace:before { + content: "\f25b"; } + +.fa-hand-point-down:before { + content: "\f0a7"; } + +.fa-hand-point-left:before { + content: "\f0a5"; } + +.fa-hand-point-right:before { + content: "\f0a4"; } + +.fa-hand-point-up:before { + content: "\f0a6"; } + +.fa-hand-pointer:before { + content: "\f25a"; } + +.fa-hand-rock:before { + content: "\f255"; } + +.fa-hand-scissors:before { + content: "\f257"; } + +.fa-hand-sparkles:before { + content: "\f95d"; } + +.fa-hand-spock:before { + content: "\f259"; } + +.fa-hands:before { + content: "\f4c2"; } + +.fa-hands-helping:before { + content: "\f4c4"; } + +.fa-hands-wash:before { + content: "\f95e"; } + +.fa-handshake:before { + content: "\f2b5"; } + +.fa-handshake-alt-slash:before { + content: "\f95f"; } + +.fa-handshake-slash:before { + content: "\f960"; } + +.fa-hanukiah:before { + content: "\f6e6"; } + +.fa-hard-hat:before { + content: "\f807"; } + +.fa-hashtag:before { + content: "\f292"; } + +.fa-hat-cowboy:before { + content: "\f8c0"; } + +.fa-hat-cowboy-side:before { + content: "\f8c1"; } + +.fa-hat-wizard:before { + content: "\f6e8"; } + +.fa-hdd:before { + content: "\f0a0"; } + +.fa-head-side-cough:before { + content: "\f961"; } + +.fa-head-side-cough-slash:before { + content: "\f962"; } + +.fa-head-side-mask:before { + content: "\f963"; } + +.fa-head-side-virus:before { + content: "\f964"; } + +.fa-heading:before { + content: "\f1dc"; } + +.fa-headphones:before { + content: "\f025"; } + +.fa-headphones-alt:before { + content: "\f58f"; } + +.fa-headset:before { + content: "\f590"; } + +.fa-heart:before { + content: "\f004"; } + +.fa-heart-broken:before { + content: "\f7a9"; } + +.fa-heartbeat:before { + content: "\f21e"; } + +.fa-helicopter:before { + content: "\f533"; } + +.fa-highlighter:before { + content: "\f591"; } + +.fa-hiking:before { + content: "\f6ec"; } + +.fa-hippo:before { + content: "\f6ed"; } + +.fa-hips:before { + content: "\f452"; } + +.fa-hire-a-helper:before { + content: "\f3b0"; } + +.fa-history:before { + content: "\f1da"; } + +.fa-hockey-puck:before { + content: "\f453"; } + +.fa-holly-berry:before { + content: "\f7aa"; } + +.fa-home:before { + content: "\f015"; } + +.fa-hooli:before { + content: "\f427"; } + +.fa-hornbill:before { + content: "\f592"; } + +.fa-horse:before { + content: "\f6f0"; } + +.fa-horse-head:before { + content: "\f7ab"; } + +.fa-hospital:before { + content: "\f0f8"; } + +.fa-hospital-alt:before { + content: "\f47d"; } + +.fa-hospital-symbol:before { + content: "\f47e"; } + +.fa-hospital-user:before { + content: "\f80d"; } + +.fa-hot-tub:before { + content: "\f593"; } + +.fa-hotdog:before { + content: "\f80f"; } + +.fa-hotel:before { + content: "\f594"; } + +.fa-hotjar:before { + content: "\f3b1"; } + +.fa-hourglass:before { + content: "\f254"; } + +.fa-hourglass-end:before { + content: "\f253"; } + +.fa-hourglass-half:before { + content: "\f252"; } + +.fa-hourglass-start:before { + content: "\f251"; } + +.fa-house-damage:before { + content: "\f6f1"; } + +.fa-house-user:before { + content: "\f965"; } + +.fa-houzz:before { + content: "\f27c"; } + +.fa-hryvnia:before { + content: "\f6f2"; } + +.fa-html5:before { + content: "\f13b"; } + +.fa-hubspot:before { + content: "\f3b2"; } + +.fa-i-cursor:before { + content: "\f246"; } + +.fa-ice-cream:before { + content: "\f810"; } + +.fa-icicles:before { + content: "\f7ad"; } + +.fa-icons:before { + content: "\f86d"; } + +.fa-id-badge:before { + content: "\f2c1"; } + +.fa-id-card:before { + content: "\f2c2"; } + +.fa-id-card-alt:before { + content: "\f47f"; } + +.fa-ideal:before { + content: "\f913"; } + +.fa-igloo:before { + content: "\f7ae"; } + +.fa-image:before { + content: "\f03e"; } + +.fa-images:before { + content: "\f302"; } + +.fa-imdb:before { + content: "\f2d8"; } + +.fa-inbox:before { + content: "\f01c"; } + +.fa-indent:before { + content: "\f03c"; } + +.fa-industry:before { + content: "\f275"; } + +.fa-infinity:before { + content: "\f534"; } + +.fa-info:before { + content: "\f129"; } + +.fa-info-circle:before { + content: "\f05a"; } + +.fa-instagram:before { + content: "\f16d"; } + +.fa-instagram-square:before { + content: "\f955"; } + +.fa-intercom:before { + content: "\f7af"; } + +.fa-internet-explorer:before { + content: "\f26b"; } + +.fa-invision:before { + content: "\f7b0"; } + +.fa-ioxhost:before { + content: "\f208"; } + +.fa-italic:before { + content: "\f033"; } + +.fa-itch-io:before { + content: "\f83a"; } + +.fa-itunes:before { + content: "\f3b4"; } + +.fa-itunes-note:before { + content: "\f3b5"; } + +.fa-java:before { + content: "\f4e4"; } + +.fa-jedi:before { + content: "\f669"; } + +.fa-jedi-order:before { + content: "\f50e"; } + +.fa-jenkins:before { + content: "\f3b6"; } + +.fa-jira:before { + content: "\f7b1"; } + +.fa-joget:before { + content: "\f3b7"; } + +.fa-joint:before { + content: "\f595"; } + +.fa-joomla:before { + content: "\f1aa"; } + +.fa-journal-whills:before { + content: "\f66a"; } + +.fa-js:before { + content: "\f3b8"; } + +.fa-js-square:before { + content: "\f3b9"; } + +.fa-jsfiddle:before { + content: "\f1cc"; } + +.fa-kaaba:before { + content: "\f66b"; } + +.fa-kaggle:before { + content: "\f5fa"; } + +.fa-key:before { + content: "\f084"; } + +.fa-keybase:before { + content: "\f4f5"; } + +.fa-keyboard:before { + content: "\f11c"; } + +.fa-keycdn:before { + content: "\f3ba"; } + +.fa-khanda:before { + content: "\f66d"; } + +.fa-kickstarter:before { + content: "\f3bb"; } + +.fa-kickstarter-k:before { + content: "\f3bc"; } + +.fa-kiss:before { + content: "\f596"; } + +.fa-kiss-beam:before { + content: "\f597"; } + +.fa-kiss-wink-heart:before { + content: "\f598"; } + +.fa-kiwi-bird:before { + content: "\f535"; } + +.fa-korvue:before { + content: "\f42f"; } + +.fa-landmark:before { + content: "\f66f"; } + +.fa-language:before { + content: "\f1ab"; } + +.fa-laptop:before { + content: "\f109"; } + +.fa-laptop-code:before { + content: "\f5fc"; } + +.fa-laptop-house:before { + content: "\f966"; } + +.fa-laptop-medical:before { + content: "\f812"; } + +.fa-laravel:before { + content: "\f3bd"; } + +.fa-lastfm:before { + content: "\f202"; } + +.fa-lastfm-square:before { + content: "\f203"; } + +.fa-laugh:before { + content: "\f599"; } + +.fa-laugh-beam:before { + content: "\f59a"; } + +.fa-laugh-squint:before { + content: "\f59b"; } + +.fa-laugh-wink:before { + content: "\f59c"; } + +.fa-layer-group:before { + content: "\f5fd"; } + +.fa-leaf:before { + content: "\f06c"; } + +.fa-leanpub:before { + content: "\f212"; } + +.fa-lemon:before { + content: "\f094"; } + +.fa-less:before { + content: "\f41d"; } + +.fa-less-than:before { + content: "\f536"; } + +.fa-less-than-equal:before { + content: "\f537"; } + +.fa-level-down-alt:before { + content: "\f3be"; } + +.fa-level-up-alt:before { + content: "\f3bf"; } + +.fa-life-ring:before { + content: "\f1cd"; } + +.fa-lightbulb:before { + content: "\f0eb"; } + +.fa-line:before { + content: "\f3c0"; } + +.fa-link:before { + content: "\f0c1"; } + +.fa-linkedin:before { + content: "\f08c"; } + +.fa-linkedin-in:before { + content: "\f0e1"; } + +.fa-linode:before { + content: "\f2b8"; } + +.fa-linux:before { + content: "\f17c"; } + +.fa-lira-sign:before { + content: "\f195"; } + +.fa-list:before { + content: "\f03a"; } + +.fa-list-alt:before { + content: "\f022"; } + +.fa-list-ol:before { + content: "\f0cb"; } + +.fa-list-ul:before { + content: "\f0ca"; } + +.fa-location-arrow:before { + content: "\f124"; } + +.fa-lock:before { + content: "\f023"; } + +.fa-lock-open:before { + content: "\f3c1"; } + +.fa-long-arrow-alt-down:before { + content: "\f309"; } + +.fa-long-arrow-alt-left:before { + content: "\f30a"; } + +.fa-long-arrow-alt-right:before { + content: "\f30b"; } + +.fa-long-arrow-alt-up:before { + content: "\f30c"; } + +.fa-low-vision:before { + content: "\f2a8"; } + +.fa-luggage-cart:before { + content: "\f59d"; } + +.fa-lungs:before { + content: "\f604"; } + +.fa-lungs-virus:before { + content: "\f967"; } + +.fa-lyft:before { + content: "\f3c3"; } + +.fa-magento:before { + content: "\f3c4"; } + +.fa-magic:before { + content: "\f0d0"; } + +.fa-magnet:before { + content: "\f076"; } + +.fa-mail-bulk:before { + content: "\f674"; } + +.fa-mailchimp:before { + content: "\f59e"; } + +.fa-male:before { + content: "\f183"; } + +.fa-mandalorian:before { + content: "\f50f"; } + +.fa-map:before { + content: "\f279"; } + +.fa-map-marked:before { + content: "\f59f"; } + +.fa-map-marked-alt:before { + content: "\f5a0"; } + +.fa-map-marker:before { + content: "\f041"; } + +.fa-map-marker-alt:before { + content: "\f3c5"; } + +.fa-map-pin:before { + content: "\f276"; } + +.fa-map-signs:before { + content: "\f277"; } + +.fa-markdown:before { + content: "\f60f"; } + +.fa-marker:before { + content: "\f5a1"; } + +.fa-mars:before { + content: "\f222"; } + +.fa-mars-double:before { + content: "\f227"; } + +.fa-mars-stroke:before { + content: "\f229"; } + +.fa-mars-stroke-h:before { + content: "\f22b"; } + +.fa-mars-stroke-v:before { + content: "\f22a"; } + +.fa-mask:before { + content: "\f6fa"; } + +.fa-mastodon:before { + content: "\f4f6"; } + +.fa-maxcdn:before { + content: "\f136"; } + +.fa-mdb:before { + content: "\f8ca"; } + +.fa-medal:before { + content: "\f5a2"; } + +.fa-medapps:before { + content: "\f3c6"; } + +.fa-medium:before { + content: "\f23a"; } + +.fa-medium-m:before { + content: "\f3c7"; } + +.fa-medkit:before { + content: "\f0fa"; } + +.fa-medrt:before { + content: "\f3c8"; } + +.fa-meetup:before { + content: "\f2e0"; } + +.fa-megaport:before { + content: "\f5a3"; } + +.fa-meh:before { + content: "\f11a"; } + +.fa-meh-blank:before { + content: "\f5a4"; } + +.fa-meh-rolling-eyes:before { + content: "\f5a5"; } + +.fa-memory:before { + content: "\f538"; } + +.fa-mendeley:before { + content: "\f7b3"; } + +.fa-menorah:before { + content: "\f676"; } + +.fa-mercury:before { + content: "\f223"; } + +.fa-meteor:before { + content: "\f753"; } + +.fa-microblog:before { + content: "\f91a"; } + +.fa-microchip:before { + content: "\f2db"; } + +.fa-microphone:before { + content: "\f130"; } + +.fa-microphone-alt:before { + content: "\f3c9"; } + +.fa-microphone-alt-slash:before { + content: "\f539"; } + +.fa-microphone-slash:before { + content: "\f131"; } + +.fa-microscope:before { + content: "\f610"; } + +.fa-microsoft:before { + content: "\f3ca"; } + +.fa-minus:before { + content: "\f068"; } + +.fa-minus-circle:before { + content: "\f056"; } + +.fa-minus-square:before { + content: "\f146"; } + +.fa-mitten:before { + content: "\f7b5"; } + +.fa-mix:before { + content: "\f3cb"; } + +.fa-mixcloud:before { + content: "\f289"; } + +.fa-mixer:before { + content: "\f956"; } + +.fa-mizuni:before { + content: "\f3cc"; } + +.fa-mobile:before { + content: "\f10b"; } + +.fa-mobile-alt:before { + content: "\f3cd"; } + +.fa-modx:before { + content: "\f285"; } + +.fa-monero:before { + content: "\f3d0"; } + +.fa-money-bill:before { + content: "\f0d6"; } + +.fa-money-bill-alt:before { + content: "\f3d1"; } + +.fa-money-bill-wave:before { + content: "\f53a"; } + +.fa-money-bill-wave-alt:before { + content: "\f53b"; } + +.fa-money-check:before { + content: "\f53c"; } + +.fa-money-check-alt:before { + content: "\f53d"; } + +.fa-monument:before { + content: "\f5a6"; } + +.fa-moon:before { + content: "\f186"; } + +.fa-mortar-pestle:before { + content: "\f5a7"; } + +.fa-mosque:before { + content: "\f678"; } + +.fa-motorcycle:before { + content: "\f21c"; } + +.fa-mountain:before { + content: "\f6fc"; } + +.fa-mouse:before { + content: "\f8cc"; } + +.fa-mouse-pointer:before { + content: "\f245"; } + +.fa-mug-hot:before { + content: "\f7b6"; } + +.fa-music:before { + content: "\f001"; } + +.fa-napster:before { + content: "\f3d2"; } + +.fa-neos:before { + content: "\f612"; } + +.fa-network-wired:before { + content: "\f6ff"; } + +.fa-neuter:before { + content: "\f22c"; } + +.fa-newspaper:before { + content: "\f1ea"; } + +.fa-nimblr:before { + content: "\f5a8"; } + +.fa-node:before { + content: "\f419"; } + +.fa-node-js:before { + content: "\f3d3"; } + +.fa-not-equal:before { + content: "\f53e"; } + +.fa-notes-medical:before { + content: "\f481"; } + +.fa-npm:before { + content: "\f3d4"; } + +.fa-ns8:before { + content: "\f3d5"; } + +.fa-nutritionix:before { + content: "\f3d6"; } + +.fa-object-group:before { + content: "\f247"; } + +.fa-object-ungroup:before { + content: "\f248"; } + +.fa-odnoklassniki:before { + content: "\f263"; } + +.fa-odnoklassniki-square:before { + content: "\f264"; } + +.fa-oil-can:before { + content: "\f613"; } + +.fa-old-republic:before { + content: "\f510"; } + +.fa-om:before { + content: "\f679"; } + +.fa-opencart:before { + content: "\f23d"; } + +.fa-openid:before { + content: "\f19b"; } + +.fa-opera:before { + content: "\f26a"; } + +.fa-optin-monster:before { + content: "\f23c"; } + +.fa-orcid:before { + content: "\f8d2"; } + +.fa-osi:before { + content: "\f41a"; } + +.fa-otter:before { + content: "\f700"; } + +.fa-outdent:before { + content: "\f03b"; } + +.fa-page4:before { + content: "\f3d7"; } + +.fa-pagelines:before { + content: "\f18c"; } + +.fa-pager:before { + content: "\f815"; } + +.fa-paint-brush:before { + content: "\f1fc"; } + +.fa-paint-roller:before { + content: "\f5aa"; } + +.fa-palette:before { + content: "\f53f"; } + +.fa-palfed:before { + content: "\f3d8"; } + +.fa-pallet:before { + content: "\f482"; } + +.fa-paper-plane:before { + content: "\f1d8"; } + +.fa-paperclip:before { + content: "\f0c6"; } + +.fa-parachute-box:before { + content: "\f4cd"; } + +.fa-paragraph:before { + content: "\f1dd"; } + +.fa-parking:before { + content: "\f540"; } + +.fa-passport:before { + content: "\f5ab"; } + +.fa-pastafarianism:before { + content: "\f67b"; } + +.fa-paste:before { + content: "\f0ea"; } + +.fa-patreon:before { + content: "\f3d9"; } + +.fa-pause:before { + content: "\f04c"; } + +.fa-pause-circle:before { + content: "\f28b"; } + +.fa-paw:before { + content: "\f1b0"; } + +.fa-paypal:before { + content: "\f1ed"; } + +.fa-peace:before { + content: "\f67c"; } + +.fa-pen:before { + content: "\f304"; } + +.fa-pen-alt:before { + content: "\f305"; } + +.fa-pen-fancy:before { + content: "\f5ac"; } + +.fa-pen-nib:before { + content: "\f5ad"; } + +.fa-pen-square:before { + content: "\f14b"; } + +.fa-pencil-alt:before { + content: "\f303"; } + +.fa-pencil-ruler:before { + content: "\f5ae"; } + +.fa-penny-arcade:before { + content: "\f704"; } + +.fa-people-arrows:before { + content: "\f968"; } + +.fa-people-carry:before { + content: "\f4ce"; } + +.fa-pepper-hot:before { + content: "\f816"; } + +.fa-percent:before { + content: "\f295"; } + +.fa-percentage:before { + content: "\f541"; } + +.fa-periscope:before { + content: "\f3da"; } + +.fa-person-booth:before { + content: "\f756"; } + +.fa-phabricator:before { + content: "\f3db"; } + +.fa-phoenix-framework:before { + content: "\f3dc"; } + +.fa-phoenix-squadron:before { + content: "\f511"; } + +.fa-phone:before { + content: "\f095"; } + +.fa-phone-alt:before { + content: "\f879"; } + +.fa-phone-slash:before { + content: "\f3dd"; } + +.fa-phone-square:before { + content: "\f098"; } + +.fa-phone-square-alt:before { + content: "\f87b"; } + +.fa-phone-volume:before { + content: "\f2a0"; } + +.fa-photo-video:before { + content: "\f87c"; } + +.fa-php:before { + content: "\f457"; } + +.fa-pied-piper:before { + content: "\f2ae"; } + +.fa-pied-piper-alt:before { + content: "\f1a8"; } + +.fa-pied-piper-hat:before { + content: "\f4e5"; } + +.fa-pied-piper-pp:before { + content: "\f1a7"; } + +.fa-pied-piper-square:before { + content: "\f91e"; } + +.fa-piggy-bank:before { + content: "\f4d3"; } + +.fa-pills:before { + content: "\f484"; } + +.fa-pinterest:before { + content: "\f0d2"; } + +.fa-pinterest-p:before { + content: "\f231"; } + +.fa-pinterest-square:before { + content: "\f0d3"; } + +.fa-pizza-slice:before { + content: "\f818"; } + +.fa-place-of-worship:before { + content: "\f67f"; } + +.fa-plane:before { + content: "\f072"; } + +.fa-plane-arrival:before { + content: "\f5af"; } + +.fa-plane-departure:before { + content: "\f5b0"; } + +.fa-plane-slash:before { + content: "\f969"; } + +.fa-play:before { + content: "\f04b"; } + +.fa-play-circle:before { + content: "\f144"; } + +.fa-playstation:before { + content: "\f3df"; } + +.fa-plug:before { + content: "\f1e6"; } + +.fa-plus:before { + content: "\f067"; } + +.fa-plus-circle:before { + content: "\f055"; } + +.fa-plus-square:before { + content: "\f0fe"; } + +.fa-podcast:before { + content: "\f2ce"; } + +.fa-poll:before { + content: "\f681"; } + +.fa-poll-h:before { + content: "\f682"; } + +.fa-poo:before { + content: "\f2fe"; } + +.fa-poo-storm:before { + content: "\f75a"; } + +.fa-poop:before { + content: "\f619"; } + +.fa-portrait:before { + content: "\f3e0"; } + +.fa-pound-sign:before { + content: "\f154"; } + +.fa-power-off:before { + content: "\f011"; } + +.fa-pray:before { + content: "\f683"; } + +.fa-praying-hands:before { + content: "\f684"; } + +.fa-prescription:before { + content: "\f5b1"; } + +.fa-prescription-bottle:before { + content: "\f485"; } + +.fa-prescription-bottle-alt:before { + content: "\f486"; } + +.fa-print:before { + content: "\f02f"; } + +.fa-procedures:before { + content: "\f487"; } + +.fa-product-hunt:before { + content: "\f288"; } + +.fa-project-diagram:before { + content: "\f542"; } + +.fa-pump-medical:before { + content: "\f96a"; } + +.fa-pump-soap:before { + content: "\f96b"; } + +.fa-pushed:before { + content: "\f3e1"; } + +.fa-puzzle-piece:before { + content: "\f12e"; } + +.fa-python:before { + content: "\f3e2"; } + +.fa-qq:before { + content: "\f1d6"; } + +.fa-qrcode:before { + content: "\f029"; } + +.fa-question:before { + content: "\f128"; } + +.fa-question-circle:before { + content: "\f059"; } + +.fa-quidditch:before { + content: "\f458"; } + +.fa-quinscape:before { + content: "\f459"; } + +.fa-quora:before { + content: "\f2c4"; } + +.fa-quote-left:before { + content: "\f10d"; } + +.fa-quote-right:before { + content: "\f10e"; } + +.fa-quran:before { + content: "\f687"; } + +.fa-r-project:before { + content: "\f4f7"; } + +.fa-radiation:before { + content: "\f7b9"; } + +.fa-radiation-alt:before { + content: "\f7ba"; } + +.fa-rainbow:before { + content: "\f75b"; } + +.fa-random:before { + content: "\f074"; } + +.fa-raspberry-pi:before { + content: "\f7bb"; } + +.fa-ravelry:before { + content: "\f2d9"; } + +.fa-react:before { + content: "\f41b"; } + +.fa-reacteurope:before { + content: "\f75d"; } + +.fa-readme:before { + content: "\f4d5"; } + +.fa-rebel:before { + content: "\f1d0"; } + +.fa-receipt:before { + content: "\f543"; } + +.fa-record-vinyl:before { + content: "\f8d9"; } + +.fa-recycle:before { + content: "\f1b8"; } + +.fa-red-river:before { + content: "\f3e3"; } + +.fa-reddit:before { + content: "\f1a1"; } + +.fa-reddit-alien:before { + content: "\f281"; } + +.fa-reddit-square:before { + content: "\f1a2"; } + +.fa-redhat:before { + content: "\f7bc"; } + +.fa-redo:before { + content: "\f01e"; } + +.fa-redo-alt:before { + content: "\f2f9"; } + +.fa-registered:before { + content: "\f25d"; } + +.fa-remove-format:before { + content: "\f87d"; } + +.fa-renren:before { + content: "\f18b"; } + +.fa-reply:before { + content: "\f3e5"; } + +.fa-reply-all:before { + content: "\f122"; } + +.fa-replyd:before { + content: "\f3e6"; } + +.fa-republican:before { + content: "\f75e"; } + +.fa-researchgate:before { + content: "\f4f8"; } + +.fa-resolving:before { + content: "\f3e7"; } + +.fa-restroom:before { + content: "\f7bd"; } + +.fa-retweet:before { + content: "\f079"; } + +.fa-rev:before { + content: "\f5b2"; } + +.fa-ribbon:before { + content: "\f4d6"; } + +.fa-ring:before { + content: "\f70b"; } + +.fa-road:before { + content: "\f018"; } + +.fa-robot:before { + content: "\f544"; } + +.fa-rocket:before { + content: "\f135"; } + +.fa-rocketchat:before { + content: "\f3e8"; } + +.fa-rockrms:before { + content: "\f3e9"; } + +.fa-route:before { + content: "\f4d7"; } + +.fa-rss:before { + content: "\f09e"; } + +.fa-rss-square:before { + content: "\f143"; } + +.fa-ruble-sign:before { + content: "\f158"; } + +.fa-ruler:before { + content: "\f545"; } + +.fa-ruler-combined:before { + content: "\f546"; } + +.fa-ruler-horizontal:before { + content: "\f547"; } + +.fa-ruler-vertical:before { + content: "\f548"; } + +.fa-running:before { + content: "\f70c"; } + +.fa-rupee-sign:before { + content: "\f156"; } + +.fa-sad-cry:before { + content: "\f5b3"; } + +.fa-sad-tear:before { + content: "\f5b4"; } + +.fa-safari:before { + content: "\f267"; } + +.fa-salesforce:before { + content: "\f83b"; } + +.fa-sass:before { + content: "\f41e"; } + +.fa-satellite:before { + content: "\f7bf"; } + +.fa-satellite-dish:before { + content: "\f7c0"; } + +.fa-save:before { + content: "\f0c7"; } + +.fa-schlix:before { + content: "\f3ea"; } + +.fa-school:before { + content: "\f549"; } + +.fa-screwdriver:before { + content: "\f54a"; } + +.fa-scribd:before { + content: "\f28a"; } + +.fa-scroll:before { + content: "\f70e"; } + +.fa-sd-card:before { + content: "\f7c2"; } + +.fa-search:before { + content: "\f002"; } + +.fa-search-dollar:before { + content: "\f688"; } + +.fa-search-location:before { + content: "\f689"; } + +.fa-search-minus:before { + content: "\f010"; } + +.fa-search-plus:before { + content: "\f00e"; } + +.fa-searchengin:before { + content: "\f3eb"; } + +.fa-seedling:before { + content: "\f4d8"; } + +.fa-sellcast:before { + content: "\f2da"; } + +.fa-sellsy:before { + content: "\f213"; } + +.fa-server:before { + content: "\f233"; } + +.fa-servicestack:before { + content: "\f3ec"; } + +.fa-shapes:before { + content: "\f61f"; } + +.fa-share:before { + content: "\f064"; } + +.fa-share-alt:before { + content: "\f1e0"; } + +.fa-share-alt-square:before { + content: "\f1e1"; } + +.fa-share-square:before { + content: "\f14d"; } + +.fa-shekel-sign:before { + content: "\f20b"; } + +.fa-shield-alt:before { + content: "\f3ed"; } + +.fa-shield-virus:before { + content: "\f96c"; } + +.fa-ship:before { + content: "\f21a"; } + +.fa-shipping-fast:before { + content: "\f48b"; } + +.fa-shirtsinbulk:before { + content: "\f214"; } + +.fa-shoe-prints:before { + content: "\f54b"; } + +.fa-shopify:before { + content: "\f957"; } + +.fa-shopping-bag:before { + content: "\f290"; } + +.fa-shopping-basket:before { + content: "\f291"; } + +.fa-shopping-cart:before { + content: "\f07a"; } + +.fa-shopware:before { + content: "\f5b5"; } + +.fa-shower:before { + content: "\f2cc"; } + +.fa-shuttle-van:before { + content: "\f5b6"; } + +.fa-sign:before { + content: "\f4d9"; } + +.fa-sign-in-alt:before { + content: "\f2f6"; } + +.fa-sign-language:before { + content: "\f2a7"; } + +.fa-sign-out-alt:before { + content: "\f2f5"; } + +.fa-signal:before { + content: "\f012"; } + +.fa-signature:before { + content: "\f5b7"; } + +.fa-sim-card:before { + content: "\f7c4"; } + +.fa-simplybuilt:before { + content: "\f215"; } + +.fa-sistrix:before { + content: "\f3ee"; } + +.fa-sitemap:before { + content: "\f0e8"; } + +.fa-sith:before { + content: "\f512"; } + +.fa-skating:before { + content: "\f7c5"; } + +.fa-sketch:before { + content: "\f7c6"; } + +.fa-skiing:before { + content: "\f7c9"; } + +.fa-skiing-nordic:before { + content: "\f7ca"; } + +.fa-skull:before { + content: "\f54c"; } + +.fa-skull-crossbones:before { + content: "\f714"; } + +.fa-skyatlas:before { + content: "\f216"; } + +.fa-skype:before { + content: "\f17e"; } + +.fa-slack:before { + content: "\f198"; } + +.fa-slack-hash:before { + content: "\f3ef"; } + +.fa-slash:before { + content: "\f715"; } + +.fa-sleigh:before { + content: "\f7cc"; } + +.fa-sliders-h:before { + content: "\f1de"; } + +.fa-slideshare:before { + content: "\f1e7"; } + +.fa-smile:before { + content: "\f118"; } + +.fa-smile-beam:before { + content: "\f5b8"; } + +.fa-smile-wink:before { + content: "\f4da"; } + +.fa-smog:before { + content: "\f75f"; } + +.fa-smoking:before { + content: "\f48d"; } + +.fa-smoking-ban:before { + content: "\f54d"; } + +.fa-sms:before { + content: "\f7cd"; } + +.fa-snapchat:before { + content: "\f2ab"; } + +.fa-snapchat-ghost:before { + content: "\f2ac"; } + +.fa-snapchat-square:before { + content: "\f2ad"; } + +.fa-snowboarding:before { + content: "\f7ce"; } + +.fa-snowflake:before { + content: "\f2dc"; } + +.fa-snowman:before { + content: "\f7d0"; } + +.fa-snowplow:before { + content: "\f7d2"; } + +.fa-soap:before { + content: "\f96e"; } + +.fa-socks:before { + content: "\f696"; } + +.fa-solar-panel:before { + content: "\f5ba"; } + +.fa-sort:before { + content: "\f0dc"; } + +.fa-sort-alpha-down:before { + content: "\f15d"; } + +.fa-sort-alpha-down-alt:before { + content: "\f881"; } + +.fa-sort-alpha-up:before { + content: "\f15e"; } + +.fa-sort-alpha-up-alt:before { + content: "\f882"; } + +.fa-sort-amount-down:before { + content: "\f160"; } + +.fa-sort-amount-down-alt:before { + content: "\f884"; } + +.fa-sort-amount-up:before { + content: "\f161"; } + +.fa-sort-amount-up-alt:before { + content: "\f885"; } + +.fa-sort-down:before { + content: "\f0dd"; } + +.fa-sort-numeric-down:before { + content: "\f162"; } + +.fa-sort-numeric-down-alt:before { + content: "\f886"; } + +.fa-sort-numeric-up:before { + content: "\f163"; } + +.fa-sort-numeric-up-alt:before { + content: "\f887"; } + +.fa-sort-up:before { + content: "\f0de"; } + +.fa-soundcloud:before { + content: "\f1be"; } + +.fa-sourcetree:before { + content: "\f7d3"; } + +.fa-spa:before { + content: "\f5bb"; } + +.fa-space-shuttle:before { + content: "\f197"; } + +.fa-speakap:before { + content: "\f3f3"; } + +.fa-speaker-deck:before { + content: "\f83c"; } + +.fa-spell-check:before { + content: "\f891"; } + +.fa-spider:before { + content: "\f717"; } + +.fa-spinner:before { + content: "\f110"; } + +.fa-splotch:before { + content: "\f5bc"; } + +.fa-spotify:before { + content: "\f1bc"; } + +.fa-spray-can:before { + content: "\f5bd"; } + +.fa-square:before { + content: "\f0c8"; } + +.fa-square-full:before { + content: "\f45c"; } + +.fa-square-root-alt:before { + content: "\f698"; } + +.fa-squarespace:before { + content: "\f5be"; } + +.fa-stack-exchange:before { + content: "\f18d"; } + +.fa-stack-overflow:before { + content: "\f16c"; } + +.fa-stackpath:before { + content: "\f842"; } + +.fa-stamp:before { + content: "\f5bf"; } + +.fa-star:before { + content: "\f005"; } + +.fa-star-and-crescent:before { + content: "\f699"; } + +.fa-star-half:before { + content: "\f089"; } + +.fa-star-half-alt:before { + content: "\f5c0"; } + +.fa-star-of-david:before { + content: "\f69a"; } + +.fa-star-of-life:before { + content: "\f621"; } + +.fa-staylinked:before { + content: "\f3f5"; } + +.fa-steam:before { + content: "\f1b6"; } + +.fa-steam-square:before { + content: "\f1b7"; } + +.fa-steam-symbol:before { + content: "\f3f6"; } + +.fa-step-backward:before { + content: "\f048"; } + +.fa-step-forward:before { + content: "\f051"; } + +.fa-stethoscope:before { + content: "\f0f1"; } + +.fa-sticker-mule:before { + content: "\f3f7"; } + +.fa-sticky-note:before { + content: "\f249"; } + +.fa-stop:before { + content: "\f04d"; } + +.fa-stop-circle:before { + content: "\f28d"; } + +.fa-stopwatch:before { + content: "\f2f2"; } + +.fa-stopwatch-20:before { + content: "\f96f"; } + +.fa-store:before { + content: "\f54e"; } + +.fa-store-alt:before { + content: "\f54f"; } + +.fa-store-alt-slash:before { + content: "\f970"; } + +.fa-store-slash:before { + content: "\f971"; } + +.fa-strava:before { + content: "\f428"; } + +.fa-stream:before { + content: "\f550"; } + +.fa-street-view:before { + content: "\f21d"; } + +.fa-strikethrough:before { + content: "\f0cc"; } + +.fa-stripe:before { + content: "\f429"; } + +.fa-stripe-s:before { + content: "\f42a"; } + +.fa-stroopwafel:before { + content: "\f551"; } + +.fa-studiovinari:before { + content: "\f3f8"; } + +.fa-stumbleupon:before { + content: "\f1a4"; } + +.fa-stumbleupon-circle:before { + content: "\f1a3"; } + +.fa-subscript:before { + content: "\f12c"; } + +.fa-subway:before { + content: "\f239"; } + +.fa-suitcase:before { + content: "\f0f2"; } + +.fa-suitcase-rolling:before { + content: "\f5c1"; } + +.fa-sun:before { + content: "\f185"; } + +.fa-superpowers:before { + content: "\f2dd"; } + +.fa-superscript:before { + content: "\f12b"; } + +.fa-supple:before { + content: "\f3f9"; } + +.fa-surprise:before { + content: "\f5c2"; } + +.fa-suse:before { + content: "\f7d6"; } + +.fa-swatchbook:before { + content: "\f5c3"; } + +.fa-swift:before { + content: "\f8e1"; } + +.fa-swimmer:before { + content: "\f5c4"; } + +.fa-swimming-pool:before { + content: "\f5c5"; } + +.fa-symfony:before { + content: "\f83d"; } + +.fa-synagogue:before { + content: "\f69b"; } + +.fa-sync:before { + content: "\f021"; } + +.fa-sync-alt:before { + content: "\f2f1"; } + +.fa-syringe:before { + content: "\f48e"; } + +.fa-table:before { + content: "\f0ce"; } + +.fa-table-tennis:before { + content: "\f45d"; } + +.fa-tablet:before { + content: "\f10a"; } + +.fa-tablet-alt:before { + content: "\f3fa"; } + +.fa-tablets:before { + content: "\f490"; } + +.fa-tachometer-alt:before { + content: "\f3fd"; } + +.fa-tag:before { + content: "\f02b"; } + +.fa-tags:before { + content: "\f02c"; } + +.fa-tape:before { + content: "\f4db"; } + +.fa-tasks:before { + content: "\f0ae"; } + +.fa-taxi:before { + content: "\f1ba"; } + +.fa-teamspeak:before { + content: "\f4f9"; } + +.fa-teeth:before { + content: "\f62e"; } + +.fa-teeth-open:before { + content: "\f62f"; } + +.fa-telegram:before { + content: "\f2c6"; } + +.fa-telegram-plane:before { + content: "\f3fe"; } + +.fa-temperature-high:before { + content: "\f769"; } + +.fa-temperature-low:before { + content: "\f76b"; } + +.fa-tencent-weibo:before { + content: "\f1d5"; } + +.fa-tenge:before { + content: "\f7d7"; } + +.fa-terminal:before { + content: "\f120"; } + +.fa-text-height:before { + content: "\f034"; } + +.fa-text-width:before { + content: "\f035"; } + +.fa-th:before { + content: "\f00a"; } + +.fa-th-large:before { + content: "\f009"; } + +.fa-th-list:before { + content: "\f00b"; } + +.fa-the-red-yeti:before { + content: "\f69d"; } + +.fa-theater-masks:before { + content: "\f630"; } + +.fa-themeco:before { + content: "\f5c6"; } + +.fa-themeisle:before { + content: "\f2b2"; } + +.fa-thermometer:before { + content: "\f491"; } + +.fa-thermometer-empty:before { + content: "\f2cb"; } + +.fa-thermometer-full:before { + content: "\f2c7"; } + +.fa-thermometer-half:before { + content: "\f2c9"; } + +.fa-thermometer-quarter:before { + content: "\f2ca"; } + +.fa-thermometer-three-quarters:before { + content: "\f2c8"; } + +.fa-think-peaks:before { + content: "\f731"; } + +.fa-thumbs-down:before { + content: "\f165"; } + +.fa-thumbs-up:before { + content: "\f164"; } + +.fa-thumbtack:before { + content: "\f08d"; } + +.fa-ticket-alt:before { + content: "\f3ff"; } + +.fa-times:before { + content: "\f00d"; } + +.fa-times-circle:before { + content: "\f057"; } + +.fa-tint:before { + content: "\f043"; } + +.fa-tint-slash:before { + content: "\f5c7"; } + +.fa-tired:before { + content: "\f5c8"; } + +.fa-toggle-off:before { + content: "\f204"; } + +.fa-toggle-on:before { + content: "\f205"; } + +.fa-toilet:before { + content: "\f7d8"; } + +.fa-toilet-paper:before { + content: "\f71e"; } + +.fa-toilet-paper-slash:before { + content: "\f972"; } + +.fa-toolbox:before { + content: "\f552"; } + +.fa-tools:before { + content: "\f7d9"; } + +.fa-tooth:before { + content: "\f5c9"; } + +.fa-torah:before { + content: "\f6a0"; } + +.fa-torii-gate:before { + content: "\f6a1"; } + +.fa-tractor:before { + content: "\f722"; } + +.fa-trade-federation:before { + content: "\f513"; } + +.fa-trademark:before { + content: "\f25c"; } + +.fa-traffic-light:before { + content: "\f637"; } + +.fa-trailer:before { + content: "\f941"; } + +.fa-train:before { + content: "\f238"; } + +.fa-tram:before { + content: "\f7da"; } + +.fa-transgender:before { + content: "\f224"; } + +.fa-transgender-alt:before { + content: "\f225"; } + +.fa-trash:before { + content: "\f1f8"; } + +.fa-trash-alt:before { + content: "\f2ed"; } + +.fa-trash-restore:before { + content: "\f829"; } + +.fa-trash-restore-alt:before { + content: "\f82a"; } + +.fa-tree:before { + content: "\f1bb"; } + +.fa-trello:before { + content: "\f181"; } + +.fa-tripadvisor:before { + content: "\f262"; } + +.fa-trophy:before { + content: "\f091"; } + +.fa-truck:before { + content: "\f0d1"; } + +.fa-truck-loading:before { + content: "\f4de"; } + +.fa-truck-monster:before { + content: "\f63b"; } + +.fa-truck-moving:before { + content: "\f4df"; } + +.fa-truck-pickup:before { + content: "\f63c"; } + +.fa-tshirt:before { + content: "\f553"; } + +.fa-tty:before { + content: "\f1e4"; } + +.fa-tumblr:before { + content: "\f173"; } + +.fa-tumblr-square:before { + content: "\f174"; } + +.fa-tv:before { + content: "\f26c"; } + +.fa-twitch:before { + content: "\f1e8"; } + +.fa-twitter:before { + content: "\f099"; } + +.fa-twitter-square:before { + content: "\f081"; } + +.fa-typo3:before { + content: "\f42b"; } + +.fa-uber:before { + content: "\f402"; } + +.fa-ubuntu:before { + content: "\f7df"; } + +.fa-uikit:before { + content: "\f403"; } + +.fa-umbraco:before { + content: "\f8e8"; } + +.fa-umbrella:before { + content: "\f0e9"; } + +.fa-umbrella-beach:before { + content: "\f5ca"; } + +.fa-underline:before { + content: "\f0cd"; } + +.fa-undo:before { + content: "\f0e2"; } + +.fa-undo-alt:before { + content: "\f2ea"; } + +.fa-uniregistry:before { + content: "\f404"; } + +.fa-unity:before { + content: "\f949"; } + +.fa-universal-access:before { + content: "\f29a"; } + +.fa-university:before { + content: "\f19c"; } + +.fa-unlink:before { + content: "\f127"; } + +.fa-unlock:before { + content: "\f09c"; } + +.fa-unlock-alt:before { + content: "\f13e"; } + +.fa-untappd:before { + content: "\f405"; } + +.fa-upload:before { + content: "\f093"; } + +.fa-ups:before { + content: "\f7e0"; } + +.fa-usb:before { + content: "\f287"; } + +.fa-user:before { + content: "\f007"; } + +.fa-user-alt:before { + content: "\f406"; } + +.fa-user-alt-slash:before { + content: "\f4fa"; } + +.fa-user-astronaut:before { + content: "\f4fb"; } + +.fa-user-check:before { + content: "\f4fc"; } + +.fa-user-circle:before { + content: "\f2bd"; } + +.fa-user-clock:before { + content: "\f4fd"; } + +.fa-user-cog:before { + content: "\f4fe"; } + +.fa-user-edit:before { + content: "\f4ff"; } + +.fa-user-friends:before { + content: "\f500"; } + +.fa-user-graduate:before { + content: "\f501"; } + +.fa-user-injured:before { + content: "\f728"; } + +.fa-user-lock:before { + content: "\f502"; } + +.fa-user-md:before { + content: "\f0f0"; } + +.fa-user-minus:before { + content: "\f503"; } + +.fa-user-ninja:before { + content: "\f504"; } + +.fa-user-nurse:before { + content: "\f82f"; } + +.fa-user-plus:before { + content: "\f234"; } + +.fa-user-secret:before { + content: "\f21b"; } + +.fa-user-shield:before { + content: "\f505"; } + +.fa-user-slash:before { + content: "\f506"; } + +.fa-user-tag:before { + content: "\f507"; } + +.fa-user-tie:before { + content: "\f508"; } + +.fa-user-times:before { + content: "\f235"; } + +.fa-users:before { + content: "\f0c0"; } + +.fa-users-cog:before { + content: "\f509"; } + +.fa-usps:before { + content: "\f7e1"; } + +.fa-ussunnah:before { + content: "\f407"; } + +.fa-utensil-spoon:before { + content: "\f2e5"; } + +.fa-utensils:before { + content: "\f2e7"; } + +.fa-vaadin:before { + content: "\f408"; } + +.fa-vector-square:before { + content: "\f5cb"; } + +.fa-venus:before { + content: "\f221"; } + +.fa-venus-double:before { + content: "\f226"; } + +.fa-venus-mars:before { + content: "\f228"; } + +.fa-viacoin:before { + content: "\f237"; } + +.fa-viadeo:before { + content: "\f2a9"; } + +.fa-viadeo-square:before { + content: "\f2aa"; } + +.fa-vial:before { + content: "\f492"; } + +.fa-vials:before { + content: "\f493"; } + +.fa-viber:before { + content: "\f409"; } + +.fa-video:before { + content: "\f03d"; } + +.fa-video-slash:before { + content: "\f4e2"; } + +.fa-vihara:before { + content: "\f6a7"; } + +.fa-vimeo:before { + content: "\f40a"; } + +.fa-vimeo-square:before { + content: "\f194"; } + +.fa-vimeo-v:before { + content: "\f27d"; } + +.fa-vine:before { + content: "\f1ca"; } + +.fa-virus:before { + content: "\f974"; } + +.fa-virus-slash:before { + content: "\f975"; } + +.fa-viruses:before { + content: "\f976"; } + +.fa-vk:before { + content: "\f189"; } + +.fa-vnv:before { + content: "\f40b"; } + +.fa-voicemail:before { + content: "\f897"; } + +.fa-volleyball-ball:before { + content: "\f45f"; } + +.fa-volume-down:before { + content: "\f027"; } + +.fa-volume-mute:before { + content: "\f6a9"; } + +.fa-volume-off:before { + content: "\f026"; } + +.fa-volume-up:before { + content: "\f028"; } + +.fa-vote-yea:before { + content: "\f772"; } + +.fa-vr-cardboard:before { + content: "\f729"; } + +.fa-vuejs:before { + content: "\f41f"; } + +.fa-walking:before { + content: "\f554"; } + +.fa-wallet:before { + content: "\f555"; } + +.fa-warehouse:before { + content: "\f494"; } + +.fa-water:before { + content: "\f773"; } + +.fa-wave-square:before { + content: "\f83e"; } + +.fa-waze:before { + content: "\f83f"; } + +.fa-weebly:before { + content: "\f5cc"; } + +.fa-weibo:before { + content: "\f18a"; } + +.fa-weight:before { + content: "\f496"; } + +.fa-weight-hanging:before { + content: "\f5cd"; } + +.fa-weixin:before { + content: "\f1d7"; } + +.fa-whatsapp:before { + content: "\f232"; } + +.fa-whatsapp-square:before { + content: "\f40c"; } + +.fa-wheelchair:before { + content: "\f193"; } + +.fa-whmcs:before { + content: "\f40d"; } + +.fa-wifi:before { + content: "\f1eb"; } + +.fa-wikipedia-w:before { + content: "\f266"; } + +.fa-wind:before { + content: "\f72e"; } + +.fa-window-close:before { + content: "\f410"; } + +.fa-window-maximize:before { + content: "\f2d0"; } + +.fa-window-minimize:before { + content: "\f2d1"; } + +.fa-window-restore:before { + content: "\f2d2"; } + +.fa-windows:before { + content: "\f17a"; } + +.fa-wine-bottle:before { + content: "\f72f"; } + +.fa-wine-glass:before { + content: "\f4e3"; } + +.fa-wine-glass-alt:before { + content: "\f5ce"; } + +.fa-wix:before { + content: "\f5cf"; } + +.fa-wizards-of-the-coast:before { + content: "\f730"; } + +.fa-wolf-pack-battalion:before { + content: "\f514"; } + +.fa-won-sign:before { + content: "\f159"; } + +.fa-wordpress:before { + content: "\f19a"; } + +.fa-wordpress-simple:before { + content: "\f411"; } + +.fa-wpbeginner:before { + content: "\f297"; } + +.fa-wpexplorer:before { + content: "\f2de"; } + +.fa-wpforms:before { + content: "\f298"; } + +.fa-wpressr:before { + content: "\f3e4"; } + +.fa-wrench:before { + content: "\f0ad"; } + +.fa-x-ray:before { + content: "\f497"; } + +.fa-xbox:before { + content: "\f412"; } + +.fa-xing:before { + content: "\f168"; } + +.fa-xing-square:before { + content: "\f169"; } + +.fa-y-combinator:before { + content: "\f23b"; } + +.fa-yahoo:before { + content: "\f19e"; } + +.fa-yammer:before { + content: "\f840"; } + +.fa-yandex:before { + content: "\f413"; } + +.fa-yandex-international:before { + content: "\f414"; } + +.fa-yarn:before { + content: "\f7e3"; } + +.fa-yelp:before { + content: "\f1e9"; } + +.fa-yen-sign:before { + content: "\f157"; } + +.fa-yin-yang:before { + content: "\f6ad"; } + +.fa-yoast:before { + content: "\f2b1"; } + +.fa-youtube:before { + content: "\f167"; } + +.fa-youtube-square:before { + content: "\f431"; } + +.fa-zhihu:before { + content: "\f63f"; } + +.sr-only { + border: 0; + clip: rect(0, 0, 0, 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } + +.sr-only-focusable:active, .sr-only-focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; } +@font-face { + font-family: 'Font Awesome 5 Brands'; + font-style: normal; + font-weight: 400; + font-display: block; + src: url("../webfonts/fa-brands-400.eot"); + src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); } + +.fab { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } +@font-face { + font-family: 'Font Awesome 5 Free'; + font-style: normal; + font-weight: 400; + font-display: block; + src: url("../webfonts/fa-regular-400.eot"); + src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); } + +.far { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } +@font-face { + font-family: 'Font Awesome 5 Free'; + font-style: normal; + font-weight: 900; + font-display: block; + src: url("../webfonts/fa-solid-900.eot"); + src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); } + +.fa, +.fas { + font-family: 'Font Awesome 5 Free'; + font-weight: 900; } diff --git a/www/assets/js/adminlte.js b/www/assets/js/adminlte.js index d7b268b85..82a848112 100644 --- a/www/assets/js/adminlte.js +++ b/www/assets/js/adminlte.js @@ -1,5 +1,5 @@ /*! - * AdminLTE v3.1.0-rc (https://adminlte.io) + * AdminLTE v3.2.0-rc (https://adminlte.io) * Copyright 2014-2021 Colorlib * Licensed under MIT (https://github.com/ColorlibHQ/AdminLTE/blob/master/LICENSE) */ @@ -7,7 +7,7 @@ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('jquery')) : typeof define === 'function' && define.amd ? define(['exports', 'jquery'], factory) : (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.adminlte = {}, global.jQuery)); -}(this, (function (exports, $) { 'use strict'; +})(this, (function (exports, $) { 'use strict'; function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; } @@ -24,17 +24,17 @@ * ==================================================== */ - var NAME = 'CardRefresh'; - var DATA_KEY = 'lte.cardrefresh'; - var EVENT_KEY = "." + DATA_KEY; - var JQUERY_NO_CONFLICT = $__default['default'].fn[NAME]; - var EVENT_LOADED = "loaded" + EVENT_KEY; - var EVENT_OVERLAY_ADDED = "overlay.added" + EVENT_KEY; - var EVENT_OVERLAY_REMOVED = "overlay.removed" + EVENT_KEY; - var CLASS_NAME_CARD = 'card'; - var SELECTOR_CARD = "." + CLASS_NAME_CARD; + var NAME$e = 'CardRefresh'; + var DATA_KEY$e = 'lte.cardrefresh'; + var EVENT_KEY$7 = "." + DATA_KEY$e; + var JQUERY_NO_CONFLICT$e = $__default["default"].fn[NAME$e]; + var EVENT_LOADED = "loaded" + EVENT_KEY$7; + var EVENT_OVERLAY_ADDED = "overlay.added" + EVENT_KEY$7; + var EVENT_OVERLAY_REMOVED = "overlay.removed" + EVENT_KEY$7; + var CLASS_NAME_CARD$1 = 'card'; + var SELECTOR_CARD$1 = "." + CLASS_NAME_CARD$1; var SELECTOR_DATA_REFRESH = '[data-card-widget="card-refresh"]'; - var Default = { + var Default$c = { source: '', sourceSelector: '', params: {}, @@ -42,22 +42,25 @@ content: '.card-body', loadInContent: true, loadOnInit: true, + loadErrorTemplate: true, responseType: '', overlayTemplate: '
', + errorTemplate: '', onLoadStart: function onLoadStart() {}, onLoadDone: function onLoadDone(response) { return response; - } + }, + onLoadFail: function onLoadFail(_jqXHR, _textStatus, _errorThrown) {} }; var CardRefresh = /*#__PURE__*/function () { function CardRefresh(element, settings) { this._element = element; - this._parent = element.parents(SELECTOR_CARD).first(); - this._settings = $__default['default'].extend({}, Default, settings); - this._overlay = $__default['default'](this._settings.overlayTemplate); + this._parent = element.parents(SELECTOR_CARD$1).first(); + this._settings = $__default["default"].extend({}, Default$c, settings); + this._overlay = $__default["default"](this._settings.overlayTemplate); - if (element.hasClass(CLASS_NAME_CARD)) { + if (element.hasClass(CLASS_NAME_CARD$1)) { this._parent = element; } @@ -73,41 +76,51 @@ this._addOverlay(); - this._settings.onLoadStart.call($__default['default'](this)); + this._settings.onLoadStart.call($__default["default"](this)); - $__default['default'].get(this._settings.source, this._settings.params, function (response) { + $__default["default"].get(this._settings.source, this._settings.params, function (response) { if (_this._settings.loadInContent) { if (_this._settings.sourceSelector !== '') { - response = $__default['default'](response).find(_this._settings.sourceSelector).html(); + response = $__default["default"](response).find(_this._settings.sourceSelector).html(); } _this._parent.find(_this._settings.content).html(response); } - _this._settings.onLoadDone.call($__default['default'](_this), response); + _this._settings.onLoadDone.call($__default["default"](_this), response); _this._removeOverlay(); - }, this._settings.responseType !== '' && this._settings.responseType); - $__default['default'](this._element).trigger($__default['default'].Event(EVENT_LOADED)); + }, this._settings.responseType !== '' && this._settings.responseType).fail(function (jqXHR, textStatus, errorThrown) { + _this._removeOverlay(); + + if (_this._settings.loadErrorTemplate) { + var msg = $__default["default"](_this._settings.errorTemplate).text(errorThrown); + + _this._parent.find(_this._settings.content).empty().append(msg); + } + + _this._settings.onLoadFail.call($__default["default"](_this), jqXHR, textStatus, errorThrown); + }); + $__default["default"](this._element).trigger($__default["default"].Event(EVENT_LOADED)); }; _proto._addOverlay = function _addOverlay() { this._parent.append(this._overlay); - $__default['default'](this._element).trigger($__default['default'].Event(EVENT_OVERLAY_ADDED)); + $__default["default"](this._element).trigger($__default["default"].Event(EVENT_OVERLAY_ADDED)); }; _proto._removeOverlay = function _removeOverlay() { this._parent.find(this._overlay).remove(); - $__default['default'](this._element).trigger($__default['default'].Event(EVENT_OVERLAY_REMOVED)); + $__default["default"](this._element).trigger($__default["default"].Event(EVENT_OVERLAY_REMOVED)); } // Private ; _proto._init = function _init() { var _this2 = this; - $__default['default'](this).find(this._settings.trigger).on('click', function () { + $__default["default"](this).find(this._settings.trigger).on('click', function () { _this2.load(); }); @@ -118,19 +131,19 @@ ; CardRefresh._jQueryInterface = function _jQueryInterface(config) { - var data = $__default['default'](this).data(DATA_KEY); + var data = $__default["default"](this).data(DATA_KEY$e); - var _options = $__default['default'].extend({}, Default, $__default['default'](this).data()); + var _options = $__default["default"].extend({}, Default$c, $__default["default"](this).data()); if (!data) { - data = new CardRefresh($__default['default'](this), _options); - $__default['default'](this).data(DATA_KEY, typeof config === 'string' ? data : config); + data = new CardRefresh($__default["default"](this), _options); + $__default["default"](this).data(DATA_KEY$e, typeof config === 'string' ? data : config); } - if (typeof config === 'string' && config.match(/load/)) { + if (typeof config === 'string' && /load/.test(config)) { data[config](); } else { - data._init($__default['default'](this)); + data._init($__default["default"](this)); } }; @@ -142,16 +155,16 @@ */ - $__default['default'](document).on('click', SELECTOR_DATA_REFRESH, function (event) { + $__default["default"](document).on('click', SELECTOR_DATA_REFRESH, function (event) { if (event) { event.preventDefault(); } - CardRefresh._jQueryInterface.call($__default['default'](this), 'load'); + CardRefresh._jQueryInterface.call($__default["default"](this), 'load'); }); - $__default['default'](function () { - $__default['default'](SELECTOR_DATA_REFRESH).each(function () { - CardRefresh._jQueryInterface.call($__default['default'](this)); + $__default["default"](function () { + $__default["default"](SELECTOR_DATA_REFRESH).each(function () { + CardRefresh._jQueryInterface.call($__default["default"](this)); }); }); /** @@ -159,11 +172,11 @@ * ==================================================== */ - $__default['default'].fn[NAME] = CardRefresh._jQueryInterface; - $__default['default'].fn[NAME].Constructor = CardRefresh; + $__default["default"].fn[NAME$e] = CardRefresh._jQueryInterface; + $__default["default"].fn[NAME$e].Constructor = CardRefresh; - $__default['default'].fn[NAME].noConflict = function () { - $__default['default'].fn[NAME] = JQUERY_NO_CONFLICT; + $__default["default"].fn[NAME$e].noConflict = function () { + $__default["default"].fn[NAME$e] = JQUERY_NO_CONFLICT$e; return CardRefresh._jQueryInterface; }; @@ -178,17 +191,17 @@ * ==================================================== */ - var NAME$1 = 'CardWidget'; - var DATA_KEY$1 = 'lte.cardwidget'; - var EVENT_KEY$1 = "." + DATA_KEY$1; - var JQUERY_NO_CONFLICT$1 = $__default['default'].fn[NAME$1]; - var EVENT_EXPANDED = "expanded" + EVENT_KEY$1; - var EVENT_COLLAPSED = "collapsed" + EVENT_KEY$1; - var EVENT_MAXIMIZED = "maximized" + EVENT_KEY$1; - var EVENT_MINIMIZED = "minimized" + EVENT_KEY$1; - var EVENT_REMOVED = "removed" + EVENT_KEY$1; - var CLASS_NAME_CARD$1 = 'card'; - var CLASS_NAME_COLLAPSED = 'collapsed-card'; + var NAME$d = 'CardWidget'; + var DATA_KEY$d = 'lte.cardwidget'; + var EVENT_KEY$6 = "." + DATA_KEY$d; + var JQUERY_NO_CONFLICT$d = $__default["default"].fn[NAME$d]; + var EVENT_EXPANDED$3 = "expanded" + EVENT_KEY$6; + var EVENT_COLLAPSED$4 = "collapsed" + EVENT_KEY$6; + var EVENT_MAXIMIZED = "maximized" + EVENT_KEY$6; + var EVENT_MINIMIZED = "minimized" + EVENT_KEY$6; + var EVENT_REMOVED$1 = "removed" + EVENT_KEY$6; + var CLASS_NAME_CARD = 'card'; + var CLASS_NAME_COLLAPSED$1 = 'collapsed-card'; var CLASS_NAME_COLLAPSING = 'collapsing-card'; var CLASS_NAME_EXPANDING = 'expanding-card'; var CLASS_NAME_WAS_COLLAPSED = 'was-collapsed'; @@ -196,11 +209,11 @@ var SELECTOR_DATA_REMOVE = '[data-card-widget="remove"]'; var SELECTOR_DATA_COLLAPSE = '[data-card-widget="collapse"]'; var SELECTOR_DATA_MAXIMIZE = '[data-card-widget="maximize"]'; - var SELECTOR_CARD$1 = "." + CLASS_NAME_CARD$1; + var SELECTOR_CARD = "." + CLASS_NAME_CARD; var SELECTOR_CARD_HEADER = '.card-header'; var SELECTOR_CARD_BODY = '.card-body'; var SELECTOR_CARD_FOOTER = '.card-footer'; - var Default$1 = { + var Default$b = { animationSpeed: 'normal', collapseTrigger: SELECTOR_DATA_COLLAPSE, removeTrigger: SELECTOR_DATA_REMOVE, @@ -214,13 +227,13 @@ var CardWidget = /*#__PURE__*/function () { function CardWidget(element, settings) { this._element = element; - this._parent = element.parents(SELECTOR_CARD$1).first(); + this._parent = element.parents(SELECTOR_CARD).first(); - if (element.hasClass(CLASS_NAME_CARD$1)) { + if (element.hasClass(CLASS_NAME_CARD)) { this._parent = element; } - this._settings = $__default['default'].extend({}, Default$1, settings); + this._settings = $__default["default"].extend({}, Default$b, settings); } var _proto = CardWidget.prototype; @@ -229,34 +242,34 @@ var _this = this; this._parent.addClass(CLASS_NAME_COLLAPSING).children(SELECTOR_CARD_BODY + ", " + SELECTOR_CARD_FOOTER).slideUp(this._settings.animationSpeed, function () { - _this._parent.addClass(CLASS_NAME_COLLAPSED).removeClass(CLASS_NAME_COLLAPSING); + _this._parent.addClass(CLASS_NAME_COLLAPSED$1).removeClass(CLASS_NAME_COLLAPSING); }); this._parent.find("> " + SELECTOR_CARD_HEADER + " " + this._settings.collapseTrigger + " ." + this._settings.collapseIcon).addClass(this._settings.expandIcon).removeClass(this._settings.collapseIcon); - this._element.trigger($__default['default'].Event(EVENT_COLLAPSED), this._parent); + this._element.trigger($__default["default"].Event(EVENT_COLLAPSED$4), this._parent); }; _proto.expand = function expand() { var _this2 = this; this._parent.addClass(CLASS_NAME_EXPANDING).children(SELECTOR_CARD_BODY + ", " + SELECTOR_CARD_FOOTER).slideDown(this._settings.animationSpeed, function () { - _this2._parent.removeClass(CLASS_NAME_COLLAPSED).removeClass(CLASS_NAME_EXPANDING); + _this2._parent.removeClass(CLASS_NAME_COLLAPSED$1).removeClass(CLASS_NAME_EXPANDING); }); this._parent.find("> " + SELECTOR_CARD_HEADER + " " + this._settings.collapseTrigger + " ." + this._settings.expandIcon).addClass(this._settings.collapseIcon).removeClass(this._settings.expandIcon); - this._element.trigger($__default['default'].Event(EVENT_EXPANDED), this._parent); + this._element.trigger($__default["default"].Event(EVENT_EXPANDED$3), this._parent); }; _proto.remove = function remove() { this._parent.slideUp(); - this._element.trigger($__default['default'].Event(EVENT_REMOVED), this._parent); + this._element.trigger($__default["default"].Event(EVENT_REMOVED$1), this._parent); }; _proto.toggle = function toggle() { - if (this._parent.hasClass(CLASS_NAME_COLLAPSED)) { + if (this._parent.hasClass(CLASS_NAME_COLLAPSED$1)) { this.expand(); return; } @@ -272,27 +285,27 @@ width: this._parent.width(), transition: 'all .15s' }).delay(150).queue(function () { - var $element = $__default['default'](this); + var $element = $__default["default"](this); $element.addClass(CLASS_NAME_MAXIMIZED); - $__default['default']('html').addClass(CLASS_NAME_MAXIMIZED); + $__default["default"]('html').addClass(CLASS_NAME_MAXIMIZED); - if ($element.hasClass(CLASS_NAME_COLLAPSED)) { + if ($element.hasClass(CLASS_NAME_COLLAPSED$1)) { $element.addClass(CLASS_NAME_WAS_COLLAPSED); } $element.dequeue(); }); - this._element.trigger($__default['default'].Event(EVENT_MAXIMIZED), this._parent); + this._element.trigger($__default["default"].Event(EVENT_MAXIMIZED), this._parent); }; _proto.minimize = function minimize() { this._parent.find(this._settings.maximizeTrigger + " ." + this._settings.minimizeIcon).addClass(this._settings.maximizeIcon).removeClass(this._settings.minimizeIcon); this._parent.css('cssText', "height: " + this._parent[0].style.height + " !important; width: " + this._parent[0].style.width + " !important; transition: all .15s;").delay(10).queue(function () { - var $element = $__default['default'](this); + var $element = $__default["default"](this); $element.removeClass(CLASS_NAME_MAXIMIZED); - $__default['default']('html').removeClass(CLASS_NAME_MAXIMIZED); + $__default["default"]('html').removeClass(CLASS_NAME_MAXIMIZED); $element.css({ height: 'inherit', width: 'inherit' @@ -305,7 +318,7 @@ $element.dequeue(); }); - this._element.trigger($__default['default'].Event(EVENT_MINIMIZED), this._parent); + this._element.trigger($__default["default"].Event(EVENT_MINIMIZED), this._parent); }; _proto.toggleMaximize = function toggleMaximize() { @@ -322,32 +335,32 @@ var _this3 = this; this._parent = card; - $__default['default'](this).find(this._settings.collapseTrigger).click(function () { + $__default["default"](this).find(this._settings.collapseTrigger).click(function () { _this3.toggle(); }); - $__default['default'](this).find(this._settings.maximizeTrigger).click(function () { + $__default["default"](this).find(this._settings.maximizeTrigger).click(function () { _this3.toggleMaximize(); }); - $__default['default'](this).find(this._settings.removeTrigger).click(function () { + $__default["default"](this).find(this._settings.removeTrigger).click(function () { _this3.remove(); }); } // Static ; CardWidget._jQueryInterface = function _jQueryInterface(config) { - var data = $__default['default'](this).data(DATA_KEY$1); + var data = $__default["default"](this).data(DATA_KEY$d); - var _options = $__default['default'].extend({}, Default$1, $__default['default'](this).data()); + var _options = $__default["default"].extend({}, Default$b, $__default["default"](this).data()); if (!data) { - data = new CardWidget($__default['default'](this), _options); - $__default['default'](this).data(DATA_KEY$1, typeof config === 'string' ? data : config); + data = new CardWidget($__default["default"](this), _options); + $__default["default"](this).data(DATA_KEY$d, typeof config === 'string' ? data : config); } - if (typeof config === 'string' && config.match(/collapse|expand|remove|toggle|maximize|minimize|toggleMaximize/)) { + if (typeof config === 'string' && /collapse|expand|remove|toggle|maximize|minimize|toggleMaximize/.test(config)) { data[config](); } else if (typeof config === 'object') { - data._init($__default['default'](this)); + data._init($__default["default"](this)); } }; @@ -359,37 +372,37 @@ */ - $__default['default'](document).on('click', SELECTOR_DATA_COLLAPSE, function (event) { + $__default["default"](document).on('click', SELECTOR_DATA_COLLAPSE, function (event) { if (event) { event.preventDefault(); } - CardWidget._jQueryInterface.call($__default['default'](this), 'toggle'); + CardWidget._jQueryInterface.call($__default["default"](this), 'toggle'); }); - $__default['default'](document).on('click', SELECTOR_DATA_REMOVE, function (event) { + $__default["default"](document).on('click', SELECTOR_DATA_REMOVE, function (event) { if (event) { event.preventDefault(); } - CardWidget._jQueryInterface.call($__default['default'](this), 'remove'); + CardWidget._jQueryInterface.call($__default["default"](this), 'remove'); }); - $__default['default'](document).on('click', SELECTOR_DATA_MAXIMIZE, function (event) { + $__default["default"](document).on('click', SELECTOR_DATA_MAXIMIZE, function (event) { if (event) { event.preventDefault(); } - CardWidget._jQueryInterface.call($__default['default'](this), 'toggleMaximize'); + CardWidget._jQueryInterface.call($__default["default"](this), 'toggleMaximize'); }); /** * jQuery API * ==================================================== */ - $__default['default'].fn[NAME$1] = CardWidget._jQueryInterface; - $__default['default'].fn[NAME$1].Constructor = CardWidget; + $__default["default"].fn[NAME$d] = CardWidget._jQueryInterface; + $__default["default"].fn[NAME$d].Constructor = CardWidget; - $__default['default'].fn[NAME$1].noConflict = function () { - $__default['default'].fn[NAME$1] = JQUERY_NO_CONFLICT$1; + $__default["default"].fn[NAME$d].noConflict = function () { + $__default["default"].fn[NAME$d] = JQUERY_NO_CONFLICT$d; return CardWidget._jQueryInterface; }; @@ -404,21 +417,22 @@ * ==================================================== */ - var NAME$2 = 'ControlSidebar'; - var DATA_KEY$2 = 'lte.controlsidebar'; - var EVENT_KEY$2 = "." + DATA_KEY$2; - var JQUERY_NO_CONFLICT$2 = $__default['default'].fn[NAME$2]; - var EVENT_COLLAPSED$1 = "collapsed" + EVENT_KEY$2; - var EVENT_EXPANDED$1 = "expanded" + EVENT_KEY$2; + var NAME$c = 'ControlSidebar'; + var DATA_KEY$c = 'lte.controlsidebar'; + var EVENT_KEY$5 = "." + DATA_KEY$c; + var JQUERY_NO_CONFLICT$c = $__default["default"].fn[NAME$c]; + var EVENT_COLLAPSED$3 = "collapsed" + EVENT_KEY$5; + var EVENT_COLLAPSED_DONE$1 = "collapsed-done" + EVENT_KEY$5; + var EVENT_EXPANDED$2 = "expanded" + EVENT_KEY$5; var SELECTOR_CONTROL_SIDEBAR = '.control-sidebar'; - var SELECTOR_CONTROL_SIDEBAR_CONTENT = '.control-sidebar-content'; - var SELECTOR_DATA_TOGGLE = '[data-widget="control-sidebar"]'; - var SELECTOR_HEADER = '.main-header'; - var SELECTOR_FOOTER = '.main-footer'; + var SELECTOR_CONTROL_SIDEBAR_CONTENT$1 = '.control-sidebar-content'; + var SELECTOR_DATA_TOGGLE$4 = '[data-widget="control-sidebar"]'; + var SELECTOR_HEADER$1 = '.main-header'; + var SELECTOR_FOOTER$1 = '.main-footer'; var CLASS_NAME_CONTROL_SIDEBAR_ANIMATE = 'control-sidebar-animate'; - var CLASS_NAME_CONTROL_SIDEBAR_OPEN = 'control-sidebar-open'; + var CLASS_NAME_CONTROL_SIDEBAR_OPEN$1 = 'control-sidebar-open'; var CLASS_NAME_CONTROL_SIDEBAR_SLIDE = 'control-sidebar-slide-open'; - var CLASS_NAME_LAYOUT_FIXED = 'layout-fixed'; + var CLASS_NAME_LAYOUT_FIXED$1 = 'layout-fixed'; var CLASS_NAME_NAVBAR_FIXED = 'layout-navbar-fixed'; var CLASS_NAME_NAVBAR_SM_FIXED = 'layout-sm-navbar-fixed'; var CLASS_NAME_NAVBAR_MD_FIXED = 'layout-md-navbar-fixed'; @@ -429,10 +443,12 @@ var CLASS_NAME_FOOTER_MD_FIXED = 'layout-md-footer-fixed'; var CLASS_NAME_FOOTER_LG_FIXED = 'layout-lg-footer-fixed'; var CLASS_NAME_FOOTER_XL_FIXED = 'layout-xl-footer-fixed'; - var Default$2 = { + var Default$a = { controlsidebarSlide: true, scrollbarTheme: 'os-theme-light', - scrollbarAutoHide: 'l' + scrollbarAutoHide: 'l', + target: SELECTOR_CONTROL_SIDEBAR, + animationSpeed: 300 }; /** * Class Definition @@ -443,58 +459,62 @@ function ControlSidebar(element, config) { this._element = element; this._config = config; - - this._init(); } // Public var _proto = ControlSidebar.prototype; _proto.collapse = function collapse() { - var $body = $__default['default']('body'); - var $html = $__default['default']('html'); // Show the control sidebar + var _this = this; + + var $body = $__default["default"]('body'); + var $html = $__default["default"]('html'); + var target = this._config.target; // Show the control sidebar if (this._config.controlsidebarSlide) { $html.addClass(CLASS_NAME_CONTROL_SIDEBAR_ANIMATE); $body.removeClass(CLASS_NAME_CONTROL_SIDEBAR_SLIDE).delay(300).queue(function () { - $__default['default'](SELECTOR_CONTROL_SIDEBAR).hide(); + $__default["default"](target).hide(); $html.removeClass(CLASS_NAME_CONTROL_SIDEBAR_ANIMATE); - $__default['default'](this).dequeue(); + $__default["default"](this).dequeue(); }); } else { - $body.removeClass(CLASS_NAME_CONTROL_SIDEBAR_OPEN); + $body.removeClass(CLASS_NAME_CONTROL_SIDEBAR_OPEN$1); } - $__default['default'](this._element).trigger($__default['default'].Event(EVENT_COLLAPSED$1)); + $__default["default"](this._element).trigger($__default["default"].Event(EVENT_COLLAPSED$3)); + setTimeout(function () { + $__default["default"](_this._element).trigger($__default["default"].Event(EVENT_COLLAPSED_DONE$1)); + }, this._config.animationSpeed); }; _proto.show = function show() { - var $body = $__default['default']('body'); - var $html = $__default['default']('html'); // Collapse the control sidebar + var $body = $__default["default"]('body'); + var $html = $__default["default"]('html'); // Collapse the control sidebar if (this._config.controlsidebarSlide) { $html.addClass(CLASS_NAME_CONTROL_SIDEBAR_ANIMATE); - $__default['default'](SELECTOR_CONTROL_SIDEBAR).show().delay(10).queue(function () { + $__default["default"](this._config.target).show().delay(10).queue(function () { $body.addClass(CLASS_NAME_CONTROL_SIDEBAR_SLIDE).delay(300).queue(function () { $html.removeClass(CLASS_NAME_CONTROL_SIDEBAR_ANIMATE); - $__default['default'](this).dequeue(); + $__default["default"](this).dequeue(); }); - $__default['default'](this).dequeue(); + $__default["default"](this).dequeue(); }); } else { - $body.addClass(CLASS_NAME_CONTROL_SIDEBAR_OPEN); + $body.addClass(CLASS_NAME_CONTROL_SIDEBAR_OPEN$1); } this._fixHeight(); this._fixScrollHeight(); - $__default['default'](this._element).trigger($__default['default'].Event(EVENT_EXPANDED$1)); + $__default["default"](this._element).trigger($__default["default"].Event(EVENT_EXPANDED$2)); }; _proto.toggle = function toggle() { - var $body = $__default['default']('body'); - var shouldClose = $body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_OPEN) || $body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_SLIDE); + var $body = $__default["default"]('body'); + var shouldClose = $body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_OPEN$1) || $body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_SLIDE); if (shouldClose) { // Close the control sidebar @@ -507,48 +527,68 @@ ; _proto._init = function _init() { - var _this = this; + var _this2 = this; + + var $body = $__default["default"]('body'); + var shouldNotHideAll = $body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_OPEN$1) || $body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_SLIDE); + + if (shouldNotHideAll) { + $__default["default"](SELECTOR_CONTROL_SIDEBAR).not(this._config.target).hide(); + $__default["default"](this._config.target).css('display', 'block'); + } else { + $__default["default"](SELECTOR_CONTROL_SIDEBAR).hide(); + } this._fixHeight(); this._fixScrollHeight(); - $__default['default'](window).resize(function () { - _this._fixHeight(); + $__default["default"](window).resize(function () { + _this2._fixHeight(); - _this._fixScrollHeight(); + _this2._fixScrollHeight(); }); - $__default['default'](window).scroll(function () { - var $body = $__default['default']('body'); - var shouldFixHeight = $body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_OPEN) || $body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_SLIDE); + $__default["default"](window).scroll(function () { + var $body = $__default["default"]('body'); + var shouldFixHeight = $body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_OPEN$1) || $body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_SLIDE); if (shouldFixHeight) { - _this._fixScrollHeight(); + _this2._fixScrollHeight(); } }); }; + _proto._isNavbarFixed = function _isNavbarFixed() { + var $body = $__default["default"]('body'); + return $body.hasClass(CLASS_NAME_NAVBAR_FIXED) || $body.hasClass(CLASS_NAME_NAVBAR_SM_FIXED) || $body.hasClass(CLASS_NAME_NAVBAR_MD_FIXED) || $body.hasClass(CLASS_NAME_NAVBAR_LG_FIXED) || $body.hasClass(CLASS_NAME_NAVBAR_XL_FIXED); + }; + + _proto._isFooterFixed = function _isFooterFixed() { + var $body = $__default["default"]('body'); + return $body.hasClass(CLASS_NAME_FOOTER_FIXED) || $body.hasClass(CLASS_NAME_FOOTER_SM_FIXED) || $body.hasClass(CLASS_NAME_FOOTER_MD_FIXED) || $body.hasClass(CLASS_NAME_FOOTER_LG_FIXED) || $body.hasClass(CLASS_NAME_FOOTER_XL_FIXED); + }; + _proto._fixScrollHeight = function _fixScrollHeight() { - var $body = $__default['default']('body'); + var $body = $__default["default"]('body'); + var $controlSidebar = $__default["default"](this._config.target); - if (!$body.hasClass(CLASS_NAME_LAYOUT_FIXED)) { + if (!$body.hasClass(CLASS_NAME_LAYOUT_FIXED$1)) { return; } var heights = { - scroll: $__default['default'](document).height(), - window: $__default['default'](window).height(), - header: $__default['default'](SELECTOR_HEADER).outerHeight(), - footer: $__default['default'](SELECTOR_FOOTER).outerHeight() + scroll: $__default["default"](document).height(), + window: $__default["default"](window).height(), + header: $__default["default"](SELECTOR_HEADER$1).outerHeight(), + footer: $__default["default"](SELECTOR_FOOTER$1).outerHeight() }; var positions = { - bottom: Math.abs(heights.window + $__default['default'](window).scrollTop() - heights.scroll), - top: $__default['default'](window).scrollTop() + bottom: Math.abs(heights.window + $__default["default"](window).scrollTop() - heights.scroll), + top: $__default["default"](window).scrollTop() }; - var navbarFixed = ($body.hasClass(CLASS_NAME_NAVBAR_FIXED) || $body.hasClass(CLASS_NAME_NAVBAR_SM_FIXED) || $body.hasClass(CLASS_NAME_NAVBAR_MD_FIXED) || $body.hasClass(CLASS_NAME_NAVBAR_LG_FIXED) || $body.hasClass(CLASS_NAME_NAVBAR_XL_FIXED)) && $__default['default'](SELECTOR_HEADER).css('position') === 'fixed'; - var footerFixed = ($body.hasClass(CLASS_NAME_FOOTER_FIXED) || $body.hasClass(CLASS_NAME_FOOTER_SM_FIXED) || $body.hasClass(CLASS_NAME_FOOTER_MD_FIXED) || $body.hasClass(CLASS_NAME_FOOTER_LG_FIXED) || $body.hasClass(CLASS_NAME_FOOTER_XL_FIXED)) && $__default['default'](SELECTOR_FOOTER).css('position') === 'fixed'; - var $controlSidebar = $__default['default'](SELECTOR_CONTROL_SIDEBAR); - var $controlsidebarContent = $__default['default'](SELECTOR_CONTROL_SIDEBAR + ", " + SELECTOR_CONTROL_SIDEBAR + " " + SELECTOR_CONTROL_SIDEBAR_CONTENT); + var navbarFixed = this._isNavbarFixed() && $__default["default"](SELECTOR_HEADER$1).css('position') === 'fixed'; + var footerFixed = this._isFooterFixed() && $__default["default"](SELECTOR_FOOTER$1).css('position') === 'fixed'; + var $controlsidebarContent = $__default["default"](this._config.target + ", " + this._config.target + " " + SELECTOR_CONTROL_SIDEBAR_CONTENT$1); if (positions.top === 0 && positions.bottom === 0) { $controlSidebar.css({ @@ -577,32 +617,39 @@ } else { $controlSidebar.css('top', heights.header); } + + if (footerFixed && navbarFixed) { + $controlsidebarContent.css('height', '100%'); + $controlSidebar.css('height', ''); + } else if (footerFixed || navbarFixed) { + $controlsidebarContent.css('height', '100%'); + $controlsidebarContent.css('height', ''); + } }; _proto._fixHeight = function _fixHeight() { - var $body = $__default['default']('body'); + var $body = $__default["default"]('body'); + var $controlSidebar = $__default["default"](this._config.target + " " + SELECTOR_CONTROL_SIDEBAR_CONTENT$1); - if (!$body.hasClass(CLASS_NAME_LAYOUT_FIXED)) { + if (!$body.hasClass(CLASS_NAME_LAYOUT_FIXED$1)) { + $controlSidebar.attr('style', ''); return; } var heights = { - window: $__default['default'](window).height(), - header: $__default['default'](SELECTOR_HEADER).outerHeight(), - footer: $__default['default'](SELECTOR_FOOTER).outerHeight() + window: $__default["default"](window).height(), + header: $__default["default"](SELECTOR_HEADER$1).outerHeight(), + footer: $__default["default"](SELECTOR_FOOTER$1).outerHeight() }; var sidebarHeight = heights.window - heights.header; - if ($body.hasClass(CLASS_NAME_FOOTER_FIXED) || $body.hasClass(CLASS_NAME_FOOTER_SM_FIXED) || $body.hasClass(CLASS_NAME_FOOTER_MD_FIXED) || $body.hasClass(CLASS_NAME_FOOTER_LG_FIXED) || $body.hasClass(CLASS_NAME_FOOTER_XL_FIXED)) { - if ($__default['default'](SELECTOR_FOOTER).css('position') === 'fixed') { - sidebarHeight = heights.window - heights.header - heights.footer; - } + if (this._isFooterFixed() && $__default["default"](SELECTOR_FOOTER$1).css('position') === 'fixed') { + sidebarHeight = heights.window - heights.header - heights.footer; } - var $controlSidebar = $__default['default'](SELECTOR_CONTROL_SIDEBAR + " " + SELECTOR_CONTROL_SIDEBAR_CONTENT); $controlSidebar.css('height', sidebarHeight); - if (typeof $__default['default'].fn.overlayScrollbars !== 'undefined') { + if (typeof $__default["default"].fn.overlayScrollbars !== 'undefined') { $controlSidebar.overlayScrollbars({ className: this._config.scrollbarTheme, sizeAutoCapable: true, @@ -617,13 +664,13 @@ ControlSidebar._jQueryInterface = function _jQueryInterface(operation) { return this.each(function () { - var data = $__default['default'](this).data(DATA_KEY$2); + var data = $__default["default"](this).data(DATA_KEY$c); - var _options = $__default['default'].extend({}, Default$2, $__default['default'](this).data()); + var _options = $__default["default"].extend({}, Default$a, $__default["default"](this).data()); if (!data) { data = new ControlSidebar(this, _options); - $__default['default'](this).data(DATA_KEY$2, data); + $__default["default"](this).data(DATA_KEY$c, data); } if (data[operation] === 'undefined') { @@ -643,21 +690,24 @@ */ - $__default['default'](document).on('click', SELECTOR_DATA_TOGGLE, function (event) { + $__default["default"](document).on('click', SELECTOR_DATA_TOGGLE$4, function (event) { event.preventDefault(); - ControlSidebar._jQueryInterface.call($__default['default'](this), 'toggle'); + ControlSidebar._jQueryInterface.call($__default["default"](this), 'toggle'); + }); + $__default["default"](document).ready(function () { + ControlSidebar._jQueryInterface.call($__default["default"](SELECTOR_DATA_TOGGLE$4), '_init'); }); /** * jQuery API * ==================================================== */ - $__default['default'].fn[NAME$2] = ControlSidebar._jQueryInterface; - $__default['default'].fn[NAME$2].Constructor = ControlSidebar; + $__default["default"].fn[NAME$c] = ControlSidebar._jQueryInterface; + $__default["default"].fn[NAME$c].Constructor = ControlSidebar; - $__default['default'].fn[NAME$2].noConflict = function () { - $__default['default'].fn[NAME$2] = JQUERY_NO_CONFLICT$2; + $__default["default"].fn[NAME$c].noConflict = function () { + $__default["default"].fn[NAME$c] = JQUERY_NO_CONFLICT$c; return ControlSidebar._jQueryInterface; }; @@ -672,12 +722,12 @@ * ==================================================== */ - var NAME$3 = 'DirectChat'; - var DATA_KEY$3 = 'lte.directchat'; - var EVENT_KEY$3 = "." + DATA_KEY$3; - var JQUERY_NO_CONFLICT$3 = $__default['default'].fn[NAME$3]; - var EVENT_TOGGLED = "toggled" + EVENT_KEY$3; - var SELECTOR_DATA_TOGGLE$1 = '[data-widget="chat-pane-toggle"]'; + var NAME$b = 'DirectChat'; + var DATA_KEY$b = 'lte.directchat'; + var EVENT_KEY$4 = "." + DATA_KEY$b; + var JQUERY_NO_CONFLICT$b = $__default["default"].fn[NAME$b]; + var EVENT_TOGGLED = "toggled" + EVENT_KEY$4; + var SELECTOR_DATA_TOGGLE$3 = '[data-widget="chat-pane-toggle"]'; var SELECTOR_DIRECT_CHAT = '.direct-chat'; var CLASS_NAME_DIRECT_CHAT_OPEN = 'direct-chat-contacts-open'; /** @@ -693,18 +743,18 @@ var _proto = DirectChat.prototype; _proto.toggle = function toggle() { - $__default['default'](this._element).parents(SELECTOR_DIRECT_CHAT).first().toggleClass(CLASS_NAME_DIRECT_CHAT_OPEN); - $__default['default'](this._element).trigger($__default['default'].Event(EVENT_TOGGLED)); + $__default["default"](this._element).parents(SELECTOR_DIRECT_CHAT).first().toggleClass(CLASS_NAME_DIRECT_CHAT_OPEN); + $__default["default"](this._element).trigger($__default["default"].Event(EVENT_TOGGLED)); } // Static ; DirectChat._jQueryInterface = function _jQueryInterface(config) { return this.each(function () { - var data = $__default['default'](this).data(DATA_KEY$3); + var data = $__default["default"](this).data(DATA_KEY$b); if (!data) { - data = new DirectChat($__default['default'](this)); - $__default['default'](this).data(DATA_KEY$3, data); + data = new DirectChat($__default["default"](this)); + $__default["default"](this).data(DATA_KEY$b, data); } data[config](); @@ -720,23 +770,23 @@ */ - $__default['default'](document).on('click', SELECTOR_DATA_TOGGLE$1, function (event) { + $__default["default"](document).on('click', SELECTOR_DATA_TOGGLE$3, function (event) { if (event) { event.preventDefault(); } - DirectChat._jQueryInterface.call($__default['default'](this), 'toggle'); + DirectChat._jQueryInterface.call($__default["default"](this), 'toggle'); }); /** * jQuery API * ==================================================== */ - $__default['default'].fn[NAME$3] = DirectChat._jQueryInterface; - $__default['default'].fn[NAME$3].Constructor = DirectChat; + $__default["default"].fn[NAME$b] = DirectChat._jQueryInterface; + $__default["default"].fn[NAME$b].Constructor = DirectChat; - $__default['default'].fn[NAME$3].noConflict = function () { - $__default['default'].fn[NAME$3] = JQUERY_NO_CONFLICT$3; + $__default["default"].fn[NAME$b].noConflict = function () { + $__default["default"].fn[NAME$b] = JQUERY_NO_CONFLICT$b; return DirectChat._jQueryInterface; }; @@ -751,9 +801,9 @@ * ==================================================== */ - var NAME$4 = 'Dropdown'; - var DATA_KEY$4 = 'lte.dropdown'; - var JQUERY_NO_CONFLICT$4 = $__default['default'].fn[NAME$4]; + var NAME$a = 'Dropdown'; + var DATA_KEY$a = 'lte.dropdown'; + var JQUERY_NO_CONFLICT$a = $__default["default"].fn[NAME$a]; var SELECTOR_NAVBAR = '.navbar'; var SELECTOR_DROPDOWN_MENU = '.dropdown-menu'; var SELECTOR_DROPDOWN_MENU_ACTIVE = '.dropdown-menu.show'; @@ -761,7 +811,7 @@ var CLASS_NAME_DROPDOWN_RIGHT = 'dropdown-menu-right'; var CLASS_NAME_DROPDOWN_SUBMENU = 'dropdown-submenu'; // TODO: this is unused; should be removed along with the extend? - var Default$3 = {}; + var Default$9 = {}; /** * Class Definition * ==================================================== @@ -784,12 +834,12 @@ } this._element.parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function () { - $__default['default']('.dropdown-submenu .show').removeClass('show').hide(); + $__default["default"]('.dropdown-submenu .show').removeClass('show').hide(); }); }; _proto.fixPosition = function fixPosition() { - var $element = $__default['default'](SELECTOR_DROPDOWN_MENU_ACTIVE); + var $element = $__default["default"](SELECTOR_DROPDOWN_MENU_ACTIVE); if ($element.length === 0) { return; @@ -809,7 +859,7 @@ var offset = $element.offset(); var width = $element.width(); - var visiblePart = $__default['default'](window).width() - offset.left; + var visiblePart = $__default["default"](window).width() - offset.left; if (offset.left < 0) { $element.css({ @@ -827,13 +877,13 @@ Dropdown._jQueryInterface = function _jQueryInterface(config) { return this.each(function () { - var data = $__default['default'](this).data(DATA_KEY$4); + var data = $__default["default"](this).data(DATA_KEY$a); - var _config = $__default['default'].extend({}, Default$3, $__default['default'](this).data()); + var _config = $__default["default"].extend({}, Default$9, $__default["default"](this).data()); if (!data) { - data = new Dropdown($__default['default'](this), _config); - $__default['default'](this).data(DATA_KEY$4, data); + data = new Dropdown($__default["default"](this), _config); + $__default["default"](this).data(DATA_KEY$a, data); } if (config === 'toggleSubmenu' || config === 'fixPosition') { @@ -850,21 +900,21 @@ */ - $__default['default'](SELECTOR_DROPDOWN_MENU + " " + SELECTOR_DROPDOWN_TOGGLE).on('click', function (event) { + $__default["default"](SELECTOR_DROPDOWN_MENU + " " + SELECTOR_DROPDOWN_TOGGLE).on('click', function (event) { event.preventDefault(); event.stopPropagation(); - Dropdown._jQueryInterface.call($__default['default'](this), 'toggleSubmenu'); + Dropdown._jQueryInterface.call($__default["default"](this), 'toggleSubmenu'); }); - $__default['default'](SELECTOR_NAVBAR + " " + SELECTOR_DROPDOWN_TOGGLE).on('click', function (event) { + $__default["default"](SELECTOR_NAVBAR + " " + SELECTOR_DROPDOWN_TOGGLE).on('click', function (event) { event.preventDefault(); - if ($__default['default'](event.target).parent().hasClass(CLASS_NAME_DROPDOWN_SUBMENU)) { + if ($__default["default"](event.target).parent().hasClass(CLASS_NAME_DROPDOWN_SUBMENU)) { return; } setTimeout(function () { - Dropdown._jQueryInterface.call($__default['default'](this), 'fixPosition'); + Dropdown._jQueryInterface.call($__default["default"](this), 'fixPosition'); }, 1); }); /** @@ -872,11 +922,11 @@ * ==================================================== */ - $__default['default'].fn[NAME$4] = Dropdown._jQueryInterface; - $__default['default'].fn[NAME$4].Constructor = Dropdown; + $__default["default"].fn[NAME$a] = Dropdown._jQueryInterface; + $__default["default"].fn[NAME$a].Constructor = Dropdown; - $__default['default'].fn[NAME$4].noConflict = function () { - $__default['default'].fn[NAME$4] = JQUERY_NO_CONFLICT$4; + $__default["default"].fn[NAME$a].noConflict = function () { + $__default["default"].fn[NAME$a] = JQUERY_NO_CONFLICT$a; return Dropdown._jQueryInterface; }; @@ -891,13 +941,14 @@ * ==================================================== */ - var NAME$5 = 'ExpandableTable'; - var DATA_KEY$5 = 'lte.expandableTable'; - var EVENT_KEY$4 = "." + DATA_KEY$5; - var JQUERY_NO_CONFLICT$5 = $__default['default'].fn[NAME$5]; - var EVENT_EXPANDED$2 = "expanded" + EVENT_KEY$4; - var EVENT_COLLAPSED$2 = "collapsed" + EVENT_KEY$4; + var NAME$9 = 'ExpandableTable'; + var DATA_KEY$9 = 'lte.expandableTable'; + var EVENT_KEY$3 = "." + DATA_KEY$9; + var JQUERY_NO_CONFLICT$9 = $__default["default"].fn[NAME$9]; + var EVENT_EXPANDED$1 = "expanded" + EVENT_KEY$3; + var EVENT_COLLAPSED$2 = "collapsed" + EVENT_KEY$3; var SELECTOR_TABLE = '.expandable-table'; + var SELECTOR_EXPANDABLE_BODY = '.expandable-body'; var SELECTOR_DATA_TOGGLE$2 = '[data-widget="expandable-table"]'; var SELECTOR_ARIA_ATTR = 'aria-expanded'; /** @@ -915,9 +966,9 @@ var _proto = ExpandableTable.prototype; _proto.init = function init() { - $__default['default'](SELECTOR_DATA_TOGGLE$2).each(function (_, $header) { - var $type = $__default['default']($header).attr(SELECTOR_ARIA_ATTR); - var $body = $__default['default']($header).next().children().first().children(); + $__default["default"](SELECTOR_DATA_TOGGLE$2).each(function (_, $header) { + var $type = $__default["default"]($header).attr(SELECTOR_ARIA_ATTR); + var $body = $__default["default"]($header).next(SELECTOR_EXPANDABLE_BODY).children().first().children(); if ($type === 'true') { $body.show(); @@ -932,34 +983,34 @@ var $element = this._element; var time = 500; var $type = $element.attr(SELECTOR_ARIA_ATTR); - var $body = $element.next().children().first().children(); + var $body = $element.next(SELECTOR_EXPANDABLE_BODY).children().first().children(); $body.stop(); if ($type === 'true') { $body.slideUp(time, function () { - $element.next().addClass('d-none'); + $element.next(SELECTOR_EXPANDABLE_BODY).addClass('d-none'); }); $element.attr(SELECTOR_ARIA_ATTR, 'false'); - $element.trigger($__default['default'].Event(EVENT_COLLAPSED$2)); + $element.trigger($__default["default"].Event(EVENT_COLLAPSED$2)); } else if ($type === 'false') { - $element.next().removeClass('d-none'); + $element.next(SELECTOR_EXPANDABLE_BODY).removeClass('d-none'); $body.slideDown(time); $element.attr(SELECTOR_ARIA_ATTR, 'true'); - $element.trigger($__default['default'].Event(EVENT_EXPANDED$2)); + $element.trigger($__default["default"].Event(EVENT_EXPANDED$1)); } } // Static ; ExpandableTable._jQueryInterface = function _jQueryInterface(operation) { return this.each(function () { - var data = $__default['default'](this).data(DATA_KEY$5); + var data = $__default["default"](this).data(DATA_KEY$9); if (!data) { - data = new ExpandableTable($__default['default'](this)); - $__default['default'](this).data(DATA_KEY$5, data); + data = new ExpandableTable($__default["default"](this)); + $__default["default"](this).data(DATA_KEY$9, data); } - if (typeof operation === 'string' && operation.match(/init|toggleRow/)) { + if (typeof operation === 'string' && /init|toggleRow/.test(operation)) { data[operation](); } }); @@ -973,22 +1024,22 @@ */ - $__default['default'](SELECTOR_TABLE).ready(function () { - ExpandableTable._jQueryInterface.call($__default['default'](this), 'init'); + $__default["default"](SELECTOR_TABLE).ready(function () { + ExpandableTable._jQueryInterface.call($__default["default"](this), 'init'); }); - $__default['default'](document).on('click', SELECTOR_DATA_TOGGLE$2, function () { - ExpandableTable._jQueryInterface.call($__default['default'](this), 'toggleRow'); + $__default["default"](document).on('click', SELECTOR_DATA_TOGGLE$2, function () { + ExpandableTable._jQueryInterface.call($__default["default"](this), 'toggleRow'); }); /** * jQuery API * ==================================================== */ - $__default['default'].fn[NAME$5] = ExpandableTable._jQueryInterface; - $__default['default'].fn[NAME$5].Constructor = ExpandableTable; + $__default["default"].fn[NAME$9] = ExpandableTable._jQueryInterface; + $__default["default"].fn[NAME$9].Constructor = ExpandableTable; - $__default['default'].fn[NAME$5].noConflict = function () { - $__default['default'].fn[NAME$5] = JQUERY_NO_CONFLICT$5; + $__default["default"].fn[NAME$9].noConflict = function () { + $__default["default"].fn[NAME$9] = JQUERY_NO_CONFLICT$9; return ExpandableTable._jQueryInterface; }; @@ -1003,12 +1054,13 @@ * ==================================================== */ - var NAME$6 = 'Fullscreen'; - var DATA_KEY$6 = 'lte.fullscreen'; - var JQUERY_NO_CONFLICT$6 = $__default['default'].fn[NAME$6]; - var SELECTOR_DATA_WIDGET = '[data-widget="fullscreen"]'; - var SELECTOR_ICON = SELECTOR_DATA_WIDGET + " i"; - var Default$4 = { + var NAME$8 = 'Fullscreen'; + var DATA_KEY$8 = 'lte.fullscreen'; + var JQUERY_NO_CONFLICT$8 = $__default["default"].fn[NAME$8]; + var SELECTOR_DATA_WIDGET$2 = '[data-widget="fullscreen"]'; + var SELECTOR_ICON = SELECTOR_DATA_WIDGET$2 + " i"; + var EVENT_FULLSCREEN_CHANGE = 'webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange'; + var Default$8 = { minimizeIcon: 'fa-compress-arrows-alt', maximizeIcon: 'fa-expand-arrows-alt' }; @@ -1020,7 +1072,7 @@ var Fullscreen = /*#__PURE__*/function () { function Fullscreen(_element, _options) { this.element = _element; - this.options = $__default['default'].extend({}, Default$4, _options); + this.options = $__default["default"].extend({}, Default$8, _options); } // Public @@ -1034,6 +1086,14 @@ } }; + _proto.toggleIcon = function toggleIcon() { + if (document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement) { + $__default["default"](SELECTOR_ICON).removeClass(this.options.maximizeIcon).addClass(this.options.minimizeIcon); + } else { + $__default["default"](SELECTOR_ICON).removeClass(this.options.minimizeIcon).addClass(this.options.maximizeIcon); + } + }; + _proto.fullscreen = function fullscreen() { if (document.documentElement.requestFullscreen) { document.documentElement.requestFullscreen(); @@ -1042,8 +1102,6 @@ } else if (document.documentElement.msRequestFullscreen) { document.documentElement.msRequestFullscreen(); } - - $__default['default'](SELECTOR_ICON).removeClass(this.options.maximizeIcon).addClass(this.options.minimizeIcon); }; _proto.windowed = function windowed() { @@ -1054,24 +1112,22 @@ } else if (document.msExitFullscreen) { document.msExitFullscreen(); } - - $__default['default'](SELECTOR_ICON).removeClass(this.options.minimizeIcon).addClass(this.options.maximizeIcon); } // Static ; Fullscreen._jQueryInterface = function _jQueryInterface(config) { - var data = $__default['default'](this).data(DATA_KEY$6); + var data = $__default["default"](this).data(DATA_KEY$8); if (!data) { - data = $__default['default'](this).data(); + data = $__default["default"](this).data(); } - var _options = $__default['default'].extend({}, Default$4, typeof config === 'object' ? config : data); + var _options = $__default["default"].extend({}, Default$8, typeof config === 'object' ? config : data); - var plugin = new Fullscreen($__default['default'](this), _options); - $__default['default'](this).data(DATA_KEY$6, typeof config === 'object' ? config : data); + var plugin = new Fullscreen($__default["default"](this), _options); + $__default["default"](this).data(DATA_KEY$8, typeof config === 'object' ? config : data); - if (typeof config === 'string' && config.match(/toggle|fullscreen|windowed/)) { + if (typeof config === 'string' && /toggle|toggleIcon|fullscreen|windowed/.test(config)) { plugin[config](); } else { plugin.init(); @@ -1086,19 +1142,22 @@ */ - $__default['default'](document).on('click', SELECTOR_DATA_WIDGET, function () { - Fullscreen._jQueryInterface.call($__default['default'](this), 'toggle'); + $__default["default"](document).on('click', SELECTOR_DATA_WIDGET$2, function () { + Fullscreen._jQueryInterface.call($__default["default"](this), 'toggle'); + }); + $__default["default"](document).on(EVENT_FULLSCREEN_CHANGE, function () { + Fullscreen._jQueryInterface.call($__default["default"](SELECTOR_DATA_WIDGET$2), 'toggleIcon'); }); /** * jQuery API * ==================================================== */ - $__default['default'].fn[NAME$6] = Fullscreen._jQueryInterface; - $__default['default'].fn[NAME$6].Constructor = Fullscreen; + $__default["default"].fn[NAME$8] = Fullscreen._jQueryInterface; + $__default["default"].fn[NAME$8].Constructor = Fullscreen; - $__default['default'].fn[NAME$6].noConflict = function () { - $__default['default'].fn[NAME$6] = JQUERY_NO_CONFLICT$6; + $__default["default"].fn[NAME$8].noConflict = function () { + $__default["default"].fn[NAME$8] = JQUERY_NO_CONFLICT$8; return Fullscreen._jQueryInterface; }; @@ -1115,26 +1174,29 @@ var NAME$7 = 'IFrame'; var DATA_KEY$7 = 'lte.iframe'; - var JQUERY_NO_CONFLICT$7 = $__default['default'].fn[NAME$7]; - var SELECTOR_DATA_TOGGLE$3 = '[data-widget="iframe"]'; + var JQUERY_NO_CONFLICT$7 = $__default["default"].fn[NAME$7]; + var SELECTOR_DATA_TOGGLE$1 = '[data-widget="iframe"]'; var SELECTOR_DATA_TOGGLE_CLOSE = '[data-widget="iframe-close"]'; var SELECTOR_DATA_TOGGLE_SCROLL_LEFT = '[data-widget="iframe-scrollleft"]'; var SELECTOR_DATA_TOGGLE_SCROLL_RIGHT = '[data-widget="iframe-scrollright"]'; var SELECTOR_DATA_TOGGLE_FULLSCREEN = '[data-widget="iframe-fullscreen"]'; var SELECTOR_CONTENT_WRAPPER = '.content-wrapper'; var SELECTOR_CONTENT_IFRAME = SELECTOR_CONTENT_WRAPPER + " iframe"; - var SELECTOR_TAB_NAV = SELECTOR_DATA_TOGGLE$3 + ".iframe-mode .nav"; - var SELECTOR_TAB_NAVBAR_NAV = SELECTOR_DATA_TOGGLE$3 + ".iframe-mode .navbar-nav"; + var SELECTOR_TAB_NAV = SELECTOR_CONTENT_WRAPPER + ".iframe-mode .nav"; + var SELECTOR_TAB_NAVBAR_NAV = SELECTOR_CONTENT_WRAPPER + ".iframe-mode .navbar-nav"; var SELECTOR_TAB_NAVBAR_NAV_ITEM = SELECTOR_TAB_NAVBAR_NAV + " .nav-item"; - var SELECTOR_TAB_CONTENT = SELECTOR_DATA_TOGGLE$3 + ".iframe-mode .tab-content"; + var SELECTOR_TAB_NAVBAR_NAV_LINK = SELECTOR_TAB_NAVBAR_NAV + " .nav-link"; + var SELECTOR_TAB_CONTENT = SELECTOR_CONTENT_WRAPPER + ".iframe-mode .tab-content"; var SELECTOR_TAB_EMPTY = SELECTOR_TAB_CONTENT + " .tab-empty"; var SELECTOR_TAB_LOADING = SELECTOR_TAB_CONTENT + " .tab-loading"; + var SELECTOR_TAB_PANE = SELECTOR_TAB_CONTENT + " .tab-pane"; var SELECTOR_SIDEBAR_MENU_ITEM = '.main-sidebar .nav-item > a.nav-link'; + var SELECTOR_SIDEBAR_SEARCH_ITEM = '.sidebar-search-results .list-group-item'; var SELECTOR_HEADER_MENU_ITEM = '.main-header .nav-item a.nav-link'; var SELECTOR_HEADER_DROPDOWN_ITEM = '.main-header a.dropdown-item'; - var CLASS_NAME_IFRAME_MODE = 'iframe-mode'; + var CLASS_NAME_IFRAME_MODE$1 = 'iframe-mode'; var CLASS_NAME_FULLSCREEN_MODE = 'iframe-mode-fullscreen'; - var Default$5 = { + var Default$7 = { onTabClick: function onTabClick(item) { return item; }, @@ -1147,6 +1209,9 @@ autoIframeMode: true, autoItemActive: true, autoShowNewTab: true, + autoDarkMode: false, + allowDuplicates: false, + allowReload: true, loadingScreen: true, useNavbarItems: true, scrollOffset: 40, @@ -1185,26 +1250,32 @@ _proto.createTab = function createTab(title, link, uniqueName, autoOpen) { var _this = this; - var tabId = "panel-" + uniqueName + "-" + Math.floor(Math.random() * 1000); - var navId = "tab-" + uniqueName + "-" + Math.floor(Math.random() * 1000); - var newNavItem = "
  • " + title + "
  • "; - $__default['default'](SELECTOR_TAB_NAVBAR_NAV).append(newNavItem); + var tabId = "panel-" + uniqueName; + var navId = "tab-" + uniqueName; + + if (this._config.allowDuplicates) { + tabId += "-" + Math.floor(Math.random() * 1000); + navId += "-" + Math.floor(Math.random() * 1000); + } + + var newNavItem = "
  • " + title + "
  • "; + $__default["default"](SELECTOR_TAB_NAVBAR_NAV).append(unescape(escape(newNavItem))); var newTabItem = "
    "; - $__default['default'](SELECTOR_TAB_CONTENT).append(newTabItem); + $__default["default"](SELECTOR_TAB_CONTENT).append(unescape(escape(newTabItem))); if (autoOpen) { if (this._config.loadingScreen) { - var $loadingScreen = $__default['default'](SELECTOR_TAB_LOADING); + var $loadingScreen = $__default["default"](SELECTOR_TAB_LOADING); $loadingScreen.fadeIn(); - $__default['default'](tabId + " iframe").ready(function () { + $__default["default"](tabId + " iframe").ready(function () { if (typeof _this._config.loadingScreen === 'number') { - _this.switchTab("#" + navId, _this._config.loadingScreen); + _this.switchTab("#" + navId); setTimeout(function () { $loadingScreen.fadeOut(); }, _this._config.loadingScreen); } else { - _this.switchTab("#" + navId, _this._config.loadingScreen); + _this.switchTab("#" + navId); $loadingScreen.fadeOut(); } @@ -1214,7 +1285,7 @@ } } - this.onTabCreated($__default['default']("#" + navId)); + this.onTabCreated($__default["default"]("#" + navId)); }; _proto.openTabSidebar = function openTabSidebar(item, autoOpen) { @@ -1222,13 +1293,13 @@ autoOpen = this._config.autoShowNewTab; } - var $item = $__default['default'](item).clone(); + var $item = $__default["default"](item).clone(); if ($item.attr('href') === undefined) { - $item = $__default['default'](item).parent('a').clone(); + $item = $__default["default"](item).parent('a').clone(); } - $item.find('.right').remove(); + $item.find('.right, .search-path').remove(); var title = $item.find('p').text(); if (title === '') { @@ -1241,14 +1312,52 @@ return; } - this.createTab(title, link, link.replace('.html', '').replace('./', '').replaceAll('/', '-'), autoOpen); + var uniqueName = link.replace('./', '').replace(/["#&'./:=?[\]]/gi, '-').replace(/(--)/gi, ''); + var navId = "tab-" + uniqueName; + + if (!this._config.allowDuplicates && $__default["default"]("#" + navId).length > 0) { + return this.switchTab("#" + navId, this._config.allowReload); + } + + if (!this._config.allowDuplicates && $__default["default"]("#" + navId).length === 0 || this._config.allowDuplicates) { + this.createTab(title, link, uniqueName, autoOpen); + } }; - _proto.switchTab = function switchTab(item) { - var $item = $__default['default'](item); + _proto.switchTab = function switchTab(item, reload) { + var _this2 = this; + + if (reload === void 0) { + reload = false; + } + + var $item = $__default["default"](item); var tabId = $item.attr('href'); - $__default['default'](SELECTOR_TAB_EMPTY).hide(); - $__default['default'](SELECTOR_TAB_NAVBAR_NAV + " .active").tab('dispose').removeClass('active'); + $__default["default"](SELECTOR_TAB_EMPTY).hide(); + + if (reload) { + var $loadingScreen = $__default["default"](SELECTOR_TAB_LOADING); + + if (this._config.loadingScreen) { + $loadingScreen.show(0, function () { + $__default["default"](tabId + " iframe").attr('src', $__default["default"](tabId + " iframe").attr('src')).ready(function () { + if (_this2._config.loadingScreen) { + if (typeof _this2._config.loadingScreen === 'number') { + setTimeout(function () { + $loadingScreen.fadeOut(); + }, _this2._config.loadingScreen); + } else { + $loadingScreen.fadeOut(); + } + } + }); + }); + } else { + $__default["default"](tabId + " iframe").attr('src', $__default["default"](tabId + " iframe").attr('src')); + } + } + + $__default["default"](SELECTOR_TAB_NAVBAR_NAV + " .active").tab('dispose').removeClass('active'); this._fixHeight(); @@ -1257,136 +1366,198 @@ this.onTabChanged($item); if (this._config.autoItemActive) { - this._setItemActive($__default['default'](tabId + " iframe").attr('src')); + this._setItemActive($__default["default"](tabId + " iframe").attr('src')); } }; - _proto.removeActiveTab = function removeActiveTab() { - var $navItem = $__default['default'](SELECTOR_TAB_NAVBAR_NAV_ITEM + ".active"); - var $navItemParent = $navItem.parent(); - var navItemIndex = $navItem.index(); - $navItem.remove(); - $__default['default']('.tab-pane.active').remove(); - - if ($__default['default'](SELECTOR_TAB_CONTENT).children().length == $__default['default'](SELECTOR_TAB_EMPTY + ", " + SELECTOR_TAB_LOADING).length) { - $__default['default'](SELECTOR_TAB_EMPTY).show(); + _proto.removeActiveTab = function removeActiveTab(type, element) { + if (type == 'all') { + $__default["default"](SELECTOR_TAB_NAVBAR_NAV_ITEM).remove(); + $__default["default"](SELECTOR_TAB_PANE).remove(); + $__default["default"](SELECTOR_TAB_EMPTY).show(); + } else if (type == 'all-other') { + $__default["default"](SELECTOR_TAB_NAVBAR_NAV_ITEM + ":not(.active)").remove(); + $__default["default"](SELECTOR_TAB_PANE + ":not(.active)").remove(); + } else if (type == 'only-this') { + var $navClose = $__default["default"](element); + var $navItem = $navClose.parent('.nav-item'); + var $navItemParent = $navItem.parent(); + var navItemIndex = $navItem.index(); + var tabId = $navClose.siblings('.nav-link').attr('aria-controls'); + $navItem.remove(); + $__default["default"]("#" + tabId).remove(); + + if ($__default["default"](SELECTOR_TAB_CONTENT).children().length == $__default["default"](SELECTOR_TAB_EMPTY + ", " + SELECTOR_TAB_LOADING).length) { + $__default["default"](SELECTOR_TAB_EMPTY).show(); + } else { + var prevNavItemIndex = navItemIndex - 1; + this.switchTab($navItemParent.children().eq(prevNavItemIndex).find('a.nav-link')); + } } else { - var prevNavItemIndex = navItemIndex - 1; - this.switchTab($navItemParent.children().eq(prevNavItemIndex).find('a')); + var _$navItem = $__default["default"](SELECTOR_TAB_NAVBAR_NAV_ITEM + ".active"); + + var _$navItemParent = _$navItem.parent(); + + var _navItemIndex = _$navItem.index(); + + _$navItem.remove(); + + $__default["default"](SELECTOR_TAB_PANE + ".active").remove(); + + if ($__default["default"](SELECTOR_TAB_CONTENT).children().length == $__default["default"](SELECTOR_TAB_EMPTY + ", " + SELECTOR_TAB_LOADING).length) { + $__default["default"](SELECTOR_TAB_EMPTY).show(); + } else { + var _prevNavItemIndex = _navItemIndex - 1; + + this.switchTab(_$navItemParent.children().eq(_prevNavItemIndex).find('a.nav-link')); + } } }; _proto.toggleFullscreen = function toggleFullscreen() { - if ($__default['default']('body').hasClass(CLASS_NAME_FULLSCREEN_MODE)) { - $__default['default'](SELECTOR_DATA_TOGGLE_FULLSCREEN + " i").removeClass(this._config.iconMinimize).addClass(this._config.iconMaximize); - $__default['default']('body').removeClass(CLASS_NAME_FULLSCREEN_MODE); - $__default['default'](SELECTOR_TAB_EMPTY + ", " + SELECTOR_TAB_LOADING).height('auto'); - $__default['default'](SELECTOR_CONTENT_WRAPPER).height('auto'); - $__default['default'](SELECTOR_CONTENT_IFRAME).height('auto'); + if ($__default["default"]('body').hasClass(CLASS_NAME_FULLSCREEN_MODE)) { + $__default["default"](SELECTOR_DATA_TOGGLE_FULLSCREEN + " i").removeClass(this._config.iconMinimize).addClass(this._config.iconMaximize); + $__default["default"]('body').removeClass(CLASS_NAME_FULLSCREEN_MODE); + $__default["default"](SELECTOR_TAB_EMPTY + ", " + SELECTOR_TAB_LOADING).height('100%'); + $__default["default"](SELECTOR_CONTENT_WRAPPER).height('100%'); + $__default["default"](SELECTOR_CONTENT_IFRAME).height('100%'); } else { - $__default['default'](SELECTOR_DATA_TOGGLE_FULLSCREEN + " i").removeClass(this._config.iconMaximize).addClass(this._config.iconMinimize); - $__default['default']('body').addClass(CLASS_NAME_FULLSCREEN_MODE); + $__default["default"](SELECTOR_DATA_TOGGLE_FULLSCREEN + " i").removeClass(this._config.iconMaximize).addClass(this._config.iconMinimize); + $__default["default"]('body').addClass(CLASS_NAME_FULLSCREEN_MODE); } - $__default['default'](window).trigger('resize'); + $__default["default"](window).trigger('resize'); this._fixHeight(true); } // Private ; _proto._init = function _init() { + var usingDefTab = $__default["default"](SELECTOR_TAB_CONTENT).children().length > 2; + + this._setupListeners(); + + this._fixHeight(true); + + if (usingDefTab) { + var $el = $__default["default"]("" + SELECTOR_TAB_PANE).first(); // eslint-disable-next-line no-console + + console.log($el); + var uniqueName = $el.attr('id').replace('panel-', ''); + var navId = "#tab-" + uniqueName; + this.switchTab(navId, true); + } + }; + + _proto._initFrameElement = function _initFrameElement() { if (window.frameElement && this._config.autoIframeMode) { - $__default['default']('body').addClass(CLASS_NAME_IFRAME_MODE); - } else if ($__default['default'](SELECTOR_CONTENT_WRAPPER).hasClass(CLASS_NAME_IFRAME_MODE)) { - this._setupListeners(); + var $body = $__default["default"]('body'); + $body.addClass(CLASS_NAME_IFRAME_MODE$1); - this._fixHeight(true); + if (this._config.autoDarkMode) { + $body.addClass('dark-mode'); + } } }; _proto._navScroll = function _navScroll(offset) { - var leftPos = $__default['default'](SELECTOR_TAB_NAVBAR_NAV).scrollLeft(); - $__default['default'](SELECTOR_TAB_NAVBAR_NAV).animate({ + var leftPos = $__default["default"](SELECTOR_TAB_NAVBAR_NAV).scrollLeft(); + $__default["default"](SELECTOR_TAB_NAVBAR_NAV).animate({ scrollLeft: leftPos + offset }, 250, 'linear'); }; _proto._setupListeners = function _setupListeners() { - var _this2 = this; + var _this3 = this; - $__default['default'](window).on('resize', function () { + $__default["default"](window).on('resize', function () { setTimeout(function () { - _this2._fixHeight(); + _this3._fixHeight(); }, 1); }); - $__default['default'](document).on('click', SELECTOR_SIDEBAR_MENU_ITEM, function (e) { - e.preventDefault(); - - _this2.openTabSidebar(e.target); - }); - if (this._config.useNavbarItems) { - $__default['default'](document).on('click', SELECTOR_HEADER_MENU_ITEM + ", " + SELECTOR_HEADER_DROPDOWN_ITEM, function (e) { + if ($__default["default"](SELECTOR_CONTENT_WRAPPER).hasClass(CLASS_NAME_IFRAME_MODE$1)) { + $__default["default"](document).on('click', SELECTOR_SIDEBAR_MENU_ITEM + ", " + SELECTOR_SIDEBAR_SEARCH_ITEM, function (e) { e.preventDefault(); - _this2.openTabSidebar(e.target); + _this3.openTabSidebar(e.target); }); + + if (this._config.useNavbarItems) { + $__default["default"](document).on('click', SELECTOR_HEADER_MENU_ITEM + ", " + SELECTOR_HEADER_DROPDOWN_ITEM, function (e) { + e.preventDefault(); + + _this3.openTabSidebar(e.target); + }); + } } - $__default['default'](document).on('click', SELECTOR_TAB_NAVBAR_NAV_ITEM, function (e) { + $__default["default"](document).on('click', SELECTOR_TAB_NAVBAR_NAV_LINK, function (e) { e.preventDefault(); - _this2.onTabClick(e.target); + _this3.onTabClick(e.target); - _this2.switchTab(e.target); + _this3.switchTab(e.target); }); - $__default['default'](document).on('click', SELECTOR_DATA_TOGGLE_CLOSE, function (e) { + $__default["default"](document).on('click', SELECTOR_TAB_NAVBAR_NAV_LINK, function (e) { e.preventDefault(); - _this2.removeActiveTab(); + _this3.onTabClick(e.target); + + _this3.switchTab(e.target); }); - $__default['default'](document).on('click', SELECTOR_DATA_TOGGLE_FULLSCREEN, function (e) { + $__default["default"](document).on('click', SELECTOR_DATA_TOGGLE_CLOSE, function (e) { e.preventDefault(); + var target = e.target; + + if (target.nodeName == 'I') { + target = e.target.offsetParent; + } - _this2.toggleFullscreen(); + _this3.removeActiveTab(target.attributes['data-type'] ? target.attributes['data-type'].nodeValue : null, target); + }); + $__default["default"](document).on('click', SELECTOR_DATA_TOGGLE_FULLSCREEN, function (e) { + e.preventDefault(); + + _this3.toggleFullscreen(); }); var mousedown = false; var mousedownInterval = null; - $__default['default'](document).on('mousedown', SELECTOR_DATA_TOGGLE_SCROLL_LEFT, function (e) { + $__default["default"](document).on('mousedown', SELECTOR_DATA_TOGGLE_SCROLL_LEFT, function (e) { e.preventDefault(); clearInterval(mousedownInterval); - var scrollOffset = _this2._config.scrollOffset; + var scrollOffset = _this3._config.scrollOffset; - if (!_this2._config.scrollBehaviorSwap) { + if (!_this3._config.scrollBehaviorSwap) { scrollOffset = -scrollOffset; } mousedown = true; - _this2._navScroll(scrollOffset); + _this3._navScroll(scrollOffset); mousedownInterval = setInterval(function () { - _this2._navScroll(scrollOffset); + _this3._navScroll(scrollOffset); }, 250); }); - $__default['default'](document).on('mousedown', SELECTOR_DATA_TOGGLE_SCROLL_RIGHT, function (e) { + $__default["default"](document).on('mousedown', SELECTOR_DATA_TOGGLE_SCROLL_RIGHT, function (e) { e.preventDefault(); clearInterval(mousedownInterval); - var scrollOffset = _this2._config.scrollOffset; + var scrollOffset = _this3._config.scrollOffset; - if (_this2._config.scrollBehaviorSwap) { + if (_this3._config.scrollBehaviorSwap) { scrollOffset = -scrollOffset; } mousedown = true; - _this2._navScroll(scrollOffset); + _this3._navScroll(scrollOffset); mousedownInterval = setInterval(function () { - _this2._navScroll(scrollOffset); + _this3._navScroll(scrollOffset); }, 250); }); - $__default['default'](document).on('mouseup', function () { + $__default["default"](document).on('mouseup', function () { if (mousedown) { mousedown = false; clearInterval(mousedownInterval); @@ -1396,20 +1567,20 @@ }; _proto._setItemActive = function _setItemActive(href) { - $__default['default'](SELECTOR_SIDEBAR_MENU_ITEM + ", " + SELECTOR_HEADER_DROPDOWN_ITEM).removeClass('active'); - $__default['default'](SELECTOR_HEADER_MENU_ITEM).parent().removeClass('active'); - var $headerMenuItem = $__default['default'](SELECTOR_HEADER_MENU_ITEM + "[href$=\"" + href + "\"]"); - var $headerDropdownItem = $__default['default'](SELECTOR_HEADER_DROPDOWN_ITEM + "[href$=\"" + href + "\"]"); - var $sidebarMenuItem = $__default['default'](SELECTOR_SIDEBAR_MENU_ITEM + "[href$=\"" + href + "\"]"); + $__default["default"](SELECTOR_SIDEBAR_MENU_ITEM + ", " + SELECTOR_HEADER_DROPDOWN_ITEM).removeClass('active'); + $__default["default"](SELECTOR_HEADER_MENU_ITEM).parent().removeClass('active'); + var $headerMenuItem = $__default["default"](SELECTOR_HEADER_MENU_ITEM + "[href$=\"" + href + "\"]"); + var $headerDropdownItem = $__default["default"](SELECTOR_HEADER_DROPDOWN_ITEM + "[href$=\"" + href + "\"]"); + var $sidebarMenuItem = $__default["default"](SELECTOR_SIDEBAR_MENU_ITEM + "[href$=\"" + href + "\"]"); $headerMenuItem.each(function (i, e) { - $__default['default'](e).parent().addClass('active'); + $__default["default"](e).parent().addClass('active'); }); $headerDropdownItem.each(function (i, e) { - $__default['default'](e).addClass('active'); + $__default["default"](e).addClass('active'); }); $sidebarMenuItem.each(function (i, e) { - $__default['default'](e).addClass('active'); - $__default['default'](e).parents('.nav-treeview').prevAll('.nav-link').addClass('active'); + $__default["default"](e).addClass('active'); + $__default["default"](e).parents('.nav-treeview').prevAll('.nav-link').addClass('active'); }); }; @@ -1418,44 +1589,46 @@ tabEmpty = false; } - if ($__default['default']('body').hasClass(CLASS_NAME_FULLSCREEN_MODE)) { - var windowHeight = $__default['default'](window).height(); - $__default['default'](SELECTOR_TAB_EMPTY + ", " + SELECTOR_TAB_LOADING).height(windowHeight); - $__default['default'](SELECTOR_CONTENT_WRAPPER).height(windowHeight); - $__default['default'](SELECTOR_CONTENT_IFRAME).height(windowHeight); + if ($__default["default"]('body').hasClass(CLASS_NAME_FULLSCREEN_MODE)) { + var windowHeight = $__default["default"](window).height(); + var navbarHeight = $__default["default"](SELECTOR_TAB_NAV).outerHeight(); + $__default["default"](SELECTOR_TAB_EMPTY + ", " + SELECTOR_TAB_LOADING + ", " + SELECTOR_CONTENT_IFRAME).height(windowHeight - navbarHeight); + $__default["default"](SELECTOR_CONTENT_WRAPPER).height(windowHeight); } else { - var contentWrapperHeight = parseFloat($__default['default'](SELECTOR_CONTENT_WRAPPER).css('min-height')); - var navbarHeight = $__default['default'](SELECTOR_TAB_NAV).outerHeight(); + var contentWrapperHeight = parseFloat($__default["default"](SELECTOR_CONTENT_WRAPPER).css('height')); + + var _navbarHeight = $__default["default"](SELECTOR_TAB_NAV).outerHeight(); if (tabEmpty == true) { setTimeout(function () { - $__default['default'](SELECTOR_TAB_EMPTY + ", " + SELECTOR_TAB_LOADING).height(contentWrapperHeight - navbarHeight); + $__default["default"](SELECTOR_TAB_EMPTY + ", " + SELECTOR_TAB_LOADING).height(contentWrapperHeight - _navbarHeight); }, 50); } else { - $__default['default'](SELECTOR_CONTENT_IFRAME).height(contentWrapperHeight - navbarHeight); + $__default["default"](SELECTOR_CONTENT_IFRAME).height(contentWrapperHeight - _navbarHeight); } } } // Static ; - IFrame._jQueryInterface = function _jQueryInterface(operation) { - var data = $__default['default'](this).data(DATA_KEY$7); + IFrame._jQueryInterface = function _jQueryInterface(config) { + if ($__default["default"](SELECTOR_DATA_TOGGLE$1).length > 0) { + var data = $__default["default"](this).data(DATA_KEY$7); - var _options = $__default['default'].extend({}, Default$5, $__default['default'](this).data()); + if (!data) { + data = $__default["default"](this).data(); + } - if (!data) { - data = new IFrame(this, _options); - $__default['default'](this).data(DATA_KEY$7, data); - } + var _options = $__default["default"].extend({}, Default$7, typeof config === 'object' ? config : data); - if (typeof operation === 'string' && operation.match(/createTab|openTabSidebar|switchTab|removeActiveTab/)) { - var _data; + localStorage.setItem('AdminLTE:IFrame:Options', JSON.stringify(_options)); + var plugin = new IFrame($__default["default"](this), _options); + $__default["default"](this).data(DATA_KEY$7, typeof config === 'object' ? config : data); - for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { - args[_key - 1] = arguments[_key]; + if (typeof config === 'string' && /createTab|openTabSidebar|switchTab|removeActiveTab/.test(config)) { + plugin[config](); } - - (_data = data)[operation].apply(_data, args); + } else { + new IFrame($__default["default"](this), JSON.parse(localStorage.getItem('AdminLTE:IFrame:Options')))._initFrameElement(); } }; @@ -1467,19 +1640,19 @@ */ - $__default['default'](window).on('load', function () { - IFrame._jQueryInterface.call($__default['default'](SELECTOR_DATA_TOGGLE$3)); + $__default["default"](window).on('load', function () { + IFrame._jQueryInterface.call($__default["default"](SELECTOR_DATA_TOGGLE$1)); }); /** * jQuery API * ==================================================== */ - $__default['default'].fn[NAME$7] = IFrame._jQueryInterface; - $__default['default'].fn[NAME$7].Constructor = IFrame; + $__default["default"].fn[NAME$7] = IFrame._jQueryInterface; + $__default["default"].fn[NAME$7].Constructor = IFrame; - $__default['default'].fn[NAME$7].noConflict = function () { - $__default['default'].fn[NAME$7] = JQUERY_NO_CONFLICT$7; + $__default["default"].fn[NAME$7].noConflict = function () { + $__default["default"].fn[NAME$7] = JQUERY_NO_CONFLICT$7; return IFrame._jQueryInterface; }; @@ -1494,29 +1667,32 @@ * ==================================================== */ - var NAME$8 = 'Layout'; - var DATA_KEY$8 = 'lte.layout'; - var JQUERY_NO_CONFLICT$8 = $__default['default'].fn[NAME$8]; - var SELECTOR_HEADER$1 = '.main-header'; + var NAME$6 = 'Layout'; + var DATA_KEY$6 = 'lte.layout'; + var JQUERY_NO_CONFLICT$6 = $__default["default"].fn[NAME$6]; + var SELECTOR_HEADER = '.main-header'; var SELECTOR_MAIN_SIDEBAR = '.main-sidebar'; - var SELECTOR_SIDEBAR = '.main-sidebar .sidebar'; + var SELECTOR_SIDEBAR$1 = '.main-sidebar .sidebar'; var SELECTOR_CONTENT = '.content-wrapper'; - var SELECTOR_CONTROL_SIDEBAR_CONTENT$1 = '.control-sidebar-content'; + var SELECTOR_CONTROL_SIDEBAR_CONTENT = '.control-sidebar-content'; var SELECTOR_CONTROL_SIDEBAR_BTN = '[data-widget="control-sidebar"]'; - var SELECTOR_FOOTER$1 = '.main-footer'; + var SELECTOR_FOOTER = '.main-footer'; var SELECTOR_PUSHMENU_BTN = '[data-widget="pushmenu"]'; var SELECTOR_LOGIN_BOX = '.login-box'; var SELECTOR_REGISTER_BOX = '.register-box'; + var SELECTOR_PRELOADER = '.preloader'; + var CLASS_NAME_SIDEBAR_COLLAPSED$1 = 'sidebar-collapse'; var CLASS_NAME_SIDEBAR_FOCUSED = 'sidebar-focused'; - var CLASS_NAME_LAYOUT_FIXED$1 = 'layout-fixed'; + var CLASS_NAME_LAYOUT_FIXED = 'layout-fixed'; var CLASS_NAME_CONTROL_SIDEBAR_SLIDE_OPEN = 'control-sidebar-slide-open'; - var CLASS_NAME_CONTROL_SIDEBAR_OPEN$1 = 'control-sidebar-open'; - var CLASS_NAME_LAYOUT_TOP_NAV = 'layout-top-nav'; + var CLASS_NAME_CONTROL_SIDEBAR_OPEN = 'control-sidebar-open'; + var CLASS_NAME_IFRAME_MODE = 'iframe-mode'; var Default$6 = { scrollbarTheme: 'os-theme-light', scrollbarAutoHide: 'l', panelAutoHeight: true, panelAutoHeightMode: 'min-height', + preloadDuration: 200, loginRegisterAutoHeight: true }; /** @@ -1528,8 +1704,6 @@ function Layout(element, config) { this._config = config; this._element = element; - - this._init(); } // Public @@ -1540,18 +1714,18 @@ extra = null; } - var $body = $__default['default']('body'); + var $body = $__default["default"]('body'); var controlSidebar = 0; - if ($body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_SLIDE_OPEN) || $body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_OPEN$1) || extra === 'control_sidebar') { - controlSidebar = $__default['default'](SELECTOR_CONTROL_SIDEBAR_CONTENT$1).height(); + if ($body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_SLIDE_OPEN) || $body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_OPEN) || extra === 'control_sidebar') { + controlSidebar = $__default["default"](SELECTOR_CONTROL_SIDEBAR_CONTENT).outerHeight(); } var heights = { - window: $__default['default'](window).height(), - header: $__default['default'](SELECTOR_HEADER$1).length !== 0 ? $__default['default'](SELECTOR_HEADER$1).outerHeight() : 0, - footer: $__default['default'](SELECTOR_FOOTER$1).length !== 0 ? $__default['default'](SELECTOR_FOOTER$1).outerHeight() : 0, - sidebar: $__default['default'](SELECTOR_SIDEBAR).length !== 0 ? $__default['default'](SELECTOR_SIDEBAR).height() : 0, + window: $__default["default"](window).height(), + header: $__default["default"](SELECTOR_HEADER).length > 0 && !$__default["default"]('body').hasClass('layout-navbar-fixed') ? $__default["default"](SELECTOR_HEADER).outerHeight() : 0, + footer: $__default["default"](SELECTOR_FOOTER).length > 0 ? $__default["default"](SELECTOR_FOOTER).outerHeight() : 0, + sidebar: $__default["default"](SELECTOR_SIDEBAR$1).length > 0 ? $__default["default"](SELECTOR_SIDEBAR$1).height() : 0, controlSidebar: controlSidebar }; @@ -1563,15 +1737,11 @@ offset = 0; } - var $contentSelector = $__default['default'](SELECTOR_CONTENT); + var $contentSelector = $__default["default"](SELECTOR_CONTENT); if (offset !== false) { if (max === heights.controlSidebar) { - if ($body.hasClass(CLASS_NAME_LAYOUT_TOP_NAV)) { - $contentSelector.css(this._config.panelAutoHeightMode, max + offset + heights.header + heights.footer); - } else { - $contentSelector.css(this._config.panelAutoHeightMode, max + offset); - } + $contentSelector.css(this._config.panelAutoHeightMode, max + offset); } else if (max === heights.window) { $contentSelector.css(this._config.panelAutoHeightMode, max + offset - heights.header - heights.footer); } else { @@ -1583,16 +1753,12 @@ } } - if (!$body.hasClass(CLASS_NAME_LAYOUT_FIXED$1)) { + if (!$body.hasClass(CLASS_NAME_LAYOUT_FIXED)) { return; } - if (offset !== false) { - $contentSelector.css(this._config.panelAutoHeightMode, max + offset - heights.header - heights.footer); - } - - if (typeof $__default['default'].fn.overlayScrollbars !== 'undefined') { - $__default['default'](SELECTOR_SIDEBAR).overlayScrollbars({ + if (typeof $__default["default"].fn.overlayScrollbars !== 'undefined') { + $__default["default"](SELECTOR_SIDEBAR$1).overlayScrollbars({ className: this._config.scrollbarTheme, sizeAutoCapable: true, scrollbars: { @@ -1600,16 +1766,22 @@ clickScrolling: true } }); + } else { + $__default["default"](SELECTOR_SIDEBAR$1).css('overflow-y', 'auto'); } }; _proto.fixLoginRegisterHeight = function fixLoginRegisterHeight() { - var $body = $__default['default']('body'); - var $selector = $__default['default'](SELECTOR_LOGIN_BOX + ", " + SELECTOR_REGISTER_BOX); - - if ($selector.length === 0) { + var $body = $__default["default"]('body'); + var $selector = $__default["default"](SELECTOR_LOGIN_BOX + ", " + SELECTOR_REGISTER_BOX); + + if ($body.hasClass(CLASS_NAME_IFRAME_MODE)) { + $body.css('height', '100%'); + $__default["default"]('.wrapper').css('height', '100%'); + $__default["default"]('html').css('height', '100%'); + } else if ($selector.length === 0) { $body.css('height', 'auto'); - $__default['default']('html').css('height', 'auto'); + $__default["default"]('html').css('height', 'auto'); } else { var boxHeight = $selector.height(); @@ -1632,26 +1804,40 @@ setInterval(this.fixLoginRegisterHeight, this._config.loginRegisterAutoHeight); } - $__default['default'](SELECTOR_SIDEBAR).on('collapsed.lte.treeview expanded.lte.treeview', function () { + $__default["default"](SELECTOR_SIDEBAR$1).on('collapsed.lte.treeview expanded.lte.treeview', function () { _this.fixLayoutHeight(); }); - $__default['default'](SELECTOR_PUSHMENU_BTN).on('collapsed.lte.pushmenu shown.lte.pushmenu', function () { - _this.fixLayoutHeight(); + $__default["default"](SELECTOR_MAIN_SIDEBAR).on('mouseenter mouseleave', function () { + if ($__default["default"]('body').hasClass(CLASS_NAME_SIDEBAR_COLLAPSED$1)) { + _this.fixLayoutHeight(); + } }); - $__default['default'](SELECTOR_CONTROL_SIDEBAR_BTN).on('collapsed.lte.controlsidebar', function () { + $__default["default"](SELECTOR_PUSHMENU_BTN).on('collapsed.lte.pushmenu shown.lte.pushmenu', function () { + setTimeout(function () { + _this.fixLayoutHeight(); + }, 300); + }); + $__default["default"](SELECTOR_CONTROL_SIDEBAR_BTN).on('collapsed.lte.controlsidebar', function () { _this.fixLayoutHeight(); }).on('expanded.lte.controlsidebar', function () { _this.fixLayoutHeight('control_sidebar'); }); - $__default['default'](window).resize(function () { - _this.fixLayoutHeight(); - }); - $__default['default'](document).ready(function () { + $__default["default"](window).resize(function () { _this.fixLayoutHeight(); }); setTimeout(function () { - $__default['default']('body.hold-transition').removeClass('hold-transition'); + $__default["default"]('body.hold-transition').removeClass('hold-transition'); }, 50); + setTimeout(function () { + var $preloader = $__default["default"](SELECTOR_PRELOADER); + + if ($preloader) { + $preloader.css('height', 0); + setTimeout(function () { + $preloader.children().hide(); + }, 200); + } + }, this._config.preloadDuration); }; _proto._max = function _max(numbers) { @@ -1666,7 +1852,7 @@ }; _proto._isFooterFixed = function _isFooterFixed() { - return $__default['default'](SELECTOR_FOOTER$1).css('position') === 'fixed'; + return $__default["default"](SELECTOR_FOOTER).css('position') === 'fixed'; } // Static ; @@ -1676,13 +1862,13 @@ } return this.each(function () { - var data = $__default['default'](this).data(DATA_KEY$8); + var data = $__default["default"](this).data(DATA_KEY$6); - var _options = $__default['default'].extend({}, Default$6, $__default['default'](this).data()); + var _options = $__default["default"].extend({}, Default$6, $__default["default"](this).data()); if (!data) { - data = new Layout($__default['default'](this), _options); - $__default['default'](this).data(DATA_KEY$8, data); + data = new Layout($__default["default"](this), _options); + $__default["default"](this).data(DATA_KEY$6, data); } if (config === 'init' || config === '') { @@ -1701,25 +1887,24 @@ */ - $__default['default'](window).on('load', function () { - Layout._jQueryInterface.call($__default['default']('body')); + $__default["default"](window).on('load', function () { + Layout._jQueryInterface.call($__default["default"]('body')); }); - $__default['default'](SELECTOR_SIDEBAR + " a").on('focusin', function () { - $__default['default'](SELECTOR_MAIN_SIDEBAR).addClass(CLASS_NAME_SIDEBAR_FOCUSED); - }); - $__default['default'](SELECTOR_SIDEBAR + " a").on('focusout', function () { - $__default['default'](SELECTOR_MAIN_SIDEBAR).removeClass(CLASS_NAME_SIDEBAR_FOCUSED); + $__default["default"](SELECTOR_SIDEBAR$1 + " a").on('focusin', function () { + $__default["default"](SELECTOR_MAIN_SIDEBAR).addClass(CLASS_NAME_SIDEBAR_FOCUSED); + }).on('focusout', function () { + $__default["default"](SELECTOR_MAIN_SIDEBAR).removeClass(CLASS_NAME_SIDEBAR_FOCUSED); }); /** * jQuery API * ==================================================== */ - $__default['default'].fn[NAME$8] = Layout._jQueryInterface; - $__default['default'].fn[NAME$8].Constructor = Layout; + $__default["default"].fn[NAME$6] = Layout._jQueryInterface; + $__default["default"].fn[NAME$6].Constructor = Layout; - $__default['default'].fn[NAME$8].noConflict = function () { - $__default['default'].fn[NAME$8] = JQUERY_NO_CONFLICT$8; + $__default["default"].fn[NAME$6].noConflict = function () { + $__default["default"].fn[NAME$6] = JQUERY_NO_CONFLICT$6; return Layout._jQueryInterface; }; @@ -1734,24 +1919,26 @@ * ==================================================== */ - var NAME$9 = 'PushMenu'; - var DATA_KEY$9 = 'lte.pushmenu'; - var EVENT_KEY$5 = "." + DATA_KEY$9; - var JQUERY_NO_CONFLICT$9 = $__default['default'].fn[NAME$9]; - var EVENT_COLLAPSED$3 = "collapsed" + EVENT_KEY$5; - var EVENT_SHOWN = "shown" + EVENT_KEY$5; - var SELECTOR_TOGGLE_BUTTON = '[data-widget="pushmenu"]'; + var NAME$5 = 'PushMenu'; + var DATA_KEY$5 = 'lte.pushmenu'; + var EVENT_KEY$2 = "." + DATA_KEY$5; + var JQUERY_NO_CONFLICT$5 = $__default["default"].fn[NAME$5]; + var EVENT_COLLAPSED$1 = "collapsed" + EVENT_KEY$2; + var EVENT_COLLAPSED_DONE = "collapsed-done" + EVENT_KEY$2; + var EVENT_SHOWN = "shown" + EVENT_KEY$2; + var SELECTOR_TOGGLE_BUTTON$1 = '[data-widget="pushmenu"]'; var SELECTOR_BODY = 'body'; var SELECTOR_OVERLAY = '#sidebar-overlay'; var SELECTOR_WRAPPER = '.wrapper'; - var CLASS_NAME_COLLAPSED$1 = 'sidebar-collapse'; - var CLASS_NAME_OPEN = 'sidebar-open'; - var CLASS_NAME_IS_OPENING = 'sidebar-is-opening'; + var CLASS_NAME_COLLAPSED = 'sidebar-collapse'; + var CLASS_NAME_OPEN$3 = 'sidebar-open'; + var CLASS_NAME_IS_OPENING$1 = 'sidebar-is-opening'; var CLASS_NAME_CLOSED = 'sidebar-closed'; - var Default$7 = { + var Default$5 = { autoCollapseSize: 992, enableRemember: false, - noTransitionAfterReload: true + noTransitionAfterReload: true, + animationSpeed: 300 }; /** * Class Definition @@ -1761,9 +1948,9 @@ var PushMenu = /*#__PURE__*/function () { function PushMenu(element, options) { this._element = element; - this._options = $__default['default'].extend({}, Default$7, options); + this._options = $__default["default"].extend({}, Default$5, options); - if ($__default['default'](SELECTOR_OVERLAY).length === 0) { + if ($__default["default"](SELECTOR_OVERLAY).length === 0) { this._addOverlay(); } @@ -1774,46 +1961,47 @@ var _proto = PushMenu.prototype; _proto.expand = function expand() { - var $bodySelector = $__default['default'](SELECTOR_BODY); + var $bodySelector = $__default["default"](SELECTOR_BODY); - if (this._options.autoCollapseSize) { - if ($__default['default'](window).width() <= this._options.autoCollapseSize) { - $bodySelector.addClass(CLASS_NAME_OPEN); - } + if (this._options.autoCollapseSize && $__default["default"](window).width() <= this._options.autoCollapseSize) { + $bodySelector.addClass(CLASS_NAME_OPEN$3); } - $bodySelector.addClass(CLASS_NAME_IS_OPENING).removeClass(CLASS_NAME_COLLAPSED$1 + " " + CLASS_NAME_CLOSED).delay(50).queue(function () { - $bodySelector.removeClass(CLASS_NAME_IS_OPENING); - $__default['default'](this).dequeue(); + $bodySelector.addClass(CLASS_NAME_IS_OPENING$1).removeClass(CLASS_NAME_COLLAPSED + " " + CLASS_NAME_CLOSED).delay(50).queue(function () { + $bodySelector.removeClass(CLASS_NAME_IS_OPENING$1); + $__default["default"](this).dequeue(); }); if (this._options.enableRemember) { - localStorage.setItem("remember" + EVENT_KEY$5, CLASS_NAME_OPEN); + localStorage.setItem("remember" + EVENT_KEY$2, CLASS_NAME_OPEN$3); } - $__default['default'](this._element).trigger($__default['default'].Event(EVENT_SHOWN)); + $__default["default"](this._element).trigger($__default["default"].Event(EVENT_SHOWN)); }; _proto.collapse = function collapse() { - var $bodySelector = $__default['default'](SELECTOR_BODY); + var _this = this; - if (this._options.autoCollapseSize) { - if ($__default['default'](window).width() <= this._options.autoCollapseSize) { - $bodySelector.removeClass(CLASS_NAME_OPEN).addClass(CLASS_NAME_CLOSED); - } + var $bodySelector = $__default["default"](SELECTOR_BODY); + + if (this._options.autoCollapseSize && $__default["default"](window).width() <= this._options.autoCollapseSize) { + $bodySelector.removeClass(CLASS_NAME_OPEN$3).addClass(CLASS_NAME_CLOSED); } - $bodySelector.addClass(CLASS_NAME_COLLAPSED$1); + $bodySelector.addClass(CLASS_NAME_COLLAPSED); if (this._options.enableRemember) { - localStorage.setItem("remember" + EVENT_KEY$5, CLASS_NAME_COLLAPSED$1); + localStorage.setItem("remember" + EVENT_KEY$2, CLASS_NAME_COLLAPSED); } - $__default['default'](this._element).trigger($__default['default'].Event(EVENT_COLLAPSED$3)); + $__default["default"](this._element).trigger($__default["default"].Event(EVENT_COLLAPSED$1)); + setTimeout(function () { + $__default["default"](_this._element).trigger($__default["default"].Event(EVENT_COLLAPSED_DONE)); + }, this._options.animationSpeed); }; _proto.toggle = function toggle() { - if ($__default['default'](SELECTOR_BODY).hasClass(CLASS_NAME_COLLAPSED$1)) { + if ($__default["default"](SELECTOR_BODY).hasClass(CLASS_NAME_COLLAPSED)) { this.expand(); } else { this.collapse(); @@ -1829,15 +2017,15 @@ return; } - var $bodySelector = $__default['default'](SELECTOR_BODY); + var $bodySelector = $__default["default"](SELECTOR_BODY); - if ($__default['default'](window).width() <= this._options.autoCollapseSize) { - if (!$bodySelector.hasClass(CLASS_NAME_OPEN)) { + if ($__default["default"](window).width() <= this._options.autoCollapseSize) { + if (!$bodySelector.hasClass(CLASS_NAME_OPEN$3)) { this.collapse(); } } else if (resize === true) { - if ($bodySelector.hasClass(CLASS_NAME_OPEN)) { - $bodySelector.removeClass(CLASS_NAME_OPEN); + if ($bodySelector.hasClass(CLASS_NAME_OPEN$3)) { + $bodySelector.removeClass(CLASS_NAME_OPEN$3); } else if ($bodySelector.hasClass(CLASS_NAME_CLOSED)) { this.expand(); } @@ -1849,64 +2037,64 @@ return; } - var $body = $__default['default']('body'); - var toggleState = localStorage.getItem("remember" + EVENT_KEY$5); + var $body = $__default["default"]('body'); + var toggleState = localStorage.getItem("remember" + EVENT_KEY$2); - if (toggleState === CLASS_NAME_COLLAPSED$1) { + if (toggleState === CLASS_NAME_COLLAPSED) { if (this._options.noTransitionAfterReload) { - $body.addClass('hold-transition').addClass(CLASS_NAME_COLLAPSED$1).delay(50).queue(function () { - $__default['default'](this).removeClass('hold-transition'); - $__default['default'](this).dequeue(); + $body.addClass('hold-transition').addClass(CLASS_NAME_COLLAPSED).delay(50).queue(function () { + $__default["default"](this).removeClass('hold-transition'); + $__default["default"](this).dequeue(); }); } else { - $body.addClass(CLASS_NAME_COLLAPSED$1); + $body.addClass(CLASS_NAME_COLLAPSED); } } else if (this._options.noTransitionAfterReload) { - $body.addClass('hold-transition').removeClass(CLASS_NAME_COLLAPSED$1).delay(50).queue(function () { - $__default['default'](this).removeClass('hold-transition'); - $__default['default'](this).dequeue(); + $body.addClass('hold-transition').removeClass(CLASS_NAME_COLLAPSED).delay(50).queue(function () { + $__default["default"](this).removeClass('hold-transition'); + $__default["default"](this).dequeue(); }); } else { - $body.removeClass(CLASS_NAME_COLLAPSED$1); + $body.removeClass(CLASS_NAME_COLLAPSED); } } // Private ; _proto._init = function _init() { - var _this = this; + var _this2 = this; this.remember(); this.autoCollapse(); - $__default['default'](window).resize(function () { - _this.autoCollapse(true); + $__default["default"](window).resize(function () { + _this2.autoCollapse(true); }); }; _proto._addOverlay = function _addOverlay() { - var _this2 = this; + var _this3 = this; - var overlay = $__default['default']('
    ', { + var overlay = $__default["default"]('
    ', { id: 'sidebar-overlay' }); overlay.on('click', function () { - _this2.collapse(); + _this3.collapse(); }); - $__default['default'](SELECTOR_WRAPPER).append(overlay); + $__default["default"](SELECTOR_WRAPPER).append(overlay); } // Static ; PushMenu._jQueryInterface = function _jQueryInterface(operation) { return this.each(function () { - var data = $__default['default'](this).data(DATA_KEY$9); + var data = $__default["default"](this).data(DATA_KEY$5); - var _options = $__default['default'].extend({}, Default$7, $__default['default'](this).data()); + var _options = $__default["default"].extend({}, Default$5, $__default["default"](this).data()); if (!data) { data = new PushMenu(this, _options); - $__default['default'](this).data(DATA_KEY$9, data); + $__default["default"](this).data(DATA_KEY$5, data); } - if (typeof operation === 'string' && operation.match(/collapse|expand|toggle/)) { + if (typeof operation === 'string' && /collapse|expand|toggle/.test(operation)) { data[operation](); } }); @@ -1920,29 +2108,29 @@ */ - $__default['default'](document).on('click', SELECTOR_TOGGLE_BUTTON, function (event) { + $__default["default"](document).on('click', SELECTOR_TOGGLE_BUTTON$1, function (event) { event.preventDefault(); var button = event.currentTarget; - if ($__default['default'](button).data('widget') !== 'pushmenu') { - button = $__default['default'](button).closest(SELECTOR_TOGGLE_BUTTON); + if ($__default["default"](button).data('widget') !== 'pushmenu') { + button = $__default["default"](button).closest(SELECTOR_TOGGLE_BUTTON$1); } - PushMenu._jQueryInterface.call($__default['default'](button), 'toggle'); + PushMenu._jQueryInterface.call($__default["default"](button), 'toggle'); }); - $__default['default'](window).on('load', function () { - PushMenu._jQueryInterface.call($__default['default'](SELECTOR_TOGGLE_BUTTON)); + $__default["default"](window).on('load', function () { + PushMenu._jQueryInterface.call($__default["default"](SELECTOR_TOGGLE_BUTTON$1)); }); /** * jQuery API * ==================================================== */ - $__default['default'].fn[NAME$9] = PushMenu._jQueryInterface; - $__default['default'].fn[NAME$9].Constructor = PushMenu; + $__default["default"].fn[NAME$5] = PushMenu._jQueryInterface; + $__default["default"].fn[NAME$5].Constructor = PushMenu; - $__default['default'].fn[NAME$9].noConflict = function () { - $__default['default'].fn[NAME$9] = JQUERY_NO_CONFLICT$9; + $__default["default"].fn[NAME$5].noConflict = function () { + $__default["default"].fn[NAME$5] = JQUERY_NO_CONFLICT$5; return PushMenu._jQueryInterface; }; @@ -1957,26 +2145,26 @@ * ==================================================== */ - var NAME$a = 'SidebarSearch'; - var DATA_KEY$a = 'lte.sidebar-search'; - var JQUERY_NO_CONFLICT$a = $__default['default'].fn[NAME$a]; - var CLASS_NAME_OPEN$1 = 'sidebar-search-open'; + var NAME$4 = 'SidebarSearch'; + var DATA_KEY$4 = 'lte.sidebar-search'; + var JQUERY_NO_CONFLICT$4 = $__default["default"].fn[NAME$4]; + var CLASS_NAME_OPEN$2 = 'sidebar-search-open'; var CLASS_NAME_ICON_SEARCH = 'fa-search'; var CLASS_NAME_ICON_CLOSE = 'fa-times'; var CLASS_NAME_HEADER = 'nav-header'; var CLASS_NAME_SEARCH_RESULTS = 'sidebar-search-results'; var CLASS_NAME_LIST_GROUP = 'list-group'; var SELECTOR_DATA_WIDGET$1 = '[data-widget="sidebar-search"]'; - var SELECTOR_SIDEBAR$1 = '.main-sidebar .nav-sidebar'; + var SELECTOR_SIDEBAR = '.main-sidebar .nav-sidebar'; var SELECTOR_NAV_LINK = '.nav-link'; var SELECTOR_NAV_TREEVIEW = '.nav-treeview'; - var SELECTOR_SEARCH_INPUT = SELECTOR_DATA_WIDGET$1 + " .form-control"; + var SELECTOR_SEARCH_INPUT$1 = SELECTOR_DATA_WIDGET$1 + " .form-control"; var SELECTOR_SEARCH_BUTTON = SELECTOR_DATA_WIDGET$1 + " .btn"; var SELECTOR_SEARCH_ICON = SELECTOR_SEARCH_BUTTON + " i"; var SELECTOR_SEARCH_LIST_GROUP = "." + CLASS_NAME_LIST_GROUP; var SELECTOR_SEARCH_RESULTS = "." + CLASS_NAME_SEARCH_RESULTS; var SELECTOR_SEARCH_RESULTS_GROUP = SELECTOR_SEARCH_RESULTS + " ." + CLASS_NAME_LIST_GROUP; - var Default$8 = { + var Default$4 = { arrowSign: '->', minLength: 3, maxResults: 7, @@ -1994,7 +2182,7 @@ var SidebarSearch = /*#__PURE__*/function () { function SidebarSearch(_element, _options) { this.element = _element; - this.options = $__default['default'].extend({}, Default$8, _options); + this.options = $__default["default"].extend({}, Default$4, _options); this.items = []; } // Public @@ -2004,25 +2192,25 @@ _proto.init = function init() { var _this = this; - if ($__default['default'](SELECTOR_DATA_WIDGET$1).length == 0) { + if ($__default["default"](SELECTOR_DATA_WIDGET$1).length === 0) { return; } - if ($__default['default'](SELECTOR_DATA_WIDGET$1).next(SELECTOR_SEARCH_RESULTS).length == 0) { - $__default['default'](SELECTOR_DATA_WIDGET$1).after($__default['default']('
    ', { + if ($__default["default"](SELECTOR_DATA_WIDGET$1).next(SELECTOR_SEARCH_RESULTS).length === 0) { + $__default["default"](SELECTOR_DATA_WIDGET$1).after($__default["default"]('
    ', { class: CLASS_NAME_SEARCH_RESULTS })); } - if ($__default['default'](SELECTOR_SEARCH_RESULTS).children(SELECTOR_SEARCH_LIST_GROUP).length == 0) { - $__default['default'](SELECTOR_SEARCH_RESULTS).append($__default['default']('
    ', { + if ($__default["default"](SELECTOR_SEARCH_RESULTS).children(SELECTOR_SEARCH_LIST_GROUP).length === 0) { + $__default["default"](SELECTOR_SEARCH_RESULTS).append($__default["default"]('
    ', { class: CLASS_NAME_LIST_GROUP })); } this._addNotFound(); - $__default['default'](SELECTOR_SIDEBAR$1).children().each(function (i, child) { + $__default["default"](SELECTOR_SIDEBAR).children().each(function (i, child) { _this._parseItem(child); }); }; @@ -2030,10 +2218,10 @@ _proto.search = function search() { var _this2 = this; - var searchValue = $__default['default'](SELECTOR_SEARCH_INPUT).val().toLowerCase(); + var searchValue = $__default["default"](SELECTOR_SEARCH_INPUT$1).val().toLowerCase(); if (searchValue.length < this.options.minLength) { - $__default['default'](SELECTOR_SEARCH_RESULTS_GROUP).empty(); + $__default["default"](SELECTOR_SEARCH_RESULTS_GROUP).empty(); this._addNotFound(); @@ -2044,14 +2232,14 @@ var searchResults = SearchItems.filter(function (item) { return item.name.toLowerCase().includes(searchValue); }); - var endResults = $__default['default'](searchResults.slice(0, this.options.maxResults)); - $__default['default'](SELECTOR_SEARCH_RESULTS_GROUP).empty(); + var endResults = $__default["default"](searchResults.slice(0, this.options.maxResults)); + $__default["default"](SELECTOR_SEARCH_RESULTS_GROUP).empty(); if (endResults.length === 0) { this._addNotFound(); } else { endResults.each(function (i, result) { - $__default['default'](SELECTOR_SEARCH_RESULTS_GROUP).append(_this2._renderItem(result.name, result.link, result.path)); + $__default["default"](SELECTOR_SEARCH_RESULTS_GROUP).append(_this2._renderItem(escape(result.name), encodeURI(result.link), result.path)); }); } @@ -2059,17 +2247,17 @@ }; _proto.open = function open() { - $__default['default'](SELECTOR_DATA_WIDGET$1).parent().addClass(CLASS_NAME_OPEN$1); - $__default['default'](SELECTOR_SEARCH_ICON).removeClass(CLASS_NAME_ICON_SEARCH).addClass(CLASS_NAME_ICON_CLOSE); + $__default["default"](SELECTOR_DATA_WIDGET$1).parent().addClass(CLASS_NAME_OPEN$2); + $__default["default"](SELECTOR_SEARCH_ICON).removeClass(CLASS_NAME_ICON_SEARCH).addClass(CLASS_NAME_ICON_CLOSE); }; _proto.close = function close() { - $__default['default'](SELECTOR_DATA_WIDGET$1).parent().removeClass(CLASS_NAME_OPEN$1); - $__default['default'](SELECTOR_SEARCH_ICON).removeClass(CLASS_NAME_ICON_CLOSE).addClass(CLASS_NAME_ICON_SEARCH); + $__default["default"](SELECTOR_DATA_WIDGET$1).parent().removeClass(CLASS_NAME_OPEN$2); + $__default["default"](SELECTOR_SEARCH_ICON).removeClass(CLASS_NAME_ICON_CLOSE).addClass(CLASS_NAME_ICON_SEARCH); }; _proto.toggle = function toggle() { - if ($__default['default'](SELECTOR_DATA_WIDGET$1).parent().hasClass(CLASS_NAME_OPEN$1)) { + if ($__default["default"](SELECTOR_DATA_WIDGET$1).parent().hasClass(CLASS_NAME_OPEN$2)) { this.close(); } else { this.open(); @@ -2084,13 +2272,13 @@ path = []; } - if ($__default['default'](item).hasClass(CLASS_NAME_HEADER)) { + if ($__default["default"](item).hasClass(CLASS_NAME_HEADER)) { return; } var itemObject = {}; - var navLink = $__default['default'](item).clone().find("> " + SELECTOR_NAV_LINK); - var navTreeview = $__default['default'](item).clone().find("> " + SELECTOR_NAV_TREEVIEW); + var navLink = $__default["default"](item).clone().find("> " + SELECTOR_NAV_LINK); + var navTreeview = $__default["default"](item).clone().find("> " + SELECTOR_NAV_TREEVIEW); var link = navLink.attr('href'); var name = navLink.find('p').children().remove().end().text(); itemObject.name = this._trimText(name); @@ -2115,45 +2303,58 @@ var _this4 = this; path = path.join(" " + this.options.arrowSign + " "); + name = unescape(name); + link = decodeURI(link); if (this.options.highlightName || this.options.highlightPath) { - var searchValue = $__default['default'](SELECTOR_SEARCH_INPUT).val().toLowerCase(); + var searchValue = $__default["default"](SELECTOR_SEARCH_INPUT$1).val().toLowerCase(); var regExp = new RegExp(searchValue, 'gi'); if (this.options.highlightName) { name = name.replace(regExp, function (str) { - return "" + str + ""; + return "" + str + ""; }); } if (this.options.highlightPath) { path = path.replace(regExp, function (str) { - return "" + str + ""; + return "" + str + ""; }); } } - return "\n
    \n " + name + "\n
    \n
    \n " + path + "\n
    \n
    "; + var groupItemElement = $__default["default"]('', { + href: link, + class: 'list-group-item' + }); + var searchTitleElement = $__default["default"]('
    ', { + class: 'search-title' + }).html(name); + var searchPathElement = $__default["default"]('
    ', { + class: 'search-path' + }).html(path); + groupItemElement.append(searchTitleElement).append(searchPathElement); + return groupItemElement; }; _proto._addNotFound = function _addNotFound() { - $__default['default'](SELECTOR_SEARCH_RESULTS_GROUP).append(this._renderItem(this.options.notFoundText, '#', [])); + $__default["default"](SELECTOR_SEARCH_RESULTS_GROUP).append(this._renderItem(this.options.notFoundText, '#', [])); } // Static ; SidebarSearch._jQueryInterface = function _jQueryInterface(config) { - var data = $__default['default'](this).data(DATA_KEY$a); + var data = $__default["default"](this).data(DATA_KEY$4); if (!data) { - data = $__default['default'](this).data(); + data = $__default["default"](this).data(); } - var _options = $__default['default'].extend({}, Default$8, typeof config === 'object' ? config : data); + var _options = $__default["default"].extend({}, Default$4, typeof config === 'object' ? config : data); - var plugin = new SidebarSearch($__default['default'](this), _options); - $__default['default'](this).data(DATA_KEY$a, typeof config === 'object' ? config : data); + var plugin = new SidebarSearch($__default["default"](this), _options); + $__default["default"](this).data(DATA_KEY$4, typeof config === 'object' ? config : data); - if (typeof config === 'string' && config.match(/init|toggle|close|open|search/)) { + if (typeof config === 'string' && /init|toggle|close|open|search/.test(config)) { plugin[config](); } else { plugin.init(); @@ -2168,32 +2369,30 @@ */ - $__default['default'](document).on('click', SELECTOR_SEARCH_BUTTON, function (event) { + $__default["default"](document).on('click', SELECTOR_SEARCH_BUTTON, function (event) { event.preventDefault(); - SidebarSearch._jQueryInterface.call($__default['default'](SELECTOR_DATA_WIDGET$1), 'toggle'); + SidebarSearch._jQueryInterface.call($__default["default"](SELECTOR_DATA_WIDGET$1), 'toggle'); }); - $__default['default'](document).on('keyup', SELECTOR_SEARCH_INPUT, function (event) { + $__default["default"](document).on('keyup', SELECTOR_SEARCH_INPUT$1, function (event) { if (event.keyCode == 38) { event.preventDefault(); - $__default['default'](SELECTOR_SEARCH_RESULTS_GROUP).children().last().focus(); + $__default["default"](SELECTOR_SEARCH_RESULTS_GROUP).children().last().focus(); return; } if (event.keyCode == 40) { event.preventDefault(); - $__default['default'](SELECTOR_SEARCH_RESULTS_GROUP).children().first().focus(); + $__default["default"](SELECTOR_SEARCH_RESULTS_GROUP).children().first().focus(); return; } - var timer = 0; - clearTimeout(timer); - timer = setTimeout(function () { - SidebarSearch._jQueryInterface.call($__default['default'](SELECTOR_DATA_WIDGET$1), 'search'); + setTimeout(function () { + SidebarSearch._jQueryInterface.call($__default["default"](SELECTOR_DATA_WIDGET$1), 'search'); }, 100); }); - $__default['default'](document).on('keydown', SELECTOR_SEARCH_RESULTS_GROUP, function (event) { - var $focused = $__default['default'](':focus'); + $__default["default"](document).on('keydown', SELECTOR_SEARCH_RESULTS_GROUP, function (event) { + var $focused = $__default["default"](':focus'); if (event.keyCode == 38) { event.preventDefault(); @@ -2215,22 +2414,130 @@ } } }); - $__default['default'](window).on('load', function () { - SidebarSearch._jQueryInterface.call($__default['default'](SELECTOR_DATA_WIDGET$1), 'init'); + $__default["default"](window).on('load', function () { + SidebarSearch._jQueryInterface.call($__default["default"](SELECTOR_DATA_WIDGET$1), 'init'); }); /** * jQuery API * ==================================================== */ - $__default['default'].fn[NAME$a] = SidebarSearch._jQueryInterface; - $__default['default'].fn[NAME$a].Constructor = SidebarSearch; + $__default["default"].fn[NAME$4] = SidebarSearch._jQueryInterface; + $__default["default"].fn[NAME$4].Constructor = SidebarSearch; - $__default['default'].fn[NAME$a].noConflict = function () { - $__default['default'].fn[NAME$a] = JQUERY_NO_CONFLICT$a; + $__default["default"].fn[NAME$4].noConflict = function () { + $__default["default"].fn[NAME$4] = JQUERY_NO_CONFLICT$4; return SidebarSearch._jQueryInterface; }; + /** + * -------------------------------------------- + * AdminLTE NavbarSearch.js + * License MIT + * -------------------------------------------- + */ + /** + * Constants + * ==================================================== + */ + + var NAME$3 = 'NavbarSearch'; + var DATA_KEY$3 = 'lte.navbar-search'; + var JQUERY_NO_CONFLICT$3 = $__default["default"].fn[NAME$3]; + var SELECTOR_TOGGLE_BUTTON = '[data-widget="navbar-search"]'; + var SELECTOR_SEARCH_BLOCK = '.navbar-search-block'; + var SELECTOR_SEARCH_INPUT = '.form-control'; + var CLASS_NAME_OPEN$1 = 'navbar-search-open'; + var Default$3 = { + resetOnClose: true, + target: SELECTOR_SEARCH_BLOCK + }; + /** + * Class Definition + * ==================================================== + */ + + var NavbarSearch = /*#__PURE__*/function () { + function NavbarSearch(_element, _options) { + this._element = _element; + this._config = $__default["default"].extend({}, Default$3, _options); + } // Public + + + var _proto = NavbarSearch.prototype; + + _proto.open = function open() { + $__default["default"](this._config.target).css('display', 'flex').hide().fadeIn().addClass(CLASS_NAME_OPEN$1); + $__default["default"](this._config.target + " " + SELECTOR_SEARCH_INPUT).focus(); + }; + + _proto.close = function close() { + $__default["default"](this._config.target).fadeOut().removeClass(CLASS_NAME_OPEN$1); + + if (this._config.resetOnClose) { + $__default["default"](this._config.target + " " + SELECTOR_SEARCH_INPUT).val(''); + } + }; + + _proto.toggle = function toggle() { + if ($__default["default"](this._config.target).hasClass(CLASS_NAME_OPEN$1)) { + this.close(); + } else { + this.open(); + } + } // Static + ; + + NavbarSearch._jQueryInterface = function _jQueryInterface(options) { + return this.each(function () { + var data = $__default["default"](this).data(DATA_KEY$3); + + var _options = $__default["default"].extend({}, Default$3, $__default["default"](this).data()); + + if (!data) { + data = new NavbarSearch(this, _options); + $__default["default"](this).data(DATA_KEY$3, data); + } + + if (!/toggle|close|open/.test(options)) { + throw new Error("Undefined method " + options); + } + + data[options](); + }); + }; + + return NavbarSearch; + }(); + /** + * Data API + * ==================================================== + */ + + + $__default["default"](document).on('click', SELECTOR_TOGGLE_BUTTON, function (event) { + event.preventDefault(); + var button = $__default["default"](event.currentTarget); + + if (button.data('widget') !== 'navbar-search') { + button = button.closest(SELECTOR_TOGGLE_BUTTON); + } + + NavbarSearch._jQueryInterface.call(button, 'toggle'); + }); + /** + * jQuery API + * ==================================================== + */ + + $__default["default"].fn[NAME$3] = NavbarSearch._jQueryInterface; + $__default["default"].fn[NAME$3].Constructor = NavbarSearch; + + $__default["default"].fn[NAME$3].noConflict = function () { + $__default["default"].fn[NAME$3] = JQUERY_NO_CONFLICT$3; + return NavbarSearch._jQueryInterface; + }; + /** * -------------------------------------------- * AdminLTE Toasts.js @@ -2242,13 +2549,13 @@ * ==================================================== */ - var NAME$b = 'Toasts'; - var DATA_KEY$b = 'lte.toasts'; - var EVENT_KEY$6 = "." + DATA_KEY$b; - var JQUERY_NO_CONFLICT$b = $__default['default'].fn[NAME$b]; - var EVENT_INIT = "init" + EVENT_KEY$6; - var EVENT_CREATED = "created" + EVENT_KEY$6; - var EVENT_REMOVED$1 = "removed" + EVENT_KEY$6; + var NAME$2 = 'Toasts'; + var DATA_KEY$2 = 'lte.toasts'; + var EVENT_KEY$1 = "." + DATA_KEY$2; + var JQUERY_NO_CONFLICT$2 = $__default["default"].fn[NAME$2]; + var EVENT_INIT = "init" + EVENT_KEY$1; + var EVENT_CREATED = "created" + EVENT_KEY$1; + var EVENT_REMOVED = "removed" + EVENT_KEY$1; var SELECTOR_CONTAINER_TOP_RIGHT = '#toastsContainerTopRight'; var SELECTOR_CONTAINER_TOP_LEFT = '#toastsContainerTopLeft'; var SELECTOR_CONTAINER_BOTTOM_RIGHT = '#toastsContainerBottomRight'; @@ -2261,7 +2568,7 @@ var POSITION_TOP_LEFT = 'topLeft'; var POSITION_BOTTOM_RIGHT = 'bottomRight'; var POSITION_BOTTOM_LEFT = 'bottomLeft'; - var Default$9 = { + var Default$2 = { position: POSITION_TOP_RIGHT, fixed: true, autohide: false, @@ -2289,14 +2596,14 @@ this._prepareContainer(); - $__default['default']('body').trigger($__default['default'].Event(EVENT_INIT)); + $__default["default"]('body').trigger($__default["default"].Event(EVENT_INIT)); } // Public var _proto = Toasts.prototype; _proto.create = function create() { - var toast = $__default['default'](' - - - + + {{#toasts}} {{#usescanner}} diff --git a/www/templates/pages/report/paybalance.html b/www/templates/pages/report/paybalance.html index 033a946f2..b48570065 100644 --- a/www/templates/pages/report/paybalance.html +++ b/www/templates/pages/report/paybalance.html @@ -14,7 +14,12 @@

    Финансовые результаты

    +
    + + +
    + diff --git a/www/templates/pages/service/import.html b/www/templates/pages/service/import.html index 3bb471609..160a1a106 100644 --- a/www/templates/pages/service/import.html +++ b/www/templates/pages/service/import.html @@ -21,7 +21,18 @@

    Импорт номенклатуры +

    +
    + +
    @@ -45,10 +56,7 @@

    Импорт номенклатуры

    -
    - - -
    +
    @@ -95,9 +103,9 @@

    Импорт номенклатуры

    - +
    -
    @@ -108,20 +116,38 @@

    Импорт номенклатуры

    -
    - + +
    +
    -
    - +
    + +
    + +
    +
    -
    +
    + + +
    +
    + +
    + +
    +
    +
    - -
    -
    -
    - -
    - -
    -
    +
    @@ -185,7 +198,7 @@

    Импорт номенклатуры

    - +
    @@ -266,10 +279,7 @@

    Импорт накладной

    -
    - - -
    +
    diff --git a/www/templates/pages/subscribes.html b/www/templates/pages/subscribes.html index db557ad78..5627ec15e 100644 --- a/www/templates/pages/subscribes.html +++ b/www/templates/pages/subscribes.html @@ -139,9 +139,17 @@ {forpay} К оплате {source} Источник продаж {device} Изделие, принятое от заказчика + {credit} Долг покупателя + {payed} Принятая оплата по документу - + Если нужно вывести текст в зависимости от значения, например +
    + {#credit} + Ваш долг {credit}   + {/credit} +
    +
    Для вывода списков, например позиций документа нужно заключить вывод в теги {#list} и {/list>}
    Внутри строки списка допускаются следующие теги @@ -165,7 +173,7 @@ <tr> <td>{item_name} </td> <td align="right" >{qty} </td></tr>
    {/list}
    </table><br>
    - К оплате {forpay} как с куста <br>
    + Ты нам торчишь {forpay} <br>
    Прайсы по <a href="http://price.com/">ссылке</a><br>
    Пока, лошара

    diff --git a/www/templates/printforms/report/noliq.tpl b/www/templates/printforms/report/noliq.tpl index 694fe89c8..1407fa2c7 100644 --- a/www/templates/printforms/report/noliq.tpl +++ b/www/templates/printforms/report/noliq.tpl @@ -12,7 +12,7 @@ Товар Код - Кол. + На складе {{#_detail}} diff --git a/www/templates/printforms/report/paybalance.tpl b/www/templates/printforms/report/paybalance.tpl index 3f9c7ba1d..74c618625 100644 --- a/www/templates/printforms/report/paybalance.tpl +++ b/www/templates/printforms/report/paybalance.tpl @@ -27,6 +27,18 @@ {{in}} + {{#docdet}} + + + + +   {{docdesc}} + + {{indet}} + + + {{/docdet}} + {{/_detail}} @@ -51,6 +63,17 @@ {{out}} + {{#docdet}} + + + +   {{docdesc}} + + {{indet}} + + + {{/docdet}} + {{/_detail2}} diff --git a/www/templates_ua/modules/shop/pages/base.html b/www/templates_ua/modules/shop/pages/base.html index 6fae18718..86c0d3bd5 100644 --- a/www/templates_ua/modules/shop/pages/base.html +++ b/www/templates_ua/modules/shop/pages/base.html @@ -64,9 +64,9 @@ - Кошик {{notcnt}} + Кошик {{basketcnt}} - Порiвняти + Порiвняти {{comparecnt}}
    diff --git a/www/templates_ua/modules/shop/pages/options.html b/www/templates_ua/modules/shop/pages/options.html index c0d616af3..4d3a3c8c0 100644 --- a/www/templates_ua/modules/shop/pages/options.html +++ b/www/templates_ua/modules/shop/pages/options.html @@ -127,7 +127,7 @@

    Налаштування

    -

    АдмIнiстрування

    +

    Адмiнiстрування

    Оновити sitemap.xml

    Користувацькi сторiнки

    @@ -163,28 +163,28 @@

    Редагування сторiнки

    - Не включаючи сайту. Допускаются тiльки латиничнi символи. Наприклад news about_us dostavka + Не включаючи адресу сайту. Допускаются тiльки латиничнi символи. Наприклад news about_us dostavka
    - + - Номер порядка вывода в меню + Номер порядку виводу в меню
    - + - Изображения должны быть как можно меньше размера. + Зображення повинні бути якомога меншого розміру.
    - Отменить - + Скасувати +
    diff --git a/www/templates_ua/pages/report/paybalance.html b/www/templates_ua/pages/report/paybalance.html index bab084895..6228ad2b9 100644 --- a/www/templates_ua/pages/report/paybalance.html +++ b/www/templates_ua/pages/report/paybalance.html @@ -14,7 +14,12 @@

    Фiнансовi результати

    +
    + + +
    + diff --git a/www/templates_ua/pages/service/import.html b/www/templates_ua/pages/service/import.html index fc3747da5..f24b0a06c 100644 --- a/www/templates_ua/pages/service/import.html +++ b/www/templates_ua/pages/service/import.html @@ -21,7 +21,18 @@

    Імпорт номенклатури +

    +
    + +
    @@ -46,10 +57,7 @@

    Імпорт номенклатури

    -
    - - -
    +
    @@ -74,87 +82,108 @@

    Імпорт номенклатури

    -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    - +
    + +
    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    + +
    + +
    +
    +
    +
    + +
    +
    +
    +
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - - +
    + + +
    +
    + +
    +
    +
    + +
    + +
    + +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    -
    - - - -
    - +
    {{#preview}} @@ -233,10 +262,7 @@

    Імпорт накладної

    -
    - - -
    +
    @@ -251,42 +277,49 @@

    Імпорт накладної

    -
    - - +
    + +
    +
    -
    - - +
    + +
    +
    -
    - - +
    + +
    +
    -
    - - +
    + +
    +
    -
    - - +
    + +
    +
    -
    - - +
    + +
    +
    -
    - - +
    + +
    +
    @@ -380,30 +413,35 @@

    Імпорт контрагентів

    -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - - +
    + +
    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    diff --git a/www/templates_ua/pages/subscribes.html b/www/templates_ua/pages/subscribes.html index 5e21fd57f..26aaf6bd9 100644 --- a/www/templates_ua/pages/subscribes.html +++ b/www/templates_ua/pages/subscribes.html @@ -138,9 +138,17 @@ {forpay} До сплати {source} Джерело продаж {device} Вирiб, прийнятий вiд замовника + {credit} Борг покупйя + {payed} Прийнята оплата по документу - + Якщо потрібно вивести текст в залежності від значення, наприклад +
    + {#credit} + Ваш борг {credit}   + {/credit} +
    +
    Для виведення списків, наприклад позицій документа потрібно вкласти данi мiж тегами {#list} та {/list>}
    Усередині рядка списку допускаються наступні теги @@ -153,7 +161,7 @@ {qty} Кiлькiсть {price} Цiна {summa} Сума по строцi - + Наприклад:

    diff --git a/www/templates_ua/printforms/report/noliq.tpl b/www/templates_ua/printforms/report/noliq.tpl index 6fb98f668..87f9cbe1b 100644 --- a/www/templates_ua/printforms/report/noliq.tpl +++ b/www/templates_ua/printforms/report/noliq.tpl @@ -19,7 +19,7 @@ Найменування Од. - Кіл. + На кладi diff --git a/www/templates_ua/printforms/report/paybalance.tpl b/www/templates_ua/printforms/report/paybalance.tpl index 6cbc35a3d..32e850543 100644 --- a/www/templates_ua/printforms/report/paybalance.tpl +++ b/www/templates_ua/printforms/report/paybalance.tpl @@ -1,20 +1,20 @@ - - - @@ -25,20 +25,32 @@ - + + {{#docdet}} + + + + + + + + + + {{/docdet}} + {{/_detail}} - + - + - @@ -49,24 +61,93 @@ - + + {{#docdet}} + + + + + + + + + {{/docdet}} + {{/_detail2}} - + - + - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {{#isinv}} + + + + + + + + + + + {{/isinv}}
    - Платіжний баланс + + Фiнансовi результати
    - Період з {{datefrom}} по {{dateto}}
    +
    + Перiод з {{datefrom}} по {{dateto}}
    - Доходи Д + + Прибутки
    {{type}} {{in}}
      {{docdesc}}{{indet}}
    Разом:Всього: {{tin}}
    - Витрати + + Видатки
    {{type}} {{out}}
      {{docdesc}}{{indet}}
    Разом:Всього: {{tout}}
    Баланс: {{total}}
    Фiнансовi показники
    Проход: {{tu}} + +
    Змiннi витрати : {{tvc}} + +
    Операцiйнi витрати:{{OP}} + +
    Чистий прибуток: {{PR}} + +
    Інвестиції: {{inv}} + +
    Вiддача вiд iнвестицiй (ROI),%: {{ROI}} + +